@charset "UTF-8";
@charset "UTF-8";

 :root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
*,
*::before,
*::after {
box-sizing: border-box;
} body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr ;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
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;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: #6c757d;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: currentColor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6;
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce;
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7;
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3;
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9;
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4;
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1;
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: #6c757d;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
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[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
height: 1.5em;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + (1rem + 2px));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(1.5em + (0.75rem + 2px));
}
textarea.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px));
}
textarea.form-control-lg {
min-height: calc(1.5em + (1rem + 2px));
}
.form-control-color {
max-width: 3rem;
height: auto;
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: #e9ecef;
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529;
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65;
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder {
color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #198754;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.25rem;
}
.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: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 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 .form-select:valid, .form-select.is-valid {
border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
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' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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.25rem 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 .form-select:invalid, .form-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem 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;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3;
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none;
opacity: 0.65;
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;
border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #0d6efd;
background-color: transparent;
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-success {
color: #198754;
border-color: #198754;
}
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
color: #198754;
background-color: transparent;
}
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
color: #0dcaf0;
background-color: transparent;
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-dark {
color: #212529;
border-color: #212529;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
color: #212529;
background-color: transparent;
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline;
}
.btn-link:hover {
color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
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 {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart {
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;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 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[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.125rem;
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #1e2125;
background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1rem;
color: #212529;
}
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: #0a58ca;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
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;
isolation: isolate;
}
.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 {
background: none;
border: 0;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0d6efd;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap;
}
.navbar-nav {
display: flex;
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;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
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;
transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
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 .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
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 .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
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 .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
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 .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
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 .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1rem;
}
.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-body {
padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/") ;
}
.breadcrumb-item.active {
color: #6c757d;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
color: #0d6efd;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: #0a58ca;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
.page-link {
padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
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;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
color: #084298;
background-color: #cfe2ff;
border-color: #b6d4fe;
}
.alert-primary .alert-link {
color: #06357a;
}
.alert-secondary {
color: #41464b;
background-color: #e2e3e5;
border-color: #d3d6d8;
}
.alert-secondary .alert-link {
color: #34383c;
}
.alert-success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.alert-success .alert-link {
color: #0c4128;
}
.alert-info {
color: #055160;
background-color: #cff4fc;
border-color: #b6effb;
}
.alert-info .alert-link {
color: #04414d;
}
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
}
.alert-warning .alert-link {
color: #523e02;
}
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
}
.alert-danger .alert-link {
color: #6a1a21;
}
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light .alert-link {
color: #4f5050;
}
.alert-dark {
color: #141619;
background-color: #d3d3d4;
border-color: #bcbebf;
}
.alert-dark .alert-link {
color: #101214;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none;
}
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem;
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > li::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 1rem;
color: #212529;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: #084298;
background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #084298;
background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #084298;
border-color: #084298;
}
.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #41464b;
background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #41464b;
border-color: #41464b;
}
.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f5132;
background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132;
}
.list-group-item-info {
color: #055160;
background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #055160;
background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #055160;
border-color: #055160;
}
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03;
}
.list-group-item-danger {
color: #842029;
background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029;
}
.list-group-item-light {
color: #636464;
background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464;
}
.list-group-item-dark {
color: #141619;
background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #141619;
background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #141619;
border-color: #141619;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.toast:not(.showing):not(.show) {
opacity: 0;
}
.toast.hide {
display: none;
}
.toast-container {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: 0.75rem;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
margin-right: -0.375rem;
margin-left: 0.75rem;
}
.toast-body {
padding: 0.75rem;
word-wrap: break-word;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
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 {
height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
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: flex;
flex-shrink: 0;
align-items: center;
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 .btn-close {
padding: 0.5rem 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
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;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
.modal-fullscreen .modal-footer {
border-radius: 0;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
}
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-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 .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
.popover {
position: absolute;
top: 0;
left: 0 ;
z-index: 1070;
display: block;
max-width: 276px;
font-family: var(--bs-font-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;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 1rem 1rem;
color: #212529;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
} .carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
} .carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
} .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
@-webkit-keyframes spinner-border {
to {
transform: rotate(360deg) ;
}
}
@keyframes spinner-border {
to {
transform: rotate(360deg) ;
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: 0.75s linear infinite spinner-border;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: 0.75s linear infinite spinner-grow;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1050;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
padding: 0.5rem 0.5rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
}
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5;
}
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto;
}
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(-100%);
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(100%);
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(-100%);
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(100%);
}
.offcanvas.show {
transform: none;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.link-primary {
color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
color: #0a58ca;
}
.link-secondary {
color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
color: #565e64;
}
.link-success {
color: #198754;
}
.link-success:hover, .link-success:focus {
color: #146c43;
}
.link-info {
color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
color: #3dd5f3;
}
.link-warning {
color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
color: #ffcd39;
}
.link-danger {
color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
color: #b02a37;
}
.link-light {
color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
color: #f9fafb;
}
.link-dark {
color: #212529;
}
.link-dark:hover, .link-dark:focus {
color: #1a1e21;
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
--bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !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;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !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;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
} .text-break {
word-wrap: break-word !important;
word-break: break-word !important;
} .text-primary {
color: #0d6efd !important;
}
.text-secondary {
color: #6c757d !important;
}
.text-success {
color: #198754 !important;
}
.text-info {
color: #0dcaf0 !important;
}
.text-warning {
color: #ffc107 !important;
}
.text-danger {
color: #dc3545 !important;
}
.text-light {
color: #f8f9fa !important;
}
.text-dark {
color: #212529 !important;
}
.text-white {
color: #fff !important;
}
.text-body {
color: #212529 !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;
}
.text-reset {
color: inherit !important;
}
.bg-primary {
background-color: #0d6efd !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
.bg-success {
background-color: #198754 !important;
}
.bg-info {
background-color: #0dcaf0 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-body {
background-color: #fff !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//euphoriamassage.gr/wp-content/themes/spamagic/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer; }
.mfp-zoom {
cursor: pointer; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.wsmenu .wsmenu-list li ul.sub-menu,
.wsmenu .wsmenu-list li ul.wsmegamenu {
opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
transition: transform 0.3s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
transform: scale(1, 0);
}
.wsmenu > .wsmenu-list > li:hover > ul.sub-menu,
.wsmenu > .wsmenu-list > li:hover > ul.wsmegamenu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: scale(1);
}
.wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
transform: scale(1, 0);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
transition: transform 0.4s;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: scale(1);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
transition: transform 0.4s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
transform: scale(1, 0);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: scale(1);
}
.wsmenu > .wsmenu-list > li > .wsmegamenu,
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu .wsmegamenu {
opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
transition: transform 0.3s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
transform: scale(1, 0);
}
.wsmenu > .wsmenu-list > li:hover > .wsmegamenu,
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu li.normal-menu:hover > .wsmegamenu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: scale(1);
}.wsmenu html,
.wsmenu body,
.wsmenu iframe,
.wsmenu h1,
.wsmenu h2,
.wsmenu h3,
.wsmenu h4,
.wsmenu h5,
.wsmenu h6 {
-webkit-font-smoothing: subpixel-antialiased;
font-smooth: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;
font-smooth: subpixel-antialiased;
}
.wsmenu .cl {
clear: both;
}
.wsmenu img {
border: 0 none;
max-width: 100%;
}
.wsmenu a:focus {
outline: none;
}
.wsmenu:before,
.wsmenu:after {
content: "";
display: table;
}
.wsmenu:after {
clear: both;
}  .wsmenucontainer {
background-size: cover;
overflow: hidden;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}
.wsmainfull {
width: 100%;
height: auto;
background-color: #fff!important;
z-index: 999;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out; 
}
.wsmainwp {
margin: 0 auto;
max-width: 1150px;
padding: 0 15px;
position: relative;
} .desktoplogo {
padding: 5px 0;
margin: 0;
float: left;
line-height: 70px;
transition: all 0.3s ease-in-out;
}
.desktoplogo img {
vertical-align: middle;
} .wsmenu {
padding: 0;
float: right;
display: block;
}
.wsmenu > .wsmenu-list {
text-align: left;
margin: 0 auto 0 auto;
width: 100%;
display: block;
padding: 0;
}
.wsmenu > .wsmenu-list > li {
text-align: center;
display: block;
padding: 0;
margin: 0;
float: left;
}
.wsmenu > .wsmenu-list > li > a {
display: block;
color: #666;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 10px 32px 10px 18px;
line-height: 50px;
text-decoration: none;
position: relative;
}
.wsmenu > .wsmenu-list > li > a.last-link {
padding: 10px 0px 10px 0;
}
.wsmenu > .wsmenu-list > li > a.callusbtn {
font-size: 15px;
}
.wsmenu > .wsmenu-list > li > a.callusbtn i {
font-size: 13px;
margin-top: 1px;
margin-right: 1px;
}
.tra-menu .wsmenu > .wsmenu-list > li > a,
.aqua-menu .wsmenu > .wsmenu-list > li > a,
.blue-menu .wsmenu > .wsmenu-list > li > a {
color: #fff;
}
.white-menu .wsmenu > .wsmenu-list > li > a {
color: #444;
}
.tra-menu .wsmenu.dark-txt > .wsmenu-list > li > a {
color: #333;
}
.wsmenu > .wsmenu-list > li:hover > a {
color: #f0f0f0;
}
.white-menu .wsmenu > .wsmenu-list > li:hover > a {
color: #171819;
}
.wsmenu > .wsmenu-list > li a.menuhomeicon {
padding-left: 29px;
padding-right: 29px;
}
.wsmenu > .wsmenu-list > li > a i {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 12px;
vertical-align: top;
}
.wsmenu > .wsmenu-list > li > a.menuhomeicon i {
margin-right: 0px;
font-size: 15px;
}
.wsmenu > .wsmenu-list > li > a .wsarrow:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid;
content: "";
float: right;
right: 15px;
height: 0;
margin: 0 0 0 14px;
position: absolute;
text-align: right;
top: 33px;
width: 0;
} .wsmenu > .wsmenu-list > li.rightmenu {
float: right;
}
.wsmenu > .wsmenu-list > li.rightmenu a {
padding: 0px 30px 0px 20px;
border-right: none;
}
.wsmenu > .wsmenu-list > li.rightmenu a i {
font-size: 15px;
}
.wsmenu > .wsmenu-list > li.rightmenu {
float: right;
}
.wsmenu > .wsmenu-list > li.rightmenu:before,
.wsmenu-list > li.rightmenu:after {
content: "";
display: table;
}
.wsmenu > .wsmenu-list > li.rightmenu:after {
clear: both;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch {
float: right;
width: 210px;
height: 39px;
position: relative;
margin: 16px 0px 0px 0px;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .searchicon {
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input {
width: 100%;
position: relative;
float: right;
top: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0;
padding: 0;
margin: 0;
text-indent: 15px;
height: 39px;
z-index: 2;
outline: none;
color: #333;
background-color: #efefef;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
font-size: 12px;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input::placeholder {
color: #a9a9a9;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
color: #333;
width: 220px;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.btnstyle i {
color: #000;
opacity: 1;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus~.searchicon {
opacity: 1;
z-index: 3;
color: #FFFFFF;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 40px;
line-height: 30px;
z-index: 1;
cursor: pointer;
opacity: 0.3;
color: #333;
z-index: 1000;
background-color: transparent;
border: solid 0px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle i {
line-height: 37px;
margin: 0;
padding: 0;
text-align: center;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch .btnstyle:hover i {
opacity: 1;
}
.wsmenu > .wsmenu-list > li.rightmenu {
zoom: 1;
}  .wsmenu > .wsmenu-list > li > ul.sub-menu {
position: absolute;
top: 70px;
z-index: 1000;
margin: 0px;
padding: 12px;
min-width: 200px;
background-color: #fff;
border: solid 1px #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu {
min-width: 160px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
position: relative;
background-image: none;  
border-right: 0 none;
text-align: left;
display: block;
padding: 9px;
text-transform: none;
color: #888;
font-size: 15px;
line-height: 22px;
font-weight: 400;
letter-spacing: 0;
border-right: 0px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a {
padding: 11px 0;  
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
padding: 9px 9px 9px 10px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu > li > a:hover {
padding: 11px 0 11px 8px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
position: absolute;
top: 12px;
right: 0;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
min-width: 200px;
position: absolute;
left: 100%;
top: 0;
margin: 0;
padding: 0 15px;
list-style: none;
background-color: #fff;
border: solid 1px #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px dashed #c0c0c0;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:last-child {
border-bottom: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
position: relative;
background-image: none;
border-right: 0 none;
text-align: left;
display: block;
padding: 9px;
text-transform: none;
color: #888;
font-size: 16px;
line-height: 22px;
font-weight: 400;
letter-spacing: normal;
border-right: 0px solid;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
padding: 8px 15px 8px 23px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
position: absolute;
top: 12px;
right: 12px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
min-width: 200px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
list-style: none;
padding: 0px;
background-color: #fff;
border: solid 1px #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
background-image: none;
border-right: 0 none;
text-align: left;
display: block;
padding: 9px;
text-transform: none;
color: #888;
font-size: 16px;
font-family: 'Roboto', sans-serif; 
line-height: 22px;
font-weight: 400;
letter-spacing: normal;
border-right: 0px solid;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
padding: 9px 9px 9px 20px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
margin-left: 9px;
}  .link-list {
padding: 0;
margin: 0;
}
.wsmenu .wsmenu-list li .wsmegamenu {
width: 100%;
left: 0px;
position: absolute;
top: 70px;
color: #000;
z-index: 1000;
margin: 0px;
text-align: left;
padding: 20px 30px;
border: solid 1px #eee;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
}
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu {
max-width: 230px;
left: auto;
}
.wsmenu .wsmenu-list li {
list-style: none;
}
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu .wsmegamenu {
right: 105%;
top: 0;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
padding: 20px 20px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-next {
opacity: 0.8;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-control-prev {
opacity: 0.8;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption {
bottom: 0px;
background-color: rgba(0, 0, 0, 0.7);
font-size: 13px;
height: 31px;
left: 0;
padding: 7px 0;
right: 0;
width: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .wsmwnutxt {
width: 100%;
color: #888;
font-size: 16px;
font-weight: 400;
text-align: justify;
margin-top: 0;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
display: block;
text-align: center;
text-align: left;
border-bottom: 1px dashed #c0c0c0;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.title,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:last-child {
border-bottom: none;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a {
line-height: 22px;
border-right: none;
text-align: left;
padding: 8px 0px;
background: #fff;
background-image: none;
border-right: 0 none;
display: block;
background-color: #fff;
color: #656565;
font-size: 16px;
font-weight: 500;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover {
padding-left: 8px;
color: #f74b90;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .mrgtop {
margin-top: 15px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div {
padding-bottom: 10px;
padding-top: 10px;
background-color: #dbdbdb;
border: 1px solid #e7e7e7;
color: #6a6a6a;
margin: 2px 0px;
font-size: 13px;
} .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
width: 40%;
right: auto;
left: auto;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.ext-halfmenu {
width: 50%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
width: 35%;
right: auto;
left: auto;
} .wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form {
width: 100%;
display: block;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="text"] {
width: 100%;
border: 1px solid #e2e2e2;
color: #000;
font-size: 13px;
padding: 8px 5px;
margin-bottom: 8px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea {
width: 100%;
border: 1px solid #e2e2e2;
color: #000;
font-size: 13px;
padding: 8px 5px;
margin-bottom: 8px;
min-height: 122px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] {
width: 25%;
display: block;
height: 32px;
float: right;
border: none;
margin-right: 15px;
cursor: pointer;
background-color: #e1e1e1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] {
width: 25%;
display: block;
height: 32px;
float: right;
border: none;
cursor: pointer;
background-color: #e1e1e1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-inner .item img {
width: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption {
bottom: 0px;
background-color: rgba(0, 0, 0, 0.7);
font-size: 13px;
height: 31px;
left: 0;
padding: 7px 0;
right: 0;
width: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text {
padding: 0px 0px;
font-size: 14px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul {
padding: 0px 0px;
margin: 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text p {
text-align: justify;
line-height: 24px;
color: #656565;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li {
display: block;
padding: 2px 0px;
line-height: 22px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .typography-text ul li a {
color: #656565;
}  .wsmobileheader {
display: none;
}
.overlapblackbg {
opacity: 0;
visibility: hidden;
}
.wsmenu .wsmenu-click {
display: none;
}
.wsmenu .wsmenu-click02 {
display: none;
}
.hometext {
display: none;
}  @media only screen and (max-width: 991px) {  .wsmainfull.scroll .wsmenu > .wsmenu-list > li > a {
line-height: 38px!important;
}
.wsmainfull .wsmenu > .wsmenu-list > li a.btn,
.wsmainfull.scroll .wsmenu > .wsmenu-list > li > a.btn {
text-align: center;
margin-left: 0;
line-height: 1!important;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu > li a,
.wsmenu > .wsmenu-list > li.has-submenu > .wsmegamenu > li a {
display: inline-block;
color: #fff!important;
}
.navbar-dark .wsmenu > .wsmenu-list > li > a {
color: #fff!important;
}
.wsmenu .wsmenu-list li.normal-menu li {
position: relative;
padding: 0!important;
}
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu {
max-width: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu li > .wsmegamenu {
padding: 0!important;
}
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu.link-list > li > a {
padding: 8px 0!important;
color: #fff;
}
.wsmenu > .wsmenu-list > li.has-submenu > a:after,
.wsmenu > .wsmenu-list > li.yamm-fw > a:after,
.wsmenu > .wsmenu-list > li.has-submenu:hover > a:before,
.wsmenu > .wsmenu-list > li.yamm-fw:hover > a:before {
display: none;
}
.header .wsmenu .yamm-fw.column-4 > .wsmegamenu,
.header .wsmenu .yamm-fw.column-2 > .wsmegamenu,
.header .wsmenu .wsmenu-list li.normal-menu > .wsmegamenu {
left: 0!important;
width: 100%!important;
box-shadow: none!important;
border-radius: 0!important;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transition: none!important;
padding: 20px 30px 20px 50px;
background: #1a1b1d;
border: none;
}
.header .wsmenu > .wsmenu-list > li > a {
text-transform: uppercase;
}
.header .wsmenu > .wsmenu-list > li > .wsmegamenu:before {
position: absolute;
width: 1px;
background: #2f3138;
top: 30px;
bottom: 30px;
left: 25px;
content: "";
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a {
background: #1a1b1d; 
}
.header .wsmenu .wsmenu-list li.normal-menu > .wsmegamenu > ul {
border: none;
}
.wsmenu .wsmenu-list li.normal-menu .wsmegamenu .wsmegamenu {
position: relative;
top: auto;
border: none;
}
.wsmenu > .wsmenu-list > li.yamm-fw > .link-list > li > a {
padding-left: 0;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu {
top: 0!important;
}
.wsmenu .yamm-fw.column-4 > .link-list > li,
.wsmenu .yamm-fw.column-2 > .link-list > li {
width: 100%!important;
}
.desktoplogo {
display: none;
}
.wsmainfull {
height: 0;
}
.wsmenu {
width: 100%;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
right: 0;
overflow-y: hidden;
padding: 0;
top: 0;
visibility: hidden;
position: fixed;
margin: 0px;
}
.wsmenu > .wsmenu-list {
height: auto;
min-height: 100%;
width: 240px;
width: 300px;
width: 350px;
background: #1a1b1d;
padding-bottom: 0;
margin-right: -240px;
margin-right: -300px;
margin-right: -350px;
display: block;
text-align: center;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsmenu > .wsmenu-list > li {
width: 100%;
display: block;
float: none;
border-right: none;
background-color: transparent;
position: relative;
white-space: inherit;
clear: right;
}
.wsmenu > .wsmenu-list > li.nl-simple {
padding: 50px 20px 20px;
width: auto;
max-width: 100%;
}
.wsmenu > .wsmenu-list > li.nl-simple.header-phone {
padding: 0;
}
@supports (-webkit-overflow-scrolling: touch) {
.wsmenu > .wsmenu-list > li:last-child {
padding-bottom: 110px;
}
}
.wsmenu > .wsmenu-list > li > a {
padding: 12px 32px 12px 17px;
font-size: 15px;
text-align: left;
border-right: solid 0px;
color: #fff;
line-height: 25px;
border-bottom: 1px solid;
border-bottom-color: #2f3138;
position: static;
}
.header .scroll .btn-tra-white,
.header .nl-simple .btn-tra-white {
border-radius: 6px;
border: 1px solid #f74b90;
background: #f74b90;
}
.header .btn-orange-red,
.header .scroll .btn-orange-red,
.header .white-color .btn-orange-red,
.header .orange-red-hover:hover,
.header .scroll .orange-red-hover:hover,
.header .white-color .orange-red-hover:hover {
color: #fff!important;
}
.wsactive .wsmenu > .wsmenu-list > li a.btn:hover,
.wsactive .wsmenu > .wsmenu-list > li a.btn:focus {
border: 1px solid #f74b90;
}
.wsmenu > .wsmenu-list > li a.menuhomeicon {
padding-left: 17px;
padding-right: 17px;
border-top: solid 1px rgba(0, 0, 0, 0.13);
}
.wsmenu > .wsmenu-list > li >a.menuhomeicon i {
margin-right: 2px;
font-size: 13px;
}
.wsmenu > .wsmenu-list > li > a >i {
font-size: 14px;
color: #bfbfbf;
}
.wsmenu > .wsmenu-list > li >a .wsarrow:after {
display: none;
}
.wsmenu > .wsmenu-list > li:hover > a,
.wsmenu > .wsmenu-list > li:focus > a {
background-color: rgba(0, 0, 0, 0.08);
text-decoration: none;
}
.wsmenu > .wsmenu-list > li > a > .hometext {
display: inline-block;
} .wsmenu > .wsmenu-list > li > ul.sub-menu {
display: none;
position: relative;
top: 0px;
background-color: #fff;
border: none;
padding: 0px;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: inherit;
-moz-transition: inherit;
transition: inherit;
-webkit-transform-style: flat;
transform-style: flat;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 16px;
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li span + a {
padding-right: 30px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
display: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
background-color: #1a1b1d;
color: #fff;
text-decoration: underline;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a {
background-color: #1a1b1d;
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
width: 100%;
position: static;
left: 100%;
top: 0;
display: none;
margin: 0px;
padding: 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: inherit;
-moz-transition: inherit;
transition: inherit;
-webkit-transform-style: flat;
transform-style: flat;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 26px;
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
padding-right: 30px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
display: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
background-color: #1a1b1d;
color: #fff;
text-decoration: underline;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
width: 100%;
position: static;
left: 100%;
top: 0;
display: none;
margin: 0px;
padding: 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: inherit;
-moz-transition: inherit;
transition: inherit;
-webkit-transform-style: flat;
transform-style: flat;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
margin: 0px 0px 0px 0px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 34px;
color: #fff;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span+a {
padding-right: 30px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a >i {
display: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a:hover {
background-color: #1a1b1d;
color: #fff;
text-decoration: underline;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a.active {
color: #fff;
} .wsmenu > .wsmenu-list > li > .wsmegamenu {
color: #fff;
display: none;
position: relative;
top: 0px;
padding: 10px 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: inherit;
-moz-transition: inherit;
transition: inherit;
border-bottom: 1px solid #2f3138;
-webkit-transform-style: flat;
transform-style: flat;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
width: 100%;
margin: 0px;
padding: 5px 0px 10px 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .title {
color: #666666;
font-size: 15px;
padding: 10px 8px 10px 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu> ul {
width: 100%;
margin: 0px;
padding: 0px;
font-size: 15px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu> ul > li > a {
padding: 9px 14px;
line-height: normal;
font-size: 13px;
background-color: #e7e7e7;
color: #666666;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu> ul> li >a:hover {
background-color: #000000;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
line-height: 26px;
color: #666666;
margin: 0px;
font-size: 15px;
padding: 7px 0px;
background-color: transparent;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
width: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form {
padding: 5px 0px 62px 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div {
margin: 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] {
width: 46%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] {
width: 46%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea {
min-height: 100px;
} .wsmobileheader {
width: 100%;
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 10002;
height: 54px; -webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}
.tra-menu .wsmobileheader {
box-shadow: none;
}
.logged-in.admin-bar .wsmobileheader {
top: 32px;
}
.wsactive .wsmobileheader {
margin-right: 240px;
margin-right: 300px;
margin-right: 350px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsmobileheader .smllogo {
display: inline-block;
margin-top: 12px;
padding-left: 18px;
} .wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch {
width: 86%;
margin: 7% 7%;
padding: 0px;
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input {
border-radius: 50px
}
.wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
width: 100%;
}
.callusbtn {
color: #a9a9a9;
font-size: 18px;
position: absolute;
right: 5px;
top: 0px;
transition: all 0.4s ease-in-out 0s;
z-index: 102;
padding: 12px 14px;
}
.callusbtn i {
vertical-align: top;
margin-top: 4px;
}
.callusbtn:hover i {
color: #a9a9a9;
} .wsanimated-arrow {
position: absolute;
right: 0;
top: 0;
z-index: 102;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wsanimated-arrow {
cursor: pointer;
padding: 16px 35px 16px 0px;
margin: 7px 0 0 15px;
}
.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
cursor: pointer;
height: 3px;
width: 22px;
background: #a9a9a9;
position: absolute;
display: block;
content: '';
}
.tra-menu .wsanimated-arrow span,
.tra-menu .wsanimated-arrow span:before,
.tra-menu .wsanimated-arrow span:after {
background: #fff;
}
.wsactive .wsanimated-arrow span,
.wsactive .wsanimated-arrow span:before,
.wsactive .wsanimated-arrow span:after {
background: #fff;
}
.wsanimated-arrow span:before {
top: -7px;
width: 26px;
}
.wsanimated-arrow span:after {
bottom: -7px;
width: 20px;
}
.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
transition: all 500ms ease-in-out;
}
.wsactive .wsanimated-arrow span:after {
width: 23px;
}
.wsactive .wsanimated-arrow span {
background-color: transparent;
}
.wsactive .wsanimated-arrow span:before,
.wsactive .wsanimated-arrow.active span:after {
top: 7px;
}
.wsactive .wsanimated-arrow span:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0px;
}
.wsactive .wsanimated-arrow span:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
} .overlapblackbg {
left: 0;
width: calc(100% - 240px);
width: calc(100% - 350px);
height: 100vh;
min-height: 100%;
position: fixed;
top: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.7);
cursor: pointer;
}
.wsactive .wsmenu .overlapblackbg {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
-ms-transition: opacity 1.5s ease-in-out;
-o-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
.wsmenucontainer,
.wsmenu {
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsactive .wsmenucontainer {
margin-right: 240px;
margin-right: 300px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsactive .wsmenu {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
visibility: visible;
z-index: 1000;
top: 0;
}
.logged-in.admin-bar.wsactive .wsmenu {
top: 32px;
}
.wsactive .wsmenu > .wsmenu-list {
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
margin-right: 0;
} .wsmenu > .wsmenu-list > li > .wsmenu-click {
height: 49px;
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
width: 100%;  
}
.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
transform: rotate(-45deg);
margin-top: 23px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsmenu > .wsmenu-list > li > .wsmenu-click > i {
display: block;
height: 8px;
width: 8px;
float: right;
transform: rotate(-225deg);
margin: 18px 18px 0px 0px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
}
.wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
content: "";
width: 100%;
height: 100%;
border-width: 1.5px 1.5px 0 0;
border-style: solid;
border-color: #fff;
transition: 0.2s ease;
display: block;
transform-origin: 100% 0;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 {
height: 41px;
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
width: 100%;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i {
display: block;
height: 8px;
width: 8px;
float: right;
transform: rotate(-225deg);
margin: 14px 18px 0px 0px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i:before {
content: "";
width: 100%;
height: 100%;
border-width: 1.5px 1.5px 0 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0.40);
transition: 0.2s ease;
display: block;
transform-origin: 100% 0;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate {
transform: rotate(-45deg);
margin-top: 19px;
} } @media only screen and (min-width: 992px) and (max-width:1162px) {
.desktoplogo {
margin-left: 12px;
}
.wsmenu > .wsmenu-list > li > a {
padding-left: 16px;
padding-right: 16px;
}
.wsmenu > .wsmenu-list > li a.menuhomeicon {
padding-left: 22px;
padding-right: 22px;
}
}
@media only screen and (max-width: 780px) {
.logged-in.admin-bar .wsmobileheader {
top: 46px;
}
.logged-in.admin-bar.wsactive .wsmenu {
top: 46px;
}
.logged-in.admin-bar.wsactive .scroll .wsmenu {
top: 0;
}
}
 .animated {
animation-duration: 1.2s;
animation-fill-mode: both;
} .animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.fadeInUp,
.animated.fadeInUpBig {
animation-duration: 1.75s;
}
.animated.fadeInLeft,
.animated.fadeInRight {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-20%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li, .content_slider .slides > li, .hero-txt-rotator .slides > li, .blog-img-slider .slides > li  {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider, .flexslider-thumbs {margin: 0; background: transparent; position: relative; zoom: 1;}
.content_slider, .hero_slider, .blog-img-slider {position: relative; padding-bottom:0;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px} .flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 25px; height: 50px; margin: -20px 0 0; display: block; background: url(//euphoriamassage.gr/wp-content/themes/spamagic/img/icons/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -10px; }
.flex-direction-nav .flex-prev {left: -10px;}
.content_slider:hover .flex-next, .hero_slider:hover .flex-next, .blog-img-slider:hover .flex-next {opacity: 0.9; right: 5px;}
.content_slider:hover .flex-prev, .hero_slider:hover .flex-prev, .blog-img-slider:hover .flex-prev {opacity: 0.9; left: 5px;}
.content_slider:hover .flex-next:hover,
.hero_slider:hover .flex-next:hover, 
.content_slider:hover .flex-prev:hover,
.hero_slider:hover .flex-prev:hover,
.blog-img-slider:hover .flex-next:hover, 
.blog-img-slider:hover .flex-prev:hover {
opacity: 0.85;
}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a.flex-active { cursor: default; }
.flex-control-thumbs {margin: 4px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: 0.65; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}@font-face {
font-family: 'icomoon';
src:  url(//euphoriamassage.gr/wp-content/themes/spamagic/fonts/icomoon.eot?t9hqth);
src:  url(//euphoriamassage.gr/wp-content/themes/spamagic/fonts/icomoon.eot?t9hqth#iefix) format('embedded-opentype'),
url(//euphoriamassage.gr/wp-content/themes/spamagic/fonts/icomoon.ttf?t9hqth) format('truetype'),
url(//euphoriamassage.gr/wp-content/themes/spamagic/fonts/icomoon.woff?t9hqth) format('woff'),
url(//euphoriamassage.gr/wp-content/themes/spamagic/fonts/icomoon.svg?t9hqth#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.cs-icon { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cs-113-next:before {
content: "\f170";
}
.cs-070-depilation:before {
content: "\f145";
}
.cs-074-spa-3:before {
content: "\f149";
}
.cs-101-cream-3:before {
content: "\f164";
}
.cs-024-sandals:before {
content: "\f117";
}
.cs-058-kettle:before {
content: "\f139";
}
.cs-017-waterdrop:before {
content: "\f110";
}
.cs-102-essential-oil-2:before {
content: "\f165";
}
.cs-054-massage-1:before {
content: "\f135";
}
.cs-104-lotus-1:before {
content: "\f167";
}
.cs-066-towels:before {
content: "\f141";
}
.cs-085-yoga-mat:before {
content: "\f154";
}
.cs-023-essential-oil-1:before {
content: "\f116";
}
.cs-034-candle-1:before {
content: "\f121";
}
.cs-014-herb:before {
content: "\f10d";
}
.cs-089-towel-1:before {
content: "\f158";
}
.cs-043-facial-treatment:before {
content: "\f12a";
}
.cs-088-soap:before {
content: "\f157";
}
.cs-106-essential-oil-4:before {
content: "\f169";
}
.cs-009-washbowl:before {
content: "\f108";
}
.cs-051-aromatherapy:before {
content: "\f132";
}
.cs-004-nail-polish:before {
content: "\f103";
}
.cs-047-hot-stone:before {
content: "\f12e";
}
.cs-013-juice:before {
content: "\f10c";
}
.cs-095-honey-1:before {
content: "\f15e";
}
.cs-109-pills:before {
content: "\f16c";
}
.cs-002-lotus:before {
content: "\f101";
}
.cs-114-back:before {
content: "\f171";
}
.cs-060-cream-2:before {
content: "\f13b";
}
.cs-090-lotion:before {
content: "\f159";
}
.cs-125-facial-treatment-2:before {
content: "\f17c";
}
.cs-096-towels-1:before {
content: "\f15f";
}
.cs-003-cream:before {
content: "\f102";
}
.cs-019-hot-tub:before {
content: "\f112";
}
.cs-033-washbasin:before {
content: "\f120";
}
.cs-010-herbs:before {
content: "\f109";
}
.cs-127-settings:before {
content: "\f17e";
}
.cs-132-teapot:before {
content: "\f183";
}
.cs-029-hairdryer:before {
content: "\f11c";
}
.cs-080-aroma:before {
content: "\f14f";
}
.cs-111-towels-2:before {
content: "\f16e";
}
.cs-116-olive-branch:before {
content: "\f173";
}
.cs-059-herbal:before {
content: "\f13a";
}
.cs-040-body-scrub:before {
content: "\f127";
}
.cs-130-essential-oil-5:before {
content: "\f181";
}
.cs-037-bamboo-1:before {
content: "\f124";
}
.cs-031-closet:before {
content: "\f11e";
}
.cs-118-bamboo-4:before {
content: "\f175";
}
.cs-039-bucket:before {
content: "\f126";
}
.cs-071-bamboo-2:before {
content: "\f146";
}
.cs-065-oil-2:before {
content: "\f140";
}
.cs-048-oil:before {
content: "\f12f";
}
.cs-038-aromatic-candle:before {
content: "\f125";
}
.cs-108-stopwatch:before {
content: "\f16b";
}
.cs-067-sauna-2:before {
content: "\f142";
}
.cs-030-hair-cream:before {
content: "\f11d";
}
.cs-016-foot:before {
content: "\f10f";
}
.cs-044-massage:before {
content: "\f12b";
}
.cs-068-massage-2:before {
content: "\f143";
}
.cs-128-gift:before {
content: "\f17f";
}
.cs-055-water:before {
content: "\f136";
}
.cs-077-flower-1:before {
content: "\f14c";
}
.cs-032-makeup:before {
content: "\f11f";
}
.cs-110-spa-5:before {
content: "\f16d";
}
.cs-076-mortar-2:before {
content: "\f14b";
}
.cs-049-mortar-1:before {
content: "\f130";
}
.cs-011-mortar:before {
content: "\f10a";
}
.cs-057-hot-stones:before {
content: "\f138";
}
.cs-103-stones:before {
content: "\f166";
}
.cs-091-foot-massage-1:before {
content: "\f15a";
}
.cs-072-foot-massage:before {
content: "\f147";
}
.cs-035-sauna:before {
content: "\f122";
}
.cs-021-tea:before {
content: "\f114";
}
.cs-018-aromatic:before {
content: "\f111";
}
.cs-099-massage-4:before {
content: "\f162";
}
.cs-062-slipper:before {
content: "\f13d";
}
.cs-083-flip-flop:before {
content: "\f152";
}
.cs-056-bathrobe-1:before {
content: "\f137";
}
.cs-046-hot-spring:before {
content: "\f12d";
}
.cs-119-branch-2:before {
content: "\f176";
}
.cs-015-honey:before {
content: "\f10e";
}
.cs-036-spa-1:before {
content: "\f123";
}
.cs-064-candle-2:before {
content: "\f13f";
}
.cs-027-burner:before {
content: "\f11a";
}
.cs-124-facial-treatment-1:before {
content: "\f17b";
}
.cs-026-candle:before {
content: "\f119";
}
.cs-129-aromatherapy-1:before {
content: "\f180";
}
.cs-093-hot-stone-1:before {
content: "\f15c";
}
.cs-117-branch-1:before {
content: "\f174";
}
.cs-063-time:before {
content: "\f13e";
}
.cs-100-make-up:before {
content: "\f163";
}
.cs-123-plant:before {
content: "\f17a";
}
.cs-073-spa-2:before {
content: "\f148";
}
.cs-012-towel:before {
content: "\f10b";
}
.cs-053-slippers:before {
content: "\f134";
}
.cs-028-comb:before {
content: "\f11b";
}
.cs-081-acupuncture-1:before {
content: "\f150";
}
.cs-061-sauna-1:before {
content: "\f13c";
}
.cs-020-essential-oil:before {
content: "\f113";
}
.cs-087-spa-candles:before {
content: "\f156";
}
.cs-025-bamboo:before {
content: "\f118";
}
.cs-006-cream-1:before {
content: "\f105";
}
.cs-079-acupuncture:before {
content: "\f14e";
}
.cs-075-shower-1:before {
content: "\f14a";
}
.cs-069-skin:before {
content: "\f144";
}
.cs-097-wax:before {
content: "\f160";
}
.cs-126-skincare:before {
content: "\f17d";
}
.cs-041-dropper:before {
content: "\f128";
}
.cs-078-spa-4:before {
content: "\f14d";
}
.cs-050-oil-1:before {
content: "\f131";
}
.cs-092-massage-3:before {
content: "\f15b";
}
.cs-001-relax-stones:before {
content: "\f100";
}
.cs-084-cosmetics:before {
content: "\f153";
}
.cs-115-branch:before {
content: "\f172";
}
.cs-052-shower:before {
content: "\f133";
}
.cs-022-bathrobe:before {
content: "\f115";
}
.cs-082-bamboo-3:before {
content: "\f151";
}
.cs-098-acupuncture-2:before {
content: "\f161";
}
.cs-007-spa:before {
content: "\f106";
}
.cs-094-beauty-treatment:before {
content: "\f15d";
}
.cs-107-shower-2:before {
content: "\f16a";
}
.cs-122-focus-2:before {
content: "\f179";
}
.cs-120-focus:before {
content: "\f177";
}
.cs-005-gel:before {
content: "\f104";
}
.cs-121-focus-1:before {
content: "\f178";
}
.cs-131-herbal-2:before {
content: "\f182";
}
.cs-008-smartphone:before {
content: "\f107";
}
.cs-045-honey-jar:before {
content: "\f12c";
}
.cs-105-essential-oil-3:before {
content: "\f168";
}
.cs-112-herbal-1:before {
content: "\f16f";
}
.cs-042-flower:before {
content: "\f129";
}
.cs-086-flower-2:before {
content: "\f155";
}
.cs-001-placeholder:before {
content: "\f184";
}
.cs-002-map:before {
content: "\f185";
}
.cs-003-dollar:before {
content: "\f186";
}
.cs-004-chat:before {
content: "\f187";
}
.cs-005-user:before {
content: "\f188";
}
.cs-006-analytics:before {
content: "\f189";
}
.cs-007-analytics-1:before {
content: "\f18a";
}
.cs-008-analytics-2:before {
content: "\f18b";
}
.cs-009-analytics-3:before {
content: "\f18c";
}
.cs-010-analytics-4:before {
content: "\f18d";
}
.cs-011-analytics-5:before {
content: "\f18e";
}
.cs-012-chat-1:before {
content: "\f18f";
}
.cs-013-chat-2:before {
content: "\f190";
}
.cs-014-chat-3:before {
content: "\f191";
}
.cs-015-chat-4:before {
content: "\f192";
}
.cs-016-credit-card:before {
content: "\f193";
}
.cs-017-credit-card-1:before {
content: "\f194";
}
.cs-018-voice-message:before {
content: "\f195";
}
.cs-019-rotation-lock:before {
content: "\f196";
}
.cs-020-ballot:before {
content: "\f197";
}
.cs-021-email:before {
content: "\f198";
}
.cs-022-email-1:before {
content: "\f199";
}
.cs-023-wireframe:before {
content: "\f19a";
}
.cs-024-wireframe-1:before {
content: "\f19b";
}
.cs-025-wireframe-2:before {
content: "\f19c";
}
.cs-026-dashboard:before {
content: "\f19d";
}
.cs-027-inside:before {
content: "\f19e";
}
.cs-028-outside:before {
content: "\f19f";
}
.cs-029-menu:before {
content: "\f1a0";
}
.cs-030-search:before {
content: "\f1a1";
}
.cs-031-trash:before {
content: "\f1a2";
}
.cs-032-bulleye:before {
content: "\f1a3";
}
.cs-033-graph:before {
content: "\f1a4";
}
.cs-034-graph-1:before {
content: "\f1a5";
}
.cs-035-command:before {
content: "\f1a6";
}
.cs-036-home:before {
content: "\f1a7";
}
.cs-037-double-click:before {
content: "\f1a8";
}
.cs-038-box:before {
content: "\f1a9";
}
.cs-039-paperclip:before {
content: "\f1aa";
}
.cs-040-font:before {
content: "\f1ab";
}
.cs-041-search-1:before {
content: "\f1ac";
}
.cs-042-paint-roller:before {
content: "\f1ad";
}
.cs-043-active:before {
content: "\f1ae";
}
.cs-044-alarm:before {
content: "\f1af";
}
.cs-045-calendar:before {
content: "\f1b0";
}
.cs-046-calendar-1:before {
content: "\f1b1";
}
.cs-047-stopwatch:before {
content: "\f1b2";
}
.cs-048-book:before {
content: "\f1b3";
}
.cs-049-hashtag:before {
content: "\f1b4";
}
.cs-050-speech-bubble:before {
content: "\f1b5";
}
.cs-051-algorithm:before {
content: "\f1b6";
}
.cs-052-cloud-network:before {
content: "\f1b7";
}
.cs-053-hierarchy:before {
content: "\f1b8";
}
.cs-054-shift:before {
content: "\f1b9";
}
.cs-055-social-media:before {
content: "\f1ba";
}
.cs-056-web-programming:before {
content: "\f1bb";
}
.cs-057-smartphone:before {
content: "\f1bc";
}
.cs-058-web-browser:before {
content: "\f1bd";
}
.cs-059-web-browser-1:before {
content: "\f1be";
}
.cs-060-add:before {
content: "\f1bf";
}
.cs-061-internet:before {
content: "\f1c0";
}
.cs-062-desktop:before {
content: "\f1c1";
}
.cs-063-web-programming-1:before {
content: "\f1c2";
}
.cs-064-web-search-engine:before {
content: "\f1c3";
}
.cs-065-line-graph:before {
content: "\f1c4";
}
.cs-066-line-graph-1:before {
content: "\f1c5";
}
.cs-067-increase:before {
content: "\f1c6";
}
.cs-068-back-camera:before {
content: "\f1c7";
}
.cs-069-smartphone-1:before {
content: "\f1c8";
}
.cs-070-rotate:before {
content: "\f1c9";
}
.cs-071-smartphone-2:before {
content: "\f1ca";
}
.cs-072-calculator:before {
content: "\f1cb";
}
.cs-073-key:before {
content: "\f1cc";
}
.cs-074-office-building:before {
content: "\f1cd";
}
.cs-075-folder:before {
content: "\f1ce";
}
.cs-076-add-1:before {
content: "\f1cf";
}
.cs-077-folder-1:before {
content: "\f1d0";
}
.cs-078-graphs:before {
content: "\f1d1";
}
.cs-079-alarm-clock:before {
content: "\f1d2";
}
.cs-080-hosting-servers:before {
content: "\f1d3";
}
.cs-081-upload:before {
content: "\f1d4";
}
.cs-082-download:before {
content: "\f1d5";
}
.cs-083-copy:before {
content: "\f1d6";
}
.cs-084-image:before {
content: "\f1d7";
}
.cs-085-wishlist:before {
content: "\f1d8";
}
.cs-086-menu-1:before {
content: "\f1d9";
}
.cs-087-phone-call:before {
content: "\f1da";
}
.cs-088-reload:before {
content: "\f1db";
}
.cs-089-chat-5:before {
content: "\f1dc";
}
.cs-090-reward:before {
content: "\f1dd";
}
.cs-091-command-line:before {
content: "\f1de";
}
.cs-092-arrow:before {
content: "\f1df";
}
.cs-093-add-2:before {
content: "\f1e0";
}
.cs-094-book-1:before {
content: "\f1e1";
}
.cs-095-love-message:before {
content: "\f1e2";
}
.cs-096-new-window:before {
content: "\f1e3";
}
.cs-097-video:before {
content: "\f1e4";
}
.cs-098-share:before {
content: "\f1e5";
}
.cs-099-folder-2:before {
content: "\f1e6";
}
.cs-100-stop:before {
content: "\f1e7";
}
.cs-101-coding:before {
content: "\f1e8";
}
.cs-102-add-3:before {
content: "\f1e9";
}
.cs-103-diamond:before {
content: "\f1ea";
}
.cs-104-repeat:before {
content: "\f1eb";
}
.cs-105-cloud-computing:before {
content: "\f1ec";
}
.cs-106-share-1:before {
content: "\f1ed";
}
.cs-107-translation:before {
content: "\f1ee";
}
.cs-108-airplay:before {
content: "\f1ef";
}
.cs-109-click:before {
content: "\f1f0";
}
.cs-110-resize:before {
content: "\f1f1";
}
.cs-111-slow-motion:before {
content: "\f1f2";
}
.cs-112-shopping-bag:before {
content: "\f1f3";
}
.cs-113-filter:before {
content: "\f1f4";
}
.cs-114-list:before {
content: "\f1f5";
}
.cs-115-equalizer:before {
content: "\f1f6";
}
.cs-116-send:before {
content: "\f1f7";
}
.cs-117-voice-search:before {
content: "\f1f8";
}
.cs-118-server:before {
content: "\f1f9";
}
.cs-119-server-1:before {
content: "\f1fa";
}
.cs-120-color-palette:before {
content: "\f1fb";
}
.cs-121-web-design:before {
content: "\f1fc";
}
.cs-122-target:before {
content: "\f1fd";
}
.cs-123-speech-bubble-1:before {
content: "\f1fe";
}
.cs-124-settings:before {
content: "\f1ff";
}
.cs-125-worldwide:before {
content: "\f200";
}
.cs-126-shuttle:before {
content: "\f201";
}
.cs-127-shield:before {
content: "\f202";
}
.cs-128-wallet:before {
content: "\f203";
}
.cs-129-cloud-computing-1:before {
content: "\f204";
}
.cs-130-help:before {
content: "\f205";
}
.cs-131-seo:before {
content: "\f206";
}
.cs-132-click-1:before {
content: "\f207";
}
.cs-133-flow-chart:before {
content: "\f208";
}
.cs-134-pay-day:before {
content: "\f209";
}
.cs-135-priority:before {
content: "\f20a";
}
.cs-136-speech-bubble-2:before {
content: "\f20b";
}
.cs-137-speech-bubble-3:before {
content: "\f20c";
}
.cs-138-list-1:before {
content: "\f20d";
}
.cs-139-faq:before {
content: "\f20e";
}
.cs-140-settings-1:before {
content: "\f20f";
}
.cs-141-binary-code:before {
content: "\f210";
}
.cs-142-click-2:before {
content: "\f211";
}
.cs-143-album:before {
content: "\f212";
}
.cs-144-price:before {
content: "\f213";
}
.cs-145-tool:before {
content: "\f214";
}
.cs-146-time:before {
content: "\f215";
}
.cs-147-shirt:before {
content: "\f216";
}
.cs-148-puzzle:before {
content: "\f217";
}
.cs-149-deadline:before {
content: "\f218";
}
.cs-150-tv:before {
content: "\f219";
}
.cs-151-negotiation:before {
content: "\f21a";
}
.cs-152-layers:before {
content: "\f21b";
}
.cs-153-idea:before {
content: "\f21c";
}
.cs-154-record:before {
content: "\f21d";
}
.cs-155-radar:before {
content: "\f21e";
}
.cs-156-gamepad:before {
content: "\f21f";
}
.cs-157-signal:before {
content: "\f220";
}
.cs-158-speech-bubble-4:before {
content: "\f221";
}
.cs-159-server-2:before {
content: "\f222";
}
.cs-160-shield-1:before {
content: "\f223";
}
.cs-161-firewall:before {
content: "\f224";
}
.cs-162-process:before {
content: "\f225";
}
.cs-163-24-hours:before {
content: "\f226";
}
.cs-164-fingerprint-scan:before {
content: "\f227";
}
.cs-165-folder-3:before {
content: "\f228";
}
.cs-166-folder-4:before {
content: "\f229";
}
.cs-167-tongue:before {
content: "\f22a";
}
.cs-168-secure:before {
content: "\f22b";
}
.cs-169-increase-1:before {
content: "\f22c";
}
.cs-170-gift:before {
content: "\f22d";
}
.cs-171-browser:before {
content: "\f22e";
}
.cs-172-shield-2:before {
content: "\f22f";
}
.cs-173-keyboard:before {
content: "\f230";
}
.cs-174-filter-1:before {
content: "\f231";
}
.cs-175-click-3:before {
content: "\f232";
}
.cs-176-download-1:before {
content: "\f233";
}
.cs-177-file:before {
content: "\f234";
}
.cs-178-pantone:before {
content: "\f235";
}
.cs-179-avatar:before {
content: "\f236";
}
.cs-180-left-quote:before {
content: "\f237";
}
.cs-181-heart:before {
content: "\f238";
}
.cs-182-half-star-shape:before {
content: "\f239";
}
.cs-183-star-half-empty:before {
content: "\f23a";
}
.cs-184-star:before {
content: "\f23b";
}
.cs-185-star-1:before {
content: "\f23c";
}
.cs-186-heart-shape-outline:before {
content: "\f23d";
}
.cs-187-reply-arrow:before {
content: "\f23e";
}
.cs-188-play-button:before {
content: "\f23f";
}
.cs-189-play:before {
content: "\f240";
}
.cs-190-right-arrow:before {
content: "\f241";
}
.cs-191-magnifying-glass:before {
content: "\f242";
}
.cs-192-plus-black-symbol:before {
content: "\f243";
}
.cs-193-minus-symbol:before {
content: "\f244";
}
.cs-194-left-arrow:before {
content: "\f245";
}
.cs-195-right-arrow-1:before {
content: "\f246";
}
.cs-196-down-arrow:before {
content: "\f247";
}
.cs-197-:before {
content: "\f248";
}
.cs-198-instagram:before {
content: "\f249";
}
.cs-199-telegram:before {
content: "\f24a";
}
.cs-200-whatsapp:before {
content: "\f24b";
}
.cs-201-linkedin:before {
content: "\f24c";
}
.cs-202-viber:before {
content: "\f24d";
}
.cs-203-spotify:before {
content: "\f24e";
}
.cs-204-vk:before {
content: "\f24f";
}
.cs-205-facebook:before {
content: "\f250";
}
.cs-206-kakao-talk:before {
content: "\f251";
}
.cs-207-youtube:before {
content: "\f252";
}
.cs-208-line:before {
content: "\f253";
}
.cs-209-twitter:before {
content: "\f254";
}
.cs-210-behance:before {
content: "\f255";
}
.cs-211-google-play:before {
content: "\f256";
}
.cs-212-snapchat:before {
content: "\f257";
}
.cs-213-google-plus:before {
content: "\f258";
}
.cs-214-odnoklassniki:before {
content: "\f259";
}
.cs-215-messenger:before {
content: "\f25a";
}
.cs-216-skype:before {
content: "\f25b";
}
.cs-217-google-drive:before {
content: "\f25c";
}
.cs-218-slack:before {
content: "\f25d";
}
.cs-219-open-source:before {
content: "\f25e";
}
.cs-220-twitter-1:before {
content: "\f25f";
}
.cs-221-vimeo:before {
content: "\f260";
}
.cs-222-evernote:before {
content: "\f261";
}
.cs-223-blogger:before {
content: "\f262";
}
.cs-224-google-hangouts:before {
content: "\f263";
}
.cs-225-yelp:before {
content: "\f264";
}
.cs-226-dropbox:before {
content: "\f265";
}
.cs-227-stack-overflow:before {
content: "\f266";
}
.cs-228-github:before {
content: "\f267";
}
.cs-229-codepen:before {
content: "\f268";
}
.cs-230-github-1:before {
content: "\f269";
}
.cs-231-envato:before {
content: "\f26a";
}
.cs-232-delicious:before {
content: "\f26b";
}
.cs-233-pinterest-round-logo:before {
content: "\f26c";
}
.cs-234-linkedin-logo:before {
content: "\f26d";
}
.cs-235-dribble-big-logo:before {
content: "\f26e";
}
.cs-236-linux-platform:before {
content: "\f26f";
}
.cs-237-python:before {
content: "\f270";
}
.cs-238-sketch:before {
content: "\f271";
}
.cs-239-diamond-1:before {
content: "\f272";
}
.cs-240-wordpress-logo:before {
content: "\f273";
}
.cs-241-adobe:before {
content: "\f274";
}
.cs-242-html-5:before {
content: "\f275";
}
.cs-243-css-3:before {
content: "\f276";
}
.cs-244-php:before {
content: "\f277";
}
.cs-245-file-1:before {
content: "\f278";
}
.cs-246-js:before {
content: "\f279";
}
.cs-247-sql:before {
content: "\f27a";
}
.cs-248-zip:before {
content: "\f27b";
}
.cs-249-back:before {
content: "\f27c";
}
.cs-250-next:before {
content: "\f27d";
}
.cs-251-slack-1:before {
content: "\f27e";
}
.cs-252-steam:before {
content: "\f27f";
}
.cs-253-git:before {
content: "\f280";
}
.cs-254-bookmark:before {
content: "\f281";
}
.cs-255-check:before {
content: "\f282";
}
.cs-256-cancel:before {
content: "\f283";
}
.cs-002-map-1:before {
content: "\e900";
}
.cs-018-voice-message-1:before {
content: "\e901";
}
.cs-019-rotation-lock-1:before {
content: "\e902";
}
.cs-027-inside-1:before {
content: "\e903";
}
.cs-028-outside-1:before {
content: "\e904";
}
.cs-067-increase-1:before {
content: "\e905";
}
.cs-120-color-palette-1:before {
content: "\e906";
}
.cs-122-target-1:before {
content: "\e907";
}
.cs-126-shuttle-1:before {
content: "\e908";
}
.cs-140-settings-1-1:before {
content: "\e909";
}
.cs-163-24-hours-1:before {
content: "\e90a";
}
.cs-176-download-1-1:before {
content: "\e90b";
}
.cs-179-avatar-1:before {
content: "\e90c";
}
.cs-180-left-quote-1:before {
content: "\e90d";
}
.cs-181-heart-1:before {
content: "\e90e";
}
.cs-183-star-half-empty-1:before {
content: "\e90f";
}
.cs-184-star-1:before {
content: "\e910";
}
.cs-185-star-1-1:before {
content: "\e911";
}
.cs-186-heart-shape-outline-1:before {
content: "\e912";
}
.cs-191-magnifying-glass-1:before {
content: "\e913";
}
.cs-192-plus-black-symbol-1:before {
content: "\e914";
}
.cs-199-telegram-1:before {
content: "\e915";
}
.cs-235-dribble-big-logo-1:before {
content: "\e916";
}
.cs-256-cancel-1:before {
content: "\e917";
}html {
-webkit-font-smoothing: antialiased;
font-size: 16px;
}  @-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }  #page { overflow: hidden; }  .bg-fixed,
.bg-scroll {
width: 100%;
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
}
.bg-scroll {
background-attachment: fixed!important;
}
.rel { position: relative!important; }  .bg-white { background-color: #fff!important; }
.bg-dark { background-color: #282828!important; }
.bg-lightgrey { background-color: #fbfbfb; }
.bg-cornsilk { background-color: #fffcfb; }
.bg-beige { background-color: #f2ebd6; }
.bg-cherry { background-color: #9e6e66; }
.bg-coral { background-color: #fbbbb9; }
.bg-cream { background-color: #fff6f3; }
.bg-lipstick { background-color: #d8c2be; }
.bg-pearl { background-color: #fcfaf6; }
.bg-oak { background-color: #8e7e51; }
.bg-pink { background-color: #fe6d70; }
.bg-peach { background-color: #fef2f0; }
.bg-sangria { background-color: #a48b73; }
.bg-silk { background-color: #f7f6ed; }
.bg-shell { background-color: #afa074; }
.bg-rosybrown { background-color: #b7948e; }
.bg-purple { background-color: #3f2b4e; }  .b-top { border-top: 1px solid rgba(142, 126, 81, .3); }
.b-bottom { border-bottom: 1px solid rgba(142, 126, 81, .3); }
.b-left { border-left: 1px solid rgba(142, 126, 81, .3); }
.b-right { border-right: 1px solid rgba(142, 126, 81, .3); }   h1, h2, h3, h4, h5, h6 {  
font-family: 'Lustria', serif;
line-height: 1.3;
font-weight: 700;
letter-spacing: 1px;
} h6.h6-xs { font-size: 1.0625rem; } h6.h6-sm { font-size: 1.125rem; } h6.h6-md { font-size: 1.15625rem; } h6.h6-lg { font-size: 1.1875rem; } h6.h6-xl { font-size: 1.21875rem; }  h5.h5-xs { font-size: 1.25rem; } h5.h5-sm { font-size: 1.375rem; } h5.h5-md { font-size: 1.5rem; } h5.h5-lg { font-size: 1.625rem; } h5.h5-xl { font-size: 1.75rem; }  h4.h4-xs { font-size: 1.875rem; } h4.h4-sm { font-size: 2rem; } h4.h4-md { font-size: 2.125rem; } h4.h4-lg { font-size: 2.25rem; } h4.h4-xl { font-size: 2.375rem; } h3.h3-xs { font-size: 2.5rem; } h3.h3-sm { font-size: 2.625rem; } h3.h3-md { font-size: 2.75rem; } h3.h3-lg { font-size: 2.875rem; } h3.h3-xl { font-size: 3rem; }  h2.h2-xs { font-size: 3.125rem; } h2.h2-sm { font-size: 3.25rem; } h2.h2-md { font-size: 3.375rem; } h2.h2-lg { font-size: 3.5rem; } h2.h2-xl { font-size: 3.75rem; }   p.p-sm { font-size: 1rem; } p { font-size: 1.0625rem; } p.p-md { font-size: 1.125rem; } p.p-lg { font-size: 1.1875rem; } p.p-xl { font-size: 1.25rem; }   a {
color: #333;
text-decoration: none;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}
a:hover {
color: #666;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}  .txt-list li i {
position: relative;
font-size: 1.05rem;
line-height: 1.5rem;
float: left;
margin-right: 10px;
top: 2px;
}
.txt-list li p {
overflow: hidden;
margin-bottom: 10px;
}
ul.simple-list {
list-style: disc;
margin-left: 15px;
}  ol.num-list {
margin-left: -20px;
}
ol.num-list li p {
padding-left: 5px;
margin-bottom: 5px;
}
ol.digit-list {
padding: 0;
margin-left: 15px;
}
ol.digit-list p {
margin-bottom: 8px;
}  .btn {
background-color: transparent;
color: #fff;
font-size: 15px;
line-height: 1;
font-weight: 500;
padding: 13px 26px;
border: 1px solid transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;  
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}  .btn.btn-sm {
font-size: 14px;
padding: 12px 24px;
}
.btn.btn-md {
font-size: 18px;
padding: 14px 34px;
}
.btn.btn-lg {
font-size: 20px;
padding: 14px 42px;
}  .btn-tra-white {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.scroll .btn-tra-white {
color: #333!important;
background-color: transparent;
border-color: #333;
}
.btn-tra-cherry, 
.scroll .btn-tra-cherry, 
.white-color .btn-tra-cherry,
.tra-cherry-hover:hover, 
.scroll .tra-cherry-hover:hover, 
.white-color .tra-cherry-hover:hover {
color: #9e6e66!important;
background-color: transparent;
border-color: #9e6e66!important;
}
.btn-tra-oak, 
.scroll .btn-tra-oak, 
.white-color .btn-tra-oak,
.tra-oak-hover:hover, 
.scroll .tra-oak-hover:hover, 
.white-color .tra-oak-hover:hover {
color: #8e7e51!important;
background-color: transparent;
border-color: #8e7e51!important;
}
.btn-tra-pink, 
.scroll .btn-tra-pink, 
.white-color .btn-tra-pink,
.tra-pink-hover:hover, 
.scroll .tra-pink-hover:hover, 
.white-color .tra-pink-hover:hover {
color: #fe6d70!important;
background-color: transparent;
border-color: #fe6d70!important;
}
.btn-tra-rosybrown, 
.scroll .btn-tra-rosybrown, 
.white-color .btn-tra-rosybrownk,
.tra-rosybrown-hover:hover, 
.scroll .tra-rosybrown-hover:hover, 
.white-color .tra-rosybrown-hover:hover {
color: #b7948e!important;
background-color: transparent;
border-color: #b7948e!important;
}  .btn-white, .white-color .btn-white {
color: #333;
background-color: #fff;
border-color: #fff!important;
}
.btn-cherry, 
.scroll .btn-cherry, 
.white-color .btn-cherry,
.cherry-hover:hover, 
.scroll .cherry-hover:hover, 
.white-color .cherry-hover:hover {
color: #fff!important;
background-color: #9e6e66;
border-color: #9e6e66!important;
}
.btn-oak, 
.scroll .btn-oak, 
.white-color .btn-oak,
.oak-hover:hover, 
.scroll .oak-hover:hover, 
.white-color .oak-hover:hover {
color: #fff!important;
background-color: #8e7e51;
border-color: #8e7e51!important;
}
.btn-pink, 
.scroll .btn-pink, 
.white-color .btn-pink,
.pink-hover:hover, 
.scroll .pink-hover:hover, 
.white-color .pink-hover:hover {
color: #fff!important;
background-color: #fe6d70;
border-color: #fe6d70!important;
}
.btn-rosybrown, 
.scroll .btn-rosybrown, 
.white-color .btn-rosybrown,
.rosybrown-hover:hover, 
.scroll .rosybrown-hover:hover, 
.white-color .rosybrown-hover:hover {
color: #fff!important;
background-color: #b7948e;
border-color: #b7948e!important;
}  .black-hover:hover, 
.scroll .black-hover:hover, 
.white-color .black-hover:hover {
color: #fff!important;
background-color: #333!important;
border-color: #333!important;
}
.tra-black-hover:hover, 
.scroll .tra-black-hover:hover, 
.white-color .tra-black-hover:hover {
color: #333!important;
background-color: transparent;
border-color: #333!important;
}
.white-hover:hover, 
.white-color .white-hover:hover {
color: #333!important;
background-color: #fff;
border-color: #fff!important;
}
.tra-white-hover:hover, 
.white-color .tra-white-hover:hover {
color: #fff!important;
background-color: transparent;
border-color: #fff!important;
}
.scroll .tra-white-hover:hover {
color: #333!important;
background-color: transparent;
border-color: #333!important;
}  .btn:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn.btn-black:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn-tra-black:focus, 
.btn.btn-tra-grey:focus {
color: #333; 
-webkit-box-shadow: none;
box-shadow: none; 
}  .video-preview {
position: relative; 
text-align: center;
}
.video-block {
width: 100px;
height: 100px;
position: relative;
display: inline-block;
}  .video-btn {
width: 100px;
height: 100px;
position: absolute!important;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px; 
display: inline-block;
text-align: center;
color: #fff;
line-height: 100px!important;   
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; 
}
.video-btn i {
font-size: 3rem;
line-height: 100px!important;   
margin-left: 11px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.video-btn:hover i {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}  .section-title {
text-align: center;
position: relative;
}
.section-title p {
color: #777;
padding: 0 15%;
margin: 12px 0 0;
}
.tra-header {
font-family: 'Alex Brush', cursive;
font-size: 6rem;
line-height: 1;
letter-spacing: 2px;
opacity: .15;
position: relative;
margin-top: -30px;
margin-bottom: -45px;
}
.section-id {
font-family: 'Alex Brush', cursive;
font-size: 2.5rem;
line-height: 1;
opacity: .6;
letter-spacing: 2px;
margin-bottom: 5px;
}  .title-before.ico-70 {
transform: rotate(35deg);
margin-top: -10px;
margin-bottom: 10px;
}
.title-before.ico-60 {
transform: rotate(40deg);
margin-top: -10px;
margin-bottom: 10px;
}
.title-after.ico-60 {
transform: rotate(40deg);
}  .white-color,
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color a, 
.white-color li,
.white-color i, 
.white-color span { color: #fff; }
.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color a,
.grey-color li, 
.grey-color i, 
.white-color .lgrey-color,
.grey-color span { color: #6a7685; }
.brown-color,
.brown-color h2, 
.brown-color h3, 
.brown-color h4, 
.brown-color h5, 
.brown-color h6, 
.brown-color p, 
.brown-color a,
.brown-color li, 
.brown-color i,
.brown-color span, 
.white-color .brown-color { color: #a87e72; }
.cherry-color,
.cherry-color h2, 
.cherry-color h3, 
.cherry-color h4, 
.cherry-color h5, 
.cherry-color h6, 
.cherry-color p, 
.cherry-color a,
.cherry-color li, 
.cherry-color i,
.cherry-color span, 
.white-color .cherry-color { color: #9e6e66; }
.lipstick-color,
.lipstick-color h2, 
.lipstick-color h3, 
.lipstick-color h4, 
.lipstick-color h5, 
.lipstick-color h6, 
.lipstick-color p, 
.lipstick-color a,
.lipstick-color li, 
.lipstick-color i,
.lipstick-color span, 
.white-color .lipstick-color { color: #d8c2be; }
.oak-color,
.oak-color h2, 
.oak-color h3, 
.oak-color h4, 
.oak-color h5, 
.oak-color h6, 
.oak-color p, 
.oak-color a,
.oak-color li, 
.oak-color i,
.oak-color span, 
.white-color .oak-color { color: #8e7e51; }
.pink-color,
.pink-color h2, 
.pink-color h3, 
.pink-color h4, 
.pink-color h5, 
.pink-color h6, 
.pink-color p, 
.pink-color a,
.pink-color li, 
.pink-color i,
.pink-color span, 
.white-color .pink-color { color: #fe6d70; }
.rosybrown-color,
.rosybrown-color h2, 
.rosybrown-color h3, 
.rosybrown-color h4, 
.rosybrown-color h5, 
.rosybrown-color h6, 
.rosybrown-color p, 
.rosybrown-color a,
.rosybrown-color li, 
.rosybrown-color i,
.rosybrown-color span, 
.white-color .rosybrown-color { color: #b7948e; }
.wheat-color,
.wheat-color h2, 
.wheat-color h3, 
.wheat-color h4, 
.wheat-color h5, 
.wheat-color h6, 
.wheat-color p, 
.wheat-color a,
.wheat-color li, 
.wheat-color i,
.wheat-color span, 
.white-color .wheat-color { color: #be9e5b; }
.wood-color,
.wood-color h2, 
.wood-color h3, 
.wood-color h4, 
.wood-color h5, 
.wood-color h6, 
.wood-color p, 
.wood-color a,
.wood-color li, 
.wood-color i,
.wood-color span, 
.white-color .wood-color { color: #5f5842; }  .txt-block h4,
.txt-block h3,
.txt-block h2 {
margin-bottom: 25px;
}
.txt-block h3.tra-header,
.txt-block h2.tra-header {
margin-bottom: -45px;
}
.txt-block h3.section-id,
.txt-block h2.section-id {
opacity: .75;
margin-bottom: 10px;
}
.txt-block h5.sm-title {
margin-bottom: 12px;
}
.txt-block .btn {
margin-top: 15px;
}  .txt-block-rating {
margin-bottom: 20px;
}
.txt-block-rating span {
position: relative;
font-size: 1.25rem;
line-height: 1;
font-weight: 700;
margin-left: 6px; 
top: 2px;
}
.stars-rating i {
color: #f74b90;
font-size: 1rem;
line-height: 1.175rem;
margin-left: 1px; 
}  .img-block {
text-align: center;
}
.inner-img {
margin-top: 35px;
margin-bottom: 35px;  
}  .txt-300 { font-weight: 300; }
.txt-400 { font-weight: 400; }
.txt-500 { font-weight: 500; }
.txt-600 { font-weight: 600; }
.txt-700 { font-weight: 700; }
.txt-800 { font-weight: 800; }
.txt-900 { font-weight: 900; }
.txt-upcase { text-transform: uppercase; }  .ab-img-01 {
position: absolute;
right: 15px;
bottom: -65px;
z-index: 99;
}
.ab-img-02  {
position: absolute;
left: 25px;
bottom: -65px;
z-index: 99;
}   .bg-color-01 { background-color: #fefdfc; }  
.bg-color-02 { background-color: #f7f4f0; }  
.bg-color-03 { background-color: #f74b90; }  
.bg-color-04 { background-color: #d8c2be; }  
.bg-color-05 { background-color: #f0e6e0; }  
.bg-color-06 { background-color: #fff6f3; }  
.bg-color-07 { background-color: #d8c2be; }  
.bg-color-08 { background-color: #fef2f0; }  
.bg-color-09 { background-color: #f74b90; }
.bg-color-10 { background-color: #3f2b4e; }  .btn-tra-01, 
.scroll .btn-tra-01, 
.white-color .btn-tra-01,
.tra-01-hover:hover, 
.scroll .tra-01-hover:hover, 
.white-color .tra-01-hover:hover {
color: #f74b90;
background-color: transparent;
border-color: #f74b90;
}
.btn-tra-02, 
.scroll .btn-tra-02, 
.white-color .btn-tra-02,
.tra-02-hover:hover, 
.scroll .tra-02-hover:hover, 
.white-color .tra-02-hover:hover {
color: #f74b90;
background-color: transparent;
border-color: #f74b90;
}
.btn-color-01, 
.scroll .btn-color-01, 
.white-color .btn-color-01,
.color-01-hover:hover, 
.scroll .color-01-hover:hover, 
.white-color .color-01-hover:hover {
color: #fff!important;
background-color: #b7948e;
border-color: #b7948e!important;
}
.btn-color-02, 
.scroll .btn-color-02, 
.white-color .btn-color-02,
.color-02-hover:hover, 
.scroll .color-02-hover:hover, 
.white-color .color-02-hover:hover {
color: #fff;
background-color: #f74b90;
border-color: #f74b90;
}  .txt-color-01,
.txt-color-01 h2, 
.txt-color-01 h3, 
.txt-color-01 h4, 
.txt-color-01 h5, 
.txt-color-01 h6, 
.txt-color-01 p, 
.txt-color-01 a,
.txt-color-01 li, 
.txt-color-01 i,
.txt-color-01 span, 
.white-color .txt-color-01 { 
color: #444; 
}
.txt-color-02,
.txt-color-02 h2, 
.txt-color-02 h3, 
.txt-color-02 h4, 
.txt-color-02 h5, 
.txt-color-02 h6, 
.txt-color-02 p, 
.txt-color-02 a,
.txt-color-02 li, 
.txt-color-02 i,
.txt-color-02 span, 
.white-color .txt-color-02 { color: #b7948e; }
.txt-color-03,
.txt-color-03 h2, 
.txt-color-03 h3, 
.txt-color-03 h4, 
.txt-color-03 h5, 
.txt-color-03 h6, 
.txt-color-03 p, 
.txt-color-03 a,
.txt-color-03 li, 
.txt-color-03 i,
.txt-color-03 span, 
.white-color .txt-color-03 { color: #f74b90; }
.txt-color-04,
.txt-color-04 h2, 
.txt-color-04 h3, 
.txt-color-04 h4, 
.txt-color-04 h5, 
.txt-color-04 h6, 
.txt-color-04 p, 
.txt-color-04 a,
.txt-color-04 li, 
.txt-color-04 i,
.txt-color-04 span, 
.white-color .txt-color-04 { color: #bd857c; }
.txt-color-05,
.txt-color-05 h2, 
.txt-color-05 h3, 
.txt-color-05 h4, 
.txt-color-05 h5, 
.txt-color-05 h6, 
.txt-color-05 p, 
.txt-color-05 a,
.txt-color-05 li, 
.txt-color-05 i,
.txt-color-05 span, 
.white-color .txt-color-05 { color: #777; }
.txt-color-06,
.txt-color-06 h2, 
.txt-color-06 h3, 
.txt-color-06 h4, 
.txt-color-06 h5, 
.txt-color-06 h6, 
.txt-color-06 p, 
.txt-color-06 a,
.txt-color-06 li, 
.txt-color-06 i,
.txt-color-06 span, 
.white-color .txt-color-06 { color: #f74b90; } #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
}
#loading {
background-color: #fefdfc;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999999;
margin-top: 0px;
top: 0px;
}
.cssload-loader {
position: absolute;
left: 50%;
top: 50%;
margin-top: -40px;
margin-left: -40px;
width: 50px;
height: 50px;
animation: cssload-invert 2.3s infinite steps(2, end);
-o-animation: cssload-invert 2.3s infinite steps(2, end);
-ms-animation: cssload-invert 2.3s infinite steps(2, end);
-webkit-animation: cssload-invert 2.3s infinite steps(2, end);
-moz-animation: cssload-invert 2.3s infinite steps(2, end);
}
.fancy-spinner {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 5rem;
height: 5rem;
}
.fancy-spinner div {
position: absolute;
width: 6rem;
height: 6rem;
border-radius: 50%;
}
.fancy-spinner div.ring {
border-width: 0.25rem;
border-style: solid;
border-color: transparent;
-webkit-animation: 2s fancy infinite alternate;
animation: 2s fancy infinite alternate;
}
.fancy-spinner div.ring:nth-child(1) {
border-left-color: #f74b90;
border-right-color: #f74b90;
}
.fancy-spinner div.ring:nth-child(2) {
border-top-color: #f74b90;
border-bottom-color: #f74b90;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.fancy-spinner div.dot {
width: 1rem;
height: 1rem;
background: #f74b90;
}
@-webkit-keyframes fancy {
to {
-webkit-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
}
@keyframes fancy {
to {
-webkit-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
} #header {
width: 100%;
display: block;
padding-top: 0px;
}
.header-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
}
.headerwp {
max-width: 1140px;
margin: 0 auto;
padding: 0;
}
.posrlt {
position: relative;
}  .wsmainfull {
width: 100%;
height: auto;
z-index: 1031;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out; 
}
.tra-menu .wsmainfull {
background-color: transparent!important;
padding: 20px 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.white-menu .wsmainfull {
background-color: #fff!important;
padding: 6px 0;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .085);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .085);
box-shadow: 0 2px 3px rgba(96, 96, 96, .085);
}
.dark-menu .wsmainfull {
background-color: #222438!important;
padding: 6px 0;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}  .wsmenu > .wsmenu-list > li > a {
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
margin: 0 6px;
padding: 10px 12px;
line-height: 50px;
text-decoration: none;  
}
.navbar-dark .wsmenu > .wsmenu-list > li > a {
color: #465777;
}
.navbar-light .wsmenu > .wsmenu-list > li > a {
color: #fff;
}
.wsmenu > .wsmenu-list > li > a.last-link {
padding: 10px 0px;
margin: 0 0 0 7px;
}
.wsmenu > .wsmenu-list > li > a .wsarrow:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid;
content: "";
float: right;
right: 0;
height: 0;
margin: 0 0 0 15px;
position: absolute;
text-align: right;
top: 33px;
width: 0;
}  .wsmenu > .wsmenu-list > li.header-phone > a {
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
margin: 0;
padding: 10px 0 10px 10px;
}
.wsmenu > .wsmenu-list > li.header-phone > a span {
display: inline-block;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
margin-bottom: 0;
margin-right: 8px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.wsmenu > .wsmenu-list > li.header-phone > a span i {
font-size: 13px;
margin-right: 0;
}  .wsmenu > .wsmenu-list > li a.btn {
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.5px;
margin-top: 12px;
margin-left: 10px;
padding: 15px 20px;
}  .header-socials {
margin: 0;
display: inline-block; 
text-align: center;
}
.header-socials span {
float: left;
width: auto !important;
vertical-align: top;
clear: none !important;
margin: 0;
}
.header-socials a {
display: block;
font-size: 20px;
line-height: 70px!important;   
margin-left: 18px;
}  .wsmenu > .wsmenu-list > li > ul.sub-menu {
padding: 10px 20px;
width: auto;
min-width: 200px;
border: solid 1px #f2f7fb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
-moz-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
color: #9099a4;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
padding: 8px 0;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #465777;
padding: 8px 0 8px 16px;
}  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
width: 40%;
padding: 15px 22px;
border: solid 1px #f2f7fb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
-moz-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list {
padding: 0;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 .link-list li,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list li {
position: relative;
border-bottom: none;
}  .wsmenu > .wsmenu-list > li > .wsmegamenu {
border: solid 1px #f2f7fb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
-moz-box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
box-shadow: 0 8px 32px rgba(53, 61, 76, .2);
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 {
width: 72%;
left: 22%;
padding: 20px 10px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .title p,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p {
font-size: 14.5px;
line-height: 1;
font-weight: 500;
margin: 10px 0 10px 0;
letter-spacing: 0;
}  .tra-menu .wsmainfull.scroll,
.white-menu .wsmainfull.scroll,
.dark-menu.dark-scroll .wsmainfull.scroll {
background-color: #fff!important;
padding: 0;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}
.scroll .white-color.header-socials i {
color: #8e7e51!important;
}  .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a {
color: #444;
}  .logo-white, 
.logo-black {
display: block;
}
.navbar-light .logo-black,
.navbar-dark .logo-white,
.tra-menu.navbar-light .scroll .logo-white {
display: none;
}
.tra-menu.navbar-light .scroll .logo-black {
display: block;
} .hero-section .container {
position: relative;
z-index: 3;
}
#hero-2 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-2.jpg);
background-position: bottom center;
padding-top: 190px;
padding-bottom: 485px;
position: relative;
}
.hero-5-txt {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-5.jpg);
}
#hero-5-content {
padding-top: 180px;
padding-bottom: 400px;
position: relative;
z-index: 3;
}
#hero-6 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-6.jpg);
padding-top: 180px;
padding-bottom: 110px;
}
#hero-10 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-10.jpg);
padding-top: 150px;
padding-bottom: 60px;
}
#hero-11 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-11.jpg);
padding-top: 160px;
padding-bottom: 110px;
}
#hero-12 .hero-overlay {
height: 100%;
background-color: rgba(10, 10, 10, .6);
}  .slider {
position: relative;
max-width: 100%;
height: 650px;
}
.slideshow {
height: 650px;
}
.slider.mt-80,
.slideshow.mt-80 {
height: 600px;
margin-top: 80px;
}
.slider .slides {
margin: 0;
height: 650px;
}
.slideshow .slides {
height: 650px;
}
.slider.mt-80 .slides,
.slideshow.mt-80 .slides {
margin: 0;
height: 600px;
}
.slider .slides li {
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: inherit;
overflow: hidden;
}
.slider .slides li img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.slider .slides li .caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.slider .slides li.active {
z-index: 2;
}  .center-align {
text-align: center;
}  .slider .indicators {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
margin: 0; 
z-index: 98;
}
.slider .indicators .indicator-item {
display: inline-block;
position: relative;
cursor: pointer;
background-color: transparent;
height: 10px;
width: 10px;
border: 2px solid #fff;
margin: 0 7px;
opacity: .5;
-webkit-transition: background-color .3s;
transition: background-color .3s;
border-radius: 50%;
}
.slider .indicators .indicator-item.active {
background-color: #fff;
opacity: .65;
}  .hero-txt-rotator { 
position: relative; 
height: 650px; 
}
.hero-txt-rotator .slides {
margin: 0;
height: 650px;
}
.hero-txt-rotator .caption {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
}
.hero-txt-rotator .caption-txt {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}  #hero-12 .flex-control-nav {
bottom: 20px; 
}
#hero-12 .flex-control-paging li a {
position: relative;
cursor: pointer;
background-color: transparent;
height: 10px;
width: 10px;
border: 2px solid #fff;
opacity: .5;
z-index: 999;
}
#hero-12 .flex-control-paging li a:hover { 
background-color: #fff;
opacity: .65; 
}
#hero-12 .flex-control-paging li a.flex-active { 
background-color: #fff;
opacity: .65; 
}  #hero-1 .caption-txt {
margin-top: 55px;
}
#hero-3 .caption-txt {
margin-top: 40px;
}
.slideshow .slide .caption {
padding-top: 30px;
}
.hero-6-content {
position: relative;
overflow: hidden;
margin: 0 3%;
padding: 45px 55px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hero-6-txt {
position: relative;
z-index: 999!important;
}
#hero-6 .tra-leafs {
position: absolute;
bottom: -140px;
right: -10px;
opacity: .18;
z-index: 2;
}
#hero-7 .caption-txt,
#hero-12 .caption-txt {
margin-top: 35px;
}
#hero-8 .caption {
margin-top: -40px;
}
#hero-9 .caption {
margin-top: 30px;
}
.hero-10-txt {
padding-left: 20px;
}  #hero-1 h2 {
font-size: 6rem;
line-height: 1.15;
letter-spacing: 2px;
margin-bottom: 15px;
}
#hero-2 h2 {
font-size: 4.25rem;
line-height: 1.2;
letter-spacing: 2px;
margin-bottom: 20px;
}
#hero-3 h2 {
font-size: 6.75rem;
letter-spacing: 2px;
margin-bottom: 10px;
}
#hero-4 h2 {
font-size: 9.5rem;
line-height: 1;
letter-spacing: 4px;
margin-bottom: 20px;
}
#hero-5 h3 {
font-size: 3.75rem;
letter-spacing: 2px;
margin-bottom: 20px;
}
#hero-6 h3 {
margin-bottom: 15px;
}
#hero-7 h2 {
font-size: 5rem;
letter-spacing: 2px;
margin-bottom: 15px;
}
#hero-7 h3 {
font-family: 'Alex Brush', cursive;
letter-spacing: 2px;
margin-bottom: 8px;
}
#hero-8 h3 {
font-size: 4.25rem;
letter-spacing: 2px;
padding: 0 2%;
margin-bottom: 20px;
}
#hero-9 h2 {
font-size: 10rem;
line-height: 1;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 25px;
}
#hero-10 h2 {
font-size: 4rem;
line-height: 1.25;
letter-spacing: 2px;
margin-bottom: 20px;
}
#hero-11 h2 {
font-size: 8.75rem;
line-height: 1.2;
letter-spacing: 2px;
margin-bottom: 15px;
}
#hero-12 h2 {
font-size: 10rem;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 25px;
}  #hero-1 .caption-txt p {
font-size: 1.3rem;
margin-bottom: 30px;
}
.hero-2-txt p {
font-size: 1.35rem;
padding: 0 10%;
margin-bottom: 0;
}
#hero-3 .caption-txt p,
#hero-7 .caption-txt p {
font-size: 1.35rem;
padding: 0 15%;
margin-bottom: 35px;
}
#hero-7 .caption-txt p {
margin-bottom: 30px;
}
#hero-4 .caption p {
font-size: 1.25rem;
padding: 0 20%;
margin-bottom: 35px;
}
.hero-6-txt p {
font-size: 1.25rem;
margin-bottom: 30px;
}
#hero-8 .caption p {
font-size: 1.35rem;
padding: 0 15%;
margin-bottom: 30px;
}
#hero-9 .caption p {
font-size: 1.4rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 35px;
}
.hero-10-txt p {
font-size: 1.3rem;
padding-right: 5%;
margin-bottom: 35px;
}
.hero-11-txt p {
font-size: 1.35rem;
padding: 0 15%;
margin-bottom: 35px;
}
#hero-12 .caption-txt p {
font-size: 1.35rem;
padding: 0 20%;
margin-bottom: 35px;
}  .wpcf7 .hero-form { 
padding: 45px 25px 40px;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.wpcf7 .hero-form .col-md-12 { 
padding: 0; 
}  .wpcf7 .hero-form h5 { 
line-height: 1;
margin-bottom: 30px;
}  .wpcf7 .hero-form .form-control,
.wpcf7 .hero-form .custom-select {
background-color: #fff;
border: 1px solid #ccc;
color: #444;
height: 54px;
font-size: 17px;
line-height: 1;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
box-shadow: none; 
}
.wpcf7 .hero-form .custom-select {
display: inline-block;
width: 100%;
color: #5f5842;
margin-bottom: 22px;
}  .wpcf7 .hero-form .form-control::-moz-placeholder { color: #727475; } 
.wpcf7 .hero-form .custom-select::-moz-placeholder { color: #727475; } 
.wpcf7 .hero-form .form-control:-ms-input-placeholder { color: #727475; }
.wpcf7 .hero-form .custom-select:-ms-input-placeholder { color: #727475; }
.wpcf7 .hero-form .form-control::-webkit-input-placeholder { color: #727475; }
.wpcf7 .heroe-form .custom-select::-webkit-input-placeholder { color: #727475; }  .wpcf7 .hero-form .form-control:focus {
outline: 0px none;
box-shadow: none;
border-color: #ccc;
}  .wpcf7 .hero-form .btn {
display: block;
width: 100%;
height: 54px;
margin-top: 0;
}  .wpcf7 .hero-form-msg {
width: 100%!important;
display: block;
margin-top: 10px;
padding-left: 0;
}
.wpcf7 .hero-form .loading {
color: #f74b90;
font-size: 18px;
font-weight: 400;
}
.wpcf7 .hero-form .error {
color: #e74c3c;
font-size: 14.5px;
font-weight: 300;
margin-bottom: 20px;
}
.wpcf7 .hero-form .form-control.error {
font-size: 17px!important;
}  .hero-5-img .video-preview {
margin: -330px 0 0;
}
.hero-5-img .video-preview,
.hero-5-img .video-preview img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; 
}
.hero-5-img img {
border: 2px solid rgba(255, 255, 255, .85);
} #about-8.bg-image {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/about-8.jpg);
}
#about-9 {
padding-top: 60px;
padding-bottom: 60px;
}
#about-9 .bg-inner {
position: relative;
z-index: 1;
}
.abox-1-wrapper {
padding: 0 3%;
margin-top: 70px;
}
#about-6 .txt-block {
padding: 0 50px 0 30px;
}
#about-7 .col-lg-4,
#about-8 .col-lg-6 {
padding: 0;
}
#about-7 .txt-block {
padding: 0 55px;
}
#about-7 .txt-block h4,
#about-8 .txt-block h4,
#about-9 .txt-block h3 {
margin-bottom: 18px;
}
#about-7 .txt-block .btn,
#about-8 .txt-block .btn {
margin-top: 10px;
}  .abox-1-txt {
overflow: hidden;
padding-left: 20px;
}
.abox-2 {
padding: 0 15px;
}
#a4-1.abox-2 {
padding: 0 35px;
}
.abox-4 {
position: relative;
width: 270px;
height: 270px;
display: inline-block;
margin-bottom: 40px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;  
}
.abox-4:hover {
box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, .1);
}
.abox-4-txt {
width: 80%;
left: 10%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.about-5-banner {
width: 29%;
position: absolute;
padding: 45px 50px;
margin-right: -100px;
z-index: 98;
}  .abox-1 h5 {
line-height: 1;
margin-bottom: 10px;
}
.abox-2 h5,
.abox-2 h4 {
margin-bottom: 15px;
}
.abox-3 h6 {
margin-top: 15px;
margin-bottom: 0;
}
.about-5-banner h4 {
margin-bottom: 20px;
} 
.abox-1 p,
.abox-2 p {
line-height: 1.5;
margin-bottom: 0;
}
.w-hours .list-item p {
margin-bottom: 5px;
}
.abox-4 span {
display: block;
font-size: 3.5rem;
line-height: 1;
font-weight: 700;
letter-spacing: -2px;
margin-top: 15px;
margin-bottom: 0;
}
#about-6 .txt-block p span {
font-size: 1.5rem;
font-weight: 700;
}  .abox-1 span {     
float: left;
text-align: center;
margin-top: 1px;
}  .a4-img {
padding: 0;
}
.about-6-img {
text-align: center;
}
.about-6-img img {
max-width: none;
display: inline-block;
}
.about-8-img {
padding-left: 30px;
padding-right: 30px;
}
.about-9-img {
text-align: center;
margin-top: -60px;
margin-bottom: -60px;
} #services-4,
#services-7 {
position: relative;
z-index: 99;
}
#services-4:after {
position: absolute;
content: '';
width: 89%;
height: 86%;
bottom: 14%;
left: 11%;
z-index: -1;
}
.sbox-4-wrapper .col-lg-3 {
padding-left: 10px;
padding-right: 10px;
}
.sbox-5-wrapper {
border: 1px solid #f5f5f5;
padding: 65px 50px 25px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
#services-5 .img-block {
margin-top: 40px;
margin-right: -60px;
}
#services-6 {
position: relative;
z-index: 99;
}
#services-7 .col-lg-3 {
padding-left: 0;
padding-right: 0;
}
#services-6 .inner-block {
background-color: #fff;
border: 1px solid #f5f5f5;
padding: 100px 70px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
#services-6 .section-title p {
padding: 0 10%;
}
#services-6:after {
position: absolute;
content: '';
width: 100%;
height: 80%;
bottom: 10%;
left: 0;
z-index: -1;
}
#services-8 {
padding-top: 80px;
padding-bottom: 40px;
}
.sbox-10-wrapper .col-lg-3,
#services-14 .col-lg-4 {
padding-left: 10px;
padding-right: 10px;
}
#services-17 .col-lg-4 {
padding-left: 0;
padding-right: 0;
}  .sbox-1,
.sbox-2,
.sbox-5,
.sbox-8 {
text-align: center;
margin-bottom: 40px;
}
.sbox-3 {
text-align: center;
padding: 50px 24px;
margin-bottom: 30px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.sbox-4 {
text-align: center;
background-color: #fff;
border: 1px solid #f5f5f5;
padding: 50px 20px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.sbox-6 {
text-align: center;
}
.sbox-7 {
text-align: center;
padding: 60px 15px;
border-right: 1px solid #e7e6e2;
}
.sbox-7 {
text-align: center;
padding: 60px 15px;
border-right: 1px solid #e7e6e2;
}
#s7-4 {
border-right: none;
}
.sbox-9 {
margin-bottom: 40px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
}
.sbox-10,
.sbox-18 {
margin-bottom: 40px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.sbox-10-txt {
padding: 35px 30px 40px;
}
.sbox-11 {
margin-bottom: 30px;
}
.sbox-12 {
text-align: center;
margin-bottom: 40px;
} 
.sbox-12-txt {
padding: 20px 5% 0;
}
.sbox-13 {
background-position: bottom center;
margin-bottom: 30px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
}
.sbox-13-txt {
padding: 60px 40% 60px 40px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
#s13-1 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/s13-1.png);
}
#s13-2 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/s13-2.png);
}
#s13-3 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/s13-3.png);
}
#s13-4 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/s13-4.png);
}
.sbox-14 {
position: relative;
overflow: hidden;
border: 1px solid #f5f5f5;
padding: 35px 30px;
margin-bottom: 20px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.sbox-15 {
margin-bottom: 30px;
}
.sbox-17 {
text-align: center;
background-color: #fff;
padding: 60px 40px;
margin-bottom: 30px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
}
#s17-2.sbox-17 {
position: relative;
padding: 100px 40px;
-webkit-box-shadow: 0 10px 50px 0 rgba(53,82,99,.09);
-moz-box-shadow: 0 10px 50px 0 rgba(53,82,99,.09);
box-shadow: 0 10px 50px 0 rgba(53,82,99,.09);
box-shadow: 0 10px 50px 0 rgba(53,82,99,.09);
z-index: 98;
}
.sbox-18-txt {
padding: 35px 20px 40px;
}  .sbox-1 h5,
.sbox-2 h5 {
margin-top: 30px;
margin-bottom: 10px;
}
.sbox-3 h5 {
margin-top: 20px;
margin-bottom: 10px;
}
.sbox-4 h5, 
.sbox-5 h5 {
margin-top: 30px;
margin-bottom: 10px;
}
.sbox-6 h6,
.sbox-8 h6 {
margin-top: 20px;
margin-bottom: 0;
}
.sbox-10 h5 {
margin-bottom: 12px;
}
.sbox-12 h5 {
margin-bottom: 25px;
}
.sbox-13 h5 {
margin-bottom: 15px;
}
.sbox-14 h4 {
font-family: 'Alex Brush', cursive; 
letter-spacing: 1px;
margin-bottom: 0;
}
.sbox-17 h5 {
margin-top: 30px;
margin-bottom: 20px;
}
.sbox-18 h5 {
margin-bottom: 8px;
}
.sbox-1 p,
.sbox-2 p,
.sbox-3 p,
.sbox-5 p {
line-height: 1.5;
margin-bottom: 0;
}
.sbox-3 p {
line-height: 1.5;
margin-bottom: 20px;
}
.sbox-4 p {
line-height: 1.5;
margin-bottom: 20px;
}
.sbox-7 p {
font-size: 0.925rem;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 0;
}
.sbox-10 p {
margin-bottom: 18px;
}
.sbox-12 p {
margin-bottom: 3px;
}
.sbox-13 p {
margin-bottom: 20px;
}
.sbox-14 p {
font-size: 1.35rem;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.sbox-18 p {
line-height: 1;
margin-bottom: 10px;
}  .sbox-2-ico,
.sbox-3-ico,
.sbox-4-ico,
.sbox-5-ico,
.sbox-7-ico {
display: inline-block;
position: relative;
z-index: 99;
}
.sbox-3-img {
display: inline-block;
width: 170px;
height: 170px;
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.elementor .sbox-3-img img {
height: 170px;
object-fit: cover;
}
.sbox-8-img {
display: inline-block;
width: 150px;
height: 150px;
border: 4px solid #fff;
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.sbox-3-img img,
.sbox-8-img img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.sbox-9,
.sbox-11,
.sbox-12-img,
.sbox-15,
.sbox-9 img,
.sbox-11 img,
.sbox-12-img img,
.sbox-15 img  {
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.sbox-10-img,
.sbox-18-img {
overflow: hidden;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sbox-10-img img,
.sbox-18-img img  {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sbox-ico-bg {
position: absolute;
width: 130px;
height: 120px;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/sbox-bg-pink.png);
opacity: .4;
transform: rotate(40deg);
z-index: -1;
left: 50%;
top: 50%;
margin-left: -68px;
margin-top: -35px;
}
.ico-90 .sbox-ico-bg,
.ico-95 .sbox-ico-bg {
margin-left: -68px;
margin-top: -40px;
}
.sbox-14-ico {
position: absolute;
bottom: 30px;
right: 30px;
opacity: .4;
}
.sbox-17-ico {
display: inline-block;
padding: 40px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}  .sbox-9-img-meta,
.sbox-11-img-meta {
width: 100%;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .01));
background-image: linear-gradient(bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .01));
padding: 80px 30px 30px;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.sbox-15-img-meta {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.sbox-16-img-meta {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.sbox-15-txt {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.sbox-16-txt {
width: 100%;
position: absolute;
bottom: 12%;
}
.sbox-9-img-meta h5,
.sbox-11-img-meta h5,
.sbox-11-img-meta h5.h5-lg {
margin-bottom: 8px;
padding-bottom: 0;
}
.sbox-15-txt h4 {
margin-bottom: 14px;
}
.sbox-16-img-meta h5 {
line-height: 1;
margin-bottom: 5px;
}
.sbox-9-img-meta p,
.sbox-11-img-meta p { 
margin-bottom: 0;
}
.sbox-15-txt p { 
padding: 0 20%;
margin-bottom: 20px;
}
.sbox-16-img-meta p { 
font-weight: 400;
margin-bottom: 15px;
}  .sbox-9-price,
.sbox-11-price {
width: 100%;
position: relative;
margin-top: 20px;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
min-height: 30px;
}
.sb-9-txt,
.sb-11-txt {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.sb-9-data,
.sb-11-data {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.sbox-9-price span,
.sbox-11-price span {
font-family: 'Lustria', serif;
font-size: 2.85rem;
line-height: 1;
letter-spacing: 1px;
}
.sbox-9-price .btn,
.sbox-11-price .btn {
position: absolute;
right: 5px;
top: 0;
}
.sbox-12-link {
width: 100%;
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}  .services-section .item-overlay {
opacity: 0;
-moz-opacity: 0; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, .3);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}  .services-section .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.services-section .hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}  .sbox-3:hover img, 
.sbox-8:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.sbox-9:hover img,
.sbox-10:hover img,
.sbox-11:hover img,
.sbox-12:hover img,
.sbox-15:hover img,
.sbox-16:hover img,
.sbox-18:hover img  {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.sbox-9:hover .item-overlay,
.sbox-11:hover .item-overlay,
.sbox-12:hover .item-overlay {
opacity: 1; 
-moz-opacity: 1; 
}
.sbox-9:hover .sbox-9-price,
.sbox-11:hover .sbox-11-price {
opacity: 1; 
-moz-opacity: 1; 
}
.sbox-9:hover .sb-9-txt,
.sbox-11:hover .sb-11-txt,
.sbox-9:hover .sb-9-data,
.sbox-11:hover .sb-11-data {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sbox-12:hover .sbox-12-link {
opacity: 1; 
-moz-opacity: 1; 
bottom: 43%;
}   .masonry-filter button {
background-color: transparent; 
color: #444;
font-family: 'Lustria', serif;
font-size: 1.15rem;
line-height: 1.1rem;
margin: 0 20px;
padding: 0.5rem 0.1rem;
border: none;
cursor: pointer;
border-bottom: 1px solid transparent;
outline: 0px none;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}  .masonry-filter button:hover,
.masonry-filter button:focus {
background-color: transparent;
color: #555;
border-bottom: 1px solid #727475;
outline: 0px none;
}  .masonry-filter button.is-checked {
color: #f74b90;
cursor: default;
border-bottom: 1px solid #f74b90;
outline: 0px none;
}  .gallery-item {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.masonry-wrap {
margin: 0 -10px;
}
.masonry-wrap .masonry-item {
position: relative;
text-align: center;   
width: 33.33%;
padding: 0 10px;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#blog-2 .masonry-wrap .masonry-item {
position: relative;
text-align: left;   
width: 33.33%;
padding: 0 10px;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.gallery-item,
.video-preview,
.gallery-item img,
.video-preview img,
.masonry-item .hover-overlay,
.carousel-image .hover-overlay,
.masonry-item .hover-overlay img,
.carousel-image .hover-overlay img {
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.carousel-image {
position: relative; 
padding: 0 5px;
}
#gallery-3 .col-md-12 {
padding-left: 10px;
padding-right: 10px;
}  .image-description {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.image-data {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.image-data h6,
.image-data h5 {
margin-bottom: 5px;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.image-data p { 
margin-bottom: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}  .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.hover-overlay img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}
.sbox-16-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, 0.25);
}
.sbox-16 .hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}  .item-overlay {
opacity: 0;
-moz-opacity: 0; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(247, 75, 144, 0.8);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.item-overlay::before,
.item-overlay::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.carousel-image .item-overlay::before,
.carousel-image .item-overlay::after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
.item-overlay::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.item-overlay::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}  .gallery-item:hover img,
.masonry-item:hover img,
.carousel-image:hover img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
.sbox-16:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.gallery-item:hover .item-overlay,
.masonry-item:hover .item-overlay,
.carousel-image:hover .item-overlay,
.gallery-item:hover .image-description,
.masonry-item:hover .image-description,
.carousel-image:hover .image-description {
opacity: 1; 
-moz-opacity: 1; 
}
.gallery-item:hover .item-overlay::before,
.masonry-item:hover .item-overlay::before,
.carousel-image:hover .item-overlay::before,
.gallery-item:hover .item-overlay::after,
.masonry-item:hover .item-overlay::after,
.carousel-image:hover .item-overlay::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery-item:hover .image-data h5,
.masonry-item:hover .image-data h5,
.carousel-image:hover .image-data h6,
.gallery-item:hover .image-data p,
.masonry-item:hover .image-data p,
.carousel-image:hover .image-data p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#gallery-3 .owl-dots {
display: none;
}  .more-gallery-btn {
text-align: center;
margin-top: 40px;
}
#gallery-2 .more-gallery-btn {
margin-top: 30px;
margin-bottom: 30px;
}
#gallery-3 .more-gallery-btn {
margin-top: 60px;
} #video-1 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/video-1.jpg);
padding-top: 230px;
padding-bottom: 230px;
}
#video-2-content {
padding-top: 100px;
padding-bottom: 350px;
position: relative;
}  .video-txt h3 {
margin-bottom: 20px;
}  .video-2-link {
margin-top: -310px;
} .team-member {
text-align: center;
position: relative;
z-index: 99; 
margin-bottom: 40px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; 
}
.tm-meta {
background-color: #fff;
padding: 25px 10px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tm-meta h6 {
margin-bottom: 2px;
}
.tm-meta span {
font-size: 1.0625rem;
font-weight: 400;
display: block;
}  .team-member-photo {
position: relative;
}
.team-member-photo img {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}  .tm-social ul {
width: 100%;
display: inline-block; 
padding-left: 0;
margin-top: 14px;
position: absolute;
right: 0;
bottom: 0;
z-index: 20;
zoom: 1;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.tm-social ul li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
padding: 0;
}
.tm-social a {
width: 40px;
height: 40px;
color: #fff;
background-color: rgba(10, 10, 10, .35);
font-size: 1.15rem;
line-height: 40px!important;
margin-right: 1px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.tm-social a.ico-facebook:hover { background-color: #3b5998; }
.tm-social a.ico-twitter:hover { background-color: #00a9ed; }
.tm-social a.ico-instagram:hover { background-color: #e44772 }
.tm-social a.ico-dribbble:hover { background-color: #d92d84; }
.tm-social a.ico-behance:hover { background-color: #2473f6; }
.tm-social a.ico-pinterest:hover { background-color: #ac281a; }
.tm-social a.ico-linkedin:hover { background-color: #015886; }
.tm-social a.ico-google-plus:hover { background-color: #cd1111; }
.tm-social a.ico-youtube:hover { background-color: #cd1b20; }
.tm-social a.ico-tumblr:hover { background-color: #3a5976; }
.tm-social a.ico-vk:hover { background-color: #3b5998; }
.team-member {
position: relative;
}  .team-section .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.team-section .hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}  .team-member:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.team-member:hover .tm-social ul {
bottom: 6%;
opacity: 1; 
-moz-opacity: 1; 
} .pricing-1-table ul{
padding: 0;
margin: 0;
}
.pricing-1-table ul li{
list-style: none;
}
#pricing-2 .col-lg-4 {
padding-left: 0;
padding-right: 0;
}
.pricing-2-banner {
padding: 55px 50px;
}
.pricing-list li {
padding-bottom: 20px;
margin: 0 0 20px;
border-bottom: 1px dashed #5f5842;
}
#pricing-2 .pricing-list li {
padding-bottom: 15px;
margin: 0 0 15px;
border-bottom: 1px dashed #5f5842;
}
.pricing-list li:last-child,
#pricing-2 .pricing-list li:last-child {
border-bottom: none;
}
.pricing-list-txt {
position: relative;
}
.pricing-list-txt h5,
.pricing-list-txt h6 {
line-height: 1;
margin-bottom: 5px;
}
.pricing-list-txt p {
margin-bottom: 0;
}
#pricing-2 .pricing-list-txt p {
font-size: 1rem;
}
.pricing-list-amount {
position: absolute;
right: 10px;
top: 0;
letter-spacing: 1px;
}
.pricing-2-banner h5.h5-xl,
.pricing-2-table h5.h5-xl {
margin-bottom: 15px;
}
.pricing-2-banner h6 {
line-height: 1;
margin-bottom: 8px;
}
.pricing-2-banner span {
display: block;
font-size: 1.1rem;
line-height: 1;
margin-bottom: 20px;
}
.pricing-2-img {
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, .05);
box-shadow: 0 8px 16px rgba(0, 0, 0, .05);
}  .pricing-2-table {
padding: 60px 30px 30px;
} #brands-1 {
padding-top: 45px;
padding-bottom: 45px;
}
#brands-1 p.p-xl {
font-weight: 400;
margin-bottom: 40px;
}  #brands-1 .brand-logo {
padding: 0 15px;
} 
#brands-1 .owl-dots {
display: none;
} .review-1 {
text-align: center;
margin-bottom: 40px;
}  .review-2 .testimonial-avatar { 
float: left;
}
.testimonial-avatar img {
width: 120px;
height: 120px;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
#reviews-1 .testimonial-avatar img {
width: 100px;
height: 100px;
display: block;
margin: 0 auto 18px;
}  .author-data h6 {
line-height: 1;
margin-bottom: 5px;
}
.author-data p {
margin-bottom: 8px;
}  .review-2-txt {
overflow: hidden;
padding-left: 25px;
}
.review-1-txt p {
font-size: 1.15rem;
line-height: 1.4;
font-weight: 300;
font-style: italic;
padding: 0 8%;
}
.review-2-txt p.review-txt {
color: #5f5842;
margin-top: 10px;
font-weight: 400;
margin-bottom: 12px;
}  .review-2-txt .review-author {
padding-right: 40px;
}
.review-2-txt  .review-author p {
margin-bottom: 0;
}
.review-2-txt  .review-author p span {
font-weight: 500;
}  #reviews-1 button {
background-color: transparent;
border: none;
padding: 0 2px;
}
.owl-theme .owl-dots .owl-dot span {
height: 10px;
width: 10px;
border: 2px solid #444;
background: transparent;
margin: 0 5px;
}
.owl-dots button:focus {
outline: none;
background: #444;
text-decoration: none;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
background: #444;
} #statistic-1 {
padding-top: 80px;
padding-bottom: 40px;
}
.statistic-block {
margin-bottom: 40px;
}  h5.statistic-number {
font-size: 3.25rem;
line-height: 1; 
letter-spacing: 3px;
margin-bottom: 10px;
}
.statistic-block p {
font-weight: 400;
margin-bottom: 0;
}
.statistic-ico {
margin-bottom: 30px;
}  .banner-2-txt {
padding-left: 30px;
padding-right: 30px;
}
.banner-3-txt {
padding-right: 30px;
}  .banner-1-txt h2 {
font-size: 5rem;
line-height: 1;
margin-bottom: 15px;
}
.banner-2-txt h2,
.banner-3-txt h2 {
font-size: 3.75rem;
line-height: 1;
margin-bottom: 10px;
}
.banner-2-txt h3,
.banner-3-txt h3 {
line-height: 1.15;
margin-bottom: 20px;
}
.banner-4-txt h3 {
font-size: 3.25rem;
line-height: 1;
margin-bottom: 15px;
}
.banner-5-txt h2 {
line-height: 1;
margin-bottom: 5px;
}
.banner-5-txt h3 {
margin-bottom: 10px;
}
.banner-6-txt h2 {
font-size: 8rem;
line-height: 1;
margin-bottom: 10px;
}
.banner-6-txt h3 {
font-size: 2.5em;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 14px;
}
.banner-1-txt p {
font-weight: 400;
margin-bottom: 30px;
}
.banner-2-txt p,
.banner-3-txt p {
margin-bottom: 25px;
}
.banner-4-txt p {
font-size: 1.25rem;
font-weight: 400;
padding: 0 5%;
margin-top: 20px;
margin-bottom: 30px;
}
.banner-5-txt p {
padding: 0 5%;
margin-bottom: 25px;
}
.banner-6-txt p {
font-size: 1.55rem;
line-height: 1;
margin-bottom: 0;
} .question {
margin-bottom: 25px;
}  .question h5 {
margin-bottom: 10px;
}
.question h5 span {
margin-right: 3px;
}  .more-questions-btn {
margin-top: 30px;
} .blog-post {
margin-bottom: 40px;
}
.has-post-thumbnail .related-blog {
margin-left: 4%;
margin-right: 4%;
width: 92%;
}
.related-blog .blog-post img {
border-radius: 4px;
}
.related-blog {
padding: 40px;
border-radius: 10px;  
-webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
background: #fff;
margin-top: 60px;
float: left;
width: 100%;
}
.related-blog .blog-post {
margin-bottom: 0;
}
#blog-page .blog-post {
margin-bottom: 50px;
}
.blog-post-txt {
margin-top: 0;
}
.single-post-title {
margin-top: 30px;
margin-bottom: 30px;
}  .blog-post-txt span,
.single-post-title span {
font-size: 0.9rem;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
}
.blog-post-txt p.post-author,
.single-post-title p.post-author {
line-height: 1;
margin-bottom: 0;
}
.blog-post-img,
.blog-post-img img {
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blog-post-img {
margin-bottom: 20px;
}  .all-posts-btn {
margin-top: 15px;
margin-bottom: 40px;
}  .single-post-txt h5.h5-md {
margin-top: 25px;
margin-bottom: 30px;
}  .post-inner-img {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;  
}
.post-inner-img p {
text-align: left;
margin-top: 25px;
margin-bottom: 0;  
}  .quote {
margin-top: 35px;
margin-bottom: 35px;
}
.quote p {
font-size: 1.25rem!important;
font-weight: 300;
border-left: 3px solid #2dcb21;
padding-left: 20px;
margin-top: 25px;
margin-bottom: 20px;
}  .post-tags-list span a {
color: #f74b90;
font-size: 1rem;
font-weight: 400;
line-height: 1;
background-color: transparent;
border: 1px solid #f74b90;
padding: 10px 15px;
margin-right: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.post-tags-list span a:hover {
color: #fff;
background-color: #f74b90;
border-color: #f74b90;
}  .post-share-links .share-social-icons {
display: inline-block; 
padding-left: 0;
}
.post-share-links .share-social-icons li {
width: auto !important;
display: inline-block!important;
vertical-align: top;
clear: none !important;
padding: 0;
}
.post-share-links .share-social-icons a.share-ico i {
display: block;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
}  .author-senoff img {  
width: 120px;
height: 120px;
float: left;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;  
}
.author-senoff-txt {
position: relative;
overflow: hidden;
padding-left: 30px;
}
.author-senoff-txt h5.h5-lg {
line-height: 1;
font-weight: 800;
margin-bottom: 15px;
}
.author-senoff-txt p {
margin-bottom: 0;
}
.author-follow-btn {
display: inline-block;
position: absolute;
color: #b9ad8b;
font-size: 0.925rem;
line-height: 1;
font-weight: 400;
padding: 4px 10px;
top: 1px;
right: 12px;
border: 1px solid #b9ad8b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}  .other-posts h5 {
margin-bottom: 35px;
}
.other-posts h6 {
margin-top: 5px;
margin-bottom: 0;
}  .post-comments h5 {
padding-bottom: 30px;
margin-bottom: 80px;
border-bottom: 1px solid #ddd;
}
.post-comments img {
width: 75px;
height: 75px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-meta h6 {
font-weight: 700;
line-height: 1.1;
margin-bottom: 2px;
}
.comment-date {
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
}
.btn-reply {
margin-left: 3px;
}
.btn-reply a {
color:  #777;
font-size: 16px;
font-weight: 400; 
}
.btn-reply a i {
font-size: 13px;  
margin-right: 1px;  
}
.btn-reply a:hover {
color: #222;
}
.post-comments hr {
margin-top: 24px; 
margin-bottom: 40px; 
}  .post-comments #leave-comment h5 {
padding-bottom: 0;
margin-top: 80px;
margin-bottom: 3px;
border: none;
}
.comment-form {
position: relative;
margin-top: 50px;
}
.comment-form p {
font-size: 16px;
line-height: 1;
font-weight: 700;
margin-bottom: 10px;
padding-left: 5px;
display: block;
}
.comment-form .form-control {
height: 54px;
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 18px;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.comment-form .form-control:focus {
border-color: #f74b90;
outline: 0px none;
box-shadow: none;
}
.comment-form textarea { min-height: 200px; }
.comment-form textarea.form-control { 
padding: 20px;
}  .comment-form .btn {
margin-top: 10px;
}
.comment-form .btn:focus {
outline: 0px none;
box-shadow: none;
}  .comment-form-msg {
width: 100%!important;
display: block;
margin-top: 10px;
padding-left: 0;
}
.comment-form .loading {
color: #f74b90;
font-size: 18px;
font-weight: 400;
}
.comment-form .error {
color: #e74c3c;
font-size: 14.5px;
font-weight: 300;
margin-bottom: 20px;
}
.comment-form .form-control.error {
font-size: 17px!important;
} #contacts-3 .form-holder {
padding-right: 30px;
margin-top: 30px;
margin-bottom: 40px;
}  .cbox-1 h5,
.contacts-1-txt h5,
.contacts-1-banner h5 {
margin-bottom: 15px;
} 
.cbox-1 p {
line-height: 1;
margin-bottom: 10px;
}
.cbox-1 p span {
font-weight: 500;
}  .contact-form .form-control {
height: 54px;
background-color: #fff;
border: 1px solid #e0d9c5;
box-shadow: 0 0 0 0;
color: #5f5842;
font-size: 17px;
line-height: 1;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.bg-color-01 .contact-form .form-control {
background-color: #fff;
border: 1px solid #e0d9c5;
color: #5f5842;
}  .contact-form textarea { min-height: 220px; }
.contact-form textarea.form-control { 
padding: 20px 15px;
}  .contact-form .form-control::-moz-placeholder { color: #5f5842; } 
.contact-form .form-control:-ms-input-placeholder { color: #5f5842; }
.contact-form .form-control::-webkit-input-placeholder { color: #5f5842; }  .contact-form .form-control:focus {
outline: 0px none;
box-shadow: none;
border-color: #afa074;
}
.bg-color-01 .contact-form .form-control :focus {
border-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid green;
-webkit-text-fill-color: #555;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
}  .contact-form-msg {
width: 100%!important;
display: block;
margin-top: 10px;
padding-left: 0;
}
.contact-form .loading {
color: #f74b90;
font-size: 18px;
font-weight: 400;
}
.contact-form .error {
color: #e74c3c;
font-size: 14.5px;
font-weight: 300;
margin-bottom: 20px;
}
.contact-form .form-control.error {
font-size: 17px!important;
} .google-map {
position: relative;
padding: 0px 0px 62%;
height: 0px;
overflow: hidden;
}
#gmap .google-map,
#contacts-3 .google-map {
padding: 0px 0px 36%;
}
.google-map iframe, 
.google-map object, 
.google-map embed {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border:0;
} .booking-form .col-lg-6,
.booking-form .col-md-12 {
padding-left: 10px;
padding-right: 10px;
}  .booking-form .form-control,
.booking-form .custom-select {
height: 54px;
background-color: #fff;
border: 1px solid #e0d9c5;
box-shadow: 0 0 0 0;
color: #5f5842;
font-size: 17px;
line-height: 1;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.booking-form .custom-select {
display: inline-block;
width: 100%;
color: #5f5842;
margin-bottom: 22px;
}
.bg-color-01 .booking-form .form-control,
.bg-color-01 .booking-form .custom-select {
background-color: #fff;
border: 1px solid #e0d9c5;
color: #444;
}  .booking-form textarea { min-height: 180px; }
.booking-form textarea.form-control { 
padding: 20px 15px;
}  .booking-form .form-control::-moz-placeholder { color: #5f5842; } 
.booking-form .form-control:-ms-input-placeholder { color: #5f5842; }
.booking-form .form-control::-webkit-input-placeholder { color: #5f5842; }  .booking-form .form-control:focus {
outline: 0px none;
box-shadow: none;
border-color: #afa074;
}  .booking-form-msg {
width: 100%!important;
display: block;
margin-top: 10px;
padding-left: 0;
}
.booking-form .loading {
color: #f74b90;
font-size: 18px;
font-weight: 400;
}
.booking-form .error {
color: #e74c3c;
font-size: 14.5px;
font-weight: 300;
margin-bottom: 20px;
}
.booking-form .form-control.error {
font-size: 17px!important;
} .footer {
padding-top: 100px;
padding-bottom: 30px;
} 
.footer-contacts {
padding-left: 5px;
}
.footer.bg-brown p {
color: rgba(255, 248, 245, .7);
}
.footer.bg-sangria p {
color: rgba(255, 248, 245, .85);
}
#footer-3 .footer-info {
padding-right: 15px;
}  .footer h6 {
line-height: 1;
margin-bottom: 25px;
}
.footer-contacts p {
margin-bottom: 3px;
}
p.foo-email a {
font-weight: 500;
text-decoration: underline;
}  .footer-links li {
width: auto !important;
display: block !important;
clear: none !important;
margin: 0;
padding: 0;
}
.footer-links li p {
margin-bottom: 10px;
}
.bg-brown .footer-links li a {
color: rgba(255, 248, 245, .7);
}
.bg-sangria .footer-links li a {
color: rgba(255, 248, 245, .85);
}
.bg-brown .footer-links li a:hover,
.bg-sangria .footer-links li a:hover {
color: rgba(255, 255, 255, .95);
}  .foo-socials {
display: inline-block; 
padding-left: 0;
margin: 0 auto 0;
}
.foo-socials li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
margin: 0 0 10px 0;
padding: 0;
}
.foo-socials a {
display: block;
background-color: #eee;
border: 2px solid #eee;
width: 42px;
height: 42px;
color: #666;
font-size: 20px;
line-height: 40px!important;
margin-right: 5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;  
}
.bg-brown .foo-socials a {
background-color: transparent;
color: rgba(255, 248, 245, .7);
border: 2px solid rgba(255, 248, 245, .7);
} 
.bg-sangria .foo-socials a {
background-color: transparent;
color: rgba(255, 248, 245, .85);
border: 2px solid rgba(255, 248, 245, .85);
} 
.bg-brown .foo-socials a i {
color: rgba(255, 248, 245, .7);
} 
.bg-sangria .foo-socials a i {
color: rgba(255, 248, 245, .85);
} 
.foo-socials a.ico-facebook:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }
.foo-socials a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; color: #fff; }
.foo-socials a.ico-instagram:hover { background-color: #dc3c59; border-color: #dc3c59; color: #fff; }
.foo-socials a.ico-dribbble:hover { background-color: #d92d84; border-color: #d92d84; color: #fff; }
.foo-socials a.ico-behance:hover { background-color: #2473f6; border-color: #2473f6; color: #fff; } 
.foo-socials a.ico-pinterest:hover { background-color: #ac281a; border-color: #ac281a; color: #fff; }
.foo-socials a.ico-linkedin:hover { background-color: #015886; border-color: #015886; color: #fff; }
.foo-socials a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; color: #fff; } 
.foo-socials a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; color: #fff; } 
.foo-socials a.ico-tumblr:hover { background-color: #3a5976; border-color: #3a5976; color: #fff; }
.foo-socials a.ico-vk:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }
.foo-socials a.ico-yahoo:hover { background-color: #7b0099; border-color: #7b0099; color: #fff; }
.foo-socials a.ico-yelp:hover { background-color: #d32323; border-color: #d32323; color: #fff; }  .latest-news li { 
padding: 15px 0;
border-bottom: 1px dashed #c0c0c0;
}
.latest-news li:first-child {
padding: 0 0 15px;
}
.latest-news li:last-child {
padding: 15px 0 0;
border-bottom: 0; 
}
.latest-news img {
text-align: center;
float: left;
width: 75px;
height: 75px;
}
.post-summary {
overflow: hidden;
padding-left: 15px;
}  .post-summary a { 
font-size: 16px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; 
}
.latest-news p { 
font-size: 0.85rem;
font-weight: 400;
margin-top: 3px;
margin-bottom: 0;
}  .footer-form .form-control {
height: 50px;
background-color: #fff;
border: 1px solid #e0d9c5;
border-right: none;
color: #666;
font-size: 1.0625rem;
padding: 0 15px;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.bg-color-01 .footer-form .form-control {
border-color: #ccc;
}  .footer-form .form-control:focus {
border: 1px solid #ccc;
border-right: none;
outline: 0;
box-shadow: none;
}
.bg-sangria .footer-form .form-control:focus {
border-color: #a48b73;
}  .footer-form .btn {
height: 50px;
color: #aaa;
background-color: #fff;
border: 1px solid #ccc;
border-left: none;
font-size: 1.45rem;
line-height: 1!important;
padding: 0 10px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.bg-sangria .footer-form .btn {
border-color: #a48b73;
}
.footer-form .btn i {
font-size: 1.5rem;
margin-top: -4px;
}  .footer-form .form-notification {
font-size: 0.925rem;
font-weight: 400;
line-height: 1.3;
margin-top: 15px;
margin-left: 5px;
}
.footer-form .form-notification.error {
color: #f6412d!important;
}
.footer-form .form-notification.valid {
color: #48af4b!important;
}  .footer-img img.insta-img {
float: left;
width: 75px;
height: 75px;
margin: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}  .bottom-footer {
padding-top: 30px;
}
.footer-with-border-top.bottom-footer {
border-top: 1px solid #ddd;
margin-top: 30px;
}
.bg-brown .bottom-footer,
.bg-sangria .bottom-footer {
border-top: 1px solid rgba(255, 248, 245, .2);
}  .footer-copyright p {
line-height: 1;
margin-bottom: 0;
}  .bottom-footer-list li {
display: inline-block !important;
margin-bottom: 0;
}
.bg-brown .bottom-footer-list li * {
color: rgba(255, 248, 245, .7);
}
.bg-sangria .bottom-footer-list li * {
color: rgba(255, 248, 245, .85);
}
.bg-brown .bottom-footer-list li a:hover,
.bg-sangria .bottom-footer-list li a:hover,
.bg-brown .bottom-footer-list li a:hover i,
.bg-sangria .bottom-footer-list li a:hover i {
color: rgba(255, 255, 255, .95);
}
.bottom-footer-list li i {
position: relative;
font-size: 0.875rem;
line-height: 1;
top: -1px;
right: 2px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}
.bottom-footer-list li p {
line-height: 1; 
font-weight: 300;
margin-left: 10px;
margin-bottom: 0;
}
.bottom-footer-list p:after { 
content: "|"; 
padding-left: 11px; 
position: relative;
top: -1px;
}
.bottom-footer-list p.last-li:after { 
content: " "; 
padding-left: 0; 
} .inner-page-wrapper {
margin-top: 80px;
}  .page-hero-section {
background: no-repeat center center;
background-size: cover;
}
#about-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/about-page.jpg);
}
#booking-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/booking-page.jpg);
}
#blogs-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/blogs-page.jpg);
}
#contacts-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/contacts-page.jpg);
}
#faqs-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/faqs-page.jpg);
}
#gallery-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/gallery-page.jpg);
}
#gift-cards-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/gift-cards-page.jpg);
}
#services-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/services-page.jpg);
}
#service-details-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/service-details-page.jpg);
}
#single-post-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/single-post-page.jpg);
}
#team-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/team-page.jpg);
}
#pricing-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/pricing-page.jpg);
}
#terms-page.page-hero-section {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/terms-page.jpg);
}  .page-hero-section h2 {
margin-bottom: 20px;
}
.page-hero-section p {
padding: 0 15%;
margin-bottom: 0;
} #breadcrumb {
margin-top: 25px;
text-align: center;
}
.breadcrumb-nav {
display: inline-block;
margin: 0 auto;
}
.breadcrumb {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border-radius: 0;
width: 100%;
}  .breadcrumb-item a {
color: #fff;
font-size: 1.125rem;
font-weight: 500;
text-decoration: underline;
}
.breadcrumb-item a:hover {
color: #fff;
}
.breadcrumb-item.active {
color: #fff;
font-size: 1.125rem;
font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
font-size: 1.15rem;
display: inline-block;
padding-right: 12px;
margin-top: -1px;
color: #fff;
content: "\00bb";
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 15px;
} .page-pagination {
padding-bottom: 100px;
}
.blog-page-pagination {
margin-top: 80px;
padding-top: 80px;
}
.page-link {
color: #f74b90;
font-weight: 600;
padding: 9px 16px;
margin: 0 3px;
background-color: transparent;
border-color: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.page-item.disabled .page-link {
color: #aaa;
background-color: transparent;
border-color: transparent;
}
.next-page.page-link1 {
margin-left: 30px;
}
.page-link:hover,
.page-item.active .page-link {
background-color: #f74b90;
color: #fff;
border-color: #f74b90;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.page-link:focus {
background-color: transparent;
color: #666;
border-color: transparent;
box-shadow: 0 0;
}   .terms-box { 
margin-bottom: 30px;
}
.terms-box h5 {
margin-bottom: 25px;
}
.terms-box a {
font-weight: 500;
} #sidebar h5.h5-sm {
line-height: 1;
margin-bottom: 30px;
}  #search-field .form-control {
background-color: #fff;
border: 1px solid #ccc;
height: 60px;
font-size: 18px;
padding-left: 20px;
border-right: none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
#search-field .form-control::-moz-placeholder { color: #5f5842; } 
#search-field .form-control:-ms-input-placeholder { color: #5f5842; }
#search-field .form-control::-webkit-input-placeholder { color: #5f5842; }
#search-field .btn {
background-color: #fff;
border: 1px solid #ccc;
border-left: none;
color: #f74b90;
font-size: 18px;
height: 60px;
padding: 0 20px;
margin-top: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
-webkit-border-radius: 0px 4px 4px 0;
-moz-border-radius: 0px 4px 4px 0;
border-radius: 0px 4px 4px 0;
}
#search-field .form-control:focus {
border-color: #ccc;
outline: 0px none;
box-shadow: none;
}  ul.blog-category-list > li {
padding: 12px 0;
border-bottom: 1px dashed #c0c0c0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;  
}
ul.blog-category-list > li:first-child {
padding: 0 0 12px;
}
ul.blog-category-list > li:last-child {
padding: 12px 0 0;
border-bottom: none;
}
ul.blog-category-list > li a {
font-size: 1.125rem;
position: relative;
}
ul.blog-category-list > li span {
font-weight: 600;
}
ul.blog-category-list > li a:before {
opacity: 0;
position: absolute;
left: 0;
top: -1px;
color: #fe6d70;
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f105";
font-size: 1.05rem;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;  
}
ul.blog-category-list > li a:hover {
padding: 0 0 0 18px;
}
ul.blog-category-list > li a:hover:before { 
left: 2px; 
opacity: 1; 
}  .popular-posts li { 
padding: 14px 0;
border-bottom: 1px dashed #c0c0c0;
}
.popular-posts li:first-child {
padding: 0 0 14px;
}
.popular-posts li:last-child {
padding: 14px 0 0;
border-bottom: 0; 
}
.popular-posts img {
width: 100px;
height: 100px;
text-align: center;
float: left;
}
.post-summary {
overflow: hidden;
padding-left: 20px;
}  .post-summary a { 
font-size: 1.1rem;
}
.popular-posts .post-summary a:hover { 
text-decoration: underline;
}
.popular-posts p {  
font-size: 0.95rem;
margin-top: 6px;
margin-bottom: 0;
}  .badge {
border: none;
background-color: transparent;
border: 1px solid #f74b90;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
padding: 10px 15px;
margin-right: 4px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;  
}
.badge a {
color: #f74b90;
font-size: 1rem;
font-weight: 400;
line-height: 1;
}
.badge:hover {
background-color: #f74b90;
border-color: #f74b90;
}
.badge:hover a {
color: #fff!important;
}  img.insta-img {
float: left;
width: 105px;
height: 105px;
margin: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}  #sb-box {
text-align: center;
padding: 50px 30px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);  
}
.sb-box-txt span {
display: block;
font-size: 1.25rem;
line-height: 1;
font-weight: 700;
margin-bottom: 10px;
}  .sidebar-table h5,
.sidebar-table h4 {
margin-bottom: 15px;
}
.sidebar-table h5.h5-xs {
margin-top: 20px;
}
.sidebar-table p {
margin-bottom: 0;
}
.sidebar-table table {
margin-top: 15px;
margin-bottom: 0;
}
.sidebar-table .table td, 
.sidebar-table .table th {
font-size: 1.125rem;
font-weight: 400;
padding: 16px 0;
border-top: none;
border-bottom: 1px dashed #aaa;
}
.sidebar-table .table .last-tr td, 
.sidebar-table .table .last-tr th {
border-bottom: none;
}  .sidebar-timetable {
border: 1px solid #ccc;
padding: 40px 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}  .txt-widget-avatar { 
float: left;
} #scrollUp {
display: none;
width: 50px;
height: 50px;
position: fixed;
bottom: 35px;
right: 20px;
z-index: 99;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/back-to-top.png);
background-repeat: no-repeat;
background-position: 50% 48%;
background-color: rgba(95, 88, 66, .2);
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
transition: all 250ms linear; 
}
#scrollUp:hover {
background-color: rgba(95, 88, 66, .5);
}
nav a#pull {  
display: none;  
} #stlChanger {
position: fixed;
z-index: 9999;
font-size: 15px;
overflow: hidden;
right: -230px;
top: 100px;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
#stlChanger.open {
right: 0px;
}
#stlChanger .bgChanger {
min-width: 280px;
min-height: 280px;
}
#stlChanger .blockChanger {
width: 230px;
}
#stlChanger .chBody {
background: #2b2e37;
width: 230px;
position: relative;
overflow: hidden;
border: 1px solid #2b2e37;
border-radius: 4px 0px 0px 4px;
height: 550px; 
overflow: scroll; 
overflow-x: hidden;
direction: rtl;
margin-left: 50px;
}
#stlChanger .chBut {
background: #ef2853;
width: 50px;
height: 50px;
position: absolute;
top: 45px;
left: 0;
z-index: 1000000;
text-align: center;
border: 1px solid #ef2853;
border-left: none;
padding: 0 0 0 2px;
border-radius: 4px 0px 0px 4px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
}
#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,
#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   
color: #fff;
font-size: 2.15rem;
line-height: 48px!important;
}
#stlChanger p {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
#stlChanger .stBgs a {
text-decoration: none;
width: 50px;
height: 50px;
float: left;
padding: 0;
margin: 0 5px 8px;
cursor: pointer;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}
#stlChanger .stBgs a img {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}
.stBlock1 {
margin: 0 20px 25px 20px;
}
.stBlock .btn {
width: 100%;
line-height: 1;
margin-top: 15px;
}
.s_1 img {
opacity: 1;
margin-bottom: 15px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.s_1 img:hover {
opacity: 0.8;
}body {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.6666;
font-size: 16px;
color: #283034;
font-weight: 400;
}
.container {
position: relative;
z-index: 3;
max-width: 1140px;
}
body.boxed {
background-color: #333;
}
body.boxed #wrapper {
margin: 2rem auto;
max-width: 1240px;
overflow: hidden;
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {  
color: #303030;
font-family: 'Lustria', sans-serif;
line-height: 1.3;
font-weight: 700;
letter-spacing: 1px;
}
h1 {
font-size: 32px;
margin-bottom: 20px;
margin-top: 30px;
}
h2 {
font-size: 30px;
margin-bottom: 20px;
margin-top: 30px;
}
h3 {
font-size: 28px;
margin-bottom: 20px;
margin-top: 30px;
}
h4 {
font-size: 24px;
margin-bottom: 15px;
margin-top: 20px;
}
h5 {
font-size: 18px;
margin-bottom: 15px;
margin-top: 20px;
}
h6 {
font-size: 16px;
margin-bottom: 12px;
margin-top: 15px;
}
a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
color: #353535;
}
mark {
padding: 0;
}
p {
margin-bottom: 16px;
font-size: 17px;
color: #777;
}
a:hover,
a:focus {
color: #f74b90;
text-decoration: none;
}
.blockquote,
blockquote {
margin-bottom: 1.5rem;
border-radius: 0 !important;
padding: 40px;
}
.wp-block-columns {
margin-bottom: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote {
background: inherit;
padding: 40px 0;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
color: inherit;
}
.wp-block-pullquote.is-style-solid-color .wp-block-quote:after,
.wp-block-pullquote.is-style-solid-color blockquote:after {
content: "";
}
.wp-block-social-links .wp-social-link a {
color: #6c757d!important;
font-size: 1.5625rem;
padding: 0;
}
.wp-block-social-links .wp-social-link svg {
width: 30px!important;
height: 30px!important;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
line-height: 1;
margin: 0 10px 4px 0!important;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background: none!important;
}
.readmore {
display: block;
font-size: 11px;
margin: 1rem 0 0;
color: #303030;
font-weight: 400;
padding: 0;
line-height: 1;
}
.margin-50 {
margin-bottom: 50px;
}
.team-desc small,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle,
.process-box:hover .process-end, 
.normal-box h4::after, 
.image-box h4::after,
.widget-title:after,
.image-box h4::after,
.tooltip-inner,
.post-publish .fa:hover,
.page-link,
mark,
.bg {
opacity: 1;
color:#fff;
background-color:#f74b90;
}
::selection {
background: #303030;
color: #fff;
}
::-moz-selection {
background: #303030;
color: #fff;
}
.gform .form-control:focus,
.search-form .search-field:focus,
.wpcf7 .form-control:focus {
background: #f7f7f7;
outline: none;
}
.tooltip.tooltip-top .tooltip-inner::before,
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
border-top-color: #f74b90;
}
.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
border-bottom-color: #f74b90;
} #wrapper {
overflow: hidden;
}
a:hover,
a:focus {
text-decoration: none;
}
a:focus {
outline: none;
outline-offset: 0;
text-decoration: none;
}
img {
height: auto;
max-width: 100%;
}
.hero-shape img {
width: 100%;
}
figure {
max-width: 100%;
overflow: hidden;
}
.wp-caption {
text-align: center;
color: #686868;
}
figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
color: #686868;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption {
margin: 0;
}
.page .wp-caption.alignright figcaption {
margin-bottom: 0;
margin-top: 5px;
}
.page figure.wp-caption.alignright {
margin-top: -15px;
}
iframe {
max-width: 100%;
}
.fb_iframe_widget {
max-width: 100%;
}
.fb-post.fb_iframe_widget span {
max-width: 100%;
}
.wp-block-embed iframe {
max-width: 100%!important;
min-width: 220px!important;
}
.screen-reader-text {
display: none;
}
.alignright {
float: right;
margin: 6px 0 6px 20px;
}
.alignleft {
float: left;
margin: 6px 20px 6px 0;
}
img.aligncenter {
display:block;
text-align:center;
display: block;
margin:0 auto 20px auto;
padding:0px;
border:0px;
background:none;
}
img.alignleft {
float:left;
margin: 6px 20px 6px 0;
display: inline;
border:0px;
background:none;
padding:0;
display:block;
}
img.alignright {
padding:0;
float:right;
margin: 6px 0 6px 20px;
border:0px;
display:block;
background:none;
}
figure.aligncenter {
margin:0 auto 20px auto;
}
blockquote {		 
margin: 20px 0;
position:relative;  
width:auto;
}
table {
width: 100%;
}
.blog-desc table {
margin-bottom: 30px;
}
table th {
font-weight: 500;
}
.wp-block-calendar table th {
background: #f7f7f7;
font-weight: 500;
text-align: center;
}
.wp-block-calendar a {
text-decoration: none;
}
.wp-calendar-table td a {
color: #fff;
font-weight: 500;
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
border-color: #eaeaea;
}
table td,
table th {
padding: 8px;
border: 1px solid #eaeaea;
color: #686868;
}
.widget table td,
.widget table th {
text-align: center;
}
select {
border: 1px solid #eaeaea;
height: 44px;
padding: 10px;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/downarrow.png);
background-repeat: no-repeat;
background-position: 95%;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
max-width: 100%;
overflow: hidden;
color: #303030;
margin-bottom: 5px;
border-radius: 4px;
}
.widget_archive select {
min-width: 200px;
}
.sidebar select,
.footer-widget-area select {
width: 100%;
}
pre {
border: 1px solid #eaeaea;
font-size: 12px;
line-height: 1.3125;
margin: 5px 0 1.75em;
max-width: 100%;
overflow: auto;
overflow-wrap: break-word;
padding: 1.75em;
white-space: pre-wrap;
}
code {
background: none;
color: #f74b90;
}
kbd {
background: #f74b90;
}
.pager {
margin: 0;
}
.pagination > li {
float: left;
min-width: 24px;
line-height: 36px;
}
.pagination > li > a,
.pagination > li > span {
float: left;
margin-left: 0;
margin-right: 10px;
position: relative;
text-decoration: none;
}
.pager li > a,
.pager li > span {
background-color: #2c2f33;
border: 1px solid #2c2f33;
color: #fff;
float: none;
line-height: 1.42857;
font-size: 11px;
margin-right: 10px;
margin-left: 0;
border-radius: 0;
padding: 8px 15px;
display: inline-block;
position: relative;
text-decoration: none;
}
.pagination > li.current > a,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #fafafa;
}
.pager i {
font-size: 13px;
vertical-align: baseline;
}
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
border-left: 5px solid #f74b90;
}
.wp-block-search .wp-block-search__button,
.search-form .search-submit {
background: #f74b90;
height: 60px;
border: 1px solid #f74b90;
color: #fff;
border-radius: 0 4px 4px 0 ;
margin-left: 0;
border-left: none;
padding: .375em .625em;
}
.wp-block-search .wp-block-search__input,
.search-form .search-field {
float: left;
max-width: 345px;
border-color: #ccc;
padding: 5px 5px 5px 10px;
border-radius: 4px 0 0 4px;
border-right: none;
height: 60px;
}
.footer-widget-area .wp-block-search .wp-block-search__input,
.footer-widget-area .search-form .search-field {
max-width: 190px;
}
.search-form label {
display: inline;
}
.search-form .search-field {
flex-grow: 1;
min-width: 3em;
border: 1px solid #eaeaea;
margin-right: 0;
height: 60px;
}
.footer-widget-area .search-form .search-field {
margin-bottom: 10px;
}
.post-meta.sticky-posts {
position: relative;
}
.sticky .sticky-content {
width: auto;
height: auto;
overflow: hidden;
position: absolute;
top: -38px;
right: 20px;
z-index: 1;
transform: rotate(-45deg);
writing-mode: vertical-lr;
display: inline-block;
padding: 42px 3px;
border-radius: 4px;
}
.sticky-content .sticky-post {
font-size: 16px;
color: #303030;
}
.sticky .sticky-content::before {
position: absolute;
z-index: 1;
content: '';
border-top: 15px solid #f9f9f9;
border-left: 15px solid #f9f9f9;
border-right: 15px solid #f9f9f9;
border-bottom: 15px solid #fff;
bottom: -15px;
height: 30px;
width: 100%;
right: 0;
}
.sticky .sticky-content::after {
position: absolute;
z-index: -1;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #f9f9f9;
color: #303030;
}
.gallery-caption {
color: #000;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #660016;
}
dd {
margin-bottom: 20px;
}
.hidden-sec {
display: none;
}
.visible-sec {
display: block;
}
.tagcloud a,
.tagwidget li a,
.wp-block-tag-cloud a {
margin: 0 0 10px 0;
display: inline-block;
font-size: 1rem!important;
background: none;
padding: 8px 15px;
color: #f74b90;
border-radius: 4px;
border: 1px solid #f74b90;
}
.wp-block-tag-cloud a {
margin-right: 7px;
}
.tagcloud a:hover,
.tagwidget li a:hover,
.wp-block-tag-cloud a:hover,
.tagcloud a:focus,
.tagwidget li a:focus,
.wp-block-tag-cloud a:focus {
background: #f74b90;
color: #fff;
}
.sidebar ul {
padding-left: 0;
margin: 0;
}
.sidebar .widget_nav_menu ul.sub-menu {
padding-left: 10px;
}
.sidebar ul li {
list-style: none;
padding-bottom: 10px;
}
.panel-grid-cell {
position: relative;
}
.post-password-form input[type="password"] {
border: none;
background-color: #f1f1f1;
padding: 0 1rem;
height: 45px;
display: block;
}
.post-password-form input[type="submit"] {
border: none;
padding: 5px 35px;
color: #fff;
height: 45px;
background: #f74b90;
border: none;
color: #fff!important;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
background: #303030;
}
.right.carousel-control > span,
.left.carousel-control > span {
top: 45%;
position: absolute;
}
.comments-list li .children {
padding-left: 10px;
}
.blog-tags {
float: left;
width: 100%;
}
.blog-tags ul li a {
color: #f74b90;
font-size: 16px;
font-weight: 400;
line-height: 1;
background-color: transparent;
border: 1px solid #f74b90;
padding: 10px 15px;
margin-right: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
display: inline-block;
margin-bottom: 15px;
}
.blog-tags ul li a:hover {
color: #fff;
background-color: #f74b90;
border-color: #f74b90;
}
.blog-tags h5 span,
.blog-social h5 span {
position: relative;
}
.blog-social h5 span:after {
right: auto;
left: -40px;
}
.blog-tags:hover h5 span:after,
.blog-item-comment:hover .custom-title span:after,
.blog-social:hover h5 span:after {
background-color: #192B72;
width: 50px;
}
.blog-social:hover h5 span:after {
left: -70px;
}
.page-links {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.page-links .page-links-title {
padding-right: 5px;
}
.page-links .post-page-numbers {
margin-right: 10px;
}
.page-links a,
.page-links span.post-page-numbers {
color: #6d708d;
background-color: #fff;
padding: 15px 18px;
box-shadow: 0 0 16px rgb(50 39 193 / 8%);
line-height: 1;
font-size: 14px;
font-weight: 700;
display: inline-block;
border-radius: 3px;
}
.page-links .post-page-numbers.current,
.page-links a:hover,
.page-links a:focus {
background: #f74b90;
color: #fff;
border-color: #f74b90;
}
.wp-audio-shortcode {
margin-bottom: 20px;
}
.media-list li.pingback {
list-style: none;
}
.pagination {
margin-top: 70px;
justify-content: center;
margin-bottom: 0;
padding-bottom: 10px;
} .wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-rss {
padding: 0;
}
.wp-block-rss li {
list-style: none;
margin-bottom: 10px;
}
.wp-block-rss li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.wp-block-image .alignleft {
margin-right: 30px;
}
.wp-block-image figcaption {
color: #686868;
font-size: 16px;
}
.wp-block-cover-image,
.wp-block-cover {
min-height: 330px;
}
.wp-block-cover {
margin-bottom: 40px;
}
.wp-block-video figcaption {
color: #686868;
font-size: 16px;
}
.wp-block-pullquote {
border-width: 0;
border-style: solid;
padding: 0;
border-color: #ddd;
color: #333;
}
.wp-block-pullquote p {
margin-bottom: 0.5em;
line-height: 1.4;
}
.wp-block-pullquote blockquote p {
font-size: 20px;
margin-bottom: 0;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation {
color: #333;
text-transform: inherit;
}
.wp-block-button__link {
background: #303030;
color: #fff !important;
border: 1px solid #303030;
border-radius: 30px;
margin-bottom: 5px;
}
.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
border-color: #002d13;
color: #303030!important;
}
.blocks-gallery-caption {
font-size: 16px;
margin: 10px auto 30px;
color: #686868;
}
.wp-block-embed figcaption {
font-size: 16px;
color: #686868;
}
.wp-block-cover-image p: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 .wp-block-subhead:not(.has-text-color),
.wp-block-cover p: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 .wp-block-subhead:not(.has-text-color) {
color: #fff;
}
.wp-block-quote,
blockquote {
padding: 0 20px;
border-left: 3px solid #f74b90;
margin: 30px 0;
font-size: 1.25rem;
}
.wp-block-quote p,
blockquote p {
font-size: 1.25rem;
}
.wp-block-quote p:last-child,
blockquote p:last-child {
margin-bottom: 0;
}
.wp-block-calendar table caption,
table caption {
caption-side: top;
padding-top: 10px;
padding-bottom: 5px;
font-size: 17px;
}
.footer table caption,
.footer .wp-block-calendar table caption {
padding-top: 0;
}
.wp-block-calendar table caption {
padding-bottom: 15px;
}
.wp-calendar-nav {
padding-top: 5px;
text-align: left;
}
.wp-calendar-nav a {
font-size: 14px;
color: #f74b90;
}
.wp-calendar-table td#today {
color: #fff;
background: #f74b90;
border-color: #f74b90;
}
.footer-widget-area .wp-calendar-table td#today {
border-color: #eaeaea;
}
.wp-block-calendar table {
margin-bottom: 10px;
}
.wp-calendar-nav .wp-calendar-nav-next {
float: right;
}
.wp-block-calendar .wp-calendar-nav {
margin-bottom: 30px;
}
.has-text-align-right.wp-block-quote {
text-align: right;
}
.wp-block-columns .wp-block-column .wp-block-quote {
padding: 15px;
}
.wp-block-file .wp-block-file__button {
background: #f74b90;	
}
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
padding: 25px;
}
.blog-box .meta-bottom {
margin-top: 10px;
font-weight: 600;
float: left;
width: 100%;
}
.meta-bottom i {
margin-right: 5px;
color: #f74b90;
}
.wp-block-audio audio {
min-width: 220px;
}
.wp-block-quote p {
z-index: 1;
position: relative;
margin-bottom: 0;	
}
.formate-quote > .wp-block-quote p {
font-size: 30px;
line-height: 40px;
color: #ffffff;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-color: #f74b90;
border-width: 3px;
}
.is-style-solid-color blockquote {
border: none;
}
.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-weight: 600;
}
.wp-block-separator {
margin: 1.65em auto!important;
border-top: 1px solid #999;
border-bottom: none;
float: none!important;
}
.has-large-font-size {
font-weight: 500;
margin-bottom: 0;
line-height: 1.2;
}
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote__citation,
.wp-block-quote cite a {
color: #f74b90;
font-weight: 700;
display: inline-block;
font-size: 18px;
margin-top: 10px;
}
.formate-quote .wp-block-quote cite a.author-name {
position: relative;
padding-left: 60px;
}
.formate-quote .wp-block-quote cite a.author-name:before {
position: absolute;
background: #ffffff;
content: "";
display: inline-block;
height: 3px;
bottom: 10px;
left: 0px;
width: 50px;
}
.formate-quote .wp-block-quote cite a {
color: #ffffff;
margin-right: 10px;
}
.formate-quote .wp-block-quote cite a .svg-inline--fa {
margin-right: 5px;
}
.gallery-carousel,
.wp-block-archives,
.wp-block-categories,
.wp-block-search,
.wp-block-archives-dropdown {
margin-bottom: 40px;
display: inline-block;
width: 100%;
}
.sidebar .wp-block-search {
margin-bottom: 0;
}
.wp-block-code {
border: 1px solid #eaeaea;
border-radius: 0;
color: #303030;
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid #eaeaea;
}
.wp-block-group.has-background {
margin-bottom: 15px;
}
.wp-block-latest-posts.is-grid {
margin-bottom: 30px;
}
.wp-block-group.has-background {
padding: 30px;
}
.wp-block-group.has-background p:last-child {
margin-bottom: 0;
}
.wp-block-media-text {
margin-bottom: 15px;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: 15px;
}
.wp-block-media-text.has-background .wp-block-media-text__content p:last-child {
margin-bottom: 0;
}
.boxed-slider .container-fluid {
padding: 0;
} .header {
padding: 0;
position: relative;
}
.header .navbar {
padding: 0;
}
.header-style2.header {
background: none;
}
.header.header-style3 {
border-bottom: none;
}
.header.header-style2 .navbar {
padding: 0 40px;
z-index: 1;
background: rgba(255,255,255, 0.9);
border-radius: 0 0 6px 6px;
}
.header.header-style3 .navbar {
padding: 0;
}
.normal-header {
padding: 0;
}
.normal-header .navbar {
padding: 0;
}
.fixed-top {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1030;
padding: 1rem 3rem;
}
.navbar-nav .menu-item a {
line-height: 1;
padding: 30px;
color: #303030;
display: block;
margin-top: -1px;
font-weight: 500;
position:relative;
}
.navbar-nav > .menu-item > a:before {
position: absolute;
content: "";
left: 0;
bottom: -1px;
background: #f74b90;
width: 100%;
height: 4px;
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
transition: transform 0.4s cubic-bezier(.74,.72,.27,.24);
}
.navbar-nav > .menu-item:hover > a:before,
.navbar-nav > .menu-item.current_page_parent > a:before,
.navbar-nav > .menu-item.current-menu-item > a:before {
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
.transparent-header .navbar-nav > .menu-item > a {
padding: 39px 20px;
}
.transparent-header.header-style1 .navbar-nav > .menu-item > a {
padding: 40px 16px;
}
.transparent-header.header-style1 .navbar-nav > .menu-item > a:before {
height: 4px;
}
.light-header.transparent-header .navbar-nav > .menu-item > a {
color: #303030;
}
.light-header.transparent-header .navbar-nav > .menu-item.current-menu-item > a,
.light-header.transparent-header .navbar-nav > .menu-item:hover > a {
color: #f74b90;
}
@media (min-width: 1025px) {	
.navbar-nav > .menu-item.menu-item-has-children i {
top: 1px;
position: relative;
padding-left: 2px;
}
.navbar-nav .menu-item a .svg-inline--fa {
padding: 1px;
position: relative;
top: 0;
font-size: 13px;
}
.navbar-nav .menu-item.current-menu-item > a,
.navbar-nav .menu-item.current_page_parent > a,
.navbar-nav .menu-item:hover > a {
color: #f74b90;
}
.navbar-nav .dropdown-menu .menu-item a i {
position: absolute;
right: 15px;
top: 5px;
}
.navbar ul li .dropdown-menu {
position: absolute;
z-index: 9;
border-radius: 0 0 6px 6px;
display: block;
left: 0;
opacity: 0;
padding: 0 15px;
right: 0;
top: 100%;
visibility: hidden;
min-width: 230px;
border: 1px solid #f5f5f5;
background: #ffffff;
-webkit-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
-moz-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
margin: 0;
transform: scale(1 , 0);
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar ul li .dropdown-menu li {
display: block;
padding: 0;
position: relative;
}
.navbar ul li .dropdown-menu li a {
padding: 12px 0;
line-height: 1.6;
color: #5d5d5d;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: none;
border-bottom: 1px solid #eaeaea;
}
.navbar ul li .dropdown-menu li:last-child a {
border: none;
}
.navbar ul li:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.navbar ul li .dropdown-menu li:hover > a {
color: #f74b90;
}
.navbar .has-submenu > ul li:hover > ul {
visibility: visible;
opacity: 1;
left: 100%;
}
.navbar .has-submenu > ul li ul {
position: absolute;
top: 0;
visibility: hidden;
display: block;
opacity: 0;
left: 130%;
}
.navbar-collapse .navbar-nav li.dropdown .dropdown-btn {
display: none;
}
} .mobile-menu i {
display: none;
}
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
display: none;
color: #fff;
margin-right: 30px;
top: 15px;
}
.nav-logo img {
width: 150px;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 99;	
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.mobile-menu .navbar-collapse {
display: block !important;
}
.mobile-menu .nav-logo {
position: relative;
padding: 30px 25px;
text-align: left;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .navbar-nav li.current > a:before {
height: 100%;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background: #303030;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 0.70;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
background: #303030;
padding: 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.logged-in.admin-bar .mobile-menu .menu-box {
top: 32px;
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 10px;
top: 10px;
line-height: 30px;
width: 24px;
text-align: center;
font-size: 30px;
color: #ffffff;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.logged-in.admin-bar .mobile-menu .close-btn {
top: 46px;
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.mobile-menu .navbar-nav {
position: relative;
display: block;
width: 100%;
float: none;
}
.mobile-menu .navbar-nav li {
position: relative;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navbar-nav:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navbar-nav li >ul >li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navbar-nav li > a,
.mobile-menu .navbar-nav .menu-item.current-menu-item > a,
.mobile-menu .navbar-nav .menu-item.current_page_parent > a,
.mobile-menu .navbar-nav .menu-item:hover > a,
.transparent-header .mobile-menu .navbar-nav > .menu-item > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px!important;
font-size: 15px;
font-weight: 500;
color: #ffffff;
border: none;
margin: 0;
}
.transparent-header .mobile-menu .btn.btn-primary.align-right {
margin: 10px 25px;
display: none;
}
.mobile-menu .navbar-nav li ul li > a,
.mobile-menu .navbar ul li .dropdown-menu li a {
font-size: 15px;
margin-left: 20px!important;
}
.mobile-menu .navbar-nav li > a:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0!important;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navbar-nav li.dropdown .dropdown-btn {
position: absolute;
right: 6px;
top: 6px;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
line-height: 32px;
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 5;
}
.mobile-menu .navbar-nav li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navbar-nav li > ul,
.mobile-menu .navbar-nav li > ul > li > ul {
display: none;
background: none;
padding: 0;
margin: 0;
}
.mobile-menu .social-links {
position: relative;
text-align: center;
padding: 30px 25px;
}
.mobile-menu .social-links li {
position: relative;
display: inline-block;
margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
position: relative;
line-height: 32px;
font-size: 16px;
color: #ffffff;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.navbar .mobile-nav-toggler {
position: relative;
float: right;
font-size: 30px;
cursor: pointer;
line-height: 1;
color: #303030;
display: none;
padding: 0;
}
.navbar .mobile-nav-toggler .svg-inline--fa {
float: right;
font-size: 22px;
margin-top: 31px;
}
@media (max-width: 1024px) {
.menu-outer .navbar-wrap {
display: block !important;
}
.navbar .mobile-nav-toggler {
display: block;
width: 100%;
}
.header-bottom{
margin-left: 20px;
}
.navbar{
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 1025px){
.header-main .navbar-toggleable-md .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
} .dropdown-toggle::after {
display: inline-block;
width: auto;
height: auto;
margin-left: 0.5em;
margin-top: -0.3rem;
vertical-align: middle;
content: "\f107";
border: 0;
font-family: 'FontAwesome';
}
.navbar-toggler {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.navbar-toggler-right {
top: 13px;
}
.header-section {
padding: 2rem 0;
margin-bottom: 3rem;
background-color: #ffffff;
border-bottom: 1px dotted #eaeaea;
}
.logo img {
max-width: 324px;
max-width: 100%;
margin: auto;
text-align: center;
display: block;
}
.tooltip-inner {
font-size: 12px;
}
.tooltip.tooltip-bottom,
.tooltip.bs-tether-element-attached-top {
margin-top: 13px;
}
.header-main .collapse:not(.show) {
display: block;
}
.navbar-nav {
margin: 0 auto;
}
.header-style2 .navbar-nav {
margin: 0;
}
.menu-right,
.social {
margin-top: 6px;
}
.social {
padding: 7px 0;
margin: 0 0 0 10px;
display: inline-block;
}
.social li {
list-style: none;
display: inline-block;
margin-right: 10px;
font-weight: 600;
}
.social li a {
color: #303030;
}
.social li a:hover {
color: #fff;
}
.menu-right {
margin-left: 8px;
}
.fa-bars {
font-size: 14px;
}
.navbar-brand {
padding: 0;
margin: 0;
font-size: 30px;
color: #303030;
font-weight: 700;
}
.header.header-style3 .navbar-brand {
position: relative;
}
.header.header-style3 .navbar-brand:after {
border-right: 1px solid rgba(20,57,109, 0.2);
position: absolute;
right: -30px;
top: -10px;
bottom: -10px;
content: "";
}
.navbar-brand img {
max-width: 170px;
padding: 10px 0;
}
.social a {
padding: 0;
display: inline-block;
width: auto;
height: 34px;
color: #fff;
line-height: 34px;
text-align: center;
font-size: 14px;
margin-left: 10px;
border-radius: 50%;
}
.social a:first-child {
margin-left: 0;
}
.widget.jthemes .social a {
font-size: 14px!important;
}
.summary.entry-summary .social a {
width: auto;
background: none;
}
.footer .social a {
width: 20px;
height: 20px;
line-height: 20px;
background: none;
}
.social a:hover,
.social a:focus {
color:#f74b90;
}
.footer .social a:hover,
.footer .social a:focus {
background: none;
color: #f74b90;
}
.summary.entry-summary .social a:hover,
.summary.entry-summary .social a:focus {
color: #f74b90;
}
.breadcrumb {
padding: 0 25px;
margin: 25px 0 0 0;
background: transparent;
display: inline-block;
position: relative;
font-weight: 500;
}
.breadcrumb li {
display: inline-block;
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
font-size: 1.125rem;
}
.breadcrumb li a {
font-size: 1.125rem;
font-weight: 500;
text-decoration: underline;
}
.breadcrumb li a:hover,
.breadcrumb li a:focus {
color: #fff;
text-decoration: underline;	
}
.breadcrumb li.active {
color: #fff;
}
.breadcrumb li i,
.breadcrumb li svg {
padding: 0 12px 0 0;
line-height: 28px;
display: inline-block;
margin: 0 0 0 12px;
font-size: 14px;
vertical-align: middle;
}
.breadcrumb li.active span.delimiter {
display: none;
} .section {
padding: 120px 0;
}
.section.section-main-container {
margin-top: 80px;
}
.single-product .section.section-main-container {
padding-bottom: 70px;
}
.single-portfolio .section.section-main-container {
background: #fefdfc;
margin: 0;
padding-bottom: 0;
}
.no-padding.section {
padding: 0;
}
.section-button {
display: block;
margin: 2rem 0 0;
}
.section-button .btn {
padding: 16px 43px;
}
.video-section {
position: relative;
padding: 5rem 0;
}
.overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/pattern.png) repeat center center rgba(0, 0, 0, 0.7);
}
.nopadbot {
padding-bottom: 0;
}
.bgwhite {
background-color: #ffffff
}
.bgdark {
background-color: #303030;
}
.bglight {
background-color: #f7f7f7;
}
.bg-banner {
background-repeat: no-repeat;
position: relative;
background-size: cover!important;
background-blend-mode: multiply;
}
.post-media img {
width: 100%;
}
.tp-caption.NotGeneric-Title,
.NotGeneric-Title {
font-weight: 400 !important;
color: #ffffff;
}
.tp-caption.NotGeneric-Title.fstrong,
.NotGeneric-Title.fstrong {
font-weight: bold !important;
color: #212121;
}
.tp-caption.NotGeneric-Title span,
.NotGeneric-Title span {
font-weight: 600 !important;
}
.tp-caption.NotGeneric-SubTitle,
.NotGeneric-SubTitle {
color: #ffffff;
line-height: 1.7;
}
.NotGeneric-CallToAction:hover,
.tp-caption.NotGeneric-CallToAction:hover,
.NotGeneric-CallToAction,
.tp-caption.NotGeneric-CallToAction {
border-width: 2px !important;
border-radius: 500px;
} .footer {
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
background-size: cover;
}
.footer.section{
padding-bottom: 0;
padding-top: 140px;
}
.footer-bottom-part{
padding-bottom: 80px;
}
.footer-top-part {
margin-bottom: 75px;
background: #f74b90;
padding: 60px 70px;
border-radius: 10px;
}
.widget-title {
display: inline-block;
padding: 0;
margin: 0 0 30px 0;
z-index: 1;
font-size: 20px;
line-height: 1.2;
position: relative;
color: #303030;
width: 100%;
}
.widget-title span {
position: relative;
}
.footer-widget-area .widget-title {
font-size: 24px;
color: #ffffff;
margin-bottom: 40px;
}
.footer-widget-area .widget-title span {
position: relative;
display: inline-block;
}
.footer-widget-area p:last-child {
margin-bottom: 0;
}
.footer-widget-area .widget ul li {
list-style: none;
padding: 0 0 0 15px;
margin-bottom: 8px;
position: relative;
}
.footer-widget-area .widget ul li:before {
position: absolute;
left: 0;
top: 7px;
font-family: "icomoon";
content: "\f27d";
font-weight: 300;
line-height: 1;
font-size: 13px;
}
.footer-widget-area .footer-contact li {
margin-bottom: 25px;
}
.footer-widget-area .widget_rss ul li {
padding-bottom: 15px;
}
.footer-widget-area .widget_rss ul li a {
padding-bottom: 15px;
}
.footer-widget-area .widget_rss ul li:last-child {
padding-bottom: 0;
}
.footer-widget-area ul li a {
display: inline-block;
padding: 0;
font-size: 1.125rem;
}
.footer-widget-area .footer-contact li a {
padding: 0;
}
.footer-widget-area ul li:last-child a {
padding-bottom: 0;
}
.footer-widget-area ul.children,
.footer-widget-area ul.sub-menu {
padding: 10px 0 12px 10px;
}
.footer-widget-area li:last-child ul.sub-menu,
.footer-widget-area li:last-child ul.children,
.footer-widget-area li.page_item_has_children .children,
.footer-widget-area li.menu-item-has-children .sub-menu {
padding-bottom: 0;
}
.footer.footer-style1 .footer-widget-area .blog-list-widget img {
border: none;
max-width: 60px;
border-radius: 0;
}
.footer.footer-style1 .footer-widget-area .blog-list-widget .mb-1 {
font-size: 18px;
line-height: 23px;
color: #fff;
font-weight: 500;
}
.footer-widget-area p {
margin-bottom: 15px;
}
.footer-widget-area ul li a:hover,
.footer-widget-area ul li a:focus {
color:#f74b90;
}
.footer-contact li h5 {
color: rgba(255, 255, 255, 0.7);
margin: 0;
line-height: 1;
font-weight: 400;
}
.entry {
position: relative;
overflow: hidden;
}
.magnifier {
position: absolute;
top: 0;
right: 0;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer .text-widget p {
padding: 1rem 0;
margin: 0;
}
.footer .social {
border: 0;
padding: 0;
}
.footer.footer-style1 .social a {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background: #ffffff;
border-radius: 50%;
border: 2px solid rgba(255,255,255, 0.1);
margin-left: 0;
color: #303030;
}
.footer.footer-style1 .social a:hover,
.footer.footer-style1 .social a:focus {
background: #f74b90;
color: #fff;
border-color: #f74b90;
}
.footer .social a {
margin-right: 10px;
width: auto;
font-weight: 600;
}
.footer .social a:last-child {
margin-right: 0;
}
.footer .social a:hover,
.footer .social a:focus {
color: #f74b90;
text-decoration: underline;
}
.footer-widget-area ul {
padding: 0;
margin: 0;
}
.footer-widget-area ul li:last-child {
margin-bottom: 0;
}
.col-lg-3.footer-widget-area .widget_block:first-child {
margin-bottom: 25px;
}
.footer-widget-area .widget {
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.footer-widget-area .footer-logo-widget {
max-width: 216px;
margin: 0;
}
.footer-style1 .footer-widget-area p:last-child {
margin: 0;
}
.footer .footer-widget-area p.wp-caption-text {
margin-top: 5px;
}
.footer-widget-area .widget-title a {
font-size: 18px;
color: #ffffff;
text-decoration: none;
}
.footer-widget-area .widget-title a:hover,
.footer-widget-area .widget-title:hover a {
color: #fff!important;
text-decoration: none!important;
}
.main-footer {
background: #303030;
}
.copyrights {
padding: 25px 0;
background: #133565;
font-weight: 400;
color: rgba(255,255,255, 0.6);;
}
.copyrights p {
margin-bottom: 0;
padding: 0;
}
.copyrights i {
margin-left: 6px;
} .btn-primary {
background-color: #f74b90;
border: none;
line-height: 1;
padding: 12px 30px;
cursor: pointer;
border-radius: 2px;
color: #fff;
font-size: 16px;
font-weight: 400;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn-primary .svg-inline--fa,
.btn-primary i {
margin-left: 4px;
}
.header.transparent-header.light-header .btn-primary {
max-height: 52px;
}
.btn-primary:hover,
.btn-primary:focus {
background: none;
box-shadow: none;
color: #fff;
border-color: #fff;
}
.form-submit .btn-primary {
padding: 25px 80px 25px 50px;
border-radius: 6px;
}
.read-more-wrapper i {
margin-left: 10px;
font-size: 14px;
}
.read-more-wrapper {
margin-top: 10px;
}
.more-link {
text-decoration: none;
font-size: 14px;
line-height: 1;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
margin-top: 14px;
margin-left: 0;
padding: 15px 20px;
color: #fff;
background: #f74b90;
border: 1px solid #f74b90;
display: inline-block;
border-radius: 2px;
}
.more-link:hover,
.more-link:focus {
color: #1d293f;
background-color: transparent;
border-color: #ccc;
}
.alignleft {
float: left;
display: table-cell;
margin: 10px 20px 10px 0;
}
.alignright {
float: right;
display: table-cell;
margin: 10px 0 10px 20px;
} .media-list .comment-respond {
margin-bottom: 30px;
padding-top: 20px;
}
.blog-item-comment .comment-reply-title,
.blog-item-comment-form .comment-reply-title {
margin-top: 0;
font-size: 24px;
position: relative;
margin-bottom: 40px;
}
.comment-reply-title a {
font-weight: 600;
}
.comment-respond .form-control {
border: none;
background: none;
border-radius: 6px;
color: #303030;
height: 60px;
font-size: 14px;
padding: 25px 30px 25px 25px;
position: relative;
border: 1px solid #eeeeee;
}
.comment-respond .form-group {
position: relative;
margin-bottom: 25px;
}
.comment-respond .form-submit {
margin-bottom: 0;
position: relative;
display: inline-block;
}
.comment-form-cookies-consent {
margin-bottom: 15px;
}
.comment-form-cookies-consent label {
width: 95%;
vertical-align: top;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: 2px;
}
.wpcf7 .form-control {
background-color: #ffffff;
border: none;
border-radius: 0;
display: block;
height: 60px;
padding: 15px 50px 15px 25px;
width: 100%;
}
.wpcf7 span {
margin-bottom: 30px;
display: block;
}
.wpcf7-spinner {
position: absolute;
}
.position-relative {
position: relative;
}
.wpcf7 i {
position: absolute;
top: 20px;
z-index: 1;
right: 40px;
color: #f74b90;
}
.big-contact-form .form-control {
margin-bottom: 20px;
}
.comment-respond textarea.form-control {
height: 150px;
resize: none;
padding-left: 25px;
padding-top: 25;
}
.wpcf7 textarea.form-control {
height: 250px;
resize: none;
padding-top: 20px;
}
.wpcf7 .form-control:focus {
background: #fff;
}
.form-control::-webkit-input-placeholder {
color: #303030;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #303030;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #303030;
opacity: 1;
}
.page .tnp-widget-minimal input.tnp-email::-webkit-input-placeholder {
color: #303030;
}
.page .tnp-widget-minimal input.tnp-email::-moz-placeholder {
color: #303030;
}
.page .tnp-widget-minimal input.tnp-email:-ms-input-placeholder {
color: #303030;
}
.form-control::placeholder {
color: #303030;
opacity: 1;
}
button,
input,
optgroup,
select,
textarea {
outline: none;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
outline: none;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:focus {
color: #fff;
}
.blog-list-widget .justify-content-between img {
float: left;
}
.notfound h2 {
font-size: 140px;
padding: 0;
margin: 0;
line-height: 1.2;
font-weight: bold;
}
.notfound h3 {
font-size: 40px;
padding: 0;
margin: 0;
line-height: 1.2;
}
.error404 .content {
padding-right: 15px;
}
.notfound p {
padding: 2rem 80px 1.4rem 80px;
margin-bottom: 0;
}
.alink {
font-weight: bold;
text-decoration: underline !important;
}
.blog-box img.float-left {
margin-bottom: 0.5rem;
margin-right: 1.5rem;
margin-top: 0.5rem;
}
.blog-box img.float-right {
margin-bottom: 0.5rem;
margin-left: 1.5rem;
margin-top: 0.5rem;
} .soundcloud {
width: 100%;
border: 7px solid #fff;
border-bottom: none;
}
.video-popup {
height: 100px;
width: 100px;
display: inline-block;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
line-height: 100px;
color: #ffffff;
font-size: 48px;
background: #f74b90;
z-index: 1;
border-radius: 100%;
}
.popup-video-content .video-popup {
position: relative;
left: auto;
top: auto;
transform: none;
height: 100px;
width: 100px;
line-height: 100px;
}
.popup-video-content .video-popup:before {
border: 2px solid rgba(255,255,255, 0.1);
position: absolute;
left: -25px;
top: -25px;
content: "";
width: 150%;
height: 150%;
border-radius: 100%;
animation: border-video 1500ms ease-out infinite;
}
.video-popup:hover,
.video-popup:focus {
background: #fff;
}
.form-wrapper p {
padding-bottom: 1rem;
margin: 0;
}
.form-wrapper .clearfix {
margin-bottom: 0.6rem;
}
.form-wrapper .form-control {
border-radius: 0;
margin-bottom: 1rem;
border: 1px solid #eaeaea;
font-size: 12px;
min-height: 45px;
font-weight: lighter;
}
.form-wrapper textarea {
padding-top: 20px;
min-height: 120px !important;
overflow: hidden;
}
.media-heading {
font-size: 18px;
padding: 0 130px 0 0;
margin-top: 0;
}
.media-heading span {
display: block;
font-size: 14px;
color: #686868;
font-weight: 500;
}
.media-body {
position: relative;
flex: 1 1 0%;
}
.position-edit-links {
position: absolute;
right: 0;
top: 5px;
}
.blog-item-comment {
width: 100%;
padding: 40px;
border-radius: 10px;  
-webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
background: #fff;
margin-top: 60px;
float: left;
}
.has-post-thumbnail .blog-item-comment {
margin-left: 4%;
margin-right: 4%;
width: 92%;
}
.page .blog-item-comment {
margin-bottom: 0;
}
.page .blog-item-comment {
margin-top: 30px;
}
.blog-item-comment-form.wide-80 {
float: left;
width: 100%;
padding: 40px;
border-radius: 10px;  
-webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
background: #fff;
margin-top: 60px;
}
.has-post-thumbnail .blog-item-comment-form.wide-80 {
margin-left: 4%;
margin-right: 4%;
width: 92%;
}
.page .comment-respond {
padding-top: 0;
padding-bottom: 0;
}
.media-list {
padding: 0;
margin-bottom: 0;
}
.media-list .media .avatar {
border-radius: 50%;
background: #eaeaea;
}
.media-list li.comment {
margin-bottom: 30px;
}
.media-list li.comment,
.media-list li.trackback,
.media-list li.pingback{
list-style: none;
}
.media-list li.comment:last-child {
margin-bottom: 0;
}
.comment-edit-link,
.comment-reply-link {
margin-left: 10px;
position: relative;
padding-left: 20px;
font-weight: 600;
color: #303030;
font-size: 14px;
}
.comment-reply-link:before {
position: absolute;
left: 0;
top: 2px;
font-family: "icomoon";
content: "\f23e";
font-weight: 300;
line-height: 1; 
}
.comment-edit-link:hover,
.comment-reply-link:hover,
.comment-edit-link:focus,
.comment-reply-link:focus {
color: #f74b90;
}
.comments-list li .children {
padding-left: 30px;
}
.comments-list .media-right,
.comments-list small {
color: #999 !important;
font-size: 15px;
margin-top: 5px;
padding-left: 10px;
}
.comments-list .media {
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
display: flex;
}
.comments-list .media .pull-left {
margin-bottom: 20px;
}
.media-list .commentform {
margin-top: 60px;
}
.comments-list img {
margin-right: 30px;
}
.comments-list p:last-child {
padding-bottom: 0;
}
.authorbox {
padding: 50px;
float: left;
width: 100%;
margin-bottom: 40px;
border: 1px solid #eeeeee;
border-radius: 6px;
}
.authorbox .social {
padding: 0;
}
.authorbox .social li a,
.authorbox .social li a {
height: 30px;
width: 30px;
font-size: 14px;
text-align: center;
line-height: 34px;
color: #686868;
background: #E1E4EC;
border-radius: 100%;
}
.authorbox .social li a:hover,
.authorbox .social li a:focus {
background: #f74b90;
color: #fff;
}
.authorbox img {
border-radius: 50%;
}
.authorbox h5 {
margin: 0 0 10px 0;
}
.authorbox h4 span {
font-size: 12px;
display: block;
color: #f74b90;
line-height: 1;
padding-bottom: 10px;
}
.authorbox p {
padding: 0;
margin: 0 0 0.8rem;
line-height: 1.5;
}
.authorbox p:last-child {
margin: 0;
}
.author-social a {
margin-right: 10px;
}
.blog-list .blog-desc {
padding-top: 0;
}
.blog-list .blog-desc h4 {
padding-top: 0.7rem;
}
.blog-list .blog-meta {
margin: 0.5rem 0;
}
.owl-prev i,
.owl-next i {
padding: 3px 20px;
color: #fff;
margin-right: 5px;
font-size: 36px;
opacity: 0.8;
}
.gallery-carousel .owl-prev,
.gallery-carousel .owl-next {
background: none;
border: none;  
}
.gallery-carousel .owl-nav {
position: absolute;
top: 45%;
left: 0;
width: 100%;
}
.gallery-carousel .owl-next {
right: 0;
}
.owl-carousel.gallery-carousel .owl-item img {
border-radius: 16px;
}
.gallery-carousel .owl-prev i,
.gallery-carousel .owl-next i {
background: #f74b90;
width: 60px;
height: 60px;
line-height: 55px!important;
border-radius: 50%;
margin: 0 20px;
font-size: 20px;
color: #fff;
display: block;
}
.owl-prev i:hover,
.owl-next i:hover {
opacity: 1;
}
.owl-prev {
float: left;
}
.owl-next {
float:right;
} .posts-content .blog-media {
margin-bottom: 0;
}
.posts-content {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.posts-content .posts-loop {
margin-bottom: 30px;
}
.posts-content .rel-blog-desc {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.posts-content .posts-loop-style1 .rel-blog-desc {
padding: 25px;	
}
.posts-content .posts-loop-style1 .small-post .rel-blog-desc {
padding: 25px 25px 25px 0;	
}
.posts-content h4.blog-des-title {
font-size: 22px;
line-height: 1.4;
padding: 0 0 15px 0;
}
.posts-content .blog-box.small-post h4.blog-des-title {
padding-bottom: 8px;
}
.posts-content .blog-read-more {
font-weight: 700;
}
.posts-style2 h4.blog-des-title {
font-size: 18px;
line-height: 26px;
}
.posts-content .rel-blog-desc p {
margin-bottom: 15px;
}
.posts-content .blog-box {	
border: 1px solid #eaeaea;
border-radius: 10px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
}
.posts-content .blog-box:hover {
box-shadow: 0 20px 40px rgba(0,18,88,0.1);
}
.posts-content .blog-box.small-post {
margin-bottom: 30px;
}
.cat-readmore-con a {
background: #f74b90;
margin: 15px -15px 2px 2px;
color: #fff;
padding: 5px 15px;
display: inline-block;
font-size: 14px;
font-weight: 700;
}
.posts-style2 .cat-readmore-con {
position: absolute;
z-index: 1;
bottom: -2px;
right: 0;
}
.cat-readmore-con.absolute-position {
position: absolute;
bottom: 0;
left: 30px;
}
.cat-readmore-con.absolute-position a {
margin: 0 2px 0 0;
}
.posts-content .posts-style2 .rel-blog-desc {
background: none;
padding-bottom: 50px;
position: relative;
}
.posts-content .posts-style2 .posts-loop{
background: #fff;
margin-bottom: 80px;
}
.posts-style2 .posts-loop .blog-media{
margin: 0 30px 0 0;
overflow: inherit;
}
.posts-style2 .posts-loop .blog-media img {
margin-top: -30px;
}
.posts-style2 .posts-loop .blog-media:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.posts-style2 .cat-readmore-con a {
margin: 15px 0 2px 2px;
border-radius: 10px 0 0 0;
}
.low-padding {
margin-left: -5px;
margin-right: -5px;
}
.posts-style2 {
padding: 0 5px;
}
.cat-readmore-con a:hover,
.cat-readmore-con a:focus {
color: #fff;
}
.posts-loop:hover .cat-readmore-con a {
background: #303030;
}
.posts-loop:hover .cat-readmore-con .read-more-link {
background: #f74b90;
color: #fff;
}
.cat-readmore-con .read-more-link {
padding: 15px 20px;
background: #fff;
color: #303030;
margin: 0;	
} #wrapper .tnp.tnp-widget-minimal {
max-width: 450px;
margin-top: -25px;
}
#wrapper .tnp-form {
position: relative;
background: #f9f9f9;
border-radius: 6px;
float: left;
width: 100%;
}
#wrapper .tnp-form:after {
content: "\f246";
font-family: 'icomoon' !important;
font-weight: 400;
position: absolute;
right: 15px;
top: 10px;
color: #f74b90;
font-size: 1rem;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 1;
border: 2px solid;
border-radius: 100%;
padding: 5px;
}
#wrapper .tnp-widget-minimal input.tnp-email {
width: 67%;
background: none;
border: 1px solid #e0d9c5;
border-right: none;
color: #303030;
padding:0 0 0 15px;
font-size: 16px;
float: left;
height: 50px;
border-radius: 4px 0 0 4px;
}
#wrapper .tnp-widget-minimal input.tnp-submit {
color: #f9f9f9!important;
background-color: transparent;
border: 1px solid #ccc;
border-left: none;
padding: 13px 0;
height: 50px;
border-radius: 0 4px 4px 0;
font-weight: 500;
font-size: 1.125rem;
width: 32%;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#wrapper .tnp-widget-minimal input.tnp-submit:hover {
color: #fff!important;
background-color: transparent!important;
border-color: #ccc!important;
}
.image-boxes img,
.blog-media img {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.blog-media.formate-quote:hover img {
-webkit-filter: blur(1px); filter: blur(1px);
opacity: 0.9;
filter: alpha(opacity=90); }
.blog-box {
margin: 0 0 50px 0;
}
.layout-rs .blog-box {
margin: 0 0 50px 0;
}
.layout-ls .blog-box {
background-color: #ffffff;
margin: 0 0 50px 20px;
}
.error404.layout-rs .blog-box {
margin-bottom: 0;
background: none;
}
.blog-box{
border-radius: 6px;
}
.content .post:last-child .blog-box {
margin-bottom: 0;
}
.layout-ls .blog-box {
margin-bottom: 2rem;
background-color: #ffffff;
margin-left: 20px;
}
.text-left-previous,
.text-right-next {
font-size: 14px;
line-height: 1.3;
display: inline-block;
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
margin: 0;
}
.text-left-previous i,
.text-right-next i {
font-size: 12px;
position: relative;
top: 0;
color: #2b3132;
}
.text-right-next i {
margin-left: 5px;
}
.text-left-previous i {
margin-right: 5px;
}
.tags-social-box {
float: left;
width: 100%;
padding: 30px 0 20px 0;
border-top: 1px solid #eaeaea;
margin: 30px 0;
}
.blog-item-next-prev {
position: relative;
}
.absolute-pager {
position: relative;
z-index: 1;
overflow: hidden;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.absolute-pager .text-right-next i {
margin-left: 5px;
}
.absolute-pager .text-left-previous i {
margin-right: 5px;
}
.absolute-pager.text-right {
text-align: right;
}
.bottom-thumb {
margin-top: 5px;
}
.bottom-thumb a {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 18px;
font-weight: 500;
}
.absolute-pager .bottom-thumb a span {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
.absolute-pager.text-right .bottom-thumb a span {
order: 1;
}
.absolute-pager.text-right .bottom-thumb a img {
order: 2;
}
.bottom-thumb img {
max-width: 90px;
margin-right: 15px;
border-radius: 4px;
}
.absolute-pager.text-right .bottom-thumb img {
margin-left: 15px;
margin-right: 0;
}
.blog-media {
position: relative;
margin: 0 0 5px 0;
}
.blog-media img,
.posts-content .blog-media img {
border-radius: 4px;
margin-bottom: 20px;
}
.posts-loop-style1 .blog-media img {
border-radius: 6px 0 0 6px;
}
.posts-loop-style1 .col-lg-6:first-child .blog-media img {
max-height: 325px;
border-radius: 10px 10px 0 0;
}
.posts-content .posts-loop-style1 .col-lg-6:first-child h4.blog-des-title {
padding: 0;
margin: 0;
}
.blog-media.formate-quote img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0;
object-fit: cover;
height: 100%;
}
.blog-media.formate-quote i {
position: absolute;
font-size: 80px;
right: 45px;
bottom: 50px;
color: #f74b90;
}
.list-view .blog-media.formate-quote i{
top: 45px;
}
.formate-quote .wp-block-quote {
padding: 60px;
text-align: left;
margin-bottom: 0;
background:rgba(20, 57, 109, 0.8);
background-blend-mode: multiply;
z-index: 1;
border: none;
margin-top: 0;
margin-bottom: 0;
border-radius: 10px!important;
}
.list-view .formate-quote .wp-block-quote {
padding: 130px 45px 45px 45px;
}
.blog-desc {
float: left;
width: 100%;
position: relative;
}
.blog-des-top {
float: left;
padding: 40px;
border-radius: 10px;  
-webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
background: #fff;
position: relative;
width: 100%;
}
.with-thumb-des.blog-des-top {
margin-top: -60px;
margin-left: 4%;
margin-right: 4%;
width: 92%;
}
.blog-desc .post-views {
display: none;
}
.related-posts {
float: left;
width: 100%;
margin-bottom: 60px;
}
.custom-title {
margin: 10px 0 30px 0;
font-size: 24px;
}
.custom-title span{
position: relative;
}
.related-posts .read-more-wrapper {
display: none;
}
.list-style .blog-desc {
padding: 0;
}
.list-style.blog-box {
margin-bottom: 4rem;
}
.small-blog-box .blog-desc h4 {
font-size: 24px;
}
.small-blog-box .blog-meta {
margin: 0.7rem 0 0.6rem;
}
.cat-title {
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.blog-media .cat-title {
position: absolute;
top: 30px;
left: 30px;
}
.cat-title a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
font-size: 12px;
line-height: 1;
margin: 0 10px 10px 0;
padding: 12px 15px;	
position: relative;
border-radius: 30px;
font-weight: 500;
background: #f74b90;
color: #fff;
}
.cat-title a:hover,
.cat-title a:focus {
color: #efefef;
}
@keyframes drop{
0%		{ top:-350px; }
100%	{ top:0; }
}
h4.blog-des-title {
font-size: 28px;
margin: 0 0 15px 0;
color: #303030;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 40px;
letter-spacing: 1px;
}
.single-post h4.blog-des-title {
font-size: 30px;
}
h4.blog-des-title a {
color: #303030;
}
h4.blog-des-title a:hover,
h4.blog-des-title a:focus {
color: #f74b90;
}
.search h4.blog-des-title {
padding: 0;
}
.related-posts h4.blog-des-title {
font-size: 22px;
line-height: 30px;
letter-spacing: normal;
margin-bottom: 5px;
}
.related-posts .rel-blog-desc {
padding: 30px;
}
.related-posts .blog-media {
margin: 0;
}
.related-posts .rel-blog-desc p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
.related-posts .rel-blog-desc p:last-child {
margin-bottom: 0;
}
.related-single-post {
border-width: 1px;
border-style: solid;
border-color: #eaeaea;
border-radius: 10px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.related-single-post .blog-media img {
border-radius: 10px 10px 0 0;
}
.related-posts .related-single-post:hover {
background: none;
}
.related-single-post .cat-title {
padding: 7px 20px;
}
.contact-form .form-group .btn.btn-primary {
cursor: pointer;
}
.blog-meta {
display: inline-block;
font-size: 12px;
width: 100%;
padding-bottom: 30px;
position: relative;
}
.blog-desc .blog-meta {
margin-bottom: 40px;
}
.blog-desc .blog-meta:after {
left: -40px;
right: -40px;
height: 1px;
background: #f1f1f1;
content: "";
bottom: 0;
position: absolute;
}
.posts-content .blog-meta{
margin-bottom: 20px;
}
.wp-block-quote .blog-meta {
margin-bottom: 0;
}
.related-posts .blog-meta {
margin: 0 0 10px 0;
border: none;
padding-bottom: 0;
}
.meta-bottom a {
float: right;
}
.blog-meta a {
margin-right: 30px;
font-size: 14px;
}
.blog-meta a:hover,
.blog-meta a:focus {
color: #f74b90;
}
.blog-box .blog-meta a {
position: relative;
display: inline-block;
}
.blog-rest-meta .blog-meta-avatar {
margin: 0;
}
.blog-rest-meta i {
color: #f74b90;
margin-right: 5px;
}
.blog-meta .blog-rest-meta .blog-meta-avatar a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
}
.author-avatar img {
border-radius: 100%;
}
.blog-box .blog-meta a:last-child {
margin-right: 0;
}
.blog-meta .svg-inline--fa {
margin-right: 7px;
color: #f74b90;
}
.wp-block-quote .blog-meta .svg-inline--fa {
color: #fff;
}
.meta-bottom a img {
border-radius: 100%;
margin-right: 15px;
}
.absoulate-social-metapart {
position: absolute;
}
.social-metapart .blog-social {
padding: 0 23px;
text-align: left;
}
.social-metapart .blog-social:after {
border: none;
}
.absoulate-social-metapart .blog-social {
margin-top: -30px;
}
.blog-social-inner {
position: relative;
display: inline-block;
background: #fff;
z-index: 1;
padding: 0 10px;	
}
.absoulate-social-metapart .blog-social-inner {
padding: 10px 15px;
box-shadow: 0 0px 11px rgba(93,61,225, 0.09);
}
.blog-social a,
.blog-social .btn {
outline: 0 none !important;
text-decoration: none !important;
height: 25px;
width: 25px;
border-radius: 50%;
background: #f74b90;
line-height: 25px;
text-align: center;
color: #fff;
display: inline-block;
margin: 0 4px;
}
.blog-social .facebook-social {
background: #5635DE;
}
.blog-social .twitter-social {
background: #5497FB;
}
.blog-social .linkedin-social {
background: #2867b2;
}
.blog-social .pinterest-social {
background: #c8232c;
}
.blog-social a:hover,
.blog-social a:focus {
box-shadow: 0 0px 36px rgba(42,50,168, 0.10);
}
.post-bottom {
border-top: 1px dotted #eaeaea;
padding-top: 1rem;
}
.post-share {
position: relative;
display: block;
}
.page-link {
background-color: #fff;
border: 0 dotted #eaeaea;
border-radius: 0;
display: block;
font-size: 14px;
line-height: 1;
margin-left: 3px;
padding: 0.6rem 0.8rem;
position: relative;
}
.page-item:first-child .page-link {
margin-left: 0;
border-radius: 0;
}
.page-item:last-child .page-link {
border-radius: 0;
}
.page-link:hover,
.page-link:focus {
background-color: #303030;
}
.content {
padding-right: 20px;
}
.single-portfolio .content {
padding-right: 0;
}
.search-no-results .content h1.entry-title {
margin-top: 0;
}
.blog-grid .blog-bottom.text-center,
.blog-grid .blog-desc.text-center {
text-align: left !important;
}
.blog-grid .blog-desc h4 {
font-size: 24px;
line-height: 28px;
}
.blog-grid .blog-desc p {
margin-bottom: 20px;
} .sidebar .widget {
display: block;
position: relative;
margin-bottom: 40px;
padding: 30px;
background: #f9f9f9;
border-radius: 10px;
}
.sidebar .widget:last-child{
margin-bottom: 0;
}
.sidebar .widget-title {
color: #303030;
margin-bottom: 40px;
}
.blog-list-widget img {
border: 1px solid #eaeaea;
max-width: 80px;
margin-right: 20px !important;
min-height: 80px;
object-fit: cover;
border-radius: 6px;
}
.blog-list-widget span {
font-size: 14px;
color: #686868;
}
.footer.footer-style1 .blog-list-widget span{
color: #a6b6b9;
}
.footer.footer-style1 .blog-list-widget .svg-inline--fa {
color: #f74b90;
}
.blog-list-widget .list-group-item {
padding: 0;
border: 0;
margin: 0;
background-color: transparent;
}
.blog-list-widget .w-100 {
margin-bottom: 20px;
display: block;
}
.blog-list-widget .w-100:hover h5,
.blog-list-widget .w-100:focus h5 {
color: #f74b90;
}
.blog-list-widget .w-100 span
.blog-list-widget .w-100:hover span,
.blog-list-widget .w-100:focus span{
color: #686868;
}
.footer-widget-area .blog-list-widget .w-100 {
margin-bottom: 20px;
}
.blog-list-widget a.w-100:last-child {
margin-bottom: 0;
}
.blog-list-widget .w-100.last-item {
margin-bottom: 0;
}
.blog-list-widget small {
font-size: 11px;
}
.blog-list-widget .mb-1 {
font-size: 16px;
line-height: 1.3;
margin-bottom: 0.25rem;
margin-top: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tag-widget a,
.tagcloud a {
display: inline-block;
margin: 0 7px 10px 0;
line-height: 1;
padding: 8px 15px;
}
.footer-widget-area .tagcloud a:hover,
.footer-widget-area .tagcloud a:focus,
.tag-widget a:hover,
.tagcloud a:hover,
.tag-widget a:focus,
.tagcloud a:focus {
background: #f74b90;
border-color: #f74b90;
color: #fff;
}
.footer.section.footer-style1 {
color: rgba(255,255,255, 0.7);
}
.blog-tags ul {
padding: 0;
margin: 0;
}
.blog-tags ul li {
display: inline-block;
margin-right: 10px;
}
.pagination li a {
color: #6d708d;
min-height: 40px;
min-width: 40px;
background-color: #fff;
padding: 0;
border: none;
line-height: 40px;
font-weight: 600;
box-shadow: 0 0 16px rgba(50,39,193, 0.08);
text-align: center;
border-radius: 3px;
}
.pagination li a i {
line-height: 40px!important;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li.current a {
background: #f74b90;
color: #fff;
border-color: #f74b90; 
}
.sidebar .widget_instagram-feed-widget .sbi_photo{
margin: 0 10px 10px 0;
} .related-blog .blog-post-txt span {
margin-top: 20px;
display: block;
}
div.sidewrapper.sidenav {
background: #ffffff;
display: block;
height: 100%;
overflow: auto;
position: fixed;
right: -35em;
top: 0;
width: 290px;
z-index: 99999;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
.sidewrapper .widget {
margin-bottom: 1rem;
margin-top: 2rem;
padding: 1rem 2rem 0;
}
.nav-expanded div.sidewrapper {
right: 0;
margin-right: 0;
transition: margin-left 0.4s ease-in-out 0s;
-webkit-transition: right 0.4s ease-in-out 0s;
-moz-transition: right 0.4s ease-in-out 0s;
-o-transition: margin-left 0.4s ease-in-out 0s;
}
#nav-close {
border: 1px solid #eaeaea;
border-radius: 50%;
display: inline-block;
font-size: 13px;
height: 30px;
line-height: 27px;
padding-right: 0;
position: relative;
right: 30px;
text-align: center;
top: 17px;
width: 30px;
}
.logged-in.admin-bar #nav-close {
top: 35px;
}
.widget-title.dark-color,
.sidewrapper .widget-title {
color: #303030;
}
.category-widget ul,
.sidebar .widget ul,
.sidewrapper.sidenav .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .widget ul.children {
padding-left: 15px;
}
.category-widget li,
.sidebar .widget li,
.sidewrapper.sidenav .widget li {
padding: 0;
border-bottom: 1px dashed #c0c0c0;
}
.sidebar .widget li .children,
.sidebar .widget li .sub-menu {
border-top: 1px dashed #c0c0c0;
}
.sidebar .widget_recent_comments.widget li {
padding: 10px 0;
}
.sidebar .widget_recent_comments.widget li a {
display: initial;
padding: 0;
}
.sidebar .widget_rss li {
padding: 0 0 20px 0;
margin-bottom: 20px;
}
.sidebar .widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss.widget cite {
font-weight: 500;
}
.sidebar .widget li a {
padding: 10px 0 10px 0;
display: inline-block;
}
.widget .wp-block-latest-comments li a {
display: inline;
padding: 0;
}
.widget .wp-block-latest-comments li article {
padding: 10px 0;
line-height: 1.6666;
}
.sidebar .wp-block-latest-comments__comment {
margin-bottom: 0;
}
.widget ul li,
.sidebar .widget ol li {
position: relative;
}
.sidebar .widget_rss li:after {
content: "";
}
.footer-widget-area .widget ul li:after {
content: "";
}
.sidebar .widget_rss.widget li a {
padding: 0 0 10px 0;
width: 100%;
font-weight: 500;
}
.sidebar .widget .children li:last-child,
.sidebar .widget .sub-menu li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sidebar .spamagic-categories li {
border: none;
padding: 0;
margin-bottom: 10px;
position: relative;
width: 100%;
}
.sidebar .spamagic-categories li a {
padding: 15px 25px;
display: block;
background: #F3F8FC;
font-weight: 600;
}
.sidebar .spamagic-categories li span {
background: #00805e;	
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
right: 0;
top: 0;
bottom: 0;
line-height: 56px;
padding: 0 20px;
color: #fff;
}
.sidebar .spamagic-categories li a:hover,
.sidebar .spamagic-categories li a:focus {
background: #f74b90;
color: #fff;
}
.sidebar .spamagic-categories li:first-child {
border: none;
}
.sidebar .wp-block-latest-posts .wp-block-latest-posts__featured-image {
float: left;
max-width: 100px;
margin-right: 15px;
}
.sidebar .widget .wp-block-latest-posts li a {
display: flex;
padding: 14px 0;
}
.sidebar .widget .wp-block-latest-posts li:first-child a {
padding-top: 0;
}
.sidebar .widget .wp-block-latest-posts li:last-child .wp-block-latest-posts__featured-image > a {
padding-bottom: 0;
}
.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {
float: left;
width: 100%;
}
.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li > a {
font-size: 15px;
color: #283034;
}
.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover {
text-decoration: underline;
color: #283034;
}
.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li time {
color: #f74b90;
font-size: 14px;
}   .wide-100 { 
padding-top: 100px; 
padding-bottom: 100px; 
}
.wide-90 { 
padding-top: 100px; 
padding-bottom: 90px; 
}
.wide-80 { 
padding-top: 100px; 
padding-bottom: 80px; 
}
.wide-70 { 
padding-top: 100px; 
padding-bottom: 70px; 
}
.wide-60 { 
padding-bottom: 80px;
float: left;
width: 100%;
}
.wide-50 { 
padding-top: 100px; 
padding-bottom: 50px; 
}
.wide-40 { 
padding-top: 100px; 
padding-bottom: 40px; 
}
.wide-30 { 
padding-top: 100px; 
padding-bottom: 30px; 
}
.wide-20 { 
padding-top: 100px; 
padding-bottom: 20px; 
}  .mt-100 { 
margin-top: 100px; 
}
.mt-95 { 
margin-top: 95px; 
}
.mt-90 { 
margin-top: 90px; 
}
.mt-85 { 
margin-top: 85px; 
}
.mt-80 { 
margin-top: 80px; 
}
.mt-75 { 
margin-top: 75px; 
}
.mt-70 { 
margin-top: 70px; 
}
.mt-65 { 
margin-top: 65px; 
}
.mt-60 { 
margin-top: 60px; 
}
.mt-55 { 
margin-top: 55px; 
}
.mt-50 { 
margin-top: 50px; 
}
.mt-45 { 
margin-top: 45px; 
}
.mt-40 { 
margin-top: 40px; 
}
.mt-35 { 
margin-top: 35px; 
}
.mt-30 { 
margin-top: 30px; 
}
.mt-25 { 
margin-top: 25px; 
}
.mt-20 { 
margin-top: 20px; 
}
.mt-15 { 
margin-top: 15px; 
}
.mt-10 { 
margin-top: 10px; 
}
.mt-5 { 
margin-top: 5px!important; 
}
.mt-0 { 
margin-top: 0; 
}  .mt-inverse-150 { 
margin-top: -150px; 
}
.mt-inverse-140 { 
margin-top: -140px; 
}
.mt-inverse-130 { 
margin-top: -130px; 
}
.mt-inverse-120 { 
margin-top: -120px; 
}
.mt-inverse-110 { 
margin-top: -110px; 
}
.mt-inverse-100 { 
margin-top: -100px; 
}
.mt-inverse-90 { 
margin-top: -90px; 
}
.mt-inverse-80 { 
margin-top: -80px; 
}
.mt-inverse-70 { 
margin-top: -70px; 
}
.mt-inverse-60 { 
margin-top: -60px; 
}
.mt-inverse-50 { 
margin-top: -50px; 
}
.mt-inverse-40 { 
margin-top: -40px; 
}
.mt-inverse-30 { 
margin-top: -30px; 
}
.mt-inverse-20 { 
margin-top: -20px; 
}  .mb-100 { 
margin-bottom: 100px; 
}
.mb-95 { 
margin-bottom: 95px; 
}
.mb-90 { 
margin-bottom: 90px; 
}
.mb-85 { 
margin-bottom: 85px; 
}
.mb-80 { 
margin-bottom: 80px; 
}
.mb-75 { 
margin-bottom: 75px; 
}
.mb-70 { 
margin-bottom: 70px; 
}
.mb-65 { 
margin-bottom: 65px; 
}
.mb-60 { 
margin-bottom: 60px; 
}
.mb-55 { 
margin-bottom: 55px; 
}
.mb-50 { 
margin-bottom: 50px; 
}
.mb-45 { 
margin-bottom: 45px; 
}
.mb-40 { 
margin-bottom: 40px; 
}
.mb-35 { 
margin-bottom: 35px; 
}
.mb-30 { 
margin-bottom: 30px; 
}
.mb-25 { 
margin-bottom: 25px; 
}
.mb-20 { 
margin-bottom: 20px; 
}
.mb-15 { 
margin-bottom: 15px; 
}
.mb-10 { 
margin-bottom: 10px; 
}
.mb-5 { 
margin-bottom: 5px!important; 
}
.mb-0 { 
margin-bottom: 0; 
}  .ml-100 { 
margin-left: 100px; 
}
.ml-95 { 
margin-left: 95px; 
}
.ml-90 { 
margin-left: 90px; 
}
.ml-85 { 
margin-left: 85px; 
}
.ml-80 { 
margin-left: 80px; 
}
.ml-75 { 
margin-left: 75px; 
}
.ml-70 { 
margin-left: 70px; 
}
.ml-60 { 
margin-left: 60px; 
}
.ml-55 { 
margin-left: 55px; 
}
.ml-50 { 
margin-left: 50px; 
}
.ml-45 { 
margin-left: 45px; 
}
.ml-40 { 
margin-left: 40px; 
}
.ml-35 { 
margin-left: 35px; 
}
.ml-30 { 
margin-left: 30px; 
}
.ml-25 { 
margin-left: 25px; 
}
.ml-20 { 
margin-left: 20px; 
}
.ml-15 { 
margin-left: 15px; 
}
.ml-10 { 
margin-left: 10px; 
}
.ml-5 { 
margin-left: 5px!important; 
}  .mr-100 { 
margin-right: 100px; 
}
.mr-95 { 
margin-right: 95px; 
}
.mr-90 { 
margin-right: 90px; 
}
.mr-85 { 
margin-right: 85px; 
}
.mr-80 { 
margin-right: 80px; 
}
.mr-75 { 
margin-right: 75px; 
}
.mr-70 { 
margin-right: 70px; 
}
.mr-65 { 
margin-right: 65px; 
}
.mr-60 { 
margin-right: 60px; 
}
.mr-55 { 
margin-right: 55px; 
}
.mr-50 { 
margin-right: 50px; 
}
.mr-45 { 
margin-right: 45px; 
}
.mr-40 { 
margin-right: 40px; 
}
.mr-35 { 
margin-right: 35px; 
}
.mr-30 { 
margin-right: 30px; 
}
.mr-25 { 
margin-right: 25px; 
}
.mr-20 { 
margin-right: 20px; 
}
.mr-15 { 
margin-right: 15px; 
}
.mr-10 { 
margin-right: 10px; 
}
.mr-5 { 
margin-right: 5px!important; 
}  .pt-100 { 
padding-top: 100px; 
}
.pt-95 { 
padding-top: 95px; 
}
.pt-90 { 
padding-top: 90px; 
}
.pt-85 { 
padding-top: 85px; 
}
.pt-80 { 
padding-top: 80px; 
}
.pt-75 { 
padding-top: 75px; 
}
.pt-70 { 
padding-top: 70px; 
}
.pt-65 { 
padding-top: 65px; 
}
.pt-60 { 
padding-top: 60px; 
}
.pt-55 { 
padding-top: 55px; 
}
.pt-50 { 
padding-top: 50px; 
}
.pt-45 { 
padding-top: 45px; 
}
.pt-40 { 
padding-top: 40px; 
}
.pt-35 { 
padding-top: 35px; 
}
.pt-30 { 
padding-top: 30px; 
}
.pt-25 { 
padding-top: 25px; 
}
.pt-20 { 
padding-top: 20px; 
}
.pt-15 { 
padding-top: 15px; 
}
.pt-10 { 
padding-top: 10px; 
}
.pt-5 { 
padding-top: 5px!important; 
}  .pb-200 { 
padding-bottom: 200px; 
}
.pb-190 { 
padding-bottom: 190px; 
}
.pb-180 { 
padding-bottom: 180px; 
}
.pb-170 { 
padding-bottom: 170px; 
}
.pb-160 { 
padding-bottom: 160px; 
}
.pb-150 { 
padding-bottom: 150px; 
}
.pb-100 { 
padding-bottom: 100px; 
}
.pb-95 { 
padding-bottom: 95px; 
}
.pb-90 { 
padding-bottom: 90px; 
}
.pb-85 { 
padding-bottom: 85px; 
}
.pb-80 { 
padding-bottom: 80px; 
}
.pb-75 { 
padding-bottom: 75px; 
}
.pb-70 { 
padding-bottom: 70px; 
}
.pb-65 { 
padding-bottom: 65px; 
}
.pb-60 { 
padding-bottom: 60px; 
}
.pb-55 { 
padding-bottom: 55px; 
}
.pb-50 { 
padding-bottom: 50px; 
}
.pb-45 { 
padding-bottom: 45px; 
}
.pb-40 { 
padding-bottom: 40px; 
}
.pb-35 { 
padding-bottom: 35px; 
}
.pb-30 { 
padding-bottom: 30px; 
}
.pb-25 { 
padding-bottom: 25px; 
}
.pb-20 { 
padding-bottom: 20px; 
}
.pb-15 { 
padding-bottom: 15px; 
}
.pb-10 { 
padding-bottom: 10px; 
}
.pb-5 { 
padding-bottom: 5px!important; 
}  .pl-100 { 
padding-left: 100px; 
}
.pl-95 { 
padding-left: 95px; 
}
.pl-90 { 
padding-left: 90px; 
}
.pl-85 { 
padding-left: 85px; 
}
.pl-80 { 
padding-left: 80px; 
}
.pl-75 { 
padding-left: 75px; 
}
.pl-70 { 
padding-left: 70px; 
}
.pl-65 { 
padding-left: 65px; 
}
.pl-60 { 
padding-left: 60px; 
}
.pl-55 { 
padding-left: 55px; 
}
.pl-50 { 
padding-left: 50px; 
}
.pl-45 { 
padding-left: 45px; 
}
.pl-40 { 
padding-left: 40px; 
}
.pl-35 { 
padding-left: 35px; 
}
.pl-30 { 
padding-left: 30px; 
}
.pl-25 { 
padding-left: 25px; 
}
.pl-20 { 
padding-left: 20px; 
}
.pl-15 { 
padding-left: 15px; 
}
.pl-10 { 
padding-left: 10px; 
}
.pl-5 { 
padding-left: 5px!important; 
}  .pr-100 { 
padding-right: 100px; 
}
.pr-95 { 
padding-right: 95px; 
}
.pr-90 { 
padding-right: 90px; 
}
.pr-85 { 
padding-right: 85px; 
}
.pr-80 { 
padding-right: 80px; 
}
.pr-75 { 
padding-right: 75px; 
}
.pr-70 { 
padding-right: 70px; 
}
.pr-65 { 
padding-right: 65px; 
}
.pr-60 { 
padding-right: 60px; 
}
.pr-55 { 
padding-right: 55px; 
}
.pr-50 { 
padding-right: 50px; 
}
.pr-45 { 
padding-right: 45px; 
}
.pr-40 { 
padding-right: 40px; 
}
.pr-35 { 
padding-right: 35px; 
}
.pr-30 { 
padding-right: 30px; 
}
.pr-25 { 
padding-right: 25px; 
}
.pr-20 { 
padding-right: 20px; 
}
.pr-15 { 
padding-right: 15px; 
}
.pr-10 { 
padding-right: 10px; 
}
.pr-5 { 
padding-right: 5px!important; 
}  .pc-70 { 
padding-right: 70px; 
padding-left: 70px; 
}
.pc-65 { 
padding-right: 65px; 
padding-left: 65px; 
}
.pc-60 { 
padding-right: 60px; 
padding-left: 60px; 
}
.pc-55 { 
padding-right: 55px; 
padding-left: 55px; 
}
.pc-50 { 
padding-right: 50px; 
padding-left: 50px; 
}
.pc-45 { 
padding-right: 45px; 
padding-left: 45px; 
}
.pc-40 { 
padding-right: 40px; 
padding-left: 40px; 
}
.pc-35 { 
padding-right: 35px; 
padding-left: 35px; 
}
.pc-30 { 
padding-right: 30px; 
padding-left: 30px; 
}
.pc-25 { 
padding-right: 25px; 
padding-left: 25px; 
}
.pc-20 { 
padding-right: 20px; 
padding-left: 20px; 
}
.pc-15 { 
padding-right: 15px; 
padding-left: 15px; 
}
.pc-10 { 
padding-right: 10px; 
padding-left: 10px; 
}  .rel { 
position: relative!important; 
z-index: 3; 
}
.bg-fixed,
.bg-scroll {
width: 100%;
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
}
.bg-scroll {
background-attachment: fixed!important;
}  .bg-dark { 
background-color: #282B38!important; 
}
.bg-deepdark { 
background-color: #222d3d; 
}
.bg-white { 
background-color: #fff!important; 
}
.bg-lightgrey { 
background-color: #f6f7f8; 
}
.bg-grey { 
background-color: #f3f4f5; 
}
.bg-whitesmoke { 
background-color: #f4f4f9; 
}
.bg-lavender { 
background-color: #ecf1f4; 
}
.bg-snow { 
background-color: #fbfbfd; 
}
.stretch-content {
background-color: #f4f4f9;
}
.stretch-content.related-blog {
background-color: transparent;
}
.bg-blue { 
background-color: #0f53fa; 
}
.bg-indigo { 
background-color: #62147e; 
}
.bg-skyblue { 
background-color: #f74b90; 
}
.bg-stateblue { 
background-color: #6064e3; 
}
.bg-green { 
background-color: #0fbc49; 
}
.bg-magenta { 
background-color: #562d57; 
}
.bg-orange-red { 
background-color: #ff523d; 
}
.bg-pink { 
background-color: #eb1561; 
}
.bg-plum { 
background-color: #e8daf5; 
}
.bg-purple { 
background-color: #6a26da; 
}
.bg-red { 
background-color: #f6412d; 
}
.bg-salmon { 
background-color: #ff523d; 
}
.bg-violet { 
background-color: #9400d3; 
}
.bg-violet-red { 
background-color: #c73e9b; 
}
.bg-deepyellow { 
background-color: #ffa755; 
}  .bg-tra { 
background-color: transparent; 
border: 1px solid #aaa;  
}
.bg-tra-dark { 
background-color: rgba(10, 10, 10, .15); 
}
.bg-tra-white { 
background-color: rgba(255, 255, 255, .15); 
}
.bg-tra-grey { 
background-color: rgba(17, 36, 70, .04); 
}
.bg-tra-blue { 
background-color: rgba(37, 138, 255, .08); 
}
.bg-tra-skyblue { 
background: rgba(13, 135, 231, .08); 
}
.bg-tra-green { 
background-color: rgba(15, 188, 73, .08); 
}
.bg-tra-orange { 
background: rgba(255, 107, 15, .08); 
}
.bg-tra-purple { 
background-color: rgba(106, 38, 218, .08); 
}
.bg-tra-teal { 
background: rgba(0, 128, 128, .08); 
}
.bg-tra-red { 
background-color: rgba(240, 64, 55, .08); 
}
.bg-tra-paleviolet { 
background: rgba(199, 62, 155, .08); 
}
.bg-tra-salmon { 
background-color: rgba(255, 82, 61, .08); 
}
.bg-tra-violet { 
background: rgba(148, 0, 211, .08); 
}
.bg-tra-yellow { 
background: rgba(255, 179, 12, .08); 
}  .bg-dark-gradient {
background-image: linear-gradient(180deg, #1d293f, #282B38);
}
.bg-snowsmoke-gradient {
background-image: linear-gradient(180deg, rgba(251, 251, 251, 1) 50%, rgba(244, 244, 249, .05) 100%);
}
.bg-lavender-gradient {
background-image: linear-gradient(180deg, rgba(236, 241, 244, .5) 50%, rgba(236, 241, 244, .05) 100%);
}
.bg-plum-gradient {
background-image: linear-gradient(180deg, rgba(232, 218, 245, .5) 50%, rgba(236, 241, 244, .05) 100%);
}
.bg-skyblue-gradient {
background: linear-gradient(140deg, #1b78e0, #004899);
}
.bg-stateblue-gradient {
background-image: linear-gradient(180deg, rgba(65, 62, 101, 1), rgba(76, 72, 119, 1));
}
.bg-purple-gradient {
background-image: linear-gradient(-48deg, #8731e8 0%, #4528dc 100%); 
}  .bg-01, 
.bg-02, 
.bg-03, 
.bg-04, 
.bg-05, 
.bg-06, 
.bg-07, 
.bg-08 {
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
background-attachment: fixed!important;
}
.bg-01 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-01.jpg); 
}
.bg-02 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-02.jpg); 
}
.bg-03 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-03.jpg); 
}
.bg-04 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-04.jpg); 
}
.bg-05 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-05.jpg); 
}
.bg-06 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-06.jpg); 
}
.bg-07 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-07.jpg); 
}
.bg-08 { 
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/bg-08.jpg); 
}  .wave-shape-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.wave-shape-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
}  .section-divider {
display: inline-block;
max-width: 1150px;
position: relative;
top: -15px;
width: 100%;
border: 0;
height: 2px;
background-image: linear-gradient(90deg,white 0%,#f1f1f1 12%,#dedede 50%,#f4f4f4 88%,white 100%);
}
.section-divider:before {
position: absolute;
content: "";
display: inline-block;
width: 30px;
height: 30px;
transform: rotate(45deg);
border-bottom: 2px solid #dedede;
border-right: 2px solid #dedede;
top: -14px;
left: 49%;
background: #fff;
z-index: 2;
}
.bg-lightgrey .section-divider:before {
background: #f6f7f8;
}
.newsletter-section hr {
background-color: transparent;
background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
opacity: .3;
margin: 30px 0 0;
}
.newsletter-section.bg-dark hr {
background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%);
}
hr.divider,
.divider .elementor-divider-separator {
background-color: transparent;
background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
opacity: .3;
margin: 0;
padding-bottom: 1px;
width: 100%!important;
max-width: 100%!important;
}   h1, h2, h3, h4, h5, h6 {  
color: #303030;
font-family: 'Lustria', sans-serif;
font-weight: 700;
letter-spacing: 1px;
}
h4, h5, h6 {  
line-height: 1.3;
} h6.h6-xs { 
font-size: 1rem; 
} h6.h6-sm { 
font-size: 1.0625rem; 
} h6.h6-md { 
font-size: 1.125rem; 
} h6.h6-lg { 
font-size: 1.1875rem; 
} h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 { 
font-size: 22px; 
} .widget.widget_block .wp-block-group h2,
.widget.widget_block h2,
.widget .h6-xl {
margin: 0 0 25px 0;
}
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 {
margin-top: 0;
}
.wp-block-search__label {
display: none;
}
.wp-block-image figcaption {
margin-top: 15px;
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: 4px;
} h5.h5-xs { 
font-size: 1.3125rem;
margin-top: 0;
} h5.h5-sm { 
font-size: 1.375rem;
margin-top: 0;
} h5.h5-md { 
font-size: 1.5rem;
margin-top: 0; 
} h5.h5-lg { 
font-size: 26px;
padding-bottom: 20px;
margin-top: 0;
} h5.h5-xl { 
font-size: 1.75rem;
margin-top: 0; 
}  h4.h4-xs { 
font-size: 1.875rem;
margin-top: 0; 
} h4.h4-sm { 
font-size: 2rem;
margin-top: 0; 
} h4.h4-md { 
font-size: 2.125rem;
margin-top: 0; 
} h4.h4-lg { 
font-size: 2.25rem;
margin-top: 0; 
} h4.h4-xl { 
font-size: 2.375rem;
margin-top: 0; 
} h3.h3-xs { 
font-size: 2.5rem;
margin-top: 0; 
} h3.h3-sm { 
font-size: 2.625rem;
margin-top: 0;
} h3.h3-md { 
font-size: 2.75rem;
margin-top: 0; 
} h3.h3-lg { 
font-size: 2.875rem;
margin-top: 0; 
} h3.h3-xl { 
font-size: 3rem;
margin-top: 0;
}  h2.h2-xs { 
font-size: 3.125rem;
margin-top: 0; 
} h2.h2-sm { 
font-size: 3.25rem;
margin-top: 0; 
} h2.h2-md { 
font-size: 3.375rem;
margin-top: 0;
} .heading-content .h2-md {
margin-top: 0;
}
h2.h2-lg { 
font-size: 3.5rem; 
} h2.h2-xl { 
font-size: 3.75rem; 
} h2.h2-title-xs { 
font-size: 4.0625rem; 
letter-spacing: -1.5px; 
} h2.h2-title-sm { 
font-size: 4.375rem; 
letter-spacing: -1.5px; 
} h2.h2-title-md { 
font-size: 4.6875rem; 
letter-spacing: -1.5px; 
} h2.h2-title-lg { 
font-size: 5rem; 
letter-spacing: -1.5px; 
} h2.h2-title-xl { 
font-size: 5.3125rem; 
letter-spacing: -1.5px; 
} .rtl-direction h5.h5-xs { 
font-size: 1.5rem; 
} .rtl-direction h5.h5-sm { 
font-size: 1.625rem; 
} .rtl-direction h5.h5-md { 
font-size: 1.625rem; 
} .rtl-direction h5.h5-lg { 
font-size: 1.625rem; 
} .rtl-direction h5.h5-xl { 
font-size: 1.75rem; 
} .txt-color-02,
.txt-color-02 h2, 
.txt-color-02 h3, 
.txt-color-02 h4, 
.txt-color-02 h5, 
.txt-color-02 h6, 
.txt-color-02 p, 
.txt-color-02 a,
.txt-color-02 li, 
.txt-color-02 i,
.txt-color-02 span, 
.white-color .txt-color-02 { color: #b7948e; }  p.p-sm { 
font-size: 1rem; 
} p.p-md { 
font-size: 1.125rem; 
} p.p-lg { 
font-size: 1.0625rem; 
} p.p-xl { 
font-size: 1.25rem; 
} p.p-title-xs { 
font-size: 1.3125rem; 
} p.p-title-sm { 
font-size: 1.375rem; 
} p.p-title-md { 
font-size: 1.4375rem; 
} p.p-title-lg { 
font-size: 1.5rem; 
} p.p-title-xl { 
font-size: 1.5625rem; 
} .rtl-direction p.p-md { 
font-size: 1.25rem; 
}
.rtl-direction p.p-lg { 
font-size: 1.3125rem; 
}
.rtl-direction p.p-xl { 
font-size: 1.375rem; 
}  .cadetblue-color a:hover {
color: #f2f3f4;
}
a:focus {
outline: none;
text-decoration: none;
}  .txt-list li i {
position: relative;
font-size: 1.05rem;
line-height: 1.5rem;
float: left;
margin-right: 10px;
top: 2px;
}
.txt-list li p {
overflow: hidden;
margin-bottom: 10px;
}
ul.simple-list {
list-style: disc;
margin-left: 15px;
padding: 0;
}
.rtl-direction ul.simple-list {
direction: rtl;
margin-left: 0;
margin-right: 15px;
}  ol.num-list {
margin-left: -20px;
}
ol.num-list li p {
padding-left: 5px;
margin-bottom: 5px;
}
ol.digit-list {
padding: 0;
margin-left: 15px;
}
ol.digit-list p {
margin-bottom: 8px;
}  .box-list p {
position: relative;
font-weight: 400;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px dashed #ddd;
}
.bg-dark .box-list p {
border-bottom: 1px dashed #777;
}
.box-list p:last-child {
position: relative;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.box-list p span {
font-weight: 500;
position: absolute;
top: 0;
right: 15px;
}
.bg-dark .box-list p span {
color: #fff;
}  .btn {
background-color: transparent;
color: #fff;
font-size: 15px;
line-height: 1;
font-weight: 500;
padding: 13px 26px;
border: 1px solid transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}  .btn.btn-sm {
font-size: 1rem;
padding: 13px 30px;
}
.btn.btn-md {
font-size: 1.125rem;
padding: 18px 34px;
}
.btn.btn-lg {
font-size: 1.15rem;
padding: 20px 36px;
}
.btn.btn-md.btn-transparent {
padding: 18px 6px;
}
.btn.btn-lg.btn-transparent {
padding: 20px 6px;
}  .btn.ico-left span {
position: relative;
top: 1px;
right: 3px;
}
.btn.ico-right span {
position: relative;
top: 1px;
left: 3px;
}
.btn.ico-20.ico-left span,
.btn.ico-20.ico-left i {
top: 4px;
right: 6px;
position: relative;
}  .btn-transparent {
padding: 16px 6px;
background-color: transparent;
border-color: transparent;
}
.white-color .btn-transparent:hover,
.popup-video-content .btn-transparent:hover {
color: #fff;
}
.dark-color.btn.btn-transparent:focus {
color: #1d293f!important;
}
.btn-white, 
.white-color .btn-white {
color: #1d293f;
background-color: #fff;
border-color: #fff!important;
}
.btn-tra-white {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.scroll .btn-tra-white {
color: #1d293f;
background-color: transparent;
border-color: #1d293f;
}
.btn-grey, 
.white-color .btn-grey {
color: #666;
background-color: rgba(17, 36, 70, .04);
border-color: rgba(17, 36, 70, .02);
}
.btn-tra-grey, 
.white-color .btn-tra-grey {
color: #1d293f;
background-color: transparent;
border-color: #ccc;
}
.btn-black,
.white-color .btn-black {
color: #fff;
background-color: #1d293f;
border-color: #1d293f;
}
.btn-tra-black,
.white-color .btn-tra-black {
color: #1d293f;
background-color: transparent;
border-color: #1d293f;
}
.btn-blue, 
.scroll .btn-blue, 
.white-color .btn-blue,
.blue-hover:hover, 
.scroll .blue-hover:hover, 
.white-color .blue-hover:hover {
color: #fff!important;
background-color: #0f53fa;
border-color: #0f53fa;
}
.btn-tra-blue, 
.scroll .btn-tra-blue, 
.white-color .btn-tra-blue,
.tra-blue-hover:hover, 
.scroll .tra-blue-hover:hover, 
.white-color .tra-blue-hover:hover {
color: #0f53fa!important;
background-color: transparent;
border-color: #0f53fa;
}
.btn-green, 
.scroll .btn-green, 
.white-color .btn-green,
.green-hover:hover, 
.scroll .green-hover:hover, 
.white-color .green-hover:hover {
color: #fff!important;
background-color: #0fbc49;
border-color: #0fbc49;
}
.btn-tra-green, 
.scroll .btn-tra-green, 
.white-color .btn-tra-green,
.tra-green-hover:hover, 
.scroll .tra-green-hover:hover, 
.white-color .tra-green-hover:hover {
color: #0fbc49;
background-color: transparent;
border-color: #0fbc49;
}
.btn-indigo, 
.scroll .btn-indigo, 
.white-color .btn-indigo,
.indigo-hover:hover, 
.scroll .indigo-hover:hover, 
.white-color .indigo-hover:hover {
color: #fff!important;
background-color: #62147e;
border-color: #62147e;
}
.btn-tra-indigo, 
.scroll .btn-tra-indigo, 
.white-color .btn-tra-indigo,
.tra-indigo-hover:hover, 
.scroll .tra-indigo-hover:hover, 
.white-color .tra-indigo-hover:hover {
color: #62147e;
background-color: transparent;
border-color: #62147e;
}
.btn-orange-red, 
.scroll .btn-orange-red, 
.white-color .btn-orange-red,
.orange-red-hover:hover, 
.scroll .orange-red-hover:hover, 
.white-color .orange-red-hover:hover {
color: #fff!important;
background-color: #ff523d;
border-color: #ff523d;
}
.btn-tra-orange-red, 
.scroll .btn-tra-orange-red, 
.white-color .btn-tra-orange-red,
.tra-orange-red-hover:hover, 
.scroll .tra-orange-red-hover:hover, 
.white-color .tra-orange-red-hover:hover {
color: #ff523d;
background-color: transparent;
border-color: #ff523d;
}
.btn-pink, 
.scroll .btn-pink, 
.white-color .btn-pink,
.pink-hover:hover, 
.scroll .pink-hover:hover, 
.white-color .pink-hover:hover {
color: #fff!important;
background-color: #eb1561;
border-color: #eb1561;
}
.btn-tra-pink, 
.scroll .btn-tra-pink, 
.white-color .btn-tra-pink,
.tra-pink-hover:hover, 
.scroll .tra-pink-hover:hover, 
.white-color .tra-pink-hover:hover {
color: #eb1561!important;
background-color: transparent;
border-color: #eb1561;
}
.btn-purple, 
.scroll .btn-purple, 
.white-color .btn-purple,
.purple-hover:hover, 
.scroll .purple-hover:hover, 
.white-color .purple-hover:hover {
color: #fff!important;
background-color: #6a26da;
border-color: #6a26da;
}
.btn-tra-purple, 
.scroll .btn-tra-purple, 
.white-color .btn-tra-purple,
.tra-purple-hover:hover, 
.scroll .tra-purple-hover:hover, 
.white-color .tra-purple-hover:hover {
color: #6a26da!important;
background-color: transparent;
border-color: #6a26da;
}
.btn-red, 
.scroll .btn-red, 
.white-color .btn-red,
.red-hover:hover, 
.scroll .red-hover:hover, 
.white-color .red-hover:hover {
color: #fff!important;
background-color: #f6412d;
border-color: #f6412d;
}
.btn-tra-red, 
.scroll .btn-tra-red, 
.white-color .btn-tra-red,
.tra-red-hover:hover, 
.scroll .tra-red-hover:hover, 
.white-color .tra-red-hover:hover {
color: #f6412d;
background-color: transparent;
border-color: #f6412d;
}
.btn-skyblue, 
.scroll .btn-skyblue, 
.white-color .btn-skyblue,
.skyblue-hover:hover, 
.scroll .skyblue-hover:hover, 
.white-color .skyblue-hover:hover {
color: #fff;
background-color: #f74b90;
border-color: #f74b90;
}
.btn-tra-skyblue, 
.scroll .btn-tra-skyblue, 
.white-color .btn-tra-skyblue,
.tra-skyblue-hover:hover, 
.scroll .tra-skyblue-hover:hover, 
.white-color .tra-skyblue-hover:hover {
color: #f74b90;
background-color: transparent;
border-color: #f74b90;
}
.btn-stateblue, 
.scroll .btn-stateblue, 
.white-color .btn-stateblue,
.stateblue-hover:hover, 
.scroll .stateblue-hover:hover, 
.white-color .stateblue-hover:hover {
color: #fff!important;
background-color: #6064e3;
border-color: #6064e3;
}
.btn-tra-stateblue, 
.scroll .btn-tra-stateblue, 
.white-color .btn-tra-stateblue,
.tra-stateblue-hover:hover, 
.scroll .tra-stateblue-hover:hover, 
.white-color .tra-stateblue-hover:hover {
color: #6064e3!important;
background-color: transparent;
border-color: #6064e3;
}
.btn-violet, 
.scroll .btn-violet, 
.white-color .btn-violet,
.violet-hover:hover, 
.scroll .violet-hover:hover, 
.white-color .violet-hover:hover {
color: #fff!important;
background-color: #9400d3;
border-color: #9400d3;
}
.btn-tra-violet, 
.scroll .btn-tra-violet, 
.white-color .btn-tra-violet,
.tra-violet-hover:hover, 
.scroll .tra-violet-hover:hover, 
.white-color .tra-violet-hover:hover {
color: #9400d3!important;
background-color: transparent;
border-color: #9400d3;
}
.btn-violet-red, 
.scroll .btn-violet-red, 
.white-color .btn-violet-red,
.violet-red-hover:hover, 
.scroll .violet-red-hover:hover, 
.white-color .violet-red-hover:hover {
color: #fff!important;
background-color: #c73e9b;
border-color: #c73e9b!important;
}
.btn-tra-violet-red, 
.scroll .btn-tra-violet-red, 
.white-color .btn-tra-violet-red,
.tra-violet-red-hover:hover, 
.scroll .tra-violet-red-hover:hover, 
.white-color .tra-violet-red-hover:hover {
color: #c73e9b!important;
background-color: transparent;
border-color: #c73e9b!important;
}
.btn-yellow, 
.scroll .btn-yellow, 
.white-color .btn-yellow,
.yellow-hover:hover, 
.scroll .yellow-hover:hover, 
.white-color .yellow-hover:hover {
color: #1d293f!important;
background-color: #ffb30c;
border-color: #ffb30c!important;
}
.btn-tra-yellow, 
.scroll .btn-tra-yellow, 
.white-color .btn-tra-yellow,
.tra-yellow-hover:hover, 
.scroll .tra-yellow-hover:hover, 
.white-color .tra-yellow-hover:hover {
color: #1d293f!important;
background-color: transparent;
border-color: #ffb30c!important;
}  .white-hover:hover,
.scroll .white-hover:hover {
color: #1d293f!important;
background-color: #fff;
border-color: #fff!important;
}
.tra-white-hover:hover,
.white-color .tra-white-hover:hover {
color: #fff!important;
background-color: transparent;
border-color: #fff!important;
}
.scroll .tra-white-hover:hover {
color: #1d293f!important;
background-color: transparent;
border-color: #1d293f!important;
}
.dark-menu .scroll .tra-white-hover:hover {
color: #fff!important;
background-color: transparent;
border-color: #fff!important;
}
.black-hover:hover,
.scroll .black-hover:hover,
.white-color .black-hover:hover {
color: #fff!important;
background-color: #1d293f;
border-color: #1d293f!important;
}
.tra-black-hover:hover,
.scroll .tra-black-hover:hover
.white-color .tra-black-hover:hover {
color: #1d293f!important;
background-color: transparent;
border-color: #1d293f!important;
}
.grey-hover:hover,
.scroll .grey-hover:hover {
color: #1d293f!important;
background-color: rgba(17, 36, 70, .04);
border-color: rgba(17, 36, 70, .02)!important;
}
.tra-grey-hover:hover,
.scroll .tra-grey-hover:hover {
color: #1d293f!important;
background-color: transparent;
border-color: #ccc!important;
}  .btn:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn.btn-black:focus {
color: #fff; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn-grey:focus {
color: #666; 
-webkit-box-shadow: none;
box-shadow: none; 
}
.btn-tra-black:focus, 
.btn.btn-tra-grey:focus {
color: #333; 
-webkit-box-shadow: none;
box-shadow: none; 
}  .watch-video {
display: inline-block;
position: relative;
}
.watch-video-link {
display: inline-block;
position: relative;
text-align: center;
width: 56px;
height: 56px; 
color: #fff;
border: 2px solid transparent;
margin-right: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; 
}
.watch-video-link:before {
content: '';
position: absolute;
left: -3px;
right: -3px;
top: -3px;
bottom: -3px;
background: rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.watch-video-link:hover:before {
opacity: .75;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
}
.watch-video-link.bg-tra-white {
background-color: rgba(255, 255, 255, .15);
border: 2px solid transparent;
}
.watch-video-txt {
display: inline-block;
}
p.video-txt-lg {
line-height: 1;
font-weight: 500;
margin-bottom: 5px;
}
p.video-txt-sm {
line-height: 1;
padding-left: 2px;
margin-bottom: 0;
}  .btn-md.btn-video-link {
color: #666;
font-size: 18px;
padding: 10px 8px;
}
.btn-md.btn-video-link span {
position: relative;
top: 5px;
right: 6px;
}
.btn-md.btn-video-link {
line-height: 30px!important;
}  .format-video .video-popup i {
margin-left: 5px;
}
.video-preview {
position: relative; 
text-align: center;
}
.content-9-img.video-preview {
max-height: 500px;
}
.content-9-img.video-preview .video-popup2 i {
font-size: 5.625rem;
line-height: 120px!important;
margin-left: 10px;
}
.content-9-img.video-preview .video-popup2 img {
object-fit: cover;
width: 100%;
}
.video-btn {
position: absolute!important;
top: 50%;
left: 50%;
display: inline-block;
text-align: center;
color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
z-index: 99;
}
.popup-video-content .content-9-img img {
opacity: 0;
}
.video-btn-xl {
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px; 
}
.video-btn-lg {
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px; 
}
.video-btn-md {
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px; 
}
.video-btn-sm {
width: 60px;
height: 60px;
margin-top: -30px;
margin-left: -30px; 
}
.video-block-wrapper {
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.video-btn:hover .video-block-wrapper {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.video-btn:before {
content: '';
position: absolute;
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
background: rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.video-btn.video-btn-xl:hover:before {
opacity: .75;
left: -32px;
right: -32px;
top: -32px;
bottom: -32px;
}
.video-btn.video-btn-lg:hover:before {
opacity: .75;
left: -25px;
right: -25px;
top: -25px;
bottom: -25px;
}
.video-btn.video-btn-md:hover:before {
opacity: .75;
left: -18px;
right: -18px;
top: -18px;
bottom: -18px;
}
.video-btn.video-btn-sm:hover:before {
opacity: .75;
left: -12px;
right: -12px;
top: -12px;
bottom: -12px;
}  .stores-badge {
display: inline-block;
}
.store {
display: inline-block;
text-align: center;
margin-right: 15px;
}
.store:last-child {
margin-right: 0;
} 
.footer .store {
text-align: right;
display: block;
float: none;
margin-right: 0;
margin-bottom: 15px;
}
.store img {
width: auto;
max-width: inherit;
max-height: 50px;
}
.store.header-store img {
max-height: 44px;
}
.footer .store img {
display: inline-block;
max-height: 45px;
}
span.os-version {
display: block;
font-size: 1.0625rem;
line-height: 1; 
margin-top: 15px; 
}  .fbox-2 span i { 
font-size: 4.0625rem;
position: relative;
}   .ico-rounded-xs,
.ico-rounded-sm,
.ico-rounded-md,
.ico-rounded-lg,
.ico-rounded-xl {
display: inline-block;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.ico-rounded-xs { 
width: 70px; height: 70px; 
}
.ico-rounded-sm { 
width: 80px; height: 80px; 
}
.ico-rounded-md { 
width: 90px; height: 90px; 
}
.ico-rounded-lg { 
width: 95px; height: 95px; 
}
.ico-rounded-xl { 
width: 110px; height: 110px; 
}  .ico-125 img { 
width: 125px; height: 125px; 
}
.ico-120 img { 
width: 120px; height: 120px; 
}
.ico-115 img { 
width: 115px; height: 115px; 
}
.ico-110 img { 
width: 110px; height: 110px; 
}
.ico-105 img { 
width: 105px; height: 105px; 
}
.ico-100 img { 
width: 100px; height: 100px; 
}
.ico-95 img { 
width: 95px; height: 95px; 
}
.ico-90 img { 
width: 90px; height: 90px; 
}
.ico-85 img { 
width: 85px; height: 85px; 
}
.ico-80 img { 
width: 80px; height: 80px; 
}
.ico-75 img { 
width: 75px; height: 75px; 
}
.ico-70 img { 
width: 70px; 
height: 70px; 
}
.ico-60 img,
.listicon-content .ico-65 .ico-bkg { 
width: 60px; 
height: 60px; 
}
.listicon-content .ico-65 .cs-icon {
font-size: 4.0625rem;;
} 
.ico-55 img { 
width: 55px; height: 55px; 
}
.ico-50 img { 
width: 50px; height: 50px; 
}
.ico-45 img { 
width: 45px; height: 45px; 
}
.ico-40 img { 
width: 40px; height: 40px; 
}
.ico-35 img { 
width: 35px; height: 35px; 
}
.ico-30 img { 
width: 30px; height: 30px; 
}
.ico-25 img { 
width: 25px; height: 25px; 
}
.ico-20 img { 
width: 20px; height: 20px; 
}  .section-id {
display: block;
font-size: 1.1875rem;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 35px;   
}
.section-title .section-id,
.section-title-left .section-id {
margin-bottom: 25px;   
}
.section-id.grey-color {
color: #998da0;
opacity: .65;
}
.section-id.rounded-id {
display: inline-block;
padding: 6px 24px;
font-size: 1.05rem;
text-transform: uppercase;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.section-id.txt-upcase {
font-size: 0.975rem;
}
.rtl-direction .section-id.txt-upcase { font-size: 1.15rem; }  .title-01, 
.title-02,
.title-03 {
text-align: center;
}
.title-01 h2 {
letter-spacing: -1px;
max-width: 815px;
margin: auto;
}
.title-01 p {
padding: 0 3%; 
max-width: 800px;
margin: 20px auto 0;
}
.title-02 p {
margin-top: 20px;
margin-bottom: 0;
}
.section-title .btn {
margin-top: 25px;
}
.section-title {
text-align: center;
position: relative;
}
.section-title h3 {
margin-bottom: 0;
}
.section-title p {
color: #777;
padding: 0 15%;
margin: 12px 0 0;
}
.tra-header {
font-family: 'Alex Brush', cursive;
font-size: 6rem;
line-height: 1;
letter-spacing: 2px;
opacity: .15;
position: relative;
margin-top: -30px;
margin-bottom: -45px;
}
.section-id {
font-family: 'Alex Brush', cursive;
font-size: 2.5rem;
line-height: 1;
opacity: .6;
letter-spacing: 2px;
margin-bottom: 5px;
}  .title-before.ico-70 {
transform: rotate(35deg);
margin-top: -10px;
margin-bottom: 10px;
}
.title-before.ico-60 {
transform: rotate(40deg);
margin-top: -10px;
margin-bottom: 10px;
}
.title-after.ico-60 {
transform: rotate(40deg);
}  .txt-300 { font-weight: 300; }
.txt-400 { font-weight: 400; }
.txt-500 { font-weight: 500; }
.txt-600 { font-weight: 600; }
.txt-700 { font-weight: 700; }
.txt-900 { font-weight: 900; }
.txt-upcase { text-transform: uppercase }  .white-color,
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color a, 
.white-color li,
.white-color i, 
.white-color span { 
color: #fff; 
}
.dark-color,
.dark-color h2, 
.dark-color h3, 
.dark-color h4, 
.dark-color h5, 
.dark-color h6, 
.dark-color p, 
.dark-color a,
.dark-color li, 
.dark-color i, 
.dark-color span,
.white-color .dark-color { 
color: #1d293f; 
}
.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color a,
.grey-color li, 
.grey-color i,
.grey-color span, 
.white-color .grey-color { 
color: #757575; 
}
.blue-color,
.blue-color h2, 
.blue-color h3, 
.blue-color h4, 
.blue-color h5, 
.blue-color h6, 
.blue-color p, 
.blue-color a, 
.blue-color li,
.blue-color i, 
.blue-color span,
.white-color .blue-color { 
color: #0f53fa; 
}
.skyblue-color,
.skyblue-color h2, 
.skyblue-color h3, 
.skyblue-color h4, 
.skyblue-color h5, 
.skyblue-color h6, 
.skyblue-color p, 
.skyblue-color a, 
.skyblue-color li,
.skyblue-color i, 
.skyblue-color span,
.white-color .skyblue-color { 
color: #f74b90; 
}
.cadetblue-color,
.cadetblue-color h2, 
.cadetblue-color h3, 
.cadetblue-color h4, 
.cadetblue-color h5, 
.cadetblue-color h6, 
.cadetblue-color p, 
.cadetblue-color a,
.cadetblue-color li, 
.cadetblue-color i, 
.cadetblue-color span,
.white-color .cadetblue-color { 
color: #83889c; 
}
.stateblue-color,
.stateblue-color h2, 
.stateblue-color h3, 
.stateblue-color h4, 
.stateblue-color h5, 
.stateblue-color h6, 
.stateblue-color p, 
.stateblue-color a, 
.stateblue-color li,
.stateblue-color i, 
.stateblue-color span,
.white-color .stateblue-color { 
color: #6064e3; 
}
.green-color,
.green-color h2, 
.green-color h3, 
.green-color h4, 
.green-color h5, 
.green-color h6, 
.green-color p, 
.green-color a, 
.green-color li,
.green-color i, 
.green-color span,
.white-color .green-color { 
color: #0fbc49; 
}
.indigo-color,
.indigo-color h2, 
.indigo-color h3, 
.indigo-color h4, 
.indigo-color h5, 
.indigo-color h6, 
.indigo-color p, 
.indigo-color a, 
.indigo-color li,
.indigo-color i, 
.indigo-color span,
.white-color .indigo-color { 
color: #62147e; 
}
.orange-color,
.orange-color h2, 
.orange-color h3, 
.orange-color h4, 
.orange-color h5, 
.orange-color h6, 
.orange-color p, 
.orange-color a, 
.orange-color li,
.orange-color i, 
.orange-color span,
.white-color .orange-color { 
color: #ff6b0f; 
}
.orange-red-color,
.orange-red-color h2, 
.orange-red-color h3, 
.orange-red-color h4, 
.orange-red-color h5, 
.orange-red-color h6, 
.orange-red-color p, 
.orange-red-color a, 
.orange-red-color li,
.orange-red-color i, 
.orange-red-color span,
.white-color .orange-red-color { 
color: #ff523d; 
}
.pink-color,
.pink-color h2, 
.pink-color h3, 
.pink-color h4, 
.pink-color h5, 
.pink-color h6, 
.pink-color p, 
.pink-color a, 
.pink-color li,
.pink-color i, 
.pink-color span,
.white-color .pink-color { 
color: #eb1561; 
}
.purple-color,
.purple-color h2, 
.purple-color h3, 
.purple-color h4, 
.purple-color h5, 
.purple-color h6, 
.purple-color p, 
.purple-color a, 
.purple-color li,
.purple-color i, 
.purple-color span,
.white-color .purple-color { 
color: #6a26da; 
}
.red-color,
.red-color h2, 
.red-color h3, 
.red-color h4, 
.red-color h5, 
.red-color h6, 
.red-color p, 
.red-color a, 
.red-color li,
.red-color i, 
.red-color span,
.white-color .red-color { 
color: #f6412d; 
}
.violet-red-color,
.violet-red-color h2, 
.violet-red-color h3, 
.violet-red-color h4, 
.violet-red-color h5, 
.violet-red-color h6, 
.violet-red-color p, 
.violet-red-color a, 
.violet-red-color li,
.violet-red-color i, 
.violet-red-color span,
.white-color .violet-red-color { 
color: #c73e9b; 
}
.violet-color,
.violet-color h2, 
.violet-color h3, 
.violet-color h4, 
.violet-color h5, 
.violet-color h6, 
.violet-color p, 
.violet-color a, 
.violet-color li,
.violet-color i, 
.violet-color span,
.white-color .violet-color { 
color: #9400d3; 
}
.yellow-color,
.yellow-color h2, 
.yellow-color h3, 
.yellow-color h4, 
.yellow-color h5, 
.yellow-color h6, 
.yellow-color p, 
.yellow-color a, 
.yellow-color li,
.yellow-color i, 
.yellow-color span,
.white-color .yellow-color { 
color: #ffb30c; 
}  .tabs-section .img-block.left-column,
.tabs-section .txt-block.left-column,
.content-section .img-block.left-column,
.content-section .txt-block.left-column {
padding-left: 5px;
padding-right: 20px;
margin-bottom: 40px;
}
.tabs-section .img-block.right-column,
.tabs-section .txt-block.right-column,
.content-section .img-block.right-column,
.content-section .txt-block.right-column {
padding-left: 20px;
padding-right: 5px;
margin-bottom: 40px;
}
.content-5.content-section .txt-block.left-column,
.content-5.content-section .content-section .img-block.left-column {
padding-left: 0;
}
.content-5.content-section .txt-block.right-column,
.content-5.content-section .content-section .img-block.right-column {
padding-right: 0;
}  .txt-block h3,
.txt-block h2,
.content-14-txt h4,
.content-14-txt h3 {
margin-bottom: 26px;
}
.txt-block h5 {
margin-bottom: 20px;
}
h5.sm-title {
margin-top: 20px;
margin-bottom: 20px;
}
.txt-block .btn,
.txt-block .stores-badge,
.content-14-txt .btn {
margin-top: 20px;
}
.txt-block hr {
margin-top: 30px;
margin-bottom: 30px;
}  .advantages {
padding: 0;
margin: 15px 0 0 0;
}
.advantages li {
width: auto!important;
display: inline-block!important;
vertical-align: top;
clear: none !important;
padding-left: 5px; 
}
.advantages li:first-child {
padding-left: 0; 
}
.advantages li:after { 
content: "|"; 
padding-left: 7px; 
position: relative;
top: 1px;
}
.advantages li:last-child:after { 
content: " "; 
padding-left: 0; 
}
.advantages li p {
display: inline-block;
margin-bottom: 0;
}
.advantages li p i {
color: #fff;
font-size: 12px;
margin-right: 3px;
background: #f74b90;
border-radius: 4px;
padding: 5px;
}  p.terms-txt {
margin-bottom: 0;
}
p.terms-txt a,
.advantages li p a {
text-decoration: underline;
}  .tools-list h6 {
margin-bottom: 25px;
}
.tools-list span {
line-height: 1;
padding-right: 6px;
}  .stars-rating,
.stars-rating p {
font-size: 1.05rem;
margin-bottom: 0;
} 
.stars-rating.grey-stars span {
color: #757575;
}  .quote p.p-xl {
color: #666;
border-left: 3px solid #f74b90;
font-style: italic;
padding-left: 20px;
margin-top: 25px;
margin-bottom: 20px;
}  .quote-avatar {
display: inline-block;
margin: 0 auto; 
}
.quote-avatar img {
width: 60px;
height: 60px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}  .quote-author {
display: inline-block;
padding: 0 0 0 15px;
text-align: left;
position: relative;
top: 14px;
} 
.quote-author h5,
.quote-author p {
margin-bottom: 0;
}  .img-block {
text-align: center;
} #loading {
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
z-index: 99999999;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-animation: loading-center-absolute 1s infinite;
animation: loading-center-absolute 1s infinite;
}
.object {
width: 20px;
height: 20px;
background-color: #f74b90;
float: left;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
margin-right: 20px;
margin-bottom: 20px;  
}
.lue-loading .object { 
background-color: #0f53fa; 
}
.skyblue-loading .object { 
background-color: #f74b90; 
}
.stateblue-loading .object { 
background-color: #6064e3; 
}
.green-loading .object { 
background-color: #0fbc49; 
}
.indigo-loading .object { 
background-color: #62147e; 
}
.orange-red-loading .object { 
background-color: #ff523d; 
}
.pink-loading .object { 
background-color: #eb1561; 
}
.purple-loading .object { 
background-color: #6a26da; 
}
.red-loading .object { 
background-color: #f6412d; 
}
.violet-red-loading .object { 
background-color: #c73e9b; 
}
.violet-loading .object { 
background-color: #9400d3; 
}
.object:nth-child(2n+0) {
margin-right: 0px;
}
#object_one {
-webkit-animation: object_one 1s infinite;
animation: object_one 1s infinite;
}
#object_two {
-webkit-animation: object_two 1s infinite;
animation: object_two 1s infinite;
} 
#object_three {
-webkit-animation: object_three 1s infinite;
animation: object_three 1s infinite;
}  
#object_four {
-webkit-animation: object_four 1s infinite;
animation: object_four 1s infinite;
}   
@-webkit-keyframes loading-center-absolute{
100% {
-ms-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
transform: rotate(360deg); 
}     
}  
@keyframes loading-center-absolute{
100% {
-ms-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
transform: rotate(360deg); 
}
} 
@-webkit-keyframes object_one{
50% {
-ms-transform: translate(20px,20px); 
-webkit-transform: translate(20px,20px);
transform: translate(20px,20px);
}
}  
@keyframes object_one{
50% {
-ms-transform: translate(20px,20px); 
-webkit-transform: translate(20px,20px);
transform: translate(20px,20px);
}
}
@-webkit-keyframes object_two{
50% {
-ms-transform: translate(-20px,20px); 
-webkit-transform: translate(-20px,20px);
transform: translate(-20px,20px);
}
}  
@keyframes object_two{
50% {
-ms-transform: translate(-20px,20px); 
-webkit-transform: translate(-20px,20px);
transform: translate(-20px,20px);
}
}
@-webkit-keyframes object_three{
50% {
-ms-transform: translate(20px,-20px); 
-webkit-transform: translate(20px,-20px);
transform: translate(20px,-20px);
}
}   
@keyframes object_three{
50% {
-ms-transform: translate(20px,-20px); 
-webkit-transform: translate(20px,-20px);
transform: translate(20px,-20px);
}
}
@-webkit-keyframes object_four{
50% {
-ms-transform: translate(-20px,-20px); 
-webkit-transform: translate(-20px,-20px);
transform: translate(-20px,-20px);
}
}   
@keyframes object_four{
50% {
-ms-transform: translate(-20px,-20px); 
-webkit-transform: translate(-20px,-20px);
transform: translate(-20px,-20px);
}
} #header {
width: 100%;
display: block;
padding-top: 0px;
}
.header-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.logged-in.admin-bar .header-wrapper {
top: 32px;
}
.headerwp {
max-width: 1140px;
margin: 0 auto;
padding: 0;
}
.posrlt {
position: relative;
}
#header.hiddden-header {
display: none;
}
.hidden-nav .wsmainfull {
margin-top: -100px;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.hidden-nav .wsmainfull.scroll {
margin-top: 0;
}
.rtl-direction .desktoplogo {
float: right;
}
.rtl-direction .wsmenu {
float: left;
}
.rtl-direction .wsmenu > .wsmenu-list > li {
float: right;
}  .desktoplogo img {
width: auto;
max-width: inherit;
max-height: 50px;
}  .wsmainfull {
width: 100%;
height: auto;
z-index: 1031;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out; 
}
.tra-menu .wsmainfull {
background-color: transparent!important;
padding: 20px 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.white-menu .wsmainfull {
background-color: #fff!important;
padding: 0;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}
.dark-menu .wsmainfull {
background-color: #222227!important;
padding: 5px 0;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}  .wsmenu > .wsmenu-list > li > a {
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
margin: 0 7px;
padding: 10px 12px;
line-height: 60px;
text-decoration: none;
transition: all 0.3s ease-in-out;
text-transform: uppercase;  
}
.navbar-dark .wsmenu > .wsmenu-list > li > a {
color: #2c3e50;
}
.navbar-light .wsmenu > .wsmenu-list > li > a {
color: #fff;
}
.wsmenu > .wsmenu-list > li > a.last-link {
padding: 10px 0px;
margin: 0 0 0 7px;
}
.wsmenu > .wsmenu-list > li.has-submenu > a:after,
.wsmenu > .wsmenu-list > li.yamm-fw > a:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid;
content: "";
float: right;
right: 0;
height: 0;
margin: 0 0 0 14px;
position: absolute;
text-align: right;
top: 38px;
width: 0;
}  .wsmenu > .wsmenu-list > li a.btn {
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 0;
margin-top: 14px;
margin-left: 12px;
padding: 15px 20px;
color: #fff;
}
.wsmainfull.scroll .wsmenu > .wsmenu-list > li a.btn {
line-height: 1;
}
.rtl-direction .wsmenu > .wsmenu-list > li a.btn {
font-size: 20px;
}
.wsmenu > .wsmenu-list > li a.header-store {
margin: 8px 0 0 12px;
padding: 0;
}
.wsmenu > .wsmenu-list > li.header-phone > a {
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
margin: 0;
padding: 10px 0 10px 10px;
}
.wsmenu > .wsmenu-list > li.header-phone > a span {
display: inline-block;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
margin-bottom: 0;
margin-right: 8px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #f74b90;
}
.wsmenu > .wsmenu-list > li.header-phone > a span i {
font-size: 13px;
margin-right: 0;
line-height: 28px!important;
}  .header-socials {
margin: 0;
display: inline-block; 
text-align: center;
}
.header-socials span {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
margin: 0;
}
.header-socials a {
display: block;
line-height: 70px!important;   
margin-left: 15px;
}
.header-socials a span {
position: relative;
top: 5px;
}  .wsmenu > .wsmenu-list > li > ul.sub-menu {
padding: 12px 20px;
width: auto;
min-width: 200px;
top: 65px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu:before {
content: "";
background-color: #fff;
position: absolute;
top: -8px;
left: 40px;
height: .9375rem;
width: .9375rem;
border-top: solid 1px #eee;
border-left: solid 1px #eee;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -2;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
color: #2c3e50;
font-size: 16px;
font-weight: 500;
padding: 8px 0;
transition: all 0.3s ease-in-out;
}
.rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
font-size: 19px;
text-align: right!important;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
padding: 8px 0 8px 8px;
}
.rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
padding: 8px 8px 8px 0;
}  .wsmenu > .wsmenu-list > li > .wsmegamenu {
top: 100%;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
.wsmenu .yamm-fw.column-2 > .wsmegamenu {
width: 36%;
padding: 15px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
left: auto;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
content: "";
background-color: #fff;
position: absolute;
top: -8px;
left: 40px;
height: .9375rem;
width: .9375rem;
border-top: solid 1px #eee;
border-left: solid 1px #eee;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -2;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
border-bottom: none;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu > li a,
.wsmenu > .wsmenu-list > li.has-submenu > .wsmegamenu > li a {
color: #656565;
font-size: 14px;
font-weight: 500;
padding: 8px 0;
transition: all 0.3s ease-in-out;
display: inline-block;
line-height: 22px;
text-transform: uppercase;
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
font-size: 14px;
text-align: right!important;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu > li a:hover,
.wsmenu > .wsmenu-list > li.has-submenu > .wsmegamenu > li a:hover {
padding: 8px 0 8px 8px;
color: #f74b90;
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
padding: 8px 8px 8px 0;
}  .wsmenu > .wsmenu-list > li > .wsmegamenu,
.wsmenu > .wsmenu-list > li > .wsmegamenu li > .wsmegamenu {
padding: 15px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu li > .wsmegamenu {
padding-bottom: 0;
}
.wsmenu .wsmenu-list li.yamm-fw .wsmegamenu li .wsmegamenu {
position: relative;
box-shadow: none;
border: none;
top: auto;
padding-top: 0;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
padding-left: 10px;
}
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu.link-list > li > a {
padding-left: 10px;
}
.wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu.link-list > li > a:hover {
padding-left: 18px;
color: #f74b90;
}
.wsmenu > .wsmenu-list > li.has-submenu:hover > a:before,
.wsmenu > .wsmenu-list > li.yamm-fw:hover > a:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -7px;
left: 34%;
height: .9375rem;
width: .9375rem;
border-top: solid 1px #eee;
border-left: solid 1px #eee;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10000;
}
.wsmenu > .wsmenu-list > li.has-submenu li.has-submenu:hover > a:before {
content: "";
background-color: #fff;
position: absolute;
top: auto;
left: -9px;
height: .9375rem;
width: .9375rem;
border-right: solid 1px #eee;
border-top: solid 1px #eee;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
z-index: 9990;
transition: all 1.4s ease-in-out;
}
.wsmenu > .wsmenu-list > li.has-submenu li {
position: relative;
padding: 0 20px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu .yamm-fw.column-4 > .wsmegamenu {
width: 76%!important;
left: 18%;
padding: 20px 10px;
}
.wsmenu .yamm-fw.column-4 > .link-list > li {
width: 25%;
float: left;
}
.wsmenu .yamm-fw.column-2 > .link-list > li {
width: 50%;
float: left;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-100 {
width: 100%!important;
left: 5%;
padding: 20px 10px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .title p,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p {
font-size: 18px;
line-height: 1;
font-weight: 500;
margin: 10px 0 10px 0;
letter-spacing: 0;
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu .title p,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p {
font-size: 22px;
text-align: right!important;
}  .wsmenu > .wsmenu-list.nav-blue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #0f53fa!important;
}
.wsmenu > .wsmenu-list.nav-skyblue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #f74b90!important;
}
.wsmenu > .wsmenu-list.nav-stateblue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #6064e3!important;
}
.wsmenu > .wsmenu-list.nav-green-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #0fbc49!important;
}
.wsmenu > .wsmenu-list.nav-indigo-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #62147e!important;
}
.wsmenu > .wsmenu-list.nav-orange-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #ff523d!important;
}
.wsmenu > .wsmenu-list.nav-pink-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #eb1561!important;
}
.wsmenu > .wsmenu-list.nav-purple-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #6a26da!important;
}
.wsmenu > .wsmenu-list.nav-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #f6412d!important;
}
.wsmenu > .wsmenu-list.nav-violet-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #c73e9b!important;
}
.wsmenu > .wsmenu-list.nav-violet-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
color: #9400d3!important;
}  .tra-menu .wsmainfull.scroll,
.white-menu .wsmainfull.scroll,
.dark-menu.dark-scroll .wsmainfull.scroll {
background-color: #fff!important;
-webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
-moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}
.scroll .white-color.header-socials span {
color: #463853!important;
}  .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a {
color: #463853;
}
.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list > li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list > li a {
color: #fff;
}
.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a,
.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a {
color: #666;
}  .logo-white, 
.logo-black {
display: block;
}
.navbar-light .logo-black,
.navbar-dark .logo-white,
.tra-menu.navbar-light .scroll .logo-white,
.tra-menu.navbar-light.dark-scroll .scroll .logo-black,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-black {
display: none;
}
.tra-menu.navbar-light .scroll .logo-black,
.tra-menu.navbar-light.dark-scroll .scroll .logo-white,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-white {
display: block;
} .hero-section .container {
position: relative;
z-index: 3;
}  .hero-logo img,
.hero-logo-sm img {
width: auto;
max-width: inherit;
max-height: 70px;
}
.hero-logo-sm img {
max-height: 30px;
}
.hero-logo-rounded {
display: inline-block;
padding: 5px 28px;
border: 2px solid #2c3e50;
border-radius: 100px;
}
.bg-grey.hero-logo-rounded {
background-color: #f4f5f6;
border: 2px solid #f2f2f2;
}
.bg-tra-white.hero-logo-rounded {
background-color: rgba(255, 255, 255, .15);
border: 2px solid rgba(255, 255, 255, .06);
}
.white-color.hero-logo-rounded {
border: 2px solid #fff;
}
.grey-color.hero-logo-rounded {
border: 2px solid #999;
}
.hero-logo-rounded span {
position: relative;
top: 1px;
line-height: 20px;
font-weight: 500;
}
.hero-logo-rounded img {
width: auto;
max-width: inherit;
max-height: 20px;
margin-right: 8px;
}  .caption-txt {
margin-top: 55px;
}
.caption-txt .title h2 {
font-size: 96px;
line-height: 1.15;
letter-spacing: 2px;
margin-bottom: 15px;
color: #fff;
margin-top: 0;
}
.caption-txt p {
font-size: 20px;
margin-bottom: 30px;
color: #fff;
}
.caption-txt a {
background-color: #f74b90;
border-color: #f74b90;
border-radius: 4px;
}
.caption-txt .btn i {
font-size: 12px;
}  .slider {
position: relative;
max-width: 100%;
height: 650px;
}
.slideshow {
height: 650px;
}
.slider.mt-80,
.slideshow.mt-80 {
height: 600px;
margin-top: 80px;
}
.slider .slides {
margin: 0;
height: 650px;
}
.slideshow .slides {
height: 650px;
}
.slider.mt-80 .slides,
.slideshow.mt-80 .slides {
margin: 0;
height: 600px;
}
.slider .slides li {
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: inherit;
overflow: hidden;
}
.slider .slides li img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.slider .slides li .caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.slider .slides li.active {
z-index: 2;
}  .center-align {
text-align: center;
}  .slider .indicators {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
margin: 0; 
z-index: 98;
}
.slider .indicators .indicator-item {
display: inline-block;
position: relative;
cursor: pointer;
background-color: transparent;
height: 10px;
width: 10px;
border: 2px solid #fff;
margin: 0 7px;
opacity: .5;
-webkit-transition: background-color .3s;
transition: background-color .3s;
border-radius: 50%;
}
.slider .indicators .indicator-item.active {
background-color: #fff;
opacity: .65;
}  #hero-4 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-4.jpg);
padding-top: 160px;
padding-bottom: 50px;
}
.hero-4-txt {
padding-left: 20px;
}
.hero-4-txt h2 {
margin-bottom: 25px;
}
#hero-4-form {
position: relative;
z-index: 999;
background-color: #fff;
border: 1px solid #f8f8f8;
padding: 45px 35px;
margin-right: 35px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
}
#hero-4-form h4 {
margin-bottom: 15px;
}
#hero-4-form p {
color: #757575;
margin-bottom: 30px;
}  #hero-5 {
padding-top: 150px;
}
.hero-5-txt {
padding-left: 20%;
}
.hero-5-list {
background-color: #fff;
text-align: center;
border-radius: 20px;
border: 1px solid #f5f6f6;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.hero-5-list li {
padding: 18px 5px;
border-bottom: 1px solid #4e4b4d;
border-bottom: 1px solid #eee;
}
.hero-5-list li.first-li {
padding: 30px 5px 20px;
}
.hero-5-list li.last-li {
padding: 20px 5px 25px;
border-bottom: none;
}
.hero-5-list h4 {
line-height: 1;
letter-spacing: 6px;
margin-bottom: 0;
}
.hero-5-list h5 {
letter-spacing: 1px;
margin-bottom: 2px;
}
.hero-5-list span {
font-size: 1.05rem;
line-height: 1;
margin-bottom: 0;
}
.hero-5-img {
margin-left: -20px;
margin-right: -200px;
}  #hero-6 {
position: relative;
background-image: linear-gradient(180deg, #dde6f1 0%, #fbfbfd 100%);
padding-top: 150px;
padding-bottom: 100px;
}
.hero-6-txt {
padding-left: 20px;
padding-right: 30px;
}
.hero-6-txt h2 {
line-height: 1.25;
margin-bottom: 30px;
}
#hero-6 .quick-form {
margin: 45px 15px 0 0;
}
#hero-6 .quick-form .btn {
padding: 13px 40px;
}
.hero-6-img {
margin-bottom: -50px;
}  #hero-7 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-7.jpg);  
padding-top: 160px;
margin-bottom: 50px;
z-index: 3;
}
.hero-7-txt {
margin-top: -50px;
padding-right: 20px;
}
.hero-7-txt h2 {
margin-bottom: 25px;
}
.hero-7-img {
margin-bottom: -50px;
}
.hero-7-img img {
position: relative;
max-width: none;
display: inline-block;
}  #hero-8 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-8.jpg);  
padding-top: 150px;
padding-bottom: 70px;
}
.hero-8-txt {
padding-left: 40px;
padding-right: 20px;
}
.hero-8-txt h2 {
margin-bottom: 30px;
}
.hero-8-img {
margin-bottom: -70px;
}
#hero-8 .quick-form {
margin: 45px 15px 0 0;
}
#hero-8 .quick-form .btn {
padding: 13px 40px;
}  #hero-9 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-9.jpg);
padding-top: 180px;
padding-bottom: 50px;
}
#hero-9-form {
position: relative;
z-index: 999;
background-color: #fff;
border: 1px solid #f8f8f8;
padding: 45px 35px;
margin-top: -30px;
margin-right: 40px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
}
#hero-9-form h4 {
margin-bottom: 15px;
}
#hero-9-form p {
color: #757575;
margin-bottom: 25px;
}  #hero-10 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-10.jpg);
padding-top: 170px;
margin-bottom: 100px;
}
.hero-10-txt {
padding: 0 8%;
}
.hero-10-txt h2 {
padding: 0 5%;
margin-bottom: 30px;
}
.hero-10-txt h5, 
.hero-10-txt h4 {
margin-bottom: 35px;
}
.hero-10-txt p {
padding: 0 8%;
margin-bottom: 35px;
}
.hero-10-img {
margin: 60px 0 -120px;
}  #hero-11 {
position: relative;
padding-top: 150px;
}
.hero-11-txt {
padding-left: 40px;
padding-right: 25px;
} 
.hero-11-txt .os-btn {
margin: 0 0 20px 0;
} 
.hero-11-txt h2 {
margin-bottom: 20px;
}
.hero-11-txt p {
margin-bottom: 30px;
}  #hero-12 {
padding-top: 180px;
}
#hero-12 .container {
overflow: hidden;
}
#hero-12:after {
position: absolute;
content: '';
width: 100%;
height: 30%;
background-color: #f4f4f9;
top: 70%;
left: 0;
z-index: -1;
}
.hero-12-txt h2 {
margin-bottom: 35px;
}
.hero-12-txt p {
font-size: 1.4rem;
padding-right: 10%;
}
.hero-12-img {
margin-top: 60px;
}  #hero-13 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-13.jpg);
padding-top: 170px;
margin-bottom: 50px;
}
.hero-13-txt {
padding-right: 5%;
margin-top: 40px;
}
.hero-13-txt p.p-title-sm {
margin-bottom: 2px;
}
.hero-13-img {
margin: 0 -45px -60px;
}  #hero-14 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-14.jpg);
padding-top: 170px;
padding-bottom: 100px;
}
.hero-14-txt h2 {
margin-bottom: 30px;
}
.hero-14-txt p.p-xl {
margin-bottom: 30px;
}  #hero-15 {
position: relative;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-15.jpg);
padding-top: 170px;
overflow: hidden;
}
.hero-15-txt {
padding: 0 15%;
}
.hero-15-txt h2 {
margin-bottom: 35px;
}
.hero-15-txt p {
padding: 0 8%;
margin-bottom: 35px;
}
.hero-15-img {
margin-top: 60px;
margin-bottom: -20%;
}  #hero-16 {
position: relative;
padding-top: 150px;
}
.hero-16-txt {
padding-left: 25px;
padding-right: 40px;
} 
.hero-16-txt h2 {
margin-bottom: 20px;
}
.hero-16-txt p {
margin-bottom: 30px;
}  #hero-17 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-17.jpg);
padding-top: 170px;
overflow: hidden;
}
.hero-17-title h2 {
margin-bottom: 0;
}
.hero-17-txt {
margin-top: 40px;
padding-right: 30px;
}
.hero-17-txt p {
margin-bottom: 40px;
}
.hero-17-txt .os-btn {
margin: 0 0 20px;
}
.hero-17-img {
margin-bottom: -90px;
}
.hero-17-img img {
position: relative;
max-width: none;
display: inline-block;
}  #hero-18 {
padding-top: 150px;
padding-bottom: 30px;
} 
#hero-18:after {
position: absolute;
content: '';
width: 50%;
height: 100%;
background-image: linear-gradient(180deg, #dde6f1 0%, #fbfbfd 100%);
top: 0;
left: 50%;
z-index: -1;
} 
#hero-18-form {
padding: 0 12% 0 10px;
}
#hero-18-form h3,
#hero-18-form h2 {
margin-bottom: 30px;
}
.hero-18-img {
padding-left: 25px;
margin-right: -35px;
}  #hero-19 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-19.jpg);
padding-top: 160px;
overflow: hidden;
}
.hero-19-txt {
margin-top: -20px;
}
.hero-19-txt h2 {
letter-spacing: 1px;
margin-bottom: 25px;
}
.hero-19-txt p.p-xl {
margin-bottom: 40px;
}
.hero-19-img {
margin-left: 25px;
margin-bottom: -40px;
}
.hero-19-img img {
position: relative;
max-width: none;
display: inline-block;
}  #hero-20 {
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-20.jpg);
padding-top: 170px;
padding-bottom: 100px;
}
.hero-20-txt {
padding-left: 25px;
padding-right: 20px;
}
.hero-20-txt h2 {
letter-spacing: 0.5px;
margin-bottom: 25px;
}
.hero-20-txt p {
padding-right: 10px;
margin-bottom: 35px;
}  #hero-21 {
padding-top: 170px;
}
.hero-21-txt h2 {
margin-bottom: 25px;
}
.hero-21-txt p.p-xl {
padding: 0 15%;
margin-bottom: 0;
}
#hero-21 .quick-form {
margin: 40px 15% 0;
}  .hero-22-wrapper {
padding: 70px 70px 30px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
margin-top: 120px;
margin-bottom: 60px;
}
.hero-22-wrapper .img-block {
margin-bottom: -60px; 
}  #hero-23 {
position: relative;
z-index: 3;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/hero-23.jpg);
padding-top: 160px;
padding-bottom: 100px;
}
.hero-23-txt h2 {
line-height: 1.2;
margin-bottom: 20px;
}
.hero-23-txt p.p-xl {
font-size: 1.35rem;
padding-right: 10%;
margin-bottom: 30px;
}
.rtl-direction  .hero-23-txt p.p-xl {
padding-right: 0;
}
.hero-23-img {
overflow: hidden;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
}  .hero-24-txt {
padding-top: 150px;
padding-bottom: 20px;
}
.hero-24-txt h3,
.hero-24-txt h2 {
padding-bottom: 15px;
}
.hero-24-txt h5 {
color: #777;
font-weight: 400;
padding-bottom: 20px;
}
.hero-24-txt h2.tra-header {
position: absolute;
top: -20px;
left: -22%;
z-index: -1;
font-size: 23rem;
line-height: 1;
opacity: .15;
}
.hero-24-img {
margin-bottom: 30px;
}
.hero-24-img img {
padding: 0 15%;
}    .elementor-element .tnp-widget label {
display: none;
}
.elementor-element .tnp-widget .tnp-field-email label {
display: block;
}
.request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select {
border: 1px solid #ccc;
height: 55px;
color: #333;
font-size: 18px;
font-weight: 300;
margin-bottom: 22px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background-color: #fff;
border-radius: 0.25rem;
}
.elementor-element .tnp-widget input[type=submit] {
background-color: #f74b90;
color: #fff;
font-size: 1.125rem;
font-weight: 500;
border-color: #f74b90;
}
.elementor-element .tnp-widget input[type=submit]:hover,
.elementor-element .tnp-widget input[type=submit]:focus {
background-color: transparent;
color: #1d293f;
border-color: #ccc;
}  .hero-form-wrapper .form-control::-moz-placeholder { 
color: #999; 
} 
.hero-form-wrapper .form-control:-ms-input-placeholder { 
color: #999; 
}
.hero-form-wrapper .form-control::-webkit-input-placeholder { 
color: #999; 
}
.request-form .form-control:focus,
.elementor-element .tnp-widget input[type=text]:focus,
.elementor-element .tnp-widget input[type=email]:focus,
.elementor-element .tnp-widget input[type=submit]:focus,
.elementor-element .tnp-widget select:focus {
background-color: #fff;
border-color: #00b871;
outline: 0;
box-shadow: none;
}  #hero-4-form .btn,
#hero-9-form .btn {
width: 100%;
padding: 16px;
}  .request-form-msg {
width: 100%!important;
display: block;
text-align: center;
margin-top: 15px;
}
.request-form-msg .loading {
color: #f74b90;
font-size: 18px;
font-weight: 500;
}
.request-form .error {
color: #e74c3c;
font-size: 16px;
font-weight: 300;
margin-bottom: 20px;
}  .hero-section .quick-form .input-group {
border: none;
}  .quick-form .form-control {
height: 54px;
background-color: #fff;
border: none;
color: #666;
font-size: 18px;
font-weight: 400;
padding: 0 20px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;  
}
.rtl-direction .quick-form .form-control {
text-align: right;
}  .quick-form .form-control::-moz-placeholder { 
color: #555; 
}
.quick-form .form-control:-ms-input-placeholder { 
color: #555; 
}
.quick-form .form-control::-webkit-input-placeholder { 
color: #555; 
}  .quick-form .form-control:focus {
background-color: #fff;
border-color: #00b871;
outline: 0;
box-shadow: none;
}  .quick-form .btn {
height: 54px;
font-size: 18px;
padding: 13px 55px;
margin-left: 15px;
}
.rtl-direction .quick-form .btn {
margin-left: 0;
margin-right: 15px;
}  .quick-form-msg {
width: 100%!important;
display: block;
margin-top: 20px;
margin-bottom: 15px;
}
.quick-form-msg .loading {
color: #f74b90;
font-size: 17px;
line-height: 1;
font-weight: 500;
}   .fbox-5 {
padding: 55px 40px;
} 
.fbox-6 {
padding: 40px 50px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
} 
#fb-6-2 {
margin-bottom: 40px;
}
.fbox-7,
.fbox-5.bg-white {
background-color: #fff;
border: 1px solid #efefef;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
} 
.fbox-7 {
padding: 40px;
}  .fbox-txt {
width: 82%;
display: inline-block!important;
}  .fbox-5 h6,
.fbox-5 h5,
.fbox-6 h6,
.fbox-6 h5,
.fbox-7 h6,
.fbox-7 h5,
.fbox-txt-center h6,
.fbox-txt-center h5 {
margin-top: 18px;
margin-bottom: 10px;
}
.fbox-txt h5 {
margin-bottom: 10px;
}
.fbox-5 p,
.fbox-6 p,
.fbox-7 p,
.fbox-8 p,
.fbox-txt p,
.fbox-txt-center p {
margin-bottom: 0;
}
.fbox-6-link {
font-weight: 400;
margin-top: 20px;
}
.fbox-6-link a {
margin-top: 18px;
}
.fbox-6-link i {
position: relative;
top: 2px;
left: 3px;
font-size: 0.9rem;
}  .shape-ico {
position: relative;
margin-left: 0;
display: inline-block;
text-align: center;
}
.ico-bkg {
position: absolute;
z-index: 0;
top: -15px;
left: -10px;
transform: rotate(-30deg);
}
.fbox-ico {   
width: 18%;
display: inline-block!important;
margin-top: 4px;
text-align: left;
}
.rtl-direction .fbox-ico {   
float: right;
text-align: right;
}
.fbox-img {
padding: 40px 18% 50px;
margin-bottom: 70px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
} 
.fbox-img img {
margin-bottom: -80px;
}  .more-btn {
text-align: center;
margin-bottom: 40px;
} .content-8 .container {
overflow: hidden;
}
.content-9 {
margin-bottom: 100px;
}
.content-5-wrapper {
padding: 90px 70px 50px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
}
.content-4 .txt-block {
margin-top: 30px;
}  .review-3:nth-child(odd) {
margin-right: 40px;
margin-left: -40px;
}
.cbox-2 {
display: inline-block;
width: 400px;
min-width: 400px;
padding: 20px 30px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cbox-4.left-column,
.cbox-4.right-column {
position: absolute;
bottom: 10px;
right: 25px;
width: 52%;
padding: 25px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cbox-4.right-column {
left: 15px;
bottom: -5px;
right:  0;
}
.cbox-5 {
position: absolute;
top: -30px;
left: -10px;
width: 54%;
padding: 25px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cbox-6 {
position: absolute;
bottom: 10px;
right: 15px;
width: 54%;
padding: 25px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cbox-txt {
overflow: hidden;
padding-left: 25px;
}
.rtl-direction .cbox-txt {
padding-left: 0;
padding-right: 25px;
}
.cbox-2-txt {
display: inline-block!important;
padding-left: 20px;
}
.rtl-direction .cbox-2-txt {
padding-left: 0;
padding-right: 20px;
}
.cbox-3-txt {
display: inline-block!important;
padding-left: 10px;
}
.rtl-direction .cbox-3-txt {
padding-left: 0;
padding-right: 20px;
}
.cbox-ico {   
float: left;
text-align: center;
margin-top: 2px;
}
.download-list .cbox-ico {
display: inline-flex;
margin-top: 0;
}
.download-list .cbox-txt {
padding-left: 10px;
}
.cbox-ico .orange-red-color {
display: inline-block;
position: relative;
vertical-align: top;
}
.cbox-ico span {
display: block;
}
.cbox-ico span i {
z-index: 1;
position: relative;
}
.rtl-direction .cbox-ico {   
float: right;
text-align: right;
}
.cbox-2-ico {   
display: inline-block!important;
margin-top: 2px;
text-align: center;
}
.rtl-direction .cbox-2-ico {   
float: right;
}
.cbox-3-ico {   
display: inline-block!important;  
background-image: linear-gradient(0deg, #d4dbff 0%, #fff 100%);
width: 28px;
height: 28px;
margin-top: -2px;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.rtl-direction .cbox-3-ico {   
float: right;
}
.cbox-3-ico span { 
line-height: 28px; 
}
.cbox-4 h5,
.cbox-5 h5,
.cbox-6 h5,
.cbox-txt h5 {
margin-bottom: 10px;
margin-top: 0;
}
.cbox-2-txt h5,
.cbox-3-txt h5 ,
.cbox-2-txt p {
margin-bottom: 0;
}
.content-14-txt h4,
.content-14-txt h3 {
margin-bottom: 22px;
}
.cbox-4 p,
.cbox-5 p,
.cbox-6 p,
.cbox-txt p {
line-height: 1.5;
margin-bottom: 0;
}
.cbox-4 .divider,
.cbox-5 .divider,
.cbox-6 .divider {
margin-top: 15px;
margin-bottom: 15px;
}
.cbox-4 .btn,
.cbox-5 .btn,
.cbox-6 .btn {
width: 100%;
margin-bottom: 10px;
}  .cb-wrapper {
position: relative;
}
.cb-holder {
background-color: #fff;
border: 1px solid #f5f6f6;
padding: 50px 40px;
margin: 0 12% 40px;
z-index: 1;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cb-box-rounded {
padding: 20px 25px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;  
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cb-holder .divider {
margin-top: 25px;
margin-bottom: 25px;
}
.cb-single-box h2 {
letter-spacing: -2px;
line-height: 1;
}
.cb-single-box h4,
.cb-single-box h3 {
line-height: 1;
margin-bottom: 5px;
}
.cb-single-box h5 {
margin-bottom: 12px;
}
p.cb-header {
margin-bottom: 10px;
}
.cb-box-rounded p {
margin-bottom: 0;
}
.statistic-number sup {
font-size: 3rem;
top: -10px;
right: 0;
margin-right: 5px;
}
.cb-shape-1 {
position: absolute;
right: 30px;
top: -35px;
z-index: -1;
}
.cb-shape-2 {
position: absolute;
left: 30px;
bottom: -25px;
z-index: -1;
}
.cb-shape-1 img,
.cb-shape-2 img {
height: 100%;
width: 100%;
object-fit: cover;
}  .content-9-txt .btn {
margin-top: 25px;
}
.content-10-btn {
text-align: center;
margin-top: 60px;
}  .img-block.v-box {
margin: 0 15px;
}
.content-4-img {
text-align: center;
margin-top: -80px;
}
.content-7-img {
text-align: center;
margin-left: 30px;
margin-bottom: 40px;
}
.content-7-img img {
max-width: none;
display: inline-block;
}
.content-8-img {
text-align: center;  
margin-bottom: -100px;
}
.content-9-img {
text-align: center;
} #tabs-1 .tabs-nav { 
text-align: center;
}
.tabs-1 { 
display: inline-block;
margin: 0 auto 60px;
}
#tabs-1 .tab-content,
#tabs-2 .tab-content {
display: none;
}
#tabs-1 .tab-content.current,
#tabs-2 .tab-content.current {
display: inherit;
}
.tabs-1 li {
display: inline-block; 
margin: 0 8px;
color: #777;
padding: 10px 32px;
background-color: transparent;
border: 2px solid #eee;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}
#tabs-2 .tabs-1 li {
margin-bottom: 15px;
background-color: transparent;
border: 1px solid #f3f3f3;
padding: 30px 40px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
.tabs-1 li span {
font-size: 1.1rem;
line-height: 1;
font-weight: 500;
}
.tabs-1 li p {
margin-bottom: 0;
}  .tabs-1 li:hover {
color: #333!important;
background-color: #eee;
border-color: #eee!important;
}
#tabs-2 .tabs-1 li:hover {
color: #333!important;
background-color: transparent;
border-color: #e3e3e3!important;
}  #tabs-1 .tabs-1 li.current,
#tabs-1 .tabs-1 li.current:hover {
color: #fff!important;
background-color: #00b871;
border-color: #00b871!important;
}
#tabs-2 .tabs-1 li.current,
#tabs-2 .tabs-1 li.current:hover {
background-color: #fff;
border-color: #efefef!important;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
} .project-preview {
overflow: hidden;
text-align: center;
margin-bottom: 30px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
.post-type-archive-portfolio .project-txt {
padding-left: 5%;
padding-right: 30%;
}
.rtl-direction .post-type-archive-portfolio .project-txt {
padding-left: 30%;
padding-right: 5%;
}
#projects-2 .project-txt {
padding-left: 5%;
padding-right: 10%;
}
.rtl-direction #projects-2 .project-txt {
padding-left: 10%;
padding-right: 5%;
}
.post-type-archive-portfolio .project-txt h5 {
margin-bottom: 5px;
}
#projects-2 .project-txt h5 {
margin-bottom: 10px;
}
.post-type-archive-portfolio .project-txt p {
font-weight: 400;
margin-bottom: 5px;
}
#projects-2 .project-txt p {
font-weight: 400;
margin-bottom: 0;
}
.project-rating {
font-size: 1rem;  
}
.project-rating a {
color: #f74b90;
}
.project-rating i {
top: 4px;
position: relative;
margin-left: 5px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.post-type-archive-portfolio .masonry-image:hover i {
margin-left: 10px;
}
.project-rating span {
position: relative;
top: 2px;
color: #f7be27;
}  .post-type-archive-portfolio .masonry-image {
position: relative; 
width: 50%;
padding: 0 15px;
margin-bottom: 50px;
}
.portfolios-content .masonry-image {
position: relative; 
width: 33.33333%;
padding: 0 8px;
margin-bottom: 50px;
}  .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
border-radius: 16px;
}
.featured-post .hover-overlay img {
border-radius: 16px 0 0 16px;
}  .masonry-image:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.project-inner-img .col-md-6 .project-image:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}  .single-project .project-title {
margin-bottom: 70px;
}
.project-title h2 {
padding-right: 10%;
padding-bottom: 30px;
margin-bottom: 35px;
border-bottom: 1px solid #ddd;
}
.project-data {
margin-bottom: 0;
}
.project-data span {
margin-right: 40px;
}  .project-inner-img {
margin-top: 40px;
margin-bottom: 40px;
}
.project-inner-img .col-md-6 .project-image {
overflow: hidden;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}  .more-projects {
margin-top: 70px;
margin-bottom: 40px;
}
.more-projects a {
text-decoration: underline;
} #statistic-3 {
padding-top: 60px;
padding-bottom: 20px;
}
.statistic-1-wrapper .statistic-block {
padding: 10px 40px;
}
#sb-1-1, #sb-1-2 {
border-right: 1px solid rgba(230, 230, 230, .2);
}
.bg-white #sb-1-1, .bg-white #sb-1-2 {
border-right: 1px solid #ccc;
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block {
padding-right: 60px;
}  .statistic-block-txt {
width: 65%;
display: inline-block!important;
padding-left: 20px;
}
.rtl-direction .statistic-block-txt {
padding-left: 0;
padding-right: 20px;
}
.statistic-block-digit {   
width: 35%;
display: inline-block!important;
}
.rtl-direction .statistic-block-digit {   
float: right;
}
.statistic-ico {
margin-bottom: 15px;
}
h2.statistic-number {
line-height: 1; 
letter-spacing: -0.5px;
margin-bottom: 0;
}
.statistic-block h5 {
line-height: 1;
margin-top: 15px;
margin-bottom: 0;
}
.statistic-block h2.h2-title-xs {
letter-spacing: -1.5px;
}
#statistic-1 .statistic-block h5 {
margin-top: 20px;
margin-bottom: 15px;
}
#statistic-2 .txt-block h3 {
margin-bottom: 0;
}
#statistic-4 h6,
#statistic-4 h5 {
line-height: 1.4;
padding-left: 5px;
margin-bottom: 0;
}
.statistic-block p {
margin-bottom: 0;
}
#statistic-2 .statistic-block p {
line-height: 1.4;
}
.statistic-block-link {
margin-top: 20px;
}
.statistic-block-link a {
margin-top: 18px;
}
.statistic-block-link span {
position: relative;
top: 2px;
left: 3px;
} .reviews-4-holder {
position: relative;
padding-top: 70px;
padding-bottom: 60px;
}
.reviews-4-holder:after {
position: absolute;
content: '';
width: 76%;
height: 100%;
background-color: #f4f4f9;
top: 0;
left: 12%;
z-index: -1;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
}
.reviews-4-holder.plum_shape:after {
background-color: #e8daf5;
}
.bg-lightgrey .review-1,
.bg-lightgrey .review-2,
.bg-lightgrey .review-3 { 
border: 1px solid #f5f6f6;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}  .review-1-ico,
.review-2-ico {   
width: 10%;
float: left;
margin-top: 6px;
text-align: center;
opacity: .6;
}
.rtl-direction .review-1-ico,
.rtl-direction .review-2-ico {   
float: right;
}
.review-3-avatar {   
width: 20%;
float: left;
margin-top: 2px;
text-align: center;
}
.review-3 .review-3-avatar img {
width: 70px;
height: 70px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.review-2-ico i {
font-size: 1.5625rem;
}
.review-1-txt p {
font-size: 18px;
font-style: italic;
line-height: 1.4;
}  .rtl-direction .review-avatar {
margin: 0 auto; 
float: right;
}
.review-avatar img,
.owl-item .review-avatar img {
width: 100px;
height: 100px;
margin: 0 auto 18px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.review-2 .review-avatar img {
width: 56px;
height: 56px;
}
.review-3-avatar img,
.review-4 .review-avatar img {
width: 70px;
height: 70px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}  .review-author {
position: relative;
display: inline-block;
padding: 0 0 0 15px;
} 
.rtl-direction .review-author {
position: relative;
display: inline-block;
text-align: right;
padding: 0 15px 0 0;
} 
.review-3 .review-author {
text-align: center;
padding: 0;
top: 0;
margin-bottom: 5px;
} 
.review-3 .review-author span {
font-size: 1.05rem;
font-weight: 300;
margin-left: 5px;
} 
.review-author h6 {
line-height: 1;
margin-bottom: 10px;
margin-top: 0;
font-size: 18px;
}
.review-1 .review-author p,
.review-2 .review-author p {
line-height: 1;
font-weight: 300;
margin-bottom: 10px;
font-size: 18px;
}
.review-3-txt p {
padding-right: 5%;
margin-bottom: 0;
}
.rtl-direction .review-3-txt p {
padding-left: 5%;
padding-right: 0;
}
.review-4 .review-author p {
line-height: 1;
margin-bottom: 10px;
}  .review-rating {
margin-top: 8px;
}  .reviews-section button {
background-color: transparent;
border: none;
padding: 0 2px;
}
.owl-theme .owl-dots .owl-dot span {
margin: 0 7px;
}
.owl-dots button:focus {
outline: none;
text-decoration: none;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}   .pricing-2-table,
.pricing-3-table {
background-color: #fff;
border: 1px solid #efefef;
padding: 45px 35px 40px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.pricing-2-table {
padding: 35px 40px 40px;
}
.pricing-3-table {
text-align: center;
position: relative;
padding: 50px 40px;
}
.rtl-direction .pricing-3-table {
text-align: right;
}  .pricing-plan-title {
position: relative;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 25px;
}
.pricing-plan-title h6 {
position: absolute;
right: -3px;
top: -3px;
letter-spacing: 0.5px;
padding: 6px 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
margin-top: 0;
}
.rtl-direction .pricing-plan-title h6 {
display: inline-block;
width: auto;
right: 60%;
left: -10px;
top: -3px;
}
.pricing-3-table .pricing-plan h6 {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 30px;
}  .pricing-plan span {
font-size: 3.375rem;
line-height: 1;
font-weight: 500;
letter-spacing: -0.5px;
}
.pricing-3-table .pricing-plan span {
font-size: 5rem;
line-height: 1;
letter-spacing: -2px;
}
.pricing-plan sup {
font-size: 2.25rem;
font-weight: 500;
top: -7px;
right: 3px;
}
.rtl-direction .pricing-plan sup {
left: 4px;
right: 0;
}
.pricing-3-table .pricing-plan sup {
font-size: 2.875rem;
font-weight: 500;
top: -12px;
right: 3px;
}
.pricing-3-table .pricing-plan sup.coins {
font-size: 2.875rem;
font-weight: 500;
top: -25px;
left: 1px;
}
.pricing-plan sup.validity {
color: #878787;
font-weight: 400;
font-size: 1.2rem;
top: 0px;
left: 0;
}
.pricing-plan sup.validity span {
position: relative;
font-size: 2.75rem;
left: -2px;
}
.rtl-direction .pricing-plan sup.validity span {
right: -2px;
left: 3px;
}
.pricing-plan p {
margin-top: 15px;
margin-bottom: 0;
}
.pricing-trial-link {
display: block;
text-decoration: underline;
}  .badge-wrapper {
position: absolute;
top: -21px;
left: 0;
width: 100%;
text-align: center;
}
.highlight-badge {
display: inline-block;
margin: 0 auto;
padding: 12px 45px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.highlight-badge h6 {
line-height: 1;
letter-spacing: 0.5px;
margin-bottom: 0;
margin-top: 0;
}  .pricing-2-table .features {
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid #ccc;
padding-left: 0;
}
.pricing-2-table .features li {
list-style: none;
}
.pricing-3-table .features {
color: #757575;
border-top: 1px solid #ddd;
margin-top: 35px;
padding-top: 30px;
}
.pricing-2-table .features p {
margin-bottom: 5px;
}
.pricing-3-table .features p {
margin-bottom: 8px;
}
.pricing-2-table .features p span,
.pricing-3-table .features p span {
font-weight: 500;
}
.features li.disabled-option {
color: #c5c5c5;
}  .pricing-2-table .btn {
margin-top: 25px;
}
.pricing-3-table .btn,
.btn-fullwidth {
display: block;
width: 100%;
margin-top: 30px;
}  .payment-methods {
margin-top: 25px;
}
.payment-methods h6 {
margin-bottom: 12px;
}  .payment-icons li {
display: inline-block !important;
vertical-align: top;
clear: none !important;
margin: 0;
padding-right: 10px;
}
.payment-icons li:last-child {
padding-right: 0;
}  .pricing-notice {
text-align: center;
margin-top: 25px;
}
.pricing-notice p {
padding: 0 10%;
margin-bottom: 0;
}  .pricing-compare {
margin-top: 60px;
}
.pricing-compare .table-responsive {
margin-top: 50px;
margin-bottom: 25px;
}
.pricing-compare .pricing-header {
max-width: 700px;
}
.pricing-compare .disabled-option {
color: #999;
}   .team-member-photo {
text-align: center;
position: relative;
overflow: hidden;
}
.team-social-icons:hover {
opacity: 1;
}
.team-member-photo-overlay {
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
border-radius: 16px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
visibility: hidden;
opacity: 0;
}
.elementor .team-member-photo img {
border-radius: 4px 4px 0 0;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}
.elementor .team-content:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}  .team-social-icons {
position: absolute;
bottom: 0;
text-align: center;
padding: 0;
width: 100%;
z-index: 1;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.team-social-icons li {
list-style: none;
display: inline-block;
margin: 0 2px;
}
.team-social-icons li a {
width: 40px;
height: 40px;
background-color: rgba(10, 10, 10, .35);
text-align: center;
line-height: 44px;
font-size: 14px;
color: #fff!important;
display: block;
border-radius: 100%;
}
.team-member {
background: #f4f4f9;
border-radius: 16px;
margin-bottom: 30px;  
}
.team-content {
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.team-content:hover .team-member-photo-overlay {
visibility: visible;
opacity: 1;
}
.team-member-data {  
padding: 25px 30px;
box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
background: #fff;
border-radius: 0 0 4px 4px;
}
.team-member-data h5 {
line-height: 1.3;
margin-bottom: 10px;
margin-top: 0;
font-size: 19px;
letter-spacing: 1px;
}
.team-member-data p {
line-height: 1;
margin-bottom: 0;
font-size: 17px;
text-align: center;
font-weight: 400;
color: #f74b90;
}
.team-name p {
margin-top: 5px;
}
.team-member-data p.tm-social {
margin-top: 8px;
}
.alignment-section-space .elementor-container {
padding: 0 10px;
}  .gallery-content .owl-dots {
display: none;
}
.gallery-item {
position: relative;
text-align: center;
margin-bottom: 30px;
}  
.gallery-item,
.video-preview,
.gallery-item img,
.video-preview img,
.carousel-image .hover-overlay,
.carousel-image .hover-overlay img {
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.carousel-image {
position: relative; 
padding: 0 5px;
}
#gallery-3 .col-md-12 {
padding-left: 10px;
padding-right: 10px;
}  .image-description {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.image-data {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.image-data h6,
.image-data h5 {
margin-bottom: 5px;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.image-data p { 
margin-bottom: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}
.image-data h5 .image-link:hover {
color: #fff;
}  .sbox-16-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, 0.25);
}
.sbox-16 .hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}  .carousel-image .item-overlay::before,
.carousel-image .item-overlay::after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
.item-overlay::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.item-overlay::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}  .gallery-item:hover img,
.carousel-image:hover img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
.sbox-16:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.gallery-item:hover .item-overlay,
.carousel-image:hover .item-overlay,
.gallery-item:hover .image-description,
.carousel-image:hover .image-description {
opacity: 1; 
-moz-opacity: 1; 
}
.gallery-item:hover .item-overlay::before,
.carousel-image:hover .item-overlay::before,
.gallery-item:hover .item-overlay::after,
.carousel-image:hover .item-overlay::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery-item:hover .image-data h5,
.carousel-image:hover .image-data h6,
.gallery-item:hover .image-data p,
.carousel-image:hover .image-data p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#gallery-3 .owl-dots {
display: none;
}  .abox-4 {
position: relative;
width: 270px;
height: 270px;
display: inline-block;
margin-bottom: 40px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;  
}
.abox-4:hover {
box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, .1);
}
.abox-4-txt {
width: 80%;
left: 10%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.abox-4 span {
display: block;
font-size: 3.5rem;
line-height: 1;
font-weight: 700;
letter-spacing: -2px;
margin-top: 15px;
margin-bottom: 0;
} .brands-section h4 {
line-height: 1.4;
padding: 0 5%;
margin-bottom: 40px;
}
.brands-section p {
padding: 0 5%;
margin-bottom: 50px;
}  #brands-2 .brand-logo {
opacity: .8;
padding: 0 10px;
margin-bottom: 30px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.partner-owl .brand-logo {
padding: 0 15px;
} #faqs-2 .question {
margin-bottom: 40px;
}  #faqs-2 .question h5 {
margin-bottom: 15px;
}  .accordion-item {
background-color: transparent!important;
border: none;
border-bottom: 1px solid #e5e5e5;
}
.accordion-item.acc-last-item {
border-bottom: none;
}  .accordion-thumb {
margin: 0;
padding: 25px 0;
cursor: pointer;
position: relative;
}
.accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after {
font-family: "icomoon";
font-weight: 300; 
content: "\f243";
position: absolute;
font-size: 0.85rem;
top: 29px;
right: 5px;
}
.rtl-direction .accordion-item .accordion-thumb:after,
.rtl-direction .accordion-item.is-active .accordion-thumb:after {
top: 27px;
right: 99%;
}
.accordion-item.is-active .accordion-thumb:after {
content: "\f1c1";
}  .accordion-panel {
margin: 0;
padding: 0 0 15px 0;
display: none;
}
.accordion-thumb h5 {
line-height: 1;
margin-bottom: 0;
}
.question h5 span,
.accordion-thumb h5 span {
margin-right: 3px;
}  .more-questions {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.more-questions a {
text-decoration: underline;
} .cta-3-holder {
padding-top: 10px;
}
.cta-4-holder {
padding-bottom: 10px;
}
.cta-box,
.cta-1-wrapper,
.cta-3-wrapper,
.cta-4-wrapper,
.cta-5-wrapper,
.cta-7-wrapper,
.cta-11-wrapper {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.cta-1-wrapper {
padding: 55px 50px;
}
.cta-3-wrapper,
.cta-4-wrapper,
.cta-11-wrapper {
position: relative;
border: 1px solid #efefef;
padding: 55px 60px;
}
.cta-3-wrapper {
margin-top: -100px;
}
.cta-4-wrapper {
margin-bottom: -100px;
}
.cta-5-wrapper {
padding: 55px 30px;
}
.cta-5-wrapper.bg-white {
border: 1px solid #efefef;
}
.cta-7-wrapper {
padding: 50px 60px;
margin: 0 8%;
border: 1px solid #efefef;
}
.cta-11-wrapper {
padding: 55px 70px;
}
.cta-box-wrapper {
padding: 0 10px 20px;
margin-top: -100px;
}
.cta-box {
border: 1px solid #efefef;
padding: 35px 20px 40px;
} 
.cta-txt {
width: 80%;
display: inline-block!important;
padding-left: 5px;
}
.rtl-direction .cta-txt {
padding-left: 0;
padding-right: 5px;
}
.cta-ico {   
width: 20%;
display: inline-block!important;
margin-top: 2px;
text-align: center;
}
.rtl-direction .cta-ico {   
float: right;
}
.rtl-direction .cta-11-txt {
padding-right: 20px;
}  .os-btn {
margin: 0 auto 20px;
text-align: left;
width: 310px;
min-width: 310px;
border: 1px solid #dbe4f1;
padding: 25px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  
}
.os-btn-txt {
display: inline-block!important;
padding-left: 20px;
}
.mac-os-btn .os-btn-txt {
padding-top: 7px;
}
.os-btn-ico {   
display: inline-block!important;
text-align: center;
}
.os-btn-txt h6,
.os-btn-txt h5 {
line-height: 1;
margin-bottom: 0;
margin-top: 0;
}
.os-btn-txt p {
margin-bottom: 0;
} .sbox-10,
.sbox-18 {
margin-bottom: 40px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}
.sbox-10-img,
.sbox-18-img {
overflow: hidden;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sbox-10-img img,
.sbox-18-img img  {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sbox-10-txt {
padding: 35px 30px 40px;
}
.services-section .hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.services-section .hover-overlay img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
overflow: hidden;
-webkit-transition: transform 400ms;
-moz-transition: transform 400ms;
-o-transition: transform 400ms;
transition: transform 400ms;
}
.sbox-3:hover img, 
.sbox-8:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.sbox-9:hover img,
.sbox-10:hover img,
.sbox-11:hover img,
.sbox-12:hover img,
.sbox-15:hover img,
.sbox-16:hover img,
.sbox-18:hover img  {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.btn-tra-01, 
.scroll .btn-tra-01, 
.white-color .btn-tra-01,
.tra-01-hover:hover, 
.scroll .tra-01-hover:hover, 
.white-color .tra-01-hover:hover {
color: #f74b90;
background-color: transparent;
border-color: #f74b90;
}
.btn-tra-02, 
.scroll .btn-tra-02, 
.white-color .btn-tra-02,
.tra-02-hover:hover, 
.scroll .tra-02-hover:hover, 
.white-color .tra-02-hover:hover {
color: #f74b90;
background-color: transparent;
border-color: #f74b90;
}
.btn-color-01, 
.scroll .btn-color-01, 
.white-color .btn-color-01,
.color-01-hover:hover, 
.scroll .color-01-hover:hover, 
.white-color .color-01-hover:hover {
color: #fff;
background-color: #b7948e;
border-color: #b7948e;
}
.btn-color-02, 
.scroll .btn-color-02, 
.white-color .btn-color-02,
.color-02-hover:hover, 
.scroll .color-02-hover:hover, 
.white-color .color-02-hover:hover {
color: #fff;
background-color: #f74b90;
border-color: #f74b90;
}  .cta-1-txt h4,
.cta-1-txt h3 {
margin-bottom: 0;
}
.cta-2-txt h4,
.cta-2-txt h3 {
margin-bottom: 12px;
}
.cta-3-txt h5,
.cta-3-txt h4,
.cta-4-txt h5,
.cta-4-txt h4 {
line-height: 1.35;
margin-bottom: 0;
}
.cta-5-txt h4,
.cta-5-txt h3,
.cta-5-txt h2 {
margin-bottom: 20px;
}
.cta-6-txt h4,
.cta-6-txt h3,
.cta-6-txt h2 {
margin-bottom: 30px;
}
.cta-9-txt h4,
.cta-9-txt h3 {
margin-bottom: 12px;
}
.cta-box h5 {
margin-bottom: 10px;
}
.cta-box p,
.cta-2-txt p {
margin-bottom: 0;
}
.cta-3-txt p,
.cta-4-txt p {
margin-top: 5px;
margin-bottom: 0;
}
.cta-5-txt p {
margin-bottom: 25px;
}
.cta-7-txt p {
margin-bottom: 0;
}
.cta-10-txt p,
.cta-11-txt p {
margin-top: 15px;
margin-bottom: 0;
}  .cta-1-btn,
.cta-2-btn,
.cta-3-btn,
.cta-4-btn {
display: inline-block;
margin: 0 auto;
}
.cta-1-btn {
margin: 10px auto 0;
}
.cta-10-txt .btn,
.cta-11-txt .btn {
margin-top: 20px;
}
.cta-1-btn p {
margin-top: 10px;
margin-bottom: 0;
}
.cta-2-btn p,
.cta-3-btn p,
.cta-4-btn p {
margin-top: 15px;
margin-bottom: 0;
}
.cta-1-btn p a,
.cta-2-btn p a,
.cta-3-btn p a,
.cta-4-btn p a {
text-decoration: underline;
} .version-release {
margin-bottom: 60px;
}
.release-data {
padding-bottom: 30px;
border-bottom: 1px dashed #ccc;
margin-bottom: 30px;
}
.release-data h4 {
margin-bottom: 40px;
}
span.version-data {
font-size: 2.25rem;
line-height: 1;
margin-right: 20px;
margin-bottom: 0;
}
span.release-date {
color: #999;
font-size: 1.175rem;
line-height: 1;
margin-bottom: 0;
}
span.release-date span {
color: #666;
font-weight: 500;
margin-left: 20px;
}
.release-download {
position: absolute;
right: 5px;
bottom: 0;
}
.release-highlights .simple-list p {
margin-bottom: 2px;
} #newsletter-1 .container {
padding-left: 0;
padding-right: 0;
}
.newsletter-wrapper {
border: 1px solid #efefef;
padding: 40px 20px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.newsletter-wrapper.bg-snow {
border: 1px solid #f5f5f5;
}
#newsletter-1 .section-id {
margin-bottom: 20px;
}  .newsletter-txt h4,
.newsletter-txt h3 {
margin-bottom: 0;
}  #newsletter-1 .newsletter-form {
margin-top: 60px;
}
#newsletter-2 .newsletter-form {
margin-top: 30px;
}  .newsletter-section .wp-block-tnp-minimal {
display: flex;
}
.newsletter-section .tnp-subscription-minimal form {
margin-top: 35px;
}
.newsletter-section .wp-block-tnp-minimal > p,
.newsletter-section .wp-block-tnp-minimal > div {
width: 50%;
flex: 0 0 auto;
}
.newsletter-section .wp-block-tnp-minimal > p {
font-size: 2.375rem;
color: #303030;
font-family: 'Roboto', sans-serif;
font-weight: 500;
letter-spacing: -0.75px;
margin: 0;
line-height: 1.3;
padding-right: 30px;
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
height: 52px;
background-color: transparent;
border: none;
border-bottom: 2px solid #ddd;
color: #3a4a56;
font-size: 1.25rem;
font-weight: 400;
padding: 0 5px;  
margin-right: 15px;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
width: 65%;
max-width: 385px;
}
.rtl-direction .newsletter-section .form-control {
margin-left: 15px;
margin-right: 0;
text-align: right;
}
#newsletter-2.newsletter-section .form-control {
color: #3a4a56;
font-size: 1.125rem;
padding: 0 15px;  
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.rtl-direction #newsletter-2.newsletter-section .form-control {
margin-left: 15px;
margin-right: 0;
text-align: right;
}
.newsletter-section .input-group > .custom-select:not(:last-child), 
.newsletter-section .input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}  .newsletter-section .form-control:focus {
outline: 0;
box-shadow: none;
border-bottom: 2px solid #998da0;
}  .newsletter-section .form-control::-moz-placeholder,
.newsletter-section .wp-block-tnp-minimal .tnp-email::-moz-placeholder { 
color: #ccc; 
} 
.newsletter-section .form-control:-ms-input-placeholder,
.newsletter-section .wp-block-tnp-minimal .tnp-email:-ms-input-placeholder { 
color: #ccc; 
}
.newsletter-section .form-control::-webkit-input-placeholder,
.newsletter-section .wp-block-tnp-minimal .tnp-email::-webkit-input-placeholder { 
color: #ccc; 
} 
.bg-lightgrey.newsletter-section .form-control::-moz-placeholder { 
color: #999; 
} 
.bg-lightgrey.newsletter-section .form-control:-ms-input-placeholder { 
color: #999; 
} 
.bg-lightgrey.newsletter-section .form-control::-webkit-input-placeholder { 
color: #999; 
}  .newsletter-section .btn {
display: block; 
width: 100%!important;
padding: 13px 32px;
height: 52px;
}  .newsletter-section .form-notification {
color: #e03a3e;
font-size: 0.975rem;
font-weight: 400;
line-height: 1;
margin-top: 15px;
margin-left: 5px;
}
.newsletter-section .form-notification label.valid,
.newsletter-section .form-notification label.error {
color: #e03a3e;
}
.newsletter-section .newsletter-form label.valid {
color: #48af4b;
}   .gallery-items-list.blog-masonry {
margin-left: -15px;
margin-right: -15px;
}
.blog-masonry .masonry-image {
position: relative; 
width: 33.333333%;
padding: 0 15px;
margin-bottom: 70px;
}
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image {
width: 50%;
}
.layout-full .blog-masonry .masonry-image {
width: 33.333333%;
}  .blog-masonry .blog-post-img,
.related-blog .blog-post-img {
overflow: hidden;
text-align: center;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
margin-bottom: 30px;
}  .blog-1-post .blog-post-txt {
margin-top: 30px;
padding-left: 10px;
padding-right: 5%;
position: relative;
}
.blog-masonry .blog-post-txt,
.related-blog .blog-1-post .blog-post-txt {
margin-top: 0;
padding-left: 5%;
padding-right: 5%;
}
.blog-masonry .blog-post-txt.no-thumb,
.related-blog .blog-post-txt.no-thumb {
padding-left: 0;
padding-right: 0;
}
.blog-post-txt h6,
.blog-post-txt h5 {
margin-bottom: 10px;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-top: 10px;
}
p.post-tag {
margin-bottom: 10px;
font-size: 16px;
}
.blog-post-txt p.p-lg {
margin-bottom: 15px;
border-bottom: 1px solid #ececec;
padding-bottom: 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
.post-meta p {
margin-bottom: 0;
font-size: 16px;
}
p.post-tag .date-meta {
margin-left: 10px;
min-width: 170px;
text-align: right;
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
.layout-full p.post-tag .date-meta {
margin-left: 30px;
}
p.post-tag i,
.post-meta i {
color: #f74b90;
font-size: 14px;
margin-right: 5px;
}  .blog-1-post:hover img,
.blog-post-wide:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
} .posts-wrapper {
padding: 0 4%;
}
.featured-post {
margin: 0 0 60px 0;
}
h5.posts-category {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
margin-top: 0;
margin-bottom: 40px;
}  .featured-badge {
text-align: center;
z-index: 70;
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: none;
}
.featured-badge.ico-25 i, 
.featured-badge.ico-25 i { 
line-height: 48px!important;
font-size: 1.5625rem;
}  .blog-masonry .blog-post-wide .blog-post-txt {
padding: 0 60px 0 40px;
border: none;
}
.blog-post-wide {
background-color: #fff;
margin-bottom: 40px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.content-des-wrp {
padding: 20px 40px 20px 20px;
}
.blog-post-txt p.post-tag {
margin-bottom: 15px;
border-bottom: 1px solid #ececec;
padding-bottom: 15px;
}
.blog-post-wide .blog-post-txt h5 {
margin-bottom: 15px;
font-size: 27px;
line-height: 33px;
margin-top: 0;
}
.blog-post-wide .post-meta {
margin-top: 15px;
}
.blog-post-wide .blog-post-img {
-webkit-border-radius: 0; 
-moz-border-radius:  0; 
-o-border-radius: 0; 
border-radius: 0; 
overflow: hidden;
}   .single-post-title {
padding: 0 4%;
margin-bottom: 35px;
}
.single-post-title h3,
.single-post-title h2 {
padding-right: 5%;
margin-top: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
.single-post p.post-tag {
margin-bottom: 35px;
}
.single-post .related-blog p.post-tag {
margin-bottom: 10px;
}
.single-post .post-data {
margin-top: 45px;
margin-bottom: 45px;
}  .single-post .post-author-avatar {
position: relative;
left: 0;
top: 0;
float: left;
}
.single-post .post-author-avatar img {
width: 60px;
height: 60px;
display: inline-block;
margin: 0 15px 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}  .single-post .post-author {
position: relative;
top: 3px;
left: 3px;
}
.single-post .post-author h6,
.single-post .post-author p {
margin-bottom: 0;
margin-top: 0;
}  .single-post-txt {
padding: 0 4%;
display: inline-block;
width: 100%;
}
.single-post-txt h4,
.single-post-txt h3 {
margin-bottom: 30px;
}
.single-post-txt h5 {
margin-top: 25px;
margin-bottom: 28px;
}
.single-post-txt span.txt-600 {
color: #151515;
}  .post-inner-img {
text-align: center;
margin-top: 60px;
margin-bottom: 55px;  
}
.post-inner-img img {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px; 
}
.post-inner-img p {
margin-top: 25px;
margin-bottom: 0;  
}  .blog-item-next-prev {
float: left;
width: 100%;
}
.post-tags-list span {
display: inline-block;
}
.post-tags-list span a {
color: #353535;
font-weight: 400;
background-color: transparent;
border: 2px solid #ddd;
padding: 2px 12px;
margin: 0 4px 4px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
display: inline-block;
}
.post-tags-list span a:hover {
background-color: #f0f0f0;
border-color: #f0f0f0;
}  .post-share-links .share-social-icons {
display: inline-block; 
padding-left: 0;
}
.post-share-links .share-social-icons li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
padding: 0;
}
.post-share-links .share-social-icons a i {
font-size: 1.5625rem;
}
.post-share-list {
text-align: right;
}
.post-share-list-box {
position: absolute;
right: 30px;
bottom: 30px;
}
.single-post .post-share-list-box {
display: none;
}
.post-share-list-box ul li {
list-style: none;
display: inline-block;
margin-left: 10px;
}  .author-senoff {
float: left;
width: 100%;
padding: 40px;
border-radius: 10px;  
-webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
box-shadow: 0 14px 38px rgba(0, 0, 0, .04);
background: #fff;
margin-top: 60px;
}
.has-post-thumbnail .author-senoff {
margin-left: 4%;
margin-right: 4%;
width: 92%;
}
.author-senoff img {  
width: 100px;
height: 100px;
float: left;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%; 
}
.author-senoff-txt {
position: relative;
overflow: hidden;
padding-left: 40px;
}
.author-senoff-txt h5.h5-xs {
color: #f74b90;
font-size: 14px;
line-height: 1;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 8px;
font-family: roboto;
}
.author-senoff-txt h5.h5-lg {
line-height: 1;
font-weight: 500;
margin-bottom: 20px;
}
.author-senoff-txt p {
color: #757575;
margin-bottom: 0;
font-size: 17px;
line-height: 1.5;
}
.author-follow-btn {
display: inline-block;
position: absolute;
color: #757575;
font-size: 1rem;
line-height: 1;
font-weight: 400;
padding: 5px 15px;
top: 1px;
right: 12px;
border: 1px solid #777;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.author-link {
margin-top: 20px;
}
.author-link a {
color: #151515;
font-weight: 500;
text-decoration: underline;
}
.author-senoff-txt h5 {
margin: 0 0 5px 0;
font-size: 20px;
letter-spacing: 1px;
}  .txt-color-06 a {
color: #f74b90;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}
.h6-md.txt-color-01 a {
font-size: 18px;
letter-spacing: 1px;
}  .comments-wrapper {
padding: 0 4%;
}
.post-comments hr {
margin-top: 24px; 
margin-bottom: 40px; 
}
.post-comments h5.h5-lg {
margin-bottom: 80px;
}
.post-comments img {
width: 65px;
height: 65px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.comment-body {
margin-left: 25px;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-meta h6 {
line-height: 1;
margin-bottom: 2px;
}
.comment-date {
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
}  .btn-reply {
margin-left: 3px;
}
.btn-reply a {
font-size: 17px;
font-weight: 400; 
}
.btn-reply span {
position: relative;
top: 3px;
margin-right: 4px;
left: 3px;
}
.btn-reply a:hover {
color: #222;
}  .post-comments #leave-comment h5 {
padding-bottom: 0;
margin-top: 80px;
margin-bottom: 5px;
border: none;
}
.comment-form {
position: relative;
margin-top: 0;
}
.comment-form p {
color: #333;
line-height: 1;
font-weight: 500;
margin-bottom: 15px;
padding-left: 0;
display: block;
}
.comment-form p.comment-notes,
.comment-form .logged-in-as {
color: #6c757d;
font-weight: normal;
}
.comment-form .form-control {
height: 56px;
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 1.125rem;
font-weight: 300;
padding: 0 15px;
margin-bottom: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.comment-form .form-control:focus {
border-color: #f74b90;
outline: 0px none;
box-shadow: none;
}
.comment-form textarea { min-height: 200px; }
.comment-form textarea.form-control { 
padding: 20px;
}  .comment-form .btn {
margin-top: 15px;
}
.comment-form .btn:focus {
outline: 0px none;
box-shadow: none;
}  .comment-form-msg {
width: 100%!important;
display: block;
margin-top: 15px;
padding-left: 0;
}
.comment-form .error {
color: #e74c3c;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
padding-left: 10px;
}
.comment-form .form-control.error {
font-size: 17px!important;
} #contacts-1 .section-title {
position: relative;
z-index: 3;
}
#contacts-1-form {
position: relative;
z-index: 999;
background-color: #fff;
border: 1px solid #efefef;
padding: 45px 35px 35px;
margin: 0 30px 40px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
-moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}
.wpcf7 .contact-form p.p-lg {
color: #333;
line-height: 1;
font-weight: 500;
margin-bottom: 10px;
padding-left: 0;
}
.wpcf7 .contact-form .col-md-12 span.top-note {
display: block;
font-size: 17px;
line-height: 1;
font-weight: 300;
margin-bottom: 25px;
padding-left: 0;
}  .contact-form .form-control,
.contact-form .form-select {
height: 60px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 0 0;
color: #3a4a56;
font-size: 1.1rem;
font-weight: 400;
padding: 0 15px;
margin-bottom: 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.contact-form .form-select {
display: inline-block;
width: 100%;
color: #998da0;
box-shadow: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}  .contact-form textarea { min-height: 220px; }
.contact-form textarea.form-control { 
padding: 20px 15px;
}  .contact-form .form-control::-moz-placeholder { 
color: #999; 
}
.contact-form .form-control:-ms-input-placeholder { 
color: #999; 
}
.contact-form .form-control::-webkit-input-placeholder { 
color: #999; 
}  .contact-form .form-control:focus,
.contact-form .form-select:focus {
outline: 0px none;
box-shadow: none;
border-color: #009ddc;
}  #contacts-1-form .btn {
width: 100%;
padding: 16px;
}  .contact-form-msg {
width: 100%!important;
display: block;
margin-top: 20px;
padding-left: 0;
}
.contact-form .loading {
color: #f74b90;
font-size: 18px;
font-weight: 500;
padding-left: 15px;
}
.contact-form  .error {
color: #e74c3c;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
padding-left: 10px;
}
.homepage-content {
min-height: 450px;
} .footer {
padding-top: 100px;
padding-bottom: 30px;
background: #f9f9f9;
}
.footer.no-padding-top {
padding-top: 0;
}
.footer-info p {
padding-right: 5%;
}
.rtl-direction .footer-info p {
padding-right: 0;
}
.rtl-direction #footer-1 .footer-info p {
padding-left: 5%;
}
#footer-1 .footer-links {
padding-left: 10%;
}
.rtl-direction #footer-3 .footer-links {
padding-left: 10%;
}
.rtl-direction .footer-links {
padding-right: 20px;
}
.rtl-direction .bottom-footer-list {
text-align: left;
}  img.footer-logo {
width: auto;
max-width: inherit;
max-height: 40px;
}  .footer h6, 
.footer h5 {
line-height: 1;
margin-bottom: 25px;
margin-top: 0;
font-size: 19px;
}  .footer-links li {
width: auto !important;
display: block !important;
clear: none !important;
margin: 0;
padding: 0;
}
.footer-links li p {
margin-bottom: 8px;
}
.bg-dark .footer-links li a:hover,
.bg-dark .footer-socials li span:hover,
.bg-deepdark .footer-links li a:hover,
.bg-deepdark .footer-socials li span:hover {
color: #f2f3f4;
}  .footer-socials {
margin: 0;
display: inline-block; 
}
.footer-socials li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
margin: 0;
}
.footer-socials a {
display: block;
margin-right: 20px;
}
.footer-socials span {
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}
.footer-socials.ico-25 a { 
margin-right: 16px; 
}  .footer-form .newsletter-form .input-group {
background-color: #f5f5f5;
border: 1px solid #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; 
padding: 8px 2px;
}
.footer-form .form-control {
height: 40px;
background-color: transparent;
border: none;
color: #666;
font-size: 1.125rem;
padding: 0 15px;
box-shadow: none;
}  .footer-form .form-control:focus {
border: none;
border-right: none;
outline: 0;
box-shadow: none;
}  .footer-form .form-control::-moz-placeholder { 
color: #6c757d; 
}
.footer-form .form-control:-ms-input-placeholder { 
color: #6c757d; 
}
.footer-form .form-control::-webkit-input-placeholder { 
color: #6c757d; 
}  .footer-form .btn {
height: 40px;
padding: 0 15px;
}  .footer-form .form-notification {
color: #e03a3e;
font-size: 0.95rem;
line-height: 1.25;
font-weight: 400;
margin-top: 12px;
margin-left: 5px;
}  .bottom-footer {
padding-top: 30px;
}
.footer hr {
background-color: transparent;
background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
opacity: .3;
margin: 30px 0 0;
}
.footer.bg-dark hr {
background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%);
}  .bottom-footer-list {
margin: 0;
padding: 0;
}
.bottom-footer-list li {
width: auto!important;
display: inline-block!important;
vertical-align: top;
clear: none !important;
padding-left: 10px; 
}
.bottom-footer-list li a {
font-size: 1.0625rem;
}
.bottom-footer-list li:first-child {
padding-left: 0; 
}
.bottom-footer-list li:after { 
content: "|"; 
padding-left: 11px; 
position: relative;
top: 2px;
}
.bottom-footer-list li:last-child:after { 
content: " "; 
padding-left: 0; 
}
.bottom-footer-list li p {
display: inline-block;
margin-bottom: 0;
}  .footer-copyright p {
margin-bottom: 0;
} .inner-page-hero {
padding-top: 180px;
}
.single-post .inner-page-hero {
padding-bottom: 0;
}
.page-hero-section {
position: relative;
width: 100%;
background-repeat: no-repeat;
background-position: center center;   
background-size: cover;
background-attachment: scroll!important;
padding-top: 100px;
padding-bottom: 100px;
margin-top: 80px;
background-color: #999;
margin-bottom: -80px;
}
.elementor-template-full-width .page-hero-section {
margin-bottom: 0;
}
.single-portfolio .page-hero-section {
margin-bottom: -30px;
}  .page-hero-section h3,
.page-hero-section h2 {
margin-bottom: 0;
}
.page-hero-section p {
padding: 0 10%;
margin-top: 20px;
margin-bottom: 0;
} .page-link {
color: #6c757d;
font-size: 1.1rem;
font-weight: 500;
padding: 2px 10px;
margin: 0 8px;
background-color: transparent;
border: 2px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out; 
}
.page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.page-item.active .page-link {
color: #fff;
background-color: #f74b90;
border: 2px solid #f74b90;
}
.page-item.disabled .page-link {
color: #6c757d;
background-color: transparent;
border: 2px solid transparent;
}
.page-link:hover {
color: #6c757d;
background-color: transparent;
border: 2px solid #ccc;
}
.page-link:focus {
background-color: transparent;
color: #6c757d;
border: 2px solid transparent;
box-shadow: 0 0;
} .dmtop a{
display: block;
width: 44px;
height: 44px;
text-align: center;
line-height: 42px;
}
.dmtop.dmtop-show {
visibility: visible;
}
.dmtop {
visibility: hidden;
width: 44px;
height: 44px;
position: fixed;
bottom: 30px;
right: 25px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: rgba(10, 10, 10, .25);
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
z-index: 5;
}
.dmtop i {
color: #fff;
}
.dmtop:hover {
background-color: rgba(0, 0, 0, .4);
}
nav a#pull {  
display: none;  
}
.sbox-3-txt {
padding-top: 15px;
} .single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info .am-category-url {
font-weight: normal;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service-gallery,
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-image {
display: none;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service {
margin: 0;
padding: 0;
background: transparent;
background-color: inherit!important;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-header {
background: #f7f4f0;
margin-bottom: 0;
padding: 20px 20px 0;
border-radius: 2px 2px 0 0;
}
.single-portfolio .amelia-app-booking #am-service-booking h3 {
margin-top: 0;
font-family: 'Lustria', sans-serif;
letter-spacing: normal;
font-weight: 700;
font-size: 1.375rem;
margin-bottom: 10px;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-description {
background: #f7f4f0;
padding: 20px 20px;
border-radius: 0 0 2px 2px;
margin-bottom: 35px;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-description h3 {
display: none;
}
.single-portfolio .amelia-app-booking #am-service-booking p {
font-size: 17px;
color: #777;
text-align: center;
}
.single-portfolio .amelia-app-booking #amelia-booking-wrap .ql-description ol,
.single-portfolio .amelia-app-booking #amelia-booking-wrap .ql-description ul {
padding: 0;
margin: 0;
font-weight: 700;
}
.single-portfolio .amelia-app-booking #amelia-booking-wrap .ql-description ol li,
.single-portfolio .amelia-app-booking #amelia-booking-wrap .ql-description ul li {
list-style: none;
padding: 0!important;
}
.single-portfolio .amelia-app-booking #amelia-booking-wrap .ql-description ul>li:before {
content: "";
}
.single-portfolio .amelia-app-booking.am-mobile-collapsed #am-service-booking .am-service .am-service-header .am-service-data {
margin-top: 0;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-price {
background: #f74b90;
font-weight: 500;
}
.single-portfolio .amelia-app-booking #amelia-booking-wrap #am-step-booking,
.single-portfolio .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
margin-top: 0;
margin-bottom: 30px;
box-shadow: none;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-title h2 {
font-family: 'Lustria', sans-serif!important;
font-size: 1.375rem;
letter-spacing: normal;
font-weight: 700;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info .el-row {
border-bottom: 1px dashed #aaa;
font-size: 1.125rem;
font-weight: 400;
padding: 16px 0;
color: #777;
margin: 0!important;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info .am-service-info-column .el-row {
margin: 0!important;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info .el-row .el-col {
color: #777!important;
padding: 0!important;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info .el-row:last-child {
border-bottom: none;
padding-bottom: 0;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-providers {
margin-bottom: 0;
}
.single-portfolio .amelia-app-booking #am-service-booking .am-service .am-service-info {
margin-bottom: 0;
}
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-catalogForm-calendarDateTimeForm.am-select-date {
background: #f74b90;
}
#wrapper #am-modal.am-modal.am-in-body .el-button--primary.el-button,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button {
background: #f74b90;
border-color: #f74b90;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
#wrapper #am-modal.am-modal.am-in-body .el-button--primary.el-button:hover,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button:hover,
#wrapper #am-modal.am-modal.am-in-body .el-button--primary.el-button:focus,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button:focus {
color: #1d293f;
background-color: transparent;
border-color: #ccc;
}
#wrapper #am-modal.am-modal.am-in-body .el-button--primary.el-button:focus span,
#wrapper #am-modal.am-modal.am-in-body .el-button--primary.el-button:hover span,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button:focus span,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button:hover span {
color: #1d293f;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirmation-total p.am-align-right,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirmation-total p.am-align-right {
color: #f74b90;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
border-radius: 2px!important;
}
#wrapper .amelia-app-booking #am-service-booking .am-service .am-service-info .el-row .am-service-info-column.el-col-sm-24:first-child {
margin-bottom: 40px;
}
#wrapper .amelia-app-booking #am-service-booking .am-service .am-service-providers .am-service-provider {
margin-top: 23px;
}
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-calendarDateTimeForm.am-select-date,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date.am-select-service-date-transition.am-show-calendar {
background: transparent;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-form-full-wrapper,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-full-wrapper {
width: 100%;
}
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-picker .am-form-stepByStepForm-calendarDateTimeForm.am-select-date,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-picker .am-select-date.am-select-service-date-transition.am-show-calendar {
background: #f74b90;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {
background: #f74b90;
}
.elementor-widget-container strong {
font-weight: 700;
}
#wrapper .el-button {
border-radius: 2px;
font-size: 1.125rem;
padding: 15px 34px;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button span, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {
color: #303030;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button:hover, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button:hover {
border-color: #fff;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-date-title,
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-service-title,
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-date-title,
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-service-title,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-date-title,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-service-title,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-date-title,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-service-title {
font-size: 24px!important;
font-family: 'Lustria', sans-serif;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 700;
color: #303030;
}
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-date-title,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-service-title {
color: #fff;
margin-bottom: 5px!important;
}
#wrapper #am-modal.am-modal.am-in-body .el-select .el-input.is-focus .el-input__inner,
#wrapper #am-modal.am-modal.am-in-body .el-select .el-input__inner:focus,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-select .el-input.is-focus .el-input__inner,
#wrapper .amelia-app-booking #amelia-booking-wrap .el-select .el-input__inner:focus {
border-color: #afa074;
}
#wrapper .am-select-service .el-form-item {
margin-bottom: 0;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-cost,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-cost {
padding-top: 10px;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {
padding: 20px;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking.am-active-confirm .am-confirm-booking,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-confirm .am-confirm-booking {
width: 94%;
background: transparent;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking.am-mobile-collapsed .am-confirmation-booking-details>div, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-mobile-collapsed .am-confirmation-booking-details>div {
min-width: 31%;
}
#wrapper #am-modal.am-modal.am-in-body .am-stripe-card,
#wrapper #am-modal.am-modal.am-in-body .form-control,
#wrapper #am-modal.am-modal.am-in-body input[type=email],
#wrapper #am-modal.am-modal.am-in-body input[type=password],
#wrapper #am-modal.am-modal.am-in-body input[type=tel],
#wrapper #am-modal.am-modal.am-in-body input[type=text],
#wrapper #am-modal.am-modal.am-in-body input[type=url],
#wrapper #am-modal.am-modal.am-in-body select,
#wrapper #am-modal.am-modal.am-in-body textarea,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-stripe-card,
#wrapper .amelia-app-booking #amelia-booking-wrap .form-control,
#wrapper .amelia-app-booking #amelia-booking-wrap input[type=email],
#wrapper .amelia-app-booking #amelia-booking-wrap input[type=password],
#wrapper .amelia-app-booking #amelia-booking-wrap input[type=tel],
#wrapper .amelia-app-booking #amelia-booking-wrap input[type=text],
#wrapper .amelia-app-booking #amelia-booking-wrap input[type=url],
#wrapper .amelia-app-booking #amelia-booking-wrap select,
#wrapper .amelia-app-booking #amelia-booking-wrap textarea {
height: 46px;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirmation-total, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirmation-total {
background: #f9f9f9;
}
#wrapper #am-modal.am-modal.am-in-body .el-button:focus span, 
#wrapper #am-modal.am-modal.am-in-body .el-button:hover span, 
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button:focus span, 
#wrapper .amelia-app-booking #amelia-booking-wrap .el-button:hover span {
color: #303030;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .el-form-item,
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .el-form-item {
margin-bottom: 30px;
}
.amelia-booking-elementor .amelia-app-booking #amelia-booking-wrap #am-step-booking.am-mobile-collapsed .am-select-service,
.amelia-booking-elementor .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-mobile-collapsed .am-select-service {
padding: 80px;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date *,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date * {
font-weight: 600;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
opacity: 1!important;
}
#am-modal.am-modal.am-in-body .am-calendar-picker .c-day-content,
.amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-content {
opacity: 1!important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-picker .c-weekdays div, 
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-picker .c-weekdays div {
opacity: 1!important;
font-weight: 600!important;
}
.amelia-app-booking #amelia-booking-wrap .am-lite-footer {
display: none;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking h2, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking h2 {
font-family: 'Lustria', serif!important;
font-size: 22px;
font-weight: 700!important;
}
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-booking-fetched .el-button:hover a,
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-success-payment .el-button:hover a,
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-waiting-confirmation .el-button:hover a, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-booking-fetched .el-button:hover a, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .el-button:hover a, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-waiting-confirmation .el-button:hover a {
color: #303030;
} .woocommerce #review_form #respond p > label {
margin-bottom: 10px;
}
.woocommerce-Reviews .comment-respond .form-submit:before {
content: "";
}
.woocommerce .content,
.woocommerce-page .content {
overflow: visible;
}
.woocommerce-Reviews .comment-form {
margin-top: 30px;
}
.woocommerce-Reviews .comment-respond .form-submit {
padding: 0;
}
.woocommerce-Reviews .comment-form .comment-notes,
.woocommerce-Reviews .comment-form .comment-form-cookies-consent{
padding: 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0.3rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 120px;
border-radius: 0;
border-color: #eaeaea;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 96px;
padding: 0;
}
.widget_product_tag_cloud .tagcloud a {
position: relative;
margin-bottom: 0;
background: none;
text-transform: inherit;
}
.widget_product_tag_cloud .tagcloud a:before {
position: absolute;
left: 0;
content: "#";
}
.widget_product_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:focus {
color: #f74b90;
background: none;
}
.woocommerce .woocommerce-result-count {
width: 50%;
line-height: 35px;
margin-bottom: 0;
}
.woocommerce .woocommerce-ordering {
text-align: right;
width: 50%;
margin-bottom: 0;
position: relative;
}
.woocommerce .woocommerce-ordering select {
border: none;
padding: 0 10px;
max-width: 170px;
font-weight: 600;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.2;
float: right;
margin-bottom: 0;
background-color: transparent;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: left;
width: 70px;
border: 1px solid #eaeaea;
margin-left: 0;
padding: 3px;
margin-right: 15px;
}
ul.product_list_widget .product-title{
font-size: 15px;
line-height: 1.3;
margin-bottom: 0.25rem;
margin-top: 0;
font-weight: normal;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
border: none!important;
}
.woocommerce .star-rating::before {
color: #f74b90;
}
.woocommerce .star-rating span::before {
color: #f74b90;
}
ul.product_list_widget .woocommerce-Price-amount {
font-size: 14px;
}
.woocommerce .star-rating {
font-size: 0.95rem;
letter-spacing: 6px;
width: 7.4em;
}
.woocommerce .products .star-rating {
margin: 5px 0 .5em;
}
.woocommerce nav.woocommerce-pagination {
margin-top: 15px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none!important;
margin: 0;
padding: 8px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
color: #6D708D;
min-height: 48px;
min-width: 48px;
background-color: #fff;
padding: 0;
border: none;
line-height: 48px;
font-weight: 600;
border-radius: 50%;
box-shadow: 0 0 16px rgba(50,39,193, 0.08);
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li:first-child a,
.woocommerce nav.woocommerce-pagination ul li:first-child span {
margin-left: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #f74b90;
color: #fff;
border-color: #f74b90;
}
.woocommerce-pagination .page-numbers .cs-icon {
line-height: 48px!important;
display: block;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 39%;
float: left;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 57%;
margin-bottom: 100px;
float: right;
}
.woocommerce-review-link {
line-height: 28px;
float: left;
font-weight: 600;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #f74b90;
font-size: 24px;
text-decoration: none;
margin-bottom: 5px;
font-weight: 600;
}
.woocommerce.single-product div.product p.price,
.woocommerce.single-product div.product span.price {
font-size: 18px;
font-weight: 700;
color: #f74b90;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.entry-summary ins {
text-decoration: none;
float: left;
padding-right: 15px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 1;
color: #95b0b6;
font-size: 18px;
}
.woocommerce div.product .product_title {
font-size: 48px;
margin-bottom: 5px;
line-height: 1;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 5px;
}
.woocommerce-product-details__short-description {
border-bottom: 1px solid #eaeaea;
padding-top: 5px;
margin-bottom: 30px;
}
.woocommerce-variation-description {
font-size: 16px;
}
.product_meta {
padding-bottom: 12px;
font-size: 18px;
font-weight: 700;
}
.woocommerce .quantity .qty {
border: 1px solid #eaeaea;
padding: 4px 0;
height: 52px;
border-radius: 0;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 10px;
}
.variations tr {
width: 29%;
float: left;
}
.variations tr td.label {
display: block;
}
.woocommerce div.product form.cart .variations label {
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
padding: 0;
position: relative;
}
.woocommerce div.product form.cart .variations select {
border: 1px solid #eaeaea;
height: 34px;
padding: 5px;
font-weight: 600;
background-image: url(//euphoriamassage.gr/wp-content/themes/spamagic/images/downarrow.png);
background-repeat: no-repeat;
background-position: 92%;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
line-height: 14px;
min-width: 168px;
}
.reset_variations {
font-weight: 600;
font-size: 14px;
position: absolute;
top: 0;
right: -100px;
}
.reset_variations:after {
background: #001d23;
position: absolute;
content: "";
left: 0;
bottom: -1px;
height: 2px;
width: 100%
}
.reset_variations:hover:after {
background: #009e74;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #f74b90;
border: none;
border-radius: 0;
font-size: 16px;
line-height: 1;
padding: 18px 34px 18px 34px;
color: #fff;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #f74b90;
color: #fff;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #f74b90;
color: #fff;
}
.woocommerce-product-gallery__image img {
border: 1px solid #eaeaea;
}
.shop-box {
margin-bottom: 30px;
position: relative;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.onsale {
position: absolute;
top: 1rem;
z-index: 11;
right: 1rem;
width: auto;
height: 26px;
line-height: 26px;
border-radius: 0;
text-align: center;
background-color: #ddd;
}
.woocommerce span.onsale {
position: absolute;
top: 30px;
z-index: 11;
left: 30px;
width: auto;
height: 26px;
line-height: 26px;
border-radius: 0;
text-align: center;
color: #fff;
background-color: #f74b90;
font-weight: normal;
right: auto;
min-height: auto;
padding: 0 14px;
}
.woocommerce span.onsale.new-badge {
left: 30px;
background: #82ca9c;
}
.woocommerce .sale span.onsale.new-badge {
left: 110px;
}
.woocommerce-product-gallery__image {
position: relative;
}
.woocommerce-product-gallery__image:hover .magnifier {
opacity: 1;
visibility: visible;
}
.woocommerce-product-gallery__image .magnifier a {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: -1rem auto;
color: #ffffff;
text-align: center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image.thumbnails-image {
width: 100%;
margin-bottom: 20px!important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image.no-margin-right {
margin-right: 0;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
padding: 100px 0;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border: none;
}
.woo-tabs.stretch-content {
clear: both;
background: #F3F8FC;
}
.woocommerce div.product div.images {
margin-bottom: 100px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
box-shadow: none!important;
border: none!important;
background: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
height: 0;
width: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
border-bottom: 3px solid transparent;
padding: 0;
border-width: 0 0 3px 0;	
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-bottom: 3px solid #f74b90;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 600;
color: #7b7d7f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #f74b90;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 24px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
border-bottom: 1px solid #eaeaea;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 2rem 0 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child{
margin-bottom: 0;
}
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="password"],
.woocommerce #review_form #respond input[type="email"] {
border: none;
padding: 5px 10px;
width: 100%;
height: 45px;
border-radius: 6px;
}
.woocommerce #reviews #comment,
.woocommerce #review_form #respond textarea {
height: 120px;
resize: none;
}
.woocommerce #review_form #respond textarea:focus,
.woocommerce #review_form #respond input[type="text"]:focus,
.woocommerce #review_form #respond input[type="password"]:focus,
.woocommerce #review_form #respond input[type="email"]:focus {
border: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding-left: 0;
}
.related.products {
float: left;
width: 100%;
margin: 90px 0 0;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
min-width: 180px;
height: 52px;
border-color: #eaeaea;
padding-left: 15px;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: #fff;
padding: 18px 34px 18px 34px;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
color: #fff;
background: #f74b90;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #f74b90;
color: #f74b90;
padding: 18px 34px 18px 34px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
border-radius: 0;
}
.woocommerce div.product .stock {
color: #f74b90;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
max-width: 48%;
padding: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
max-width: 48%;
padding: 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
margin-bottom: 1rem;
background: #F3F8FC;
border: none;
height: 60px;
padding: 10px 15px;
border-radius: 6px;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input{
top: 16px;
}
.woocommerce form .form-row textarea {
min-height: 120px;
padding: 15px;
resize: none;
}
.woocommerce table.shop_table {
border-radius: 0;
}
.woocommerce-cart-form table thead tr{
background: #F3F8FC;
}
.woocommerce-cart-form table thead tr th{
border-width: 0 1px 1px 0;
}
.woocommerce-cart-form table thead tr th:last-child{
border-width: 0 0 1px 0;
}
.woocommerce table.shop_table td{
border-width: 0 1px 1px 0;
}
.woocommerce-cart-form table tr td {
border-width: 0 1px 1px 0;
}
.woocommerce-cart-form table tr td:last-child{
border-width: 0 0 1px 0;
}
.woocommerce-cart-form table tr:last-child td{
border-width: 0;
padding: 12px;
}
.cart-collaterals tr:last-child td,
.cart-collaterals tr:last-child th{
border-width: 0;
}
.cart-collaterals table tr th,
.cart-collaterals table tr.cart-subtotal td {
border-width: 0;
}
.woocommerce table.shop_table th {
font-weight: 500;
padding: 15px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td {
padding: 15px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
border-collapse: collapse;
margin-bottom: 40px;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
font-weight: 500;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment{
background: #F3F8FC;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
border-color: #eaeaea;
padding: 40px 40px 20px;
}
.woocommerce-checkout #payment div.form-row {
padding: 20px 40px 40px;
}
.woocommerce .woocommerce-cart-form a.remove {
color: #5e848c!important;
border: 1px solid #eaeaea;
border-radius: 50%;
font-weight: normal;
font-size: 20px;
line-height: 16px;
}
.woocommerce-checkout h3#order_review_heading {
margin-top: 20px;
}
.woocommerce .woocommerce-cart-form a.remove:hover,
.woocommerce .woocommerce-cart-form a.remove:focus{
color: #fff!important;
border-color: #ff0000;
}
.woocommerce form .form-row {
padding: 0;
}
.woocommerce-checkout h3,
.cart_totals h2,
.related.products h2 {
z-index: 1;
position: relative;
line-height: 1.7;
font-size: 28px;
padding: 0 0 15px;
margin: 0;
}
.related.products h2 {
padding-bottom: 25px;
text-align: center;
font-size: 50px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-form.register,
.woocommerce-ResetPassword.lost_reset_password {
padding: 53px;
border: 1px solid #eaeaea;
margin: 0 auto;
max-width: 650px;
border-radius: 6px;
background: #fff;
position: relative;
}
.woocommerce form.checkout_coupon {
margin-bottom: 30px;
}
.woocommerce form.checkout_coupon .form-row input.input-text{
height: 52px;
margin-bottom: 0;
}
.woocommerce form.checkout_coupon .form-row-first{
width: 60%;
}
.woocommerce form.checkout_coupon .form-row-last {
width: 40%;
}
.woocommerce-Input.woocommerce-Input--text.input-text {
border: none;
border-radius: 0;
color: #001d23;
height: 60px;
font-size: 14px;
padding: 25px 30px;
position: relative;
}
.woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row {
width: 100%;
}
.woocommerce-form .form-control {
background: #F3F8FC;
}
.already-account {
float: right;
text-decoration: underline;
padding-top: 14px;
}
.woocommerce-LostPassword.lost_password {
position: absolute;
bottom: 52px;
right: 53px;
}
.woocommerce-LostPassword.lost_password a{
text-decoration: underline;
}
.woocommerce > h2{
display: none;
}
.woocommerce-form-login__rememberme {
margin-top: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 40px;
background: #fff;
box-shadow: 0 4px 8px rgba(0,0,0, 0.04);
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
background: #F3F8FC;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding:  0 40px 40px;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
border: 1px solid #eaeaea;
border-width: 0 1px 1px 1px;
padding: 0.75rem 1.25rem;
font-size: 14px;
line-height: 1;
}
.woocommerce-MyAccount-navigation ul li a{
color: #001d23;
}
.woocommerce-MyAccount-navigation ul li:first-child {
border-width: 1px 1px 1px 1px;
}
.woocommerce a.added_to_cart {
padding-top: .5em;
white-space: nowrap;
display: inline-block;
position: absolute;
top: -40px;
left: 35%;
color: #fff;
background: #001d23;
border-radius: 30px;
padding: 5px 10px;
font-size: 14px;
}
.widget_product_search button[type="submit"]{
display: none;
}
.shop-media {    
position: relative;
background: #F3F8FC;
overflow: hidden;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: #f74b90;
}
.woocommerce-message,
.woocommerce-info {
border-top-color: #f74b90;
line-height: 3.2;
background-color: #F3F8FC;
}
.address-field .select2-container--default .select2-selection--single{
background-color: #F3F8FC;
border: none;
border-radius: 6px;
padding: 8px;
height: 60px;
margin-bottom: 1rem;
}
.address-field .select2-container--default .select2-selection--single:focus {
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 46px;
}
.address-field .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 60px;
right: 8px;
}
.select2-dropdown {
border-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #eaeaea;
}
.select2-container--open .select2-dropdown--below {
border: 1px solid #eaeaea;
border-top: none;
margin-top: 16px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #009e74;
border-radius: 0;
width: 10px;
height: 10px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #001d23;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 14px;
float: right;
color: #001d23;
padding: 0;
background: none;
text-transform: uppercase;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: left;
line-height: 1;
color: #999;
font-weight: 600;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 2px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: #009e74;
}
.shop-table .btn {
margin-top: 1.5rem;
}
.shop-table .qty-changer {
max-width: 80px !important;
}
.shop-table .form-group {
display: block;
margin: -14px auto;
position: absolute;
text-align: center;
width: 75px;
}
.shop-table .text-left.table td {
text-align: left !important;
}
.shop-table img {
max-width: 100px;
}
.table-bordered thead td,
.table-bordered thead th {
border: 0 none;
}
.shop-table .table td {
text-align: center;
vertical-align: middle;
}
.shop-table .table th {
color: #121212;
font-weight: 400;
text-align: center;
vertical-align: middle;
}
.couponcode .btn {
margin-top: 10px !important;
}
.payment-methods .form-check {
padding: 0.5rem 0;
border-bottom: 1px dashed #dbdbdb;
}
.shop-table .text-left.table td .form-check-input,
.payment-methods .form-check-input {
margin-right: 10px;
}
.shop-title del span,
.shop-title del {
color: #95b0b6;
font-size: 16px;
}
.shop-title ins {
text-decoration: none;
float: left;
padding-right: 8px;	
}
.shop-box .shop-details {
padding-top: 20px;
}
.shop-title h4 {
margin: 8px 0 5px 0;
font-size: 20px;
}
.woocommerce .shop-box .button,
.woocommerce-page .shop-box .button {
position: absolute;
top: 64.5%;
opacity: 0;
left: 0;
padding: 10px 20px;
font-size: 14px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.woocommerce .shop-box:hover .button,
.woocommerce-page .shop-box:hover .button {
left: 30px;
opacity: 1;
}
.stars-rating i,
.stars-rating .svg-inline--fa {
color: #f74b90;
font-size: 0.95rem;
line-height: 1;
}
.woocommerce table.shop_attributes td {
padding: 0 5px;
}
.item-ratings.row {
margin-left: -15px!important;
margin-right: -15px!important;
}
.woocommerce .page-title,
.woocommerce-page .page-title {
display: none;
}
.minimal_product {
margin-bottom: 50px;
position: relative;
}
.minimal_product .item_image {
overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.minimal_product .image_wrap {
display: block;
overflow: hidden;
position: relative;
}
.minimal_product img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover img {
transform: scale(1.05);
}
.minimal_product .product_label {
top: 30px;
left: 30px;
z-index: 1;
position: absolute;
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.woocommerce .minimal_product span.onsale {
height: 26px;
font-size: 15px;
font-weight: 400;
line-height: 28px;
list-style: none;
display: inline-block;
}
.minimal_product .product_label li {
height: 26px;
font-size: 15px;
font-weight: 400;
line-height: 28px;
list-style: none;
display: inline-block;
padding: 0 14px;
background-color: #fb5d5d;
color: #fff;
}
.minimal_product .product_label li:not(:last-child) {
margin-right: 8px;
}
.minimal_product .addto_wishlist {
top: 28px;
right: 30px;
width: 30px;
height: 30px;
color: #232323;
font-size: 14px;
line-height: 32px;
text-align: center;
position: absolute;
background-color: #fff;
}
.minimal_product .addto_wishlist:hover {
color: #fff; 
background-color: red;
}
.minimal_product .coming_soon {
left: 30px;
bottom: 30px;
height: 36px;
color: #1c1f23;
font-size: 12px;
font-weight: 700;
line-height: 38px;
padding: 0px 12px;
position: absolute;
text-align: center;
background-color: #fff;
transition: 0.3s ease;
}
.minimal_product .product_action_btns {
left: 0px;
right: 0px;
z-index: 2;
bottom: 30px;
position: absolute;
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.minimal_product .product_action_btns a {
height: 50px;
height: 50px;
color: #fff;
line-height: 52px;
text-align: center;
border-radius: 0px;
background-color: #252424;
}
.minimal_product .product_action_btns li {
opacity: 0;
visibility: hidden;
transform: translateX(50px);
}
.minimal_product .product_action_btns li:nth-child(2) a {
width: auto;
font-size: 13px;
min-width: 190px;
font-weight: 700;
background-color: #ff5656;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover .product_action_btns li {
opacity: 1;
visibility: visible;
transform: translateX(0px);
transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover .product_action_btns li:nth-child(1) {
transition-delay: 0.1s;
transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover .product_action_btns li:nth-child(2) {
transition-delay: 0.2s;
transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover .product_action_btns li:nth-child(3) {
transition-delay: 0.3s;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.minimal_product:hover .coming_soon {
opacity: 0;
transition: 0.3s ease;
left: 0;
}
.minimal_product .item_title {
margin: 0 0 8px 0;
}
.minimal_product .item_title a {
color: #232323;
font-size: 24px;
font-weight: 400;
}
.minimal_product:hover .item_title a {
color: #f74b90;
}
.minimal_product .item_price {
line-height: 1;
display: flex;
flex-direction: row-reverse;
}
.minimal_product .item_price ins {
font-weight: 700;
color: #232323;
font-size: 22px;
text-decoration: none;
}
.minimal_product .item_price del {
font-size: 18px;
margin-left: 5px;
display: inline-block;
}
.minimal_product .item_color li:not(:last-child) {
margin-right: 6px;
}
.minimal_product .item_color a {
width: 20px;
height: 20px;
display: block;
} @media (min-width: 1400px) {
.container-fluid {
max-width: 1340px;
}
.header-style3 .container-fluid{
max-width: 100%;
padding: 0 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px){
.header-style3.transparent-header .navbar-nav > .menu-item > a{
padding: 17px 12px;
}
}
@media (min-width: 1199px) {
.contact-details ul li {
padding: 1.5rem 0.5rem;
}
}
@media (min-width: 1024px) and (max-width: 1199px){
.main-home-two .elementor-heading-title{
font-size: 40px!important;
line-height: 50px!important;
}
.featured-category,
.partner-content,
.posts-content,
.tab-exceed-heading .heading-content{
margin: 0 15px;
}
}
@media (max-width: 1199px) {
.bottom-thumb span {
display: block;
}
.bottom-thumb img {
margin-bottom: 10px;
}
.bottom-thumb a {
display: block!important;
}
.posts-content .posts-loop-style1 .small-post .rel-blog-desc{
padding: 15px 25px 15px 0;
}
.posts-content .small-post h4.blog-des-title{
padding-bottom: 5px;
}
.elementor-widget-container .row{
margin: 0;
}
.elementor-widget-container .blog-box.small-post .row{
margin-left: -15px;
margin-right: -15px;
}
table td, table th{
padding: 7px;
}
.header.transparent-header .btn-primary{
max-height: 52px;
}
.transparent-header .navbar-nav > .menu-item > a{
padding-left: 15px;
padding-right: 15px;
}
.header-style2 .header-bottom {
display: none;
}
.transparent-header.header-style3 .navbar-nav > .menu-item > a{
padding: 17px 15px;
}
.ts-button-style-default{
padding: 10px 25px!important;
}
.light-header .navbar-nav > .menu-item > a{
padding: 17px 20px;
}
.light-header .btn-primary{
padding: 17px 30px;
}
.footer .social a{
margin-bottom: 0;
}
.transparent-header.header-style1 .navbar-nav > .menu-item > a {
padding-left: 15px;
padding-right: 15px;
}
.page figure.wp-caption.alignright {
margin-top: 10px;
}
}
@media (min-width: 1025px) and (max-width: 1199px){
.header-style3 .header-bottom{
display: none;
}
}
@media (min-width: 1025px) and (max-width: 1150px){
.transparent-header .navbar-nav > .menu-item > a{
padding-left: 15px;
padding-right: 15px;
}
.header.header-style3 .navbar-brand:after{
right: -20px;
}
.footer-widget-area .wp-block-search .wp-block-search__input,
.footer-widget-area .search-form .search-field {
max-width: 160px;
}
}
@media (max-width: 1024px) {
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking.am-active-confirm .am-confirm-booking, #wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-confirm .am-confirm-booking {
width: 100%;
}
.content {
padding-right: 10px;
}
.responsive-bg-sec .elementor-background-overlay {
background-image: none!important;
}
.masonry-wrap {
margin: 0;
}
.review-3:nth-child(odd) {
margin-right: 0;
margin-left: 0;
}
.blog-item-next-prev .btn-primary {
padding: 10px 15px;
}
.blog-item-next-prev {
margin-left: 0;
margin-right: 0;
}
.mobile-menu .navbar-nav li > a svg {
display: none;
}
.posts-loop-style1 .col-lg-6:first-child .blog-media img {
max-height: inherit;
}
.posts-content .posts-loop-style1 .blog-box {
margin-bottom: 30px;
}
.posts-content .posts-loop-style1 .blog-box.small-post:last-child {
margin-bottom: 0;
}
.comment-form-cookies-consent label {
width: 91%;
}
.comments-list .media {
display: block;
}
.comments-list .pull-left img {
margin-bottom: 20px;
}
.wp-block-search .wp-block-search__input {
max-width: 395px;
}
.related-posts h4.blog-des-title {
font-size: 20px;
line-height: 26px;
}
.related-posts .rel-blog-desc {
padding: 25px;
}
.widget_archive select {
min-width: 160px;
}
.transparent-header.header-style1 .navbar-nav > .menu-item > a {
padding: 30px 25px;
}
h4.blog-des-title {
letter-spacing: 0;
}
.features-area-group-item {
min-height: 350px!important;
}
.notfound p {
padding-left: 20px;
padding-right: 20px;
}
.transparent-header.light-header .btn btn-primary.align-right {
display: none;
}
.posts-style2 {
padding: 0 10px;
}
.ts-button-style-default {
padding: 13px 25px!important;
}
.widget-title {
margin-bottom: 20px;
}
.mobile-bg-sec {
background-size: 0 auto!important;
}
.posts-content .posts-style2 .posts-loop {
margin-bottom: 80px;
}
.transparent-header .navbar-nav > .menu-item > a {
padding: 16px 20px;
}
.counter-content h5 {
line-height: 1.3;
}
}
@media (min-width: 992px) and (max-width: 1024px){
.transparent-header .navbar-nav > .menu-item > a {
padding: 16px 15px;
}
.footer-widget-area .wp-block-search .wp-block-search__input,
.footer-widget-area .search-form .search-field {
max-width: 150px;
}
}
@media (min-width: 1025px) {
.navbar-toggleable-md .navbar-nav{
display: block;
}
.header-style2 .navbar-toggleable-md .navbar-nav{
text-align: right;
}
.header-style2 .navbar-toggleable-md .navbar-collapse{
display: block!important;
}
.navbar-toggleable-md .navbar-nav li {
display: inline-block;
}
.mobile-menu {
display: none;
}
.logged-in.admin-bar .fixed-top {
top: 32px;
}
}
@media (max-width: 1024px){
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
}
@media (min-width: 768px) and (max-width: 992px){
.bottom-footer-list li:after {
padding-left: 5px;
top: 0px;
}
.bottom-footer-list li {
padding-left: 6px;
}
.bottom-footer-list li a {
font-size: 1rem;
}
.abox-4 {
width: 220px;
height: 220px;
}
.posts-loop.posts-loop-style1{
max-width: 800px;
margin: auto;
}
.sidebar .widget_nav_menu ul.sub-menu{
padding-left: 8px;
}
.widget-title{
line-height: 1.2;
}
.sidebar table td,
.sidebar table th{
font-size: 14px;
padding: 3px;
}
.team-name {
margin: -30px 20px 0 20px;
padding: 20px 20px;
}
.media-heading {
padding-right: 100px;
}
.gallery-items-list .post-meta .p-md {
display: block!important;
}
.gallery-items-list .post-meta .p-md .more-link {
margin-left: 0;
display: block;
text-align: left;
}
}
@media (max-width: 1024px) {
.content-des-wrp {
padding: 20px;
}
.featured-badge {
display: none;
}
.newsletter-section .wp-block-tnp-minimal > p,
.newsletter-section .wp-block-tnp-minimal > div {
width: 100%;
font-size: 1.3rem;
text-align: center;
padding-right: 0;
}
.newsletter-section .wp-block-tnp-minimal {
display: block;
padding: 0!important;
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
width: 100%;
margin: 0 10px 0 0;
}
.posts-content .posts-loop-style1 .small-post .rel-blog-desc{
padding: 20px 25px 20px 0;
}
.title-rating-author{
padding: 15px 25px;
}
.title-rating-author h5{
font-size: 22px;
}
.pricing-content a{
padding: 10px 28px;
}
.sticky .post-meta.sticky-posts {
margin-right: 0;
}
.hidden-sec{
display: block;
}
.visible-sec{
display: none!important;
}
.header-main .navbar-toggleable-md .visible-sec{
display: none!important;
}
.normal-header .navbar-toggler-right {
top: -3px;
}
.normal-header .fixed-top {
position: relative !important;
}
.m30 {
margin: 1rem 0;
}
.fixed-top {
padding: 1rem;
position: relative;
}
.mobile-menu {
display: block;
}
.comments-list li .children {
padding-left: 15px;
}
.layout-rs .blog-box {
margin-right: 0;
}
.read-more-wrapper {
right: 25px;
}
.blog-list-widget .justify-content-between {
text-align: center;
}
.footer.footer-style1 .footer-widget-area .blog-list-widget .justify-content-between{
text-align: left;
}
.blog-list-widget .justify-content-between img {
float: none;
margin-bottom: 15px;
margin-right: 0!important;
}
.related-posts .rel-blog-desc {
padding: 25px;
}
.tagline-message h1{
font-size: 48px;
}
.widget-title {
font-size: 19px;
}
.authorbox {
padding: 25px;
}
.authorbox .align-items-center {
align-items: initial!important;
}
.comment-respond {
padding: 0;
}
.contact-box-content {
padding: 15px;
}
.contact-box-content h5 {
font-size: 24px;
}
.wpcf7 textarea.form-control {
height: 200px;
}	
}
@media (max-width: 992px) {
.blog-social {
text-align: left!important;
}
.blog-social h5 span:after {
left: auto;
}
.gallery-items-list .p-md.post-tag {
display: block!important;
}
p.post-tag .date-meta {
margin-left: 0;
display: block;
text-align: left;
}
}
@media (max-width: 767px) {
#wrapper .amelia-app-booking #amelia-booking-wrap #am-step-booking.am-active-confirm .am-confirm-booking, 
#wrapper .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-confirm .am-confirm-booking {
padding-left: 15px;
padding-right: 15px;
}
ul.simple-list {
display: none;
}
.sticky .sticky-content {
padding: 25px 3px;
}
.blog-desc .blog-meta {
display: block!important;
padding-bottom: 10px;
margin-bottom: 20px;
}
.blog-des-top,
.related-blog,
.author-senoff,
.blog-item-comment-form.wide-80,
.blog-item-comment {
padding: 20px;
}
.blog-desc .blog-meta:after {
left: -20px;
right: -20px;
}
.comment-reply-title {
margin-bottom: 15px;
}
.comment-form {
margin-top: 15px;
}
.related-blog .blog-post {
margin-bottom: 30px;
}
.related-blog.wide-60 {
padding-top: 0;
padding-bottom: 40px;
}
.post-share-list {
margin-top: 10px;
text-align: left;
}
.content {
padding-right: 0;
}
.advantages {
text-align: center;
}
.gallery-items-list .p-md.post-tag {
display: block!important;
}
p.post-tag .date-meta {
margin-left: 0;
display: block;
text-align: left;
}
.stretch-content .container {
padding: 0 15px;
}
.newsletter-section .wp-block-tnp-minimal > p,
.newsletter-section .wp-block-tnp-minimal > div {
width: 100%;
font-size: 1.3rem;
padding-right: 0;
}
.newsletter-section .wp-block-tnp-minimal {
display: block;
padding: 0!important;
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
width: 100%;
}
.blog-box .blog-meta a {
margin-bottom: 10px;
}
.sticky-content .sticky-post {
font-size: 14px;
}
.gallery-carousel .owl-prev i,
.gallery-carousel .owl-next i {
font-size: 15px;
width: 40px;
height: 40px;
line-height: 38px;
padding: 3px 10px;
}
.all-items-link {
display: none;
}
.social a{
height: 30px;
width: 30px;
line-height: 30px;
}
.team-main-content {
max-width: 560px;
margin: auto!important;
}
.team-archive-content {
max-width: 500px;
margin: auto;
}
.blog-social h5 span:after {
left: auto;
}
.blog-social:hover h5 span:after {
left: auto;
}
.cbp-l-filters-button {
margin-bottom: 50px;
}
.title-rating-author {
padding: 15px;
}
.title-rating-author h5 {
font-size: 22px;
}
.team-archive-content .col-md-6.col-lg-4:last-child .team-content {
margin-bottom: 0;
}
.team-meta-content {
background: #F6FBFF;
}
.comment-respond .form-group.comment-des {
margin-bottom: 25px;
}
.pagination > li {
line-height: 36px;
}
.related-single-post {
margin-bottom: 15px;
}
.related-posts .col-md-6:last-child .related-single-post {
margin-bottom: 0;
}
table td, table th {
padding: 7px;
}
.team-content {
text-align: center;
}
.breadcrumb-content.text-right {
text-align: right!important;
}
.breadcrumb-content.text-right .breadcrumb {
text-align: left;
}
.read-more-wrapper {
position: relative;
right: auto;
}
.blog-media.formate-quote img {
display: none;
}
.footer.footer-style1 .footer-widget-area ul.menu li {
width: 100%;
}
select {
float: left;
max-width: 250px;
width: 100%;
}
.aut-dat-box {
display: none;
}
.navbar-brand img {
max-width: 150px;
}
.navbar .mobile-nav-toggler .svg-inline--fa {
margin-top: 25px;
}
.variations tr {
width: 100%;
}
.image-wrap-thum {
margin: 30px 0 0 0;
}
.image-wrap-thum .col-md-4 {
padding-left: 5px;
padding-right: 5px;
}
.footer-widget-area .widget-title {
margin-bottom: 30px;
}
.featured-lists-content .featured-main-content {
transform: rotate(0deg);
}
.posts-content .posts-style2 .posts-loop {
margin-bottom: 80px;
}
.posts-content .posts-style2:last-child .posts-loop {
margin-bottom: 30px;
}
.posts-content .blog-meta a {
margin-right: 10px;
}
.authorbox {
padding: 25px;
}
.comments-list img {
margin-bottom: 20px;
}
.comment-respond .form-control {
padding: 15px 30px 15px 15px;
}
.comment-respond .form-group.comment-des::before {
top: 13px;
}
.footer.section {
padding-top: 105px;
}
.footer-bottom-part {
padding-bottom: 55px;
}
.heading-content.left .bg-title {
left: 0;
}
.section {
padding: 60px 0;
}
.footer-menu{
margin-top: 15px;
}
.layout-rs .blog-box {
margin-right: 0;
}
.layout-ls .blog-box {
margin-left: 0;
}
h4.blog-des-title {
font-size: 24px;
line-height: 30px;
}
.text-left-previous,
.text-right-next {
margin-bottom: 15px;
}
.related-posts .rel-blog-desc {
padding: 25px;
}
.authorbox img {
margin-bottom: 15px;
}
.comment-respond {
padding: 0;
}
.submit-button-btn .btn-primary {
padding: 18px 28px;
}
.submit-button-btn .btn-primary {
padding-left: 50px;
}
.footer-menu li:first-child a {
padding-left: 0;
}
.text-right {
text-align: left!important;
}
.absolute-pager.text-right {
text-align: right!important;
}
.menu-img-zoom.text-right {
text-align: right!important;
}
.footer .social {
margin-top: 15px;
}
.posts-content .rel-blog-desc {
padding: 0 15px 15px 15px;
}
.cat-readmore-con.absolute-position {
left: 15px;
}
.footer-widget-area ul li a{
padding-bottom: 0;
}
.bottom-footer-list li a {
font-size: 1rem;
}
.footer-top-part {
padding: 50px 30px;
margin-bottom: 50px;
}
.sidebar {
margin-top: 50px;	
}
.formate-quote .wp-block-quote {
padding: 120px 45px 45px 45px;
}
.blog-media.formate-quote i {
top: 45px;
}
}
@media (max-width: 600px) {
.posts-content .blog-box.small-post .blog-meta {
margin-bottom: 15px;
}
.posts-content .blog-box.small-post h4.blog-des-title {
font-size: 20px;
line-height: 22px;
padding: 0;
}
.posts-content .blog-box.small-post .blog-read-more{
font-size: 16px;
}
.posts-content .posts-loop-style1 .small-post .rel-blog-desc{
padding: 15px 15px 15px 0;
}
#wrapper .tnp-widget-minimal input.tnp-email {
padding:0 0 0 20px;
}
.contact-details ul li {
width: 100% !important;
float: none !important;
display: block;
border: 0 !important;
}
.tagline-message h3 {
font-size: 16px;
}
.image-box .details {
padding: 1rem 1.5rem;
}
.blog-box .meta-bottom {
float: left;
width: 100%;
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
width: calc(100% - 15px);
}	
}
@media (max-width: 540px) {
.gallery-carousel .owl-nav {
top: 40%;
margin-top: 0;
}
.posts-content .blog-box.small-post .blog-meta {
display: none;
}
}
@media (max-width: 480px) {
.video-popup {
width: 50px;
height: 50px;
line-height: 50px;
}
.header-bottom{
display: none;
}
.comment-respond .form-submit:before{
right: 35px;
}
.form-submit .btn-primary {
padding: 22px 65px 22px 35px;
}
.blog-meta a {
margin-right: 12px;
}
.breadcrumb {
padding: 0 10px;
}
.comments-list .comment .media .pull-left {
min-width: 170px;
}
.posts-content .blog-box.small-post .blog-read-more{
display: none;
}
}
@media (max-width: 360px) {
table td,
table th{
padding: 5px;
}
.pagination > li > a,
.pagination > li > span{
margin-right: 5px;
}
}
@media (max-width: 330px) {
.posts-content .blog-box.small-post h4.blog-des-title{
margin-bottom: 0;
font-size: 15px;
}
.posts-content .posts-loop-style1 .small-post .rel-blog-desc{
padding-right: 10px;
}
.wp-block-embed-twitter .twitter-tweet.twitter-tweet-rendered{
width: 105%!important;
}
.twitter-tweet.twitter-tweet-rendered{
width: 105%!important;
}
.wp-block-embed.wp-block-embed-twitter iframe{
max-width: 95%!important;
min-width: 200px!important;
}
.twitter-tweet.twitter-tweet-rendered iframe{
max-width: 95%!important;
}
}@media (min-width: 1200px) and (max-width: 1399px) {
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
width: 62%;
}
}
@media (min-width: 992px) and (max-width: 1199.95px) {
.sbox-13-txt { 
padding: 50px 35% 50px 30px; 
}
.caption-txt .title h2 { 
font-size: 5rem; 
line-height: 1.15; 
margin-bottom: 15px; 
}
.newsletter-section .wp-block-tnp-minimal > p,
.newsletter-section .wp-block-tnp-minimal > div {
font-size: 2rem;
padding-right: 0;
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
width: 60%;
}
.newsletter-section .tnp-subscription-minimal form {
margin-top: 10px;
}
.pb-200 { 
padding-bottom: 180px; 
}
.pb-190 { 
padding-bottom: 170px; 
}
.pb-180 { 
padding-bottom: 160px; 
}
.pb-170 { 
padding-bottom: 150px; 
}
.pb-160 { 
padding-bottom: 140px; 
}
.pb-150 { 
padding-bottom: 130px; 
}
.tra-header { 
font-size: 4.75rem; 
margin-bottom: -35px; 
}   h6.h6-xs { 
font-size: 1rem; 
}  
h6.h6-sm { 
font-size: 1.05rem; 
} 
h6.h6-md { 
font-size: 1.075rem; 
}   
h6.h6-lg { 
font-size: 1.1rem; 
}
h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 { 
font-size: 1.125rem; 
} h5.h5-xs { 
font-size: 1.15rem; 
} 
h5.h5-sm { 
font-size: 1.2rem; 
}
h5.h5-md { 
font-size: 1.25rem; 
}
h5.h5-lg { 
font-size: 1.35rem; 
}
h5.h5-xl { 
font-size: 1.45rem; 
} h4.h4-xs { 
font-size: 1.6rem; 
}
h4.h4-sm { 
font-size: 1.7rem; 
}
h4.h4-md { 
font-size: 1.8rem; 
}
h4.h4-lg { 
font-size: 1.9rem; 
}
h4.h4-xl { 
font-size: 2rem; 
}   
h3.h3-xs { 
font-size: 2.1rem; 
}
h3.h3-sm { 
font-size: 2.2rem; 
}
h3.h3-md { 
font-size: 2.3rem; 
}
h3.h3-lg { 
font-size: 2.4rem; 
} 
h3.h3-xl { 
font-size: 2.67rem; 
} h2.h2-xs { 
font-size: 2.6rem; 
}
h2.h2-sm { 
font-size: 2.7rem; 
}
h2.h2-md { 
font-size: 2.8rem; 
}
h2.h2-lg { 
font-size: 2.9rem; 
}
h2.h2-xl { 
font-size: 3.125rem; 
}   
h2.h2-title-xs { 
font-size: 3.4rem; 
}
h2.h2-title-sm { 
font-size: 3.65rem; 
}
h2.h2-title-md { 
font-size: 3.9rem; 
}
h2.h2-title-lg { 
font-size: 4.16rem; 
}
h2.h2-title-xl { 
font-size: 4.42rem; 
} p.p-md { 
font-size: 1.05rem; 
}
p.p-lg { 
font-size: 1.075rem; 
}
p.p-xl { 
font-size: 1.1rem; 
}
p.p-title-xs { 
font-size: 1.125rem; 
} 
p.p-title-sm { 
font-size: 1.15rem; 
}
p.p-title-md { 
font-size: 1.2rem; 
}
p.p-title-lg { 
font-size: 1.25rem; 
}
p.p-title-xl { 
font-size: 1.3rem; 
} .watch-video-link { 
width: 50px; 
height: 50px; 
margin-right: 12px; 
}
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 2px; 
} .video-btn-xl { 
width: 110px; 
height: 110px; 
margin-top: -55px; 
margin-left: -55px; 
} .store img, .footer .store img { 
max-height: 45px; 
}
.store.header-store img { 
max-height: 42px; 
}
span.os-version { 
font-size: 1rem; 
} .ico-rounded-xs { 
width: 74px; 
height: 74px; 
}
.ico-rounded-sm { 
width: 79px; 
height: 79px; 
}
.ico-rounded-md { 
width: 84px; 
height: 84px; 
}
.ico-rounded-lg { 
width: 89px; 
height: 89px; 
}
.ico-rounded-xl { 
width: 94px; 
height: 94px; 
} .ico-125 img { 
width: 105px; 
height: 105px; 
}
.ico-120 img { 
width: 100px; 
height: 100px; 
}
.ico-115 img { 
width: 96px; 
height: 96px; 
}
.ico-110 img { 
width: 92px; 
height: 92px; 
}
.ico-105 img { 
width: 88px; 
height: 88px; 
}
.ico-100 img { 
width: 84px; 
height: 84px; 
}
.ico-95 img { 
width: 80px; 
height: 80px; 
}
.ico-90 img { 
width: 76px; 
height: 76px; 
}
.ico-85 img { 
width: 72px; 
height: 72px; 
}
.ico-80 img { 
width: 67px; 
height: 67px; 
}
.ico-75 img { 
width: 62px; 
height: 62px; 
}
.ico-70 img { 
width: 58px; 
height: 58px; 
}
.ico-60 img { 
width: 50px; 
height: 50px; 
}
.ico-55 img { 
width: 46px; 
height: 46px; 
}
.ico-50 img { 
width: 42px; 
height: 42px; 
}
.ico-45 img { 
width: 38px; 
height: 38px; 
}
.ico-40 img { 
width: 34px; 
height: 34px; 
}
.ico-35 img { 
width: 30px; 
height: 30px; 
}
.ico-30 img { 
width: 25px; 
height: 25px; 
}
.ico-25 img { 
width: 21px; 
height: 21px; 
}
.ico-20 img { 
width: 18px; 
height: 18px; 
} .section-id { 
font-size: 1.075rem; 
margin-bottom: 30px; 
} .title-04 { 
padding-right: 3%; 
}
.title-01 p { 
padding: 0 10%; 
margin-top: 15px; 
}
.rtl-direction .title-01 p { 
padding: 0 5%; 
margin-top: 15px; 
}
.section-title.mb-40 { 
margin-bottom: 40px; 
}
.section-title.mb-50 { 
margin-bottom: 45px; 
}
.section-title.mb-55 { 
margin-bottom: 50px; 
}
.section-title.mb-60 { 
margin-bottom: 55px; 
}
.section-title.mb-65 { 
margin-bottom: 55px; 
}
.section-title.mb-70 { 
margin-bottom: 60px; 
}
.section-title.mb-75 { 
margin-bottom: 65px; 
}
.section-title.mb-80 { 
margin-bottom: 70px; 
}
.section-title.mb-85 { 
margin-bottom: 75px; 
} .tabs-section .txt-block.left-column, 
.content-section .txt-block.left-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.tabs-section .txt-block.right-column,
.content-section .txt-block.right-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.content-5.content-section .txt-block.left-column {
padding-left: 0;
}
.content-5.content-section .txt-block.right-column { 
padding-right: 0; 
} .txt-block h3, 
.txt-block h2, 
.content-14-txt h4, 
.content-14-txt h3 { 
margin-bottom: 22px; 
}
h5.sm-title { 
margin-top: 16px;
margin-bottom: 16px; 
}
.txt-block .btn, 
.txt-block .stores-badge { 
margin-top: 15px; 
}
.content-5.content-section .txt-block.left-column,
.content-5.content-section .content-section .img-block.left-column { 
padding-right: 0; 
}
.content-5.content-section .txt-block.right-column,
.content-5.content-section .content-section .img-block.right-column { 
padding-right: 0; 
} .stars-rating span { 
position: relative; 
top: 2px; 
} 
.stars-rating, 
.stars-rating p { 
font-size: 1rem; 
}  .desktoplogo img { 
max-height: 34px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { 
width: 90%!important; 
left: 8%; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
width: 42%; 
}
.wsmenu > .wsmenu-list > li > a { 
margin: 0 3px; 
padding: 10px 15px;
}
.wsmenu > .wsmenu-list > li a.btn { 
line-height: 1; 
margin-top: 14px; 
padding: 15px 23px; 
}
.wsmenu > .wsmenu-list > li a.header-store { 
margin: 10px 0 0 12px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
font-size: 14px; 
}
.wsmegamenu .post-summary a {  
font-size: 15px; 
}   .fbox-2-wrapper .col, 
.fbox-5-wrapper .col, 
.fbox-8-wrapper .col { 
padding: 0 8px; 
}
.fbox-7-wrapper { 
padding-right: 20px; 
}
.fbox-3, 
.fbox-4 { 
padding: 0; 
}
.fbox-5 { 
padding: 50px 25px; 
}
.fbox-6 { 
padding: 40px 35px; 
}
.fbox-7 { 
padding: 35px 25px; 
} 
.fbox-txt { 
padding-left: 8px; 
}
.fbox-4-wide .fbox-txt { 
width: 84%; 
}
.fbox-4-wide .fbox-txt { 
padding-left: 0; 
}
.fbox-4-wide .fbox-ico { 
width: 16%; 
}
.fbox-img { 
margin-left: 10%; 
margin-right: 10%; 
padding: 40px 12% 45px; 
} #content-4 { 
padding-top: 60px; 
}
#content-5.mb-40 { 
margin-bottom: 30px; 
}
.content-5-wrapper { 
padding: 90px 55px 50px; 
}
.content-8 .section-title.mb-75 { 
margin-bottom: 50px; 
}
.cbox { 
margin-right: -14px; 
}
.cbox.mb-40 { 
margin-bottom: 30px; 
}
.cbox-2 { width: 340px; min-width: 340px; padding: 20px 20px; }
.cbox-2.mt-20.mb-30 { margin-top: 10px; }
.cbox-txt { padding-left: 24px; }
.cbox-ico { margin-top: 4px; }
.cbox-4.left-column, .cbox-4.right-column { bottom: -5px; right: 25px; width: 53%; padding: 25px 20px; }
.cbox-4.right-column { left: 25px; right: 0; bottom: -20px; }
.cbox-5 { top: -40px; left: -10px; width: 58%; padding: 25px 20px; }
.cbox-6 { bottom: -10px; right: 15px; width: 58%; padding: 25px 20px; }
.cbox-4 h5, .cbox-5 h5, .cbox-6 h5 { font-size: 1.1rem; padding-right: 5%; }
.cbox-4 p, .cbox-5 p, .cbox-6 p { font-size: 0.95rem; }
.cbox-4 .divider, .cbox-5 .divider, .cbox-6 .divider { margin-top: 15px; margin-bottom: 15px; }
.cbox-4 .btn, .cbox-5 .btn, .cbox-6 .btn { font-size: 0.95rem; padding: 11px 30px; margin-bottom: 8px; }
.cb-holder { padding: 40px 30px; }
.cb-single-box h2.statistic-number { font-size: 3.15rem; }
.statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; }
.cb-shape-1 { right: 15px; top: -20px; }
.cb-shape-2 { left: 10px; bottom: -30px; }
.cb-shape-1 img, .cb-shape-2 img { padding: 0 12%; }
.content-10-btn { margin-top: 50px; }
.content-4-img { margin-top: -60px; }
.content-7-img { margin-right: -110%; }
.content-7-img img { max-width: 100%; }
.content-8-img { margin-bottom: -150px; } .more-projects { margin-top: 60px; } .tabs-1 {  margin: 0 auto 50px; }
.tabs-1 li { font-size: 1rem; padding: 9px 30px; }
#tabs-2 .tabs-1 li { padding: 30px 25px; }
.tabs-1 li span { font-size: 1rem; } #statistic-2 { 
padding-top: 90px; 
padding-bottom: 90px; 
}
.statistic-1-wrapper .statistic-block { 
padding: 10px 20px; 
}
.statistic-block-txt { 
width: 68%; 
padding-left: 15px; 
}
.statistic-block-digit { 
width: 32%; 
float: left; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 50px; 
}
.rtl-direction .statistic-block-txt { 
padding-left: 0; 
padding-right: 15px; 
} .reviews-2-wrapper .col { 
padding: 0 8px; 
}
.review-1 { 
padding: 30px 20px; 
margin: 0 6px 20px; 
}  
.review-2 { 
padding: 30px 20px; 
}
.review-3 { 
padding: 40px 20px; 
}
.review-4 {  
padding: 40px 35px; 
margin: 0 10px 40px; 
}
.right-column #rw-3-2 { 
margin-left: -20px; 
}
.review-3-avatar { 
width: 17%; 
text-align: left; 
}
.review-3-txt { 
width: 83%; 
}
.review-author { 
padding: 0 0 0 10px; 
} 
.review-3-txt { 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
}
.rtl-direction .review-3-txt { 
padding-left: 0; 
padding-right: 0; 
} .pricing-1-row,
.pricing-2-row,
.pricing-3-row { 
padding: 0; 
}
.pricing-2-table { 
padding: 30px 25px 35px; 
}
.pricing-3-table { 
padding: 45px 25px; 
}
.pricing-plan-title h6 { 
padding: 5px 12px; 
right: -3px; 
top: -5px; 
}
.highlight-badge h6,
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.pricing-plan span { 
font-size: 2.8rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 4.16rem; 
}
.pricing-plan sup { 
font-size: 1.9rem; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.4rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.4rem; 
top: -20px; 
}
.pricing-plan sup.validity span { 
font-size: 2.3rem; 
}
.pricing-plan sup.validity { 
font-size: 1.1rem; 
}
.pricing-2-table .pricing-plan p,
.pricing-3-table .pricing-plan p { 
margin-top: 10px; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.pricing-notice p { 
padding: 0 5%; 
}
.payment-methods.pc-30 { 
padding: 0; 
}
.payment-icons li { 
padding-right: 8px; 
}
.payment-methods p { font-size: 0.95rem; }
.pricing-compare { margin-top: 40px; }
.pricing-compare .table-responsive { margin-top: 40px; margin-bottom: 25px; } .brands-2-wrapper { padding: 0 4%; }
.brands-section p { padding: 0; } .faqs-1-questions { padding: 0 5%; }
.questions-holder.pr-15 { padding-right: 0; }
.questions-holder.pl-15 { padding-left: 0; } .cta-1-wrapper { padding: 40px 50px; }
#cta-4 { margin-bottom: 90px; }
.cta-3-wrapper { padding: 40px 60px; margin-top: -100px; }
.cta-4-wrapper { padding: 40px 50px; margin-bottom: -100px; }
.cta-5-wrapper { padding: 50px 30px; }
.cta-7-wrapper { padding: 50px 60px; margin: 0 3%; }
.cta-8-wrapper { padding: 0; }
.cta-8-wrapper .col { padding: 0 8px; }
.cta-11-wrapper { padding: 50px 45px; }
.cta-10-txt { padding-right: 5%; }
.rtl-direction .cta-10-txt { margin-right: 5%; }
.rtl-direction .cta-11-txt { padding-right: 0; }
.cta-2-btn, .cta-3-btn, .cta-4-btn { margin-top: 20px; }
.os-btn { width: 310px; min-width: 310px; padding: 25px 20px; }
.cta-10-img { margin-left: -50px; } span.version-data { font-size: 1.9rem; }
span.release-date { font-size: 1.1rem; } #newsletter-2 .newsletter-txt.pc-20, #newsletter-2 .newsletter-form { padding: 0 15px; }
.newsletter-wrapper { padding: 30px 40px; }
#newsletter-1 .newsletter-form { margin-top: 40px; }
.newsletter-section .form-control { height: 50px; font-size: 1.125rem; }
.newsletter-section .btn { height: 50px; padding: 13px 30px; } #blog-1 .col { 
padding-left: 8px; 
padding-right: 8px; 
} .posts-wrapper { 
padding: 0; 
}
.featured-post { 
margin: 0 0 50px 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 0 55px 0 40px; 
} .single-post-title,
.single-post-txt,
.comments-wrapper { 
padding: 0; 
}
.single-post p.post-tag { 
margin-bottom: 30px;
} 
.single-post .post-data { 
margin-top: 30px; 
margin-bottom: 30px; 
}
.single-post .post-author-avatar img { 
width: 54px; 
height: 54px; 
}
.post-inner-img { 
margin-top: 50px; 
margin-bottom: 45px; 
}
.author-senoff img { 
width: 80px; 
height: 80px; 
}
.author-senoff-txt p { 
padding-right: 0; 
}
.tabs-1 li { 
font-size: 1rem; 
padding: 9px 30px; 
}
#tabs-2 .tabs-1 li { 
padding: 30px 25px; 
}
.tabs-1 li span { 
font-size: 1rem; 
} #statistic-2 { 
padding-top: 90px; 
padding-bottom: 90px; 
}
.statistic-1-wrapper .statistic-block { 
padding: 10px 20px; 
}
.statistic-block-txt { 
width: 68%; 
padding-left: 15px; 
}
.statistic-block-digit { 
width: 32%; float: left; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 50px; 
}
.rtl-direction .statistic-block-txt { 
padding-left: 0; 
padding-right: 15px; 
} .reviews-2-wrapper .col { 
padding: 0 8px; 
}
.review-1 { 
padding: 30px 20px; 
margin: 0 6px 20px; 
}
.review-2 { 
padding: 30px 20px; 
}
.review-3 { 
padding: 40px 20px; 
}
.review-4 { 
padding: 40px 35px; 
margin: 0 10px 40px; 
}
.right-column #rw-3-2 { 
margin-left: -20px; 
}
.left-column #rw-3-2 { 
margin-right: -20px; 
}
.review-3-avatar { 
width: 17%; 
text-align: left; 
}
.review-3-txt { 
width: 83%; 
}
.review-author { 
padding: 0 0 0 10px; 
} 
.review-3-txt { 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
}
.rtl-direction .review-3-txt { 
padding-left: 0; 
padding-right: 0; 
} .pricing-1-row, 
.pricing-2-row, 
.pricing-3-row { 
padding: 0; 
}
.pricing-2-table { 
padding: 30px 25px 35px; 
}
.pricing-3-table { 
padding: 45px 25px; 
}
.pricing-plan-title h6 { 
padding: 5px 12px; 
right: -3px; top: -5px; 
}
.highlight-badge h6, 
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.pricing-plan span { 
font-size: 2.8rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 4.16rem; 
}
.pricing-plan sup { 
font-size: 1.9rem; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.4rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.4rem; 
top: -20px; 
}
.pricing-plan sup.validity span { 
font-size: 2.3rem; 
}
.pricing-plan sup.validity { 
font-size: 1.1rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
margin-top: 10px; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.pricing-notice p { 
padding: 0 5%; 
}
.payment-methods.pc-30 { 
padding: 0; 
}
.payment-icons li { 
padding-right: 8px; 
}
.payment-methods p { 
font-size: 0.95rem; 
}
.pricing-compare { 
margin-top: 40px; 
}
.pricing-compare .table-responsive { 
margin-top: 40px; 
margin-bottom: 25px; 
} .brands-2-wrapper { 
padding: 0 4%; 
}
.brands-section p { 
padding: 0; 
} .faqs-1-questions { 
padding: 0 5%; 
}
.questions-holder.pr-15 { 
padding-right: 0; 
}
.questions-holder.pl-15 { 
padding-left: 0; 
} .cta-1-wrapper { 
padding: 40px 50px; 
}
#cta-4 { 
margin-bottom: 90px; 
}
.cta-3-wrapper { 
padding: 40px 60px; 
margin-top: -100px; 
}
.cta-4-wrapper { 
padding: 40px 50px; 
margin-bottom: -100px; 
}
.cta-5-wrapper { 
padding: 50px 30px; 
}
.cta-7-wrapper { 
padding: 50px 60px; 
margin: 0 3%; 
}
.cta-8-wrapper { 
padding: 0; 
}
.cta-8-wrapper .col { 
padding: 0 8px; 
}
.cta-11-wrapper { 
padding: 50px 45px; 
}
.cta-10-txt { 
padding-right: 5%; 
}
.rtl-direction .cta-10-txt { 
margin-right: 5%; 
}
.rtl-direction .cta-11-txt { 
padding-right: 0; 
}
.cta-2-btn, 
.cta-3-btn, 
.cta-4-btn { 
margin-top: 20px; 
}
.os-btn { 
width: 310px; 
min-width: 310px; 
padding: 25px 20px; 
}
.cta-10-img { 
margin-left: -50px; 
} span.version-data { 
font-size: 1.9rem; 
}
span.release-date { 
font-size: 1.1rem; 
} #newsletter-2 .newsletter-txt.pc-20, 
#newsletter-2 .newsletter-form { 
padding: 0 15px; 
}
.newsletter-wrapper { 
padding: 30px 40px; 
}
#newsletter-1 .newsletter-form { 
margin-top: 40px; 
}
.newsletter-section .form-control { 
height: 50px; 
font-size: 1.125rem; 
}
.newsletter-section .btn { 
height: 50px; 
padding: 13px 30px; 
} #blog-1 .col { 
padding-left: 8px; 
padding-right: 8px; 
} .posts-wrapper { 
padding: 0; 
}
.featured-post { 
margin: 0 0 50px 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 0 55px 0 40px; 
} .single-post-title, 
.single-post-txt, 
.comments-wrapper {
padding: 0; 
}
#single-post p.post-tag { 
margin-bottom: 30px;
}
#single-post .post-data { 
margin-top: 30px; 
margin-bottom: 30px; 
}
#single-post .post-author-avatar img { 
width: 54px; 
height: 54px; 
}
.post-inner-img { 
margin-top: 50px; 
margin-bottom: 45px; 
}
.author-senoff img { 
width: 80px; 
height: 80px; 
}
.author-senoff-txt p { 
padding-right: 0; 
}
.comment-form .form-control { 
height: 52px; 
font-size: 1.0625rem; 
} #contacts-1 .title-02.pc-20 { 
padding: 0; 
}
.wpcf7 .title-01 h3 { 
padding: 0 5%; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 56px; 
}
.wpcf7 .contact-form span { 
font-size: 16px; 
} .footer-info p { 
padding-right: 0; 
}
.rtl-direction #footer-1 .footer-info p { 
padding-left: 0; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
.rtl-direction #footer-1 .footer-links { 
padding-left: 0; 
}
.rtl-direction #footer-3 .footer-links { 
padding-left: 0; 
}
.rtl-direction .footer-links { 
padding-right: 0; 
}
.footer-form { 
padding-left: 0; 
} .inner-page-hero { 
padding-top: 170px; 
}
}   @media (min-width: 768px) and (max-width: 991.95px) {  .sbox-13-txt { 
padding: 40px 25% 40px 30px; 
}
.caption-txt .title h2 { 
font-size: 3.35rem; 
line-height: 1.15; 
margin-bottom: 15px;  
}
.tra-header { 
font-size: 4.35rem; 
margin-bottom: -35px; 
}
.section-title p { 
padding: 0 10%; 
}
.tra-menu .wsmenu > .wsmenu-list > li > a, 
.dark-menu .wsmenu > .wsmenu-list > li > a,
.tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a { 
color: #fff; 
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
margin: 0;
}
.mt-100 { 
margin-top: 80px; 
}
.mb-100 { 
margin-bottom: 80px; 
}
.wide-100 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
.wide-90 { 
padding-top: 80px; 
padding-bottom: 70px; 
}
.wide-80 { 
padding-top: 80px; 
padding-bottom: 60px; 
}
.wide-70 { 
padding-top: 80px; 
padding-bottom: 50px; 
}
.wide-60 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.wide-50 { 
padding-top: 80px; 
padding-bottom: 30px; 
}
.wide-40 { 
padding-top: 80px; 
padding-bottom: 20px; 
}
.wide-30 { 
padding-top: 80px; 
padding-bottom: 10px; 
}
.wide-20 { 
padding-top: 80px; 
padding-bottom: 0; 
}
.mt-inverse-40, .mt-inverse-50 { 
margin-top: 0; 
}
.pt-100 { 
padding-top: 80px; 
}
.pt-90 { 
padding-top: 70px; 
}
.pt-80 { 
padding-top: 60px; 
} 
.pt-70 { 
padding-top: 50px; 
}
.pt-60 { 
padding-top: 40px; 
}
.pt-50 { 
padding-top: 30px; 
}
.pt-40 { 
padding-top: 20px; 
}
.pt-30 { 
padding-top: 10px; 
}
.pb-200 { 
padding-bottom: 180px; 
}
.pb-190 { 
padding-bottom: 170px; 
}
.pb-180 { 
padding-bottom: 160px; 
}
.pb-170 { 
padding-bottom: 150px; 
}
.pb-160 { 
padding-bottom: 140px; 
}
.pb-150 { 
padding-bottom: 130px; 
}
.pb-100 { 
padding-bottom: 80px; 
}
.pb-90 { 
padding-bottom: 70px; 
}
.pb-80 { 
padding-bottom: 60px; 
}
.pb-70 { 
padding-bottom: 50px; 
}
.pb-60 { 
padding-bottom: 40px; 
}
.pb-50 { 
padding-bottom: 30px; 
} 
.pb-40 { 
padding-bottom: 20px; 
}
.pb-30 { 
padding-bottom: 10px; 
} 
.pl-5, 
.pl-10, 
.pl-15, 
.pl-20, 
.pl-25, 
.pl-30, 
.pl-35, 
.pl-40, 
.pl-45, 
.pl-50, 
.pl-55, 
.pl-60 { 
padding-left: 0; 
}
.pr-5, 
.pr-10, 
.pr-15, 
.pr-20, 
.pr-25, 
.pr-30, 
.pr-35, 
.pr-40, 
.pr-45, 
.pr-50, 
.pr-55, 
.pr-60 { 
padding-right: 0; 
}
.pc-10, 
.pc-15, 
.pc-20, 
.pc-25, 
.pc-30, 
.pc-35, 
.pc-40, 
.pc-45, 
.pc-50, 
.pc-55, 
.pc-60 { 
padding-left: 0; 
padding-right: 0; 
}
.bg-scroll, 
.bg-01, 
.bg-02, 
.bg-03, 
.bg-04, 
.bg-05, 
.bg-06, 
.bg-07, 
.bg-08 { 
background-attachment: scroll!important; 
} h6.h6-xs { 
font-size: 1rem; 
}
h6.h6-sm { 
font-size: 1.05rem; 
}
h6.h6-md { 
font-size: 1.07rem; 
}
h6.h6-lg { 
font-size: 1.1rem; 
}
h6.h6-xl { 
font-size: 1.125rem; 
}
.footer-widget-area h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 {
font-size: 1.25rem;
} h5.h5-xs { 
font-size: 1.15rem; 
}
h5.h5-sm { 
font-size: 1.175rem; 
}
h5.h5-md { 
font-size: 1.2rem; 
}
h5.h5-lg { 
font-size: 1.25rem; 
}
h5.h5-xl { 
font-size: 1.3rem; 
}  
.rtl-direction h5.h5-xs { 
font-size: 1.4rem; 
}
.rtl-direction h5.h5-sm { 
font-size: 1.4rem; 
}
.rtl-direction h5.h5-md { 
font-size: 1.4rem; 
}
.rtl-direction h5.h5-lg { 
font-size: 1.4rem; 
}
.rtl-direction h5.h5-xl { 
font-size: 1.4rem; 
} h4.h4-xs { 
font-size: 1.4rem; 
}
h4.h4-sm { 
font-size: 1.5rem; 
}
h4.h4-md { 
font-size: 1.6rem; 
}
h4.h4-lg { 
font-size: 1.7rem; 
}
h4.h4-xl { 
font-size: 1.8rem; 
} 
h3.h3-xs { 
font-size: 1.9rem; 
}
h3.h3-sm { 
font-size: 2rem; 
}
h3.h3-md { 
font-size: 2.1rem; 
}
h3.h3-lg { 
font-size: 2.2rem; 
}
h3.h3-xl { 
font-size: 2.3rem; 
} h2.h2-xs { 
font-size: 2.35rem; 
}
h2.h2-sm { 
font-size: 2.45rem; 
}
h2.h2-md { 
font-size: 2.55rem; 
}
h2.h2-lg { 
font-size: 2.65rem; 
}
h2.h2-xl { 
font-size: 2.85rem; 
} 
h2.h2-title-xs { 
font-size: 3.05rem; 
}
h2.h2-title-sm { 
font-size: 3.3rem; 
}
h2.h2-title-md { 
font-size: 3.5rem; 
}
h2.h2-title-lg { 
font-size: 3.75rem; 
}
h2.h2-title-xl { 
font-size: 4rem; 
} p.p-md { 
font-size: 1rem; 
}
p.p-lg { 
font-size: 1.05rem; 
}
p.p-xl { 
font-size: 1.05rem; 
}
p.p-title-xs { 
font-size: 1.1rem; 
}
p.p-title-sm { 
font-size: 1.125rem; 
}
p.p-title-md { 
font-size: 1.15rem; 
} 
p.p-title-lg { 
font-size: 1.175rem; 
}
p.p-title-xl { 
font-size: 1.2rem; 
} 
.rtl-direction p.p-md { 
font-size: 1.125rem; 
}
.rtl-direction p.p-lg { 
font-size: 1.125rem; 
}
.rtl-direction p.p-xl { 
font-size: 1.15rem; 
} .btn { 
font-size: 1rem; 
padding: 12px 30px; 
} .posts-wrapper { 
padding: 0; 
}
.featured-post { 
margin: 0 0 50px 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 0 55px 0 40px; 
}
.btn-transparent { 
padding: 12px 6px; 
}
.single-post p.post-tag { 
margin-bottom: 30px;
}
.single-post .post-data { 
margin-top: 30px; 
margin-bottom: 30px; 
}
.single-post .post-author-avatar img { 
width: 54px; 
height: 54px; 
}
.btn.ico-20.ico-left span { 
top: 3px;
right: 5px; 
}
.video-txt-lg { 
margin-bottom: 5px; 
} .store img { 
max-height: 45px; 
}
.mt-100 { margin-top: 80px; }
.mb-100 { margin-bottom: 80px; }
.wide-100 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
.wide-90 { 
padding-top: 80px; 
padding-bottom: 70px; 
}
.wide-80 { 
padding-top: 80px; 
padding-bottom: 60px; 
}
.wide-70 { 
padding-top: 80px; 
padding-bottom: 50px; 
}
.wide-60 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.wide-50 { 
padding-top: 80px; 
padding-bottom: 30px; 
}
.wide-40 { 
padding-top: 80px; 
padding-bottom: 20px; 
}
.wide-30 { 
padding-top: 80px; 
padding-bottom: 10px; 
}
.wide-20 { 
padding-top: 80px; 
padding-bottom: 0; 
}
.mt-inverse-40, .mt-inverse-50 { 
margin-top: 0; 
}
.btn.ico-20.ico-left span { 
top: 3px;
right: 5px; 
} .watch-video-link { 
width: 50px; 
height: 50px; 
margin-right: 12px; 
}
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 2px; 
} .store img { 
max-height: 45px; 
}
.footer .store img { 
max-height: 45px; 
}
.store.header-store img { 
max-height: 48px; 
}
span.os-version { 
font-size: 0.95rem; 
} .ico-rounded-xs { width: 70px; height: 70px; }
.ico-rounded-sm { width: 75px; height: 75px; }
.ico-rounded-md { width: 80px; height: 80px; }
.ico-rounded-lg { width: 85px; height: 85px; }
.ico-rounded-xl { width: 90px; height: 90px; } .ico-125 img { 
width: 94px; 
height: 94px; 
}
.ico-120 img { 
width: 90px; 
height: 90px; 
}
.ico-115 img { 
width: 86px; 
height: 86px; 
}
.ico-110 img { 
width: 82px; 
height: 82px; 
}
.ico-105 img { 
width: 80px; 
height: 80px; 
}
.ico-100 img { 
width: 75px; 
height: 75px; 
}
.ico-95 img { 
width: 71px; 
height: 71px; 
}
.ico-90 img { 
width: 68px; 
height: 68px; 
}
.ico-85 img { 
width: 64px; 
height: 64px; 
}
.ico-80 img { 
width: 60px; 
height: 60px; 
}
.ico-75 img { 
width: 56px; 
height: 56px; 
}
.ico-70 img { 
width: 53px; 
height: 53px; 
}
.ico-60 img { 
width: 45px; 
height: 45px; 
}
.ico-55 img { 
width: 42px; 
height: 42px; 
}
.ico-50 img { 
width: 38px; 
height: 38px; 
}
.ico-45 img { 
width: 34px; 
height: 34px; 
}
.ico-40 img { 
width: 30px; 
height: 30px; 
}
.ico-35 img { 
width: 26px; 
height: 26px; 
}
.ico-30 img { 
width: 23px; 
height: 23px; 
}
.ico-25 img { 
width: 20px; 
height: 20px; 
}
.ico-20 img { 
width: 16px; 
height: 16px; 
} .section-id { 
font-size: 1.05rem; 
margin-bottom: 25px; 
}
.section-id.txt-upcase { 
font-size: 0.85rem; 
} .title-04 { 
padding-right: 3%; 
}
.title-01 p { 
padding: 0 6%; 
margin-top: 15px; 
}
.title-02 p { 
padding: 0; 
margin-top: 15px; 
}
.section-title.mb-40 { 
margin-bottom: 40px; 
}
.section-title.mb-50 { 
margin-bottom: 45px; 
}
.section-title.mb-55 { 
margin-bottom: 50px; 
}
.section-title.mb-60 { 
margin-bottom: 55px; 
}
.section-title.mb-65 { 
margin-bottom: 55px; 
}
.section-title.mb-70 { 
margin-bottom: 60px; 
}
.section-title.mb-75 { 
margin-bottom: 65px; 
}
.section-title.mb-80 { 
margin-bottom: 70px; 
}
.section-title.mb-85 { 
margin-bottom: 75px; 
} .tabs-section .txt-block.left-column, 
.content-section .txt-block.left-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.tabs-section .txt-block.right-column,
.content-section .txt-block.right-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.content-5.content-section .txt-block.left-column {
padding-left: 0; 
}
.content-5.content-section .txt-block.right-column { 
padding-right: 0; 
}
.tabs-section .img-block.left-column, 
.content-section .img-block.left-column { 
padding-left: 0; 
padding-right: 10px; 
}
.tabs-section .img-block.right-column, 
.content-section .img-block.right-column { 
padding-left: 10px; 
padding-right: 0; 
} .txt-block h3, 
.txt-block h2, 
.content-14-txt h4, 
.content-14-txt h3 { 
margin-bottom: 20px; 
}
h5.sm-title { 
margin-top: 16px; 
margin-bottom: 16px; 
}
.txt-block .btn, 
.content-14-txt .btn, 
.txt-block .stores-badge { 
margin-top: 15px; 
} .stars-rating span { 
position: relative; 
top: 2px; 
}
.stars-rating, 
.stars-rating p { 
font-size: 0.95rem; 
}  .rtl-direction .header .wsmobileheader { 
text-align: left!important; 
}
.rtl-direction .wsmenu > .wsmenu-list > li { 
float: none; 
}
.headtoppart { 
display: none; 
}
.wsmobileheader { 
height: 80px; 
}
.white-menu .wsmobileheader.scroll { 
background-color: #fff; 
}
.tra-menu .wsmobileheader.scroll { 
background-color: #1a1b1d; 
}
.wsactive .tra-menu .wsmobileheader,
.wsactive .white-menu .wsmobileheader {
background: #1a1b1d;
}  
.rtl-direction .tra-menu .wsmobileheader, 
.rtl-direction .white-menu .wsmobileheader { 
background-color: #fff; 
}
.dark-menu .wsmobileheader { 
background-color: #222227; 
}
.wsanimated-arrow { 
padding: 14px 22px 14px 0px;
margin: 24px 28px 0 0; 
}
.wsanimated-arrow span:before { 
top: -8px; 
width: 26px; 
}
.wsanimated-arrow span:after { 
bottom: -8px; 
width: 20px; 
}
.dark-menu .wsanimated-arrow span, 
.dark-menu .wsanimated-arrow span:before, 
.dark-menu .wsanimated-arrow span:after { 
background: #eee; 
}
.wsactive .wsanimated-arrow span:before, 
.wsactive .wsanimated-arrow.active span:after { 
width: 28px; 
top: 0; 
}
.wsactive .wsanimated-arrow span:after { 
width: 28px; 
top: 0; 
}
.wsactive .wsanimated-arrow span { 
background: transparent; 
}
.wsmenu > .wsmenu-list > li.mg_link:hover > a:after { 
display: none; 
}
.wsmenu > .wsmenu-list > li > .wsmenu-click { 
height: 52px; 
}
.wsmenu > .wsmenu-list > li > a { 
font-size: 18px; 
padding: 7px 38px 6px 25px; 
margin: 0;
line-height: 38px; 
}
.rtl-direction .wsmenu > .wsmenu-list > li > a { 
font-size: 18px; 
padding: 7px 38px 6px 25px; 
margin: 0; 
}
.wsmenu > .wsmenu-list > li > .wsmenu-click > i { 
margin: 17px 25px 0px 0px;
height: 10px; 
width: 10px;
}
.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { 
transform: rotate(-45deg); 
margin-top: 23px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .link-list > li > a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:before { 
font-size: 1.05rem; 
left: 5px; top: 14px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .link-list > li > a:hover:before, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:hover:before { 
left: 17px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { 
width: 100%; 
left: 0; 
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { 
width: 100%; 
left: 22%; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
width: 100%; 
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
width: 100%; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
color: #fff; 
font-size: 14px; 
padding: 10px 0; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { 
background-color: transparent; 
padding: 12px 0 12px 8px; 
text-decoration: none; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.fst-li > a { 
padding: 0 0 12px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover { 
padding: 12px 0 12px 4px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.fst-li a:hover {
padding: 0 0 12px 4px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .title p,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { 
display: block; 
font-size: 18px; 
margin: 0 0 5px 0; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .title { 
font-size: 20px; 
padding: 0; 
}
.wsmenu > .wsmenu-list > li.header-phone > a { 
font-size: 19px; 
padding: 7px 32px 6px 25px; 
margin: 0; 
}
.wsmenu > .wsmenu-list > li.header-phone > a span { 
width: 24px; 
height: 24px;
line-height: 25px;
top: 3px; 
}
.wsmenu > .wsmenu-list > li a.header-store { 
margin: 25px 0 0 12px; 
display: block;
float: none; 
border-bottom: none; 
}
.wsmenu > .wsmenu-list > li.header-socials { 
display: block; 
margin-top: 5px; 
}
.white-color.header-socials span { 
color: #463853!important; 
}
.header-socials a { 
line-height: 90px!important; 
margin-left: 25px; 
}
.wsmobileheader .smllogo { 
display: block; 
margin-top: 19px; 
padding-left: 22px; 
}
.smllogo img { 
width: auto; 
max-width: inherit; 
max-height: 40px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
top: 5px; 
-webkit-border-radius: 0; 
-moz-border-radius: 0; 
-o-border-radius: 0;
border-radius: 0; 
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0; 
box-shadow: 0 0; 
border-bottom: 1px solid #ddd; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu:before, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { 
display: none; 
} .request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select { 
height: 50px; 
font-size: 17px; 
}   #features-7 { padding-bottom: 50px; }
.fbox-2-wrapper .col, .fbox-6-wrapper .col, .fbox-8-wrapper .col { padding: 0 8px; }
.fbox-5-wrapper .col { padding: 0; }
.fbox-7-wrapper { padding-right: 0; }
#features-7 .txt-block { text-align: center; padding: 0; margin-bottom: 40px; }
.rtl-direction #features-7 .txt-block { text-align: right; }
#features-7 .txt-block p { padding: 0 8%;  }
.rtl-direction #features-7 .txt-block p { padding: 0;  }
.fbox-1 { padding: 0 10%; }
.fbox-3 { padding: 0 5%; }
.fbox-4 { padding: 0 4%; }
.rtl-direction .fbox-4 { padding: 0; }
.fbox-5 { padding: 35px 20px; }
.fbox-6 { text-align: center; padding: 35px 15px; }
.rtl-direction .fbox-6 { text-align: right; padding: 35px 20px; }
#fb-6-2 { margin-bottom: 16px; } 
.fbox-7 { text-align: center; padding: 45px 25px; } 
.rtl-direction .fbox-7 { text-align: right; padding: 40px 40px; }
.fbox-7.mt-40 { margin-top: 0; }
#fb-7-1, #fb-7-2, #fb-7-3, #fb-7-4 { margin-bottom: 30px; }
.fbox-txt { width: 100%; text-align: center; padding: 0; margin-top: 20px; }
.rtl-direction .fbox-txt { width: 100%; text-align: right; padding: 0; margin-top: 10px; }
.fbox-ico { text-align: center; width: 100%; float: none; margin-top: 0; }
.fbox-img { margin-left: 8%; margin-right: 8%; padding: 40px 10% 45px; } #content-4 { padding-top: 60px; }
#content-5.mb-40 { margin-bottom: 0; }
.content-5 { padding-top: 80px; padding-bottom: 40px; }
.content-5-wrapper { padding: 0; }
.content-5.ws-wrapper { background-color: #f4f4f9; }
.content-5.lg-wrapper { background-color: #f6f7f8; }
.content-5.snow-wrapper { background-color: #fbfbfd; }
.content-7 .txt-block { margin-bottom: 40px; }
.content-8 .section-title.mb-75 { margin-bottom: 60px; }
.cbox.mb-40 { margin-bottom: 30px; }
.cbox-2 { width: 320px; min-width: 320px; padding: 20px 20px; }
.cbox-2.mt-20.mb-30 { margin-top: 0; }
.cbox-txt { padding-left: 20px; }
.rtl-direction .cbox-txt { padding-right: 20px; }
.cbox-4.left-column, .cbox-4.right-column { bottom: -10px; right: 20px; width: 55%; padding: 20px 15px; }
.cbox-4.right-column { left: 20px; right:  0; }
.cbox-5 { top: -40px; left: 35%; width: 58%; padding: 20px 15px; }
.cbox-6 { bottom: -10px; right: 15px; width: 56%; padding: 20px 15px; }
.cbox-4 h5, .cbox-5 h5, .cbox-6 h5 { font-size: 1.1rem; padding-right: 12%; }
.cbox-4 p, .cbox-5 p, .cbox-6 p { font-size: 0.95rem; }
.cbox-4 .divider, .cbox-5 .divider, .cbox-6 .divider { margin-top: 15px; margin-bottom: 15px; }
.cbox-4 .btn, .cbox-5 .btn, .cbox-6 .btn { font-size: 0.95rem; padding: 11px 30px; margin-bottom: 8px; }
.cb-wrapper { margin: 0 10% 70px; }
.slim-column { margin: 0 6%; }
.cb-holder { padding: 40px 30px; }
.statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; }
.cb-shape-1 { right: 15px; top: -20px; }
.cb-shape-2 { left: 10px; bottom: -30px; }
.cb-shape-1 img, .cb-shape-2 img { padding: 0 12%; }
.content-10-btn { margin-top: 50px; }
.content-section .img-block.left-column, .content-4-img.left-column { margin-left: -55%; }
.content-section .img-block.right-column, .content-4-img.right-column { margin-right: -55%; }
.content-4-img { margin-top: -60px; }
.content-7-img { margin-left: 20px; margin-right: -140%; }
.content-7-img img { max-width: 100%; }
.content-8-img { margin-bottom: -80px; } .portfolios-content { 
padding-bottom: 40px; 
}
.portfolios-content .masonry-image { 
width: 50%; 
padding: 0 8px; 
margin-bottom: 40px; 
}
.post-type-archive-portfolio .project-txt { 
padding-left: 4%; 
padding-right: 0; 
}
.more-projects { 
margin-top: 50px; 
}
.rtl-direction .post-type-archive-portfolio .project-txt { 
padding-left: 0; 
padding-right: 4%; 
}
.projects-section .more-btn { 
margin-top: 10px; 
} #tabs-1 .tabs-1 { 
margin: 0 auto 40px; 
}
#tabs-2 { 
padding-bottom: 0; 
}
#tabs-2 .tabs-nav.pc-15 { 
padding: 0; 
}
.tabs-1 { 
margin: 0 auto 50px; 
}
.tabs-1 li { 
padding: 9px 30px; 
margin: 0 5px; 
}
#tabs-2 .tabs-1 li { 
padding: 30px 20px; 
}
.tabs-1 li span { 
font-size: 1rem; 
}
.tabs-section .img-block.left-column { 
margin-left: -60%; 
padding-right: 20px; 
}
.tabs-section .img-block.right-column { 
margin-right: -60%; 
padding-left: 20px; 
} #statistic-1.pt-70.pb-70 { 
padding-top: 60px; 
padding-bottom: 60px; 
}
#statistic-2 { 
text-align: center; 
padding-bottom: 80px; 
}
.rtl-direction #statistic-2 { 
text-align: right; 
}
#statistic-2 .txt-block { 
padding: 0 8%; 
margin-bottom: 40px; 
}
.rtl-direction #statistic-2 .txt-block { 
padding: 0; 
margin-bottom: 40px; 
}
#statistic-2 h2 { 
font-size: 3.5rem; 
}
#statistic-2 .txt-block h4 { 
font-size: 1.85rem; 
}
.statistic-1-wrapper .statistic-block { 
padding: 10px; 
}
#statistic-4 .statistic-block { 
display: block!important; 
}
.statistic-block-txt { 
width: 100%; 
display: inline-block!important; 
padding-left: 0; 
padding-right: 5%; 
}
.statistic-block-digit { 
width: 100%; 
display: block!important; 
float: none; 
margin-bottom: 10px; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 0; 
}
.rtl-direction .statistic-block-txt { 
width: 100%; 
padding-left: 0; 
padding-right: 0; 
}
.rtl-direction .statistic-block-digit { 
width: 100%; 
float: none; 
}
.rtl-direction #statistic-4 .statistic-block-txt { 
margin-bottom: 15px; 
} .reviews-4-holder { 
padding-top: 50px; 
padding-bottom: 40px; 
}
#reviews-3 .txt-block { 
text-align: center; 
padding: 0 7%; 
}
.rtl-direction #reviews-3 .txt-block { 
text-align: right; 
padding: 0 5%; 
}
.review-2 { 
padding: 35px 40px; 
margin-left: 5%; 
margin-right: 5%; 
}  
.review-4 { 
padding: 35px 30px; 
}
#rw-2-1, #rw-2-2 { 
margin-bottom: 40px; 
}
.review-3-txt { 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
} .pricing-1-row .col, 
.pricing-2-row .col, 
.pricing-3-row .col { 
padding-left: 8px; 
padding-right: 8px; 
}
.pricing-2-table { 
padding: 30px 20px 35px; 
}
.pricing-3-table { 
padding: 45px 18px; 
}
.pricing-plan-title h6 { 
font-size: 0.95rem; 
right: -5px; 
}
.pricing-3-table .pricing-plan h6 { 
margin-bottom: 25px; 
}
.pricing-plan-title h6 { 
right: -5px; 
top: -6px; 
}
.highlight-badge h6, .pricing-plan-title h6 { 
font-size: 0.925rem; 
}
.rtl-direction .pricing-plan-title h6 {
width: auto; 
right: 50%;
}
.pricing-plan span { 
font-size: 2.5rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 3.75rem; 
}
.pricing-plan sup { 
font-size: 1.7rem; 
top: -4px; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.2rem; 
top: -6px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.2rem; 
top: -18px; 
}
.pricing-plan sup.validity span { 
font-size: 2.1rem; 
}
.pricing-plan sup.validity { 
font-size: 1rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
margin-top: 10px; 
}
.badge-wrapper { 
top: -17px; 
}
.highlight-badge { 
padding: 9px 32px; 
}
.payment-icons li { 
padding-right: 2px; 
}
.payment-icons.ico-50 img { 
width: auto;  
max-width: inherit; 
max-height: 31px; 
}
.pricing-notice p { 
padding: 0; 
}
.pricing-compare { 
margin-top: 40px; 
}
.pricing-compare .table-responsive { 
margin-top: 40px; 
margin-bottom: 25px; 
} .brands-2-wrapper { 
padding: 0; 
}
.brands-2-wrapper .col { 
padding: 0 8px; 
}
.brands-section h4 { 
padding: 0; 
margin-bottom: 35px; 
}
.brands-section p { 
padding: 0 10%; 
margin-bottom: 35px; 
} #faqs-2 .question { 
margin-bottom: 30px; 
}
.accordion-item .accordion-thumb:after, 
.accordion-item.is-active .accordion-thumb:after { 
font-size: 0.75rem; 
top: 25px; 
right: 5px; 
} .cta-section .text-end { 
text-align: center!important; 
}
.cta-section.pb-20, 
.cta-section.pb-30 { 
padding-bottom: 0; 
}
#cta-2 { 
text-align: center; 
}
#cta-4 { 
margin-bottom: 120px; 
}
.cta-3-wrapper { 
margin-top: -130px; 
}
.cta-4-wrapper { 
margin-bottom: -130px; 
}
#cta-4.mb-20 { 
margin-bottom: 0; 
}
#cta-10 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
.cta-1-wrapper { 
text-align: center; 
padding: 40px 15%; 
}
.cta-1-wrapper { 
text-align: center;  
padding: 50px 15%; 
}
.cta-3-wrapper { 
text-align: center; 
padding: 40px 15%; 
}
.cta-4-wrapper { 
text-align: center; 
padding: 40px 8%; 
}
.cta-5-wrapper { 
padding: 50px 50px; 
}
.cta-7-wrapper { 
text-align: center; 
padding: 40px 10%; 
margin: 0; 
}
.cta-11-wrapper { 
text-align: center; 
padding: 70px 60px; 
}
.cta-6-txt { 
padding: 0 10%; 
}
.cta-10-txt { 
text-align: center; 
padding: 0 12%; 
margin-bottom: 50px; 
}
.cta-11-txt { 
margin-bottom: 40px; 
}
.cta-2-txt p { 
padding: 0 5%; 
}
.cta-section .stores-badge { 
margin-top: 25px; 
}
.cta-1-btn, 
.cta-3-btn, 
.cta-4-btn, 
.cta-7-btn { 
margin-top: 20px; 
}
.cta-2-btn { 
margin-top: 25px; 
}
.os-btn {
width: 310px; 
min-width: 310px; 
padding: 25px 20px; 
}
.rtl-direction .cta-section .text-start { 
text-align: center!important; 
} #newsletter-1.pb-20, #newsletter-1.pb-30 { 
padding-bottom: 0; 
}
#newsletter-1 .container { 
padding-left: 15px; 
padding-right: 15px; 
}
#newsletter-1 { 
text-align: center; 
}
#newsletter-2 { 
text-align: center; 
padding-top: 50px; 
}
.newsletter-wrapper { 
padding: 50px 30px 30px; 
}
#newsletter-1 .newsletter-txt { 
padding: 0; 
}
#newsletter-1 .newsletter-form { 
margin-top: 30px; 
}
.newsletter-section .newsletter-form, 
#newsletter-2 .newsletter-form { 
padding: 0 10%; 
margin-top: 35px; 
}
.newsletter-section .form-control { 
height: 50px; 
font-size: 1.1rem; 
}
.newsletter-section .btn { 
height: 50px; 
} #bp-1-3, #bp-2-3 { 
display: none; 
}
.layout-full .blog-masonry .masonry-image,
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image { 
width: 50%; 
}
.blog-1-post .blog-post-txt { 
margin-top: 30px; 
padding-left: 10px; 
padding-right: 0; 
}
.blog-masonry .blog-post-txt { 
margin-top: 0; 
padding-left: 3%; 
padding-right: 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
margin-top: 0; 
}
.rtl-direction .blog-1-post .blog-post-txt { 
padding-left: 0; 
padding-right: 10px; 
}
.rtl-direction .blog-masonry .blog-post-txt { 
padding-left: 0; 
padding-right: 5%; 
} .posts-wrapper { 
padding: 0; 
}
.featured-post { 
margin: 0 0 40px 0; 
}
.blog-masonry .title-02.mb-85 { 
margin-bottom: 70px; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 40px 60px; 
} #post-comments { 
padding-bottom: 70px; 
}
.single-post-title, 
.single-post-txt,
.comments-wrapper { 
padding: 0; 
}
.single-post p.post-tag { 
margin-bottom: 30px;
} 
.single-post .post-data { 
margin-top: 30px; 
margin-bottom: 30px; 
}
.single-post .post-author-avatar img { 
width: 54px; 
height: 54px; 
}
.post-inner-img { 
margin-top: 50px; 
margin-bottom: 45px; 
}
.author-senoff img { 
width: 80px; 
height: 80px; 
}
.author-senoff-txt { 
padding-left: 30px; 
}
.author-senoff-txt p { 
padding-right: 0; 
}
.post-comments img { 
width: 60px; 
height: 60px; 
}
.comment-body { 
margin-left: 20px; 
}
.comment-form .form-control { 
height: 52px; 
font-size: 1rem; 
} .wpcf7 .title-01 h3 { 
padding: 0 5%; 
}
#contacts-1-form { 
padding: 45px 30px 35px; 
margin: 0 10px 40px; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 56px; 
font-size: 1rem; 
}
.wpcf7 .contact-form span { 
font-size: 16px; 
} .footer { 
padding-top: 80px; 
}
.footer-info { 
margin-bottom: 50px; 
}
img.footer-logo { 
max-height: 38px; 
}
.footer-info p { 
padding-right: 10%; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
.rtl-direction .footer-links { 
padding-right: 0; 
}
.footer p.p-md { 
font-size: 1.05rem; 
} 
.bottom-footer p { 
font-size: 1rem; 
} 
#footer-2 .footer-form, 
#footer-4 .footer-form { 
margin-top: 20px; 
} .inner-page-hero { 
margin-top: 80px; 
padding-top: 80px; 
}
}   @media (max-width: 767px) {
.sbox-13 {
background-position: left center!important;
}
.masonry-wrap .masonry-item {
width: 100%;
padding: 0;
}
.content-9-img.video-preview .video-popup2 i {
font-size: 2.55rem;
}
.pricing-list li:last-child {
margin: 0;
}
.newsletter-section .form-control,
.newsletter-section .wp-block-tnp-minimal .tnp-email {
margin: 0;
}
.wave-shape-bottom { 
bottom: -2px; 
}  .mt-100 { 
margin-top: 80px; 
}
.mb-100 { 
margin-bottom: 80px; 
}
.wide-100 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
.wide-90 { 
padding-top: 80px; 
padding-bottom: 70px; 
}
.wide-80 { 
padding-top: 80px; 
padding-bottom: 60px; 
}
.wide-70 { 
padding-top: 80px; 
padding-bottom: 50px; 
}
.wide-60 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.wide-50 { 
padding-top: 80px; 
padding-bottom: 30px; 
}
.wide-40 { 
padding-top: 80px; 
padding-bottom: 20px; 
}
.wide-30 { 
padding-top: 80px; 
padding-bottom: 10px; 
}
.wide-20 { 
padding-top: 80px; 
padding-bottom: 0; 
}
.mt-inverse-40, .mt-inverse-50 { 
margin-top: 0; 
}
.pt-100 { 
padding-top: 80px; 
}
.pt-90 { 
padding-top: 70px; 
} 
.pt-80 { 
padding-top: 60px; 
} 
.pt-70 { 
padding-top: 50px; 
} 
.pt-60 { 
padding-top: 40px; 
} 
.pt-50 { 
padding-top: 30px; 
} 
.pt-40 { 
padding-top: 20px; 
} 
.pt-30 { 
padding-top: 10px; 
}
.pb-200 { 
padding-bottom: 180px; 
}
.pb-190 { 
padding-bottom: 170px; 
}
.pb-180 { 
padding-bottom: 160px; 
}
.pb-170 { 
padding-bottom: 150px; 
}
.pb-160 { 
padding-bottom: 140px; 
}
.pb-150 { 
padding-bottom: 130px; 
}
.pb-100 { 
padding-bottom: 80px; 
} 
.pb-90 { 
padding-bottom: 70px; 
} 
.pb-80 { 
padding-bottom: 60px; 
} 
.pb-70 { 
padding-bottom: 50px; 
} 
.pb-60 { 
padding-bottom: 40px; 
} 
.pb-50 { 
padding-bottom: 30px; 
} 
.pb-40 { 
padding-bottom: 20px; 
} 
.pb-30 { 
padding-bottom: 10px; 
} 
.pl-5, 
.pl-10, 
.pl-15, 
.pl-20, 
.pl-25, 
.pl-30, 
.pl-35, 
.pl-40, 
.pl-45, 
.pl-50, 
.pl-55, 
.pl-60 { 
padding-left: 0; 
}
.pr-5, 
.pr-10, 
.pr-15, 
.pr-20, 
.pr-25, 
.pr-30, 
.pr-35, 
.pr-40, 
.pr-45, 
.pr-50, 
.pr-55, 
.pr-60 { 
padding-right: 0; 
}
.pc-10, 
.pc-15, 
.pc-20, 
.pc-25, 
.pc-30, 
.pc-35, 
.pc-40, 
.pc-45, 
.pc-50, 
.pc-55, 
.pc-60 { 
padding-left: 0; 
padding-right: 0; 
}
.bg-scroll, 
.bg-01, 
.bg-02, 
.bg-03, 
.bg-04, 
.bg-05, 
.bg-06, 
.bg-07, 
.bg-08 { 
background-attachment: scroll!important; 
} .section-title.mb-40 { 
margin-bottom: 25px; 
}
.section-title.mb-50 { 
margin-bottom: 40px; 
}
.section-title.mb-55 { 
margin-bottom: 40px; 
}
.section-title.mb-60 { 
margin-bottom: 40px; 
}
.section-title.mb-65 { 
margin-bottom: 40px; 
}
.section-title.mb-70 { 
margin-bottom: 45px; 
}
.section-title.mb-75 { 
margin-bottom: 45px; 
}
.section-title.mb-80 { 
margin-bottom: 45px; 
}
.section-title.mb-85 { 
margin-bottom: 55px; 
}
.title-02 p { 
margin-top: 15px; 
} .tabs-section .txt-block.left-column, 
.content-section .txt-block.left-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.tabs-section .txt-block.right-column,
.content-section .txt-block.right-column { 
padding-left: 0; 
padding-right: 0; 
margin-bottom: 40px; 
}
.content-5.content-section .txt-block.left-column {
padding-left: 0; 
}
.content-5.content-section .txt-block.right-column { 
padding-right: 0; 
}
.tabs-section .img-block.left-column, 
.content-section .img-block.left-column { 
padding-left: 0; 
padding-right: 0; 
}
.tabs-section .img-block.right-column, 
.content-section .img-block.right-column { 
padding-left: 0; 
padding-right: 0; 
}  .rtl-direction .header .wsmobileheader { 
text-align: left!important; 
}
.rtl-direction .wsmenu > .wsmenu-list > li { 
float: none; 
}
.headtoppart { 
display: none; 
}
.wsmobileheader { 
height: 80px; 
box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
}
.logged-in.admin-bar .wsmobileheader {
top: 46px;
}
.logged-in.admin-bar .wsmobileheader.scroll {
top: 0;
}
.white-menu .wsmobileheader { 
background-color: #fff; 
}
.tra-menu .wsmobileheader.scroll { 
background-color: #1a1b1d; 
}
.wsactive .tra-menu .wsmobileheader,
.wsactive .white-menu .wsmobileheader {
background: #1a1b1d;
}
.dark-menu .wsmobileheader { 
background-color: #222227; 
}
.wsanimated-arrow { 
padding: 14px 22px 14px 0px; 
margin: 24px 28px 0 0;
}
.wsanimated-arrow span:before { 
top: -8px; 
width: 26px; 
}
.wsanimated-arrow span:after { 
bottom: -8px; 
width: 20px; 
}
.dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, 
.dark-menu .wsanimated-arrow span:after { 
background: #eee; 
}
.wsactive .wsanimated-arrow span:before, 
.wsactive .wsanimated-arrow.active span:after { 
width: 28px; 
top: 0; 
}
.wsactive .wsanimated-arrow span:after { 
width: 28px; 
top: 0; 
}
.wsactive .wsanimated-arrow span { 
background: transparent; 
}
.wsmenu > .wsmenu-list > li.mg_link:hover > a:after { 
display: none; 
}
.wsmenu > .wsmenu-list > li > .wsmenu-click { 
height: 52px; 
}
.wsmenu > .wsmenu-list > li > a { 
font-size: 18px; 
padding: 7px 38px 6px 25px; 
margin: 0;
line-height: 38px;
}
.rtl-direction .wsmenu > .wsmenu-list > li > a { 
font-size: 19px; 
padding: 7px 42px 6px 20px; 
margin: 0; 
}
.tra-menu .wsmenu > .wsmenu-list > li > a, 
.dark-menu .wsmenu > .wsmenu-list > li > a,
.tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a { 
color: #fff; 
}
.wsmenu > .wsmenu-list > li > .wsmenu-click > i { 
margin: 17px 25px 0px 0px;
height: 10px; 
width: 10px;
}
.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { 
transform: rotate(-45deg); 
margin-top: 23px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .link-list > li > a:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:before { 
font-size: 1.05rem; 
left: 5px; 
top: 14px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .link-list > li > a:hover:before, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:hover:before { 
left: 17px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { 
width: 100%; 
left: 0; 
}
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { 
width: 100%; 
left: 22%; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
width: 100%; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
color: #fff; 
font-size: 14px; 
padding: 10px 0; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { 
background-color: transparent; 
padding: 12px 0 12px 8px; 
text-decoration: none; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.fst-li > a { 
padding: 0 0 12px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover { 
padding: 12px 0 12px 4px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.fst-li a:hover {
padding: 0 0 12px 4px; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 .title p,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { 
display: block; 
font-size: 18px; 
margin: 0 0 5px 0; 
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .title { 
font-size: 20px; 
padding: 0; 
}
.wsmenu > .wsmenu-list > li.header-phone > a { 
font-size: 19px; 
padding: 7px 32px 6px 25px; 
margin: 0; 
}
.wsmenu > .wsmenu-list > li.header-phone > a span { 
width: 24px; 
height: 24px;
line-height: 25px;
top: 3px; 
}
.wsmenu > .wsmenu-list > li a.header-store { 
margin: 25px 0 0 12px; 
display: block;
float: none; 
border-bottom: none; 
}
.wsmenu > .wsmenu-list > li.header-socials { 
display: block; 
margin-top: 5px; 
}
.white-color.header-socials span { 
color: #463853!important; 
}
.header-socials a { 
line-height: 90px!important; 
margin-left: 25px; 
}
.wsmobileheader .smllogo { 
display: block; 
margin-top: 19px; 
padding-left: 22px; 
}
.smllogo img { 
width: auto; 
max-width: inherit; 
max-height: 40px; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { 
top: 5px; 
-webkit-border-radius: 0; 
-moz-border-radius: 0; 
-o-border-radius: 0;
border-radius: 0; 
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0; 
box-shadow: 0 0; 
border-bottom: 1px solid #ddd; 
}
.wsmenu > .wsmenu-list > li > ul.sub-menu:before, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75:before,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { 
display: none; 
} .request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select { 
height: 50px; 
text-align: center; 
font-size: 17px; 
} .fbox-7-wrapper { 
padding-right: 0; 
}
#features-7 .txt-block { 
text-align: center; 
padding: 0; 
margin-bottom: 40px; 
}
.rtl-direction .fbox-4 { 
padding: 0 3%; 
}
.fbox-5 { 
padding: 0 60px; 
}
.fbox-5.bg-white { 
padding: 45px 60px; 
margin-top: 10px; 
margin-bottom: 60px; 
}
.fbox-6 { 
text-align: center; 
padding: 45px 30px; 
}
#fb-6-1, #fb-6-3 { 
margin-bottom: 40px; 
} 
.fbox-7 { 
text-align: center; 
padding: 45px 60px; 
} 
.fbox-7.mt-40 { 
margin-top: 0; 
}
.fbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 20px; 
}
.rtl-direction .fbox-txt { 
width: 83%; 
text-align: right; 
padding: 0; 
margin-top: 0; 
}
.fbox-ico { 
text-align: center; 
width: 100%; 
float: none; 
margin-top: 0; 
}
.rtl-direction .fbox-ico { 
width: 17%; 
margin-top: 8px; 
} .content-4 { 
padding-top: 0; 
margin-bottom: 65px; 
}
.content-4 .bg-inner { 
padding-bottom: 0; 
}
.content-5 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.content-5-wrapper { 
padding: 0; 
}
.content-5.ws-wrapper { 
background-color: #f4f4f9; 
}
.content-5.lg-wrapper { 
background-color: #f6f7f8; 
}
.content-5.snow-wrapper { 
background-color: #fbfbfd; 
}
.content-9 { 
margin-bottom: 80px; 
}
.content-8 .section-title.mb-75 { 
margin-bottom: 40px; 
}
.content-section .top-row.pb-30, 
.content-section .top-row.pb-50 { 
padding-bottom: 20px; 
}
.cbox { 
margin-bottom: 40px; 
}
.download-list .cbox-ico {
float: left;  
}
.download-list .cbox-txt {
text-align: left;
margin-top: 0;
}
.rtl-direction .cbox-ico { 
margin-top: 6px; 
}
.rtl-direction .cbox-txt { 
text-align: right; 
padding-left: 0; 
margin-top: 15px; 
}
.content-4 .txt-block { 
text-align: center; 
padding: 80px 8% 0; 
margin-top: 0; 
}
.content-5 ul.simple-list { 
list-style: none; 
margin-left: 0; 
}
.content-7 .txt-block { 
margin-bottom: 35px; 
}
.content-9-txt .btn { 
margin-top: 20px; 
}
.content-10-btn {
margin-top: 50px; 
}
.content-4-img { 
margin-top: 30px; 
margin-bottom: -65px; 
}
.content-7-img { 
margin-left: 0; 
}
.content-7-img img { 
max-width: 100%; 
}
.content-8-img { 
margin-bottom: -30px; 
} .post-type-archive-portfolio .masonry-image, 
.portfolios-content .masonry-image { 
width: 100%; 
padding: 0; 
margin-bottom: 50px; 
}
.post-type-archive-portfolio .project-txt, 
.portfolios-content .project-txt { 
padding-left: 4%; 
padding-right: 0; 
}
.rtl-direction .post-type-archive-portfolio .project-txt, 
.rtl-direction .portfolios-content .project-txt { 
padding-left: 0; 
padding-right: 4%; 
} #tabs-1 .tabs-1, #tabs-2 .tabs-1 { 
margin: 0 auto 35px; 
}
#tabs-2 .tabs-1 li { 
text-align: center; 
}
.tabs-1 li { 
display: block; 
margin-bottom: 15px; 
} #statistic-1 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
#statistic-2 { 
text-align: center; 
padding-bottom: 80px; 
}
.statistic-1-wrapper .statistic-block { 
text-align: center; 
padding: 0 10%; 
}
#sb-1-1, #sb-1-2, 
.bg-white #sb-1-1, 
.bg-white #sb-1-2 { 
border-right: none; 
margin-bottom: 40px; 
}
#sb-2-1, 
#sb-2-2 { 
margin-bottom: 40px; 
}
#statistic-2 .txt-block { 
margin-bottom: 30px; 
}
#statistic-4 .statistic-block { 
display: block!important; 
text-align: center; 
}
#sb-4-1, #sb-4-2 { 
margin-bottom: 40px; 
}
.statistic-block-txt { 
width: 100%; 
display: inline-block!important; 
padding-left: 0; 
padding-right: 5%; 
}
.statistic-block-digit { 
width: 100%; 
display: block!important; 
float: none; 
margin-bottom: 10px; 
} .review-3 { 
padding: 30px 50px 30px 20px; 
}
#rw-2-1, 
#rw-2-2 { 
margin-bottom: 40px; 
}
.review-3-txt { 
padding-left: 5px; 
}
.review-3-txt p { 
padding-right: 0; 
}
.review-3-avatar img { 
width: 60px; 
height: 60px; 
} .pricing-1-row .col, 
.pricing-2-row .col { 
text-align: center; 
}
.pricing-3-table.rel { 
margin-top: 15px; 
}
.pricing-compare { 
margin-top: 40px; 
}
.pricing-compare .table-responsive { 
margin-top: 40px; 
margin-bottom: 25px; 
}
.pricing-notice p { 
padding: 0 5%; 
}
.payment-methods { 
text-align: center; 
} #faqs-2 .question { 
margin-bottom: 30px; 
}
.accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after { 
font-size: 0.8rem; 
top: 25px; 
right: 0; 
}
.more-questions { 
margin-top: 20px; 
}
#faqs-1 .more-questions { 
margin-top: 40px; 
} .cta-section .text-end { 
text-align: center!important; 
}
.cta-section.pb-20, 
.cta-section.pb-30 { 
padding-bottom: 0; 
}
#cta-2 { 
text-align: center; 
}
#cta-4.mb-20 { 
margin-bottom: 0; 
}
#cta-10 { 
padding-top: 80px; 
padding-bottom: 80px; 
}
.cta-1-wrapper { 
text-align: center; 
padding: 40px 15%; 
}
.cta-1-wrapper { 
text-align: center;  
padding: 50px 15%; 
}
.cta-3-wrapper { 
text-align: center; 
padding: 40px 15%; 
}
.cta-4-wrapper { 
text-align: center; 
padding: 40px 8%; 
}
.cta-5-wrapper { 
padding: 50px; 
}
.cta-7-wrapper { 
text-align: center; 
padding: 40px 10%; 
margin: 0; 
}
.cta-11-wrapper { 
text-align: center; 
padding: 70px 60px; 
}
.cta-top-box { 
margin-bottom: 30px; 
}
.cta-6-txt { 
padding: 0 10%; 
}
.cta-10-txt { 
text-align: center; 
padding: 0 12%; 
margin-bottom: 50px; 
}
.cta-11-txt { 
margin-bottom: 40px; 
}
.cta-2-txt p { 
padding: 0 5%; 
}
.cta-section .stores-badge { 
margin-top: 25px; 
}
.cta-1-btn, 
.cta-3-btn, 
.cta-4-btn, 
.cta-7-btn { 
margin-top: 20px; 
}
.cta-2-btn { 
margin-top: 10px; 
}
.os-btn {
width: 310px; 
min-width: 310px; 
padding: 25px 20px; 
}
.rtl-direction .cta-section .text-start { 
text-align: center!important; 
} .version-release { 
margin-bottom: 40px; 
}
.release-data h4 { 
margin-bottom: 25px; 
}
.release-data {
padding-bottom: 25px; 
margin-bottom: 25px; 
} 
.release-download { 
position: relative; 
right: 0; 
bottom: 0; 
margin-top: 20px; 
} #newsletter-1.pb-20, 
#newsletter-1.pb-30 { 
padding-bottom: 0; 
}
#newsletter-1 .container { 
padding-left: 15px; 
padding-right: 15px; 
}
#newsletter-1 { 
text-align: center; 
}
#newsletter-2 { 
text-align: center; 
padding-top: 40px; 
}
.newsletter-wrapper { 
padding: 45px 30px 25px; 
}
#newsletter-1 h4 {
margin-bottom: 15px; 
}
.newsletter-section .newsletter-form { 
margin-top: 35px; 
} .posts-wrapper { 
padding: 0; 
}
.featured-post { 
margin: 0 0 40px 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 40px 60px; 
} .single-post-title, 
.single-post-txt,
.comments-wrapper { 
padding: 0; 
}
.single-post-title { 
margin-bottom: 25px; 
}
.single-post-title h3, 
.single-post-title h2 { 
padding-right: 0; 
}
.single-post p.post-tag { 
margin-bottom: 30px;
} 
.single-post .post-data { 
margin-top: 30px; 
margin-bottom: 30px; 
}
.single-post .post-author-avatar img { 
width: 54px; 
height: 54px; 
}
.post-inner-img { 
margin-top: 50px; 
margin-bottom: 45px; 
}
.post-inner-img .top-img { 
margin-bottom: 40px; 
}
.post-share-list.text-end { 
text-align: left!important; 
margin-top: 35px; 
margin-left: 8px; 
} 
.post-tags-list span a { 
font-size: 0.95rem; 
padding: 4px 10px; 
}
.author-senoff img { 
width: 70px; 
height: 70px; 
}
.author-senoff-txt { 
padding-left: 25px; 
}
.author-senoff-txt p { 
padding-right: 0; 
}
#post-comments { 
padding-bottom: 70px; 
}
.post-comments h5.h5-lg { 
margin-bottom: 50px; 
}
.post-comments img { 
width: 60px; 
height: 60px; 
}
.comment-body { 
margin-left: 20px; 
}
.comment-form .form-control { 
height: 52px; 
font-size: 1rem; 
} #contacts-1-form { 
padding: 45px 30px 35px; 
margin: 0 10% 30px; 
}
#contacts-1 .wave-shape-top { 
display: none; 
}
#contacts-1 .section-title { 
margin-bottom: 40px; 
}
#contacts-1 .section-title h3 { 
color: #fff; 
}
#contacts-1.bg-lightgrey .section-title h3 { 
color: #303030; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 54px; 
font-size: 1rem; 
}
.wpcf7 .contact-form span { 
font-size: 15px; 
} .rtl-direction #footer-1 .footer-info p { 
padding-left: 0; 
}
.rtl-direction #footer-3 .footer-links { 
padding-left: 0; 
}
.rtl-direction .footer-links { 
padding-right: 0; 
}
.rtl-direction .footer .bottom-footer-list { 
text-align: right!important; 
} .inner-page-hero { 
margin-top: 80px; 
padding-top: 80px; 
}
}   @media (min-width: 480px) and (max-width: 767.95px) {
.caption-txt .title h2 { 
font-size: 2.75rem; 
line-height: 1.25; 
margin-bottom: 10px; 
}
.tra-header { 
font-size: 4.15rem; 
margin-bottom: -35px; 
}
.section-title p { 
font-size: 1.0625rem; 
padding: 0; 
margin-top: 10px; 
}
.ts-0 { 
padding-top: 80px; 
} h6.h6-xs { 
font-size: 1rem; 
}  
h6.h6-sm { 
font-size: 1.05rem; 
} 
h6.h6-md { 
font-size: 1.1rem; 
} 
h6.h6-lg { 
font-size: 1.125rem; 
} 
h6.h6-xl,
.widget.widget_block .wp-block-group h2, 
.widget.widget_block h2 { 
font-size: 1.15rem; 
}  
.rtl-direction h6.h6-xs { 
font-size: 1.1875rem; 
}  
.rtl-direction h6.h6-sm { 
font-size: 1.1875rem; 
}  
.rtl-direction h6.h6-md { 
font-size: 1.1875rem; 
}   
.rtl-direction h6.h6-lg { 
font-size: 1.1875rem; 
}  
.rtl-direction h6.h6-xl,
.rtl-direction .widget.widget_block .wp-block-group h2,
.rtl-direction .widget.widget_block h2 { 
font-size: 1.1875rem; 
} h5.h5-xs { 
font-size: 1.1875rem;
}  
h5.h5-sm { 
font-size: 1.1875rem; 
} 
h5.h5-md { 
font-size: 1.1875rem;
}  
h5.h5-lg { 
font-size: 1.1875rem; 
}  
h5.h5-xl { 
font-size: 1.1875rem; 
}  
.rtl-direction h5.h5-xs { 
font-size: 1.3rem; 
} 
.rtl-direction h5.h5-sm { 
font-size: 1.3rem; 
}  
.rtl-direction h5.h5-md { 
font-size: 1.3rem; 
}   
.rtl-direction h5.h5-lg { 
font-size: 1.3rem; 
}  
.rtl-direction h5.h5-xl { 
font-size: 1.3rem; 
} h4.h4-xs { 
font-size: 1.2rem; 
} 
h4.h4-sm { 
font-size: 1.25rem; 
}  
h4.h4-md { 
font-size: 1.33rem; 
}
h4.h4-lg { 
font-size: 1.42rem; 
} 
h4.h4-xl { 
font-size: 1.5rem; 
} 
h3.h3-xs { 
font-size: 1.6rem; 
}
h3.h3-sm { 
font-size: 1.67rem; 
} 
h3.h3-md { 
font-size: 1.75rem; 
} 
h3.h3-lg { 
font-size: 1.835rem; 
}
h3.h3-xl { 
font-size: 2.1rem; 
} h2.h2-xs { 
font-size: 1.96rem; 
}
h2.h2-sm { 
font-size: 2.04rem; 
}
h2.h2-md { 
font-size: 2.125rem; 
}  
h2.h2-lg { 
font-size: 2.2rem; 
} 
h2.h2-xl { 
font-size: 2.375rem; 
} 
h2.h2-title-xs { 
font-size: 2.5rem; 
}
h2.h2-title-sm { 
font-size: 2.75rem; 
} 
h2.h2-title-md { 
font-size: 2.9rem; 
} 
h2.h2-title-lg { 
font-size: 3.125rem; 
}
h2.h2-title-xl { 
font-size: 3.3rem; 
} p.p-md { 
font-size: 1rem; 
}
p.p-lg { 
font-size: 1.05rem; 
}  
p.p-xl { 
font-size: 1.05rem; 
}
p.p-title-xs { 
font-size: 1.07rem; 
}
p.p-title-sm { 
font-size: 1.1rem; 
}  
p.p-title-md { 
font-size: 1.125rem; 
}  
p.p-title-lg { 
font-size: 1.15rem; 
} 
p.p-title-xl { 
font-size: 1.175rem; 
} 
.rtl-direction p.p-md { 
font-size: 1.1rem; 
} 
.rtl-direction p.p-lg { 
font-size: 1.1rem; 
} 
.rtl-direction p.p-xl { 
font-size: 1.1rem; 
} .btn { 
font-size: 1rem; 
padding: 12px 30px; 
}
.btn.btn-md, 
.btn.btn-lg { 
font-size: 1.05rem; 
padding: 13px 30px; 
}
.btn-transparent { 
padding: 12px 4px; 
}
.btn.btn-md.btn-transparent, 
.btn.btn-lg.btn-transparent { 
padding: 13px 4px; 
}
.btn.ico-20.ico-left span { 
top: 3px;
right: 5px; 
} .watch-video-link { 
width: 50px; 
height: 50px; 
margin-right: 12px; 
} 
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 2px; 
} .video-btn-xl { 
width: 100px; 
height: 100px; 
margin-top: -50px; 
margin-left: -50px; 
}
.video-btn-lg { 
width: 90px; 
height: 90px; 
margin-top: -45px;
margin-left: -45px; 
}
.video-btn-md { 
width: 70px; 
height: 70px; 
margin-top: -35px; 
margin-left: -35px; 
}
.video-btn-sm { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn.video-btn-xl:hover:before { 
left: -18px;
right: -18px;
top: -18px;
bottom: -18px; 
}
.video-btn.video-btn-lg:hover:before { 
left: -18px;
right: -18px;
top: -18px;
bottom: -18px; 
}
.video-btn.video-btn-md:hover:before { 
left: -12px; 
right: -12px; 
top: -12px; 
bottom: -12px; 
}
.video-btn.video-btn-sm:hover:before { 
left: -12px; 
right: -12px; 
top: -12px; 
bottom: -12px; 
}
.store img { 
max-height: 44px; 
} .ico-rounded-xs { 
width: 70px; 
height: 70px; 
}
.ico-rounded-sm { 
width: 75px; 
height: 75px; 
}
.ico-rounded-md { 
width: 80px; 
height: 80px; 
}
.ico-rounded-lg { 
width: 85px; 
height: 85px; 
}
.ico-rounded-xl { 
width: 90px; 
height: 90px; 
} .ico-125 img { 
width: 94px; 
height: 94px; 
}
.ico-120 img { 
width: 90px; 
height: 90px; 
}
.ico-115 img { 
width: 86px; 
height: 86px; 
}
.ico-110 img { 
width: 82px; 
height: 82px; 
}
.ico-105 img { 
width: 80px; 
height: 80px; 
}
.ico-100 img { 
width: 75px; 
height: 75px; 
}
.ico-95 img { 
width: 71px; 
height: 71px; 
}
.ico-90 img { 
width: 68px; 
height: 68px; 
}
.ico-85 img { 
width: 64px; 
height: 64px; 
}
.ico-80 img { 
width: 60px; 
height: 60px; 
}
.ico-75 img { 
width: 56px; 
height: 56px; 
}
.ico-70 img { 
width: 53px; 
height: 53px; 
}
.ico-60 img { 
width: 45px; 
height: 45px; 
}
.ico-55 img { 
width: 42px; 
height: 42px; 
}
.ico-50 img { 
width: 38px; 
height: 38px; 
}
.ico-45 img { 
width: 34px; 
height: 34px; 
}
.ico-40 img { 
width: 30px; 
height: 30px; 
}
.ico-35 img { 
width: 26px; 
height: 26px; 
}
.ico-30 img { 
width: 23px; 
height: 23px; 
}
.ico-25 img { 
width: 20px; 
height: 20px; 
}
.ico-20 img { 
width: 16px; 
height: 16px; 
} .section-id { 
font-size: 1.05rem; 
margin-bottom: 25px; 
}
.section-id.txt-upcase { 
font-size: 0.925rem; 
}
.section-title .section-id, 
.section-title-left .section-id { 
margin-bottom: 20px; 
} .title-04 { 
text-align: center; 
padding: 0 5%; 
}
.section-title h3 { 
padding: 0 5%; 
}
.title-01 p { 
padding: 0 6%; 
margin-top: 15px; 
}
.title-02 p { 
padding: 0 5%; 
margin-top: 15px; 
} .stars-rating span { 
position: relative; 
top: 2px; 
} 
.stars-rating, 
.stars-rating p { 
font-size: 0.95rem; 
}   .hero-brands p { 
margin-bottom: 25px; 
}   #features-7 .txt-block p { 
padding: 0 5%; 
}
.fbox-2 { 
padding: 0 5%; 
}
.fbox-3 { 
padding: 0 8%; 
}
.fbox-4 { 
padding: 0 10%; 
}
.fbox-6 h5 { 
padding: 0 8%; 
}
.fbox-8 p { 
padding: 0 5%; 
}
.fbox-img { 
margin-left: 20%; 
margin-right: 20%; 
padding: 40px 12% 40px; 
} .cbox { 
padding: 0 5%; 
}
.content-5 .cbox { 
padding: 0 10%; 
}
.rtl-direction .content-5 .cbox { 
padding: 0 3%; 
}
.cbox-2 { 
width: 330px; 
min-width: 330px; 
padding: 20px; 
}
.cbox-2.mt-20.mb-30 { 
margin-top: 10px; 
}
.rtl-direction .content-5 ul.simple-list { 
list-style: disc; 
}
.cbox-4.left-column, .cbox-4.right-column { 
bottom: 10px; 
right: 20px; 
width: 48%; 
padding: 25px 20px; 
}
.cbox-4.right-column { 
left: 20px; 
right: 0; 
bottom: 10px; 
}
.cbox-5 { 
top: -30px; 
left: -10px; 
width: 50%; 
padding: 25px 20px; 
}
.cbox-6 { 
bottom: 10px; 
right: 15px; 
width: 50%; 
padding: 25px 20px; 
}
.cbox-4 h5, 
.cbox-5 h5, 
.cbox-6 h5 { 
font-size: 1.1rem; 
padding-right: 5%; 
}
.cbox-4 p, 
.cbox-5 p, 
.cbox-6 p { 
font-size: 0.95rem; 
}
.cbox-4 .divider,
.cbox-5 .divider, 
.cbox-6 .divider { 
margin-top: 15px; 
margin-bottom: 15px; 
}
.cbox-4 .btn, 
.cbox-5 .btn, 
.cbox-6 .btn { 
font-size: 0.95rem; 
padding: 11px 30px; 
margin-bottom: 8px; 
}
.cb-wrapper { 
margin: 0 0 70px; 
}
.cb-single-box h2.statistic-number { 
font-size: 3rem; 
}
.statistic-number sup { 
font-size: 2.5rem; 
top: -5px; 
right: 0; 
margin-right: 5px; 
}
.cb-shape-1 { 
right: 25px; 
top: -20px; 
}
.cb-shape-2 { 
left: 10px; 
bottom: -30px; 
}
.cb-shape-1 img, 
.cb-shape-2 img { 
padding: 0 12%; 
}
.content-4 .txt-block p { 
margin-bottom: 10px; 
}
.content-section .img-block.left-column, 
.content-section .img-block.right-column { 
padding: 0 4%; 
}
.rtl-direction .content-section .img-block.left-column, 
.rtl-direction .content-section .img-block.right-column { 
text-align: right; 
padding: 0; 
}
.content-4-img { 
padding: 0 6%; 
margin-top: 0; 
}
.rtl-direction .content-4-img { 
padding: 0; 
margin-top: 0; 
} .portfolios-content { 
padding-bottom: 40px; 
}
.portfolios-content .masonry-image {
margin-bottom: 40px; 
}
.post-type-archive-portfolio .project-details, 
.portfolios-content .project-details { 
padding: 0 2%; 
}
.post-type-archive-portfolio .more-btn, 
.portfolios-content .more-btn { 
margin-top: 0; 
}
.rtl-direction .post-type-archive-portfolio .project-txt, 
.rtl-direction .portfolios-content .project-txt { 
padding-left: 0;
padding-right: 0; 
}
.single-project .project-title { 
margin-bottom: 40px; 
}
.project-title h2 { 
padding-right: 0; 
padding-bottom: 25px; 
margin-bottom: 30px; 
}
.project-data span { 
margin-right: 10px; 
}
.project-image.top-img { 
margin-bottom: 30px; 
}
.more-projects { 
margin-top: 40px; 
} .tabs-1 li span { 
font-size: 1rem; 
}
.tabs-section .img-block.left-column, 
.tabs-section .img-block.right-column { 
padding: 0 4%; 
} .statistic-1-wrapper .statistic-block { 
padding: 0 8%; 
}
.statistic-1-wrapper h2.statistic-number { 
font-size: 2.85rem; 
}
#statistic-2 h2, 
#statistic-4 h2 { 
font-size: 3rem; 
}
.statistic-3-wrapper h3.statistic-number { 
font-size: 2.65rem; 
}
#statistic-2 .txt-block { 
padding: 0; 
}
#statistic-2 .txt-block h4 { 
font-size: 1.65rem; 
}
#statistic-2 .txt-block-rating, 
#statistic-4 .statistic-block p.mt-20 { 
margin-top: 10px; 
}
.rtl-direction #statistic-2 { 
text-align: right; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 0; 
}
.rtl-direction .statistic-block-txt { 
margin-bottom: 15px;
} .reviews-4-holder {
padding-top: 40px; 
padding-bottom: 30px; 
}
#reviews-3 .txt-block { 
text-align: center; 
padding: 0 5%; 
}
.review-4 { 
margin: 0 10px 20px; 
}
.pricing-2-table { 
padding: 30px 15% 35px; 
margin-left: 6%; 
margin-right: 6%; 
}
.pricing-3-table { 
padding: 45px 15%; 
margin-left: 6%; 
margin-right: 6%; 
}
.pricing-plan-title { 
text-align: left; 
}
.rtl-direction .pricing-plan-title { 
text-align: right; 
}
.pricing-plan-title h6 { 
right: -5px; 
top: -6px; 
}
.pricing-3-table .pricing-plan h6 { 
margin-bottom: 25px; 
}
.pricing-plan-title h6 { 
right: -5px; top: -6px; 
}
.highlight-badge h6, 
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.pricing-plan span { 
font-size: 3rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 4rem; 
}
.pricing-plan sup { 
font-size: 1.75rem; 
top: -5px; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.25rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.25rem; 
top: -16px; 
}
.pricing-plan sup.validity span { 
font-size: 2rem; 
}
.pricing-plan sup.validity { 
font-size: 1.25rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
margin-top: 10px; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.payment-methods { 
text-align: center; 
margin-top: 0; 
padding: 0 10%; 
}
.payment-methods h6 { 
margin-bottom: 10px; 
}
.pricing-notice { 
margin-top: 15px; 
}
.pricing-notice p { 
padding: 0 5%; 
} .brands-2-wrapper { 
padding: 0; 
}
.brands-section h4 { 
padding: 0; 
margin-bottom: 25px; 
}
.brands-section p { 
padding: 0; 
margin-bottom: 35px; 
} .rtl-direction .accordion-item .accordion-thumb:after, 
.rtl-direction .accordion-item.is-active .accordion-thumb:after { 
top: 22px;
right: 98%; 
} #cta-4 { 
margin-bottom: 140px; 
}
.cta-1-wrapper { 
text-align: center; 
padding: 40px 10%; 
}
.cta-3-wrapper { 
text-align: center; 
padding: 40px 10%;  
margin-top: -120px; 
}
.cta-4-wrapper { 
margin-bottom: -150px; 
}
.cta-5-wrapper { 
padding: 50px 30px; 
}
.cta-6-txt { 
padding: 0 5%; 
}
.cta-7-wrapper { 
padding: 40px 5%; 
}
.cta-10-txt { 
text-align: center; 
padding: 0 6%; 
margin-bottom: 40px; 
}
.cta-2-txt h4 { 
font-size: 1.75rem; 
}
.cta-10-txt h3 { 
padding: 0 3%; 
}
.cta-2-txt p { 
padding: 0 3%; 
margin-bottom: 10px; 
}
.cta-9-txt p.p-xl { 
padding: 0 15%; 
margin-bottom: 30px; 
}
.cta-box {
padding: 30px 30px 35px; 
}
.os-btn {
width: 310px; 
min-width: 310px; 
padding: 22px 20px; 
}
.cta-10-img { 
margin-left: 6%; 
margin-right: 6%; 
} #newsletter-1 h4.h4-xl { 
font-size: 1.75rem; 
}
#newsletter-2 h4.h4-xl { 
font-size: 1.75rem; 
}
.newsletter-wrapper { 
padding: 40px 40px 20px; 
}
#newsletter-1 .newsletter-txt { 
padding: 0 10%; 
}
#newsletter-2 .newsletter-txt { 
padding: 0 15%; 
}
#newsletter-1 .newsletter-form { 
padding: 0 5%; 
margin-top: 15px; 
}
#newsletter-2 .newsletter-form { 
padding: 0 12%; 
}
.newsletter-section .form-control { 
display: block; width: 100%!important; 
text-align: center; 
height: 50px; 
background-color: #fff;
border: 1px solid #ccc;
font-size: 1rem; 
margin-right: 0; 
margin-bottom: 15px; 
-webkit-border-radius: 5px; -moz-border-radius: 5px;-o-border-radius: 5px; border-radius: 5px;
}
#newsletter-2.newsletter-section .form-control { 
font-size: 1.05rem; 
border: 1px solid #ccc; 
}
#newsletter-2.bg-lightgrey.newsletter-section .form-control, 
#newsletter-2.bg-dark.newsletter-section .form-control { 
font-size: 1rem; 
border-bottom: 1px solid #ccc; 
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.newsletter-section .form-control:focus { 
border: 1px solid #998da0; 
}
.newsletter-section .input-group-btn { 
display: block; width: 100%!important; 
}
.newsletter-section .btn { 
display: block; 
height: 50px; 
width: 100%!important; margin: 0; 
}
.rtl-direction .newsletter-section .input-group .input-group-btn {
order: 2; 
}
.rtl-direction .newsletter-section .input-group .email {
order: 1; 
}
.rtl-direction #newsletter-2.newsletter-section .form-control { 
margin-left: 0; 
} .layout-full .blog-masonry .masonry-image,
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image { 
width: 100%;
}
.blog-1-post { 
margin-left: 2%; 
margin-right: 2%; 
}
.blog-1-post .blog-post-txt { 
margin-top: 30px; 
padding-left: 10px; 
padding-right: 0; 
}
.blog-masonry .blog-post-txt { 
padding-left: 3%; 
padding-right: 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
margin-top: 0; 
} .blog-masonry .blog-post-wide .blog-post-txt { 
padding: 35px 45px; 
} #contacts-1 { 
padding-top: 80px; 
}
#contacts-1-form { 
padding: 30px 20px 20px; 
margin: 0 10% 30px; 
} .footer { 
padding-top: 80px; 
}
img.footer-logo { 
max-height: 35px; 
}
.footer-info p { 
padding-right: 0; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
.footer hr { 
margin-top: 10px; 
}
.footer p.p-md { 
font-size: 1.05rem; 
}
.bottom-footer p { 
font-size: 1rem; 
} 
.bottom-footer-list.text-end { 
text-align: left!important; 
margin-top: 5px; 
} .page-hero-section { 
padding-top: 60px; 
padding-bottom: 60px; 
}
.page-hero-section h3 { 
padding: 0 5%; 
}
.page-hero-section p { 
padding: 0; 
margin-top: 15px; 
}
}   @media (min-width: 414px) and (max-width: 479.95px) {
.sbox-13-txt { 
padding: 50px 25% 50px 30px; 
}
.caption-txt .title h2 { 
font-size: 3rem; 
line-height: 1.25;  
margin-bottom: 10px; 
}
.tra-header { 
font-size: 2.25rem; 
margin-bottom: -20px; 
}
.section-title p { 
font-size: 1.0625rem; 
padding: 0 3%; 
margin-top: 10px; 
}
#stlChanger { 
display: none; 
}
.ts-0 { 
padding-top: 80px; 
}
h6, h5, h4, h3 { 
line-height: 1.35; 
} h6.h6-xs { 
font-size: 1.05rem; 
} h6.h6-sm { 
font-size: 1.05rem; 
} h6.h6-md { 
font-size: 1.0625rem; 
} h6.h6-lg { 
font-size: 1.0625rem; 
} h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 { 
font-size: 1.0625rem; 
} .rtl-direction h6.h6-xs { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-sm { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-md { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-lg { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-xl,
.rtl-direction .widget.widget_block .wp-block-group h2,
.rtl-direction .widget.widget_block h2 { 
font-size: 1.125rem; 
} h5.h5-xs { 
font-size: 1.125rem; 
}
h5.h5-sm { 
font-size: 1.125rem; 
}
h5.h5-md { 
font-size: 1.125rem; 
}
h5.h5-lg { 
font-size: 1.125rem; 
}
h5.h5-xl { 
font-size: 1.125rem; 
} .rtl-direction h5.h5-xs { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-sm { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-md { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-lg { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-xl { 
font-size: 1.25rem; 
} h4.h4-xs { 
font-size: 1.25rem; 
}
h4.h4-sm { 
font-size: 1.25rem; 
}
h4.h4-md { 
font-size: 1.25rem; 
}
h4.h4-lg { 
font-size: 1.25rem; 
}
h4.h4-xl { 
font-size: 1.25rem; 
}  h3.h3-xs { 
font-size: 1.5rem; 
}
h3.h3-sm { 
font-size: 1.5rem; 
}
h3.h3-md { 
font-size: 1.5rem; 
}
h3.h3-lg { 
font-size: 1.5rem; 
}
h3.h3-xl { 
font-size: 2.1rem; 
}  h2.h2-xs { 
font-size: 1.625rem; 
}
h2.h2-sm { 
font-size: 1.625rem; 
}
h2.h2-md { 
font-size: 1.625rem; 
}
h2.h2-lg { 
font-size: 1.625rem; 
}
h2.h2-xl { 
font-size: 1.625rem; 
} h2.h2-title-xs { 
font-size: 1.875rem; 
} h2.h2-title-sm { 
font-size: 1.875rem; 
} h2.h2-title-md { 
font-size: 2rem; 
} h2.h2-title-lg { 
font-size: 2rem; 
} h2.h2-title-xl { 
font-size: 2.125rem; 
}  p.p-sm { 
font-size: 0.9375rem; 
}
p.p-md { 
font-size: 0.9375rem; 
} 
p.p-lg { 
font-size: 1rem; 
}
p.p-xl { 
font-size: 1rem; 
} 
p.p-title-xs { 
font-size: 1.05rem; 
}
p.p-title-sm { 
font-size: 1.05rem; 
}
p.p-title-md { 
font-size: 1.05rem; 
}
p.p-title-lg { 
font-size: 1.1rem; 
}
p.p-title-xl { 
font-size: 1.1rem; 
} 
.rtl-direction p.p-md { 
font-size: 1.1rem; 
}
.rtl-direction p.p-lg { 
font-size: 1.1rem; 
}
.rtl-direction p.p-xl { 
font-size: 1.1rem; 
} .btn, .btn.btn-md, 
.btn.btn-lg { 
font-size: 0.9375rem; 
padding: 12px 32px; 
}
.btn-transparent, 
.btn.btn-md.btn-transparent, 
.btn.btn-lg.btn-transparent { 
padding: 8px 4px; 
} .watch-video-link { 
width: 48px; 
height: 48px; 
margin-right: 11px; 
}
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 1px; 
} .video-btn-xl { 
width: 70px; 
height: 70px; 
margin-top: -35px; 
margin-left: -35px; 
}
.video-btn-lg { 
width: 70px; 
height: 70px; 
margin-top: -35px;
margin-left: -35px; 
}
.video-btn-md { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn-sm { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn.video-btn-xl:hover:before, 
.video-btn.video-btn-lg:hover:before { 
left: -16px; 
right: -16px; 
top: -16px; 
bottom: -16px; 
}
.video-btn.video-btn-md:hover:before,
.video-btn.video-btn-sm:hover:before { 
left: -12px; 
right: -12px; 
top: -12px; 
bottom: -12px; 
} .store { 
margin-right: 10px; 
}
.store img { 
max-height: 42px; 
}
.footer .store img { 
max-height: 42px; 
}
span.os-version { 
font-size: 0.9375rem; 
line-height: 1.25; 
font-weight: 300; 
} .ico-rounded-xs { 
width: 70px; 
height: 70px; 
}
.ico-rounded-sm { 
width: 75px; 
height: 75px; 
}
.ico-rounded-md { 
width: 80px; 
height: 80px; 
}
.ico-rounded-lg { 
width: 85px; 
height: 85px; 
}
.ico-rounded-xl { 
width: 95px; 
height: 95px; 
} .ico-125 img { 
width: 110px; 
height: 110px; 
}
.ico-120 img { 
width: 105px; 
height: 105px; 
}
.ico-115 img { 
width: 101px; 
height: 101px; 
}
.ico-110 img { 
width: 97px; 
height: 97px; 
}
.ico-105 img { 
width: 92px; 
height: 92px; 
}
.ico-100 img { 
width: 88px; 
height: 88px; 
}
.ico-95 img { 
width: 84px; 
height: 84px; 
}
.ico-90 img { 
width: 79px; 
height: 79px; 
}
.ico-85 img { 
width: 75px; 
height: 75px; 
}
.ico-80 img { 
width: 70px; 
height: 70px; 
}
.ico-75 img { 
width: 66px; 
height: 66px; 
}
.ico-70 img { 
width: 62px; 
height: 62px; 
}
.ico-60 img { 
width: 53px; 
height: 53px; 
}
.ico-55 img { 
width: 48px; 
height: 48px; 
}
.ico-50 img { 
width: 44px; 
height: 44px; 
}
.ico-45 img { 
width: 40px; 
height: 40px; 
}
.ico-40 img { 
width: 35px; 
height: 35px; 
}
.ico-35 img { 
width: 31px; 
height: 31px; 
}
.ico-30 img { 
width: 26px; 
height: 26px; 
}
.ico-25 img { 
width: 22px; 
height: 22px; 
}
.ico-20 img { 
width: 20px; 
height: 18px; 
} .section-id { 
font-size: 1rem; 
margin-bottom: 22px; 
}
.section-id.txt-upcase { 
font-size: 0.825rem; 
}
.section-title .section-id, 
.section-title-left .section-id { 
margin-bottom: 20px; 
} .title-04 { 
text-align: center; 
padding: 0; 
}
.title-01 p { 
padding: 0 3%; 
margin-top: 15px; 
}
.title-02 p { 
padding: 0; 
} .txt-block h3, 
.txt-block h2, 
.content-14-txt h4, 
.content-14-txt h3 { 
margin-bottom: 16px; 
}
h5.sm-title { 
margin-top: 15px; 
margin-bottom: 15px; 
}
.txt-block .btn, 
.content-14-txt .btn, 
.txt-block .stores-badge { 
margin-top: 15px; 
}
.txt-block .btns-group .btn.mr-15 { 
margin-left: 15px; 
margin-right: 15px; 
}
.advantages li { 
padding-left: 0px; 
}
.advantages li:after { 
padding-left: 3px; 
top: -1px; 
} .terms-txt a { 
display: block; 
} .tools-list span { 
padding-right: 4px; 
}
.stars-rating span { 
position: relative; 
top: 2px; 
} 
.stars-rating { 
font-size: 0.9375rem; 
}
.stars-rating p { 
font-size: 0.9375rem; 
padding: 0 10%; 
}  .wsmenu > .wsmenu-list { 
width: 345px; 
margin-right: -345px; 
}
.wsactive .wsmobileheader { 
margin-right: 345px; 
}
.overlapblackbg { 
width: calc(100% - 345px); 
}
.wsanimated-arrow { 
padding: 13px 30px 14px 0px; 
margin: 25px 18px 0 0; 
}
.wsmobileheader .smllogo { 
display: block; 
margin-top: 21px; 
padding-left: 18px; 
}
.smllogo img { 
width: auto; 
max-width: inherit; 
max-height: 38px; 
}   .hero-brands { 
margin-top: 30px; 
padding: 0 5%; 
} 
.hero-brands p { 
padding: 0 5%; 
margin-bottom: 20px; 
}
.hero-brands .brand-logo {
padding: 0 15px; 
} .request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select { 
height: 50px; 
font-size: 16px; 
} .hero-section .quick-form .input-group { 
background-color: transparent; 
padding: 0; 
}   #features-7 .txt-block p { 
padding: 0 2%; 
}
.fbox-1, .fbox-3, .fbox-4 { 
padding: 0 8%; 
}
.fbox-2 { 
padding: 0 5%; 
}
.fbox-5 { 
padding: 0 15%; 
}
.fbox-5.bg-white { 
padding: 40px 12%; 
margin: 10px 3% 60px; 
}
.fbox-6 { 
padding: 45px 8%; 
margin-left: 3%; 
margin-right: 3%; 
}
.fbox-6 h5, .fbox-8 p { 
padding: 0 5%; 
}
.fbox-7 { 
padding: 45px 10%; 
margin-left: 3%; 
margin-right: 3%; 
} 
.rtl-direction .fbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 10px; 
}
.rtl-direction .fbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.fbox-img { 
margin-left: 12%; 
margin-right: 12%; 
padding: 40px 10% 40px; 
}
.more-btn { 
margin-top: 5px; 
} .content-5.division { 
padding-left: 0; 
padding-right: 0; 
}
.content-5 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.content-5-wrapper { 
padding: 0; 
}
.content-5.content-section .txt-block.right-column, .content-5.content-section .txt-block.left-column { 
padding: 0; 
}
.content-5.content-section .txt-block.left-column .cbox p { 
padding: 0 5%; 
}
.rtl-direction .content-5 ul.simple-list { 
list-style: disc; 
}
.content-10 .title-02 p { 
padding: 0 2%; 
}
.content-section .top-row.pb-30,  .content-section .top-row.pb-50 { 
padding-bottom: 0; 
}
.content-6 ul.simple-list { 
list-style: none; 
margin-left: 0; 
}
.cbox-2 { 
width: 320px; 
min-width: 320px; 
padding: 20px 30px; 
}
.cbox-2.mt-20.mb-30 { 
margin-top: 10px; 
}
.cbox-4.left-column, .cbox-4.right-column { 
bottom: 15px; 
right: 5px; 
width: 58%; 
padding: 20px 15px; 
}
.cbox-4.right-column { 
left: 5px; 
right: 0; 
}
.cbox-5 { 
top: -20px; 
left: -20px; 
width: 62%; 
padding: 20px 15px; 
}
.cbox-6 { 
bottom: -10px; 
right: -15px; 
width: 62%; 
padding: 20px 15px; 
}
.cbox-4 h5, .cbox-5 h5, .cbox-6 h5 { 
font-size: 1rem; 
}
.cbox-4 p, .cbox-5 p, .cbox-6 p { 
font-size: 0.85rem; 
}
.cbox-4 .text-center.mt-20, .cbox-5 .text-center.mt-20, .cbox-6 .text-center.mt-20 { 
margin-top: 10px; 
}
.cbox-4 .divider, .cbox-5 .divider, .cbox-6 .divider { 
margin-top: 8px; 
margin-bottom: 8px; 
}
.cbox-4 .btn, .cbox-5 .btn,.cbox-6 .btn { 
font-size: 0.85rem; 
margin-bottom: 8px; 
}
.rtl-direction .cbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 10px; 
}
.rtl-direction .cbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.cb-wrapper { 
margin: 0 0 70px; 
}
.cb-holder { 
padding: 50px 30px; 
margin: 0 6% 40px; 
}
.cb-box-rounded { 
padding: 20px 15px; 
}
.cb-single-box h2.statistic-number { 
font-size: 2.5rem; 
}
.statistic-number sup { 
font-size: 2.25rem; 
top: -5px; right: 0; 
margin-right: 5px; 
}
.cb-shape-1 { 
right: -15px; 
top: -20px; 
}
.cb-shape-2 { 
left: 10px; 
bottom: -30px; 
}
.cb-shape-1 img, 
.cb-shape-2 img { 
padding: 0 12%; 
}
.content-4 .txt-block p { 
margin-bottom: 5px; 
}
.content-section .advantages li { 
padding-left: 3px; 
}
.content-section .advantages li:after { 
top: -1px; 
padding-left: 7px; 
} 
.content-10-btn { 
margin-top: 40px; 
}
.content-section .img-block.left-column, .content-section .img-block.right-column { 
padding: 0; 
}
.content-4-img { 
margin-top: 0; 
padding: 0; 
} .portfolios-content { 
padding-bottom: 40px; 
}
.portfolios-content .masonry-image { 
margin-bottom: 40px; 
}
.post-type-archive-portfolio .project-details, 
.portfolios-content .project-details { 
padding: 0 3%; 
}
.post-type-archive-portfolio .project-txt, 
.portfolios-content .project-txt { 
padding: 0; 
}
.portfolios-content .more-btn.mt-20 { 
margin-top: 0; 
}
.rtl-direction .post-type-archive-portfolio .project-txt, 
.rtl-direction .portfolios-content .project-txt { 
padding-left: 0;
padding-right: 0; 
}
.single-project .project-title { 
margin-bottom: 40px; 
}
.project-title h2 { 
padding-right: 0; 
padding-bottom: 25px; 
margin-bottom: 30px; 
}
.project-data span { 
margin-right: 10px; 
}
.project-image.top-img { 
margin-bottom: 30px; 
}
.more-projects { 
margin-top: 40px; 
} #tabs-1 .tabs-1 {  
margin: 0 auto 30px; 
}
#tabs-1 .txt-block { 
margin-bottom: 40px; 
}
.tabs-1 li { 
padding: 9px 30px; 
}
#tabs-2 .tabs-1 li { 
margin: 0 3% 15px; 
padding: 30px 35px; 
}
.tabs-1 li span { 
font-size: 1rem; 
} .statistic-1-wrapper .statistic-block { padding: 0; }
#sb-2-3 { 
margin-bottom: 40px; 
}
#statistic-4 .col-md-4 { 
width: 50%; float: left; 
}
h2.statistic-number, 
#statistic-3 h3.statistic-number { 
font-size: 2.5rem; 
}
#statistic-2 h2.statistic-number, 
#statistic-4 h2.statistic-number { 
font-size: 2.85rem; 
}
#statistic-1 .statistic-block h5 { 
margin-top: 15px; 
margin-bottom: 12px; 
}
#statistic-2 { 
padding-bottom: 80px; 
}
#statistic-2 .col-lg-3 { 
margin-bottom: 30px; 
}
#statistic-2 .txt-block { 
padding: 0; 
margin-bottom: 30px; 
}
#statistic-2 .txt-block h4, 
#statistic-2 .txt-block h3 { 
padding: 0 8%; 
}
#statistic-2 .txt-block-rating, 
#statistic-4 .statistic-block p.mt-20 { 
margin-top: 10px; 
}
#statistic-2 .txt-block h4 { 
font-size: 1.5rem; 
}
#statistic-2 .txt-block p { 
padding: 0 5%; 
}
.statistic-block-link { 
margin-top: 15px; 
}
.rtl-direction  #statistic-2 .col-lg-3 { 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 0; 
margin-top: 30px; 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block p { 
margin-top: 10px; 
}
.rtl-direction .statistic-block-txt { 
padding-left: 0; 
padding-right: 0; 
}
.rtl-direction #statistic-4 h6, 
#statistic-4 h5 { 
line-height: 1.4; 
padding-left: 0; 
margin-bottom: 0; 
margin-bottom: 15px;
} .reviews-3-column { 
margin-left: 3%; 
margin-right: 3%; 
} 
.reviews-4-holder { 
padding-top: 0; 
padding-bottom: 0; 
}
.reviews-4-holder:after { 
display: none; 
}
#reviews-3 .txt-block { 
text-align: center; 
}
#reviews-3 .txt-block p { 
padding: 0 3%; 
}
.review-2 { 
margin-left: 3%; 
margin-right: 3%; 
}
.review-3 { 
padding: 35px 30px;  
}
.review-3-avatar { 
width: 100%; 
display: inline-block!important; 
float: none; 
margin-bottom: 20px; 
margin-top: 0; 
}
.review-3-txt { 
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
} .pricing-1-row .col, .pricing-2-row .col { 
text-align: center; 
}
.pricing-2-table { 
padding: 30px 45px 35px; 
margin-left: 3%; 
margin-right: 3%; 
}
.pricing-3-table { 
padding: 45px 15%; 
margin-left: 3%; 
margin-right: 3%; 
}
.pricing-3-table.rel { 
margin-top: 15px; 
}
.pricing-plan-title { 
text-align: left; 
}
.pricing-plan-title h6 { 
right: -5px; 
top: -6px; 
}
.highlight-badge h6, 
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.pricing-3-table .pricing-plan h6 { 
margin-bottom: 25px; 
}
.pricing-plan span { 
font-size: 2.85rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 3.75rem; 
}
.pricing-plan sup { 
font-size: 1.75rem; 
top: -5px; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.25rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.25rem; 
top: -16px; 
}
.pricing-plan sup.validity span { 
font-size: 2rem; 
}
.pricing-plan sup.validity { 
font-size: 1.25rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
font-size: 1.05rem; 
margin-top: 10px; 
}
.pricing-2-table .features p, 
.pricing-3-table .features p { 
font-size: 1.05rem; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.payment-methods { 
text-align: center; 
margin-top: 0; 
}
.payment-methods h6 { 
margin-bottom: 10px; 
}
.pbox p { 
padding: 0 3%; 
}
.pricing-notice { 
margin-top: 15px; 
}
.pricing-notice p { 
padding: 0 5%; 
}
.rtl-direction .pricing-plan-title { 
text-align: right; 
} .team-member { 
margin-left: 5%; 
margin-right: 5%; 
}
.team-member-data h5 { 
font-size: 1.25rem; 
}
.team-member-data p { 
font-size: 1.125rem; 
} .brands-2-wrapper { 
padding: 0; 
}
.brands-section h4 { 
padding: 0; 
margin-bottom: 25px; 
}
.brands-section p { 
padding: 0; 
margin-bottom: 35px; 
} .accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after { 
font-size: 0.8rem; top: 23px; right: 0; 
}
#faqs-2 .question { 
margin-bottom: 30px; 
}
.accordion-thumb { 
padding: 20px 0; 
}
.accordion-thumb h5 { 
line-height: 1.4; 
padding-right: 5%; 
}
.rtl-direction .accordion-thumb h5 { 
line-height: 1.4; 
padding-left: 5%; 
padding-right: 0; 
}
#faqs-2 .question h5 { 
line-height: 1.4; 
margin-bottom: 10px; 
}
.rtl-direction .accordion-item .accordion-thumb:after,
.rtl-direction .accordion-item.is-active .accordion-thumb:after {
top: 21px;right: 97%;
}
.more-questions a { 
display: block; 
margin-top: 5px; 
}
.more-questions { 
margin-top: 10px; 
}
#faqs-1 .more-questions { 
margin-top: 30px; 
} .cta-1-wrapper { 
padding: 35px 8%; 
}
.cta-2-txt p { 
padding: 0; 
} span.version-data { 
font-size: 2rem; 
margin-right: 10px; 
}
span.release-date span { 
margin-left: 10px; 
} #cta-6, 
#cta-9, 
#cta-10 { 
padding-top: 60px; 
padding-bottom: 60px; 
}
.cta-3-wrapper { 
padding: 40px 5%; 
margin-top: -120px; 
}
.cta-4-wrapper { 
padding: 40px 10%; 
margin-bottom: -120px; 
}
.cta-1-wrapper { 
padding: 50px 8%; 
}
.cta-5-wrapper { 
padding: 60px 30px; 
}
.cta-6-txt { 
padding: 0; 
}
.cta-10-txt { 
padding: 0; 
margin-bottom: 40px; 
}
.cta-11-wrapper { 
padding: 60px 30px; 
}
.cta-1-wrapper, 
.cta-5-wrapper { 
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.cta-box {
padding: 35px 30px; 
}
.cta-txt {
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.cta-ico {
width: 100%; 
display: inline-block!important; 
float: none; 
margin-top: 0; 
margin-bottom: 15px; 
}
.cta-1-txt h4, 
.cta-3-txt h4 { 
font-size: 1.55rem; 
padding: 0 5%;  
}
.cta-2-txt h4, 
.cta-4-txt h4 { 
font-size: 1.55rem; 
padding: 0 10%; 
margin-bottom: 10px; 
}
.cta-5-txt h3 { 
font-size: 1.625rem; 
padding: 0; 
margin-bottom: 10px; 
}
.cta-6-txt h3 { 
font-size: 1.625rem; 
margin-bottom: 20px; 
}
.cta-6-txt h4, 
.cta-6-txt h3, 
.cta-6-txt h2 { 
margin-bottom: 20px; 
padding: 0 3%; 
}
.cta-9-txt h2 { 
padding: 0; 
margin-bottom: 15px; 
}
.cta-10-txt h3 { 
padding: 0 5%; 
}
.cta-11-txt h3 { 
font-size: 1.625rem; 
margin-bottom: 10px; 
}
.cta-2-txt p { 
padding: 0 8%; 
margin-bottom: 20px; 
}
.cta-9-txt p.p-xl { 
padding: 0 5%; 
margin-bottom: 30px; 
}
.cta-10-img { 
margin-left: 5%; 
margin-right: 5%; 
}
.cta-6-txt .btns-group { 
margin-bottom: 25px; 
}
.cta-section .stores-badge { 
text-align: center; 
margin-top: 10px; 
padding: 0 5%; 
}
.cta-section .stores-badge .store { 
float: none; 
margin-top: 15px; 
margin-right: 0; 
}
.os-btn {
width: 300px; 
min-width: 300px; 
padding: 25px 20px; 
}
.cta-section .advantages li { 
padding-left: 2px; 
}
.cta-section .advantages li:after { 
top: -1px; 
padding-left: 6px; 
} #newsletter-1 h4.h4-xl { 
font-size: 1.5rem; 
}
#newsletter-2 h4.h4-xl { 
font-size: 1.5rem; 
}
#newsletter-1 { 
margin: 0 -15px; 
}
#newsletter-1.division { 
padding-left: 0; 
padding-right: 0; 
}
.newsletter-wrapper { 
border: none; 
padding: 40px 40px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.newsletter-section hr { 
margin: 20px 0 0; 
}
.newsletter-section .newsletter-txt h4 { 
font-size: 1.35rem; 
}
#newsletter-2 .newsletter-txt { 
padding: 0 10%; 
}
#newsletter-1 .newsletter-form { 
margin-top: 10px; 
}
#newsletter-2 .newsletter-form { 
margin-top: 25px; 
padding: 0 8%; 
}
.newsletter-section .form-control { 
display: block; width: 100%!important; 
text-align: center; 
height: 48px; 
background-color: #fff;
border: 1px solid #ccc;
font-size: 0.95rem; 
margin-right: 0; 
margin-bottom: 15px; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
#newsletter-2.newsletter-section .form-control { 
font-size: 1rem; 
border: 1px solid #ccc; 
}
#newsletter-2.bg-lightgrey.newsletter-section .form-control, 
#newsletter-2.bg-dark.newsletter-section .form-control { 
font-size: 1rem; 
border-bottom: 1px solid #ccc; 
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.newsletter-section .form-control:focus { 
border: 1px solid #998da0; 
}
.newsletter-section .input-group-btn { 
display: block; width: 100%!important; 
}
.newsletter-section .btn { 
display: block; 
height: 48px; 
width: 100%!important; margin: 0; 
}
.rtl-direction #newsletter-2.newsletter-section .form-control { 
margin-left: 0; 
} .layout-full .blog-masonry .masonry-image,
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image { 
width: 100%; 
}
.blog-1-post, 
.featured-post { 
margin-left: 3%; 
margin-right: 3%; 
}
.blog-1-post .blog-post-txt { 
margin-top: 30px; 
padding-left: 10px; 
padding-right: 0; 
}
.blog-masonry .blog-post-txt { 
padding-left: 3%; 
padding-right: 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
margin-top: 0; 
}
h5.posts-category { 
margin-bottom: 30px; 
margin-left: 3%; 
margin-right: 3%; 
} .blog-masonry .title-02.mb-85 { 
margin-bottom: 50px; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 30px 30px; 
} .single-post .post-data { 
margin-top: 30px; 
margin-bottom: 35px; 
}
.single-post .post-author-avatar img { 
width: 44px; 
height: 44px; 
margin: 0 8px 0 0; 
}
.single-post-txt h4, 
.single-post-txt h3 { 
margin-bottom: 20px; 
}
.single-post-txt h5 { 
margin-top: 17px; 
margin-bottom: 20px; 
}
.single-post .quote.mt-30.mb-35 { 
margin-top: 20px; 
margin-bottom: 25px; 
}
.post-inner-img { 
margin-top: 30px; 
margin-bottom: 35px; 
}
.post-tags-list span a { 
font-size: 0.9rem; 
padding: 4px 8px; 
margin-right: 3px; 
}
.author-senoff img { 
width: 70px; 
height: 70px; 
float: none; 
}
.author-senoff-txt { 
padding-left: 0; 
padding-top: 25px; 
}
.author-follow-btn { 
font-size: 0.95rem; 
padding: 4px 12px; 
top: 15px; right: 15px; 
}
.post-comments img { 
width: 50px; 
height: 50px; 
}
.comment-body { 
margin-left: 15px; 
}
.comment-form .form-control { 
height: 48px; 
font-size: 1rem; 
}
.comment-form textarea { 
min-height: 150px; 
}
.comment-form textarea.form-control { 
padding: 15px 20px; 
} #contacts-1 { 
padding-top: 80px; 
}
.wpcf7 .title-01 h3 { 
font-size: 1.625rem; 
padding: 0 5%; 
}
#contacts-1-form { 
padding: 25px 20px 15px; 
margin: 0 0 30px; 
}
.wpcf7 .contact-form p.p-lg { 
margin-bottom: 10px; 
}
.wpcf7 .contact-form span { 
line-height: 1.3; 
margin-bottom: 15px; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 52px; 
}
.contact-form textarea { 
min-height: 170px; 
} .footer { 
padding-top: 80px; 
padding-bottom: 30px; 
}
#footer-1 .col-sm-6, 
#footer-2 .col-sm-6, 
#footer-3 .col-sm-4, 
#footer-4 .col-sm-6 { 
width: 50%; float: left; 
}
.rtl-direction #footer-3 .col-sm-4.pl-50 { 
width: 50%; 
margin-left: 48%; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
img.footer-logo { 
max-height: 35px; 
}
.footer hr { 
margin-top: 10px; 
}
.footer-info p { 
padding-right: 0; 
}
.footer h6, 
.footer h5 { 
margin-bottom: 20px; 
}
.footer p.p-md, 
.bottom-footer p { 
font-size: 1rem; 
}
.footer-socials.ico-25 a { 
margin-right: 12px; 
}
.footer-form .newsletter-form .input-group { 
padding: 0 2px; 
}
.footer-form .form-control { 
height: 50px; 
font-size: 1rem; 
}
.footer-form .btn { 
height: 50px; 
padding: 0 15px; 
}
.bottom-footer { 
margin-top: 0; 
padding-top: 30px; 
}
.bottom-footer-list.text-end { 
text-align: left!important; 
margin-top: 5px; 
}
.bottom-footer-list li { 
padding-left: 2px; 
}
.bottom-footer-list li:after { 
top: -1px; 
padding-left: 6px; 
} .page-hero-section { 
padding-top: 55px; 
padding-bottom: 55px; 
}
.page-hero-section p { 
padding: 0; 
margin-top: 15px; 
} .page-link { 
font-size: 0.95rem; 
padding: 2px 10px; 
} #scrollUp { 
width: 38px; 
height: 38px; 
bottom: 25px; 
right: 10px; 
}
}   @media (min-width: 321px) and (max-width: 413.95px) {
.sbox-13-txt { 
padding: 50px 15% 50px 30px; 
}
.caption-txt .title h2 { 
font-size: 2.85rem; 
line-height: 1.25; 
margin-bottom: 10px; 
}
.tra-header { 
font-size: 2.25rem; 
margin-bottom: -20px; 
}
.section-title p { 
font-size: 1.0625rem; 
padding: 0 6%; 
margin-top: 10px; 
}
#stlChanger { 
display: none; 
}
.division { 
padding-left: 0; 
padding-right: 0; 
}
.wave-shape-bottom { 
bottom: -2px; 
}
.ts-0 { 
padding-top: 80px; 
}
h6, h5, h4, h3 { 
line-height: 1.35; 
} h6.h6-xs { 
font-size: 1.05rem; 
} h6.h6-sm { 
font-size: 1.05rem; 
} h6.h6-md { 
font-size: 1.0625rem; 
} h6.h6-lg { 
font-size: 1.0625rem; 
} h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 { 
font-size: 1.0625rem; 
} .rtl-direction h6.h6-xs { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-sm { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-md { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-lg { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-xl,
.rtl-direction .widget.widget_block .wp-block-group h2,
.rtl-direction .widget.widget_block h2 { 
font-size: 1.125rem; 
} h5.h5-xs { 
font-size: 1.125rem; 
} 
h5.h5-sm { 
font-size: 1.125rem; 
}  
h5.h5-md { 
font-size: 1.125rem; 
} 
h5.h5-lg { 
font-size: 1.125rem; 
}
h5.h5-xl { 
font-size: 1.125rem; 
} .rtl-direction h5.h5-xs { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-sm { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-md { 
font-size: 1.25rem; 
} 
.rtl-direction h5.h5-lg { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-xl { 
font-size: 1.25rem; 
} h4.h4-xs { 
font-size: 1.25rem; 
}
h4.h4-sm { 
font-size: 1.25rem; 
}
h4.h4-md { 
font-size: 1.25rem; 
}
h4.h4-lg { 
font-size: 1.25rem; 
}
h4.h4-xl { 
font-size: 1.25rem; 
}  h3.h3-xs { 
font-size: 1.5rem; 
}
h3.h3-sm { 
font-size: 1.5rem; 
}
h3.h3-md { 
font-size: 1.5rem; 
} 
h3.h3-lg { 
font-size: 1.5rem; 
}
h3.h3-xl { 
font-size: 1.9rem; 
}  h2.h2-xs { 
font-size: 1.625rem; 
}
h2.h2-sm { 
font-size: 1.625rem; 
}
h2.h2-md { 
font-size: 1.625rem; 
}
h2.h2-lg { 
font-size: 1.625rem; 
}
h2.h2-xl { 
font-size: 1.625rem; 
} h2.h2-title-xs { 
font-size: 1.875rem; 
} h2.h2-title-sm { 
font-size: 1.875rem; 
} h2.h2-title-md { 
font-size: 2rem; 
} h2.h2-title-lg { 
font-size: 2rem; 
} h2.h2-title-xl { 
font-size: 2.125rem; 
}  p.p-sm { 
font-size: 0.9375rem; 
}
p.p-md { 
font-size: 0.9375rem; 
}
p.p-lg { 
font-size: 1rem; 
}
p.p-xl { 
font-size: 1rem; 
} 
p.p-title-xs { 
font-size: 1.05rem; 
}
p.p-title-sm { 
font-size: 1.05rem; 
}
p.p-title-md { 
font-size: 1.05rem; 
}
p.p-title-lg { 
font-size: 1.1rem; 
}
p.p-title-xl { 
font-size: 1.1rem; 
} 
.rtl-direction p.p-md { 
font-size: 1.1rem; 
}
.rtl-direction p.p-lg { 
font-size: 1.1rem; 
}
.rtl-direction p.p-xl { 
font-size: 1.1rem; 
} .btn, 
.btn.btn-md, 
.btn.btn-lg { 
font-size: 0.9375rem; 
padding: 12px 32px; 
}
.btn-transparent, 
.btn.btn-md.btn-transparent, 
.btn.btn-lg.btn-transparent { 
padding: 8px 4px; 
}
.btn.ico-20.ico-left span { 
right: 5px; 
} .watch-video-link { 
width: 48px; 
height: 48px; 
margin-right: 11px; 
}
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 1px; 
} .video-btn-xl { 
width: 70px; 
height: 70px; 
margin-top: -35px; 
margin-left: -35px; 
}
.video-btn-lg { 
width: 70px; 
height: 70px; 
margin-top: -35px;
margin-left: -35px; 
}
.video-btn-md { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn-sm { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn.video-btn-xl:hover:before, 
.video-btn.video-btn-lg:hover:before { 
left: -16px; 
right: -16px; 
top: -16px; 
bottom: -16px; 
}
.video-btn.video-btn-md:hover:before,
.video-btn.video-btn-sm:hover:before { 
left: -12px; 
right: -12px; 
top: -12px; 
bottom: -12px; 
} .store { 
margin-right: 10px; 
}
.store img { 
max-height: 44px; 
}
.footer .store img { 
max-height: 48px; 
}
span.os-version { 
font-size: 0.9375rem; 
line-height: 1.25; 
font-weight: 300; 
} .ico-rounded-xs { 
width: 70px; 
height: 70px; 
}
.ico-rounded-sm { 
width: 75px; 
height: 75px; 
}
.ico-rounded-md { 
width: 80px; 
height: 80px; 
}
.ico-rounded-lg { 
width: 85px; 
height: 85px; 
}
.ico-rounded-xl { 
width: 95px; 
height: 95px; 
} .ico-125 img { 
width: 110px; 
height: 110px; 
}
.ico-120 img { 
width: 105px; 
height: 105px; 
}
.ico-115 img { 
width: 101px; 
height: 101px; 
}
.ico-110 img { 
width: 97px; 
height: 97px; 
}
.ico-105 img { 
width: 92px; 
height: 92px; 
}
.ico-100 img { 
width: 88px; 
height: 88px; 
}
.ico-95 img { 
width: 84px; 
height: 84px; 
}
.ico-90 img { 
width: 79px; 
height: 79px; 
}
.ico-85 img { 
width: 75px; 
height: 75px; 
}
.ico-80 img { 
width: 70px; 
height: 70px; 
}
.ico-75 img { 
width: 66px; 
height: 66px; 
}
.ico-70 img { 
width: 62px; 
height: 62px; 
}
.ico-60 img { 
width: 53px; 
height: 53px; 
}
.ico-55 img { 
width: 48px; 
height: 48px; 
}
.ico-50 img { 
width: 44px; 
height: 44px; 
}
.ico-45 img { 
width: 40px; 
height: 40px; 
}
.ico-40 img { 
width: 35px; 
height: 35px; 
}
.ico-35 img { 
width: 31px; 
height: 31px; 
}
.ico-30 img { 
width: 26px; 
height: 26px; 
}
.ico-25 img { 
width: 22px; 
height: 22px; 
}
.ico-20 img { 
width: 20px; 
height: 18px; 
} .section-id { 
font-size: 1rem; 
margin-bottom: 22px; 
}
.section-id.txt-upcase { 
font-size: 0.825rem; 
}
.section-title .section-id, 
.section-title-left .section-id { 
margin-bottom: 20px; 
} .title-04 { 
text-align: center; 
padding: 0; 
}
.section-title h3 { 
padding: 0 5%; 
}
.section-title.title-04 h3 { 
padding: 0; 
}
.title-01 p { 
padding: 0; 
margin-top: 15px; 
} .txt-block h3, 
.txt-block h2, 
.content-14-txt h4, 
.content-14-txt h3 { 
margin-bottom: 16px; 
}
h5.sm-title { 
margin-top: 15px; 
margin-bottom: 15px; 
}
.txt-block .btn, 
.content-14-txt .btn, 
.txt-block .stores-badge { 
margin-top: 15px; 
}
.txt-block .btns-group .btn.mr-15 { 
margin-left: 15px;
margin-right: 15px; 
}
.advantages li { 
display: block!important; 
text-align: center; 
padding-left: 0;  
}  
.advantages li:after { 
display: none; 
}
.advantages li p { 
display: block; 
float: none; 
margin-bottom: 0; 
margin-top: 5px; 
} .terms-txt a { 
display: block; 
} .tools-list span { 
padding-right: 4px; 
}
.stars-rating span { 
position: relative; 
top: 2px; 
}
.stars-rating { 
font-size: 0.9375rem; 
}
.stars-rating p { 
font-size: 0.9375rem; 
padding: 0 10%; 
}  .wsmenu > .wsmenu-list { 
width: 290px; 
margin-right: -290px; 
}
.wsactive .wsmobileheader { 
margin-right: 290px; 
}
.overlapblackbg { 
width: calc(100% - 290px); 
}
.wsanimated-arrow { 
padding: 14px 30px 14px 0px; 
margin: 23px 18px 0 0; 
}
.wsmobileheader .smllogo { 
display: block; 
margin-top: 22px; 
padding-left: 18px; 
}
.smllogo img { 
width: auto; 
max-width: inherit; 
max-height: 36px; 
}   .hero-logo-rounded span { 
font-size: 0.875rem; 
} .hero-brands { 
margin-top: 30px; 
padding: 0; 
}
.hero-brands p { 
padding: 0 5%; 
margin-bottom: 20px; 
}
.hero-brands .brand-logo { 
padding: 0 15px; 
} .hero-section .btns-group .btn.mr-15 { 
margin: 0 20px 15px; 
} .request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select { 
height: 48px; 
font-size: 16px; 
} .hero-section .quick-form .input-group { 
background-color: transparent; 
padding: 0; 
}
.hero-section .quick-form .form-control { 
background-color: #fff; 
text-align: center; 
height: 50px; 
font-size: 16px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}
.hero-section .quick-form .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.hero-section .quick-form .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px; border-bottom-right-radius: 5px; 
}
.rtl-direction .hero-section .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
}
.hero-section .quick-form .input-group-btn { 
display: block; width: 100%!important; 
}
.hero-section .quick-form .btn { 
display: block; 
height: 50px; 
width: 100%!important; 
font-size: 16px; 
margin-top: 15px; 
margin-left: 0; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}
.rtl-direction .input-group .input-group-btn {
order: 2; 
}
.rtl-direction .input-group .email {
order: 1; 
} #features-7 .txt-block p { 
padding: 0 3%; 
}
.fbox-1 { 
padding: 0 8%; 
}
.fbox-2 { 
padding: 0 5%; 
}
.fbox-3, 
.fbox-4 { 
padding: 0 5%; 
}
.fbox-5 { 
padding: 0 12%; 
}
.fbox-5.bg-white { 
padding: 40px 10%; 
margin: 10px 3% 60px; 
}
.fbox-6 { 
padding: 45px 10%; 
margin-left: 3%; 
margin-right: 3%; 
}
.fbox-6 h5 { 
padding: 0 3%; 
}
.fbox-7 { 
padding: 45px 8%; 
margin-left: 3%; 
margin-right: 3%; 
}
.fbox-8 p { 
padding: 0 5%; 
}
.rtl-direction .fbox-txt { 
width: 100%; 
text-align: center; 
padding: 0 3%; 
margin-top: 10px; 
}
.rtl-direction .fbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.fbox-img { 
margin-left: 12%; 
margin-right: 12%; 
padding: 40px 10% 40px; 
}
.more-btn { 
margin-top: 5px; 
} .content-5.division { 
padding-left: 0; 
padding-right: 0; 
}
.content-5 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.content-5-wrapper { 
padding: 0; 
}
.content-5.content-section .txt-block.left-column { 
padding: 0; 
}
.content-5.content-section .txt-block.right-column { 
padding: 0; 
}
.content-section .top-row.pb-30, 
.content-section .top-row.pb-50 { 
padding-bottom: 0; 
}
.content-8 .section-title h2 { 
padding: 0 3%; 
}
.content-6 ul.simple-list { 
list-style: none; 
margin-left: 0; 
}
.cbox { 
padding: 0 5%; 
}
.content-5 .cbox { 
padding: 0 5%; 
}
.cbox-2 { 
width: 320px; 
min-width: 320px; 
padding: 20px 30px; 
}
.cbox-2.mt-20.mb-30 { 
margin-top: 10px; 
}
.cbox-4.left-column, 
.cbox-4.right-column { 
bottom: 15px; 
right: 5px; 
width: 60%; 
padding: 20px 10px; 
}
.cbox-4.right-column { 
left: 5px; 
right: 0; 
}
.cbox-5 { 
top: -20px; 
left: -20px; 
width: 66%; 
padding: 20px 10px; 
}
.cbox-6 { 
bottom: -10px; 
right: -15px; 
width: 66%; 
padding: 20px 10px; 
}
.rtl-direction .cbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 10px; 
}
.rtl-direction .cbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.rtl-direction .cbox-3-txt { 
display: block!important; 
padding-left: 0; 
padding-right: 38px; 
}
.rtl-direction .content-5 ul.simple-list { 
list-style: disc; 
}
.cbox-4 h5, 
.cbox-5 h5, 
.cbox-6 h5 { 
font-size: 1rem; 
}
.cbox-4 p, 
.cbox-5 p, 
.cbox-6 p { 
font-size: 0.85rem; 
}
.cbox-4 .text-center.mt-20, 
.cbox-5 .text-center.mt-20, 
.cbox-6 .text-center.mt-20 { 
margin-top: 10px; 
}
.cbox-4 .divider, 
.cbox-5 .divider, 
.cbox-6 .divider { 
margin-top: 8px; 
margin-bottom: 8px; 
}
.cbox-4 .btn, 
.cbox-5 .btn,
.cbox-6 .btn { 
font-size: 0.85rem; 
margin-bottom: 8px; 
}
.cb-wrapper { 
margin: 0 0 70px; 
}
.cb-holder { 
padding: 50px 25px; 
margin: 0 5% 40px; 
}
.cb-box-rounded { 
padding: 20px 15px; 
}
.cb-single-box h2.statistic-number { 
font-size: 2.5rem; 
}
.statistic-number sup { 
font-size: 2.25rem; 
top: -5px; 
right: 0; 
margin-right: 5px;
}
.cb-shape-1 { 
right: -15px; 
top: -20px; 
}
.cb-shape-2 { 
left: 10px; 
bottom: -30px; 
}
.cb-shape-1 img, 
.cb-shape-2 img { 
padding: 0 12%; 
}
.content-4 .txt-block p { 
margin-bottom: 5px; 
}
.content-section .advantages li { 
padding-left: 3px; 
}
.content-section .advantages li:after { 
top: -1px; 
padding-left: 7px; 
} 
.content-10-btn { 
margin-top: 40px; 
}
.content-section .img-block.left-column, 
.content-section .img-block.right-column { 
padding: 0; 
}
.content-4-img { 
margin-top: 0; 
padding: 0; 
} .portfolios-content { 
padding-bottom: 40px; 
}
.portfolios-content .masonry-image { 
margin-bottom: 40px; 
}
.post-type-archive-portfolio .project-details, 
.portfolios-content .project-details { 
padding: 0 2%; 
}
.post-type-archive-portfolio .project-txt, 
.portfolios-content .project-txt { 
padding: 0; 
}
.portfolios-content .more-btn.mt-20 { 
margin-top: 0; 
}
.rtl-direction .post-type-archive-portfolio .project-txt, 
.rtl-direction .portfolios-content .project-txt { 
padding-left: 0;padding-right: 0; 
}
.single-project .project-title { 
margin-bottom: 40px; 
}
.project-title h2 { 
padding-right: 0; 
padding-bottom: 25px;
margin-bottom: 30px; 
}
.project-data span { 
margin-right: 10px; 
}
.project-image.top-img { 
margin-bottom: 30px; 
}
.more-projects { 
margin-top: 50px; 
} #tabs-1 .tabs-1 {  
margin: 0 auto 40px; 
}
#tabs-1 .txt-block { 
margin-bottom: 40px; 
}
.tabs-1 li { 
padding: 9px 30px; 
}
#tabs-2 .tabs-1 li { 
margin: 0 3% 15px; 
padding: 30px 20px; 
}
.tabs-1 li span { 
font-size: 1rem; 
} #statistic-1.pt-70.pb-70 { 
padding-top: 60px; 
padding-bottom: 60px; 
}
.statistic-1-wrapper .statistic-block { 
padding: 0 8%; 
}
#sb-2-3 { 
margin-bottom: 40px; 
}
h2.statistic-number, 
#statistic-3 h3.statistic-number { 
font-size: 2.5rem; 
}
#statistic-2 h2.statistic-number, 
#statistic-4 h2.statistic-number { 
font-size: 2.75rem; 
}
#statistic-1 .statistic-block h5 { 
margin-top: 15px; 
margin-bottom: 12px; 
}
#statistic-2 { 
padding-bottom: 80px; 
}
#statistic-2 .col-lg-3 { 
margin-bottom: 30px; 
}
#statistic-4 .statistic-block { 
padding: 0 12%; 
}
#statistic-2 .txt-block { 
padding: 0; 
margin-bottom: 30px; 
}
#statistic-2 .txt-block h4 { 
font-size: 1.5rem; 
}
#statistic-2 .txt-block-rating, 
#statistic-4 .statistic-block p.mt-20 { 
margin-top: 10px; 
}
.statistic-block-link { 
margin-top: 15px; 
}
.rtl-direction  #statistic-2 .col-lg-3 { 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 0; 
margin-top: 30px; 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block p { 
margin-top: 10px; 
}
.rtl-direction .statistic-block-txt { 
padding-left: 0; 
padding-right: 0; 
}
.rtl-direction #statistic-4 h6, 
#statistic-4 h5 { 
line-height: 1.4; 
padding-left: 0; 
margin-bottom: 0; 
margin-bottom: 15px;
} .reviews-4-holder { 
padding-top: 0; 
padding-bottom: 0; 
}
.reviews-4-holder:after { 
display: none; 
}
.review-1-txt, .review-2-txt { 
width: 100%; 
padding-left: 0; 
}
#reviews-3 .txt-block { 
text-align: center; 
}
#reviews-3 .txt-block p { 
padding: 0 3%; 
}
.rtl-direction .review-1-txt, 
.rtl-direction .review-2-txt, 
.rtl-direction .review-3-txt { 
padding-left: 0; 
padding-right: 0; 
}
.review-1 { 
padding: 10px 0; 
margin: 0 10px 10px; 
}
.review-2 { 
padding: 30px 20px; 
margin-left: 3%; 
margin-right: 3%; 
}
.review-3 { 
padding: 30px 50px; 
}
.review-4 { 
padding: 25px 30px; 
margin: 0 3% 20px; 
}
.review-1-ico, 
.review-2-ico { 
width: 10%; 
margin-top: 0; 
margin-bottom: 5px; 
}
.review-3-avatar { 
width: 100%; 
display: inline-block!important; 
float: none; 
margin-bottom: 20px; 
margin-top: 0; 
}
.review-3-txt { 
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
}
.review-3-txt a { 
display: block; 
margin-top: 10px; 
} .team-member { 
margin-left: 5%; 
margin-right: 5%; 
}
.team-member-data h5 { 
font-size: 1.25rem; 
}
.team-member-data p { 
font-size: 1.125rem; 
} .pricing-1-row .col, 
.pricing-2-row .col { 
text-align: center; 
}
.pricing-2-table { 
padding: 30px 40px 35px; 
margin-left: 3%; 
margin-right: 3%; 
}
.pricing-3-table { 
padding: 45px 40px; 
margin-left: 3%; 
margin-right: 3%; 
}
.pricing-3-table.rel { 
margin-top: 15px; 
}
.pricing-plan-title { 
text-align: left; 
}
.pricing-plan-title h6 { 
right: -5px; 
top: -6px; 
}
.highlight-badge h6, 
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.rtl-direction .pricing-plan-title { 
text-align: right; 
}
.rtl-direction .pricing-plan-title h6 {
width: auto; 
right: 55%;
}
.pricing-3-table .pricing-plan h6 { 
margin-bottom: 25px; 
}
.pricing-plan span { 
font-size: 2.75rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 3.75rem; 
}
.pricing-plan sup { 
font-size: 1.75rem; 
top: -5px; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.25rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.25rem; 
top: -16px; 
}
.pricing-plan sup.validity span { 
font-size: 2rem; 
}
.pricing-plan sup.validity { 
font-size: 1.25rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
font-size: 1rem; 
margin-top: 10px; 
}
.pricing-2-table .features p, 
.pricing-3-table .features p { 
font-size: 1rem; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.payment-methods { 
text-align: center; 
margin-top: 0; 
}
.payment-methods h6 { 
margin-bottom: 10px; 
}
.payment-icons li { 
padding-right: 3px; 
}
.pricing-notice { 
margin-top: 0; 
}
.pricing-notice p { 
padding: 0 3%; 
} .brands-2-wrapper { 
padding: 0; 
}
.brands-section h4 { 
padding: 0; 
margin-bottom: 25px; 
}
.brands-section p { 
padding: 0 5%; 
margin-bottom: 35px; 
} .accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after { 
font-size: 0.8rem; 
top: 23px; 
right: 0; 
}
#faqs-2 .question { 
margin-bottom: 30px; 
}
.accordion-thumb { 
padding: 20px 0; 
}
.accordion-thumb h5 { 
line-height: 1.4;  
padding-right: 10%; 
}
#faqs-2 .question h5 { 
line-height: 1.4; 
margin-bottom: 10px; 
}
.more-questions a { 
display: block; 
margin-top: 5px; 
}
.more-questions { 
margin-top: 10px; 
}
#faqs-1 .more-questions { 
margin-top: 30px; 
}
.rtl-direction .accordion-thumb h5 { 
line-height: 1.4; 
padding-left: 5%; 
padding-right: 0; 
}
.rtl-direction .accordion-item .accordion-thumb:after,
.rtl-direction .accordion-item.is-active .accordion-thumb:after {
top: 21px;
right: 97%;
} span.version-data { 
font-size: 1.75rem; 
margin-right: 10px; 
}
span.release-date span { 
font-size: 1.125rem; 
margin-left: 10px; 
} #cta-6, #cta-9, #cta-10 { 
padding-top: 60px; 
padding-bottom: 60px; 
}
#cta-4 { 
margin-bottom: 110px; 
}
.cta-3-wrapper { 
padding: 40px 5%; 
margin-top: -120px; 
}
.cta-4-wrapper { 
padding: 40px 10%; 
margin-bottom: -120px; 
}
.cta-1-wrapper { 
padding: 50px 8%; 
}
.cta-5-wrapper { 
padding: 60px 30px; 
}
.cta-6-txt { 
padding: 0; 
}
.cta-10-txt { 
padding: 0 5%; 
margin-bottom: 40px; 
}
.cta-11-wrapper { 
padding: 60px 30px; 
}
.cta-1-wrapper, 
.cta-5-wrapper { 
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.cta-box {
padding: 35px 30px; 
}
.cta-txt {
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.cta-ico {
width: 100%; 
display: inline-block!important; 
float: none; 
margin-top: 0; 
margin-bottom: 15px; 
}
.cta-1-txt h4, 
.cta-3-txt h4 { 
font-size: 1.5rem; 
padding: 0 5%;  
}
.cta-2-txt h4, 
.cta-4-txt h4 { 
font-size: 1.5rem; 
padding: 0 5%; 
margin-bottom: 10px; 
}
.cta-5-txt h3{ 
font-size: 1.625rem; 
padding: 0 8%; 
}
.cta-6-txt h4, 
.cta-6-txt h3, 
.cta-6-txt h2 { 
margin-bottom: 20px; 
}
.cta-9-txt h2 { 
padding: 0 10%; 
margin-bottom: 15px; 
}
.cta-2-txt p { 
padding: 0 6%; 
margin-bottom: 20px; 
}
.cta-9-txt p.p-xl { 
padding: 0 5%; 
margin-bottom: 30px; 
}
.cta-6-txt .btns-group { 
margin-bottom: 25px; 
}
.cta-section .btn.mr-15 { 
margin: 0 5% 15px; 
}
.cta-section .stores-badge { 
text-align: center; 
margin-top: 10px; 
padding: 0 5%; 
}
.cta-section .stores-badge .store { 
float: none; 
margin-top: 15px; 
margin-right: 0; 
}
.os-btn { 
width: auto; 
min-width: auto; 
padding: 20px; 
margin: 0 15px 20px; 
} #newsletter-1 h4.h4-xl, 
#newsletter-2 h4.h4-xl { 
font-size: 1.4rem; 
}
#newsletter-1 { 
margin: 0 -15px; 
}
.newsletter-wrapper { 
border: none; 
padding: 40px 30px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.newsletter-section hr { 
margin: 20px 0 0; 
}
#newsletter-2 .newsletter-txt { 
padding: 0 10%; 
}
#newsletter-1 .newsletter-form { 
margin-top: 10px; 
}
#newsletter-2 .newsletter-form { 
margin-top: 25px; 
padding: 0 8%; 
}
.newsletter-section .form-control { 
display: block; width: 100%!important; 
text-align: center; 
height: 48px; 
background-color: #fff;
border: 1px solid #ccc;
font-size: 0.95rem; 
margin-right: 0; 
margin-bottom: 15px; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
#newsletter-2.newsletter-section .form-control { 
font-size: 1rem; 
border: 1px solid #ccc; 
}
#newsletter-2.bg-lightgrey.newsletter-section .form-control, 
#newsletter-2.bg-dark.newsletter-section .form-control { 
font-size: 1rem; 
border-bottom: 1px solid #ccc; 
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.newsletter-section .form-control:focus { 
border: 1px solid #998da0; 
}
.newsletter-section .input-group-btn { 
display: block; width: 100%!important; 
}
.newsletter-section .btn { 
display: block; 
height: 48px; 
width: 100%!important; margin: 0; 
}
.rtl-direction #newsletter-2.newsletter-section .form-control { 
margin-left: 0; 
} .layout-full .blog-masonry .masonry-image,
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image { 
width: 100%;
}
.blog-1-post,
.featured-post { 
margin-left: 2%; 
margin-right: 2%; 
}
.blog-1-post .blog-post-txt { 
margin-top: 30px; 
padding-left: 0; 
padding-right: 0; 
}
.blog-masonry .blog-post-txt { 
padding-left: 0; 
padding-right: 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
margin-top: 0; 
}
h5.posts-category { 
margin-left: 2%; 
margin-right: 2%; 
} .blog-masonry .title-02.mb-85 { 
margin-bottom: 50px; 
}
h5.posts-category { 
margin-bottom: 30px; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 30px 30px; 
} .single-post .post-data { 
margin-top: 20px; 
margin-bottom: 30px; 
}
.single-post .post-author-avatar img { 
display: none; 
}
.single-post-txt h4, 
.single-post-txt h3 { 
margin-bottom: 20px; 
}
.single-post-txt h5 { 
margin-top: 17px; 
margin-bottom: 20px; 
}
.single-post .quote.mt-30.mb-35 { 
margin-top: 20px; 
margin-bottom: 25px; 
}
.post-inner-img { 
margin-top: 30px; 
margin-bottom: 35px; 
}
.post-tags-list span a { 
font-size: 0.85rem; 
padding: 3px 6px; 
margin-right: 2px; 
}
.author-senoff img { 
width: 70px; 
height: 70px; 
float: none; 
}
.author-senoff-txt { 
padding-left: 0; 
padding-top: 25px; 
}
.author-follow-btn { 
font-size: 0.95rem; 
padding: 4px 12px; 
top: 15px; 
right: 15px; 
}
.post-comments img { 
width: 50px; 
height: 50px; 
}
.comment-body { 
margin-left: 15px; 
}
.comment-form .form-control { 
height: 48px; 
font-size: 1rem; 
}
.comment-form textarea { 
min-height: 150px; 
}
.comment-form textarea.form-control { 
padding: 15px 20px; 
} #contacts-1 { 
padding-top: 80px; 
}
#contacts-1-form { 
padding: 25px 20px 15px; 
margin: 0 0 30px; 
}
.wpcf7 .contact-form p.p-lg { 
margin-bottom: 10px; 
}
.wpcf7 .contact-form span { 
line-height: 1.3; 
margin-bottom: 15px; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 52px; 
}
.contact-form textarea { 
min-height: 170px; 
} .footer { 
padding-top: 80px; 
padding-bottom: 30px; 
}
#footer-1 .col-sm-6, 
#footer-2 .col-sm-6, 
#footer-3 .col-sm-4, 
#footer-4 .col-sm-6 { 
width: 50%; 
float: left; 
}
.rtl-direction #footer-3 .col-sm-4.pl-50 { 
width: 50%; 
margin-left: 48%; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
img.footer-logo { 
max-height: 35px; 
}
.footer hr { 
margin-top: 10px; 
}
.footer-info p { 
padding-right: 0; 
}
.footer h6, 
.footer h5 { 
margin-bottom: 20px; 
}
.footer p.p-md, 
.bottom-footer p { 
font-size: 1rem; 
}
.footer-socials.ico-25 a { 
margin-right: 12px; 
}
.footer-form .newsletter-form .input-group { 
padding: 0 2px; 
}
.footer-form .form-control { 
height: 50px; 
font-size: 1rem; 
}
.footer-form .btn { 
height: 50px; 
padding: 0 15px; 
}
.bottom-footer { 
margin-top: 0; 
padding-top: 30px; 
}
.bottom-footer-list.text-end { 
text-align: left!important; 
margin-top: 5px; 
}
.bottom-footer-list li { 
padding-left: 2px; 
}
.bottom-footer-list li:after { 
top: -1px; 
padding-left: 6px; 
} .page-hero-section { 
padding-top: 45px; 
padding-bottom: 45px; 
}
.page-hero-section h3, 
.page-hero-section h2 { 
line-height: 1.35; 
}
.page-hero-section p { 
padding: 0; 
margin-top: 10px; 
} .page-link { 
font-size: 0.95rem; 
padding: 2px 10px; 
} #scrollUp { 
width: 36px; 
height: 36px; 
bottom: 20px; 
right: 10px; 
}
}   @media (max-width: 320.95px) {
.sbox-13-txt { 
padding: 50px 10% 50px 20px; 
}
.caption-txt .title h2 { 
font-size: 2.65rem; 
line-height: 1.25; 
margin-bottom: 10px; 
}
.tra-header { 
font-size: 2.05rem; 
margin-bottom: -20px; 
}
.section-title p { 
font-size: 1.05rem; 
padding: 0; 
margin-top: 10px; 
}
#stlChanger { 
display: none; 
}
.wave-shape-bottom { 
bottom: -3px; 
}
.ts-0 { 
padding-top: 80px; 
}
h6, h5, h4, h3 { 
line-height: 1.4; 
} h6.h6-xs { 
font-size: 1.05rem; 
} h6.h6-sm { 
font-size: 1.05rem; 
} h6.h6-md { 
font-size: 1.0625rem; 
} h6.h6-lg { 
font-size: 1.0625rem; 
} h6.h6-xl,
.widget.widget_block .wp-block-group h2,
.widget.widget_block h2 { 
font-size: 1.0625rem; 
} .rtl-direction h6.h6-xs { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-sm { 
font-size: 1.125rem; 
} 
.rtl-direction h6.h6-md { 
font-size: 1.125rem; 
} 
.rtl-direction h6.h6-lg { 
font-size: 1.125rem; 
}
.rtl-direction h6.h6-xl,
.rtl-direction .widget.widget_block .wp-block-group h2,
.rtl-direction .widget.widget_block h2 { 
font-size: 1.125rem; 
} h5.h5-xs { 
font-size: 1.125rem; 
}
h5.h5-sm { 
font-size: 1.125rem; 
}
h5.h5-md { 
font-size: 1.125rem; 
}
h5.h5-lg { 
font-size: 1.125rem; 
}
h5.h5-xl { 
font-size: 1.125rem; 
} .rtl-direction h5.h5-xs { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-sm { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-md { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-lg { 
font-size: 1.25rem; 
}
.rtl-direction h5.h5-xl { 
font-size: 1.25rem; 
} h4.h4-xs { 
font-size: 1.25rem; 
} 
h4.h4-sm { 
font-size: 1.25rem; 
} 
h4.h4-md { 
font-size: 1.25rem; 
} 
h4.h4-lg { 
font-size: 1.25rem; 
}  
h4.h4-xl { 
font-size: 1.25rem; 
}  h3.h3-xs { 
font-size: 1.5rem; 
}
h3.h3-sm { 
font-size: 1.5rem; 
}
h3.h3-md { 
font-size: 1.5rem; 
} 
h3.h3-lg { 
font-size: 1.5rem; 
}
h3.h3-xl { 
font-size: 1.7rem; 
}  h2.h2-xs { 
font-size: 1.625rem; 
}
h2.h2-sm { 
font-size: 1.625rem; 
} 
h2.h2-md { 
font-size: 1.625rem; 
} 
h2.h2-lg { 
font-size: 1.625rem; 
} 
h2.h2-xl { 
font-size: 1.625rem; 
} h2.h2-title-xs { 
font-size: 1.875rem; 
} h2.h2-title-sm { 
font-size: 1.875rem; 
} h2.h2-title-md { 
font-size: 2rem; 
} h2.h2-title-lg { 
font-size: 2rem; 
} h2.h2-title-xl { 
font-size: 2.125rem; 
}  p.p-sm { 
font-size: 0.9375rem; 
} p.p-md { 
font-size: 0.9375rem; 
} p.p-lg { 
font-size: 1rem; 
} p.p-xl { 
font-size: 1rem; 
} p.p-title-xs { 
font-size: 1.05rem; 
} p.p-title-sm { 
font-size: 1.05rem; 
} p.p-title-md { 
font-size: 1.05rem; 
} p.p-title-lg { 
font-size: 1.1rem; 
} p.p-title-xl { 
font-size: 1.1rem; 
} .rtl-direction p.p-md { 
font-size: 1.1rem; 
}
.rtl-direction p.p-lg { 
font-size: 1.1rem; 
} 
.rtl-direction p.p-xl { 
font-size: 1.1rem; 
} .btn, .btn.btn-md, 
.btn.btn-lg { 
font-size: 0.9375rem; 
padding: 12px 32px; 
}
.btn-transparent, 
.btn.btn-md.btn-transparent, 
.btn.btn-lg.btn-transparent { 
padding: 8px 4px; 
}
.btn.ico-20.ico-left span { 
right: 5px; 
} .watch-video-link { 
width: 48px; 
height: 48px; 
margin-right: 11px; 
} 
.video-txt-lg { 
margin-bottom: 5px; 
}
.video-txt-sm { 
padding-left: 1px; 
} .video-btn-xl { 
width: 70px; 
height: 70px; 
margin-top: -35px;
margin-left: -35px; 
}
.video-btn-lg { 
width: 70px; 
height: 70px; 
margin-top: -35px;
margin-left: -35px; 
}
.video-btn-md { 
width: 60px; 
height: 60px; 
margin-top: -30px; 
margin-left: -30px; 
}
.video-btn-sm { 
width: 60px; 
height: 60px; 
margin-top: -30px;
margin-left: -30px; 
}
.video-btn.video-btn-xl:hover:before, 
.video-btn.video-btn-lg:hover:before { 
left: -16px; 
right: -16px; 
top: -16px; 
bottom: -16px; 
}
.video-btn.video-btn-md:hover:before,
.video-btn.video-btn-sm:hover:before { 
left: -12px; 
right: -12px; 
top: -12px; 
bottom: -12px; 
} .store { 
margin-right: 10px; 
}
.store img { 
max-height: 42px; 
}
.footer .store img { 
max-height: 42px; 
}
span.os-version { 
font-size: 0.9375rem; 
line-height: 1.25; 
font-weight: 300; 
} .ico-rounded-xs { 
width: 70px; 
height: 70px; 
}
.ico-rounded-sm { 
width: 75px; 
height: 75px; 
}
.ico-rounded-md { 
width: 80px; 
height: 80px; 
}
.ico-rounded-lg { 
width: 85px; 
height: 85px; 
}
.ico-rounded-xl { 
width: 95px; 
height: 95px; 
} .ico-125 img { 
width: 110px; 
height: 110px; 
}
.ico-120 img { 
width: 105px; 
height: 105px; 
}
.ico-115 img { 
width: 101px; 
height: 101px; 
}
.ico-110 img { 
width: 97px; 
height: 97px; 
}
.ico-105 img { 
width: 92px; 
height: 92px; 
}
.ico-100 img { 
width: 88px; 
height: 88px; 
}
.ico-95 img { 
width: 84px; 
height: 84px; 
}
.ico-90 img { 
width: 79px; 
height: 79px; 
}
.ico-85 img {
width: 75px; 
height: 75px; 
}
.ico-80 img { 
width: 70px; 
height: 70px; 
}
.ico-75 img { 
width: 66px; 
height: 66px; 
}
.ico-70 img { 
width: 62px; 
height: 62px; 
}
.ico-60 img { 
width: 53px; 
height: 53px; 
}
.ico-55 img { 
width: 48px; 
height: 48px; 
}
.ico-50 img { 
width: 44px; 
height: 44px; 
}
.ico-45 img { 
width: 40px; 
height: 40px; 
}
.ico-40 img { 
width: 35px; 
height: 35px; 
}
.ico-35 img { 
width: 31px; 
height: 31px; 
}
.ico-30 img { 
width: 26px; 
height: 26px; 
}
.ico-25 img { 
width: 22px; 
height: 22px; 
}
.ico-20 img { 
width: 20px; 
height: 18px; 
} .section-id { 
font-size: 1rem; 
margin-bottom: 20px; 
}
.section-id.txt-upcase { 
font-size: 0.825rem; 
}
.section-title .section-id, 
.section-title-left .section-id { 
margin-bottom: 20px; 
} .title-04 { 
text-align: center; 
padding: 0; 
}
.section-title h3 { 
padding: 0; 
}
.section-title.title-04 h3 { 
padding: 0; 
}
.title-01 h2 { 
padding: 0; 
}
.title-01 p { 
padding: 0; 
margin-top: 14px; 
} .txt-block h3, .txt-block h2, 
.content-14-txt h4, 
.content-14-txt h3 { 
margin-bottom: 16px; 
}
h5.sm-title { 
margin-top: 15px; 
margin-bottom: 15px; 
}
.txt-block .btn, 
.content-14-txt .btn, 
.txt-block .stores-badge { 
margin-top: 15px; 
}
.txt-block .btns-group .btn.mr-15 { 
margin-left: 15px; 
margin-right: 15px; 
}
.advantages li { 
display: block!important; 
text-align: center; 
padding-left: 0;  
} 
.advantages li:after {  
display: none; 
}
.advantages li p { 
display: block; 
float: none;
margin-bottom: 0; 
margin-top: 5px; 
} .terms-txt a { 
display: block; 
} .tools-list span { 
padding-right: 4px; 
}
.stars-rating span { 
position: relative; 
top: 2px; 
}
.stars-rating { 
font-size: 0.9375rem; 
}
.stars-rating p { 
font-size: 0.9375rem; 
padding: 0 10%; 
}  .wsmenu > .wsmenu-list { 
width: 250px; 
margin-right: -250px; 
}
.wsactive .wsmobileheader {
margin-right: 250px; 
}
.overlapblackbg { 
width: calc(100% - 250px); 
}
.wsanimated-arrow { 
padding: 14px 30px 14px 0px; 
margin: 22px 18px 0 0; 
}
.wsmobileheader .smllogo { 
display: block; 
margin-top: 23px; 
padding-left: 18px; 
}
.smllogo img { 
width: auto; 
max-width: inherit; 
max-height: 34px; 
}   .hero-logo-rounded span { 
font-size: 0.875rem; 
} .hero-brands {
margin-top: 30px; 
padding: 0; 
} 
.hero-brands p { 
padding: 0 5%; 
margin-bottom: 20px; 
}
.hero-brands .brand-logo {
padding: 0 15px; 
} .hero-section .btns-group .btn.mr-15 { 
margin: 0 15px 15px; 
} .request-form .form-control,
.elementor-element .tnp-widget input[type=text],
.elementor-element .tnp-widget input[type=email],
.elementor-element .tnp-widget input[type=submit],
.elementor-element .tnp-widget select { 
height: 50px; 
font-size: 16px; 
} .hero-section .quick-form .input-group { 
background-color: transparent; 
padding: 0; 
}
.hero-section .quick-form .form-control { 
background-color: #fff; 
text-align: center; 
height: 48px; 
font-size: 15px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}
.hero-section .quick-form .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.hero-section .quick-form .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px; border-bottom-right-radius: 5px; 
}
.rtl-direction .hero-section .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
}
.hero-section .quick-form .input-group-btn { 
display: block; 
width: 100%!important; 
}
.hero-section .quick-form .btn { 
display: block; 
height: 48px; 
width: 100%!important; 
font-size: 15px; 
margin-top: 15px; 
margin-left: 0; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
}
.rtl-direction .input-group .input-group-btn {
order: 2; 
}
.rtl-direction .input-group .email {
order: 1; 
}   .fbox-1 { 
padding: 0 4%; 
}
.fbox-5 { 
padding: 0 30px; 
}
.fbox-6 { 
padding: 35px 10%; 
margin-left: 3%; 
margin-right: 3%; 
}
.fbox-5.bg-white { 
padding: 35px 20px; 
margin: 10px 3% 55px; 
}
.fbox-7 { 
text-align: center; 
padding: 40px 12%; 
margin-left: 3%; 
margin-right: 3%; 
}
#features-7 .txt-block p { 
padding: 0 3%; 
}
.rtl-direction .fbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 10px; 
}
.rtl-direction .fbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.fbox-img { 
margin-left: 9%; 
margin-right: 9%; 
padding: 30px 10% 35px; 
} .content-5.division { 
padding-left: 0; 
padding-right: 0; 
}
.content-5 { 
padding-top: 80px; 
padding-bottom: 40px; 
}
.content-5-wrapper { 
padding: 0; 
}
.content-5.content-section .txt-block.left-column {
padding: 0 5%; 
}
.content-5.content-section .txt-block.right-column { 
padding: 0%; 
}
.rtl-direction .content-5 ul.simple-list { 
list-style: disc; 
}
.content-8 .section-title.mb-75 { 
margin-bottom: 30px; 
}
.content-9 .section-title, 
.content-10 .section-title { 
margin-bottom: 40px; 
}
.content-6 ul.simple-list { 
list-style: none; 
margin-left: 0; 
}
.cbox-2 { 
text-align: center; 
width: 100%; 
min-width: 100%; 
padding: 20px 15px; 
}
.cbox-2-ico { 
display: block!important; 
float: none; 
margin-top: 0; 
margin-bottom: 10px; 
}
.cbox-2-txt { 
padding-left: 0; 
}
.cbox-3-txt { 
display: block!important; 
padding-left: 32px; 
}
.rtl-direction .cbox-3-txt { 
display: block!important; 
padding-left: 0; 
padding-right: 34px; 
}
.cbox-3-ico { 
width: 22px; 
height: 22px;
margin-top: 1px; 
}
.cbox-3-ico span { 
line-height: 22px; 
} 
.rtl-direction .cbox-txt { 
width: 100%; 
text-align: center; 
padding: 0; 
margin-top: 10px; 
}
.rtl-direction .cbox-ico { 
width: 100%; 
float: none; 
text-align: center!important; 
}
.cbox-4.left-column, 
.cbox-4.right-column { 
bottom: -10px; 
right: 5px; 
width: 72%; 
padding: 20px 15px; 
}
.cbox-4.right-column { 
left: 5px; 
right: 0; 
}
.cbox-5 { 
top: -40px; 
left: -20px; 
width: 80%; 
padding: 20px 15px; 
}
.cbox-6 { 
bottom: 0; 
right: -15px; 
width: 80%; 
padding: 20px 15px; 
}
.cbox-4 h5, 
.cbox-5 h5, 
.cbox-6 h5 { 
font-size: 1rem; 
}
.cbox-4 p, 
.cbox-5 p, 
.cbox-6 p { 
font-size: 0.85rem; 
}
.cbox-4 .text-center.mt-20, 
.cbox-5 .text-center.mt-20, 
.cbox-6 .text-center.mt-20 { 
margin-top: 10px; 
}
.cbox-4 .divider, 
.cbox-5 .divider, 
.cbox-6 .divider { 
margin-top: 8px; 
margin-bottom: 8px; 
}
.cbox-4 .btn, 
.cbox-5 .btn,
.cbox-6 .btn { 
font-size: 0.85rem; 
margin-bottom: 8px; 
}
.cb-wrapper { 
margin: 0 0 70px; 
}
.cb-holder { 
padding: 50px 20px; 
margin: 0 0 40px; 
}
.cb-box-rounded { 
padding: 20px 15px; 
}
.cb-single-box h2.statistic-number { 
font-size: 2.5rem; 
}
.statistic-number sup { 
font-size: 2.15rem; 
top: -5px; 
right: 0; 
margin-right: 5px;
}
.cb-shape-1 { 
right: -25px; 
top: -20px; 
}
.cb-shape-2 { 
left: -20px; 
bottom: -30px; 
}
.cb-shape-1 img, .cb-shape-2 img { 
padding: 0 18%; 
}
.content-10-btn { 
margin-top: 40px; 
}
.content-section .top-row.pb-30,  .content-section .top-row.pb-50 { 
padding-bottom: 0; 
}
.content-4-img { 
margin-top: 0; 
}
.content-7-img { 
margin-left: 0; 
}
.content-8-img { 
margin-bottom: -10px; 
} .portfolios-content { 
padding-bottom: 40px; 
}
.portfolios-content .masonry-image { 
margin-bottom: 40px; 
}
.post-type-archive-portfolio .project-txt, .portfolios-content .project-txt { 
padding: 0; 
}
.portfolios-content .more-btn.mt-20 { 
margin-top: 0; 
}
.rtl-direction .projects-section .more-btn { 
margin-top: 0; 
}
.rtl-direction .post-type-archive-portfolio .project-txt, 
.rtl-direction .portfolios-content .project-txt { 
padding-left: 0;
padding-right: 0; 
}
.single-project .project-title { 
margin-bottom: 40px; 
}
.project-title h2 { 
padding-right: 0; 
padding-bottom: 25px; 
margin-bottom: 30px; 
}
.project-data span { 
margin-right: 10px; 
}
.project-image.top-img { 
margin-bottom: 30px; 
}
.more-projects { 
margin-top: 50px; 
} #tabs-1 .tabs-1 {  
margin: 0 auto 30px; 
}
#tabs-1 .txt-block { 
margin-bottom: 40px; 
}
.tabs-1 li { 
padding: 9px 30px; 
}
#tabs-2 .tabs-1 li {
margin: 0 0 15px; 
padding: 25px 10px; 
}
.tabs-1 li span { 
font-size: 1rem; 
} .statistic-1-wrapper .statistic-block { 
padding: 0 5%; 
}
#sb-2-3 { 
margin-bottom: 40px; 
}
h2.statistic-number, 
#statistic-3 h3.statistic-number { 
font-size: 2rem; 
}
#statistic-2 h2.statistic-number, 
#statistic-4 h2.statistic-number { 
font-size: 2.65rem; 
}
#statistic-1 .statistic-block h5 { 
margin-top: 15px; 
margin-bottom: 12px; 
}
#statistic-2 { 
padding-bottom: 80px; 
}
#statistic-2 .col-lg-3 { 
margin-bottom: 30px; 
}
#statistic-4 .statistic-block { 
padding: 0 5%; 
}
#statistic-2 .txt-block { 
padding: 0; 
margin-bottom: 30px; 
}
#statistic-2 .txt-block h4, 
#statistic-2 .txt-block h3 { 
font-size: 1.3rem; 
padding: 0 5%; 
}
#statistic-2 .txt-block-rating, 
#statistic-4 .statistic-block p.mt-20 { 
margin-top: 10px; 
}
.rtl-direction  #statistic-2 .col-lg-3 { 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block { 
padding-right: 0; 
margin-top: 30px; 
margin-bottom: 0; 
}
.rtl-direction #statistic-2  .col-lg-3 .statistic-block p { 
margin-top: 10px; 
}
.rtl-direction .statistic-block-txt { 
padding-left: 0; 
padding-right: 0; 
}
.rtl-direction #statistic-4 h6, 
#statistic-4 h5 { 
line-height: 1.4; 
padding: 0 5%; 
margin-bottom: 0; 
margin-bottom: 15px;
} .reviews-4-holder { 
padding-top: 0; 
padding-bottom: 0; 
}
.reviews-4-holder:after { 
display: none; 
}
.review-1, 
.review-2, 
.review-3, 
.review-4 { 
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0; 
box-shadow: 0 0; 
}
.review-1-txt, 
.review-2-txt { 
width: 100%; 
padding-left: 0; 
}
#reviews-3 .txt-block { 
text-align: center; 
}
#reviews-3 .txt-block h3 { 
padding: 0 5%; 
}
.review-1 { 
padding: 10px 0; 
margin: 0 0 10px; 
} 
.review-2 { 
padding: 30px 30px; 
} 
.review-3 { 
padding: 35px 40px; 
}
.review-4 { 
padding: 25px 30px ; 
margin: 0 0 20px; 
}
.review-1-ico, 
.review-2-ico { 
width: 10%; 
margin-top: 0;
margin-bottom: 5px; 
}
.review-3-avatar {
width: 100%; 
display: inline-block!important; 
float: none; 
margin-bottom: 20px; 
margin-top: 0; 
}
.review-3-txt { 
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.review-3-txt p { 
padding-right: 0; 
}
.review-3-txt a { 
display: block; 
margin-top: 10px; 
}
.rtl-direction .review-1-txt, 
.rtl-direction .review-2-txt, 
.rtl-direction .review-3-txt { 
padding-left: 0; 
padding-right: 0; 
} .pricing-1-row .col, 
.pricing-2-row .col { 
text-align: center; 
}
.pricing-2-table { 
padding: 30px 30px 35px; 
}
.pricing-3-table { 
padding: 45px 30px; 
}
.pricing-3-table.rel { 
margin-top: 15px; 
}
.pricing-plan-title { 
text-align: left; 
}
.pricing-plan-title h6 { 
right: -5px; 
top: -6px; 
}
.highlight-badge h6, 
.pricing-plan-title h6 { 
font-size: 1rem; 
}
.pricing-3-table .pricing-plan h6 { 
margin-bottom: 25px; 
}
.pricing-plan span { 
font-size: 2.5rem; 
}
.pricing-3-table .pricing-plan span { 
font-size: 3.75rem; 
}
.pricing-plan sup { 
font-size: 1.75rem; 
top: -5px; 
}
.pricing-3-table .pricing-plan sup { 
font-size: 2.25rem; 
top: -8px; 
}
.pricing-3-table .pricing-plan sup.coins { 
font-size: 2.25rem; 
top: -16px; 
}
.pricing-plan sup.validity span { 
font-size: 2rem; 
}
.pricing-plan sup.validity { 
font-size: 1.25rem; 
}
.pricing-2-table .pricing-plan p, 
.pricing-3-table .pricing-plan p { 
font-size: 1rem; 
margin-top: 10px; 
}
.pricing-2-table .features p, 
.pricing-3-table .features p { 
font-size: 1rem; 
}
.badge-wrapper { 
top: -19px; 
}
.highlight-badge { 
padding: 10px 40px; 
}
.payment-icons { 
padding: 0 8%; 
}
.payment-methods { 
text-align: center; 
margin-top: 0; 
}
.payment-methods h6 { 
margin-bottom: 10px; 
}
.pricing-notice { 
margin-top: 0; 
}
.pricing-notice p { 
padding: 0 3%; 
}
.rtl-direction .pricing-plan-title { 
text-align: right; 
}
.rtl-direction .pricing-plan-title h6 {
width: auto; 
right: 55%;
} .team-member { 
margin-left: 5%; 
margin-right: 5%; 
}
.team-member-data h5 { 
font-size: 1.15rem; 
}
.team-member-data p { 
font-size: 1.05rem; 
} .brands-2-wrapper { 
padding: 0; 
}
.brands-2-wrapper .col { 
padding: 0 8px; 
}
.brands-section h4 { 
padding: 0; 
margin-bottom: 25px; 
}
.brands-section p { 
padding: 0; 
margin-bottom: 35px; 
} .accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after { 
font-size: 0.8rem; 
top: 23px; right: 0; 
}
#faqs-2 .question { 
margin-bottom: 25px; 
}
.accordion-thumb { 
padding: 20px 0; 
}
.accordion-thumb h5 { 
line-height: 1.4; 
padding-right: 10%; 
}
#faqs-2 .question h5 { 
line-height: 1.4; 
margin-bottom: 10px; 
}
.more-questions a { 
display: block; 
margin-top: 5px; 
}
.more-questions { 
margin-top: 10px; 
}
#faqs-1 .more-questions { 
margin-top: 30px; 
}
.rtl-direction .accordion-thumb h5 { 
line-height: 1.4; 
padding-left: 5%; 
padding-right: 0; 
}
.rtl-direction .accordion-item .accordion-thumb:after,
.rtl-direction .accordion-item.is-active .accordion-thumb:after {
top: 21px;
right: 97%;
} span.version-data { 
font-size: 1.5rem; 
margin-right: 5px; 
}
span.release-date span { 
font-size: 1.05rem; 
margin-left: 5px; 
} .cta-3-wrapper { 
padding: 40px 10%; 
margin-top: -120px; 
}
.cta-4-wrapper { 
padding: 40px 10%; 
margin-bottom: -120px; 
}
.cta-1-wrapper { 
padding: 50px 10%; 
}
.cta-5-wrapper { 
padding: 60px 35px; 
}
.cta-6-txt { 
padding: 0; 
}
.cta-10-txt { 
padding: 0 5%; 
margin-bottom: 40px; 
}
.cta-11-wrapper { 
padding: 60px 30px; 
}
.cta-1-wrapper, 
.cta-5-wrapper { 
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.cta-box {
padding: 35px 30px; 
}
.cta-txt {
width: 100%; 
display: inline-block!important; 
text-align: center; 
padding-left: 0; 
}
.cta-ico {
width: 100%; 
display: inline-block!important; 
float: none; 
margin-top: 0; 
margin-bottom: 15px; 
}
.cta-2-txt h4, 
.cta-4-txt h4 { 
font-size: 1.4rem; 
padding: 0 5%; 
}
.cta-6-txt h4, 
.cta-6-txt h3, 
.cta-6-txt h2 { 
margin-bottom: 20px; 
}
.cta-9-txt h2 { 
padding: 0 5%; 
margin-bottom: 15px; 
}
.cta-2-txt p { 
padding: 0; 
margin-bottom: 20px; 
}
.cta-9-txt p.p-xl { 
margin-bottom: 30px; 
}
.cta-6-txt .btns-group { 
margin-bottom: 25px; 
}
.cta-section .btn.mr-15 { 
margin: 0 5% 15px; 
}
.cta-section .stores-badge { 
text-align: center; 
margin-top: 10px; 
padding: 0 5%; 
}
.cta-section .stores-badge .store { 
float: none; 
margin-top: 15px; 
margin-right: 0; 
}
.os-btn { 
width: auto; 
min-width: auto; 
padding: 20px; 
} #newsletter-1 h4.h4-xl, 
#newsletter-2 h4.h4-xl { 
font-size: 1.3rem; 
}
#newsletter-1 { 
margin: 0 -15px; 
}
.newsletter-wrapper { 
border: none; 
padding: 40px 20px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0; 
-moz-box-shadow: 0 0;
box-shadow: 0 0; 
}
.newsletter-section hr { 
margin: 20px 0 0; 
}
#newsletter-2 .newsletter-txt { 
padding: 0 10%; 
}
#newsletter-1 .newsletter-form { 
margin-top: 10px; 
}
#newsletter-2 .newsletter-form { 
margin-top: 25px; 
padding: 0 8%; 
}
.newsletter-section .form-control { 
display: block; width: 100%!important; 
text-align: center; 
height: 48px; 
background-color: #fff;
border: 1px solid #ccc;
font-size: 0.95rem; 
margin-right: 0; 
margin-bottom: 15px; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
#newsletter-2.newsletter-section .form-control { 
font-size: 1rem; 
border: 1px solid #ccc; 
}
#newsletter-2.bg-lightgrey.newsletter-section .form-control, 
#newsletter-2.bg-dark.newsletter-section .form-control { 
font-size: 1rem; 
border-bottom: 1px solid #ccc; 
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.newsletter-section .form-control:focus { 
border: 1px solid #998da0; 
}
.newsletter-section .input-group-btn { 
display: block; 
width: 100%!important; 
}
.newsletter-section .btn { 
display: block; 
height: 48px; 
width: 100%!important; margin: 0; 
}
.rtl-direction #newsletter-2.newsletter-section .form-control { 
margin-left: 0; 
} .layout-full .blog-masonry .masonry-image,
.layout-rs .blog-masonry .masonry-image,
.layout-ls .blog-masonry .masonry-image { 
width: 100%;
}
.blog-1-post,
.featured-post { 
margin-left: 0; 
margin-right: 0; 
}
.blog-1-post .blog-post-txt { 
margin-top: 30px; 
padding-left: 0; 
padding-right: 0; 
}
.blog-masonry .blog-post-txt { 
padding-left: 0; 
padding-right: 0; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
margin-top: 0; 
} .blog-masonry .title-02.mb-85 { 
margin-bottom: 40px; 
}
.blog-masonry .title-02.mb-85 h3 { 
padding: 0 6%; 
}
h5.posts-category { 
margin-bottom: 30px; 
}
.blog-masonry .blog-post-wide .blog-post-txt { 
padding: 30px 30px; 
} .single-post .post-data { 
margin-top: 15px; 
margin-bottom: 25px; 
}
.single-post .post-author-avatar img { 
display: none; 
}
.single-post-txt h4,
.single-post-txt h3 { 
margin-bottom: 20px; 
}
.single-post-txt h5 { 
margin-top: 17px; 
margin-bottom: 20px; 
}
.single-post .quote.mt-30.mb-35 { 
margin-top: 20px; 
margin-bottom: 25px; 
}
.post-inner-img { 
margin-top: 30px; 
margin-bottom: 35px; 
}
.post-tags-list span a { 
font-size: 0.85rem; 
padding: 3px 6px; 
margin-right: 2px; 
}
.author-senoff img { 
width: 70px; 
height: 70px; 
float: none; 
}
.author-senoff-txt { 
padding-left: 0; 
padding-top: 25px; 
}
.author-follow-btn { 
font-size: 0.95rem; 
padding: 4px 12px; 
top: 15px; 
right: 15px; 
}
.post-comments img { 
width: 50px; 
height: 50px; 
}
.comment-body { 
margin-left: 15px; 
}
.comment-form .form-control { 
height: 48px; 
font-size: 1rem; 
}
.comment-form textarea { 
min-height: 150px; 
}
.comment-form textarea.form-control { 
padding: 15px 20px; 
} #contacts-1 { 
padding-top: 80px; 
}
#contacts-1-form { 
padding: 20px 15px 10px; 
margin: 0 0 30px; 
}
.wpcf7 .contact-form p.p-lg { 
margin-bottom: 10px; 
}
.wpcf7 .contact-form span { 
line-height: 1.3; 
margin-bottom: 15px; 
}
.contact-form .form-control, 
.contact-form .form-select { 
height: 52px; 
}
.contact-form textarea { 
min-height: 150px; 
} .footer { 
padding-top: 80px; 
padding-bottom: 30px; 
}
#footer-1 .col-sm-6, 
#footer-2 .col-sm-6, 
#footer-3 .col-sm-4, 
#footer-4 .col-sm-6 { 
width: 50%; 
float: left; 
}
.rtl-direction #footer-3 .col-sm-4.pl-50 { 
width: 50%; 
margin-left: 48%; 
}
#footer-1 .footer-links { 
padding-left: 0; 
}
img.footer-logo { 
max-height: 35px; 
}
.footer hr { 
margin-top: 10px; 
}
.footer-info p { 
padding-right: 0; 
}
.footer h6, 
.footer h5 { 
margin-bottom: 20px; 
}
.footer p.p-md { 
font-size: 1rem; 
}
.footer-socials.ico-25 a { 
margin-right: 12px; 
}
.footer-form .newsletter-form .input-group { 
padding: 0 2px; 
}
.footer-form .form-control { 
height: 50px; 
font-size: 1rem; 
}
.footer-form .btn { 
height: 50px; 
padding: 0 15px; 
}
.bottom-footer { 
margin-top: 0; 
padding-top: 30px; 
}
.bottom-footer-list.text-end { 
text-align: left!important; 
margin-top: 5px; 
}
.bottom-footer-list li { 
padding-left: 2px; 
}
.bottom-footer-list li:after { 
top: -1px; 
padding-left: 6px; 
} .page-hero-section { 
padding-top: 45px; 
padding-bottom: 45px; 
}
.page-hero-section h3, 
.page-hero-section h2 { 
line-height: 1.35; 
}
.page-hero-section p { 
padding: 0 5px; 
margin-top: 10px; 
} .page-link { 
font-size: 0.95rem; 
padding: 2px 10px; 
} #scrollUp { 
width: 36px; 
height: 36px; 
bottom: 20px; 
right: 10px; 
}
}