html {
font-size: 16px; }
html {
font-size: 13px; }
@media (min-width: 540px) {
html {
font-size: 13px; } }
@media (min-width: 800px) {
html {
font-size: 13px; } }
@media (min-width: 1024px) {
html {
font-size: 14px; } }
@media (min-width: 1199px) {
html {
font-size: 16px; } }
:root {
--blue: #ff5e3a;
--primary: #ff5e3a;
--success: #08ddc1;
--danger: #f92552;
--secondary: #9a9fbf;
--breakpoint-xs: 0;
--breakpoint-sm: 540px;
--breakpoint-md: 800px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1199px;
--breakpoint-xxl: 1400px;
--font-family-sans-serif: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
*,
*::before,
*::after {
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-size: 0.812rem;
font-weight: 400;
line-height: 1.5;
color: #888da8;
text-align: left;
background-color: #ffffff; }
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #ff5e3a;
text-decoration: none;
background-color: transparent; }
a:hover {
color: auto;
text-decoration: none; }
a:not([href]) {
color: inherit;
text-decoration: none; }
a:not([href]):hover {
color: inherit;
text-decoration: none; }
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
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;
margin-bottom: 0.5rem; }
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; }
select {
word-wrap: normal; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer; }
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"] {
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;
margin-bottom: .5rem;
font-size: 1.5rem;
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-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; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: 700;
line-height: 1.3;
color: #515365; }
h1, .h1 {
font-size: 2.5rem; }
h2, .h2 {
font-size: 2rem; }
h3, .h3 {
font-size: 1.75rem; }
h4, .h4 {
font-size: 1.375rem; }
h5, .h5 {
font-size: 1rem; }
h6, .h6 {
font-size: 0.875rem; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
font-size: 80%;
font-weight: 400; }
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #6c757d; }
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; }
pre {
display: block;
font-size: 87.5%;
color: #212529; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 540px) {
.container {
max-width: 600px; } }
@media (min-width: 800px) {
.container {
max-width: 680px; } }
@media (min-width: 1024px) {
.container {
max-width: 900px; } }
@media (min-width: 1199px) {
.container {
max-width: 1110px; } }
@media (min-width: 1400px) {
.container {
max-width: 1300px; } }
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 540px) {
.container, .container-sm {
max-width: 600px; } }
@media (min-width: 800px) {
.container, .container-sm, .container-md {
max-width: 680px; } }
@media (min-width: 1024px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 900px; } }
@media (min-width: 1199px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1110px; } }
@media (min-width: 1400px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1300px; } }
.row {
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, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-ms-flex-order: -1;
order: -1; }
.order-last {
-ms-flex-order: 13;
order: 13; }
.order-0 {
-ms-flex-order: 0;
order: 0; }
.order-1 {
-ms-flex-order: 1;
order: 1; }
.order-2 {
-ms-flex-order: 2;
order: 2; }
.order-3 {
-ms-flex-order: 3;
order: 3; }
.order-4 {
-ms-flex-order: 4;
order: 4; }
.order-5 {
-ms-flex-order: 5;
order: 5; }
.order-6 {
-ms-flex-order: 6;
order: 6; }
.order-7 {
-ms-flex-order: 7;
order: 7; }
.order-8 {
-ms-flex-order: 8;
order: 8; }
.order-9 {
-ms-flex-order: 9;
order: 9; }
.order-10 {
-ms-flex-order: 10;
order: 10; }
.order-11 {
-ms-flex-order: 11;
order: 11; }
.order-12 {
-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: 540px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-sm-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-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: 800px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-md-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-md-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-md-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-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: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-lg-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-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: 1199px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-xl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-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%; } }
@media (min-width: 1400px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.row-cols-xxl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.row-cols-xxl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.row-cols-xxl-3 > * {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.row-cols-xxl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.row-cols-xxl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.row-cols-xxl-6 > * {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-xxl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xxl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xxl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xxl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xxl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xxl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xxl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xxl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xxl-first {
-ms-flex-order: -1;
order: -1; }
.order-xxl-last {
-ms-flex-order: 13;
order: 13; }
.order-xxl-0 {
-ms-flex-order: 0;
order: 0; }
.order-xxl-1 {
-ms-flex-order: 1;
order: 1; }
.order-xxl-2 {
-ms-flex-order: 2;
order: 2; }
.order-xxl-3 {
-ms-flex-order: 3;
order: 3; }
.order-xxl-4 {
-ms-flex-order: 4;
order: 4; }
.order-xxl-5 {
-ms-flex-order: 5;
order: 5; }
.order-xxl-6 {
-ms-flex-order: 6;
order: 6; }
.order-xxl-7 {
-ms-flex-order: 7;
order: 7; }
.order-xxl-8 {
-ms-flex-order: 8;
order: 8; }
.order-xxl-9 {
-ms-flex-order: 9;
order: 9; }
.order-xxl-10 {
-ms-flex-order: 10;
order: 10; }
.order-xxl-11 {
-ms-flex-order: 11;
order: 11; }
.order-xxl-12 {
-ms-flex-order: 12;
order: 12; }
.offset-xxl-0 {
margin-left: 0; }
.offset-xxl-1 {
margin-left: 8.33333%; }
.offset-xxl-2 {
margin-left: 16.66667%; }
.offset-xxl-3 {
margin-left: 25%; }
.offset-xxl-4 {
margin-left: 33.33333%; }
.offset-xxl-5 {
margin-left: 41.66667%; }
.offset-xxl-6 {
margin-left: 50%; }
.offset-xxl-7 {
margin-left: 58.33333%; }
.offset-xxl-8 {
margin-left: 66.66667%; }
.offset-xxl-9 {
margin-left: 75%; }
.offset-xxl-10 {
margin-left: 83.33333%; }
.offset-xxl-11 {
margin-left: 91.66667%; } }
.form-control {
display: block;
width: 100%;
height: initial;
padding: 1.1rem 1.1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e6ecf5;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057; }
.form-control:focus {
color: #495057;
background-color: transparent;
border-color: #ffc6ba;
outline: 0;
box-shadow: none; }
.form-control:-ms-input-placeholder {
color: #888da8;
opacity: 1; }
.form-control::placeholder {
color: #888da8;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.form-control-file,
.form-control-range {
display: block;
width: 100%; }
textarea.form-control {
height: auto; }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
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; }
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28a745;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); }
.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 {
border-color: #28a745; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745; }
.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:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.1rem 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: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; }
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); }
.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 {
border-color: #dc3545; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545; }
.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:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25); }
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 540px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0; }
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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,
.form-inline .custom-select {
width: auto; }
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; }
.form-inline .custom-control-label {
margin-bottom: 0; } }
.btn {
display: inline-block;
font-weight: 700;
color: #888da8;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: all 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: #888da8;
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
box-shadow: none; }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 1rem 6rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.5rem 1.7rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.fade {
transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; }
.dropdown-toggle {
white-space: nowrap; }
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; }
.dropdown-menu-left {
right: auto;
left: 0; }
.dropdown-menu-right {
right: 0;
left: auto; }
@media (min-width: 540px) {
.dropdown-menu-sm-left {
right: auto;
left: 0; }
.dropdown-menu-sm-right {
right: 0;
left: auto; } }
@media (min-width: 800px) {
.dropdown-menu-md-left {
right: auto;
left: 0; }
.dropdown-menu-md-right {
right: 0;
left: auto; } }
@media (min-width: 1024px) {
.dropdown-menu-lg-left {
right: auto;
left: 0; }
.dropdown-menu-lg-right {
right: 0;
left: auto; } }
@media (min-width: 1199px) {
.dropdown-menu-xl-left {
right: auto;
left: 0; }
.dropdown-menu-xl-right {
right: 0;
left: auto; } }
@media (min-width: 1400px) {
.dropdown-menu-xxl-left {
right: auto;
left: 0; }
.dropdown-menu-xxl-right {
right: 0;
left: auto; } }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.688rem;
color: #6c757d;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529; }
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .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:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; }
.input-group > .custom-file .custom-file-input:focus {
z-index: 4; }
.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: -ms-flexbox;
display: flex;
-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::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.5rem 1rem; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item {
margin-bottom: -1px; }
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #007bff; }
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center; }
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem; }
.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between; }
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static;
float: none; }
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem; }
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%; }
@media (max-width: 539.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 540px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 799.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 800px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 1023.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1024px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1198.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1199px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; } }
@media (max-width: 1399.98px) {
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1400px) {
.navbar-expand-xxl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-xxl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-xxl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-xxl .navbar-toggler {
display: none; } }
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #e6ecf5;
border-radius: 0.25rem; }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem; }
.card-title {
margin-bottom: 0.75rem; }
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1.25rem; }
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: #fff;
border-bottom: 1px solid #e6ecf5; }
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child {
border-top: 0; }
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #fff;
border-top: 1px solid #e6ecf5; }
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.accordion > .card {
overflow: hidden; }
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px; }
.pagination {
display:-ms-flexbox;
display:flex;
padding-left:0;
border-radius:.25rem;
list-style:none;
}
.page-link {
position: relative;
display: block;
padding: 0.9rem 1.2rem;
margin-left: -1px;
line-height: 1.25;
color: #515365;
background-color: #fff;
border: 1px solid #e6ecf5; }
.page-link:hover {
z-index: 2;
color: #fff;
text-decoration: none;
background-color: #ff5e3a;
border-color: #dee2e6; }
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: none; }
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.page-item.disabled .page-link {
color: #515365;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; }
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:hover {
color: #000;
text-decoration: none; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75; }
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
a.close.disabled {
pointer-events: none; }
.modal-open {
overflow: hidden; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: 30px;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: none; }
.modal.modal-static .modal-dialog {
transform: scale(1.02); }
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 60px); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 60px);
overflow: hidden; }
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
-ms-flex-negative: 0;
flex-shrink: 0; }
.modal-dialog-scrollable .modal-body {
overflow-y: auto; }
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 60px); }
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 60px);
content: ""; }
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none; }
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none; }
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px); }
.modal-footer > * {
margin: 0.25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 540px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem); }
.modal-dialog-centered {
min-height: calc(100% - 3.5rem); }
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 1024px) {
.modal-lg,
.modal-xl {
max-width: 800px; } }
@media (min-width: 1199px) {
.modal-xl {
max-width: 1140px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 0.9; }
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0; }
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #3f4257; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #3f4257; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0; }
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #3f4257; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #3f4257; }
.tooltip-inner {
max-width: 200px;
padding: 5px 10px;
color: #fff;
text-align: center;
background-color: #3f4257;
border-radius: 0.25rem; }
.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; }
.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: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-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; }
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-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 {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 540px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-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; }
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-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 {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 800px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-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; }
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-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 {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1024px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-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; }
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-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 {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1199px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-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; }
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-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 {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1400px) {
.flex-xxl-row {
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xxl-column {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xxl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xxl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-xxl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-xxl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-xxl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-xxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xxl-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xxl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xxl-start {
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xxl-end {
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xxl-center {
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xxl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xxl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important; }
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xxl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important; }
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; } }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.min-vw-100 {
min-width: 100vw !important; }
.min-vh-100 {
min-height: 100vh !important; }
.vw-100 {
width: 100vw !important; }
.vh-100 {
height: 100vh !important; }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
.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-n1 {
margin: -0.25rem !important; }
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important; }
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important; }
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important; }
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important; }
.m-n2 {
margin: -0.5rem !important; }
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important; }
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important; }
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important; }
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important; }
.m-n3 {
margin: -1rem !important; }
.mt-n3,
.my-n3 {
margin-top: -1rem !important; }
.mr-n3,
.mx-n3 {
margin-right: -1rem !important; }
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important; }
.ml-n3,
.mx-n3 {
margin-left: -1rem !important; }
.m-n4 {
margin: -1.5rem !important; }
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important; }
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important; }
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important; }
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important; }
.m-n5 {
margin: -3rem !important; }
.mt-n5,
.my-n5 {
margin-top: -3rem !important; }
.mr-n5,
.mx-n5 {
margin-right: -3rem !important; }
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important; }
.ml-n5,
.mx-n5 {
margin-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: 540px) {
.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-n1 {
margin: -0.25rem !important; }
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important; }
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important; }
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important; }
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important; }
.m-sm-n2 {
margin: -0.5rem !important; }
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important; }
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important; }
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important; }
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important; }
.m-sm-n3 {
margin: -1rem !important; }
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important; }
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important; }
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important; }
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important; }
.m-sm-n4 {
margin: -1.5rem !important; }
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important; }
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important; }
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important; }
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important; }
.m-sm-n5 {
margin: -3rem !important; }
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important; }
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important; }
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important; }
.ml-sm-n5,
.mx-sm-n5 {
margin-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: 800px) {
.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-n1 {
margin: -0.25rem !important; }
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important; }
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important; }
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important; }
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important; }
.m-md-n2 {
margin: -0.5rem !important; }
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important; }
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important; }
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important; }
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important; }
.m-md-n3 {
margin: -1rem !important; }
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important; }
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important; }
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important; }
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important; }
.m-md-n4 {
margin: -1.5rem !important; }
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important; }
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important; }
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important; }
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important; }
.m-md-n5 {
margin: -3rem !important; }
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important; }
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important; }
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important; }
.ml-md-n5,
.mx-md-n5 {
margin-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: 1024px) {
.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-n1 {
margin: -0.25rem !important; }
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important; }
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important; }
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important; }
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important; }
.m-lg-n2 {
margin: -0.5rem !important; }
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important; }
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important; }
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important; }
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important; }
.m-lg-n3 {
margin: -1rem !important; }
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important; }
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important; }
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important; }
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important; }
.m-lg-n4 {
margin: -1.5rem !important; }
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important; }
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important; }
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important; }
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important; }
.m-lg-n5 {
margin: -3rem !important; }
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important; }
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important; }
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important; }
.ml-lg-n5,
.mx-lg-n5 {
margin-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: 1199px) {
.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-n1 {
margin: -0.25rem !important; }
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important; }
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important; }
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important; }
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important; }
.m-xl-n2 {
margin: -0.5rem !important; }
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important; }
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important; }
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important; }
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important; }
.m-xl-n3 {
margin: -1rem !important; }
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important; }
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important; }
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important; }
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important; }
.m-xl-n4 {
margin: -1.5rem !important; }
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important; }
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important; }
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important; }
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important; }
.m-xl-n5 {
margin: -3rem !important; }
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important; }
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important; }
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important; }
.ml-xl-n5,
.mx-xl-n5 {
margin-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; } }
@media (min-width: 1400px) {
.m-xxl-0 {
margin: 0 !important; }
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important; }
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important; }
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important; }
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important; }
.m-xxl-1 {
margin: 0.25rem !important; }
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important; }
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important; }
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important; }
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important; }
.m-xxl-2 {
margin: 0.5rem !important; }
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important; }
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important; }
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important; }
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important; }
.m-xxl-3 {
margin: 1rem !important; }
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important; }
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important; }
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important; }
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important; }
.m-xxl-4 {
margin: 1.5rem !important; }
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important; }
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important; }
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important; }
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important; }
.m-xxl-5 {
margin: 3rem !important; }
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important; }
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important; }
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important; }
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important; }
.p-xxl-0 {
padding: 0 !important; }
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important; }
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important; }
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important; }
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important; }
.p-xxl-1 {
padding: 0.25rem !important; }
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important; }
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important; }
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important; }
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important; }
.p-xxl-2 {
padding: 0.5rem !important; }
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important; }
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important; }
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important; }
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important; }
.p-xxl-3 {
padding: 1rem !important; }
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important; }
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important; }
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important; }
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important; }
.p-xxl-4 {
padding: 1.5rem !important; }
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important; }
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important; }
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important; }
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important; }
.p-xxl-5 {
padding: 3rem !important; }
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important; }
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important; }
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important; }
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important; }
.m-xxl-n1 {
margin: -0.25rem !important; }
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important; }
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important; }
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important; }
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important; }
.m-xxl-n2 {
margin: -0.5rem !important; }
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important; }
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important; }
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important; }
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important; }
.m-xxl-n3 {
margin: -1rem !important; }
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important; }
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important; }
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important; }
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important; }
.m-xxl-n4 {
margin: -1.5rem !important; }
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important; }
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important; }
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important; }
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important; }
.m-xxl-n5 {
margin: -3rem !important; }
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important; }
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important; }
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important; }
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important; }
.m-xxl-auto {
margin: auto !important; }
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important; }
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important; }
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important; }
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important; } }
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.text-justify {
text-align: justify !important; }
.text-wrap {
white-space: normal !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: 540px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 800px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 1024px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1199px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
@media (min-width: 1400px) {
.text-xxl-left {
text-align: left !important; }
.text-xxl-right {
text-align: right !important; }
.text-xxl-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-lighter {
font-weight: lighter !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-weight-bolder {
font-weight: bolder !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #ff5e3a !important; }
a.text-primary:hover, a.text-primary:focus {
color: #ed2b00 !important; }
.text-success {
color: #08ddc1 !important; }
a.text-success:hover, a.text-success:focus {
color: #059381 !important; }
.text-danger {
color: #f92552 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #cc0630 !important; }
.text-secondary {
color: #9a9fbf !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #6b72a1 !important; }
.text-body {
color: #888da8 !important; }
.text-muted {
color: #6c757d !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }.w-search .form-group {
margin-bottom: 0; }
.w-search input {
padding: 13px 15px;
font-size: 12px; }
.w-search svg, .w-search i {
font-size: 15px;
height: 15px;
width: 15px; }
.widget .w-search input {
border: none; } .social-item {
font-size: 11px;
color: #fff;
padding: 7px 15px;
display: block;
border-radius: 3px;
margin-bottom: 15px;
text-align: center; }
.social-item i {
font-size: 12px;
margin-right: 10px; }
.social-item:hover {
color: #fff;
opacity: .9; }
.w-socials .title {
margin-bottom: 20px; } .w-select {
padding: 0 20px 0 0; }
.w-select .bootstrap-select > .dropdown-toggle {
padding: 10px 15px;
font-size: 12px;
height: 40px;
margin-bottom: 0;
background-color: transparent;
border-color: #e6ecf5; }
.w-select .form-group {
margin-bottom: 0; }
.w-select .title {
float: left;
line-height: 40px;
margin-right: 15px; } @media (max-width: 1400px) {
.w-select .form-group {
min-width: unset; } } .w-contacts #map {
width: 100%;
height: 200px;
margin-bottom: 15px; }
.w-contacts ul {
padding: 0 25px; }
.w-contacts ul li {
padding: 15px 0; }
.w-contacts ul .title {
margin-right: 0;
float: none;
width: auto;
color: #515365;
color: var(--heading-font-color);
font-weight: 500; }
.w-contacts ul .text {
color: #888da8;
color: var(--body-font-color);
display: block;
overflow: hidden; }
#map {
width: 100%; } .w-twitter li {
padding: 25px;
border-bottom: 1px solid #e6ecf5; }
.w-twitter li:last-child {
border-bottom: none; }
.w-twitter .author a {
line-height: 1; }
.w-twitter .author-name {
display: block;
font-weight: 700;
color: #515365;
color: var(--heading-font-color); }
.w-twitter .group {
font-size: 11px;
color: #888da8;
color: var(--body-font-color); }
.w-twitter .verified {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #6ec4f7;
color: #fff;
font-size: 5px;
display: inline-block;
text-align: center;
line-height: 10px;
position: relative;
top: -2px;
margin-left: 5px; }
.w-twitter .author-folder {
margin-bottom: 12px; }
.w-twitter .author-folder > * {
display: inline-block;
vertical-align: middle; }
.w-twitter .author-folder img {
margin-right: 8px; }
.w-twitter .link-post {
color: #38bff1; }
.w-twitter .post__date {
font-size: 12px; } .w-last-photo {
margin-bottom: 0;
overflow: hidden; }
.w-last-photo li {
width: 33.33%;
float: left;
padding: 0 4px 4px 0;
overflow: hidden; }
.w-last-photo img {
width: 100%;
border-radius: 3px; }
.widget_olympus-instagram-feed.ui-block .w-last-photo {
padding: 24px 23px 23px; } .w-action {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/landing-bg.jpg);
padding: 50px 45px 40px;
text-align: center;
color: #fff;
border-radius: 5px; }
.w-action img, .w-action i {
margin-bottom: 15px;
font-size: 35px; }
.w-action .content span {
font-size: 10px;
margin-bottom: 25px;
display: block;
text-transform: uppercase; }
.w-action .content .title {
font-weight: 400;
color: inherit;
margin-bottom: 15px;
font-size: 24px; } .play-video {
width: 64px;
height: 64px;
line-height: 68px;
background-color: rgba(255, 94, 58, 0.7);
border: 4px solid #fff;
border-radius: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
transition: all .3s ease;
outline: none; }
.play-video i {
color: #fff;
font-size: 22px;
margin-right: -2px; }
.play-video--small {
width: 52px;
height: 52px;
line-height: 58px; }
.play-video--mobile {
width: 42px;
height: 42px;
line-height: 50px;
border-width: 2px; }
.play-gif {
width: 64px;
height: 64px;
line-height: 62px;
position: absolute;
border: 2px dashed #fff;
background-color: rgba(255, 94, 58, 0.7);
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border-radius: 100%;
text-align: center;
z-index: 5;
transition: all .3s ease;
outline: none;
cursor: pointer;
text-decoration: none; } .w-about .logo {
color: inherit;
overflow: hidden;
position: relative;
margin-bottom: 15px;
padding: 0; }
.w-about .logo.center {
-ms-flex-pack: center;
justify-content: center; }
.w-about .logo.flex-start {
-ms-flex-pack: start;
justify-content: flex-start; }
.w-about .logo.flex-end {
-ms-flex-pack: end;
justify-content: flex-end; }
.w-about .logo:hover {
color: inherit; }
.w-about .w-about-content-wrap.center {
text-align: center; }
.w-about .w-about-content-wrap.flex-start {
text-align: left; }
.w-about .w-about-content-wrap.flex-end {
text-align: right; }
.w-about ul {
margin-bottom: 0; }
.w-about .img-wrap {
margin-right: 17px; }
.w-about .logo-title {
color: #515365;
color: var(--heading-font-color); }
.ui-block .w-about {
padding: 24px 23px 23px; } .sidebar {
margin-top: 40px; }
.ui-block[class*="widget_"] ul {
list-style: none;
margin-bottom: 0;
padding-left: 0; }
.widget h6.title {
font-size: 14px; }
.widget h6.title a {
color: #3f4257; }
.widget h6.title a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.woocommerce.widget_shopping_cart .cart_list li {
position: relative;
display: block;
padding: 12px 25px;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0; }
.woocommerce.widget_shopping_cart .cart_list li:first-child {
border-top: 0; }
.woocommerce.widget_shopping_cart .cart_list li:last-child {
border-bottom: 0; }
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin: 24px 23px 23px; }
.woocommerce.widget_shopping_cart .total {
padding: 12px 25px;
border-top: 1px solid #e6ecf5;
margin-bottom: 0; }
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons.buttons {
padding: 0 25px; }
.widget_recent_comments .comment-author-link {
display: block; }
.widget_media_audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget_media_audio .mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: linear-gradient(#20d862, #5bf692); }
.widget_calendar .calendar_wrap {
padding: 24px 23px 16px; }
.widget_calendar table {
margin-bottom: 0; }
.widget_calendar table caption {
padding-bottom: 0; }
.widget_calendar table * {
vertical-align: middle;
text-align: center; }
.widget_calendar table > tbody > tr > td {
padding: 0; }
.widget_text.elp-widget .es_textbox_class {
width: 100%; }
.widget_text.elp-widget .es_textbox_button {
cursor: pointer;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
color: #fff;
padding: .618em 1em; }
.widget_text.elp-widget .es_widget_form {
padding: 24px 23px 23px; }
.woocommerce.widget_shopping_cart .buttons a {
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
color: #fff; }
.woocommerce.widget_shopping_cart .buttons a:hover {
color: #fff; }
.widget_media_image img {
margin: 0 auto;
display: block;
padding: 24px 23px 23px; }
.ui-block[class*="widget_nav_menu"] li a,
.ui-block[class*="widget_pages"] li a,
[class*="widget_pages"] li a {
color: #888da8;
color: var(--body-font-color);
font-weight: 700;
font-size: 12px; }
.ui-block[class*="widget_nav_menu"] li a:hover,
.ui-block[class*="widget_pages"] li a:hover,
[class*="widget_pages"] li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.ui-block[class*="widget_nav_menu"] .mega-menu-col,
.ui-block[class*="widget_pages"] .mega-menu-col,
[class*="widget_pages"] .mega-menu-col {
display: block;
width: auto; }
.olympus-theme .widget_rss .widget-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1; }
.olympus-theme .widget_rss .rss-widget-icon {
margin-right: 10px; }
.olympus-theme .widget_rss ul li {
padding: 12px 25px;
border-bottom: 1px solid #e6ecf5; }
.olympus-theme .widget_rss ul li a {
color: #515365;
color: var(--heading-font-color);
font-weight: 700;
display: block; }
.olympus-theme .widget_rss ul li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.olympus-theme .widget_rss ul li:last-child {
border-bottom: none; }
.olympus-theme .widget_rss ul li cite {
color: #515365;
color: var(--heading-font-color);
margin-top: 10px;
display: block;
font-size: 12px; }
.olympus-theme .widget_rss ul li .rssSummary {
line-height: 1.4; }
.olympus-theme .widget_rss ul li .rss-date {
margin: 3px 0 10px 0;
color: #515365;
color: var(--heading-font-color);
font-size: 12px;
display: block; }
.ui-block[class*="widget_pages"] li a,
[class*="widget_pages"] li a {
position: relative;
display: block;
padding: 12px 25px;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0; }
.ui-block[class*="widget_pages"] li:first-child a,
[class*="widget_pages"] li:first-child a {
border-top: 0; }
.ui-block[class*="widget_pages"] li:last-child a,
[class*="widget_pages"] li:last-child a {
border-bottom: 0; }
.ui-block[class*="widget_pages"] ul ul li a,
[class*="widget_pages"] ul ul li a {
padding: 12px 25px 12px 35px; }
.ui-block[class*="widget_pages"] ul ul ul li a,
[class*="widget_pages"] ul ul ul li a {
padding: 12px 25px 12px 45px; }
.widget_search .w-search,
.widget_product_search .w-search {
padding: 24px 23px 23px; }
.widget_search .w-search input,
.widget_product_search .w-search input {
border: 1px solid #e6ecf5; }
.widget_categories > ul {
padding-left: 0; }
.widget_categories ul li {
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0;
margin-bottom: -1px; }
.widget_categories ul li a {
color: #888da8;
color: var(--body-font-color);
font-weight: 700;
position: relative;
display: inline-block;
padding: 12px 10px 12px 25px;
font-size: 12px; }
.widget_categories ul li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_categories ul li:first-child {
border-top: 0; }
.widget_categories ul li:last-child {
border-bottom: 0; }
.widget_categories ul ul {
padding-left: 0; }
.widget_categories ul ul li:first-child {
border-top: 1px solid #e6ecf5; }
.widget_categories ul ul li a {
padding: 12px 10px 12px 40px; }
.widget_categories ul ul ul li a {
padding: 12px 10px 12px 50px; }
.widget_recent_entries .post-date {
display: block; }
.widget_recent_entries > ul,
.widget_recent_comments > ul,
.widget_archive > ul,
.widget_meta > ul {
padding-left: 0; }
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_meta ul li {
position: relative;
display: block;
padding: 12px 25px;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0; }
.widget_recent_entries ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_archive ul li:first-child,
.widget_meta ul li:first-child {
border-top: 0; }
.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_archive ul li:last-child,
.widget_meta ul li:last-child {
border-bottom: 0; }
.widget_recent_entries a,
.widget_recent_comments a,
.widget_archive a,
.widget_meta a {
color: #515365;
color: var(--heading-font-color);
font-weight: 700;
font-size: 12px; }
.widget_recent_entries a:hover,
.widget_recent_comments a:hover,
.widget_archive a:hover,
.widget_meta a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_archive {
padding-bottom: 1px !important; }
.widget_archive select {
margin: 24px 23px 23px;
max-width: 84%; }
.widget_product_categories .select2 {
margin: 24px 23px 23px;
max-width: 84%; }
.widget_categories form {
padding: 24px 23px 23px; }
.widget_top_rated_products ul.product_list_widget,
.widget_products ul.product_list_widget,
.widget_recent_reviews ul.product_list_widget,
.widget_recently_viewed_products ul.product_list_widget {
padding-left: 0; }
.widget_top_rated_products ul.product_list_widget li,
.widget_products ul.product_list_widget li,
.widget_recent_reviews ul.product_list_widget li,
.widget_recently_viewed_products ul.product_list_widget li {
position: relative;
display: block;
padding: 12px 25px;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0; }
.widget_top_rated_products ul.product_list_widget li:first-child,
.widget_products ul.product_list_widget li:first-child,
.widget_recent_reviews ul.product_list_widget li:first-child,
.widget_recently_viewed_products ul.product_list_widget li:first-child {
border-top: 0; }
.widget_top_rated_products ul.product_list_widget li:last-child,
.widget_products ul.product_list_widget li:last-child,
.widget_recent_reviews ul.product_list_widget li:last-child,
.widget_recently_viewed_products ul.product_list_widget li:last-child {
border-bottom: 0; }
.widget_top_rated_products .star-rating span:before,
.widget_products .star-rating span:before,
.widget_recent_reviews .star-rating span:before,
.widget_recently_viewed_products .star-rating span:before {
color: #ffce08; }
.widget_top_rated_products li,
.widget_products li,
.widget_recent_reviews li,
.widget_recently_viewed_products li {
position: relative;
display: block;
padding: 12px 25px;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0; }
.widget_top_rated_products li:first-child,
.widget_products li:first-child,
.widget_recent_reviews li:first-child,
.widget_recently_viewed_products li:first-child {
border-top: 0; }
.widget_top_rated_products li:last-child,
.widget_products li:last-child,
.widget_recent_reviews li:last-child,
.widget_recently_viewed_products li:last-child {
border-bottom: 0; }
.widget_top_rated_products .product-title,
.widget_products .product-title,
.widget_recent_reviews .product-title,
.widget_recently_viewed_products .product-title {
color: #888da8;
color: var(--body-font-color);
font-weight: 700;
transition: all .3s ease;
font-size: 12px; }
.widget_top_rated_products .product-title:hover,
.widget_products .product-title:hover,
.widget_recent_reviews .product-title:hover,
.widget_recently_viewed_products .product-title:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_top_rated_products ins .woocommerce-Price-amount,
.widget_products ins .woocommerce-Price-amount,
.widget_recent_reviews ins .woocommerce-Price-amount,
.widget_recently_viewed_products ins .woocommerce-Price-amount {
color: #1ed760; }
.widget_top_rated_products del .woocommerce-Price-amount,
.widget_products del .woocommerce-Price-amount,
.widget_recent_reviews del .woocommerce-Price-amount,
.widget_recently_viewed_products del .woocommerce-Price-amount {
color: #ff763a; }
.widget_shopping_cart ul,
.widget_recent_reviews ul {
padding: 24px 23px 23px; }
.widget_shopping_cart li,
.widget_recent_reviews li {
margin-bottom: 10px; }
.widget_shopping_cart li:last-child,
.widget_recent_reviews li:last-child {
margin-bottom: 0; }
.widget_shopping_cart a:not(.remove),
.widget_recent_reviews a:not(.remove) {
color: #3f4257;
font-weight: 700;
font-size: 12px; }
.widget_shopping_cart a:not(.remove):hover,
.widget_recent_reviews a:not(.remove):hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_custom_html .custom-html-widget {
padding: 24px 23px 23px; }
.widget_media_gallery .gallery {
padding: 24px 23px 23px;
margin: 0; }
.widget_nav_menu .mega-menu-col {
display: block;
width: auto; }
.widget_nav_menu ul {
list-style: none;
padding-left: 0; }
.widget_nav_menu ul.menu {
padding-left: 0; }
.widget_nav_menu ul.menu li a {
position: relative;
display: block;
padding: 12px 25px;
margin: 0;
margin-bottom: -1px;
border: 1px solid #e6ecf5;
border-right: 0;
border-left: 0;
border-radius: 0;
color: #888da8;
color: var(--body-font-color); }
.widget_nav_menu ul.menu li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_nav_menu ul.menu li:first-child a {
border-top: 0; }
.widget_nav_menu ul.menu ul {
padding-left: 0; }
.widget_nav_menu ul.menu ul li a {
padding: 12px 25px 12px 35px; }
.widget_nav_menu ul.menu ul ul li a {
padding: 12px 25px 12px 45px; }
.widget_nav_menu ul.sub-menu li:not(.menu-item-has-children):last-child a {
border-bottom: 0; }
.widget_product_tag_cloud .tagcloud {
padding: 24px 23px 23px; }
.widget_tag_cloud .tagcloud {
padding: 24px 23px 23px; }
.widget_tag_cloud a {
color: #515365;
color: var(--heading-font-color);
font-weight: 300;
margin-right: 10px;
display: inline-block;
margin-bottom: 5px; }
.widget_tag_cloud a:last-child {
margin-right: 0; }
.widget_tag_cloud a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_text .textwidget {
padding: 24px 23px 23px; }
.widget_text .textwidget img {
margin-top: 5px; }
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list {
padding: 24px 23px 23px; }
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list a {
color: #3f4257;
font-weight: 700; }
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.widget_price_filter form {
padding: 24px 23px 23px; }
.widget_media_video .wp-video {
padding: 24px 23px 23px;
width: auto; }
.olympus-theme .widget_mc4wp_form_widget .subscribe-form {
margin: 23px 25px 18px; }
.olympus-theme .widget_mc4wp_form_widget .subscribe-form.form-inline {
display: block; }
.olympus-theme .widget_mc4wp_form_widget .form-inline > * + * {
margin-left: 0;
margin-top: 15px;
padding: 0.563rem 1.1rem; }
@media (max-width: 768px) {
.header.header-sticky-mobile.headroom--unpinned {
transform: translate(0, -100%); } } .olympus-theme-sidebar .widget {
margin-bottom: 35px; }
.olympus-theme-sidebar .widget:last-child {
margin-bottom: 0; }
.youzer-sidebar.olympus-theme-sidebar .widget {
margin-bottom: 35px;
border: 1px solid #e6ecf5; }
.youzer-sidebar.olympus-theme-sidebar .widget:last-child {
margin-bottom: 0; }
.widget p {
font-size: 13px; }
.youzer-sidebar.olympus-theme-sidebar .widget_olympus_latest_posts .widget {
border: none; }
.widget_olympus_latest_posts .widget {
margin-top: 0; }
.widget_olympus_latest_posts .widget > .ui-block {
background-color: transparent;
border-radius: 0;
border: none;
margin-bottom: 0; }
.widget_olympus_latest_posts .widget .post-category {
margin-right: 5px;
margin-bottom: 15px; }
.widget_olympus_latest_posts .widget .post-category:last-child {
margin-right: 0; }
.widget_olympus_latest_posts .widget .blog-post .post-thumb {
border-radius: 0; }select.bs-select-hidden,
select.selectpicker {
display: none !important; }
.bootstrap-select {
width: 220px \0; }
.bootstrap-select.show .dropdown-menu {
display: block; }
.bootstrap-select li.hidden {
display: none !important; }
.bootstrap-select li.selected a {
background: #ff5e3a;
background: var(--primary-accent-color);
color: white; }
.bootstrap-select li.selected a:hover {
opacity: .9; }
.bootstrap-select > .dropdown-toggle {
width: 100%;
z-index: 1;
background-color: transparent;
border: 1px solid #e6ecf5;
border-radius: 0.25rem;
padding: 1.3rem 1.1rem 1.1rem;
margin: 0 0 3px 0;
float: none;
line-height: 1; }
.bootstrap-select > .dropdown-toggle:hover {
background-color: transparent;
border-color: #e6ecf5; }
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #464a4c; }
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none; }
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2; }
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
border-color: #b94a48; }
.bootstrap-select.fit-width {
width: auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px; }
.bootstrap-select .dropdown-toggle:focus {
outline: none; }
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none; }
.label-floating .bootstrap-select.form-control {
padding: 0; }
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%; }
.bootstrap-select.form-control.input-group-btn {
z-index: auto; }
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0; }
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right; }
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
margin-bottom: 0;
margin-left: 1px; }
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0; }
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%; }
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
cursor: not-allowed; }
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
outline: none !important; }
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important; }
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
color: #515365;
color: var(--heading-font-color);
font-weight: normal;
white-space: nowrap;
padding: 0 15px 0 0;
text-overflow: ellipsis; }
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle; }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%; }
.bootstrap-select.btn-group .dropdown-menu {
margin-left: 0;
min-width: 100%;
padding: 0;
box-sizing: border-box; }
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none; }
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
outline: 1px solid rgba(0, 0, 0, 0.15); }
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff; }
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed; }
.bootstrap-select.btn-group .dropdown-menu li a {
padding: 10px 1.5rem;
color: #888da8;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.bootstrap-select.btn-group .dropdown-menu li.selected a {
color: #fff; }
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em; }
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none; }
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block; }
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em; }
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
box-sizing: border-box; }
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
top: 12px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block; }
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 4px 8px; }
.bs-actionsbox {
width: 100%;
box-sizing: border-box; }
.bs-actionsbox .btn-group button {
width: 50%; }
.bs-donebutton {
float: left;
width: 100%;
box-sizing: border-box; }
.bs-donebutton .btn-group button {
width: 100%; }
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px; }
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none; }
.show > .btn-secondary.dropdown-toggle {
background-color: transparent;
border-color: #e6ecf5; }
.dropdown-toggle::after {
border-top-color: #888da8;
right: 20px;
position: relative; }
.form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {
top: 5px;
position: relative; }
.form-group.label-floating.is-select label.control-label {
top: 8px;
font-size: 11px;
line-height: 1.42857; }
.bootstrap-select.style-2 > .dropdown-toggle {
border: none;
border-radius: 0;
padding: 10px 15px 10px 40px;
line-height: 1;
margin-bottom: 7px; }
.bootstrap-select.style-2 > .dropdown-toggle:after {
display: none; }
.bootstrap-select.style-2 .dropdown-menu {
margin-top: 0;
border: 1px solid #e6ecf5;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
overflow: visible !important; }
.bootstrap-select.style-2 .bs-searchbox {
padding: 0; }
.glyphicon-ok:before {
content: "\f00c";
font-family: 'Font Awesome 5 Free';
color: #515365;
color: var(--heading-font-color);
font-weight: 600; }
.bootstrap-select.style-2 li.selected a {
background-color: transparent;
color: #515365;
color: var(--heading-font-color); }
.bootstrap-select.style-2 .form-control {
border: none;
border-bottom: 1px solid #e6ecf5;
border-radius: 0; }
.bootstrap-select.without-border.form-control {
width: 170px;
float: right;
margin-top: 2px; }
.bootstrap-select.without-border .dropdown-toggle::after {
border-top: 0.4em solid #888da8;
border-right: 0.4em solid transparent;
border-left: 0.4em solid transparent; }
.bootstrap-select.without-border > .dropdown-toggle {
border: none;
padding: 0;
margin-bottom: 0;
font-size: 9px; }
.bootstrap-select.without-border.btn-group .dropdown-toggle .filter-option {
font-weight: 700;
text-align: right;
padding-right: 30px; }
.bootstrap-select.without-border .form-group {
margin-bottom: 0; }  .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto; } .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute; }
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute; }
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent; }
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6; }
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9; } .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute; }
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute; }
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px; }
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px; } @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important; } }
.transition-none {
transition-property: none; }
.transition-all {
transition-property: all; }
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; }
.transition-colors {
transition-property: background-color, border-color, color, fill, stroke; }
.transition-opacity {
transition-property: opacity; }
.transition-shadow {
transition-property: box-shadow; }
.transition-transform {
transition-property: transform; }
.duration-75 {
transition-duration: 75ms; }
.duration-100 {
transition-duration: 100ms; }
.duration-150 {
transition-duration: 150ms; }
.duration-200 {
transition-duration: 200ms; }
.duration-300 {
transition-duration: 300ms; }
.duration-500 {
transition-duration: 500ms; }
.duration-700 {
transition-duration: 700ms; }
.duration-1000 {
transition-duration: 1000ms; }
.ease-linear {
transition-timing-function: linear; }
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.delay-75 {
transition-delay: 75ms; }
.delay-100 {
transition-delay: 100ms; }
.delay-150 {
transition-delay: 150ms; }
.delay-200 {
transition-delay: 200ms; }
.delay-300 {
transition-delay: 300ms; }
.delay-500 {
transition-delay: 500ms; }
.delay-700 {
transition-delay: 700ms; }
.delay-1000 {
transition-delay: 1000ms; }
.scale-0 {
transform: scaleY(0);
transform: scaleX(0); }
.scale-50 {
transform: scaleY(0.5);
transform: scaleX(0.5); }
.scale-75 {
transform: scaleY(0.75);
transform: scaleX(0.75); }
.scale-90 {
transform: scaleY(0.9);
transform: scaleX(0.9); }
.scale-95 {
transform: scaleY(0.95);
transform: scaleX(0.95); }
.scale-100 {
transform: scaleY(1);
transform: scaleX(1); }
.scale-105 {
transform: scaleY(1.05);
transform: scaleX(1.05); }
.scale-110 {
transform: scaleY(1.1);
transform: scaleX(1.1); }
.scale-125 {
transform: scaleY(1.25);
transform: scaleX(1.25); }
.scale-150 {
transform: scaleY(1.5);
transform: scaleX(1.5); }
.scale-x-0 {
transform: scaleY(0); }
.scale-x-50 {
transform: scaleY(0.5); }
.scale-x-75 {
transform: scaleY(0.75); }
.scale-x-90 {
transform: scaleY(0.9); }
.scale-x-95 {
transform: scaleY(0.95); }
.scale-x-100 {
transform: scaleY(1); }
.scale-x-105 {
transform: scaleY(1.05); }
.scale-x-110 {
transform: scaleY(1.1); }
.scale-x-125 {
transform: scaleY(1.25); }
.scale-x-150 {
transform: scaleY(1.5); }
.scale-y-0 {
transform: scaleX(0); }
.scale-y-50 {
transform: scaleX(0.5); }
.scale-y-75 {
transform: scaleX(0.75); }
.scale-y-90 {
transform: scaleX(0.9); }
.scale-y-95 {
transform: scaleX(0.95); }
.scale-y-100 {
transform: scaleX(1); }
.scale-y-105 {
transform: scaleX(1.05); }
.scale-y-110 {
transform: scaleX(1.1); }
.scale-y-125 {
transform: scaleX(1.25); }
.scale-y-150 {
transform: scaleX(1.5); }
.rotate-0 {
transform: rotate(0); }
.rotate-45 {
transform: rotate(45deg); }
.rotate-90 {
transform: rotate(90deg); }
.rotate-180 {
transform: rotate(180deg); }
.-rotate-180 {
transform: rotate(-180deg); }
.-rotate-90 {
transform: rotate(-90deg); }
.-rotate-45 {
transform: rotate(-45deg); }
.opacity-100 {
opacity: 1; }
.opacity-75 {
opacity: .75; }
.opacity-50 {
opacity: .5; }
.opacity-25 {
opacity: .25; }
.opacity-0 {
opacity: 0; }
.translate-x-0 {
transform: translateX(0); }
.translate-x-1 {
transform: translateX(0.25rem); }
.translate-x-2 {
transform: translateX(0.5rem); }
.translate-x-3 {
transform: translateX(0.75rem); }
.translate-x-4 {
transform: translateX(1rem); }
.translate-x-5 {
transform: translateX(1.25rem); }
.translate-x-6 {
transform: translateX(1.5rem); }
.translate-x-8 {
transform: translateX(2rem); }
.translate-x-10 {
transform: translateX(2.5rem); }
.translate-x-12 {
transform: translateX(3rem); }
.translate-x-16 {
transform: translateX(4rem); }
.translate-x-20 {
transform: translateX(5rem); }
.translate-x-24 {
transform: translateX(6rem); }
.translate-x-32 {
transform: translateX(8rem); }
.translate-x-40 {
transform: translateX(10rem); }
.translate-x-48 {
transform: translateX(12rem); }
.translate-x-56 {
transform: translateX(14rem); }
.translate-x-64 {
transform: translateX(16rem); }
.translate-x-px {
transform: translateX(1px); }
.-translate-x-1 {
transform: translateX(-0.25rem); }
.-translate-x-2 {
transform: translateX(-0.5rem); }
.-translate-x-3 {
transform: translateX(-0.75rem); }
.-translate-x-4 {
transform: translateX(-1rem); }
.-translate-x-5 {
transform: translateX(-1.25rem); }
.-translate-x-6 {
transform: translateX(-1.5rem); }
.-translate-x-8 {
transform: translateX(-2rem); }
.-translate-x-10 {
transform: translateX(-2.5rem); }
.-translate-x-12 {
transform: translateX(-3rem); }
.-translate-x-16 {
transform: translateX(-4rem); }
.-translate-x-20 {
transform: translateX(-5rem); }
.-translate-x-24 {
transform: translateX(-6rem); }
.-translate-x-32 {
transform: translateX(-8rem); }
.-translate-x-40 {
transform: translateX(-10rem); }
.-translate-x-48 {
transform: translateX(-12rem); }
.-translate-x-56 {
transform: translateX(-14rem); }
.-translate-x-64 {
transform: translateX(-16rem); }
.-translate-x-px {
transform: translateX(-1px); }
.-translate-x-full {
transform: translateX(-100%); }
.translate-y-0 {
transform: translateY(0); }
.translate-y-1 {
transform: translateY(0.25rem); }
.translate-y-2 {
transform: translateY(0.5rem); }
.translate-y-3 {
transform: translateY(0.75rem); }
.translate-y-4 {
transform: translateY(1rem); }
.translate-y-5 {
transform: translateY(1.25rem); }
.translate-y-6 {
transform: translateY(1.5rem); }
.translate-y-8 {
transform: translateY(2rem); }
.translate-y-10 {
transform: translateY(2.5rem); }
.translate-y-12 {
transform: translateY(3rem); }
.translate-y-16 {
transform: translateY(4rem); }
.translate-y-20 {
transform: translateY(5rem); }
.translate-y-24 {
transform: translateY(6rem); }
.translate-y-32 {
transform: translateY(8rem); }
.translate-y-40 {
transform: translateY(10rem); }
.translate-y-48 {
transform: translateY(12rem); }
.translate-y-56 {
transform: translateY(14rem); }
.translate-y-64 {
transform: translateY(16rem); }
.translate-y-px {
transform: translateY(1px); }
.-translate-y-1 {
transform: translateY(-0.25rem); }
.-translate-y-2 {
transform: translateY(-0.5rem); }
.-translate-y-3 {
transform: translateY(-0.75rem); }
.-translate-y-4 {
transform: translateY(-1rem); }
.-translate-y-5 {
transform: translateY(-1.25rem); }
.-translate-y-6 {
transform: translateY(-1.5rem); }
.-translate-y-8 {
transform: translateY(-2rem); }
.-translate-y-10 {
transform: translateY(-2.5rem); }
.-translate-y-12 {
transform: translateY(-3rem); }
.-translate-y-16 {
transform: translateY(-4rem); }
.-translate-y-20 {
transform: translateY(-5rem); }
.-translate-y-24 {
transform: translateY(-6rem); }
.-translate-y-32 {
transform: translateY(-8rem); }
.-translate-y-40 {
transform: translateY(-10rem); }
.-translate-y-48 {
transform: translateY(-12rem); }
.-translate-y-56 {
transform: translateY(-14rem); }
.-translate-y-64 {
transform: translateY(-16rem); }
.-translate-y-px {
transform: translateY(-1px); }
.-translate-y-full {
transform: translateY(-100%); }html:root {
--primary-accent-color: #ff5e3a;
--primary-color-darken: #ff3407;
--secondary-accent-color: #38a9ff;
--secondary-color-darken: #0593ff;
--third-accent-color: #7c5ac2;
--body-font-color: #888da8;
--heading-font-color: #515365;
--icon-color: #9a9fbf; }  .header {
height: 70px;
background-color: #3f4257;
padding-right: 70px;
top: 0;
left: 0;
right: 0;
max-width: 100%; }
.header .page-title {
padding: 26px 50px 26px 30px;
text-transform: uppercase; }
.header .page-title > * {
color: #fff;
margin: 0; }
.header.header--logout {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-right: 0; }
.header.header--logout .page-title {
padding: 10px 26px; }
.header.header--logout .header-content-wrapper {
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.header.header--logout .logo {
min-height: 70px;
min-width: 70px;
height: 70px;
width: 70px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
padding: 15px; }
.header.header--logout .fixed-sidebar.right {
display: none; }
.header.header--logout .side-menu-open {
margin-left: auto; }
.header-content-wrapper {
position: relative;
height: 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: inherit; }
.side-menu-open {
position: relative;
width: 70px;
height: 70px;
min-width: 70px;
min-height: 70px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
display: -ms-flexbox;
display: flex;
cursor: pointer; }
.side-menu-open .olymp-menu-icon {
margin: auto;
color: #fff;
transition: all .3s ease;
font-size: 16px; }
.side-menu-open .user-icon {
color: #fff;
font-size: 18px;
margin: auto;
transition: all .3s ease; }
.side-menu-open .olymp-login-icon {
font-size: 22px; }
.side-menu-open .olymp-close-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
color: #fff;
transition: all .3s ease;
font-size: 20px; }
.side-menu-open.active .olymp-menu-icon,
.side-menu-open.active .user-icon {
opacity: 0;
visibility: hidden; }
.side-menu-open.active .olymp-close-icon {
opacity: 1;
visibility: visible; }
.search-bar {
min-width: 500px;
height: 100%;
background-color: #494c62;
position: relative; }
.search-bar.process .olymp-search-spinner {
opacity: 1; }
.search-bar.process .olympus-icon-Magnifying-Glass-Icon {
opacity: 0; }
.search-bar .olymp-search-spinner {
opacity: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 12px; }
.search-bar.w-search {
min-width: 500px;
min-height: 100%;
background-color: #494c62; }
.search-bar .form-group {
margin-bottom: 0;
height: 100%; }
.search-bar .form-control {
border: none;
padding: 0; }
.search-bar .selectize-control {
position: relative;
z-index: 21;
height: 100%; }
.search-bar .selectize-dropdown {
background-color: #fff;
z-index: 50;
border: 1px solid #e6ecf5;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
display: none; }
.search-bar .selectize-input {
height: 100%; }
.search-bar .selectize-input.has-items input {
background-color: transparent; }
.search-bar .selectize-input.has-items > * {
padding: 3px 10px;
border-radius: 3px;
background-color: var(--icon-color);
color: #fff;
display: inline-block;
margin-right: 3px; }
.search-bar .selectize-input.has-items > *:first-child {
margin-left: 15px; }
.search-bar .form-group.with-button button {
color: #696d87;
background-color: #494c62;
width: 50px;
z-index: 99; }
.search-bar .form-group.with-button button:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.search-bar .form-group.with-button button i {
font-size: 22px; }
.search-bar .form-group.with-button input {
height: 100%;
border: none;
color: #9a9fbf;
color: var(--icon-color); }
.search-bar .form-group.with-button input:focus, .search-bar .form-group.with-button input:active {
outline: none; }
.search-bar .notification-list {
position: absolute;
top: -100%;
visibility: hidden;
opacity: 0;
transition: all .3s ease;
z-index: 50;
background: #fff;
width: 100%;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
border-right: 1px solid #e6ecf5;
border-left: 1px solid #e6ecf5; }
.search-bar .notification-list .notification-icon i,
.search-bar .notification-list .notification-icon svg {
width: 20px;
height: 20px;
font-size: 20px; }
.control-block {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
#notification-panel-top.control-block {
margin-left: auto; }
.control-icon {
margin-right: 29px;
fill: #9a9fbf;
fill: var(--icon-color);
margin-top: 8px;
position: relative; }
.control-icon:last-child {
margin-right: 110px; }
.control-icon.has-items {
color: #fff; }
.control-icon.has-items i {
color: inherit; }
.control-icon.open .more-dropdown {
visibility: visible;
opacity: 1;
transition-delay: 0s; }
.control-icon .olympus-icon {
font-size: 22px; }
.control-icon .icon-status-wrap {
position: relative;
display: block;
color: inherit; }
.control-icon .label-avatar {
width: 19px;
height: 19px;
line-height: 19px;
top: -10px;
right: -7px; }
.control-icon .more-dropdown {
width: 380px;
top: 35px;
right: -180px;
padding: 0 0 70px 0;
z-index: 999; }
.control-icon .more-dropdown .view-all {
padding: 20px;
color: #fff; }
.control-icon .more-dropdown .view-all:hover {
color: #fff; }
.control-icon .more-dropdown .notification-list {
padding: 0;
max-height: 100%; }
.control-icon .more-dropdown.loading:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999; }
.control-icon .ui-block-title a {
display: inline-block;
float: right;
margin-left: 20px;
text-transform: uppercase;
font-size: 9px;
padding: 0; }
.control-icon .accept-request {
padding: 0.5rem;
font-size: 0.688rem;
color: #fff;
display: inline-block;
width: 35px;
height: 35px; }
.control-icon .accept-request:hover {
color: #fff; }
.control-icon .notification-list .author-thumb {
margin-right: 0;
height: 34px;
width: 34px;
overflow: hidden; }
.control-icon .notification-list .author-thumb img {
height: 34px;
width: 34px;
overflow: hidden; }
.control-icon .notification-list .notification-friend {
padding: 0;
font-size: 14px; }
.control-icon .notification-list .notification-link {
padding: 0;
display: inline-block; }
.control-icon .notification-list.friend-requests .accepted .notification-link {
padding: 0;
display: inline-block; }
.control-icon .notification-list.friend-requests .accepted .notification-icon {
margin-top: 0; }
.control-icon .notification-list.notification-all > li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.control-icon .notification-list.notification-all > li:hover .icons-action {
opacity: 1; }
.control-icon .notification-list.notification-all [data-bp-tooltip]::after {
right: 0;
left: auto;
transform: none;
top: 100%;
margin-top: 3px; }
.control-icon .notification-list.notification-all .notification-event a {
padding: 0; }
.control-icon .notification-list.notification-all .icons-action {
margin-left: auto;
margin-bottom: auto;
padding-left: 5px;
opacity: 0;
transition: all .3s ease; }
.control-icon .notification-list.notification-all .icons-action a {
padding: 0;
color: #d7d9e5;
margin-bottom: 5px; }
.control-icon .notification-list.notification-all .icons-action a:last-child {
margin-bottom: 0; }
.control-icon .notification-list.notification-all .icons-action a:after, .control-icon .notification-list.notification-all .icons-action a:before {
display: none; }
.control-icon .notification-list.notification-all .icons-action a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.control-icon .notification-list.notification-all .icons-action .dashicons {
width: 15px;
height: 15px;
font-size: 15px; }
.control-icon .notification-list.notification-all .icons-action .dashicons.dashicons-visibility:before {
content: '\e95c';
font-family: olympus !important;
font-weight: 400;
font-size: 15px; }
.control-icon .notification-list.notification-all .icons-action .dashicons.dashicons-trash:before {
content: '\e97b';
font-family: olympus !important;
font-weight: 400;
font-size: 15px; }
.control-icon .notification-list .comment-photo {
margin-top: 15px;
max-width: 215px; }
.control-icon .notification-list .comment-photo span {
font-size: 11px; }
.control-icon .notification-list li > * {
vertical-align: top; }
.control-icon .notification-list.friend-requests li > * {
vertical-align: middle; }
.control-icon .notification-list .notification-icon {
margin-top: 0; }
.control-icon .notification-list .notification-icon svg, .control-icon .notification-list .notification-icon i {
font-size: 16px;
height: 16px;
width: 16px;
fill: #9a9fbf;
fill: var(--icon-color);
color: #9a9fbf;
color: var(--icon-color); }
.control-icon .chat-message li.chat-group .author-thumb {
width: 36px; }
.control-icon .notification-list.chat-message .notification-icon i,
.control-icon .notification-list.chat-message .notification-icon svg {
font-size: 24px;
height: 24px;
width: 24px; }
.control-icon .mCustomScrollbar {
overflow: hidden;
max-height: 300px; }
.control-icon .ps > .ps__rail-y, .control-icon .ps:hover > .ps__rail-y {
top: 40px !important; }
.view-all {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
z-index: 20;
padding: 20px;
color: #fff;
font-size: 12px;
font-weight: 700;
display: block;
text-align: center;
border-radius: 0 0 4px 4px;
margin-bottom: -1px; }
.view-all:hover {
color: #fff; }
.control-icon .more-dropdown .view-all-half-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
overflow: hidden; }
.control-icon .more-dropdown .view-all-half-item > a {
width: 50%;
padding: 20px;
color: #fff; }
.author-thumb img {
border-radius: 100%;
overflow: hidden;
max-width: unset; }
.author-thumb .icon-status {
position: absolute;
margin-right: 0;
top: 0;
left: 0;
border: 1px solid #3f4257;
width: 8px;
height: 8px; }
.author-page {
margin-left: 50px;
z-index: 51; }
.author-page .author-thumb {
margin-right: 8px;
position: relative;
width: 36px;
height: 36px; }
.author-page .author-thumb img {
max-width: 100%; }
.author-page .author-title {
font-weight: 700;
font-size: 12px;
color: #fff; }
.author-page .author-title > i {
margin-left: 15px;
color: currentColor;
font-size: 4px; }
.author-page .author-subtitle {
display: block;
font-weight: 700;
color: #9a9fbf;
color: var(--icon-color);
font-size: 8px; }
.author-page .more-dropdown {
width: 230px;
top: calc(100% + 15px);
right: -30px;
padding: 0;
z-index: 21; }
.author-page .account-settings {
padding: 15px 25px;
margin-bottom: 0; }
.author-page .account-settings a {
padding: 13px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.author-page .account-settings .items-round-little {
background-color: transparent;
color: #ff5e3a;
color: var(--primary-accent-color);
margin-left: 0; }
.author-page .mCustomScrollbar {
max-height: calc(100vh - 170px);
position: relative; }
.author-page .author-name {
padding: 8px 0; }
.account-settings {
padding: 15px 25px;
margin-bottom: 0;
list-style: none; }
.account-settings a {
padding: 13px 0;
font-size: 12px;
color: #515365;
color: var(--heading-font-color);
display: block;
font-weight: 700; }
.account-settings a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.account-settings a > * {
display: inline-block;
vertical-align: middle; }
.account-settings i, .account-settings svg, .account-settings img {
margin-right: 12px;
fill: #9a9fbf;
fill: var(--icon-color);
color: #9a9fbf;
color: var(--icon-color);
font-size: 18px;
width: 20px;
height: 20px; } .member-header-actions > * {
display: inline-block;
margin-left: 20px; }
.member-header-actions a {
display: inline-block;
background: #ff5e3a;
background: var(--primary-accent-color);
width: 50px;
height: 50px;
border-radius: 100%; }
.top-header {
position: relative; }
.top-header.top-header-favorit .top-header-thumb #header-cover-image {
border-radius: 5px 5px 0 0;
height: 225px;
display: block;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden; }
.top-header.top-header-favorit .top-header-author {
transform: translate(0);
left: 100px;
bottom: -40px;
z-index: 5;
max-width: unset; }
.top-header.top-header-favorit .author-thumb {
float: left;
margin-right: 30px; }
.top-header.top-header-favorit .author-content {
text-align: left;
margin-top: 20px;
float: left;
color: #fff; }
.top-header.top-header-favorit .author-name {
color: #fff; }
.top-header-thumb {
position: relative; }
.top-header-thumb img {
width: 100%;
border-radius: 5px 5px 0 0;
overflow: hidden; }
.top-header-thumb:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5); }
.profile-menu {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-left: 0;
list-style: none; }
.profile-menu li.current a {
color: #515365;
color: var(--heading-font-color); }
.profile-menu li > div, .profile-menu li a {
font-size: 14px;
font-weight: 700;
color: #9a9fbf;
display: block; }
.profile-menu li > div:hover, .profile-menu li a:hover {
color: #515365;
color: var(--heading-font-color); }
.profile-menu li > div.active, .profile-menu li a.active {
color: #515365;
color: var(--heading-font-color); }
.profile-menu li > div span.count,
.profile-menu li > div span.no-count, .profile-menu li a span.count,
.profile-menu li a span.no-count {
background: transparent;
background-color: transparent;
border-radius: 50%;
border: none;
color: #ff5e3a;
color: var(--primary-accent-color);
padding: 0;
display: inline-block !important;
font-size: 80%;
margin-left: 4px; }
.profile-menu .more-dropdown {
width: 230px;
top: calc(100% + 10px);
right: -25px; }
.profile-menu .more-dropdown li {
display: block; }
.profile-menu li .more-dropdown a {
padding: 10px 0;
font-size: 13px; }
.top-header-author {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 15px;
text-align: center;
max-width: 200px;
z-index: 4; }
.top-header-author .author-thumb {
border-radius: 100%;
border: 6px solid #fff;
margin: 0 auto;
overflow: hidden;
width: 132px;
height: 132px;
background-color: #FDFBEE; }
.top-header-author .author-thumb img {
border-radius: 0; }
.top-header-author .author-name {
font-weight: 700; }
.profile-section {
position: relative;
padding: 38px 0;
z-index: 3; }
.profile-section .control-block-button {
position: absolute;
right: 38px;
top: -31px; }
.admin-bar #site-header {
top: 46px; }
@media screen and (min-width: 783px) {
.admin-bar #site-header {
top: 32px; } }
#site-header .header-menu {
top: 46px; }
@media screen and (min-width: 783px) {
#site-header .header-menu {
top: 32px; } }
#site-header .control-icon i {
color: inherit; } svg[class^="olymp-"],
svg[class*=" -icon"] {
height: 24px;
width: 24px;
display: inline-block; }
.post__likes-small {
width: 16px;
height: 14px; }
.post__shared-small {
width: 24px;
height: 21px; }
.post__comments-small {
width: 18px;
height: 16px; }
.post__likes {
width: 20px;
height: 18px; }
.post__comments {
width: 22px;
height: 20px; }
.post__shared {
width: 26px;
height: 21px; }
.fav-icon {
width: 20px;
height: 20px; }
.arrow-down-icon {
width: 6px;
height: 4px; }
.olymp-three-dots-icon {
width: 16px;
height: 4px; }
.olymp-little-delete {
width: 8px;
height: 8px; }
.olymp-trophy-icon {
width: 18px;
height: 16px; }
.header-menu {
height: 100%;
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
background-color: #fff; }
.header-menu ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 0;
height: 100%;
list-style: none;
padding-left: 0; }
.header-menu a {
font-weight: 700;
font-size: 13px;
position: relative;
color: #515365;
color: var(--heading-font-color);
padding: 29px 30px;
display: block;
line-height: 1; }
.header-menu .nav-link.active,
.header-menu .nav-item.show .nav-link {
background-color: transparent;
cursor: pointer;
color: inherit; }
.header-menu .nav-link:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.header-menu .dropdown:hover > .dropdown-menu {
visibility: visible;
opacity: 1; }
.header-menu .dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
transition: all .3s ease;
margin: 0;
padding: 0;
background-color: #3f4257;
border-color: #e6ecf5;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
.header-menu .dropdown-item:focus, .header-menu .dropdown-item:hover {
color: #ff5e3a;
color: var(--primary-accent-color);
background-color: transparent; }
.header-menu.open {
opacity: 1;
transform: translateY(0);
visibility: visible; }
.header-menu .dropdown-toggle::after {
right: 0; }
.header--standard-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
min-height: 70px; }
.header--standard {
background-color: #fff;
padding: 0 30px;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
top: 0; }
.header--standard .logo {
color: #3f4257; }
.header--standard .logo .img-wrap {
margin-right: 13px;
transition: opacity .3s ease;
max-width: 250px; }
.header--standard .logo .img-wrap img {
max-width: 100%; }
.header--standard .logo .logo-colored {
position: absolute;
left: 0;
opacity: 0; }
.header--standard .logo:hover {
color: inherit; }
.header--standard .primary-menu {
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.header--standard .primary-menu li a {
fill: currentColor; }
.header--standard .dropdown-menu {
background-color: #fff; }
.header--standard .ps {
-ms-touch-action: unset;
touch-action: unset;
overflow: unset !important;
-ms-overflow-style: unset; }
.header--standard .ps:hover > .ps__rail-x, .header--standard .ps:hover > .ps__rail-y {
display: none; }
.header--standard.header--standard-full-width {
width: 100%;
left: auto;
top: 0; }
.header--standard .header-menu .close-responsive-menu {
display: none; }
.header--standard .header-menu .nav-item a, .header--standard .header-menu li a {
display: block; }
.header--standard .header-menu .nav-item .dropdown-item, .header--standard .header-menu li .dropdown-item {
color: #888da8;
color: var(--body-font-color); }
.header--standard .header-menu .nav-item .dropdown-item:hover, .header--standard .header-menu li .dropdown-item:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.header--standard .dropdown-menu {
background-color: #fff; }
.header--standard .dropdown-menu.megamenu .dropdown-item:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.header--standard .header-menu li:first-child > a {
padding-left: 0; }
.header--standard .header-menu li:last-child > a {
padding-right: 0; }
.header--standard .more-dropdown a.btn {
color: #fff; }
.open-responsive-menu {
margin-left: auto;
display: none;
color: #9a9fbf;
color: var(--icon-color);
position: relative; }
.open-responsive-menu:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.open-responsive-menu i {
transition: all .3s ease;
font-size: 16px; }
.open-responsive-menu .olympus-icon-Close-Icon {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
font-size: 18px; }
.open-responsive-menu.open .olympus-icon-Menu-Icon {
opacity: 0; }
.open-responsive-menu.open .olympus-icon-Close-Icon {
opacity: 1; }
.close-responsive-menu {
position: absolute;
top: 20px;
left: 25px;
fill: #9a9fbf;
fill: var(--icon-color);
display: none;
cursor: pointer;
transition: all .3s ease; }
.close-responsive-menu svg, .close-responsive-menu i {
width: 16px;
height: 16px;
font-size: 16px; }
.close-responsive-menu:hover {
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.dropdown-has-megamenu {
position: static; }
.dropdown-menu.megamenu {
width: 100%;
padding: 40px; }
.dropdown-menu.megamenu .dropdown-item {
border-radius: 5px;
overflow: hidden;
background-color: transparent; }
.dropdown-menu.megamenu .dropdown-item:hover {
padding-left: 25px;
background-color: transparent; }
.column-tittle {
padding-left: 20px;
padding-bottom: 15px;
position: relative;
overflow: hidden;
display: inline-block;
color: #515365; }
.column-tittle:after {
content: "";
display: block;
height: 2px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
width: 15%;
position: absolute;
bottom: 0;
left: 20px;
transition: width .3s ease; }
.column-tittle:hover:after {
width: 100%; }
.header--standard .mCustomScrollbar {
max-height: calc(100vh - 70px); } .landing-page {
position: relative;
min-height: 100vh; }
.landing-page:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 94, 58, 0.95);
opacity: 1;
z-index: auto; }
.landing-page .content-bg:before {
background: url(//talkndrock.com/wp-content/themes/olympus/images/landing-users.png) repeat 0 0; }
.landing-page .content-bg {
background-color: rgba(255, 94, 58, 0.95);
animation-name: sidedownscroll; }
@keyframes sidedownscroll {
0% {
transform: translate3D(0%, 0%, 0); }
50% {
transform: translate3D(-50%, 100%, 0); }
100% {
transform: translate3D(-100%, 200%, 0); } }
.landing-page .header-spacer--standard {
margin-bottom: 40px; }
.content-bg-wrap-row {
background-size: auto 100%;
background-repeat: repeat; }
@media (max-width: 768px) {
.content-bg-wrap.animate-left-to-right {
animation: none !important; } }
.content-bg-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
box-sizing: border-box; }
.content-bg-wrap.animate-right-to-left {
animation: right-to-left 50s linear infinite; }
.content-bg-wrap.animate-left-to-right {
animation: left-to-right 50s linear infinite; }
.content-bg-wrap.animate-diagonally-left-to-right {
animation: diagonally-left-to-right 50s linear infinite; }
.content-bg-wrap.animate-diagonally-right-to-left {
animation: diagonally-right-to-left 50s linear infinite; }
.content-bg-overlay {
opacity: .9;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box; }
.inner-relative-wrapper {
position: relative; }
@keyframes right-to-left {
from {
background-position: 0 0; }
to {
background-position: -4000px 0; } }
@keyframes left-to-right {
from {
background-position: 0 0; }
to {
background-position: 4000px 0; } }
@keyframes diagonally-left-to-right {
from {
background-position: 0 0; }
to {
background-position: 4000px 4000px; } }
@keyframes diagonally-right-to-left {
from {
background-position: 0 0; }
to {
background-position: -4000px 4000px; } }
.without-animation {
animation: none; }
.tag-label {
display: inline-block;
border-radius: 3px;
padding: 4px;
color: #fff;
font-size: 8px;
text-transform: uppercase;
font-weight: 800;
margin-left: 12px;
top: -3px;
position: relative; } .animated {
animation-duration: .5s;
animation-fill-mode: both;
will-change: transform, opacity; }
@media (max-width: 480px) {
.animated {
animation-fill-mode: none;
will-change: unset; } }
.headers-demonstration .header--standard {
margin-bottom: 50px;
position: relative; }
.headers-demonstration .footer {
margin-bottom: 50px; }
.page-has-left-panels {
padding-left: 70px; }
.page-has-left-panels .header--standard {
left: 70px;
right: 0; }
.page-has-not-panels {
padding: 0; }
.page-has-not-panels .header--standard {
left: 0;
right: 0; }
.olympus-theme [data-bp-tooltip]::after {
border: 1px solid #e6ecf5;
border-radius: 4px;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
color: #888da8;
color: var(--body-font-color);
font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
.page-content + .entry-footer {
margin-top: 20px; } @media (max-width: 1350px) {
.search-bar.w-search {
min-width: 270px; } }
@media (max-width: 1200px) {
.header-menu a {
padding: 30px 15px; } }
@media (max-width: 1150px) {
.author-page .more-dropdown {
right: -8px;
top: calc(100% + 10px); } }
@media (max-width: 1080px) {
.control-icon .more-dropdown {
width: 320px;
right: -140px; }
.header .page-title {
display: none; }
.header.header--logout .header-content-wrapper {
margin-left: 0;
width: 100%; }
.header-content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media (max-width: 1024px) {
.control-icon {
margin-right: 20px; }
.author-page {
margin-left: 10px; }
.header--standard > .container {
width: 100%;
max-width: unset; }
.header-menu a {
padding: 30px 10px; } }
@media (max-width: 801px) {
.search-bar.w-search {
min-width: 200px; }
.top-header-author {
position: relative;
bottom: 20px;
color: #888da8;
color: var(--body-font-color); }
.top-header-author .author-name {
color: #515365;
color: var(--heading-font-color); }
.top-header-author {
margin-top: 20px; }
.profile-section .control-block-button {
right: auto;
top: -30px;
left: 50%;
transform: translate(-50%, 0);
bottom: auto;
width: 100%;
text-align: center; }
.top-header.top-header-favorit .top-header-author {
position: absolute;
bottom: -25px; }
.top-header.top-header-favorit .profile-section .control-block-button {
right: 38px;
top: -31px;
left: auto;
transform: none;
width: auto; } }
@media (max-width: 768px) {
#site-header #notification-panel-top {
display: none; }
.search-bar.w-search {
width: 100%; }
.page-has-right-panels {
padding-right: 0; }
.page-has-left-panels {
padding-left: 0; }
.page-has-left-panels.page-has-standard-header #header--standard .header--standard-wrap {
padding-left: 65px; }
.page-has-left-panels.page-has-standard-header.page-has-header-social #header--standard .header--standard-wrap {
padding-left: 15px; }
.page-has-left-panels .header--standard {
left: 0; }
.page-has-standard-header .header {
right: 0; }
.header--standard .header-menu li:first-child > a {
padding-left: 25px; }
.header--standard .header-menu .nav-item.js-expanded-menu,
.header--standard .header-menu li.close-responsive-menu {
display: none; }
.header--standard .shoping-cart {
fill: #9a9fbf;
fill: var(--icon-color); }
.header--standard .logo {
margin-top: 0; }
.header--standard .header-menu .nav-item {
visibility: visible;
opacity: 1; }
.author-thumb .icon-status {
border-color: #fff !important; }
.notification-list .notification-event {
padding-left: 10px; }
.friend-requests .chat-message-item {
font-size: 10px; }
.notification-list .notification-friend {
font-size: 13px; }
.notification-list.chat-message .notification-event {
width: auto; }
.profile-section {
padding: 30px 0; }
.header--standard-wrap {
-ms-flex-direction: row;
flex-direction: row;
width: 100%; }
.header-menu {
margin: auto;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
min-height: calc(100vh - 150px);
right: 0;
left: 0;
top: 100%;
text-align: center;
padding: 20px 10px;
border-top: 1px solid #e6ecf5;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
opacity: 0;
transform: translateY(-100%);
visibility: hidden; }
.header-menu a {
padding: 15px 25px;
color: #888da8;
color: var(--body-font-color); }
.header-menu ul {
display: block; }
.header-menu .show .dropdown-menu {
opacity: 1;
visibility: visible;
position: relative;
margin-bottom: 15px;
display: block; }
.header-menu > * {
width: 100%; }
.header-menu .dropdown:hover > .dropdown-menu {
visibility: hidden;
opacity: 0; }
.header-menu .show.dropdown:hover > .dropdown-menu {
visibility: visible;
opacity: 1; }
.header-menu .dropdown.show > .dropdown-menu {
margin-bottom: 10px;
position: relative !important; }
.dropdown-menu {
width: 100%;
top: auto;
transform: none !important;
text-align: center; }
.header--standard .header-menu .dropdown-item {
padding: 10px 30px; }
.nav-item {
width: 100%; }
.open-responsive-menu {
display: block; }
.header--standard .header-menu .close-responsive-menu {
display: block; }
.header--standard .logo .img-wrap img {
max-height: 40px !important; }
.header--standard {
height: 50px;
display: -ms-flexbox;
display: flex;
padding: 0; }
.header--standard .ps {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none; }
.header--standard .ps:hover > .ps__rail-x, .header--standard .ps:hover > .ps__rail-y {
display: block; }
.header--standard > .container {
height: 100%; }
.header--standard > .container > .header--standard-wrap {
height: 100%; }
.megamenu .row > * {
width: 100%;
max-width: 100%;
-ms-flex: 100%;
flex: 100%; }
.megamenu .row > * + * {
margin-top: 15px; }
.dropdown-menu.megamenu {
padding: 10px; }
.dropdown-menu.megamenu .dropdown-item:hover {
padding-left: 35px; }
.header {
height: 50px;
padding: 0 50px 0 0; }
.header .header-content-wrapper {
padding-left: 50px; }
.page-has-not-panels .header .header-content-wrapper {
padding-left: 0; }
.header--standard-wrap {
min-height: 50px; }
.profile-menu li > div,
.profile-menu li a {
font-size: 12px; } }
@media (max-width: 570px) {
.top-header.top-header-favorit .top-header-author {
left: 20px; }
.header--standard,
.page-has-left-panels .header--standard {
padding: 0; }
.page-has-standard-header .header.header--logout {
position: static; }
#site-header .control-block {
position: relative; }
#site-header .control-icon {
margin-right: 0; }
#site-header .control-block {
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.more-with-triangle.triangle-top-center:before {
display: none; } }
@media (max-width: 460px) {
.top-header.top-header-favorit .top-header-author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
bottom: 30px;
top: auto;
margin-top: 5px; }
.top-header.top-header-favorit .top-header-author .author-thumb {
width: 60px;
height: 60px;
border-width: 2px;
margin-right: 10px; }
.top-header.top-header-favorit .author-content {
margin-top: 0; }
.control-icon .mCustomScrollbar {
max-height: 150px; } }
@media (max-width: 420px) {
.header--standard {
width: 100%;
left: 0; }
.top-header.top-header-favorit .author-name {
font-size: 18px; } } .footer {
width: 100%;
margin: 0 auto;
margin-top: auto;
background-color: #fff;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
position: relative; }
.footer .footer-content {
padding: 70px 0 60px; }
.footer .footer-content > * {
margin-bottom: 35px; }
.footer .footer-content > *:last-child {
margin-bottom: 0; }
.footer .socials .soc-item {
display: inline-block;
color: #9a9fbf;
color: var(--icon-color); }
.footer .socials .soc-item:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.footer .socials .soc-item svg {
height: 15px;
width: 15px; }
.footer .widget {
margin-top: 0; }
.footer .widget + .widget {
margin-top: 0; }
.footer .widget .title {
margin-bottom: 25px;
color: #515365; }
.footer.footer-full-width {
width: 100%; }
.footer--dark {
background-color: #3f4257; }
.footer--dark .w-about .logo {
color: #fff; }
.footer--dark .w-about .logo .logo-title {
color: #fff; }
.footer--dark .w-about .logo:hover {
color: #fff; }
.footer--dark .widget .title {
color: #fff; }
.footer--dark .socials .soc-item {
color: #fff; }
.footer--dark .socials .soc-item:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.sub-footer-copyright {
padding: 40px 0;
text-align: center;
border-top: 1px solid #e6ecf5; }
.sub-footer-copyright span {
font-size: 12px; }
.sub-footer-copyright a {
color: #ff5e3a;
color: var(--primary-accent-color);
opacity: .7;
font-weight: 500; }
.sub-footer-copyright a:hover {
opacity: 1; } .olympus-theme .footer [class*="widget_nav_menu"] .menu-main-menu-container > ul.menu > li > a,
.olympus-theme .footer [class*="widget_nav_menu"] > div > ul.menu > li > a {
padding-left: 0;
padding-right: 0; }
.olympus-theme .footer .widget_nav_menu ul.menu ul li a {
padding: 12px 0 12px 10px; }
.olympus-theme .footer .widget_nav_menu ul.menu ul ul li a {
padding: 12px 0 12px 20px; }
.olympus-theme .footer .widget_mc4wp_form_widget .subscribe-form {
margin: 0; }
.olympus-theme .footer .widget.w-contacts .section {
margin-bottom: 10px; }
.olympus-theme .footer .widget.w-contacts .ui-block-content {
padding: 0; }
.olympus-theme .footer .widget_display_replies ul,
.olympus-theme .footer .widget_display_topics ul,
.olympus-theme .footer .widget_display_views ul,
.olympus-theme .footer .widget_meta ul {
padding-left: 0; }
.olympus-theme .footer .widget_display_replies ul li,
.olympus-theme .footer .widget_display_topics ul li,
.olympus-theme .footer .widget_display_views ul li,
.olympus-theme .footer .widget_meta ul li {
padding-left: 0;
padding-right: 0; }
.olympus-theme .footer .widget_display_stats dl dt {
padding: 10px 0 0 0; }
.olympus-theme .footer .widget_display_stats dl dd {
padding: 0 0 10px 0; }
.olympus-theme .footer .widget.buddypress.widget_bp_groups_widget li,
.olympus-theme .footer .widget.buddypress.widget_bp_core_members_widget li {
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #e6ecf5; }
.olympus-theme .footer .widget.buddypress.widget_bp_groups_widget li:last-child,
.olympus-theme .footer .widget.buddypress.widget_bp_core_members_widget li:last-child {
border-bottom: none; }
.olympus-theme .footer .widget.buddypress.widget_bp_groups_widget li:first-child,
.olympus-theme .footer .widget.buddypress.widget_bp_core_members_widget li:first-child {
border-top: none; }
.olympus-theme .footer .buddypress.widget.widget_bp_core_login_widget .bp-login-widget-user-avatar {
padding: 0; }
.olympus-theme .footer .buddypress.widget.widget_bp_core_login_widget .bp-login-widget-user-links {
padding: 0; }
.olympus-theme .footer .widget_archive select {
margin: 0;
max-width: unset; }
.olympus-theme .footer [class*="widget_nav_menu"] ul.menu li a {
color: #888da8;
font-weight: 500;
border: 0;
font-size: 12px; }
.olympus-theme .footer [class*="widget_nav_menu"] ul.menu li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.olympus-theme .footer [class*="widget_nav_menu"] ul.menu .mega-menu-col {
display: block;
width: auto; }
.olympus-theme .footer [class*="widget_pages"] li a {
color: #888da8;
color: var(--body-font-color);
font-weight: 700;
font-size: 12px; }
.olympus-theme .footer [class*="widget_pages"] li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.olympus-theme .footer [class*="widget_"] ul {
list-style: none;
margin-bottom: 0;
padding-left: 0; }
.olympus-theme .footer [class*="widget_pages"] li a {
padding: 12px 0;
position: relative;
display: block;
border-bottom: 1px solid #e6ecf5; }
.olympus-theme .footer .widget_product_categories select {
margin: 0;
max-width: unset; }
.olympus-theme .footer .widget_display_forums {
border: none; }
.olympus-theme .footer .widget_top_rated_products ul.product_list_widget li,
.olympus-theme .footer .widget_products ul.product_list_widget li,
.olympus-theme .footer .widget_recent_reviews ul.product_list_widget li,
.olympus-theme .footer .widget_recently_viewed_products ul.product_list_widget li,
.olympus-theme .footer .widget_recent_entries ul li,
.olympus-theme .footer .widget_recent_comments ul li,
.olympus-theme .footer .widget_archive ul li,
.olympus-theme .footer .widget_meta ul li,
.olympus-theme .footer .widget_display_forums ul li,
.olympus-theme .footer .widget_rss ul li,
.olympus-theme .footer .widget_olympus_latest_posts .blog-post .post-content,
.olympus-theme .footer .widget_categories ul li a {
padding-left: 0;
padding-right: 0; }
.olympus-theme .footer .widget_search .w-search,
.olympus-theme .footer .widget_product_search .w-search,
.olympus-theme .footer .widget_tag_cloud .tagcloud,
.olympus-theme .footer .widget_text .textwidget,
.olympus-theme .footer .widget_media_video .wp-video,
.olympus-theme .footer .widget_media_image img,
.olympus-theme .footer .widget_media_gallery .gallery,
.olympus-theme .footer .widget_categories form,
.olympus-theme .footer .widget_calendar .calendar_wrap,
.olympus-theme .footer .widget_bp_core_recently_active_widget.buddypress.widget .avatar-block,
.olympus-theme .footer .widget_bp_core_whos_online_widget.buddypress.widget .avatar-block,
.olympus-theme .footer .bbp_widget_login .bbp-logged-in,
.olympus-theme .footer .bbp_widget_login > form,
.olympus-theme .footer .buddypress.widget.widget_bp_core_login_widget > form,
.olympus-theme .footer .widget_display_search .w-search,
.olympus-theme .footer .widget_product_tag_cloud .tagcloud {
padding: 0; } @media (max-width: 1024px) {
.footer .footer-content {
padding: 40px 0; } }
@media (max-width: 768px) {
.footer .widget .title {
margin-bottom: 10px; }
.sub-footer-copyright {
padding: 20px 0; }
.footer .footer-content {
padding: 20px 0; } } .bg-section1 {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/bg-section1.png); }
.bg-section2:before {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/bg-section2.png); }
.bg-section3 {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/bg-section3.png); }
.bg-section4 {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/bg-section4.png); }
.bg-section5 {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/bg-section5.png); }
section {
position: relative; }
.section-move-bg .content-bg:before {
background-position: bottom;
background-repeat: repeat-x; }
.section-move-bg .container {
z-index: 5;
position: relative; }
.section-move-bg-top .content-bg:before {
background-position: top;
background-repeat: repeat-x;
bottom: auto;
top: 0; }
.section-move-bg-top .container {
z-index: 5;
position: relative; }
.call-to-action-animation .first-img {
position: absolute;
left: 15%;
opacity: 0;
transition: all .3s ease;
bottom: -100%;
transform: scale(0); }
.call-to-action-animation .second-img {
position: absolute;
right: 80%;
opacity: 0;
transition: all .3s ease;
bottom: -100%; }
.img-scale-animation img {
position: absolute;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
transform: scale(0);
opacity: 0; }
.img-scale-animation img.main-img {
position: relative;
box-shadow: none; }
.img-scale-animation img.first-img1 {
left: 2%;
top: 5%; }
.img-scale-animation img.second-img1 {
left: 12%;
top: 50%; }
.img-scale-animation img.third-img1 {
right: 2%;
top: 8%; }
.subscribe-animation {
position: relative; }
.subscribe-animation .plane {
opacity: 0;
position: absolute;
bottom: -100%;
transform: scale(0);
left: 5%; }
.planer-animation {
position: relative; }
.planer-animation .planer {
position: absolute;
top: 10%;
left: 0;
opacity: 0;
transform: scale(0); }
.contact-form-animation {
position: relative; }
.contact-form-animation .crew {
opacity: 0;
position: absolute;
bottom: 20%;
transform: scale(0);
left: 0; }
.block-action {
padding: 60px 70px 40px;
border-radius: 5px;
min-height: 260px;
display: -ms-flexbox;
display: flex; }
.block-action > * {
margin-top: auto;
min-width: 100%; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0; } @media (max-width: 860px) {
.img-scale-animation img.first-img1 {
top: 0;
max-height: 100%; }
.img-scale-animation img.second-img1 {
top: 0;
max-height: 100%; }
.img-scale-animation img.third-img1 {
top: 0;
max-height: 100%; }
.subscribe-animation .plane {
max-width: 200px;
max-height: 100%; }
.call-to-action-animation .first-img,
.call-to-action-animation .second-img {
max-width: 50%;
max-height: 100%; } }
@media (max-width: 460px) {
.block-action {
padding: 60px 50px 10px; }
.subscribe-animation .plane {
max-width: 100px; } } .bg-primary-opacity {
background-color: rgba(255, 118, 58, 0.95); }
.bg-purple-dark-opacity {
background-color: rgba(98, 54, 178, 0.95); }
.breadcrumbs {
padding-left: 0; }
.breadcrumbs-item {
display: inline-block;
margin-bottom: 0;
margin-left: 6px; }
.breadcrumbs-item:first-child {
margin-left: 0;
margin-right: 6px; }
.breadcrumbs-item a {
opacity: .7; }
.breadcrumbs-item a:hover {
opacity: 1; }
.breadcrumbs-item.active span {
font-weight: 700; }
.breadcrumbs-item .icon {
margin-right: 6px; }
.breadcrumbs-item:last-child .icon {
display: none; }  .btn-primary {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-outline-primary {
color: #ff5e3a;
border-color: #ff5e3a;
color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-outline-primary:hover {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #ff5e3a;
color: var(--primary-accent-color); }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-link {
color: #ff5e3a;
color: var(--primary-accent-color); }
.page-link:hover {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.badge-primary {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.bg-primary {
background-color: #ff5e3a !important;
background-color: var(--primary-accent-color) !important; }
.border-primary {
border-color: #ff5e3a !important;
border-color: var(--primary-accent-color) !important; }
.text-primary {
color: #ff5e3a !important;
color: var(--primary-accent-color) !important; }
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #ff3407 !important;
background-color: var(--primary-color-darken) !important; }
a.bg-blue:focus,
a.bg-blue:hover,
button.bg-blue:focus,
button.bg-blue:hover {
background-color: #0593ff !important;
background-color: var(--secondary-color-darken) !important; }
.badge-primary[href]:hover,
.badge-primary[href]:focus {
background-color: #ff3407;
background-color: var(--primary-color-darken); }
a.text-primary:hover,
a.text-primary:focus {
color: #ff3407 !important;
color: var(--primary-color-darken) !important; }
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
background-color: #ff3407;
border-color: #ff3407;
background-color: var(--primary-color-darken);
border-color: var(--primary-color-darken); }
body {
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
color: #888da8;
color: var(--body-font-color); }
body.media {
display: block;
-ms-flex-align: normal;
align-items: normal; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #515365;
color: var(--heading-font-color);
font-weight: 500;
word-wrap: break-word; }
#content {
-ms-flex: 1;
flex: 1; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#content {
-ms-flex: auto;
flex: auto; } }
@supports (-ms-accelerator: true) {
#content {
-ms-flex: auto;
flex: auto; } }
@supports (-ms-ime-align: auto) {
#content {
-ms-flex: auto;
flex: auto; } }
a {
transition: all .2s ease;
color: #ff5e3a;
color: var(--primary-accent-color); }
a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
select,
input,
.form-control {
background-color: transparent; }
.form-control:focus {
border-color: #ff5e3a;
border-color: var(--primary-accent-color); }
select, input {
display: inline-block;
width: 100%;
padding: 1.1rem 1.1rem;
font-size: .875rem;
line-height: 1;
color: #464a4c;
background-color: transparent;
background-image: none;
background-clip: padding-box;
border: 1px solid #e6ecf5;
border-radius: 0.25rem;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
input[type="submit"] {
width: auto;
line-height: 1; }
body {
font-size: .875rem; }
.nav-tabs .nav-item {
position: relative; }
.form-group {
position: relative;
margin-bottom: 1.4rem; }
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
top: 18px;
font-size: 14px;
line-height: 1.42857;
left: 20px; }
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.has-bootstrap-select label.control-label {
top: 8px;
left: 19px;
font-size: 11px;
line-height: 1.07143; }
.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
position: absolute;
pointer-events: none;
transition: 0.3s ease all; }
.card {
border: none; }
.card-header a {
color: #515365;
color: var(--heading-font-color);
display: block; }
.card-header a:hover, .card-header a:focus {
color: #515365;
color: var(--heading-font-color); }
.card-header i, .card-header svg {
float: right;
transition: all .3s ease;
margin-top: 8px; }
.card-header .collapsed i {
transform: rotate(-90deg); }
blockquote {
margin: 3em 0;
padding: 15px 80px 15px 80px;
position: relative; }
blockquote h6 {
font-size: 11px;
font-weight: 400;
color: #888da8;
color: var(--body-font-color); }
blockquote h6 span {
font-weight: 700;
display: block;
color: #515365;
color: var(--heading-font-color); }
blockquote p {
margin: 0 0 15px !important;
font-size: 22px;
line-height: 1.3em;
font-weight: 300;
position: relative;
color: #515365;
color: var(--heading-font-color); }
blockquote p:before {
content: "";
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: -80px;
display: block;
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
@media (max-width: 640px) {
blockquote p {
font-size: 16px; } }
a.vc_btn3.btn,
button.vc_btn3.btn,
button.btn {
padding: .5rem 1rem; }
a.vc_btn3.btn-sm,
button.vc_btn3.btn-sm,
button.btn-sm {
padding: 0.5rem 1.7rem;
font-size: 0.688rem; }
@media (max-width: 1200px) {
a.vc_btn3.btn-sm,
button.vc_btn3.btn-sm,
button.btn-sm {
padding: 0.5rem 1.5rem; } }
a.vc_btn3.btn-md,
button.vc_btn3.btn-md,
button.btn-md {
padding: 1rem 3.5rem;
font-size: 0.75rem; }
@media (max-width: 1200px) {
a.vc_btn3.btn-md,
button.vc_btn3.btn-md,
button.btn-md {
padding: 1rem 2rem; } }
@media (max-width: 1024px) {
a.vc_btn3.btn-md,
button.vc_btn3.btn-md,
button.btn-md {
padding: 1rem 1.8rem; } }
a.vc_btn3.btn-md-2,
button.vc_btn3.btn-md-2,
button.btn-md-2 {
padding: .8rem 2.1rem;
font-size: 0.688rem; }
@media (max-width: 1200px) {
a.vc_btn3.btn-md-2,
button.vc_btn3.btn-md-2,
button.btn-md-2 {
padding: .8rem 1.8rem; } }
a.vc_btn3.btn-lg,
button.vc_btn3.btn-lg,
button.btn-lg {
padding: 1rem 3rem; }
@media (max-width: 1200px) {
a.vc_btn3.btn-lg,
button.vc_btn3.btn-lg,
button.btn-lg {
padding: 1rem 2rem; } }
.form-inline > * + * {
margin-left: 16px; }
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
font-weight: 300; }
img {
max-width: 100%;
height: auto;
display: inline-block; }
.modal-dialog {
pointer-events: auto;
margin: 30px auto; }
.was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip {
display: none; }
.was-validated .form-control:valid ~ .material-input:after {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 100%;
font-size: 9px;
background-color: #08ddc1;
color: #fff;
text-align: center;
right: 20px;
top: 50%;
margin-top: -10px; } .number-spinner.input-group .form-group {
margin-bottom: 0; }
.number-spinner.input-group .form-control {
width: 100%;
padding: .5rem 1.1rem;
max-width: 80px;
text-align: center; }
.number-spinner.input-group .input-group-btn > .btn {
margin-bottom: 0;
height: 100%;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
z-index: 5; }
.number-spinner.input-group .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: 700;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff; }
.number-spinner.input-group .glyphicon:before {
content: "\2212"; }
.number-spinner.input-group .glyphicon-plus:before {
content: "\2b"; }
.number-spinner.input-group.number-spinner--secondary .input-group-btn > .btn {
background-color: #3f4257; }
.number-spinner.input-group.number-spinner--breez .input-group-btn > .btn {
background-color: #08ddc1; }
.number-spinner.input-group.number-spinner--green .input-group-btn > .btn {
background-color: #1ed760; }
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
background-color: #e6f5fc;
border-color: #e6f5fc; }
.show > .btn-secondary.dropdown-toggle {
background-color: transparent;
border-color: #e6f5fc; }
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
width: 100%; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #888da8;
color: var(--body-font-color);
text-align: left; }
th {
text-align: left; }
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #e6ecf5; }
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #e6ecf5; }
table, th, td {
border: 1px solid #e6ecf5; }
table > thead > tr > th {
vertical-align: bottom; }
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
border-top: 0; }
table > tbody + tbody {
border-top: 2px solid #e6ecf5; }
table table {
background-color: #fff; }
table col[class*="col-"] {
position: static;
display: table-column;
float: none; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none; }
table > thead > tr > td.active,
table > tbody > tr > td.active,
table > tfoot > tr > td.active,
table > thead > tr > th.active,
table > tbody > tr > th.active,
table > tfoot > tr > th.active,
table > thead > tr.active > td,
table > tbody > tr.active > td,
table > tfoot > tr.active > td,
table > thead > tr.active > th,
table > tbody > tr.active > th,
table > tfoot > tr.active > th {
background-color: #f5f5f5; }
table > thead > tr > td.success,
table > tbody > tr > td.success,
table > tfoot > tr > td.success,
table > thead > tr > th.success,
table > tbody > tr > th.success,
table > tfoot > tr > th.success,
table > thead > tr.success > td,
table > tbody > tr.success > td,
table > tfoot > tr.success > td,
table > thead > tr.success > th,
table > tbody > tr.success > th,
table > tfoot > tr.success > th {
background-color: #dff0d8; }
table > thead > tr > td.info,
table > tbody > tr > td.info,
table > tfoot > tr > td.info,
table > thead > tr > th.info,
table > tbody > tr > th.info,
table > tfoot > tr > th.info,
table > thead > tr.info > td,
table > tbody > tr.info > td,
table > tfoot > tr.info > td,
table > thead > tr.info > th,
table > tbody > tr.info > th,
table > tfoot > tr.info > th {
background-color: #d9edf7; }
table > thead > tr > td.warning,
table > tbody > tr > td.warning,
table > tfoot > tr > td.warning,
table > thead > tr > th.warning,
table > tbody > tr > th.warning,
table > tfoot > tr > th.warning,
table > thead > tr.warning > td,
table > tbody > tr.warning > td,
table > tfoot > tr.warning > td,
table > thead > tr.warning > th,
table > tbody > tr.warning > th,
table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
table > thead > tr > td.danger,
table > tbody > tr > td.danger,
table > tfoot > tr > td.danger,
table > thead > tr > th.danger,
table > tbody > tr > th.danger,
table > tfoot > tr > th.danger,
table > thead > tr.danger > td,
table > tbody > tr.danger > td,
table > tfoot > tr.danger > td,
table > thead > tr.danger > th,
table > tbody > tr.danger > th,
table > tfoot > tr.danger > th {
background-color: #f2dede; }
.dropdown-menu {
font-size: .75rem; }
body.olympus-theme div.section-theme-padding {
display: block;
padding-top: 100px;
padding-bottom: 65px; }
body.olympus-theme .container > .row.section-theme-padding > .vc_row {
margin-right: 0;
margin-left: 0; }
body.olympus-theme a.post-edit-link,
body.olympus-theme a.vc_inline-link {
border: none;
color: #fff;
padding: .8rem 2.1rem;
font-weight: 700;
opacity: .85;
transition: all .3s ease;
display: inline-block;
border-radius: .25rem; }
body.olympus-theme a.post-edit-link:hover,
body.olympus-theme a.vc_inline-link:hover {
opacity: 1; }
body.olympus-theme a.post-edit-link {
background: #ff5e3a;
background: var(--primary-accent-color); }
body.olympus-theme a.vc_inline-link {
background: #38a9ff;
background: var(--secondary-accent-color); }
body.olympus-theme .entry-footer {
text-align: center;
clear: both; } @media (max-width: 1200px) {
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
top: 12px; } }
@media (max-width: 1024px) {
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
left: 15px; }
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.has-bootstrap-select label.control-label {
left: 14px; }
body.olympus-theme div.section-theme-padding {
padding-top: 70px;
padding-bottom: 35px; }
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.has-bootstrap-select label.control-label {
top: 5px; } }
@media (max-width: 768px) {
body.olympus-theme div.section-theme-padding {
padding-top: 40px;
padding-bottom: 5px; } }
@media (max-width: 600px) {
.card-header a {
font-size: 18px; } }
@media (max-width: 585px) {
.input-group span.input-group-btn,
.input-group input,
.input-group button {
display: block;
width: 100%;
border-radius: 0;
margin: 0; }
.number-spinner.input-group span.input-group-btn {
overflow: hidden; }
.number-spinner.input-group span.data-up {
position: relative;
top: auto;
width: auto;
border-radius: 0 .25rem .25rem 0; }
.number-spinner.input-group span.data-dwn {
position: relative;
bottom: auto;
width: auto;
border-radius: .25rem 0 0 .25rem; }
.input-group {
position: relative; }
.input-group span.data-up {
position: absolute;
top: 0; }
.input-group span.data-dwn {
position: absolute;
bottom: 0; }
.form-control.text-center {
margin: 34px 0; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
margin-left: 0; } }
@media (max-width: 360px) {
.card-header a {
font-size: 14px; }
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
font-size: 12px; } }   .primary-menu,
.primary-menu * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
.primary-menu {
background-color: #fff; }
.primary-menu ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 0;
list-style: none;
padding-left: 0;
background-color: inherit; }
.primary-menu a {
transition: all .15s linear; } .primary-menu-menu.scrollable > .scrollable-fix {
display: none; } .primary-menu-brand {
margin: 18px 30px 0 0;
float: left;
color: #666;
text-decoration: none;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
cursor: pointer; } .primary-menu-menu {
margin: 0;
padding: 0;
float: left;
list-style: none; } .primary-menu-menu.primary-menu-right {
float: right; } .primary-menu-menu > li:not(.btn) {
background-color: inherit; }
.primary-menu-menu > li {
display: inline-block;
position: relative;
vertical-align: middle; }
.primary-menu-menu > li.btn {
padding: 25px 30px;
margin-bottom: 0;
font-size: 14px;
color: #fff; }
.primary-menu-menu > li.btn a {
color: #fff !important;
padding: 0; }
.primary-menu-menu > li.btn:hover {
color: #fff; }
.primary-menu-menu > li.btn:hover a {
color: #fff; }
.primary-menu-menu > li.btn.btn-sm {
padding: 0.5rem 1.7rem;
font-size: 0.688rem; }
.primary-menu-menu > li.btn.btn-md-2 {
padding: .8rem 2.1rem; }
.primary-menu-menu > li.btn.btn-md {
font-size: 0.75rem; }
.primary-menu-menu > li.btn.btn-lg {
padding: 1rem 3rem;
font-size: 14px; }
.primary-menu-menu > li > a {
vertical-align: middle;
font-weight: 700;
font-size: 13px;
position: relative;
color: #515365;
padding: 25px 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.primary-menu-menu > li > a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.primary-menu-menu > li:first-child > a {
padding-left: 0; }
.primary-menu-menu > li > i {
font-size: 10px; }
.primary-menu-menu > li.menu-item-has-mega-menu {
position: static; }
.no-menu-box {
font-size: 14px; } .primary-menu-menu ul.sub-menu,
.primary-menu-menu ul.sub-menu li ul.sub-menu {
position: absolute;
z-index: 9999;
left: 0;
margin: 0;
padding: 0;
min-width: 14rem;
top: 100%;
border-radius: .25rem;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
list-style: none;
display: none;
border: 1px solid #e6ecf5;
background-color: inherit; }
.primary-menu-menu ul.sub-menu .menu-item-has-children,
.primary-menu-menu ul.sub-menu li ul.sub-menu .menu-item-has-children {
background-color: inherit; }
.primary-menu-menu ul.sub-menu a:hover i.seoicon-right-arrow {
opacity: 1; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a:hover i.seoicon-right-arrow {
opacity: 1; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a i {
font-size: 24px;
opacity: 1;
margin-right: 15px;
margin-left: 0;
vertical-align: middle; }
.primary-menu-menu ul.sub-menu li ul.sub-menu {
left: 100%;
top: -1px; } .primary-menu-menu ul.sub-menu li {
clear: both;
width: 100%;
border: 0 none;
font-size: 12px;
position: relative; }
.primary-menu-menu ul.sub-menu li a {
padding: 10px 20px;
font-weight: 500;
font-size: 13px;
position: relative;
color: #888da8;
transition: all .4s ease-out;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.primary-menu-menu ul.sub-menu.sub-menu-has-icons li i {
font-size: 18px;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
position: relative; }
.primary-menu-menu ul.sub-menu.sub-menu-has-icons .seoicon-right-arrow {
display: none; }
.primary-menu-menu ul.sub-menu.sub-menu-has-icons li.menu-item-has-children > a > i {
opacity: 1; }
.primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:before {
content: '';
display: block;
height: 100%;
width: 3px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all .3s ease; }
.primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:hover:before {
opacity: 1; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
font-size: 13px;
padding: 10px 20px;
font-weight: 500;
position: relative;
color: #888da8;
display: block;
line-height: 1; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a:hover {
background-color: transparent;
color: #ff5e3a;
color: var(--primary-accent-color);
padding-left: 25px; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li.menu-item-has-children > a {
font-weight: 700;
color: #3f4257;
cursor: auto;
margin-bottom: 5px; }
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li.menu-item-has-children > a:hover {
color: #3f4257;
padding-left: 20px; }
.primary-menu-menu ul.sub-menu li.menu-item-has-children > a > i {
opacity: 0; }
.primary-menu-menu ul.sub-menu li.menu-item-has-children.hover-ver2 > a > i {
opacity: 1; } .primary-menu-menu ul.sub-menu li:hover > a {
transition: all .3s ease;
color: #ff5e3a;
color: var(--primary-accent-color); }
.primary-menu-menu ul.sub-menu li > a {
position: relative; } .primary-menu-menu ul.sub-menu.sub-menu-left {
left: auto; }
.primary-menu-menu ul.sub-menu li ul.sub-menu.sub-menu-left {
left: -100%; }
.primary-menu-menu .megamenu--half-width .megamenu {
left: 0; }
.primary-menu-menu .megamenu--half-width .megamenu.sub-menu-left {
left: auto;
right: 0; } .primary-menu-menu > li.menu-item-has-children > a:hover:after, .primary-menu-menu > li.menu-item-has-children > a:focus:after {
transform: rotate(180deg);
border-color: var(--primary-accent-color) transparent transparent transparent; }
.primary-menu-menu > li.menu-item-has-children > a:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 3px 0 3px;
border-color: currentColor transparent transparent transparent;
opacity: .7;
position: absolute;
right: 10px;
transition: all .3s ease; }
.primary-menu-menu > li.menu-item-has-children .sub-menu .menu-item-has-children > a:hover:after, .primary-menu-menu > li.menu-item-has-children .sub-menu .menu-item-has-children > a:focus:after {
border-color: transparent transparent transparent var(--primary-accent-color); }
.primary-menu-menu > li.menu-item-has-children .sub-menu .menu-item-has-children > a:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent currentColor;
opacity: .7;
position: absolute;
right: 20px;
margin: 0;
transition: border-color .3s ease; } .primary-menu-menu > li > .megamenu {
width: 100%;
padding: 20px;
left: 0;
position: absolute;
display: none;
z-index: 1000;
background-color: inherit;
top: 100%;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
border-radius: .25rem;
border: 1px solid #e6ecf5; }
.primary-menu-menu > li.megamenu--half-width {
position: relative; }
.primary-menu-menu > li.megamenu--half-width > .megamenu {
width: 630px;
left: auto; }
.primary-menu-menu > li > .megamenu ul {
list-style: none; }
.primary-menu-menu > li > .megamenu .google-logo {
margin-bottom: 15px; }
.primary-menu-menu > li > .megamenu .google-text {
font-size: 14px;
color: #acacac;
margin-top: 20px;
line-height: 1.7; }
.megamenu-item-info-text {
font-size: 13px;
color: #888da8;
line-height: 1.3; }
.primary-menu-menu > li > .sub-menu .megamenu-item-info {
padding: 10px 40px 0; }  .primary-menu-menu > li > .megamenu.megamenu-half-width {
width: 50%;
left: auto; } .primary-menu-menu > li > .megamenu.megamenu-quarter-width {
width: 25%;
left: auto; } .primary-menu-menu > li > .megamenu .megamenu-row {
width: 100%;
margin-top: 15px; }
.primary-menu-menu > li > .megamenu .megamenu-row:first-child {
margin-top: 0; }
.primary-menu-menu > li > .megamenu .megamenu-row:before,
.primary-menu-menu > li > .megamenu .megamenu-row:after {
display: table;
content: "";
line-height: 0; }
.primary-menu-menu > li > .megamenu .megamenu-row:after {
clear: both; }
.primary-menu-menu > li > .megamenu .megamenu-row .col1,
.primary-menu-menu > li > .megamenu .megamenu-row .col2,
.primary-menu-menu > li > .megamenu .megamenu-row .col3,
.primary-menu-menu > li > .megamenu .megamenu-row .col4,
.primary-menu-menu > li > .megamenu .megamenu-row .col5,
.primary-menu-menu > li > .megamenu .megamenu-row .col6,
.primary-menu-menu > li > .megamenu .megamenu-row .col7,
.primary-menu-menu > li > .megamenu .megamenu-row .col8,
.primary-menu-menu > li > .megamenu .megamenu-row .col9,
.primary-menu-menu > li > .megamenu .megamenu-row .col10,
.primary-menu-menu > li > .megamenu .megamenu-row .col11,
.primary-menu-menu > li > .megamenu .megamenu-row .col12 {
display: block;
min-height: 20px;
float: left;
margin-left: 3%; }
.primary-menu-menu > li > .megamenu .megamenu-row [class*="col"]:first-child {
margin-left: 0; }
.primary-menu-menu > li > .megamenu .megamenu-row .col1 {
width: 5.583333333333%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col2 {
width: 14.166666666666%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col3 {
width: 22.75%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col4 {
width: 31.333333333333%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col5 {
width: 39.916666666667%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col6 {
width: 48.5%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col7 {
width: 57.083333333333%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col8 {
width: 65.666666666667%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col9 {
width: 74.25%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col10 {
width: 82.833333333334%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col11 {
width: 91.416666666667%; }
.primary-menu-menu > li > .megamenu .megamenu-row .col12 {
width: 100%; } .menu-icon-wrapper {
position: relative;
display: inline-block;
width: 34px;
height: 34px;
pointer-events: none;
transition: 0.1s; }
.menu-icon-wrapper.scaled {
transform: scale(0.5); }
.menu-icon-wrapper svg {
position: absolute;
top: -33px;
left: -33px; }
.menu-icon-wrapper svg path {
stroke: var(--heading-font-color);
stroke-width: 30px;
stroke-linecap: round;
fill: transparent; }
.menu-icon-wrapper .menu-icon-trigger {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
pointer-events: auto;
background: none;
border: none;
margin: 0;
padding: 0; }
.menu-icon-wrapper svg {
transform: scale(0.1);
transform-origin: 0 0; }
.showhide .mob-menu--title {
position: relative;
top: 2px;
text-transform: uppercase;
font-size: 18px;
margin-right: 15px;
font-weight: bold; }
.primary-menu .showhide > span {
display: inline-block;
vertical-align: middle; }
.primary-menu .showhide {
cursor: pointer;
text-align: center;
padding: 0;
display: none;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
position: relative;
line-height: 1; } .primary-menu-menu > li > a > i {
margin: 0 5px 0 0;
font-size: 15px;
line-height: 15px;
vertical-align: middle;
width: auto;
height: auto;
top: -2px;
position: relative; }
.primary-menu-menu > li > a > img.menu-item-icon-img,
.primary-menu-menu > li > a > svg.menu-item-icon-img {
width: 15px;
height: 15px;
margin: 0 5px 0 0; }  .primary-menu-menu > li.search form {
float: left;
padding: 22px 16px 17px; } .primary-menu-menu > li.search form input[type="text"] {
width: 160px;
padding: 5px 10px;
border: none;
background: #f0f0f0;
border-radius: 2px;
outline: 0;
transition: width 1s ease-out; }
.primary-menu-menu > li.search form:hover input[type="text"] {
width: 160px; } .primary-menu-tabs {
width: 100%;
float: left; }
.primary-menu-tabs-nav {
width: 20%;
margin: 0;
padding: 0;
float: left;
list-style: none; }
.primary-menu-tabs-nav > li > a {
width: 100%;
padding: 7px 16px;
float: left;
font-size: 13px;
text-decoration: none;
color: #666;
border: solid 1px #f0f0f0;
outline: 0; }
.primary-menu-tabs-nav li.active a,
.primary-menu-tabs-nav li:hover a {
background: #f0f0f0; }
.primary-menu-tabs-content {
width: 80%;
min-height: 30px;
padding: 20px;
float: right;
display: none;
font-size: 13px;
border: solid 1px #f0f0f0; }
.primary-menu-tabs-content.active {
display: block; } @media (max-width: 1200px) {
.primary-menu-menu > li > a {
padding: 25px 15px; } }
@media (max-width: 1023px) { .primary-menu ul {
display: block; }
.primary-menu-responsive.primary-menu .showhide {
display: -ms-inline-flexbox;
display: inline-flex;
right: auto; }
.primary-menu .primary-menu-menu {
display: none; }
.primary-menu-responsive.primary-menu .google-text {
margin-bottom: 120px; } .primary-menu-responsive .primary-menu-brand {
margin: 8px 30px 10px 20px;
font-size: 20px;
line-height: 1.55; }  .primary-menu-responsive .primary-menu-menu {
background-color: #fff; }
.primary-menu-responsive .primary-menu-menu ul.sub-menu {
top: 0;
padding-bottom: 0;
margin-bottom: 0; } .primary-menu-responsive .primary-menu-menu.scrollable {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
position: absolute;
max-height: calc(100vh - 150px) !important;
top: 100%;
left: 10px;
width: calc(100% - 20px);
box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.4);
padding: 0;
border-radius: 0 0 5px 5px;
z-index: 20;
background-color: inherit; }
.primary-menu-responsive .primary-menu-menu.scrollable > .scrollable-fix {
display: block; } .primary-menu-responsive .primary-menu-menu > li {
width: 100%;
display: block;
position: relative;
clear: both;
padding: 0; }
.primary-menu-responsive .primary-menu-menu > li.btn a {
border-bottom: 0; }
.primary-menu-responsive .primary-menu-menu > li > a {
width: 100%;
padding: 12px 20px;
display: -ms-flexbox;
display: flex;
border-bottom: solid 1px #f0f0f0; }
.primary-menu-responsive .primary-menu-menu > li > a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.primary-menu-responsive .primary-menu-menu > li > a:after {
right: 15px; }
.primary-menu-responsive .primary-menu-menu > li:first-child > a {
border-top: solid 1px #f0f0f0; } .primary-menu-responsive .primary-menu-menu ul.sub-menu,
.primary-menu-responsive .primary-menu-menu ul.sub-menu li ul.sub-menu {
width: 100%;
left: 0;
position: static;
border: none;
background: #fff;
float: left; }
.primary-menu-responsive .primary-menu-menu ul.sub-menu {
position: relative;
background-color: inherit; }
.primary-menu-responsive .primary-menu-menu > li {
padding-bottom: 0; }
.primary-menu-responsive .primary-menu-menu > li.btn {
padding: 0; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li {
position: relative; }
.primary-menu-responsive .primary-menu-menu ul.sub-menu li a {
border-bottom: solid 1px #f0f0f0;
padding: 12px 30px;
font-size: 12px; }
.primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
padding-left: 80px !important; }
.primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
padding-left: 90px !important; } .primary-menu-responsive .primary-menu-menu li .indicator {
width: 40px;
height: 100%;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
text-align: center;
line-height: 42px;
border-left: solid 1px #f0f0f0; }
.primary-menu-responsive .primary-menu-menu li .indicator:after {
margin-left: 0; }
.primary-menu-responsive .primary-menu-menu li ul.sub-menu li .indicator {
height: 100%;
right: 0;
top: 0;
font-size: 14px;
line-height: 36px;
transform: rotate(90deg);
border-left: none; } .primary-menu-responsive .primary-menu-menu > li > .megamenu {
width: 100% !important;
position: relative;
border-top: none;
border-bottom: solid 1px #f0f0f0;
box-shadow: none;
padding: 10px;
border-radius: 0; }
.primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row [class*="col"],
nav.primary-menu-responsive li.menu-item-has-mega-menu ul.mega-menu-row li.mega-menu-col {
float: none;
display: block;
width: 100% !important;
margin-left: 0;
margin-top: 10px; }
.primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child {
margin-top: 0; }
.primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row {
margin-top: 0; } .primary-menu-responsive .primary-menu-menu > li.search form {
width: 100%;
margin: 4px 0;
padding: 10px 16px !important; }
.primary-menu-responsive .primary-menu-menu > li.search form input[type="text"] {
width: 100%; } .primary-menu-responsive .primary-menu-tabs-nav {
width: 100%; }
.primary-menu-responsive .primary-menu-tabs-content {
width: 100%; } }
@media (max-width: 980px) {
.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
font-size: 13px; }
.primary-menu-menu ul.sub-menu li a {
font-size: 13px; }
.primary-menu-menu .column-tittle {
font-size: 14px; } }
@media (max-width: 640px) {
.primary-menu-menu ul.sub-menu li a {
padding: 10px; } } .zoom-in {
animation: zoomIn 400ms ease both; }
@keyframes zoomIn {
0% {
transform: scale(1.5); }
100% {
transform: scale(1); } }
.zoom-out {
animation: zoomOut 400ms ease both; }
@keyframes zoomOut {
0% {
transform: scale(0.6); }
100% {
transform: scale(1); } }
.drop-up {
animation: drop-up 400ms ease both; }
@keyframes drop-up {
0% {
transform: translateY(100px); }
100% {
transform: translateY(0); } }
.drop-left {
animation: drop-left 400ms ease both; }
@keyframes drop-left {
0% {
transform: translateX(-100px); }
100% {
transform: translateX(0); } }
.swing {
transform-origin: top center;
animation: swing 400ms ease-out both; }
@keyframes swing {
20% {
transform: rotate(15deg); }
40% {
transform: rotate(-10deg); }
60% {
transform: rotate(5deg); }
80% {
transform: rotate(-5deg); }
100% {
transform: rotate(0deg); } }
.flip {
animation: flip 700ms ease both; }
@keyframes flip {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
transform: perspective(400px) rotateX(-10deg); }
70% {
transform: perspective(400px) rotateX(10deg); }
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
.roll-in {
animation: roll-in 400ms ease both; }
@keyframes roll-in {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-15deg); }
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg); } }
.stretch {
animation: stretch 500ms ease both;
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%; }
@keyframes stretch {
0% {
transform: scaleX(0.3); }
40% {
transform: scaleX(1.02); }
60% {
transform: scaleX(0.98); }
80% {
transform: scaleX(1.01); }
100% {
transform: scaleX(0.98); }
80% {
transform: scaleX(1.01); }
100% {
transform: scaleX(1); } }
nav li.menu-item-has-mega-menu ul.mega-menu-row,
nav li.menu-item-has-mega-menu ul.mega-menu-row ul {
position: static !important;
margin: 0 !important;
width: 100%;
display: table !important;
table-layout: fixed;
padding: 0;
float: none;
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
-webkit-transform: none !important; }
.mega-menu-col {
display: table-cell;
width: 1px; }
nav li.menu-item-has-mega-menu ul.mega-menu-row .mega-menu-col ul {
display: block !important;
width: 100%; }
nav li.menu-item-has-mega-menu ul.mega-menu-row li {
padding: 0 !important;
line-height: 1; } .olympus-theme .wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
margin-top: 1em;
margin-bottom: 1em;
padding: 0; }
.olympus-theme .wp-block-pullquote blockquote {
margin: 2em 0;
padding: 15px 30px 15px 30px;
position: relative; }
.olympus-theme .wp-block-pullquote blockquote p:before {
left: -30px; }
.olympus-theme .wp-block-image,
.olympus-theme .wp-block-embed-vimeo {
margin: 2em auto; }
.olympus-theme .wp-block-gallery {
margin: 2em -8px;
list-style: none;
padding-left: 0; }
.olympus-theme .wp-block-image figcaption {
margin-bottom: 0; }
.olympus-theme .wp-block-separator {
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: 2px solid #8f98a1;
margin: 1.65em auto; }
.olympus-theme .wp-block-separator:after {
content: "";
display: block;
clear: both; }
.olympus-theme .wp-block-separator.is-style-dots {
border: none; }
.olympus-theme .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; }
.olympus-theme .wp-block-categories,
.olympus-theme .wp-block-archives,
.olympus-theme .wp-block-latest-posts,
.olympus-theme .wp-block-latest-posts {
list-style: none;
padding-left: 0; }
.olympus-theme .wp-block-categories li a,
.olympus-theme .wp-block-archives li a,
.olympus-theme .wp-block-latest-posts li a,
.olympus-theme .wp-block-latest-posts li a {
color: #515365;
color: var(--heading-font-color); }
.olympus-theme .wp-block-categories li a:hover,
.olympus-theme .wp-block-archives li a:hover,
.olympus-theme .wp-block-latest-posts li a:hover,
.olympus-theme .wp-block-latest-posts li a:hover {
color: var(--primary-accent-color); }
.olympus-theme .wp-block-latest-posts.is-grid li {
margin: 0 16px 5px 0; }
.olympus-theme .wp-block-quote.is-large,
.olympus-theme .wp-block-quote.is-style-large {
margin: 3em 0;
padding: 15px 80px 15px 80px; }
.olympus-theme .wp-block-preformatted {
overflow: auto; }
.olympus-theme ol:not([class]) ol:not([class]),
.olympus-theme ul:not([class]) ul:not([class]),
.olympus-theme ol:not([class]) ul:not([class]) {
padding-left: 20px; }
.olympus-theme .wp-block-pullquote cite {
font-style: italic;
font-size: .875rem;
text-align: right;
color: #888da8; } @media (max-width: 1024px) {
.olympus-theme .wp-block-quote.is-large,
.olympus-theme .wp-block-quote.is-style-large {
margin: 1.5em 0;
padding: 15px 30px 15px 30px; } }
@media (max-width: 640px) {
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p,
.wp-block-pullquote p {
font-size: 16px; }
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 14px; } }
.wp-block-button {
clear: both;
margin-bottom: 20px; }
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: #fff; }
.wp-block-cover,
.wp-block-cover-image {
margin-bottom: 20px; }
blockquote.has-very-dark-gray-color::before {
color: inherit; }
.wp-block-archives-dropdown {
margin-bottom: 20px; } .elementor-section:not(.elementor-inner-section) {
padding-top: 45px;
padding-bottom: 45px; }
.elementor-page #content {
margin: 0; }
.elementor-page #primary.container-fluid {
padding-left: 0;
padding-right: 0; }
.js-equal-child .elementor-container {
width: 100%; }
.js-equal-child .elementor-widget-container,
.js-equal-child .elementor-widget-wrap,
.js-equal-child .elementor-element {
height: 100% !important; }
.elementor-widget-olympus_button.elementor-widget__width-auto {
margin-right: 15px; }
.elementor-widget-olympus_button.elementor-widget__width-auto:last-child {
margin-right: 15px; } @media (max-width: 768px) {
.elementor-section:not(.elementor-inner-section) {
padding-top: 30px;
padding-bottom: 30px; }
.contact-form-wrap .title span {
font-size: 30px !important; }
.js-equal-child .elementor-widget-container,
.js-equal-child .elementor-widget-wrap,
.js-equal-child .elementor-element {
height: auto !important; } } .olympus-preloader {
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
opacity: 1; }
.olympus-preloader img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 150px; }  .ui-block {
background-color: #fff;
border-radius: 5px;
border: 1px solid #e6ecf5;
margin-bottom: 15px; }
.ui-block .ui-block-title:last-child {
border-bottom: 0; }
.ui-block-title {
padding: 23px 25px 18px;
line-height: 1;
border-bottom: 1px solid #e6ecf5;
border-top: 1px solid #e6ecf5;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative;
border-radius: 5px 5px 0 0; }
.ui-block-title .more {
padding-left: 25px;
text-align: right;
width: 16px; }
.ui-block-title > * {
margin-bottom: 0;
width: 100%; }
.ui-block-title.ui-block-title-small {
padding: 10px 25px; }
.ui-block-title.ui-block-title-small .title {
font-size: 9px;
text-transform: uppercase;
color: #888da8;
color: var(--body-font-color); }
.ui-block-title:first-child {
border-top: none; }
.ui-block-title .btn {
display: inline-block;
margin-bottom: 0;
white-space: nowrap; }
.ui-block-title .btn + * {
margin-left: 20px; }
.ui-block-title.inline-items .more {
float: right;
margin-top: 6px;
padding-left: 0;
margin-left: auto; }
.ui-block-title + .ui-block-title {
border-bottom: none; }
.ui-block-title .icon-add {
margin-right: 0; }
#accordion + .ui-block-title {
border-top: none;
border-bottom: none; }
.ui-block-content {
padding: 24px 23px 23px; }
.post-block {
border-radius: 7px;
transition: background-color .3s ease; } @media (max-width: 1200px) {
.responsive-flex1200 .ui-block-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start; }
.responsive-flex1200 .ui-block-title > * {
margin-bottom: 10px; }
.responsive-flex1200 .ui-block-title .points {
text-align: left; }
.responsive-flex1200 .btn + * {
margin-left: 0; }
.responsive-flex1200 .w-search {
width: auto; }
.responsive-flex1200 .w-select {
padding: 0; } }
@media (max-width: 860px) {
.responsive-flex .w-search {
width: auto; } }
@media (max-width: 768px) {
.responsive-flex .ui-block-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.responsive-flex .ui-block-title > * {
margin-bottom: 10px; }
.responsive-flex .ui-block-title .points {
text-align: left; }
.responsive-flex .block-btn {
text-align: left;
padding-right: 0; }
.responsive-flex .more {
padding-left: 0; }
.responsive-flex .photo-gallery {
position: relative;
right: auto;
-ms-flex-order: 5;
order: 5;
left: -26px;
bottom: -29px;
top: auto; }
.responsive-flex .photo-gallery.nav-tabs .nav-item {
border-top: 1px solid #e6ecf5;
text-align: center; }
.responsive-flex .w-search {
width: auto; }
.responsive-flex .bootstrap-select.without-border.btn-group .dropdown-toggle .filter-option {
text-align: left; }
.responsive-flex .align-right {
text-align: left; }
.responsive-flex .align-right * {
display: block; }
.responsive-flex .align-right > * + * {
margin-top: 15px; }
.responsive-flex .align-right .btn {
margin-left: 0; }
.responsive-flex .ui-block-title .btn + * {
margin-left: 0; } }
@media (max-width: 480px) {
.ui-block-content.display-flex.content-around {
-ms-flex-direction: column;
flex-direction: column; }
.ui-block-content.display-flex.content-around > * {
margin-bottom: 15px; } }
@media (max-width: 320px) {
.ui-block-title .btn + .btn {
margin-left: 0;
margin-top: 15px; } } .btn {
color: #fff;
position: relative;
border: 2px solid; }
.btn i {
transition: all .15s ease-in-out; }
.btn:hover {
opacity: .8;
color: #fff; }
.btn.c-grey {
border-color: #d8dbe6; }
.btn.c-grey:hover {
color: inherit; }
.btn.reset-btn {
width: auto; }
.btn.disabled, .btn:disabled {
background-color: var(--icon-color);
border-color: var(--icon-color);
cursor: not-allowed; }
button:hover {
cursor: pointer; }
.btn--with-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.btn--with-icon i {
font-size: 18px; }
.btn-icon-left i {
margin-right: 10px; }
.btn-icon-right i {
margin-left: 10px; }
.btn-lg i {
font-size: 16px; }
@media (max-width: 1080px) {
.btn-lg {
padding: 1rem; } }
.btn-md {
padding: 1rem 2.5rem;
font-size: 0.75rem;
border-radius: 0.3rem; }
@media (max-width: 1080px) {
.btn-md {
padding: .6rem .5rem; } }
.btn-md-2 {
padding: .8rem 1.9rem;
font-size: 0.688rem;
border-radius: 0.3rem; }
@media (max-width: 1080px) {
.btn-md-2 {
padding: .6rem 1.5rem; } }
.btn-sm {
padding: 0.5rem 1.7rem; }
.btn-control {
border-radius: 100%;
width: 50px;
height: 50px;
padding: 0;
fill: #fff;
font-size: 20px;
border: none; }
.btn-control:hover {
opacity: 1; }
.btn-control .more-dropdown {
top: auto;
bottom: 100%; }
.btn-control .more-dropdown li {
line-height: 1.3;
font-size: 12px; }
.btn-control > i {
font-size: 20px; }
.btn-control.has-i {
font-size: unset; }
.btn-control.has-i > svg,
.btn-control.has-i > i {
font-size: 15px;
width: 15px;
height: 15px;
margin: auto; }
.btn-control-small {
width: 34px;
height: 34px; }
.btn-control-small > i {
font-size: 16px; }
.btn-more {
background-color: #ccd1e0;
margin: 40px auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 40px;
transition: all .3s ease; }
.btn-more:hover {
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.control-block-button {
position: absolute;
z-index: 2; }
.control-block-button .btn-control {
margin-right: 20px;
margin-bottom: 0;
fill: #fff; }
.control-block-button .btn-control:last-child {
margin-right: 0; }
.control-block-button .btn-control .olymp-settings-icon {
width: 17px;
height: 21px; }
.control-block-button .btn-control .olymp-happy-face-icon {
width: 21px;
height: 21px; }
.control-block-button .btn-control .olymp-chat---messages-icon {
width: 23px;
height: 20px; }
.control-block-button .btn-control .olymp-star-icon {
height: 20px;
width: 20px; }
.control-block-button .btn-control .olymp-happy-faces-icon {
height: 22px;
width: 22px; } .btn-primary {
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color);
color: #fff; }
.btn-primary:hover {
color: #fff;
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.btn-primary .crumina-icon,
.btn-primary i {
color: #fff;
fill: #fff; }
.btn-primary.btn--bordered {
color: #ff5e3a;
color: var(--primary-accent-color); }
.btn-primary.btn--bordered .crumina-icon,
.btn-primary.btn--bordered i {
color: #ff5e3a;
color: var(--primary-accent-color);
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.btn-primary.btn--bordered:hover {
color: #fff;
border-color: #ff5e3a;
border-color: var(--primary-accent-color);
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.btn-primary.btn--bordered:hover .crumina-icon,
.btn-primary.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-secondary {
background-color: #ff5e3a;
background-color: var(--secondary-accent-color);
border-color: var(--secondary-accent-color);
color: #fff; }
.btn-secondary:hover {
color: #fff;
background-color: #3f4257;
border-color: #3f4257;
background-color: var(--secondary-accent-color);
border-color: var(--secondary-accent-color); }
.btn-secondary .crumina-icon,
.btn-secondary i {
color: #fff;
fill: #fff; }
.btn-secondary.btn--bordered {
color: #3f4257;
color: var(--secondary-accent-color); }
.btn-secondary.btn--bordered .crumina-icon,
.btn-secondary.btn--bordered i {
color: #3f4257;
color: var(--secondary-accent-color);
fill: #3f4257;
fill: var(--secondary-accent-color); }
.btn-secondary.btn--bordered:hover {
color: #fff;
border-color: #3f4257;
border-color: var(--secondary-accent-color);
background-color: #3f4257;
background-color: var(--secondary-accent-color); }
.btn-secondary.btn--bordered:hover .crumina-icon,
.btn-secondary.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-purple {
background-color: #7c5ac2;
background-color: var(--third-accent-color);
border-color: var(--third-accent-color);
color: #fff; }
.btn-purple:hover {
color: #fff;
background-color: #7c5ac2;
border-color: #7c5ac2;
background-color: var(--third-accent-color);
border-color: var(--third-accent-color); }
.btn-purple .crumina-icon,
.btn-purple i {
color: #fff;
fill: #fff; }
.btn-purple.btn--bordered {
color: #7c5ac2;
color: var(--third-accent-color); }
.btn-purple.btn--bordered .crumina-icon,
.btn-purple.btn--bordered i {
color: #7c5ac2;
color: var(--third-accent-color);
fill: #7c5ac2;
fill: var(--third-accent-color); }
.btn-purple.btn--bordered:hover {
color: #fff;
border-color: #7c5ac2;
border-color: var(--third-accent-color);
background-color: #7c5ac2;
background-color: var(--third-accent-color); }
.btn-purple.btn--bordered:hover .crumina-icon,
.btn-purple.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-breez {
border-color: #08ddc1;
background-color: #08ddc1;
color: #fff; }
.btn-breez:hover {
color: #fff;
background-color: #08ddc1;
border-color: #08ddc1; }
.btn-breez .crumina-icon,
.btn-breez i {
color: #fff;
fill: #fff; }
.btn-breez.btn--bordered {
color: #08ddc1; }
.btn-breez.btn--bordered .crumina-icon,
.btn-breez.btn--bordered i {
color: #08ddc1;
fill: #08ddc1; }
.btn-breez.btn--bordered:hover {
color: #fff;
border-color: #08ddc1;
background-color: #08ddc1; }
.btn-breez.btn--bordered:hover .crumina-icon,
.btn-breez.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-green {
border-color: #1ed760;
background-color: #1ed760;
color: #fff; }
.btn-green:hover {
color: #fff;
background-color: #1ed760;
border-color: #1ed760; }
.btn-green .crumina-icon,
.btn-green i {
color: #fff;
fill: #fff; }
.btn-green.btn--bordered {
color: #1ed760; }
.btn-green.btn--bordered .crumina-icon,
.btn-green.btn--bordered i {
color: #1ed760;
fill: #1ed760; }
.btn-green.btn--bordered:hover {
color: #fff;
border-color: #1ed760;
background-color: #1ed760; }
.btn-green.btn--bordered:hover .crumina-icon,
.btn-green.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-grey {
border-color: #515365;
background-color: #515365;
color: #fff; }
.btn-grey:hover {
color: #fff;
background-color: #515365;
border-color: #515365; }
.btn-grey .crumina-icon,
.btn-grey i {
color: #fff;
fill: #fff; }
.btn-grey.btn--bordered {
color: #515365; }
.btn-grey.btn--bordered .crumina-icon,
.btn-grey.btn--bordered i {
color: #515365;
fill: #515365; }
.btn-grey.btn--bordered:hover {
color: #fff;
border-color: #515365;
background-color: #515365; }
.btn-grey.btn--bordered:hover .crumina-icon,
.btn-grey.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-grey-light {
border-color: #888da8;
background-color: #888da8;
color: #fff; }
.btn-grey-light:hover {
color: #fff;
background-color: #888da8;
border-color: #888da8; }
.btn-grey-light .crumina-icon,
.btn-grey-light i {
color: #fff;
fill: #fff; }
.btn-grey-light.btn--bordered {
color: #888da8; }
.btn-grey-light.btn--bordered .crumina-icon,
.btn-grey-light.btn--bordered i {
color: #888da8;
fill: #888da8; }
.btn-grey-light.btn--bordered:hover {
color: #fff;
border-color: #888da8;
background-color: #888da8; }
.btn-grey-light.btn--bordered:hover .crumina-icon,
.btn-grey-light.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-grey-lighter {
border-color: #9a9fbf;
background-color: #9a9fbf;
color: #fff; }
.btn-grey-lighter:hover {
color: #fff;
background-color: #9a9fbf;
border-color: #9a9fbf; }
.btn-grey-lighter .crumina-icon,
.btn-grey-lighter i {
color: #fff;
fill: #fff; }
.btn-grey-lighter.btn--bordered {
color: #9a9fbf; }
.btn-grey-lighter.btn--bordered .crumina-icon,
.btn-grey-lighter.btn--bordered i {
color: #9a9fbf;
fill: #9a9fbf; }
.btn-grey-lighter.btn--bordered:hover {
color: #fff;
border-color: #9a9fbf;
background-color: #9a9fbf; }
.btn-grey-lighter.btn--bordered:hover .crumina-icon,
.btn-grey-lighter.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-breez-light {
border-color: #2aebcb;
background-color: #2aebcb;
color: #fff; }
.btn-breez-light:hover {
color: #fff;
background-color: #2aebcb;
border-color: #2aebcb; }
.btn-breez-light .crumina-icon,
.btn-breez-light i {
color: #fff;
fill: #fff; }
.btn-breez-light.btn--bordered {
color: #2aebcb; }
.btn-breez-light.btn--bordered .crumina-icon,
.btn-breez-light.btn--bordered i {
color: #2aebcb;
fill: #2aebcb; }
.btn-breez-light.btn--bordered:hover {
color: #fff;
border-color: #2aebcb;
background-color: #2aebcb; }
.btn-breez-light.btn--bordered:hover .crumina-icon,
.btn-breez-light.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-yellow {
border-color: #ffdc1b;
background-color: #ffdc1b;
color: #fff; }
.btn-yellow:hover {
color: #fff;
background-color: #ffdc1b;
border-color: #ffdc1b; }
.btn-yellow .crumina-icon,
.btn-yellow i {
color: #fff;
fill: #fff; }
.btn-yellow.btn--bordered {
color: #ffdc1b; }
.btn-yellow.btn--bordered .crumina-icon,
.btn-yellow.btn--bordered i {
color: #ffdc1b;
fill: #ffdc1b; }
.btn-yellow.btn--bordered:hover {
color: #fff;
border-color: #ffdc1b;
background-color: #ffdc1b; }
.btn-yellow.btn--bordered:hover .crumina-icon,
.btn-yellow.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn-smoke {
border-color: #e6ecf5;
background-color: #e6ecf5;
color: #000; }
.btn-smoke:hover {
color: #000;
background-color: #e6ecf5;
border-color: #e6ecf5; }
.btn-smoke .crumina-icon,
.btn-smoke i {
color: #000;
fill: #000; }
.btn-smoke.btn--bordered {
color: #000; }
.btn-smoke.btn--bordered .crumina-icon,
.btn-smoke.btn--bordered i {
color: #000;
fill: #000; }
.btn-smoke.btn--bordered:hover {
color: #000;
border-color: #e6ecf5;
background-color: #e6ecf5; }
.btn-smoke.btn--bordered:hover .crumina-icon,
.btn-smoke.btn--bordered:hover i {
color: #000;
fill: #000; }
.btn-white {
border-color: #fff;
background-color: #fff;
color: #000; }
.btn-white:hover {
color: #000;
background-color: #fff;
border-color: #fff; }
.btn-white .crumina-icon,
.btn-white i {
color: #000;
fill: #000; }
.btn-white.btn--bordered {
color: #000; }
.btn-white.btn--bordered .crumina-icon,
.btn-white.btn--bordered i {
color: #000;
fill: #000; }
.btn-white.btn--bordered:hover {
color: #000;
border-color: #fff;
background-color: #fff; }
.btn-white.btn--bordered:hover .crumina-icon,
.btn-white.btn--bordered:hover i {
color: #000;
fill: #000; }
.btn-dark {
border-color: #000;
background-color: #000;
color: #fff; }
.btn-dark:hover {
color: #fff;
background-color: #000;
border-color: #000; }
.btn-dark .crumina-icon,
.btn-dark i {
color: #fff;
fill: #fff; }
.btn-dark.btn--bordered {
color: #000; }
.btn-dark.btn--bordered .crumina-icon,
.btn-dark.btn--bordered i {
color: #000;
fill: #000; }
.btn-dark.btn--bordered:hover {
color: #fff;
border-color: #000;
background-color: #000; }
.btn-dark.btn--bordered:hover .crumina-icon,
.btn-dark.btn--bordered:hover i {
color: #fff;
fill: #fff; }
.btn--bordered {
background-color: transparent; }
.btn-blue {
border-color: #38a9ff;
border-color: var(--secondary-accent-color);
background-color: #38a9ff;
background-color: var(--secondary-accent-color); } .with--icon {
text-align: left; }
.with--icon .icon {
margin-right: 12px;
height: 35px;
width: 35px;
font-size: 35px;
fill: #fff; }
.with--icon > * {
display: inline-block;
vertical-align: middle; }
.with--icon .text {
overflow: hidden; }
.with--icon span {
display: block; }
.with--icon .sup-title {
font-size: 8px;
font-weight: 700; }
.with--icon .title {
font-size: 14px;
font-weight: 700; }
.with--icon:after {
box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3); }
.with--icon.btn-md .icon {
margin-right: 15px;
height: 22px;
width: 22px;
font-size: 22px; } .icon-add {
position: relative;
display: inline-block;
margin-right: 12px;
vertical-align: middle; }
.icon-add:after {
content: '\f067';
display: block;
position: absolute;
right: -4px;
top: -4px;
color: inherit;
font-size: 7px;
font-family: 'Font Awesome 5 Free'; }
.icon-add.without-text {
margin-right: 0; }
.icon-minus {
position: relative;
display: inline-block;
vertical-align: middle; }
.icon-minus:after {
content: '\f068';
display: block;
position: absolute;
right: -4px;
top: -4px;
color: inherit;
font-size: 7px;
font-family: 'Font Awesome 5 Free'; }
.accept-request {
display: inline-block;
font-weight: 700;
line-height: 1;
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.5rem;
font-size: 0.688rem;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
background-color: #38a9ff;
background-color: var(--secondary-accent-color);
color: #fff;
fill: #fff; }
.accept-request:hover, .accept-request:focus {
color: #fff;
fill: #fff;
opacity: .9; }
.accept-request + .accept-request {
margin-left: 8px; }
.accept-request svg, .accept-request i {
width: 20px;
height: 20px;
font-size: 20px; }
.request-del {
background-color: #9a9fbf; } .back-to-top {
position: fixed;
z-index: 19;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
stroke: inherit;
transition: all .3s ease;
bottom: 80px;
right: 30px;
cursor: pointer;
box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.4);
border-radius: 100%;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
text-align: center;
opacity: 0;
visibility: hidden; }
.back-to-top.btt-visible {
opacity: .3;
visibility: visible; }
.back-to-top.btt-visible:hover {
opacity: 1; }
.back-to-top .back-icon {
font-size: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #fff;
color: #fff; }
.btn-transparent {
background-color: transparent; } @media (max-width: 1080px) {
.btn--with-icon i {
font-size: 14px; } }
@media (max-width: 768px) {
.back-to-top {
width: 40px;
height: 40px;
line-height: 40px;
right: 20px; }
.back-to-top .back-icon {
height: 15px;
width: 15px;
font-size: 15px; } }
@media (max-width: 360px) {
.btn-control .more-dropdown {
top: 100%;
bottom: auto; } } a.vc_btn3,
button.vc_btn3 {
font-weight: bold; }
a.vc_btn3.btn-primary,
button.vc_btn3.btn-primary {
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
color: #fff; }
a.vc_btn3.btn-primary:focus, a.vc_btn3.btn-primary:hover,
button.vc_btn3.btn-primary:focus,
button.vc_btn3.btn-primary:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-purple,
button.vc_btn3.btn-purple {
background-color: #7c5ac2;
color: #fff; }
a.vc_btn3.btn-purple:focus, a.vc_btn3.btn-purple:hover,
button.vc_btn3.btn-purple:focus,
button.vc_btn3.btn-purple:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-blue,
button.vc_btn3.btn-blue {
background-color: #38a9ff;
background-color: var(--secondary-accent-color);
color: #fff; }
a.vc_btn3.btn-blue:focus, a.vc_btn3.btn-blue:hover,
button.vc_btn3.btn-blue:focus,
button.vc_btn3.btn-blue:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-breez,
button.vc_btn3.btn-breez {
background-color: #08ddc1;
color: #fff; }
a.vc_btn3.btn-breez:focus, a.vc_btn3.btn-breez:hover,
button.vc_btn3.btn-breez:focus,
button.vc_btn3.btn-breez:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-green,
button.vc_btn3.btn-green {
background-color: #1ed760;
color: #fff; }
a.vc_btn3.btn-green:focus, a.vc_btn3.btn-green:hover,
button.vc_btn3.btn-green:focus,
button.vc_btn3.btn-green:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-grey,
button.vc_btn3.btn-grey {
background-color: #515365;
color: #fff; }
a.vc_btn3.btn-grey:focus, a.vc_btn3.btn-grey:hover,
button.vc_btn3.btn-grey:focus,
button.vc_btn3.btn-grey:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-grey-light,
button.vc_btn3.btn-grey-light {
background-color: #888da8;
color: #fff; }
a.vc_btn3.btn-grey-light:focus, a.vc_btn3.btn-grey-light:hover,
button.vc_btn3.btn-grey-light:focus,
button.vc_btn3.btn-grey-light:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-grey-lighter,
button.vc_btn3.btn-grey-lighter {
background-color: #9a9fbf;
color: #fff; }
a.vc_btn3.btn-grey-lighter:focus, a.vc_btn3.btn-grey-lighter:hover,
button.vc_btn3.btn-grey-lighter:focus,
button.vc_btn3.btn-grey-lighter:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-breez-light,
button.vc_btn3.btn-breez-light {
background-color: #2aebcb;
color: #fff; }
a.vc_btn3.btn-breez-light:focus, a.vc_btn3.btn-breez-light:hover,
button.vc_btn3.btn-breez-light:focus,
button.vc_btn3.btn-breez-light:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-yellow,
button.vc_btn3.btn-yellow {
background-color: #ffdc1b;
color: #fff; }
a.vc_btn3.btn-yellow:focus, a.vc_btn3.btn-yellow:hover,
button.vc_btn3.btn-yellow:focus,
button.vc_btn3.btn-yellow:hover {
color: #fff;
opacity: .8; }
a.vc_btn3.btn-smoke,
button.vc_btn3.btn-smoke {
background-color: #e6ecf5;
color: #000; }
a.vc_btn3.btn-smoke:focus, a.vc_btn3.btn-smoke:hover,
button.vc_btn3.btn-smoke:focus,
button.vc_btn3.btn-smoke:hover {
color: #000;
opacity: .8; }
a.vc_btn3.btn-bg-secondary, a.vc_btn3.btn-secondary,
button.vc_btn3.btn-bg-secondary,
button.vc_btn3.btn-secondary {
background-color: #3f4257;
color: #fff; }
a.vc_btn3.btn-bg-secondary:focus, a.vc_btn3.btn-bg-secondary:hover, a.vc_btn3.btn-secondary:focus, a.vc_btn3.btn-secondary:hover,
button.vc_btn3.btn-bg-secondary:focus,
button.vc_btn3.btn-bg-secondary:hover,
button.vc_btn3.btn-secondary:focus,
button.vc_btn3.btn-secondary:hover {
color: #fff;
opacity: .8; }
.olympus-theme .vc_btn3.vc_btn3-icon-left .vc_btn3-icon,
.olympus-theme .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
display: inline-block;
position: relative;
top: auto;
transform: translate(0); }
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-sm,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-sm {
padding: 6px 1.7rem; }
@media (max-width: 1200px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-sm,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-sm {
padding: 4px 1.5rem; } }
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-lg,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-lg {
padding: 14px 4rem; }
@media (max-width: 1080px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-lg,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-lg {
padding: 1rem; } }
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
padding: 14px 2.5rem; }
@media (max-width: 1200px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
padding: 12px 2rem; } }
@media (max-width: 1024px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
padding: 11px 1.8rem; } }
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
padding: 11px 2.1rem; }
@media (max-width: 1200px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
padding: 9px 1.8rem; } }
@media (max-width: 1024px) {
.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
padding: 8px 1.6rem; } }
.olympus-theme .vc_btn3-container.vc_btn3-inline + .vc_btn3-container.vc_btn3-inline {
margin-left: 20px; }
.olympus-theme .vc_btn3.vc_btn3-icon-left .vc_btn3-icon {
margin-right: 5px; }
.olympus-theme .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
margin-left: 5px; }
.olympus-theme .vc_general.vc_btn3 {
line-height: 1.5; }
.olympus-theme .vc_general.vc_btn3 .vc_btn3-icon {
vertical-align: initial;
height: auto; }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink:hover, .olympus-theme .vc_btn3.vc_btn3-color-juicy-pink:focus {
background-color: #ff3407;
background-color: var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
background-color: #ff3407;
background-color: var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d {
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
box-shadow: 0 5px 0 #ff3407;
box-shadow: 0 5px 0 var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d:hover, .olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d:focus {
background-color: #ff3407;
background-color: var(--primary-color-darken);
box-shadow: 0 2px 0 #ff3407;
box-shadow: 0 2px 0 var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:hover, .olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:focus {
background-color: #ff3407;
border-color: #ff3407;
background-color: var(--primary-color-darken);
border-color: var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-outline {
color: #ff5e3a;
border-color: #ff5e3a;
color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-outline:hover {
background-color: #ff3407;
border-color: #ff3407;
background-color: var(--primary-color-darken);
border-color: var(--primary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-sky:hover, .olympus-theme .vc_btn3.vc_btn3-color-sky:focus {
background-color: #0593ff;
background-color: var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover, .olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:focus {
background-color: #0593ff;
border-color: #0593ff;
background-color: var(--secondary-color-darken);
border-color: var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d {
background-color: #38a9ff;
background-color: var(--secondary-accent-color);
box-shadow: 0 5px 0 #0593ff;
box-shadow: 0 5px 0 var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d:hover, .olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d:focus {
background-color: #0593ff;
box-shadow: 0 2px 0 #0593ff;
background-color: var(--secondary-color-darken);
box-shadow: 0 2px 0 var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern {
background-color: #38a9ff;
background-color: var(--secondary-accent-color);
border-color: #38a9ff;
border-color: var(--secondary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern:hover, .olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern:focus {
background-color: #0593ff;
border-color: #0593ff;
background-color: var(--secondary-color-darken);
border-color: var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline {
color: #38a9ff;
border-color: #38a9ff;
color: var(--secondary-accent-color);
border-color: var(--secondary-accent-color); }
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline:hover {
background-color: #0593ff;
border-color: #0593ff;
background-color: var(--secondary-color-darken);
border-color: var(--secondary-color-darken); }
.olympus-theme .vc_btn3.vc_btn3-color-violet:hover, .olympus-theme .vc_btn3.vc_btn3-color-violet:focus {
background-color: #623faa; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
background-color: #7c5ac2; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:hover, .olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:focus {
background-color: #623faa;
border-color: #623faa; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d {
background-color: #7c5ac2;
box-shadow: 0 5px 0 #623faa; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d:hover, .olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d:focus {
background-color: #623faa;
box-shadow: 0 2px 0 #623faa; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern {
background-color: #7c5ac2;
border-color: #7c5ac2; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:hover, .olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:focus {
background-color: #623faa;
border-color: #623faa; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-outline {
color: #7c5ac2;
border-color: #7c5ac2; }
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-outline:hover {
background-color: #623faa;
border-color: #623faa; } @media (max-width: 840px) {
.olympus-theme .vc_btn3-container.vc_btn3-inline + .vc_btn3-container.vc_btn3-inline {
margin-left: 5px; } } label.control-label {
color: #888da8; }
input[type="radio"],
input[type="checkbox"] {
width: auto;
display: inline-block;
margin-right: 5px; }
textarea {
min-height: 132px; }
.form-group.label-floating textarea {
padding: 1.3rem 1.1rem .2rem; }
input, .form-control {
color: #515365;
line-height: 1;
font-size: .875rem; }
.label-floating.has-success:after {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 100%;
font-size: 9px;
background-color: #08ddc1;
color: #fff;
text-align: center;
right: 20px;
top: 50%;
margin-top: -10px; }
.has-success .form-control-success,
.has-error .form-control-danger {
background-image: none; }
.fw-flash-message {
list-style: none; }
.form-group.with-icon-right .form-control, .form-group.with-icon-right input, .form-group.with-icon-right textarea {
padding-right: 60px; }
.label-floating .form-control, .label-floating input, .label-floating select {
padding: 1.3rem 1.1rem 1.1rem;
line-height: 1; }
.label-floating textarea.form-control {
padding: 1.5rem 1.1rem .2rem; }
.label-floating.with-icon .form-control, .label-floating.with-icon input, .label-floating.with-icon textarea {
padding-left: 70px; }
.form-group.has-error:after {
content: '\f00d';
font-weight: 900;
position: absolute;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 100%;
background-color: #f92552;
color: #fff;
font-size: 9px;
right: 20px;
top: 50%;
margin-top: -10px;
font-family: 'Font Awesome 5 Free'; }
select.form-control {
padding-left: .875rem; }
.nice-select .list {
max-height: 30vh; }
.form-group.with-icon i {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50px;
text-align: center;
line-height: 3.5rem;
border-right: 1px solid #e6ecf5;
font-size: 20px; }
.form-group.with-icon input {
padding-left: 70px; }
.form-group.with-button button {
display: block;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 35px;
text-align: center;
line-height: 100%;
color: #fff;
fill: #fff;
background-color: #d7d9e5;
border: none; }
.form-group.with-button input {
padding-right: 50px;
padding-left: 15px; }
.label-floating.with-icon label.control-label,
.label-placeholder.with-icon label.control-label {
left: 70px; }
.date-time-picker input {
position: relative;
z-index: 5; }
.input-group-addon {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: none;
height: 100%; }
.input-group-addon svg, .input-group-addon i {
fill: #9a9fbf;
fill: var(--icon-color);
color: #9a9fbf;
color: var(--icon-color);
width: 22px;
font-size: 22px; }
.custom-control-description {
padding-left: 7px;
color: #888da8;
color: var(--body-font-color);
line-height: 2; }
.tooltip-inner {
font-size: 9px;
text-transform: uppercase;
font-weight: 500;
border: 1px solid #3f4257 !important; }
.tooltip-secondary .tooltip-inner {
background-color: #3f4257; }
.tooltip-primary .tooltip-inner {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.tooltip-completed .tooltip-inner {
background-color: #08ddc1; }
.search-help-result-list {
padding-left: 0; } .togglebutton {
vertical-align: middle;
margin-bottom: 20px; }
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.togglebutton label {
cursor: pointer;
color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .togglebutton label, .form-group.has-bootstrap-select .togglebutton label {
color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus {
color: rgba(0, 0, 0, 0.54); }
fieldset[disabled] .form-group.is-focused .togglebutton label {
color: rgba(0, 0, 0, 0.26); }
.togglebutton label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0; }
.togglebutton label .toggle {
text-align: left;
margin-left: 5px; }
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
content: "";
display: inline-block;
width: 66px;
height: 30px;
background-color: rgba(80, 80, 80, 0.7);
border-radius: 15px;
margin-right: 0;
transition: background 0.3s ease;
vertical-align: middle; }
.togglebutton label .toggle:after {
content: "";
display: inline-block;
width: 24px;
height: 24px;
line-height: 26px;
background-color: #FFFFFF;
border-radius: 20px;
position: relative;
left: 3px;
top: 3px;
transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
text-align: center; }
.togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
background-color: #BDBDBD; }
.togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); }
.togglebutton label input[type=checkbox]:checked + .toggle:after {
left: 39px; }
.togglebutton label input[type=checkbox]:checked + .toggle {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.togglebutton.blue label input[type=checkbox]:checked + .toggle {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); }
.description-toggle {
display: table;
width: 100%;
margin-bottom: 30px; }
.description-toggle > * {
display: table-cell;
vertical-align: middle; }
.description-toggle .togglebutton {
text-align: right; }
.description-toggle p {
margin-bottom: 0; }
.add-field {
display: table;
color: #888da8;
color: var(--body-font-color);
fill: #888da8;
fill: var(--body-font-color);
margin-bottom: 1rem;
line-height: 100%; }
.add-field svg, .add-field i {
margin-right: 10px;
width: 12px;
height: 12px;
font-size: 12px; }
.add-field > * {
display: table-cell;
vertical-align: middle; }
.switcher-block {
margin: 19px 0;
display: table;
width: 100%; }
.switcher-block .title {
font-size: 13px; }
.switcher-block > * {
margin-bottom: 0;
display: table-cell;
vertical-align: middle; }
.switcher-block > *:last-child {
text-align: right; } .file-upload {
position: relative;
display: inline-block; }
.file-upload:hover {
cursor: pointer; }
.file-upload__label {
background-color: #3f4257;
display: block;
color: #fff;
font-weight: bold;
line-height: 1.25;
text-align: center;
padding: 0.5rem 1rem;
font-size: 0.812rem;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out; }
.file-upload__label:hover {
cursor: pointer;
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.file-upload__label.bg-green:hover, .file-upload__label.bg-blue:hover, .file-upload__label.bg-breez:hover {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.file-upload__input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 0;
width: 0;
height: 100%;
opacity: 0;
padding: 0; }
.file-upload__input:hover {
cursor: pointer; }
.subscribe-form {
margin: 40px 0 20px; }
.subscribe-form .form-group {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-bottom: 0; }
.subscribe-form .form-control {
width: 100%; }
.subscribe-form.form-inline {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: initial;
align-items: initial; }
.list--styled {
margin: 35px 0; }
.list--styled li {
color: #515365;
color: var(--heading-font-color);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.list--styled li + li {
margin-top: 30px; }
.list--styled i {
color: #ff5e3a;
color: var(--primary-accent-color);
font-size: 25px;
margin-right: 17px; }
.list--styled.small-icon i {
font-size: 8px; }
.list--styled.smallest-icon i {
font-size: 6px; }
.list--styled.icon-blue i {
color: #38a9ff;
color: var(--secondary-accent-color); }
.elementor-icon-list-icon {
color: #ff5e3a;
color: var(--primary-accent-color);
font-size: 25px;
margin-right: 10px; }
.search-form {
padding: 20px 40px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
.search-form .form-group {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-bottom: 0; }
.search-form .form-control {
width: 100%; }
.search-form > * + * {
margin-left: -5px; }
.search-form .btn {
border-radius: 0 5px 5px 0; }
.stunning-search .search-page-panel {
transform: translateY(50%);
margin-bottom: 0; }
.search-page-panel {
margin-bottom: 40px; }
.radio-button {
margin-bottom: 1rem; }
.radio-button label {
cursor: pointer;
padding-left: 35px;
position: relative; }
.radio-button label span {
display: block;
position: absolute;
left: 10px;
top: 0;
transition-duration: 0.2s; }
.radio-button label .circle {
border: 1px solid #dde0e9;
height: 18px;
width: 18px;
border-radius: 100%; }
.radio-button label .check {
height: 18px;
width: 18px;
border-radius: 100%;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
transform: scale3d(0, 0, 0); }
.radio-button label .check:after {
display: block;
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.87);
left: -18px;
top: -18px;
height: 50px;
width: 50px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
transform: scale3d(1.5, 1.5, 1); }
.radio-button input[type=radio] {
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
display: none; }
.radio-button input[type=radio]:checked ~ .check,
.radio-button input[type=radio]:checked ~ .circle {
opacity: 1; }
.radio-button input[type=radio]:checked ~ .check {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.radio-button input[type=radio]:checked ~ .circle {
border-color: #ff5e3a;
border-color: var(--primary-accent-color); }
.radio-button input[type=radio]:checked ~ .check {
transform: scale3d(0.45, 0.45, 1); }
.radio-button input[type=radio][disabled] ~ .check,
.radio-button input[type=radio][disabled] ~ .circle {
opacity: 0.26; }
.radio-button input[type=radio][disabled] ~ .check {
background-color: #000000; }
.radio-button input[type=radio][disabled] ~ .circle {
border-color: #000000; }
@keyframes rippleOn {
0% {
opacity: 0; }
50% {
opacity: 0.2; }
100% {
opacity: 0; } }
@keyframes rippleOff {
0% {
opacity: 0; }
50% {
opacity: 0.2; }
100% {
opacity: 0; } }
.checkbox {
margin-bottom: 1rem; }
.checkbox label {
cursor: pointer;
padding-left: 0;
margin-bottom: 0; }
.form-group.is-focused .checkbox label {
color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
color: rgba(0, 0, 0, 0.54); }
fieldset[disabled] .form-group.is-focused .checkbox label {
color: rgba(0, 0, 0, 0.26); }
.checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
margin: 0;
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
left: 0;
pointer-events: none; }
.checkbox .checkbox-material {
vertical-align: middle;
position: relative;
top: 1px;
padding-right: 5px;
display: inline-block; }
.checkbox .checkbox-material:before {
display: block;
position: absolute;
left: 0;
content: "";
background-color: rgba(0, 0, 0, 0.84);
height: 20px;
width: 20px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
top: 0;
transform: scale3d(2.3, 2.3, 1); }
.checkbox .checkbox-material .check {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #e6ecf5;
overflow: hidden;
z-index: 1; }
.checkbox .checkbox-material .check:before {
position: absolute;
content: "";
transform: rotate(45deg);
display: block;
margin-top: -3px;
margin-left: 7px;
width: 0;
height: 0;
background: red;
box-shadow: 0 0 0 0 inset;
animation: checkbox-off 0.3s forwards; }
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
opacity: 0.2; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
background: #ff5e3a;
background: var(--primary-accent-color); }
.checkbox input[type=checkbox]:focus + .checkbox-material .check {
border-color: #ff5e3a; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
color: #FFFFFF;
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
animation: checkbox-on 0.3s forwards; }
.checkbox.clicked input[type=checkbox]:checked + .checkbox-material:before {
animation: rippleOn 500ms; }
.checkbox.clicked input[type=checkbox]:checked + .checkbox-material .check:after {
animation: rippleOn 500ms forwards; }
.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material:before {
animation: rippleOff 500ms; }
.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
animation: rippleOff 500ms; }
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
opacity: 0.5; }
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
border-color: #000000;
opacity: .26; }
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
background-color: rgba(0, 0, 0, 0.87);
transform: rotate(-45deg); }
@keyframes checkbox-on {
0% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; }
50% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; }
100% {
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } }
@keyframes rippleOn {
0% {
opacity: 0; }
50% {
opacity: 0.2; }
100% {
opacity: 0; } }
@keyframes rippleOff {
0% {
opacity: 0; }
50% {
opacity: 0.2; }
100% {
opacity: 0; } }
.error-box {
border-radius: 5px;
background-color: #fff;
border: 1px solid #e6ecf5;
padding: 30px;
text-align: center;
position: absolute;
right: -135px;
bottom: 70%;
width: 270px;
z-index: 999; }
.error-box .danger {
margin: 0 auto 20px;
display: block;
width: 34px;
height: 34px;
line-height: 37px;
text-align: center;
border-radius: 100%;
background-color: #f92552; }
.error-box .danger i {
color: #fff;
font-size: 12px; }
.error-box .title {
margin-bottom: 13px; }
.error-box p {
font-size: 13px;
color: #888da8;
color: var(--body-font-color); }
.fw_form_fw_form .wrap-forms .header.title {
background-color: initial;
position: static;
display: block;
height: auto;
padding: 0; }
.fw_form_fw_form .wrap-forms .row > .form-builder-item {
padding-left: 15px;
padding-right: 15px; } .olympus-theme.js .registration-login-form .tmce-active .wp-editor-area {
color: #495057; }
.olympus-theme .registration-login-form .wp-editor-container {
border: none; }
.olympus-theme .registration-login-form .wp-editor-tools button[type="button"] {
padding: .5rem 3.5rem;
margin-bottom: 15px; }
.olympus-theme .wrap-forms input[type="radio"], .olympus-theme .wrap-forms input[type="checkbox"] {
width: auto;
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
.olympus-theme .wrap-forms input[type="radio"] + label, .olympus-theme .wrap-forms input[type="checkbox"] + label {
position: relative;
top: 1px; }
.olympus-theme .wrap-forms label sup {
color: #ec0f31; }
.olympus-theme .standart-form-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative; }
.olympus-theme .standart-form-flex > form {
-ms-flex-order: 1;
order: 1; }
.olympus-theme .standart-form-flex > ul.fw-form-errors {
-ms-flex-order: 2;
order: 2;
color: #ff5e3a;
color: var(--primary-accent-color);
font-weight: 400;
font-style: italic; } @media (max-width: 860px) {
.search-form {
padding: 25px; }
.wrap-forms label {
font-size: 13px; } }
@media (max-width: 360px) {
.subscribe-form .btn {
margin-left: -5px;
border-radius: 0 5px 5px 0; }
.search-form {
padding: 0; } }
.fixed-sidebar {
z-index: 22;
width: 70px;
left: 0;
position: fixed; }
.fixed-sidebar .ui-block-title {
margin: 15px 0 5px 0;
border-radius: 0; }
.fixed-sidebar .search-friend i,
.fixed-sidebar .search-friend svg {
height: 20px;
width: 20px;
font-size: 20px; }
.fixed-sidebar .search-friend i:hover,
.fixed-sidebar .search-friend svg:hover {
fill: #ff5e3a;
fill: var(--primary-accent-color);
color: #ff5e3a;
color: var(--primary-accent-color); }
.fixed-sidebar .ui-block-title a {
margin-left: 20px;
text-transform: uppercase;
font-size: 9px;
padding: 0; }
.fixed-sidebar .ui-block-title a + a {
float: right;
color: #515365;
color: var(--heading-font-color); }
.fixed-sidebar .mCustomScrollbar {
max-height: calc(100vh - 70px);
overflow: hidden; }
.fixed-sidebar .ps {
overflow: hidden !important; }
.fixed-sidebar .ps > .ps__rail-y, .fixed-sidebar .ps:hover > .ps__rail-y {
opacity: 0;
z-index: -1;
visibility: hidden; }
.fixed-sidebar.open .fixed-sidebar-left {
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
.fixed-sidebar.open .fixed-sidebar-left.sidebar--small {
transform: translateX(-100%); }
.fixed-sidebar.open .fixed-sidebar-left.sidebar--large {
transform: translateX(0);
transition-delay: .3s; }
.fixed-sidebar.open .fixed-sidebar-right {
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
transform: translateX(0);
transition-delay: .3s; }
.fixed-sidebar.right {
right: -70px;
left: auto;
z-index: 20;
opacity: 0;
visibility: hidden;
position: absolute; }
.fixed-sidebar.right.open {
z-index: 22; }
.fixed-sidebar-left {
position: absolute;
height: 100%;
background-color: #fff;
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
min-height: 1000vh; }
.fixed-sidebar-left.sidebar--small {
width: 70px;
transition-delay: .3s; }
.fixed-sidebar-left.sidebar--small .left-menu li {
text-align: center;
list-style: none; }
.fixed-sidebar-left.sidebar--small .left-menu li a {
padding: 14px 0;
display: block; }
.fixed-sidebar-left.sidebar--small .left-menu li a .universal-olympus-icon {
margin-right: 0; }
.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open {
display: -ms-flexbox;
display: flex;
padding: 0; }
.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open:hover i {
color: #fff; }
.fixed-sidebar-left.sidebar--large {
width: 270px;
transform: translateX(-100%); }
.fixed-sidebar-right {
position: absolute;
z-index: 20;
right: 0;
top: 70px;
bottom: 0;
background-color: #fff;
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
border-left: 1px solid #e6ecf5;
width: 270px;
transform: translateX(100%);
min-height: 1000vh;
opacity: 0;
visibility: hidden;
display: none; }
.fixed-sidebar-right .author-page {
padding: 15px 20px 0;
margin-left: 0; }
.fixed-sidebar-right .author-page .author-thumb {
position: relative; }
.fixed-sidebar-right .author-page .author-title {
color: #515365;
color: var(--heading-font-color); }
.fixed-sidebar-right .author-page .author-title:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.fixed-sidebar-right .account-settings {
padding: 0 25px 15px; }
.fixed-sidebar-right .account-settings .account-settings i {
font-size: 16px; }
.fixed-sidebar-right .account-settings a {
padding: 10px 0; }
.logo {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #fff; }
.logo img {
transition: opacity .3s ease; }
.logo .logo-title {
text-transform: uppercase;
margin: 0;
color: inherit;
transition: all .3s ease; }
.logo .sub-title {
font-size: 9px;
text-transform: uppercase; }
.logo:hover {
color: #fff; }
.logo .img-wrap {
position: relative; }
.left-menu {
padding: 10px 0 20px 0; }
.left-menu .left-menu-title {
font-weight: 500;
transition: inherit; }
.left-menu .universal-olympus-icon {
margin-right: 10px;
transition: inherit; }
.left-menu .universal-olympus-icon * {
fill: currentColor; }
.left-menu .sub-menu {
list-style: none;
padding-left: 20px; }
.left-menu .sub-menu a {
padding: 5px 0 5px 25px; }
.left-menu .no-menu-box {
padding: 16px 25px; }
.left-menu .no-menu-box a {
display: inline;
padding: initial;
color: #ff5e3a;
color: var(--primary-accent-color); }
.left-menu a {
padding: 15px 0 15px 25px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: #9a9fbf;
color: var(--icon-color); }
.left-menu a > span {
display: -ms-inline-flexbox;
display: inline-flex; }
.left-menu a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.left-menu a:hover * {
color: #ff5e3a;
color: var(--primary-accent-color); }
.left-menu a:hover svg {
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.left-menu a:hover svg * {
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.profile-completion {
padding: 15px 25px 25px;
transition: all .3s ease; }
.profile-completion .skills-item-info {
font-size: 14px; }
.accordion-menu .card-header {
padding: 0; }
.accordion-menu .card-header a > .olymp-dropdown-arrow-icon {
margin-left: 15px;
margin-top: 4px; }
.accordion-menu .card-header svg, .accordion-menu .card-header i {
margin-top: 0; }
.accordion-menu .card-header a {
color: inherit;
font-size: 13px; }
#notification-panel-bottom {
height: 50px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: inherit;
opacity: 0;
visibility: hidden;
transition: all .3s ease; }
#notification-panel-bottom.anim {
opacity: 0;
visibility: hidden;
transform: translateY(200px); }
#notification-panel-bottom .control-block {
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
position: relative; }
#notification-panel-bottom .control-block .control-icon {
margin-top: 0;
position: unset;
min-height: 100%; }
#notification-panel-bottom .control-block .control-icon .label-avatar {
right: 1px; }
#notification-panel-bottom .control-block .control-icon:last-child {
margin-right: 0; }
#notification-panel-bottom .control-block .control-icon .icon-status-wrap {
padding: 0 10px; }
#notification-panel-bottom .control-block .control-icon .icon-status-wrap i {
display: block;
margin-top: 18px; }
#notification-panel-bottom .more-dropdown {
top: auto;
bottom: 100%;
left: 15px;
width: calc(100vw - 30px); }
#notification-panel-bottom .more-with-triangle:before {
display: none; }
#notification-panel-bottom .view-all {
border-radius: 0; } body.left-panel-always-open {
padding-left: 270px; }
body.left-panel-always-open #fixed-sidebar-left .side-menu-open {
display: none; }
body.left-panel-always-open .fixed-sidebar-left.sidebar--large {
transform: translateX(0);
transition-delay: .3s; }  @media (max-width: 768px) {
body.has-social-panel-bottom {
padding-bottom: 50px; }
#notification-panel-bottom {
opacity: 1;
visibility: visible;
z-index: 15; }
.fixed-sidebar.right {
visibility: visible;
opacity: 1;
right: -50px; }
.side-menu-open {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px; }
.fixed-sidebar .mCustomScrollbar {
max-height: calc(100vh - 80px); }
.fixed-sidebar-left.sidebar--small {
display: none; }
.fixed-sidebar {
width: 50px; }
.fixed-sidebar-left {
min-height: unset;
height: calc(100vh - 50px); }
.fixed-sidebar.left {
position: absolute; }
.fixed-sidebar-right {
top: 50px;
opacity: 1;
visibility: visible;
display: block;
min-height: unset;
height: calc(100vh - 50px);
width: 200px; }
.left-menu .universal-olympus-icon {
margin-right: 15px; }
.fixed-sidebar .logo {
height: 50px;
text-align: center; }
.left-menu {
padding: 0; }
.left-menu a {
padding: 15px 0 15px 15px; }
.left-menu .sub-menu a {
padding: 5px 0 5px 15px; }
.fixed-sidebar-left.sidebar--large {
width: 170px; }
body.left-panel-always-open {
padding-left: 0; }
body.left-panel-always-open #fixed-sidebar-left .side-menu-open {
display: -ms-flexbox;
display: flex; }
body.left-panel-always-open .fixed-sidebar-left.sidebar--large {
transform: translateX(-100%); } } .more-dropdown {
display: block;
position: absolute;
top: 100%;
right: 0;
width: 180px; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
background-color: #fff;
border-radius: 4px;
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s linear;
text-align: left;
padding: 15px 20px;
z-index: 5; }
.more-dropdown ul {
padding: 15px 25px;
margin-bottom: 0; }
.more-dropdown li a > * {
display: inline-block;
vertical-align: middle; }
.more-dropdown a {
padding: 7px 0;
font-size: 12px;
color: #515365;
color: var(--heading-font-color);
display: block;
font-weight: 700; }
.more-dropdown a.btn-sm {
padding: 0.5rem 1.7rem;
font-size: 0.688rem;
line-height: 1.5;
border-radius: 0.2rem; }
.more-dropdown a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.more-dropdown a.btn {
color: #fff; }
.more:hover .more-dropdown {
visibility: visible;
opacity: 1;
transition-delay: 0s; }
.more {
position: relative;
transition: all .3s ease;
color: #888da8;
color: var(--body-font-color);
fill: #c0c4d8; }
.more .more {
cursor: pointer; }
.more > svg
.more > svg {
cursor: pointer; }
.more-with-triangle:before {
position: absolute;
display: inline-block;
content: '';
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #fff;
right: 25px; }
.more-with-triangle.triangle-bottom-right:before {
top: auto;
bottom: -7px;
right: 15px;
border-bottom: none;
border-top: 7px solid #fff; }
.more-with-triangle.triangle-top-center:before {
margin-right: -3px;
right: 50%; }
.more-with-triangle.triangle-top-left:before {
right: auto;
left: 15px; } .swiper-container-horizontal > .swiper-pagination-bullets {
left: 50%;
transform: translate(-50%, 0); }
.swiper-pagination-bullet {
display: inline-block;
width: 10px;
height: 10px;
background-color: #fff;
margin: auto 10px;
border-radius: 50%;
cursor: pointer;
transition: all .3s ease;
border: 2px solid #d9dbe7; }
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: transparent; }
.pagination-blue .page-link:focus, .pagination-blue .page-link:hover {
background-color: #38a9ff;
border-color: #38a9ff;
background-color: var(--secondary-accent-color);
border-color: var(--secondary-accent-color); }
.pagination-blue .page-link.active {
background-color: #38a9ff;
border-color: #38a9ff;
background-color: var(--secondary-accent-color);
border-color: var(--secondary-accent-color);
color: #fff; }
.pagination-blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.swiper-pagination {
bottom: 0;
left: 50%;
transform: translate(-50%, 0); }
.pagination-bottom {
padding-bottom: 55px; }
.pagination-bottom .swiper-pagination {
bottom: 15px; }
.btn-next, .btn-prev, .btn-next-without, .btn-prev-without {
position: absolute;
cursor: pointer;
width: 10px;
height: 18px;
display: block;
z-index: 10;
transition: all .2s ease-in;
fill: #fff;
stroke: inherit;
top: 50%;
transform: translate(0, -50%); }
.btn-next:hover, .btn-prev:hover, .btn-next-without:hover, .btn-prev-without:hover {
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.btn-next, .btn-next-without {
right: 40px; }
.btn-prev, .btn-prev-without {
left: 40px; } .pagination {
margin-top: 40px;
margin-bottom: 40px; }
.pagination .page-item {
font-size: 12px;
font-weight: 700;
padding: 0 4px; }
.pagination .page-link {
border-radius: .25rem;
color: #515365;
color: var(--heading-font-color); }
.pagination .page-link.active {
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color);
color: #fff; }
.pagination .page-link:focus, .pagination .page-link:hover {
border-color: #ff5e3a;
border-color: var(--primary-accent-color); }
.pagination .page-link:hover {
color: #fff; }
.page-links {
margin: 15px 0;
clear: both; }
.page-links a {
display: inline-block;
padding: .2rem .5rem;
line-height: 1.25;
color: #515365;
color: var(--heading-font-color);
background-color: #fff;
border: 1px solid #e6ecf5;
margin-left: 5px;
border-radius: 3px; }
.page-links a:focus, .page-links a:hover {
border-color: #ff5e3a;
background-color: #ff5e3a;
border-color: var(--primary-accent-color);
background-color: var(--primary-accent-color);
color: #fff; }
.page-links span {
display: inline-block;
padding: .2rem .5rem;
line-height: 1.25;
border: 1px solid #ff5e3a;
border: 1px solid var(--primary-accent-color);
margin-left: 5px;
border-radius: 3px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
color: #fff; }
.page-links span:hover {
color: #fff; } .registration-login-form {
overflow: hidden;
position: relative;
border-radius: 5px;
border: 1px solid #e6ecf5;
background-color: #fff;
padding-left: 71px;
margin-bottom: 20px;
min-height: 610px; }
.registration-login-form.selected-forms-single {
padding-left: 0;
min-height: unset; }
.registration-login-form .nav-tabs {
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
border: none;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 71px;
top: 0;
bottom: 0;
left: 0; }
.registration-login-form .nav-item {
margin-bottom: 0;
height: 50%;
width: 100%; }
.registration-login-form .nav-item:last-child .nav-link {
border-bottom: 0; }
.registration-login-form .nav-link {
border-radius: 0;
border: none;
border-bottom: 1px solid #e6ecf5;
border-right: 1px solid #e6ecf5;
padding: 22px;
color: #c0c4d8;
fill: #c0c4d8;
background-color: #fafbfd;
height: 100%;
display: -ms-flexbox;
display: flex; }
.registration-login-form .nav-link.active {
fill: #ff5e3a;
fill: var(--primary-accent-color);
color: #ff5e3a;
color: var(--primary-accent-color);
background-color: #fff;
border-color: #e6ecf5; }
.registration-login-form .nav-link svg, .registration-login-form .nav-link i {
width: 21px;
height: 21px;
font-size: 21px;
margin: auto; }
.registration-login-form .tab-content {
overflow: hidden; }
.registration-login-form .content {
padding: 35px 25px; }
.registration-login-form .content .btn-primary {
margin-bottom: 20px; }
.registration-login-form .title {
padding: 25px;
border-bottom: 1px solid #e6ecf5;
margin-bottom: 0; }
.registration-login-form p {
margin-bottom: 0;
font-size: 13px; }
.registration-login-form .remember {
margin: 35px 0 25px; }
.registration-login-form.can-not-register {
min-height: unset; }
.registration-login-form.can-not-register .nav-item {
height: 100%; }
.registration-login-form .modal-content {
border: none; }
.registration-login-form .logy-social-buttons .logy-social-title {
border-bottom: 1px solid #e6ecf5; }
.registration-login-form .logy-social-buttons .logy-social-title span {
color: #888da8;
color: var(--body-font-color); }
.registration-login-form .logy-social-buttons.logy-only-icons ul {
padding-left: 0; }
.registration-login-form .logy-social-buttons.logy-only-icons ul li a {
display: block;
color: #fff;
font-size: 18px; }
.remember {
margin-bottom: 1rem; }
.remember .checkbox {
display: inline-block;
margin-bottom: 0; }
.remember a {
line-height: 2; }
.remember .forgot {
float: right;
color: #888da8;
color: var(--body-font-color); }
.or {
position: relative;
width: 100%;
height: 1px;
margin: 1rem 0 2rem 0;
background-color: #e6ecf5; }
.or:after {
content: 'OR';
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 0 25px;
font-size: 10px;
z-index: 5; } @media (max-width: 1023px) {
.registration-login-form {
padding-top: 87px;
padding-left: 0;
min-height: unset; }
.registration-login-form .title {
font-size: 14px; }
.registration-login-form.selected-forms-single {
padding-top: 0; }
.registration-login-form .nav-tabs {
-ms-flex-direction: row;
flex-direction: row;
bottom: auto;
width: 100%;
height: auto; }
.registration-login-form .nav-item {
display: block;
text-align: center; }
.registration-login-form .nav-link {
display: block; }
.registration-login-form .nav-item:last-child .nav-link {
border-bottom: 1px solid #e6ecf5;
border-right: none; } } .profile-settings-open {
cursor: pointer;
position: absolute;
left: 100%;
top: calc(50% - 25px);
background-color: #fff;
box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
border-radius: 0 100px 100px 0;
line-height: 1;
padding: 20px 8px 20px 8px;
font-size: 20px; } @media (max-width: 768px) {
.profile-settings-responsive {
visibility: visible;
opacity: 1; }
.responsive-display-none {
display: none; } } .notification-list {
margin-bottom: 0; }
.notification-list .selectize-dropdown-content > *, .notification-list li {
padding: 25px;
border-bottom: 1px solid #e6ecf5;
display: block;
position: relative;
transition: all .3s ease;
text-align: left; }
.notification-list .selectize-dropdown-content > *.btn, .notification-list li.btn {
padding: 0.5rem 1.7rem;
display: inline-block;
margin: 15px auto; }
.notification-list .selectize-dropdown-content > * > *, .notification-list li > * {
margin-bottom: 0;
display: inline-block;
vertical-align: middle; }
.notification-list .selectize-dropdown-content > *:hover:not(a.btn), .notification-list li:hover:not(a.btn) {
background-color: #fafbfd; }
.notification-list .selectize-dropdown-content > *:hover .more, .notification-list li:hover .more {
opacity: 1; }
.notification-list .selectize-dropdown-content > *.un-read, .notification-list li.un-read {
background-color: #f7f9fc; }
.notification-list .selectize-dropdown-content > *.un-read .notification-icon, .notification-list li.un-read .notification-icon {
color: #9da2c1;
fill: #9da2c1; }
.notification-list .selectize-dropdown-content > * {
cursor: pointer; }
.notification-list .selectize-dropdown-content > *:last-child {
border-bottom: none; }
.notification-list .notification-friend {
display: inline-block; }
.notification-list .comment-photo {
margin: 30px 0 0 60px;
max-width: 280px;
border-radius: 10px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.notification-list .comment-photo span {
background-color: #f5f7fb;
padding: 0 15px; }
.notification-list .author-thumb {
height: 40px;
width: 40px; }
.notification-list .notification-event {
padding-left: 15px; }
.notification-list .notification-date {
font-size: 11px;
display: block;
margin-top: 5px;
color: #888da8;
color: var(--body-font-color); }
.notification-list .notification-link {
color: #ff5e3a;
color: var(--primary-accent-color); }
.notification-list .notification-icon {
color: #d7d9e5;
fill: #d7d9e5;
margin-top: 10px; }
.notification-list .notification-icon svg, .notification-list .notification-icon i {
width: 22px;
height: 20px;
font-size: 20px; }
.notification-list .more {
position: absolute;
right: 10px;
top: 5px;
font-size: 10px;
color: #d6d9e6;
opacity: 0; }
.notification-list .more i + i {
margin-left: 5px; }
.notification-list .more svg + i {
margin-left: 5px; }
.notification-list .more i + svg {
margin-left: 5px; }
.notification-list .more svg + svg {
margin-left: 5px; }
.notification-list.friend-requests li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.notification-list.friend-requests li .notification-icon {
margin-left: auto; }
.selectize-dropdown.ps {
max-height: 50vh; }
.selectize-dropdown.ps > .ps__rail-y,
.selectize-dropdown.ps:hover > .ps__rail-y {
display: none; }
.selectize-dropdown .selectize-dropdown-content > * {
padding: 15px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.selectize-dropdown .selectize-dropdown-content > * .author-thumb {
min-height: 40px;
min-width: 40px; }
.selectize-dropdown .ui-block-title.ui-block-title-small .title {
font-size: 14px;
color: #515365;
color: var(--heading-font-color); }
.selectize-dropdown-content {
text-align: center;
height: 100%;
max-height: 100%; }
.selectize-dropdown-content .author-thumb img {
height: 100%;
width: 100%;
max-width: 100%; }
.selectize-dropdown-content .chat-message-item {
color: #888da8;
color: var(--body-font-color); }
.notification-friend {
margin-bottom: 0; }
.chat-message .notification-event {
font-size: 12px; }
.chat-message .notification-friend {
display: block; }
.chat-message li > * {
vertical-align: top; }
.chat-message .full-block {
padding: 0; }
.chat-message .author-thumb {
height: 36px;
width: 36px; }
.chat-message li.chat-group .author-thumb {
border-radius: 0; }
.chat-message li.chat-group .author-thumb img {
width: 16px;
height: 16px;
float: left;
margin-right: 2px;
margin-bottom: 2px;
border-radius: 100%;
overflow: hidden; }
.chat-message li.chat-group .last-message-author {
color: #515365;
color: var(--heading-font-color);
font-weight: 700; }
.chat-message li.message-unread {
background-color: #f7f9fc; }
.chat-message li.message-unread .notification-icon {
fill: #9a9fbf;
fill: var(--icon-color); }
.icon-status {
width: 6px;
height: 6px;
border-radius: 100%;
display: inline-block;
margin-right: 8px; }
.icon-status.online {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.icon-status.away {
background-color: #ffd52f; }
.icon-status.disconected {
background-color: #ff4f60; }
.icon-status.status-invisible {
background-color: #cbdfee; }
.friend-requests .notification-icon {
margin-top: 0; }
.friend-requests .notification-friend {
display: block; }
.friend-requests .accepted .notification-friend {
display: inline-block; }
.friend-requests .accepted .notification-link {
color: #00b7ff; }
.friend-requests .accepted .notification-icon {
margin-top: 10px; }
.friend-requests .chat-message-item {
font-size: 12px; }
.label-avatar {
position: absolute;
top: -1px;
right: -4px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #fff;
font-size: 10px;
font-weight: 700;
border-radius: 100%;
overflow: hidden; } @media (max-width: 980px) {
.col-xl-5.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-r-0 {
padding-right: 15px; }
.col-xl-7.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-l-0 {
padding-left: 15px; }
.selectize-dropdown.ps {
max-height: calc(100vh - 100px); } }
@media (max-width: 768px) {
.notification-list li {
padding: 15px 10px; } }
@media (max-width: 480px) {
.add-options-message .options-message + .options-message {
margin-left: 15px; }
.add-options-message button {
float: none;
margin-left: 0;
display: block;
margin-top: 10px; }
.add-options-message button + button {
margin-right: 0; } } body {
overflow-x: hidden; }
body:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(43, 45, 59, 0.6);
opacity: 0;
transition: opacity .3s ease;
z-index: -999; }
body.overlay-enable {
overflow: hidden; }
body.overlay-enable:before {
opacity: 1;
z-index: 500; }
body.body--fixed {
position: fixed;
width: 100%; } body.admin-bar .modal-dialog {
margin-top: 60px; }
.window-popup,
.modal-dialog {
max-width: calc(100% - 30px); }
.window-popup .icon-close,
.modal-dialog .icon-close {
opacity: 1;
margin-top: 0;
margin-right: 0;
font-size: 18px; }
.window-popup .icon,
.modal-dialog .icon {
fill: #888da8;
fill: var(--body-font-color);
float: right;
margin-top: 7px;
padding: 0; }
.window-popup .input-group-addon .icon,
.modal-dialog .input-group-addon .icon {
margin-top: 0; }
.window-popup .form-group,
.modal-dialog .form-group {
margin-bottom: 25px; }
.window-popup .form-group.with-button button,
.modal-dialog .form-group.with-button button {
width: 50px;
border-radius: 0 5px 5px 0; }
.window-popup .olymp-computer-icon,
.modal-dialog .olymp-computer-icon {
width: 22px;
height: 20px; }
.close {
transition: all .3s ease;
cursor: pointer; }
.icon-close {
position: absolute;
top: -25px;
right: -25px;
color: #fff;
fill: #fff; }
.icon-close:hover {
color: #ff5e3a;
fill: #ff5e3a;
color: var(--primary-accent-color);
fill: var(--primary-accent-color); }
figcaption {
padding: 10px 15px;
text-align: center;
font-size: 13px;
font-weight: 700;
color: #515365;
color: var(--heading-font-color); }
figcaption a {
color: #515365;
color: var(--heading-font-color); }
figcaption a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
figcaption span {
font-size: 10px;
color: #888da8;
color: var(--body-font-color);
font-weight: 400;
display: block; }
figure {
margin: 0; }
.modal-dialog-fixed-width {
width: 670px; }
.modal-dialog-fixed-width .modal-content {
border: none; }
.modal-body .ui-block {
padding: 0;
margin: 0; }
.registration-login-form-popup {
width: 520px; }
.registration-login-form-popup .registration-login-form {
margin-bottom: 0; }
.registration-login-form-popup .modal-content {
border: none; }
.registration-login-form-popup .modal-body {
padding: 0;
border-radius: 0.3rem;
overflow: hidden; }
.event-description {
padding-left: 30px;
border-left: 1px solid #e6ecf5;
margin-bottom: 40px; }
.event-description .event-description-title {
font-weight: 700;
margin-bottom: 40px; }
.event-description .place {
margin-bottom: 20px; }
.event-description .friends-harmonic {
margin-bottom: 35px; }
.relative {
position: relative;
top: auto;
left: auto;
transform: none; }
.modal.show {
padding-right: 0 !important; }
.modal.show .modal-dialog {
display: block !important; }
.popup-write-rewiev {
width: 470px; }
.popup-write-rewiev .must-log-in {
margin: 0;
padding: 23px 25px 18px; }
.crumina-window-popup {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 999;
overflow-y: auto;
outline: none; }
.window-popup {
position: relative;
margin: auto;
border-radius: 5px;
background-color: #fff;
width: 520px;
max-width: calc(100% - 30px);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
.modal-active {
overflow: hidden; }
[x-cloak] {
display: none; } @media (max-width: 1080px) {
.icon-close,
.window-popup .icon-close {
right: 50%;
margin-right: -9px; } }
@media (max-width: 768px) {
.icon-close,
.window-popup .icon-close {
right: 50%;
margin-right: -9px; }
.photo-album-item.create-album .btn-control {
width: 50px; } }
@media (max-width: 480px) {
.remember a {
float: none;
display: block; }
.page-link {
padding: 5px 10px; } } .friends-harmonic {
margin-bottom: 0;
overflow: hidden;
padding-left: 0;
list-style: none; }
.friends-harmonic a {
width: auto;
height: auto;
border-radius: 100%;
overflow: hidden;
border: 2px solid #fff;
display: block;
margin-left: -3px; }
.friends-harmonic li {
float: left; }
.friends-harmonic li:first-child a {
margin-left: 0; }
.friends-harmonic li img {
vertical-align: sub; }
.friends-harmonic .with-text {
margin-top: 5px;
margin-left: 15px; }
.friends-harmonic .all-users {
line-height: 26px;
opacity: .8; }
.friends-harmonic .all-users:hover {
color: #fff; } .comments-list {
margin-bottom: 0;
list-style: none;
padding-left: 0; }
.comments-list .comment-item {
padding: 25px;
border-bottom: 1px solid #e6ecf5;
background-color: #fafbfd;
position: relative; }
.comments-list .comment-item.has-children {
padding-bottom: 0; }
.comments-list .comment-item .no-comments {
margin-bottom: 0; }
.comments-list .comment-item .comment p:last-child {
margin-bottom: 0; }
.comments-list .post-add-icon {
margin-right: 20px; }
.comments-list .post__author img {
width: 26px;
height: 26px; }
.comments-list.style-2 .comment-item .post__author img {
float: left; }
.comments-list.style-2 .reply {
margin-right: 20px; }
.comments-list.style-2 .post__date {
display: inline-block;
margin-right: 20px; }
.comments-list.style-2 .author-date {
overflow: hidden; }
.comments-list.style-2 .post__author .more {
float: none; }
.comments-list.style-2 .post__author {
margin-bottom: 0; }
.comments-list.style-3 .comment-item {
background-color: transparent; }
.comments-list.style-3 .reply {
margin-right: 20px;
color: #ff5e3a;
color: var(--primary-accent-color); }
.comments-list.style-3 .post__author-thumb {
margin-right: 20px;
float: left; }
.comments-list.style-3 .post__author-thumb img {
width: 56px;
height: 56px;
border-radius: 100%; }
.comments-list.style-3 .comments-content {
overflow: hidden; }
.comments-list.style-3 .children .comment-item {
border-left: none; }
.comments-list.style-3 .children .comment-item:before {
display: none; }
.comments-list .children {
border-top: 1px solid #e6ecf5;
margin: 25px -25px -25px;
padding-left: 35px;
list-style: none; }
.comments-list .children .comment-item {
border-left: 1px solid #e6ecf5; }
.comments-list .children .comment-item:last-child {
border-bottom: none; }
.comments-list .children .comment-item:before {
content: "";
position: absolute;
width: 9px;
height: 9px;
top: 40px;
left: -5px;
background-color: #fafbfd;
border-radius: 100%;
border: 2px solid #c2c5d9;
z-index: 13; }
.comments-list .children.single-children {
border-top: 0;
margin: -3px 0 25px;
padding-left: 0; }
.comments-list .children.single-children .comment-item {
padding: 25px;
position: relative; }
.comments-list .children.single-children .comment-item:last-child {
padding-bottom: 0; }
.comment-reply-link {
display: inline-block;
margin-right: 15px; }
.comment-edit-link {
display: inline-block; }
.reply {
font-size: 12px;
color: #888da8;
color: var(--body-font-color); }
.report {
font-size: 12px;
color: #888da8;
color: var(--body-font-color); }
.more-comments {
text-align: center;
padding: 15px 0;
font-size: 12px;
color: #515365;
color: var(--heading-font-color);
display: block;
font-weight: 700;
margin: 0 auto; }
.more-comments span {
transition: all .3s ease; }
.more-comments:hover {
color: #515365;
color: var(--heading-font-color); }
.more-comments:hover span {
color: #ff5e3a;
color: var(--primary-accent-color); }
.comment-form {
padding: 25px;
border-top: 1px solid #e6ecf5;
overflow: hidden; }
.comment-form .add-options-message {
position: absolute;
right: 20px;
bottom: 15px;
width: auto;
padding: 0; }
.comment-form .post__author {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.comment-form .post__author img {
margin-right: 10px;
min-width: 28px;
max-width: 28px;
height: 28px; }
.comment-form .form-group {
margin-bottom: 0;
width: 100%;
margin-left: auto; }
.comment-form textarea {
min-height: 60px;
height: 60px;
transition: all .3s ease; }
.comment-form textarea:focus {
min-height: 100px; }
.comment-form button {
float: right;
margin-bottom: 0;
margin-top: 15px; }
.comment-form button + button {
margin-right: 15px; }
.comment-form.comment-form--without-author .form-group {
margin-bottom: 1.4rem; }
.comment-form.comment-form--without-author textarea {
min-height: unset;
height: unset; }
.comment-form.comment-form--without-author textarea:focus {
min-height: unset; }
.comments-area {
margin-top: 30px; } @media (max-width: 768px) {
.comments-list .comment-item {
padding: 10px; }
.comments-list .children {
margin: 25px -10px -10px;
padding-left: 20px; }
.children {
margin-right: -10px; }
.comments-list .comment-item .post__author .more {
margin-right: 0; }
.comments-list.style-3 .post__author-thumb img {
width: 30px;
height: 30px; } }
@media (max-width: 480px) {
.comment-form .form-group {
width: 80%; }
.comment-form.comment-form--without-author .form-group {
width: 100%; } } .post-video {
border: 1px solid #e6ecf5;
border-radius: 3px;
overflow: hidden;
margin: 20px 0; }
.post-video .video-content {
padding: 20px;
overflow: hidden; }
.post-video .video-content .title {
display: block; }
.post-video .video-content p {
margin: 10px 0;
font-size: 13px; }
.post-video .video-content .link-site {
font-size: 10px;
color: #9a9fbf; }
.post-video .video-content .link-site:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.video-thumb {
position: relative;
float: left; }
.video-thumb img {
width: 100%; } @media (max-width: 480px) {
.video-thumb {
float: none; } } .video-player {
position: relative;
overflow: hidden;
border-radius: 3px;
margin: 20px 0; }
.video-player img {
width: 100%; }
.video-player .video-content {
position: absolute;
bottom: 25px;
left: 25px;
color: #fff;
z-index: 5;
opacity: 0;
transition: all .3s ease;
padding: 0; }
.video-player .video-content .title {
color: #fff;
display: block; }
.video-player .play-video {
opacity: 0; }
.video-player:hover .video-content {
opacity: 1; }
.video-player:hover .play-video {
opacity: 1; }
.video-player:hover .overlay {
opacity: 1; }
.video-player:hover:after {
opacity: 1; }
.video-player:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all .3s ease; } @media (max-width: 480px) {
.video-player .video-content .title {
display: none; } } .cat-list-bg-style {
margin: 50px 0 46px;
padding: 0;
list-style: none; }
.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
display: inline-block; }
.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item a:hover {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item.active {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.cat-list__item {
display: inline-block;
background-color: #dee4ec;
margin: 0 10px;
border-radius: 30px;
overflow: hidden; }
.cat-list__item a {
font-size: 14px;
color: #888da8;
color: var(--body-font-color);
position: relative;
text-transform: uppercase;
transition: all .3s ease;
padding: 8px 20px;
display: block; }
.cat-list__item a:hover {
color: #fff;
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.cat-list__item.active {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.cat-list__item.active a {
color: #fff; } @media (max-width: 768px) {
.cat-list-bg-style {
margin: 30px 0; }
.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
display: block;
margin-top: 10px; } } .photo-item {
display: inline-block;
padding: 0 12px 12px 0;
margin-right: -3px;
position: relative;
overflow: hidden; }
.photo-item .overlay {
bottom: 12px;
right: 12px;
border-radius: 5px; }
.photo-item img {
border-radius: 5px;
width: 100%; }
.photo-item:last-child {
margin-right: 0; }
.photo-item .more {
position: absolute;
top: 25px;
right: 25px;
color: #fff;
fill: #fff;
opacity: 0;
transition: all .3s ease; }
.photo-item .content {
position: absolute;
bottom: 25px;
left: 20px;
opacity: 0;
transition: all .3s ease; }
.photo-item .content .title {
color: #fff;
display: block;
margin-bottom: 0; }
.photo-item .content time {
font-size: 12px;
color: #b6bbd7; }
.photo-item .post-add-icon {
fill: #fff;
position: absolute;
right: 25px;
bottom: 30px;
opacity: 0;
transition: all .3s ease; }
.photo-item:hover .more, .photo-item:hover .content, .photo-item:hover .post-add-icon, .photo-item:hover .overlay {
opacity: 1; }
.photo-album-item-wrap {
display: inline-block;
margin-right: -3px;
padding: 0 12px 12px 0;
vertical-align: top; }
.photo-album-item {
position: relative;
border-radius: 5px;
border: 1px solid #e6ecf5;
background-color: #fff; }
.photo-album-item:last-child {
margin-right: 0; }
.photo-album-item .photo-item {
float: none;
margin: 0;
border-radius: 3px 3px 0 0;
display: block;
padding: 0; }
.photo-album-item .photo-item img {
width: 100%;
border-radius: 0; }
.photo-album-item .photo-item .overlay {
bottom: 0;
right: 0;
border-radius: 0;
opacity: .05; }
.photo-album-item .content {
padding: 25px 25px 20px;
text-align: center; }
.photo-album-item .title {
display: block;
margin-bottom: 0; }
.photo-album-item .sub-title {
margin-bottom: 30px;
display: block; }
.photo-album-item .friends-harmonic {
display: inline-block; }
.photo-album-item.create-album {
background-color: transparent;
border: 2px dashed #bbc0d5; }
.photo-album-item.create-album .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%; }
.photo-album-item.create-album .btn-control {
margin-bottom: 20px;
float: none; }
.photo-album-item.create-album svg, .photo-album-item.create-album i {
width: 20px;
height: 20px;
font-size: 20px; }
.photo-album-item .form-group {
margin-bottom: 0; }
.photo-album-item .form-group > img {
width: 100%;
border-radius: 5px 5px 0 0;
overflow: hidden; } @media (max-width: 480px) {
.photo-item .post-add-icon {
right: auto;
bottom: auto;
left: 25px;
top: 25px; }
.block-btn .btn + .btn {
margin-left: 0;
margin-top: 10px; }
.photo-album-item.create-album .content {
position: relative;
transform: none;
top: auto;
left: auto;
width: 100%; } } .event-item {
padding: 30px;
border-bottom: 1px solid #e6ecf5; }
.event-item:last-child {
border-bottom: 0; }
.event-item .place {
font-size: 12px; }
.event-item .description {
max-width: 260px;
font-size: 12px;
margin-bottom: 0; }
.date-event {
text-align: center; }
.date-event > * {
display: block;
line-height: 1; }
.date-event .olymp-small-calendar-icon {
width: 14px;
height: 18px; }
.date-event i {
margin: 0 auto 5px;
color: #c2c5d9; }
.date-event .day {
font-size: 14px;
color: #515365;
color: var(--heading-font-color);
font-weight: 700;
margin-bottom: 3px; }
.date-event .month {
font-size: 9px;
text-transform: uppercase; }
.event-author .author-thumb {
margin-right: 12px; }
.event-author .author-name {
margin-bottom: 0; }
.event-author time {
font-size: 11px;
display: block; }
.place i,
.place svg {
margin-right: 10px;
fill: #c6c9db;
color: #c6c9db;
width: 20px;
height: 20px;
font-size: 20px; }
.place {
font-size: 11px; }
.no-past-events {
color: #d7d9e5;
padding: 65px 30px;
position: relative;
margin: 0 auto;
text-align: center; }
.no-past-events .control-block-button {
right: 25px;
top: -25px;
z-index: 5; }
.no-past-events .btn-control i,
.no-past-events .btn-control svg {
fill: #fff;
color: #fff;
margin-bottom: 0;
width: 20px;
height: 20px;
font-size: 20px; }
.no-past-events a:hover {
color: #08ddc1;
font-weight: 500; }
.no-past-events svg, .no-past-events i {
fill: #d7d9e5;
color: #d7d9e5;
margin-bottom: 20px; }
.no-past-events span {
font-size: 14px;
display: block; }
.event-item-table {
width: 100%; }
.event-item-table td {
padding: 25px 12px; }
.event-item-table td:first-child {
padding-left: 30px; }
.event-item-table td:last-child {
padding-right: 30px; }
.event-item-table .add-event {
text-align: right; }
.event-item-table thead {
border-bottom: 1px solid #e6ecf5; }
.event-item-table thead th {
font-size: 9px;
font-weight: 700;
padding: 12px; }
.event-item-table thead th:first-child {
padding-left: 25px; }
.event-item-table thead th:last-child {
padding-right: 25px; }
.event-item-table .author-date a {
color: #08ddc1; }
.event-item-table .author-date .author-name {
color: #515365;
color: var(--heading-font-color); }
.event-item-table-fixed-width .author-date {
font-size: 12px; }
.event-item-table-fixed-width .author-date .author-name {
font-size: 12px; }
.event-item-table-fixed-width .event-item .btn {
display: block; }
.event-item-table-fixed-width .event-item .btn + .btn {
margin-top: 8px; }
.event-item-table-fixed-width .date-event i {
margin: 0 10px 0 0;
font-size: 20px; } @media (max-width: 640px) {
.event-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 0 10px; }
.event-item .description {
max-width: 100%; }
.event-item .friends-harmonic {
display: inline-block; }
.event-item .add-event {
text-align: center; }
.event-item-table td {
padding: 12px; }
.event-item-table td:last-child {
padding-right: 12px; }
.event-item-table td:first-child {
padding-left: 12px; }
.date-event.align-left {
text-align: center; }
.event-item-table thead {
display: none; } } .social-post {
position: relative;
padding: 25px;
border-bottom: 1px solid #e6ecf5; }
.social-post p {
margin: 25px 0; }
.social-post .control-block-button {
top: 20px;
right: -17px; }
.social-post.thumb-full-width .post-thumb {
border-radius: 0;
margin: 0 -25px 25px; }
.social-post .btn {
margin-bottom: 25px; }
.social-post h1, .social-post h2, .social-post h3, .social-post h4, .social-post h5, .social-post h6, .social-post .h1, .social-post .h2, .social-post .h3, .social-post .h4, .social-post .h5, .social-post .h6 {
display: inline-block;
margin-bottom: 1rem; }
.social-post .post__author-name {
font-weight: 700;
margin-bottom: 0; }
.social-post .more-photos span {
font-weight: 700; }
.social-post.shared-photo .post-thumb {
border: 1px solid #e6ecf5;
margin-bottom: 0; }
.social-post .author-date a {
font-weight: 700; }
.post-list article {
padding: 30px 30px 20px; }
.post-list article.post_format-post-format-link, .post-list article.post_format-post-format-quote, .post-list article.blog-post {
padding: 0; }
.post-list > * > *:not(.post-thumb):not(.entry-header):not(.entry-footer):not(.entry-content) {
height: 100%; }
.post-list > * {
margin-bottom: 30px; }
.post-list > * .ui-block,
.post-list > * .blog-post.format-quote,
.post-list > * .post.format-quote {
margin-bottom: 0; }
.ui-block.post {
padding: 30px 30px 20px; }
.blog-post-wrap .blog-post {
margin-bottom: 30px; }
.blog-post-wrap .ui-block {
margin-bottom: 30px; }
.blog-post-wrap .ui-block .blog-post {
margin-bottom: 0; }
.post-thumb {
border-radius: 5px;
margin-bottom: 25px;
overflow: hidden;
position: relative; }
.post-thumb img {
margin: 0 auto;
display: block; }
.post-thumb iframe {
max-width: 100%; }
.post__author {
margin-bottom: 20px; }
.post__author img {
width: 40px;
height: 40px;
border-radius: 100%;
overflow: hidden;
margin-right: 12px; }
.post__author .more {
float: right;
font-size: 16px;
margin-right: 20px; }
.post-additional-info {
padding: 20px 0 0;
border-top: 1px solid #e6ecf5;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.post-additional-info.no-border {
border-top: 0;
padding-top: 0; }
.post-additional-info > * {
margin-right: 15px; }
.post-additional-info > *:last-child {
margin-right: 0;
margin-left: auto; }
.comments-shared > * {
margin-right: 15px; }
.comments-shared > *:last-child {
margin-right: 0; }
.comments-shared span {
color: #888da8;
color: var(--body-font-color); }
.post-add-icon {
fill: #9a9fbf;
fill: var(--icon-color);
color: #9a9fbf;
color: var(--icon-color);
transition: all .3s ease; }
.post-add-icon > * {
vertical-align: middle; }
.post-add-icon > svg, .post-add-icon > img, .post-add-icon > i {
margin-right: 8px;
width: 20px;
height: 18px;
font-size: 18px; }
.post-add-icon .olymp-speech-balloon-icon {
width: 20px;
height: 20px; }
.post-add-icon .olymp-share-icon {
width: 26px;
height: 21px; }
.post-add-icon:hover {
fill: #ff5e3a;
color: #ff5e3a;
fill: var(--primary-accent-color);
color: var(--primary-accent-color); }
.post-add-icon:hover span {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post-add-icon:active, .post-add-icon:focus {
fill: #c2c5d9;
color: #c2c5d9; }
.names-people-likes a {
color: #515365;
color: var(--heading-font-color);
font-weight: 700; }
.post-control-button .btn-control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 6px;
margin-right: 0;
width: 34px;
height: 34px; }
.post-control-button .btn-control:hover {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.post-control-button .btn-control.sharer {
padding: 0; }
.post-control-button .btn-control svg {
width: 15px;
height: 15px;
margin: auto; }
.post-control-button .btn-control i {
font-size: 18px;
margin: auto; }
.post-control-button .btn-control .olympus-icon-Share-Icon,
.post-control-button .btn-control .olymp-share-icon {
width: 24px; }
.blog-post .post-content.ajax-col-content-equal-height {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.blog-post .post-content.ajax-col-content-equal-height .author-date {
margin-top: auto; }
.comment-content h5 a {
margin-left: 10px; }
.type-post a.post-title,
.type-post .post-title > a {
color: #515365;
color: var(--heading-font-color); }
.type-post a.post-title:hover,
.type-post .post-title > a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post .post-title {
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 1rem; }
.post .post-title:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post .post-title a {
color: #515365;
color: var(--heading-font-color); }
.post .post-title a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post .friends-harmonic a {
border: none;
border-radius: 0; }
.post .friends-harmonic a img {
border-left: 2px solid #fff; }
.post .post__author-name {
display: block;
margin-bottom: 0; }
.post-content .more-link {
margin-top: 1em; }
.blog-post .choose-reaction {
padding: 30px 0 20px; }
.blog-post .post-thumb {
border-radius: 5px 5px 0 0;
margin-bottom: 0; }
.blog-post .post-content {
padding: 20px 25px; }
.blog-post .post-title {
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 1rem; }
.blog-post .post-title:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.blog-post .post-title a {
color: #515365;
color: var(--heading-font-color); }
.blog-post .post-title a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.blog-post .author-date {
text-transform: uppercase;
font-size: 10px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.blog-post .author-date .avatar {
display: inline-block;
border-radius: 100%;
margin: 0; }
.blog-post .author-date .post__author-name {
margin: 0 3px; }
.blog-post .post__date {
display: inline-block; }
.blog-post .post__author-name {
font-size: 10px; }
.blog-post .post-additional-info {
margin-top: 15px; }
.blog-post .post-additional-info > * {
margin-right: 0; }
.blog-post .friends-harmonic a {
border: none;
border-radius: 0;
margin-left: 3px; }
.blog-post .friends-harmonic a img {
border-left: 0; }
.blog-post.format-link,
.post.format-link {
margin-bottom: 15px; }
.blog-post.format-link .overlay,
.post.format-link .overlay {
opacity: 1; }
.blog-post.format-link .post-link,
.post.format-link .post-link {
position: absolute;
bottom: 0;
right: 0; }
.blog-post.format-link .post-link i,
.post.format-link .post-link i {
font-size: 42px;
color: rgba(255, 255, 255, 0.8);
transition: all .3s ease; }
.blog-post.format-link .post-link i:hover,
.post.format-link .post-link i:hover {
color: white; }
.blog-post.format-link .site-link:hover,
.post.format-link .site-link:hover {
color: #fff; }
.blog-post.format-link .bg-link,
.post.format-link .bg-link {
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/post6.jpg); }
.blog-post.format-link .post-thumb,
.post.format-link .post-thumb {
border-radius: 5px;
padding: 50px;
background-size: cover;
background-repeat: no-repeat;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
.blog-post.format-link .post-thumb .post-content,
.post.format-link .post-thumb .post-content {
padding: 0;
z-index: 5;
position: relative; }
.blog-post.format-link .post-title,
.post.format-link .post-title {
color: rgba(255, 255, 255, 0.8); }
.blog-post.format-link .post-title:hover,
.post.format-link .post-title:hover {
color: white; }
.blog-post.format-gallery .post-thumb,
.post.format-gallery .post-thumb {
padding-bottom: 10px; }
.blog-post.format-gallery .swiper-container,
.post.format-gallery .swiper-container {
overflow: visible; }
.blog-post.format-gallery .swiper-slide,
.post.format-gallery .swiper-slide {
position: relative; }
.blog-post.format-gallery .swiper-pagination,
.post.format-gallery .swiper-pagination {
background-color: #3f4257;
padding: 0 5px;
border-radius: 30px;
bottom: 10px;
width: auto; }
.blog-post.format-gallery .swiper-pagination-bullet,
.post.format-gallery .swiper-pagination-bullet {
background-color: #8c8e9a;
border-color: transparent; }
.blog-post.format-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active,
.post.format-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff; }
.blog-post.format-video .post-type-icon i,
.post.format-video .post-type-icon i {
font-size: 16px; }
.blog-post.format-quote,
.post.format-quote {
text-align: center;
margin-bottom: 30px; }
.blog-post.format-quote .quote-icon i,
.post.format-quote .quote-icon i {
font-size: 30px;
color: #fff; }
.blog-post.format-quote .overlay,
.post.format-quote .overlay {
background-color: #7c5ac2;
background-color: var(--third-accent-color);
opacity: .95; }
.blog-post.format-quote .post-thumb,
.post.format-quote .post-thumb {
padding: 60px 50px;
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/quote-bg.png);
border-radius: 5px;
min-height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.blog-post.format-quote .post-thumb.custom-bg,
.post.format-quote .post-thumb.custom-bg {
background-repeat: no-repeat;
background-size: cover; }
.blog-post.format-quote .post-thumb .post-title,
.post.format-quote .post-thumb .post-title {
font-size: 2rem;
margin: 20px auto;
color: #fff;
font-weight: 300; }
.blog-post.format-quote .post-thumb .post-title a,
.post.format-quote .post-thumb .post-title a {
color: inherit; }
.blog-post.format-quote .post-thumb .post-title a:hover,
.post.format-quote .post-thumb .post-title a:hover {
color: var(--primary-accent-color); }
.blog-post.format-quote .post-thumb .post__author,
.post.format-quote .post-thumb .post__author {
margin-bottom: 0; }
.blog-post.format-quote .post-thumb .post__author img,
.post.format-quote .post-thumb .post__author img {
display: block;
width: 48px;
height: 48px;
border-radius: 100%;
margin: 0 auto 15px; }
.blog-post.format-quote .post-thumb .post__author-name,
.post.format-quote .post-thumb .post__author-name {
font-size: 12px;
color: #fff; }
.blog-post.format-quote .post-thumb .author-prof,
.post.format-quote .post-thumb .author-prof {
font-size: 10px;
color: rgba(255, 255, 255, 0.6);
font-weight: 700; }
.blog-post.format-quote .post-thumb blockquote,
.post.format-quote .post-thumb blockquote {
padding: 0;
margin: 0; }
.blog-post.format-quote .post-thumb .post-content,
.post.format-quote .post-thumb .post-content {
position: relative;
z-index: 2;
padding: 0;
margin: 0 auto; }
.blog-post.format-quote blockquote,
.post.format-quote blockquote {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0; }
.blog-post.format-quote blockquote cite,
.post.format-quote blockquote cite {
display: block;
font-size: 20px;
margin-top: 30px; }
.blog-post .post-type-icon,
.post .post-type-icon {
position: absolute;
top: 20px;
right: 20px;
left: auto;
width: 40px;
height: 40px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-radius: 100%;
border: none;
transform: none; }
.blog-post .post-type-icon i,
.post .post-type-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px; }
.blog-post.format-link {
margin-bottom: 30px; }
.ui-block > .format-quote {
margin-bottom: 0; }
.categories-and-reactions-wrap > * {
display: inline-block;
vertical-align: top; }
.post-category-list {
position: relative; }
.post-category-list a.post-category:not(.bg-transparent) {
color: #fff; }
.post-category {
display: inline-block;
border-radius: 3px;
padding: 4px 9px;
color: #fff;
font-size: 9px;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 0.025em;
line-height: 1.3;
vertical-align: middle;
margin-right: 3px; }
.post-category:last-child {
margin-right: 3px; }
.post-category.bg-transparent {
background-color: transparent;
color: #ff5e3a;
color: var(--primary-accent-color);
padding: 0;
font-size: 10px; }
.post-category.bg-transparent:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post-category:hover {
color: #fff; }
.ajax-post-full-height {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.ajax-post-full-height .post-additional-info {
margin: auto 25px 20px; }
.ajax-post-full-height .author-date {
display: none; }
.blog-post-v1:hover .post-title {
opacity: 1;
color: #fff; }
.blog-post-v1 .post-thumb {
position: relative; }
.blog-post-v1 .post-thumb:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 -170px 55px -30px rgba(0, 0, 0, 0.5); }
.blog-post-v1 .post-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 3; }
.blog-post-v1 .post-additional-info {
margin-top: 0;
border-top: none;
padding: 20px 25px; }
.blog-post-v1 .post-title {
color: #fff;
opacity: .7; }
.blog-post-v1 .author-date {
color: #888da8;
color: var(--body-font-color); }
.blog-post-v1 .post__author-name {
color: #fff; }
.ui-block .post.format-link {
margin-bottom: 0; } .main-header-post {
position: relative;
height: 460px;
background-position: center;
background-size: cover; }
.main-header-post.with-gradient:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 -170px 55px -30px rgba(0, 0, 0, 0.4); }
.main-header-post.no-image {
background-color: #D7D9E5; }
.single-post-olympus {
position: relative; }
.single-post-olympus h1, .single-post-olympus h2, .single-post-olympus h3, .single-post-olympus h4, .single-post-olympus h5, .single-post-olympus h6, .single-post-olympus .h1, .single-post-olympus .h2, .single-post-olympus .h3, .single-post-olympus .h4, .single-post-olympus .h5, .single-post-olympus .h6, .single-post-olympus p {
line-height: 1.5;
margin-bottom: 1rem; }
.single-post-olympus .control-block-button {
top: 20px;
right: -17px; }
.single-post-olympus .post-title {
font-size: 46px;
margin-bottom: 2rem; }
.single-post-olympus .post-title:hover {
color: #515365;
color: var(--heading-font-color); }
.single-post-olympus .post-thumb {
border-radius: 0;
margin: 20px -40px 50px; }
.single-post-olympus .post__author-name {
font-weight: 700;
color: #515365;
color: var(--heading-font-color); }
.single-post-olympus .post__author-name:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.single-post-olympus .post-content-wrap {
margin: 30px 0; }
.single-post-olympus.post_format-post-format-link .post-thumb, .single-post-olympus.post_format-post-format-quote .post-thumb {
border-radius: 0; }
.single-post-olympus.post_format-post-format-link .post-thumb .post-title, .single-post-olympus.post_format-post-format-quote .post-thumb .post-title {
color: rgba(255, 255, 255, 0.8); }
.single-post-olympus.post_format-post-format-link .post-thumb .post-title:hover, .single-post-olympus.post_format-post-format-quote .post-thumb .post-title:hover {
color: white; }
.single-post-olympus.post_format-post-format-link .post-title, .single-post-olympus.post_format-post-format-quote .post-title {
color: #515365;
color: var(--heading-font-color); }
.single-post-olympus.post_format-post-format-link .post-title:hover, .single-post-olympus.post_format-post-format-quote .post-title:hover {
color: #515365;
color: var(--heading-font-color); }
.single-post-olympus.post_format-post-format-quote .post-thumb .post-content {
text-align: center; }
.ui-block.single-post-v1 {
padding: 60px 40px; }
.single-post-v1 {
padding: 60px 40px;
background-color: #fff; }
.single-post-v1 .post-comments-cont {
margin: 5px 5px 25px 5px;
display: block; }
.single-post-v1 .post-content-wrap {
padding: 20px 0;
overflow: hidden; }
.single-post-v1 .post-content {
padding: 0 0 0 40px;
overflow: hidden; }
.single-post-v1 .reactions-cont-wrap {
float: left; }
.single-post-v1 .filter-icons {
display: block; }
.single-post-v1 .filter-icons li {
display: block; }
.single-post-v1 .filter-icons li + li {
margin-top: 25px; }
.single-post-v1 .filter-icons.crum-reaction-ext {
display: inline-block; }
.single-post-v1 .filter-icons.crum-reaction-ext li {
display: inline-block;
margin-top: 5px; }
.author-date .author-thumb {
margin-right: 13px; }
.author-date.not-uppercase {
text-transform: none;
font-size: 12px; }
.author-date.not-uppercase .post__author-name {
font-size: 12px;
font-weight: 400;
text-transform: none; }
#ajax-filter-panel .filter-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 15px; }
#ajax-filter-panel .filter-icons li {
min-width: 20px;
min-height: 20px; }
.filter-icons {
padding-left: 0; }
.filter-icons li {
display: inline-block;
transition: all .3s ease;
margin: 5px; }
.filter-icons li a {
display: inline-block; }
.filter-icons li a.selected, .filter-icons li a:not(.disabled):hover {
filter: saturate(500%); }
.blog-post-v2 {
text-align: center; }
.blog-post-v2 .post__author img {
width: 28px;
height: 28px; }
.blog-post-v2 .post__date {
display: block;
font-size: 11px; }
.blog-post-v2 .post__date time {
margin-left: 0; }
.blog-post-v2 .author-date {
text-align: left;
display: inline-block; }
.blog-post-v2 .post__author-name {
margin-bottom: 0; }
.blog-post-v2 .post-additional-info {
margin-top: 0;
width: 100%; }
.ui-block.single-post-v2 {
padding: 60px 40px; }
.single-post-v2 {
padding: 60px 40px 0;
text-align: center; }
.single-post-v2 .post-content {
text-align: left;
padding: 10px; }
.single-post-v2 .author-date {
text-align: left; }
.single-post-v2 .post-content-wrap {
margin-bottom: 0; }
.single-post-v2 .post-thumb {
margin-top: -60px;
border-radius: 5px 5px 0 0; }
.single-post-additional {
margin-bottom: 50px; }
.single-post-additional > * {
padding: 20px 30px; }
.single-post-additional > * + * {
border-left: 1px solid #e6ecf5; }
.single-post-additional .post__author {
margin-bottom: 0; }
.single-post-additional .author_prof {
font-size: 11px; }
.single-post-additional a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.post-date-wrap i {
font-size: 22px;
color: #9a9fbf;
color: var(--icon-color);
margin-right: 12px; }
.post-date-wrap .post-date {
text-align: left;
font-size: 12px; }
.post-date-wrap .post-date span {
font-size: 11px;
display: block; }
.post-date-wrap .date {
margin-bottom: 0;
font-size: 12px;
font-weight: 400; }
.post-comments-wrap i {
font-size: 22px;
color: #9a9fbf;
color: var(--icon-color);
margin-right: 12px; }
.post-comments-wrap .post-comments {
text-align: left;
font-size: 12px;
font-weight: 400; }
.post-comments-wrap .post-comments span {
font-size: 11px;
display: block; }
.post-comments-wrap .comments {
margin-bottom: 0;
font-size: 12px;
font-weight: 400; }
.blog-post-v3 {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex; }
.blog-post-v3 .post-thumb {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
border-radius: 5px 0 0 5px;
padding-bottom: 0 !important; }
.blog-post-v3 .post-thumb img {
width: 100%; }
.blog-post-v3 .post-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px 30px;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.blog-post-v3 .post-category-list {
position: absolute;
left: 15px;
right: 15px;
top: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start; }
.blog-post-v3 .post-category {
margin-bottom: 3px;
margin-right: 3px; }
.blog-post-v3 .post-category:last-child {
margin-right: 0; }
.blog-post-v3 .author-date {
margin-bottom: 13px; }
.blog-post-v3 .author-date .post__author-name {
margin-right: 7px; }
.blog-post-v3 .author-date .post__date {
margin-left: 3px; }
.blog-post-v3 .author-date .author-thumb {
margin: 0 7px 0 10px; }
.blog-post-v3 .post-additional-info {
border-top: none;
margin-top: 0; }
.blog-post-v3 .post-additional-info .comments-shared {
float: none;
margin-top: 0;
margin-left: 0; }
.blog-post-v3 .post-additional-info * + .comments-shared {
margin-left: 22px; }
.blog-post-v3.featured-post-item {
display: block; }
.blog-post-v3.featured-post-item .post-thumb {
border-radius: 5px 5px 0 0;
width: auto; }
.blog-post-v3.featured-post-item .post-content {
width: auto;
padding: 25px; }
.blog-post-v3.featured-post-item .post-additional-info {
padding: 0; }
.single-post-v3 {
padding: 60px 40px 0; }
.single-post-v3 .filter-icons {
vertical-align: middle;
display: inline-block;
margin: 0 0 0 25px; }
.single-post-v3 .post-thumb {
border-radius: 5px 5px 0 0;
margin: -60px -40px 50px; }
.single-post-v3 .control-block-button {
position: relative;
top: auto;
right: auto; }
.single-post-v3 .control-block-button > a {
margin-bottom: 18px; }
.single-post-v3 .control-block-button .post-add-icon {
display: block;
text-align: center; }
.single-post-v3 .control-block-button .post-add-icon svg, .single-post-v3 .control-block-button .post-add-icon i {
margin-right: 0;
margin-bottom: 5px; }
.single-post-v3 .control-block-button .post-add-icon span {
display: block; }
.single-post-v3 .post-content {
padding: 0 0 0 40px;
max-width: 100%; }
.single-post-v3 .video-thumb {
float: none;
padding: 65px 0;
margin: 45px 0; }
.single-post-v3 .video-thumb img {
width: auto;
margin: 0 auto;
display: block; }
.single-post-v3 .video-thumb:hover .overlay {
opacity: 1; }
.single-post-v3 .post-content-wrap {
margin-top: 30px;
display: -ms-flexbox;
display: flex; }
.single-post-v3 .post__date {
margin-left: 3px; }
.related-posts .row > * {
margin-bottom: 15px; }
.related-posts .row > * .ui-block {
margin-bottom: 0;
height: 100%; }
.post-page-modern #content {
margin: 40px 0; } .gallery {
margin: 1.6em auto; }
.gallery .gallery-icon img {
padding: 0 5px; }
.gallery-item {
display: inline-block;
padding: 0;
text-align: center;
vertical-align: top;
width: 100%;
margin-top: 5px;
margin-bottom: 5px; }
.gallery-item a {
padding: 0 5px;
display: inline-block; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
@media (max-width: 768px) {
.gallery-columns-3 .gallery-item {
max-width: 50%; } }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
@media (max-width: 768px) {
.gallery-columns-4 .gallery-item {
max-width: 50%; } }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
@media (max-width: 768px) {
.gallery-columns-5 .gallery-item {
max-width: 50%; } }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
@media (max-width: 768px) {
.gallery-columns-6 .gallery-item {
max-width: 50%; } }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
@media (max-width: 768px) {
.gallery-columns-7 .gallery-item {
max-width: 50%; } }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
@media (max-width: 768px) {
.gallery-columns-8 .gallery-item {
max-width: 50%; } }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
@media (max-width: 768px) {
.gallery-columns-9 .gallery-item {
max-width: 50%; } }
.gallery-icon img {
margin: 0 auto; }
.gallery-caption {
display: block;
font-size: .8rem;
line-height: 1.5;
background-color: #edf2f6;
margin: 0 5px 10px;
border-radius: 5px;
padding: 8px; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; }
figure.gallery-item {
margin-right: 0;
margin-left: 0; } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
clear: both; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.wp-caption {
border: 1px solid #e6ecf5;
border-radius: 10px;
padding: 15px;
margin-bottom: 20px;
background: #fff;
text-align: center;
max-width: 100%; }
.wp-caption img {
margin-bottom: 15px; }
.wp-caption.wp-caption-text {
font-size: 14px;
margin-bottom: 0; }
.wp-caption figcaption {
padding: 0; }
.page-content:after {
content: "";
display: table;
clear: both; }
.post_format-post-format-chat .post-content p:nth-child(odd) {
color: #515365;
color: var(--heading-font-color);
font-weight: 700; }
.format-standard .post__author {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center; }
.format-standard .post__author img {
min-width: 40px;
min-height: 40px; } body.olympus-theme .post-password-form {
margin-bottom: 40px; }
body.olympus-theme .post-password-form label {
display: block;
margin-bottom: 20px; }
body.olympus-theme .post-password-form label > input {
margin-top: 20px; }
body.olympus-theme .post-password-form [type="submit"] {
display: inline-block;
background: #ff5e3a;
background: var(--primary-accent-color);
border: none;
color: #fff;
padding: .8rem 2.1rem;
font-size: .688rem;
opacity: .85;
transition: all .3s ease;
font-weight: 700;
width: auto; }
body.olympus-theme .post-password-form [type="submit"]:hover {
background: #ff5e3a;
background: var(--primary-accent-color);
border: none;
opacity: 1;
color: #fff;
cursor: pointer; }
.navigation.comment-navigation {
padding: 20px 25px;
border-top: 1px solid #e6ecf5;
border-bottom: 1px solid #e6ecf5;
margin-top: -1px; }
.navigation.comment-navigation .nav-links {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between; }
.navigation.comment-navigation .nav-links > * a {
display: inline-block;
line-height: 1;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: .5rem 1.1rem;
color: #fff;
transition: opacity .15s ease;
border-radius: 0.3rem;
font-size: 11px;
background-color: #ff5e3a;
border-color: #ff5e3a;
background-color: var(--primary-accent-color);
border-color: var(--primary-accent-color); }
.navigation.comment-navigation .nav-links > * a:hover {
opacity: 1; } @media (max-width: 1024px) {
.single-post-olympus .post-title {
font-size: 30px; }
.ui-block.single-post-v1 {
padding: 30px; }
.ui-block.single-post-v1 .post-content {
padding: 0 0 0 30px; }
.single-post-v3 {
padding: 10px; }
.single-post-v3 .post-content {
padding: 0 0 0 30px; }
.single-post-v3 .post-thumb {
margin: -30px -30px 30px; }
.ui-block.single-post-v2,
.single-post-v2 {
padding: 30px; }
.ui-block.single-post-v2 .post-content,
.single-post-v2 .post-content {
padding: 10px 0; }
.ui-block.single-post-v2 .post-thumb,
.single-post-v2 .post-thumb {
margin: -10px -10px 50px; }
.single-post-additional > * {
padding: 10px; }
blockquote,
.olympus-theme .wp-block-pullquote {
margin: 1.5em 10px;
padding: 15px 30px 15px 30px; }
blockquote p:before,
.olympus-theme .wp-block-pullquote p:before {
left: -30px; } }
@media (max-width: 768px) {
.post-control-button .btn-control {
display: inline-block; }
.social-post .control-block-button {
right: 20px;
top: -13px; }
.post__author .more {
margin-right: -16px; }
.blog-post .post-control-button .btn-control {
display: block; }
.author-date .author-thumb {
margin-right: 8px; }
.choose-reaction {
padding: 15px; }
.single-post-v1 .post-content-wrap {
padding: 20px 0;
margin-bottom: 0; }
.ui-block.single-post-v2,
.single-post-v2 {
padding: 10px; }
.single-post-v3-wrap {
margin: 0 -15px; }
.single-post-v2-wrap {
margin: 0 -15px; }
.single-post-v3 .filter-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0; }
.single-post-v3 .categories-and-reactions-wrap {
margin-bottom: 15px; }
.blog-post .post-content {
font-size: 13px;
padding: 15px; }
.single-post-v2 .post-content {
padding: 0; } }
@media (max-width: 560px) {
.post-additional-info .comments-shared {
float: none; }
.single-post-v1 .filter-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center; }
.single-post-v1 .filter-icons li {
text-align: center; }
.single-post-v1 .filter-icons li:last-child {
margin-right: 0; }
.post-additional-info > * {
margin-right: 0;
display: block !important; }
.blog-post .post-additional-info .comments-shared {
float: right; }
.single-post-olympus .post-title {
font-size: 22px;
margin-bottom: 15px; }
.blog-post .post-additional-info > * {
display: inline-block !important;
margin-top: 0; }
.single-post-v1 .reactions-cont-wrap {
float: none; }
.single-post-v1 .reactions-cont-wrap li {
display: inline-block; }
.single-post-v1 .reactions-cont-wrap li + li {
margin-top: 5px; }
.post-add-icon i,
.post-add-icon svg,
.post-add-icon img {
margin-right: 2px; }
.single-post-v1 {
padding: 10px; }
.single-post-v1 .post-content {
padding: 0; }
.single-post-v1 .post-thumb {
margin: 10px -10px 20px; }
.single-post-additional {
text-align: left;
margin-bottom: 15px; }
.single-post-additional.inline-items > * {
display: block; }
.single-post-additional.inline-items > * + * {
border-left: none; }
.blog-post-v3 {
display: block; }
.blog-post-v3 .post-thumb {
border-radius: 5px 5px 0 0; }
.single-post-v3 .video-thumb {
margin: 20px 0; }
.single-post-v3 .post-content-wrap {
-ms-flex-direction: column;
flex-direction: column; }
.single-post-v3 .control-block-button {
margin-bottom: 20px; }
.single-post-v3 .control-block-button > a,
.single-post-v3 .control-block-button > button {
display: inline-block; }
.single-post-v3 .control-block-button > a + a,
.single-post-v3 .control-block-button > a + button,
.single-post-v3 .control-block-button > button + a,
.single-post-v3 .control-block-button > button + button {
margin: 5px; }
.single-post-v3 .control-block-button .btn-control {
display: inline-block;
vertical-align: top; }
.single-post-v3 .control-block-button .post-add-icon {
display: block;
text-align: left;
margin: 5px; }
.single-post-v3 .post-content {
padding: 0; } } .crumina-clients {
text-align: center; }
.clients-item {
position: relative;
display: inline-block; }
.clients-item:hover img {
opacity: 0.3;
filter: grayscale(100%); }
.clients-item img {
transition: all .3s linear;
opacity: 1;
filter: grayscale(0);
transform-style: preserve-3d;
max-width: 100%; }
.clients-item .clients-images {
position: relative;
display: block;
margin: auto; } @media (max-width: 1024px) {
.clients-item {
margin-bottom: 20px; } } .crumina-heading {
position: relative;
z-index: 5;
margin-bottom: 0;
display: inline-block; }
.crumina-heading > *:last-child {
margin-bottom: 0; }
.crumina-heading > *:first-child {
margin-top: 0; }
.crumina-heading + * {
margin-top: 25px; }
.crumina-heading:hover .heading-decoration {
width: 100%; }
.heading-title {
margin-bottom: 0;
line-height: 1.3em; }
.heading-text {
margin-top: 20px;
line-height: 1.75; }
.heading-text.small {
font-size: 14px; }
.heading-text a {
font-weight: 700; }
.heading-sup-title {
color: #ff5e3a;
color: var(--primary-accent-color);
margin-bottom: 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: 700; }
.with-title-decoration .heading-title {
position: relative;
padding-bottom: 30px; }
.with-title-decoration .heading-title:after, .with-title-decoration .heading-title:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
transition: all .3s ease; }
.with-title-decoration .heading-title:after {
height: 1px;
background-color: #e6ecf5;
width: 100%; }
.with-title-decoration .heading-title:before {
height: 1px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
width: 10%;
z-index: 1; }
.with-title-decoration:hover .heading-title:before {
width: 100%; }
.heading-decoration {
display: inline-block;
width: 65px;
height: 2px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
transition: width .3s ease-in-out;
margin-top: 17px; } @media (max-width: 768px) {
.heading-title {
margin-bottom: 0; } } .rait-stars {
transition: all .3s ease;
padding-left: 0; }
.rait-stars .star-icon {
font-size: 9px; }
.rait-stars li {
display: inline-block;
color: #9a9fbf;
color: var(--icon-color); }
.rait-stars li + li {
margin-left: 2px; }
.rait-stars li.numerical-rating {
margin-left: 10px;
font-weight: 700;
font-size: 12px;
color: #515365;
color: var(--heading-font-color); }
.crumina-testimonial-item {
text-align: center;
overflow: hidden; }
.crumina-testimonial-item .author-thumb {
height: 98px;
width: 98px;
margin: 0 auto;
border-radius: 100%;
overflow: hidden;
background-color: #515365;
border: 4px solid #fff;
top: 50%;
position: relative;
background-size: cover;
background-repeat: no-repeat; }
.crumina-testimonial-item .rait-stars {
margin: 10px auto 20px; }
.crumina-testimonial-item .rait-stars .star-icon {
font-size: 11px;
color: #ffce08; }
.crumina-testimonial-item .rait-stars .fa-star-o {
font-weight: 400; }
.crumina-testimonial-item .rait-stars .fa-star-o:before {
content: "\f005"; }
.crumina-testimonial-item .author-content {
margin-top: auto;
margin-bottom: 15px; }
.crumina-testimonial-item .author-content .author-name {
margin-bottom: 0; }
.crumina-testimonial-item .testimonial-message {
margin-bottom: 30px; }
.testimonial-header-thumb {
height: 98px;
margin-bottom: 49px;
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/testimonial-header.png);
background-size: cover;
position: relative; }
.testimonial-header-thumb .testimonial-header-thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .95;
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.testimonial-header-thumb .author-thumb img {
max-width: 100%; }
.testimonial-item-content {
padding: 20px 30px 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative; } @media (max-width: 1200px) {
.crumina-testimonial-item .testimonial-message {
margin-bottom: 20px; } } .crumina-info-box {
text-align: center; }
.info-box-image {
margin-bottom: 20px; }
.info-box-wrap .crumina-info-box {
margin-bottom: 90px; }
.info-box-title {
margin-bottom: 20px; }
.crumina-info-box--thumb-left {
text-align: left;
display: -ms-flexbox;
display: flex; }
.crumina-info-box--thumb-left .info-box-image {
margin-bottom: 0;
margin-right: 30px; }
.crumina-info-box--thumb-left .info-box-title {
margin-bottom: 30px; } @media (max-width: 768px) {
.info-box-image {
margin-bottom: 20px; }
.info-box-title {
margin-bottom: 20px; }
.info-box-wrap .crumina-info-box {
margin-bottom: 30px; } } .crumina-counter-item {
text-align: center;
position: relative; }
.crumina-counter-item .element-icon {
display: inline-block;
vertical-align: middle; }
.crumina-counter-item .counter-numbers {
font-size: 54px;
line-height: 1; }
.crumina-counter-item .counter-numbers i {
font-size: 44px;
vertical-align: top; }
.crumina-counter-item .counter-title {
margin: 20px 0 0;
line-height: 1.1; }
.crumina-counter-item .units {
display: inline-block; }
.crumina-counter-item .units div {
color: #ff5e3a;
color: var(--primary-accent-color);
display: inline-block; } @media (max-width: 1200px) {
.crumina-counter-item {
margin-bottom: 40px; }
.crumina-counter-item .counter-numbers {
font-size: 30px;
margin-bottom: 20px; } } .crumina-teammembers-item {
text-align: center; }
.crumina-teammembers-item:hover img.hover {
top: 0;
left: 0;
transform: scale(2) translate(0, 0);
opacity: 0;
filter: grayscale(100%);
visibility: hidden; }
.crumina-teammembers-item:hover img.main {
filter: grayscale(100%); }
.teammembers-item-prof {
font-size: 10px;
font-weight: 700;
margin-bottom: 30px; }
.teammembers-item-name {
margin-bottom: 10px;
display: block;
font-size: 18px; }
.teammembers-item-name a {
color: #515365;
color: var(--heading-font-color); }
.teammembers-item-name a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.teammembers-thumb {
position: relative;
overflow: hidden;
margin-bottom: 30px;
display: inline-block; }
.teammembers-thumb img {
transition: all 1s ease-out;
filter: grayscale(0);
display: block;
margin: 0 auto; }
.teammembers-thumb img.hover {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.teammembers-wrap .crumina-teammembers-item {
margin-bottom: 60px; } @media (max-width: 768px) {
.teammembers-wrap .crumina-teammembers-item {
margin-bottom: 30px; } } .socials {
padding: 0; }
.socials i, .socials svg {
transition: all .3s ease;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em; }
.socials li {
display: inline-block; }
.socials li a {
color: #9a9fbf;
color: var(--icon-color); }
.socials li a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.socials li + li {
margin-left: 20px; }
.socials--colored-bg .social-item.olympus {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.socials--colored-bg .social-item.rss {
background-color: #f4b459; }
.socials--colored-bg .social-item.mail {
background: #996DD1; }
.socials--colored-bg .social-item.pinterest {
background: #cc2127; }
.socials--colored-bg .social-item.google-plus {
background: #dd4b39; }
.socials--colored-bg .social-item.facebook {
background: #3b5998; }
.socials--colored-bg .social-item.twitter {
background: #55acee; }
.socials--colored-bg .social-item.amazon {
background-color: #F69B06; }
.socials--colored-bg .social-item.behance {
background-color: #2D2D2D; }
.socials--colored-bg .social-item.bing {
background-color: #FFA616; }
.socials--colored-bg .social-item.creative-market {
background-color: #8DA741; }
.socials--colored-bg .social-item.deviantart {
background-color: #1B1B1B; }
.socials--colored-bg .social-item.dribbble {
background-color: #f74881; }
.socials--colored-bg .social-item.dropbox {
background-color: #0BA4E0; }
.socials--colored-bg .social-item.envato {
background-color: #6D9C3E; }
.socials--colored-bg .social-item.flickr {
background-color: #26A9E1; }
.socials--colored-bg .social-item.instagram {
background-color: #E75351; }
.socials--colored-bg .social-item.kickstarter {
background-color: #14E06E; }
.socials--colored-bg .social-item.linkedin {
background-color: #4A8F9E; }
.socials--colored-bg .social-item.medium {
background-color: #00E56B; }
.socials--colored-bg .social-item.periscope {
background-color: #3FA4C4; }
.socials--colored-bg .social-item.quora {
background-color: #F85F62; }
.socials--colored-bg .social-item.reddit {
background-color: #F05825; }
.socials--colored-bg .social-item.shutterstock {
background-color: #008EC0; }
.socials--colored-bg .social-item.skype {
background-color: #00AAF1; }
.socials--colored-bg .social-item.snapchat {
background-color: #FFED45; }
.socials--colored-bg .social-item.soundcloud {
background-color: #FF3300; }
.socials--colored-bg .social-item.spotify {
background-color: #1ED760; }
.socials--colored-bg .social-item.trello {
background-color: #0079BF; }
.socials--colored-bg .social-item.tumblr {
background-color: #36465D; }
.socials--colored-bg .social-item.vimeo {
background-color: #1AB7EA; }
.socials--colored-bg .social-item.vk {
background-color: #6383A8; }
.socials--colored-bg .social-item.whatsapp {
background-color: #25D366; }
.socials--colored-bg .social-item.wikipedia {
background-color: #000000; }
.socials--colored-bg .social-item.wordpress {
background-color: #21759B; }
.socials--colored-bg .social-item.youtube {
background-color: #CD201F; }
.socials--colored-bg .social-item.fiverr {
background-color: #2e6a3c; }
.svg-inline-inside svg, .svg-inline-inside i {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
margin-right: 10px; }
.socials--round .social-item {
width: 34px;
height: 34px;
border-radius: 100%;
color: #fff;
fill: #fff;
display: block;
position: relative;
opacity: .9; }
.socials--round .social-item:hover {
color: #fff;
opacity: 1; }
.socials--round svg, .socials--round i {
font-size: 15px;
height: 15px;
width: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.socials-shared {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 60px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.socials-shared .social-item {
padding: 15px 50px;
margin: 5px;
margin-bottom: 0;
line-height: 1; }
.socials-shared .social-item i {
font-size: 15px;
margin-right: 0; }
.socials-shared .social-item .crumina-icon {
width: 15px;
height: 15px;
fill: #fff; }
.social_share_icons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
list-style: none;
bottom: 100%;
top: auto;
width: auto; }
.social_share_icons.more-dropdown {
display: -ms-flexbox;
display: flex;
right: -40px;
border: 1px solid #e6ecf5;
margin-bottom: 0; }
.social_share_icons button {
background-color: transparent;
box-shadow: none;
border: none;
transition: all .3s ease;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px; }
.social_share_icons button svg {
transition: inherit;
fill: #9a9fbf;
fill: var(--icon-color);
width: 20px;
height: 20px; }
.social_share_icons li {
transition: all .3s ease;
border-right: 1px solid #e6ecf5; }
.social_share_icons li:last-child {
border-right: 0; }
.social_share_icons li:hover {
box-shadow: inset 0 -40px 0 0 #ff5e3a;
box-shadow: inset 0 -40px 0 0 var(--primary-accent-color); }
.social_share_icons li:hover button svg {
fill: #fff; }
.comments-shared .post-add-icon.more {
padding: 10px 0; } @media (max-width: 768px) {
.socials-shared .social-item {
padding: 10px 30px; }
.socials-shared {
padding: 30px; } }
@media (max-width: 560px) {
.socials-shared {
padding: 10px; } } .contact-item-wrap {
margin-bottom: 30px; }
.contact-item-wrap:hover .contact-title:after {
width: 100%; }
.contact-title {
position: relative;
padding-bottom: 27px;
margin-bottom: 56px;
letter-spacing: -.9px; }
.contact-title:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 12%;
height: 2px;
background-color: #ff5e3a;
background-color: var(--primary-accent-color);
transition: width .3s ease-in-out; }
.contact-item .sub-title {
font-weight: 400;
margin-bottom: 7px; }
.contact-item a {
color: #888da8;
color: var(--body-font-color);
display: block; }
.contact-item a:hover {
color: #ff5e3a;
color: var(--primary-accent-color); }
.contact-item + .contact-item {
margin-top: 27px; } @media (max-width: 1200px) {
.contact-title {
padding-bottom: 20px;
margin-bottom: 20px; }
.contact-item + .contact-item {
margin-top: 15px; } } .contact-form-wrap {
position: relative;
background-color: #fff;
border: 1px solid #e6ecf5;
border-radius: 5px;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
display: -ms-flexbox;
display: flex;
z-index: 2;
overflow: hidden; }
.contact-form-wrap .contact-form {
width: 60%; }
.contact-form-wrap > .wpb_column:first-child {
width: 40%; }
.contact-form-wrap > .wpb_column:last-child {
width: 60%; }
.contact-form-wrap > .wpb_column > .vc_column-inner {
padding: 50px 40px 30px; }
.contact-form-thumb {
position: relative;
padding: 50px 40px;
color: #fff;
background-image: url(//talkndrock.com/wp-content/themes/olympus/images/contact-bg.png);
background-size: cover;
background-repeat: no-repeat;
width: 40%; }
.contact-form-thumb .title {
color: inherit;
font-size: 34px;
margin-bottom: 40px;
line-height: 1; }
.contact-form-thumb .title span {
font-size: 64px;
display: block; }
.contact-form {
padding: 50px 40px 30px; } @media (max-width: 1200px) {
.contact-form-thumb .title span {
font-size: 34px; }
.contact-form-thumb .title {
margin-bottom: 20px; }
.contact-form-thumb {
padding: 30px; }
.contact-form-wrap .contact-form {
padding: 30px; } }
@media (max-width: 860px) {
.contact-form-thumb .title, .contact-form-thumb .title span {
font-size: 22px; } }
@media (max-width: 600px) {
.contact-form-wrap {
-ms-flex-direction: column;
flex-direction: column; }
.contact-form-thumb {
width: 100%; }
.contact-form-wrap .contact-form {
width: 100%; }
.contact-form-wrap > .wpb_column:last-child {
width: 100%; }
.contact-form-wrap > .wpb_column:first-child {
width: 100%; } } .olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
padding-top: 50px;
padding-bottom: 50px;
color: #515365;
color: var(--heading-font-color); }
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a .vc_tta-title-text {
font-size: 1.75rem; }
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
color: #888da8;
color: var(--body-font-color); }
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before,
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after,
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon:before {
border-color: #ff5e3a;
border-color: var(--primary-accent-color); }
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel {
border-bottom: 1px solid #e6ecf5; }
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel:last-child {
border-bottom: none; }
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent; }
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus,
.olympus-theme.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: transparent; }
.olympus-theme.wpb-js-composer .vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
margin-bottom: 60px; } .olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-item {
border: none;
border-bottom: 1px solid #e6ecf5; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
border-top: 0;
margin-bottom: 60px;
padding: 14px 20px; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-title {
padding: 50px 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-title {
font-weight: 300;
font-size: 1.75rem;
color: #666; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-active .elementor-accordion-icon,
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-active .elementor-accordion-title {
color: #ff5e3a;
color: var(--primary-accent-color); }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-icon,
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-title {
color: #9a9fbf;
color: var(--icon-color); }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-icon {
font-size: 18px; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
color: #888da8;
color: var(--body-font-color);
font-size: .875rem; } @media (max-width: 1200px) {
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
padding-top: 20px;
padding-bottom: 20px; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-title {
padding: 20px 14px; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
margin-bottom: 10px; } }
@media (max-width: 768px) {
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-icon {
font-size: 14px; } }
@media (max-width: 600px) {
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
padding-top: 10px;
padding-bottom: 10px; }
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a .vc_tta-title-text {
font-size: 1.25rem; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-accordion-title {
font-size: 1.05rem; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-title {
padding: 10px; }
.olympus-theme .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
padding: 10px; } } body.no-stunning-header .search-page-panel.negative-margin-top50 {
margin-top: 50px; }
.search-help-result {
padding: 25px;
border-radius: 5px;
border: 1px solid #e6ecf5;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
background-color: #fff;
overflow: hidden; }
.search-help-result #yz-members-list li .yzm-user-data,
.search-help-result #yz-groups-list li .yz-group-data {
border: 1px solid #e6ecf5; }
.search-help-result #search-fail {
border: none; }
.search-help-result #yz-members-list,
.search-help-result #yz-groups-list {
padding-left: 0;
float: left;
width: 100%; }
.search-help-result #bbpress-forums li.bbp-body ul.forum,
.search-help-result #bbpress-forums li.bbp-body ul.topic {
border-bottom: 1px solid #e6ecf5; }
.search-help-result #bbpress-forums ul.bbp-topics {
border: 1px solid #e6ecf5;
border-bottom: none; }
.search-help-result-title {
text-align: center;
margin: 50px 0; }
.search-help-result-title .count-result {
color: #ff5e3a;
color: var(--primary-accent-color); }
.search-help-result-title .search-query {
font-style: italic;
color: #888da8;
color: var(--body-font-color); }
.search-help-result-list {
padding-left: 0;
list-style: none; }
.search-help-result-list > li {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #e6ecf5; }
.search-help-result-list > li:last-child {
border-bottom: none;
margin-bottom: 0; }
.search-help-result-list > li .friends-harmonic a {
border-radius: 0; }
.search-help-result-list > li .main-content-wrap {
margin-bottom: 20px; }
.search-help-result-list .title {
margin-bottom: 40px; }
.search-help-result-list .single-post-additional {
margin-bottom: 20px; }
.search-help-result-list .single-post-additional > * + * {
border-left: none;
margin-left: 30px; }
.search-help-result-list .single-post-additional > * {
padding: 20px 0; }
.search-help-result-list .post__author img {
width: 26px;
height: 26px; }
.search-help-result-list .main-content-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between; }
.search-help-result-list .main-content-wrap .product-price {
font-size: 1.8rem;
margin-right: 0; }
.highlight-searched {
color: #fff;
padding: 5px; }
.user-raiting {
margin-top: 30px;
font-size: 12px;
color: #515365;
color: var(--heading-font-color);
font-weight: 700; }
.user-raiting img {
margin-right: 20px; }
.page-404-content {
text-align: center; }
.page-404-content img {
margin-bottom: 70px; }
.search-no-results .search-help-result-title {
margin: 50px 0; }
.search-help-result-title.text-danger {
margin: 100px 0;
color: #ff5e3a !important;
color: var(--primary-accent-color) !important; }
#search-fail .entry-content > strong {
color: #ff5e3a;
color: var(--primary-accent-color);
font-size: 1.75rem;
display: block;
font-weight: 300; }
#search-fail .sup-title {
font-size: 1.2rem;
font-weight: 300; }
#search-fail ul {
padding-left: 20px; }
#search-fail ul li {
font-weight: 500; } @media (max-width: 860px) {
.search-help-result-title {
margin: 30px 0; }
.search-help-result-list > li {
padding-bottom: 20px;
margin-bottom: 20px; } }
@media (max-width: 768px) {
.page-404-content img {
margin-bottom: 30px; }
.search-help-result-list .single-post-additional > * {
padding: 10px 0; } }
@media (max-width: 560px) {
.search-help-result-list .title {
margin: 20px 0; }
.search-help-result-list .single-post-additional > * {
display: inline-block; } }
@media (max-width: 360px) {
.search-help-result-list .single-post-additional > * {
display: block; }
.search-help-result-list .single-post-additional > * + * {
margin-left: 0; } } .universal-olympus-icon {
width: 24px;
height: 24px;
font-size: 20px;
color: currentColor;
fill: currentColor; }
svg {
transition: all .3s ease; }
.ovh {
overflow: hidden; }
.f-left {
float: left; }
.f-right {
float: right; }
.f-none {
float: none; }
.align-center {
text-align: center; }
.align-left {
text-align: left; }
.align-right {
text-align: right; }
.align-right .btn {
margin-left: 20px; }
.align-right .w-search {
display: inline-block; }
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(43, 45, 59, 0.2);
transition: all .3s ease;
opacity: 0; }
.overlay.overlay-dark {
background: rgba(43, 45, 59, 0.8); }
.gray_hover {
transition: filter .15s linear;
filter: grayscale(0);
transform-style: preserve-3d; }
.gray_hover:hover {
filter: grayscale(100%); }
.table {
display: table; }
.inline-items > * {
display: inline-block;
vertical-align: middle; }
.table-cell {
display: table-cell;
vertical-align: middle;
float: none; }
@media (max-width: 640px) {
.table-cell {
display: block;
float: left; } }
.text-t-none {
text-transform: none; }
@media (max-width: 480px) {
.centered-on-mobile {
text-align: center; } }
#content {
position: relative;
margin: 40px 0; }
.post-post-modern #content {
margin-top: 0; }
.olymp-page-with-builder #content {
margin: 0; }
.vc_custom_heading a.btn-primary,
.vc_custom_heading a.btn-primary:focus,
.vc_custom_heading a.btn-primary:hover,
.vc_custom_heading a.btn-primary:visited {
color: #fff; }
.no-stunning-title {
margin: 35px 0;
padding: 35px 40px 25px 40px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
.no-padding {
padding: 0; }
.padding-r-0 {
padding-right: 0; }
.padding-l-0 {
padding-left: 0; }
.mt50 {
margin-top: 50px; }
.no-margin {
margin: 0; }
.negative-margin-top150 {
margin-top: -150px; }
@media (max-width: 1024px) {
.negative-margin-top150 {
margin-top: 0; } }
.negative-margin-top50 {
margin-top: -115px; }
.negative-margin-right150 {
margin-right: -150px; }
@media (max-width: 768px) {
.negative-margin-right150 {
margin-right: 0; } }
.mobile-margin-25 {
margin: 0 25px; }
.presentation-margin {
margin: 40px 0 20px; }
.full-block {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999; }
.full-width {
width: 100%; }
.full-height {
height: 100%; }
.display-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.display-flex.content-center {
-ms-flex-pack: center;
justify-content: center; }
.display-flex.content-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.inline-block {
display: inline-block; }
.padding40 {
padding: 40px; }
.padding80 {
padding: 80px; }
.bg-violet {
background-color: #7442ce; }
.bg-primary {
background-color: #ff5e3a;
background-color: var(--primary-accent-color); }
.bg-secondary {
background-color: #3f4257; }
.bg-purple {
background-color: #7c5ac2;
background-color: var(--third-accent-color); }
.bg-linkedin {
background-color: #4A8F9E; }
.bg-blue {
background-color: #38a9ff;
background-color: var(--secondary-accent-color); }
.bg-blue-light {
background-color: #38a9ff;
background-color: var(--secondary-accent-color) -light; }
.bg-breez {
background-color: #08ddc1; }
.bg-breez-light {
background-color: #2aebcb; }
.bg-grey {
background-color: #515365; }
.bg-grey-light {
background-color: #888da8; }
.bg-grey-lighter {
background-color: #9a9fbf; }
.bg-telegram {
background-color: #3d87c4; }
.bg-blogger {
background-color: #F66501; }
.bg-reddit {
background-color: #F05825; }
.bg-viber {
background-color: #7C4D9C; }
.bg-pinterest {
background-color: #cc2127; }
.bg-tumblr {
background-color: #36465D; }
.bg-xing {
background-color: #00575C; }
.bg-myspace {
background-color: #1F63A9; }
.bg-orange {
background-color: #ff763a; }
.bg-yellow {
background-color: #ffdc1b; }
.bg-smoke {
background-color: #e6ecf5; }
.bg-smoke-light {
background-color: #fafbfd; }
.bg-green {
background-color: #1ed760; }
.bg-facebook {
background-color: #2f5b9d; }
.bg-twitter {
background-color: #38bff1; }
.bg-dribbble {
background-color: #f74881; }
.bg-google {
background-color: #ea4235; }
.c-primary {
color: #ff5e3a;
color: var(--primary-accent-color); }
.c-white {
color: #fff; }
.c-grey {
color: #888da8;
color: var(--body-font-color); }
.c-orange {
color: #ff763a; }
.c-secondary {
color: #3f4257; }
.c-yellow {
color: #ffdc1b; }
.c-purple {
color: #7c5ac2; }
.c-green {
color: #1ed760;
fill: #1ed760; }
.c-facebook {
color: #2f5b9d; }
.c-twitter {
color: #38bff1; }
.c-dribbble {
color: #f74881; }
.c-rss {
color: #fab819; }
.c-spotify {
color: #1ed760; }
.bold {
font-weight: 800; }
.weight-normal {
font-weight: 400; }
.weight-light {
font-weight: 300; }
.custom-color * {
color: inherit; }
.flip-button {
box-sizing: content-box;
cursor: pointer;
outline: none;
padding: 0;
position: relative;
transform: scale(1) rotate(360deg);
transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); }
.flip-icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative; }
.flip-icon > * {
left: 0;
position: absolute;
top: -3px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.flip-icon svg:last-of-type, .flip-button.active .flip-icon svg:first-of-type {
opacity: 0;
transform: rotate(225deg); }
.flip-button.active .flip-icon svg:last-of-type {
opacity: 1;
visibility: visible;
transform: rotate(360deg); }
.medium-padding80 {
padding: 80px 0; }
@media (max-width: 1024px) {
.medium-padding80 {
padding: 45px 0; } }
@media (max-width: 800px) {
.medium-padding80 {
padding: 35px 0; } }
.medium-padding100 {
padding: 100px 0; }
@media (max-width: 1024px) {
.medium-padding100 {
padding: 50px 0; } }
@media (max-width: 800px) {
.medium-padding100 {
padding: 35px 0; } }
.medium-padding120 {
padding: 120px 0; }
@media (max-width: 1024px) {
.medium-padding120 {
padding: 50px 0; } }
@media (max-width: 800px) {
.medium-padding120 {
padding: 35px 0; } }
.medium-padding180 {
padding: 180px 0; }
@media (max-width: 1024px) {
.medium-padding180 {
padding: 60px 0; } }
@media (max-width: 800px) {
.medium-padding180 {
padding: 40px 0; } }
.pb100 {
padding-bottom: 100px; }
@media (max-width: 1024px) {
.pb100 {
padding-bottom: 50px; } }
@media (max-width: 800px) {
.pb100 {
padding-bottom: 35px; } }
.pt80 {
padding-top: 80px; }
@media (max-width: 1024px) {
.pt80 {
padding-top: 45px; } }
@media (max-width: 800px) {
.pt80 {
padding-top: 35px; } }
.pt100 {
padding-top: 100px; }
@media (max-width: 1024px) {
.pt100 {
padding-top: 50px; } }
@media (max-width: 800px) {
.pt100 {
padding-top: 35px; } }
.pb120 {
padding-bottom: 120px; }
@media (max-width: 1024px) {
.pb120 {
padding-bottom: 50px; } }
@media (max-width: 800px) {
.pb120 {
padding-bottom: 35px; } }
.pt120 {
padding-top: 120px; }
@media (max-width: 1024px) {
.pt120 {
padding-top: 50px; } }
@media (max-width: 800px) {
.pt120 {
padding-top: 35px; } }
.pb160 {
padding-bottom: 160px; }
@media (max-width: 1024px) {
.pb160 {
padding-bottom: 60px; } }
@media (max-width: 800px) {
.pb160 {
padding-bottom: 35px; } }
.pt160 {
padding-top: 160px; }
@media (max-width: 1024px) {
.pt160 {
padding-top: 60px; } }
@media (max-width: 800px) {
.pt160 {
padding-top: 35px; } }
.pb80 {
padding-bottom: 80px; }
@media (max-width: 1024px) {
.pb80 {
padding-bottom: 45px; } }
@media (max-width: 800px) {
.pb80 {
padding-bottom: 35px; } }
.pb60 {
padding-bottom: 60px; }
@media (max-width: 1024px) {
.pb60 {
padding-bottom: 40px; } }
@media (max-width: 800px) {
.pb60 {
padding-bottom: 20px; } }
.pt60 {
padding-top: 60px; }
@media (max-width: 1024px) {
.pt60 {
padding-top: 40px; } }
@media (max-width: 800px) {
.pt60 {
padding-top: 20px; } }
.pb30 {
padding-bottom: 30px; }
.pt30 {
padding-top: 30px; }
.mt60 {
margin-top: 60px; }
@media (max-width: 800px) {
.mt60 {
margin-top: 35px; } }
.mb30 {
margin-bottom: 30px; }
.mb60 {
margin-bottom: 60px; }
@media (max-width: 800px) {
.mb60 {
margin-bottom: 35px; } }
.content-half-bg-wrap {
position: absolute;
height: 50%;
left: 0;
right: 0; }
.content-half-bg-wrap.half-bg-pos-top {
top: 0; }
.content-half-bg-wrap.half-bg-pos-bottom {
bottom: 0; }
.section-half-bg {
position: relative; }
.section-half-bg:after {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff; }
.withripple {
position: relative; }
.ripple-container {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
pointer-events: none; }
.ripple {
position: absolute;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
border-radius: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
transform: scale(1);
transform-origin: 50%;
opacity: 0;
pointer-events: none; }
.ripple.ripple-on {
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
opacity: 0.1; }
.ripple.ripple-out {
transition: opacity 0.1s linear 0s !important;
opacity: 0; }
.half-width {
width: 50%; }
.col-3-width {
width: 33.33%; }
.col-4-width {
width: 25%; }
.body-bg-white {
background-color: #ffffff; }
body.logged-in .hide-for-logged-in {
display: none; }
body.not-logged-in .hide-for-not-logged-in {
display: none; }
.bg-body {
background-color: #edf2f6; }
.background-contain {
background-size: contain;
background-repeat: no-repeat; }
.overflow-x-wrapper {
overflow-x: hidden; }
#overflow-x-wrapper {
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
word-wrap: break-word; }
.background-cover {
background-size: cover; }
.g-recaptcha.mp-recaptcha {
margin-bottom: 20px; }
.d-none {
display: none !important;
width: 0 !important;
height: 0 !important;
visibility: hidden !important; } .js-equal-child {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.js-equal-child .crumina-module {
height: 100%;
margin-bottom: 0; }
.js-equal-child > * {
margin-bottom: 30px; }
.js-equal-child .wpb_wrapper,
.js-equal-child .vc_column-inner {
height: 100%;
margin-bottom: 0; } .row.color-inherit * {
color: inherit;
fill: inherit; } .olympus-theme.buddypress #content {
margin: 0;
z-index: 1; } body.boxed-width #primary {
padding: 0;
box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.15); } #comments .comment-reply-title {
text-align: center; }
#comments .must-log-in {
text-align: center; } .olympus-theme.bbpress.mce-fullscreen #content {
z-index: 999; }  .list--standard {
list-style: none;
padding-left: 0; }
.list--standard li {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 5px; }
.list--standard li:last-child {
margin-bottom: 0; }
.list--standard li i {
position: relative;
margin-right: 20px;
top: 2px; }
@media (max-width: 1200px) {
.col-4-width {
width: 33%; } }
@media (max-width: 840px) {
.col-3-width {
width: 50%; }
.col-4-width {
width: 50%; }
.half-width {
width: 100%; } }
@media (max-width: 800px) {
.js-equal-child {
-ms-flex-direction: column;
flex-direction: column; } }
@media (max-width: 768px) {
.negative-margin-top50 {
margin-top: -65px; } }
@media (max-width: 480px) {
.col-3-width {
width: 100%; }
.col-4-width {
width: 100%; } } .user-welcomeback {
text-align: center;
overflow: hidden; }
.user-welcomeback .featured-background {
height: 80px;
background-size: cover;
background-color: #7c5ac2; }
.user-welcomeback .author-thumb {
display: inline-block;
border-radius: 100%;
border: 4px solid #fff;
overflow: hidden;
width: 98px;
height: 98px;
background-color: #FDFBEE;
margin-top: -50px;
margin-bottom: 15px; }
.user-welcomeback .author-thumb img {
max-width: 100%;
width: 100%;
height: auto; }
.user-welcomeback .user-active {
border-bottom: 1px solid #e6ecf5;
border-top: 1px solid #e6ecf5; }
.user-welcomeback .author-content {
font-weight: 700;
color: #3f4257;
margin-bottom: 20px; }
.user-welcomeback .author-content .author-name {
color: #ff5e3a;
color: var(--primary-accent-color); }
.user-welcomeback .you-can-do {
margin: 15px auto;
text-transform: uppercase;
font-size: 9px; }
.user-welcomeback .links {
margin: 0 -2px 0 -1px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.user-welcomeback .link-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
border: 1px solid #e6ecf5;
padding: 40px;
-ms-flex-align: center;
align-items: center;
margin-bottom: -1px;
margin-right: -1px; }
.user-welcomeback .link-item .link-item-icon {
width: 20px;
height: 20px;
margin-bottom: 10px;
fill: #9a9fbf;
fill: var(--icon-color);
color: #9a9fbf;
color: var(--icon-color);
transition: all .3s ease; }
.user-welcomeback .link-item i.link-item-icon {
font-size: 20px; }
.user-welcomeback .link-item img.link-item-icon {
height: auto; }
.user-welcomeback .link-item .title {
font-size: 12px;
color: #3f4257;
font-weight: 700;
transition: all .3s ease; }
.user-welcomeback .link-item .sup-title {
font-size: 10px;
color: #888da8;
color: var(--body-font-color); }
.user-welcomeback .link-item .sup-title > * {
margin-bottom: 0;
font-size: 10px;
color: #888da8;
color: var(--body-font-color); }
.user-welcomeback .link-item:hover .link-item-icon {
color: #ff5e3a;
fill: #ff5e3a;
fill: var(--primary-accent-color); }
.user-welcomeback .link-item:hover .title {
color: #ff5e3a;
color: var(--primary-accent-color); } @media (max-width: 768px) {
.user-welcomeback .link-item {
padding: 20px; } }
@media (max-width: 460px) {
.user-welcomeback .link-item {
padding: 10px; } } .crumina-pricing-table {
border-radius: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px;
height: 100%;
background-color: #fff;
box-shadow: 3px 10px 15px 30px rgba(0, 0, 0, 0.03), 3px 4px 6px 2px rgba(0, 0, 0, 0.03); }
.crumina-pricing-table .btn {
margin-top: auto;
border: none; }
.crumina-pricing-table.current-price {
box-shadow: 3px 10px 15px 3px rgba(0, 0, 0, 0.1), 3px 4px 6px 2px rgba(0, 0, 0, 0.05);
transform: translateY(-10px); }
.pricing-item-title {
font-size: 20px;
font-weight: 700; }
.pricing-item-price {
font-weight: 900;
margin-bottom: 0; }
.pricing-tables-position {
margin: 20px 0; }
.animate-hover-top {
transition: all .3s ease; }
.animate-hover-top:hover {
box-shadow: 3px 10px 15px 3px rgba(0, 0, 0, 0.1), 3px 4px 6px 2px rgba(0, 0, 0, 0.05);
transform: translateY(-10px); }   .olympus-theme .widget_bps_widget .bps-form {
padding: 20px; }
.olympus-theme .bps-form label strong {
font-weight: 400; }
.olympus-theme button[type="submit"][name="signin_submit"] {
height: auto; }
.olympus-theme button[type="submit"].rtmedia-like {
background-color: transparent; }
.olympus-theme .bps-form input,
.olympus-theme .bps-form select {
height: 45px; }
.olympus-theme .bps-form .nice-select {
min-width: 200px; }
.olympus-theme .bp-widget.mycred > h4 {
text-transform: capitalize;
font-size: 14px;
color: #515365;
color: var(--heading-font-color);
font-weight: 700;
line-height: 22px;
padding: 15px 35px;
letter-spacing: initial;
border-bottom: 1px solid #f2f2f2;
background-color: #fff;
border-radius: 5px 5px 0 0; }
@media (max-width: 475px) {
.olympus-theme .bp-widget.mycred > h4 {
padding: 10px 20px; } }
.olympus-theme .bp-widget.mycred > h4:before {
content: '\e97c';
font-family: olympus !important;
font-weight: 400;
font-size: 20px;
margin-right: 8px; }
.olympus-theme .bp-widget.mycred table tbody td {
padding: 20px 40px;
text-align: left; }
@media (max-width: 475px) {
.olympus-theme .bp-widget.mycred table tbody td {
padding: 25px 20px; } }
.olympus-theme .bps-form label {
display: inline-block; }
.olympus-theme .bps-description {
display: inline-block;
margin-top: 10px; }
.olympus-theme .bps-form button[type="submit"] {
padding: .8rem 2.1rem;
border-radius: .25rem;
color: #fff; }
.olympus-theme .col2-set .col-1,
.olympus-theme .col2-set .col-2 {
max-width: 100%;
width: 50%; }
.olympus-theme .bp-messages-wrap .chat-header > a {
color: #38a9ff !important;
color: var(--secondary-accent-color) !important; }
.olympus-theme .bp-messages-wrap .chat-header .bpbm-search form input {
padding: 5px 25px 5px 5px; }
.olympus-theme .emojionearea .emojionearea-picker {
z-index: 99999999999; }
.olympus-theme .bp-messages-wrap .emojionearea,
.olympus-theme .emojionearea.form-control,
.olympus-theme .bp-messages-wrap .taggle_list,
.olympus-theme .bp-messages-wrap .new-message form > div input,
.olympus-theme .bp-messages-wrap .new-message form > div textarea {
border-color: #e6ecf5; }
.olympus-theme .bp-messages-wrap div.bulk-message [type="submit"],
.olympus-theme .bp-messages-wrap div.new-message [type="submit"] {
color: #fff;
padding: .8rem 2.1rem;
font-weight: 700;
transition: all .3s ease;
display: inline-block;
border-radius: .25rem; }
.olympus-theme .bp-messages-wrap .bulk-message .box {
padding: 20px; }
.olympus-theme .bp-messages-wrap .bulk-message form ul.send-to li,
.olympus-theme .bp-messages-wrap .bulk-message form ul.options li {
margin-bottom: 10px; }
.olympus-theme .bp-messages-wrap .threads-list .thread .info .name + h4 {
font-size: 12px; }
.olympus-theme .bp-messages-wrap .threads-list {
padding-bottom: 25px; }
.olympus-theme .bp-messages-wrap .new-message form > div label {
color: #515365;
color: var(--heading-font-color); } @media (max-width: 768px) {
.olympus-theme .col2-set .col-1,
.olympus-theme .col2-set .col-2 {
width: 100%; } }