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


@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;800&display=swap");  :root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width: device-width
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
dfn {
font-style: italic
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg:not(:root) {
overflow: hidden
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.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: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014 \00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1200px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table .table {
background-color: #fff
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary>td,
.table-primary>th {
background-color: #b8daff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary>td,
.table-secondary>th {
background-color: #d6d8db
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>td,
.table-success>th {
background-color: #c3e6cb
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>td,
.table-info>th {
background-color: #bee5eb
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>td,
.table-warning>th {
background-color: #ffeeba
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,
.table-danger>td,
.table-danger>th {
background-color: #f5c6cb
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light,
.table-light>td,
.table-light>th {
background-color: #fdfdfe
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,
.table-dark>td,
.table-dark>th {
background-color: #c6c8ca
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>td,
.table-active>th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #212529
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #32383e
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px)
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: .375rem;
padding-bottom: .375rem;
margin-bottom: 0;
line-height: 1.5;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-append>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
padding-right: 0;
padding-left: 0
}
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px)
}
.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.875rem + 2px)
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, .8);
border-radius: .2rem
}
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
border-color: #28a745
}
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
display: block
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #28a745
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
background-color: #71dd8a
}
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label::before,
.was-validated .custom-file-input:valid~.custom-file-label::before {
border-color: inherit
}
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
display: block
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, .8);
border-radius: .2rem
}
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
border-color: #dc3545
}
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
display: block
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
background-color: #efa2a9
}
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label::before,
.was-validated .custom-file-input:invalid~.custom-file-label::before {
border-color: inherit
}
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
display: block
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.btn:focus,
.btn:hover {
text-decoration: none
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
background-image: none
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent
}
.btn-link.focus,
.btn-link:focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
opacity: 0;
transition: opacity .15s linear
}
.fade.show {
opacity: 1
}
.collapse {
display: none
}
.collapse.show {
display: block
}
tr.collapse.show {
display: table-row
}
tbody.collapse.show {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropup .dropdown-menu {
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 1
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after {
margin-left: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0
}
.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
margin-left: -1px
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label::before {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-append,
.input-group-prepend {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
margin-top: 0
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
margin-bottom: 0
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
background-color: #007bff
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
background-color: #007bff
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
opacity: 0
}
.custom-select-sm {
height: calc(1.8125rem + 2px);
padding-top: .375rem;
padding-bottom: .375rem;
font-size: 75%
}
.custom-select-lg {
height: calc(2.875rem + 2px);
padding-top: .375rem;
padding-bottom: .375rem;
font-size: 125%
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(2.25rem + 2px);
margin: 0;
opacity: 0
}
.custom-file-input:focus~.custom-file-control {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:focus~.custom-file-control::before {
border-color: #80bdff
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(calc(2.25rem + 2px) - 1px * 2);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 .25rem .25rem 0
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar>.container,
.navbar>.container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
}
.navbar-expand {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .dropdown-menu-right {
right: 0;
left: auto
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .dropup .dropdown-menu {
top: auto;
bottom: 100%
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem
}
.card-img {
width: 100%;
border-radius: calc(.25rem - 1px)
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:first-child .card-header,
.card-group>.card:first-child .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:first-child .card-footer,
.card-group>.card:first-child .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:last-child .card-header,
.card-group>.card:last-child .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:last-child .card-footer,
.card-group>.card:last-child .card-img-bottom {
border-bottom-left-radius: 0
}
.card-group>.card:only-child {
border-radius: .25rem
}
.card-group>.card:only-child .card-header,
.card-group>.card:only-child .card-img-top {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card-group>.card:only-child .card-footer,
.card-group>.card:only-child .card-img-bottom {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
border-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #0062cc
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #545b62
}
.badge-success {
color: #fff;
background-color: #28a745
}
.badge-success[href]:focus,
.badge-success[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1e7e34
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
.badge-info[href]:focus,
.badge-info[href]:hover {
color: #fff;
text-decoration: none;
background-color: #117a8b
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
color: #212529;
text-decoration: none;
background-color: #d39e00
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
color: #fff;
text-decoration: none;
background-color: #bd2130
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
.badge-light[href]:focus,
.badge-light[href]:hover {
color: #212529;
text-decoration: none;
background-color: #dae0e5
}
.badge-dark {
color: #fff;
background-color: #343a40
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1d2124
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
background-color: #007bff;
transition: width .6s ease
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
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: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item:focus,
.list-group-item:hover {
z-index: 1;
text-decoration: none
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #1d2d41;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:focus,
.close:hover {
color: #1d2d41;
text-decoration: none;
opacity: .75
}
.close:not(:disabled):not(.disabled) {
cursor: pointer
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2))
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
max-width: 800px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
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: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #1d2d41;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
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: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top] .arrow,
.bs-popover-top .arrow {
bottom: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-top .arrow::before {
border-width: .5rem .5rem 0
}
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
bottom: 1px;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right] .arrow,
.bs-popover-right .arrow {
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-right .arrow::before {
border-width: .5rem .5rem .5rem 0
}
.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
left: 1px;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom] .arrow,
.bs-popover-bottom .arrow {
top: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-bottom .arrow::before {
border-width: 0 .5rem .5rem .5rem
}
.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
top: 1px;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left] .arrow,
.bs-popover-left .arrow {
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-left .arrow::before {
border-width: .5rem 0 .5rem .5rem
}
.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after {
right: 1px;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-item {
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-right,
.carousel-item-next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-left,
.carousel-item-prev {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
z-index:1;
}
.owl-prev{
position: absolute;
top: 50%;
left: 0;
margin: 0 -40px;
color: #000;
font-size: 30px;
display:none !important;
}
.owl-next{
position: absolute;
right: 0;
top: 50%;
margin: 0 -40px;
color: #000;
font-size: 30px;
display:none !important;
}
@media (min-width:768px) {
.owl-prev{
position: absolute;
top: 50%;
left: 0;
margin: 0 -40px;
color: #114ff5;
font-size: 30px;
display:block !important;
}
.owl-next{
position: absolute;
right: 0;
top: 50%;
margin: 0 -40px;
color: #114ff5;
font-size: 30px;
display:block !important;
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, .5)
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""
}
.carousel-indicators .active {
background-color: #fff
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
.align-baseline {
vertical-align: baseline!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.align-text-top {
vertical-align: text-top!important
}
.bg-primary {
background-color: #007bff!important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #0062cc!important
}
.bg-secondary {
background-color: #6c757d!important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #545b62!important
}
.bg-success {
background-color: #28a745!important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #1e7e34!important
}
.bg-info {
background-color: #17a2b8!important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #117a8b!important
}
.bg-warning {
background-color: #ffc107!important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00!important
}
.bg-danger {
background-color: #dc3545!important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #bd2130!important
}
.bg-light {
background-color: #f8f9fa!important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5!important
}
.bg-dark {
background-color: #343a40!important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1d2124!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.border {
border: 1px solid #dee2e6!important
}
.border-top {
border-top: 1px solid #dee2e6!important
}
.border-right {
border-right: 1px solid #dee2e6!important
}
.border-bottom {
border-bottom: 1px solid #dee2e6!important
}
.border-left {
border-left: 1px solid #dee2e6!important
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-primary {
border-color: #007bff!important
}
.border-secondary {
border-color: #6c757d!important
}
.border-success {
border-color: #28a745!important
}
.border-info {
border-color: #17a2b8!important
}
.border-warning {
border-color: #ffc107!important
}
.border-danger {
border-color: #dc3545!important
}
.border-light {
border-color: #f8f9fa!important
}
.border-dark {
border-color: #343a40!important
}
.border-white {
border-color: #fff!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important;
border-top-right-radius: .25rem!important
}
.rounded-right {
border-top-right-radius: .25rem!important;
border-bottom-right-radius: .25rem!important
}
.rounded-bottom {
border-bottom-right-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-sm-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-md-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-lg-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.justify-content-xl-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
@media (min-width:576px) {
.float-sm-left {
float: left!important
}
.float-sm-right {
float: right!important
}
.float-sm-none {
float: none!important
}
}
@media (min-width:768px) {
.float-md-left {
float: left!important
}
.float-md-right {
float: right!important
}
.float-md-none {
float: none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left!important
}
.float-lg-right {
float: right!important
}
.float-lg-none {
float: none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left!important
}
.float-xl-right {
float: right!important
}
.float-xl-none {
float: none!important
}
}
.position-static {
position: static!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.position-fixed {
position: fixed!important
}
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.m-0 {
margin: 0!important
}
.mt-0,
.my-0 {
margin-top: 0!important
}
.mr-0,
.mx-0 {
margin-right: 0!important
}
.mb-0,
.my-0 {
margin-bottom: 0!important
}
.ml-0,
.mx-0 {
margin-left: 0!important
}
.m-1 {
margin: .25rem!important
}
.mt-1,
.my-1 {
margin-top: .25rem!important
}
.mr-1,
.mx-1 {
margin-right: .25rem!important
}
.mb-1,
.my-1 {
margin-bottom: .25rem!important
}
.ml-1,
.mx-1 {
margin-left: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.mt-2,
.my-2 {
margin-top: .5rem!important
}
.mr-2,
.mx-2 {
margin-right: .5rem!important
}
.mb-2,
.my-2 {
margin-bottom: .5rem!important
}
.ml-2,
.mx-2 {
margin-left: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.mt-3,
.my-3 {
margin-top: 1rem!important
}
.mr-3,
.mx-3 {
margin-right: 1rem!important
}
.mb-3,
.my-3 {
margin-bottom: 1rem!important
}
.ml-3,
.mx-3 {
margin-left: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.mt-4,
.my-4 {
margin-top: 1.5rem!important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem!important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem!important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.mt-5,
.my-5 {
margin-top: 3rem!important
}
.mr-5,
.mx-5 {
margin-right: 3rem!important
}
.mb-5,
.my-5 {
margin-bottom: 3rem!important
}
.ml-5,
.mx-5 {
margin-left: 3rem!important
}
.p-0 {
padding: 0!important
}
.pt-0,
.py-0 {
padding-top: 0!important
}
.pr-0,
.px-0 {
padding-right: 0!important
}
.pb-0,
.py-0 {
padding-bottom: 0!important
}
.pl-0,
.px-0 {
padding-left: 0!important
}
.p-1 {
padding: .25rem!important
}
.pt-1,
.py-1 {
padding-top: .25rem!important
}
.pr-1,
.px-1 {
padding-right: .25rem!important
}
.pb-1,
.py-1 {
padding-bottom: .25rem!important
}
.pl-1,
.px-1 {
padding-left: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.pt-2,
.py-2 {
padding-top: .5rem!important
}
.pr-2,
.px-2 {
padding-right: .5rem!important
}
.pb-2,
.py-2 {
padding-bottom: .5rem!important
}
.pl-2,
.px-2 {
padding-left: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.pt-3,
.py-3 {
padding-top: 1rem!important
}
.pr-3,
.px-3 {
padding-right: 1rem!important
}
.pb-3,
.py-3 {
padding-bottom: 1rem!important
}
.pl-3,
.px-3 {
padding-left: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.pt-4,
.py-4 {
padding-top: 1.5rem!important
}
.pr-4,
.px-4 {
padding-right: 1.5rem!important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem!important
}
.pl-4,
.px-4 {
padding-left: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.pt-5,
.py-5 {
padding-top: 3rem!important
}
.pr-5,
.px-5 {
padding-right: 3rem!important
}
.pb-5,
.py-5 {
padding-bottom: 3rem!important
}
.pl-5,
.px-5 {
padding-left: 3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto,
.my-auto {
margin-top: auto!important
}
.mr-auto,
.mx-auto {
margin-right: auto!important
}
.mb-auto,
.my-auto {
margin-bottom: auto!important
}
.ml-auto,
.mx-auto {
margin-left: auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0!important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0!important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0!important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0!important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem!important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem!important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem!important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem!important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem!important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem!important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem!important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem!important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem!important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem!important
}
.p-sm-0 {
padding: 0!important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0!important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0!important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0!important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem!important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem!important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem!important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem!important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem!important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem!important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem!important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem!important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem!important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0!important
}
.mt-md-0,
.my-md-0 {
margin-top: 0!important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0!important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0!important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem!important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem!important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem!important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem!important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem!important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem!important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem!important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem!important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem!important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem!important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem!important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem!important
}
.p-md-0 {
padding: 0!important
}
.pt-md-0,
.py-md-0 {
padding-top: 0!important
}
.pr-md-0,
.px-md-0 {
padding-right: 0!important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0!important
}
.pl-md-0,
.px-md-0 {
padding-left: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem!important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem!important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem!important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem!important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem!important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem!important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem!important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem!important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem!important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem!important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem!important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem!important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem!important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto!important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto!important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0!important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0!important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0!important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0!important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem!important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem!important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem!important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem!important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem!important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem!important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem!important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem!important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem!important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem!important
}
.p-lg-0 {
padding: 0!important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0!important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0!important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0!important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem!important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem!important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem!important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem!important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem!important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem!important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem!important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem!important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem!important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0!important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0!important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0!important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0!important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem!important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem!important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem!important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem!important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem!important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem!important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem!important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem!important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem!important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem!important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem!important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem!important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem!important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem!important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem!important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem!important
}
.p-xl-0 {
padding: 0!important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0!important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0!important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0!important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem!important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem!important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem!important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem!important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem!important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem!important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem!important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem!important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem!important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem!important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem!important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem!important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem!important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem!important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem!important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto!important
}
}
.text-justify {
text-align: justify!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus,
a.text-primary:hover {
color: #0062cc!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #545b62!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus,
a.text-success:hover {
color: #1e7e34!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus,
a.text-info:hover {
color: #117a8b!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus,
a.text-warning:hover {
color: #d39e00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus,
a.text-danger:hover {
color: #bd2130!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus,
a.text-light:hover {
color: #dae0e5!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus,
a.text-dark:hover {
color: #1d2124!important
}
.text-muted {
color: #6c757d!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
@media print {
*,
::after,
::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap!important
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px!important
}
.container {
min-width: 992px!important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,
.table th {
background-color: #fff!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important
}
}
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),
print {
.animate__animated {
-webkit-animation-duration: 1ms!important;
animation-duration: 1ms!important;
-webkit-transition-duration: 1ms!important;
transition-duration: 1ms!important;
-webkit-animation-iteration-count: 1!important;
animation-iteration-count: 1!important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
} .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.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(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
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-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
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(//www.accidentis.es/wp-content/themes/accidentis/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
} @font-face {
font-family: "Flaticon";
src: url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.eot);
src: url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.woff2) format("woff2"), url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.woff) format("woff"), url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.ttf) format("truetype"), url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//www.accidentis.es/wp-content/themes/accidentis/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-right-quotation-mark:before {
content: "\f100";
}
.flaticon-quote-left:before {
content: "\f101";
}
.flaticon-android-logo:before {
content: "\f102";
}
.flaticon-speedometer:before {
content: "\f103";
}
.flaticon-left-quote:before {
content: "\f104";
}
.flaticon-user:before {
content: "\f105";
}
.flaticon-bar-chart:before {
content: "\f106";
}
.flaticon-speech-bubble:before {
content: "\f107";
}
.flaticon-pencil:before {
content: "\f108";
}
.flaticon-user-1:before {
content: "\f109";
}
.flaticon-trash:before {
content: "\f10a";
}
.flaticon-clock:before {
content: "\f10b";
}
.flaticon-mouse:before {
content: "\f10c";
}
.flaticon-folder:before {
content: "\f10d";
}
.flaticon-volume:before {
content: "\f10e";
}
.flaticon-sitemap:before {
content: "\f10f";
}
.flaticon-shuffle:before {
content: "\f110";
}
.flaticon-levels:before {
content: "\f111";
}
.flaticon-screen:before {
content: "\f112";
}
.flaticon-switch:before {
content: "\f113";
}
.flaticon-sledge:before {
content: "\f114";
}
.flaticon-basketball:before {
content: "\f115";
}
.flaticon-cloud-computing:before {
content: "\f116";
}
.flaticon-next:before {
content: "\f117";
}
.flaticon-speech-bubble-1:before {
content: "\f118";
}
.flaticon-upload:before {
content: "\f119";
}
.flaticon-upload-1:before {
content: "\f11a";
}
.flaticon-power-button:before {
content: "\f11b";
}
.flaticon-download:before {
content: "\f11c";
}
.flaticon-upload-2:before {
content: "\f11d";
}
.flaticon-switch-1:before {
content: "\f11e";
}
.flaticon-mail:before {
content: "\f11f";
}
.flaticon-mail-1:before {
content: "\f120";
}
.flaticon-computer:before {
content: "\f121";
}
.flaticon-computer-1:before {
content: "\f122";
}
.flaticon-tools-and-utensils:before {
content: "\f123";
}
.flaticon-pin:before {
content: "\f124";
}
.flaticon-stars:before {
content: "\f125";
}
.flaticon-monitor:before {
content: "\f126";
}
.flaticon-notepad:before {
content: "\f127";
}
.flaticon-clipboards:before {
content: "\f128";
}
.flaticon-clipboards-1:before {
content: "\f129";
}
.flaticon-padlock:before {
content: "\f12a";
}
.flaticon-android:before {
content: "\f12b";
}
.flaticon-placeholder:before {
content: "\f12c";
}
.flaticon-clean:before {
content: "\f12d";
}
.flaticon-plane:before {
content: "\f12e";
}
.flaticon-apple:before {
content: "\f12f";
}
.flaticon-padlock-1:before {
content: "\f130";
}
.flaticon-followers:before {
content: "\f131";
}
.flaticon-loupe:before {
content: "\f132";
}
.flaticon-collaboration:before {
content: "\f133";
}
.flaticon-shopping-cart:before {
content: "\f134";
}
.flaticon-email:before {
content: "\f135";
}
.flaticon-pills:before {
content: "\f136";
}
.flaticon-padlock-2:before {
content: "\f137";
}
.flaticon-notification:before {
content: "\f138";
}
.flaticon-prescription:before {
content: "\f139";
}
.flaticon-share:before {
content: "\f13a";
}
.flaticon-email-1:before {
content: "\f13b";
}
.flaticon-paper-plane:before {
content: "\f13c";
}
.flaticon-smartphone:before {
content: "\f13d";
}
.flaticon-graduation-hat:before {
content: "\f13e";
}
.flaticon-heart-beat:before {
content: "\f13f";
}
.flaticon-call:before {
content: "\f140";
}
.flaticon-attach:before {
content: "\f141";
}
.flaticon-cardiology:before {
content: "\f142";
}
.flaticon-bell-ring:before {
content: "\f143";
}
.flaticon-air-freight:before {
content: "\f144";
}
.flaticon-search:before {
content: "\f145";
}
.flaticon-edit:before {
content: "\f146";
}
.flaticon-privacy:before {
content: "\f147";
}
.flaticon-shopping-cart-1:before {
content: "\f148";
}
.flaticon-speedometer-1:before {
content: "\f149";
}
.flaticon-clipboard:before {
content: "\f14a";
}
.flaticon-apple-1:before {
content: "\f14b";
}
.flaticon-gallery:before {
content: "\f14c";
}
.flaticon-save-money:before {
content: "\f14d";
}
.flaticon-share-1:before {
content: "\f14e";
}
.flaticon-star:before {
content: "\f14f";
}
.flaticon-hotel:before {
content: "\f150";
}
.flaticon-clock-1:before {
content: "\f151";
}
.flaticon-export:before {
content: "\f152";
}
.flaticon-notification-1:before {
content: "\f153";
}
.flaticon-smartphone-1:before {
content: "\f154";
}
.flaticon-fast-delivery:before {
content: "\f155";
}
.flaticon-mobile:before {
content: "\f156";
}
.flaticon-contract:before {
content: "\f157";
}
.flaticon-accounting:before {
content: "\f158";
}
.flaticon-notebook:before {
content: "\f159";
}
.flaticon-verify:before {
content: "\f15a";
}
.flaticon-feedback:before {
content: "\f15b";
}
.flaticon-sticky-notes:before {
content: "\f15c";
}
.flaticon-favourite:before {
content: "\f15d";
}
.flaticon-graduate:before {
content: "\f15e";
}
.flaticon-student:before {
content: "\f15f";
}
.flaticon-send:before {
content: "\f160";
}
.flaticon-greeting:before {
content: "\f161";
}
.flaticon-graduated:before {
content: "\f162";
}
.flaticon-open:before {
content: "\f163";
}
.flaticon-monitor-1:before {
content: "\f164";
}
.flaticon-notification-2:before {
content: "\f165";
}
.flaticon-notifications:before {
content: "\f166";
} .hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap"); :root {
--main-color-one: #00d0db;
--main-color-two: #114ff0;
--secondary-color: #114ff0;
--heading-color: #16215c;
--paragraph-color: #727777;
--heading-font: "Roboto", sans-serif;
--heading-font-02: 'Nunito Sans', sans-serif;
--body-font: "Poppins", sans-serif;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: var(--body-font);
}
* {
box-sizing: border-box;
outline: none;
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
body {
margin: 0;
color: var(--paragraph-color);
font-family: var(--body-font);
font-size: 16px;
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
background-image: linear-gradient(125deg, #00d0db 0%, #114ff0 100%);
border-radius: 10px;
}
h1 {
font-size: 48px;
line-height: 1.0833333333;
}
h2 {
font-size: 36px;
line-height: 1.4444444444;
}
h3 {
font-size: 24px;
line-height: 1.0833333333;
}
h4 {
font-size: 20px;
line-height: 1.2380952381;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #114ff5;
font-family: var(--heading-font);
}
p {
color: var(--paragraph-color);
margin-bottom: 10px;
line-height: 24px;
}
a {
color: inherit;
text-decoration: none;
color: var(--paragraph-color);
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
color: inherit;
}
pre {
word-break: break-word;
}
a i {
padding: 0 2px;
}
img {
max-width: 100%;
}
ol {
counter-reset: counter;
padding-left: 0;
}
ol li {
list-style: none;
margin-bottom: 1rem;
}
ol li:before {
counter-increment: counter;
content: counter(counter);
font-weight: 500;
margin-right: 10px;
} input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
outline: none;
box-shadow: none;
border: 1px solid #ddd;
}
code {
color: #faa603;
}
.dark-bg {
background-color: #111d5c;
}
.section-bg-1 {
background-color: #f4f7fc;
}
.check-list-02 {
margin: 0;
padding: 0;
list-style: none;
}
.check-list-02 li {
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list-02 li:after {
position: absolute;
left: 0;
top: 0;
font-family: "Font Awesome 5 Free";
content: "";
color: var(--main-color-one);
}
.error {
color: #dc3545 !important;
}
.check-list {
margin: 0;
padding: 0;
list-style: none;
}
.check-list li {
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list li:after {
position: absolute;
left: 0;
top: 0;
font-family: "Font Awesome 5 Free";
content: "";
color: var(--main-color-one);
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
clear: both;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-previous > a,
.posts-navigation .nav-previous > a,
.post-navigation .nav-previous > a,
.comment-navigation .nav-next > a,
.posts-navigation .nav-next > a,
.post-navigation .nav-next > a {
transition: 0.3s ease-in;
}
.comment-navigation .nav-previous:hover > a,
.posts-navigation .nav-previous:hover > a,
.post-navigation .nav-previous:hover > a,
.comment-navigation .nav-next:hover > a,
.posts-navigation .nav-next:hover > a,
.post-navigation .nav-next:hover > a {
color: var(--main-color-one);
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 16px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 16px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .padding-left-0 {
padding-left: 0;
}
.padding-right-0 {
padding-left: 0;
}
.gray-bg {
background-color: #f5f5f5;
}
.secondary-bg {
background-color: var(--secondary-color);
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-35 {
padding-top: 35px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-45 {
padding-top: 45px;
}
.padding-top-55 {
padding-top: 55px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-65 {
padding-top: 65px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-75 {
padding-top: 75px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-85 {
padding-top: 85px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-95 {
padding-top: 95px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-top-105 {
padding-top: 105px;
}
.padding-top-110 {
padding-top: 110px;
}
.padding-top-115 {
padding-top: 115px;
}
.padding-top-120 {
padding-top: 120px;
}
.padding-top-140 {
padding-top: 140px;
}
.padding-top-150 {
padding-top: 150px;
}
.padding-top-160 {
padding-top: 160px;
}
.padding-top-190 {
padding-top: 190px;
}
.padding-top-200 {
padding-top: 200px;
}
.padding-top-210 {
padding-top: 210px;
}
.padding-top-260 {
padding-top: 260px;
}
.padding-top-310 {
padding-top: 310px;
}
.padding-top-360 {
padding-top: 360px;
}
.padding-top-390 {
padding-top: 390px;
}
.padding-top-400 {
padding-top: 400px;
}
.padding-top-600 {
padding-top: 600px;
}
.padding-top-640 {
padding-top: 640px;
}
.padding-top-720 {
padding-top: 720px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-15 {
padding-bottom: 15px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-55 {
padding-bottom: 55px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-65 {
padding-bottom: 65px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-75 {
padding-bottom: 75px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-85 {
padding-bottom: 85px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-95 {
padding-bottom: 95px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-bottom-110 {
padding-bottom: 110px;
}
.padding-bottom-105 {
padding-bottom: 105px;
}
.padding-bottom-115 {
padding-bottom: 115px;
}
.padding-bottom-120 {
padding-bottom: 0;
}
.padding-bottom-130 {
padding-bottom: 130px;
}
.padding-bottom-140 {
padding-bottom: 140px;
}
.padding-bottom-135 {
padding-bottom: 135px;
}
.padding-bottom-200 {
padding-bottom: 200px;
}
.padding-bottom-280 {
padding-bottom: 280px;
}
.padding-bottom-285 {
padding-bottom: 285px;
}
.padding-bottom-150 {
padding-bottom: 150px;
}
.padding-bottom-160 {
padding-bottom: 160px;
}
.padding-bottom-165 {
padding-bottom: 165px;
}
.padding-bottom-170 {
padding-bottom: 170px;
}
.padding-bottom-180 {
padding-bottom: 180px;
}
.padding-bottom-200 {
padding-bottom: 200px;
}
.padding-bottom-215 {
padding-bottom: 215px;
}
.padding-bottom-260 {
padding-bottom: 260px;
}
.padding-bottom-300 {
padding-bottom: 300px;
}
.padding-bottom-350 {
padding-bottom: 350px;
}
.padding-bottom-460 {
padding-bottom: 460px;
}
.margin-top-minus-90 {
margin-top: -90px;
}
.margin-top-minus-100 {
margin-top: -100px;
}
.margin-top-120 {
margin-top: 120px;
}
.margin-top-150 {
margin-top: 150px;
}
.margin-top-160 {
margin-top: 160px;
}
.padding-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.padding-110 {
padding-top: 110px;
padding-bottom: 110px;
}
.padding-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-65 {
padding-top: 65px;
padding-bottom: 65px;
}
.padding-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.padding-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.padding-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-35 {
margin-top: 35px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-top-55 {
margin-top: 55px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-top-70 {
margin-top: 70px;
}
.margin-top-80 {
margin-top: 80px;
}
.margin-top-90 {
margin-top: 90px;
}
.margin-top-100 {
margin-top: 100px;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-bottom-55 {
margin-bottom: 55px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.margin-bottom-70 {
margin-bottom: 70px;
}
.margin-bottom-80 {
margin-bottom: 80px;
}
.margin-bottom-90 {
margin-bottom: 90px;
}
.margin-bottom-120 {
margin-bottom: 120px;
}
.margin-bottom-150 {
margin-bottom: 150px;
}
.margin-top-100 {
margin-bottom: 100px;
}
.margin-top-110 {
margin-top: 110px;
}
.margin-top-115 {
margin-top: 115px;
}
.margin-top-120 {
margin-top: 120px;
}
.min-height-600 {
min-height: 600px;
}
.overflow-hidden {
overflow: hidden;
} .alignleft {
float: left;
clear: both;
margin-right: 20px;
}
.alignright {
float: right;
clear: both;
margin-left: 20px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
.alignfull {
margin: 1.5em 0;
max-width: 100%;
}
.alignwide {
max-width: 1100px;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.blog-pagination ul li {
display: inline-block;
}
.blog-pagination ul li + li {
margin: 0 5px;
}
.blog-pagination ul li {
display: inline-block;
}
.blog-pagination ul li + li {
margin: 0 5px;
}
.blog-pagination {
display: block;
width: 100%;
}
.blog-pagination ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-pagination ul li a,
.blog-pagination ul li span {
display: block;
padding: 3px 25px;
border: 1px solid #e2e2e2;
line-height: 40px;
text-align: center;
font-weight: 600;
transition: 0.3s ease-in;
}
.blog-pagination ul li span.current,
.blog-pagination ul li a:hover {
background-color: var(--secondary-color);
color: #fff;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
clear: both;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .wp-link-pages a {
margin: 0 5px;
transition: 0.3s ease-in;
}
.wp-link-pages {
margin-bottom: 30px;
margin-top: 25px;
}
.wp-link-pages span,
.wp-link-pages a {
border: 1px solid #e2e2e2;
padding: 5px 15px;
display: inline-block;
}
.wp-link-pages .current,
.wp-link-pages a:hover {
background-color: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.wp-link-pages span:first-child {
margin-right: 5px;
}
dl,
ol,
ul {
padding-left: 15px;
}
.post-password-form input {
display: block;
border: 1px solid #e2e2e2;
height: 50px;
border-radius: 3px;
padding: 0 20px;
}
.post-password-form label {
font-weight: 600;
color: #333;
}
.post-password-form input[type=submit] {
width: 100px;
height: 50px;
background-color: var(--main-color-one);
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
border: none;
cursor: pointer;
transition: 0.3s ease-in;
}
.post-password-form input[type=submit]:hover {
background-color: #121A2F;
}
.footer-widget .table td,
.footer-widget .table th {
padding: 0.5rem !important;
} .single-post-details-item .entry-content > .alignwide {
max-width: 1100px;
}
.single-post-details-item .entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100%;
}
.wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 16px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: 0.5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 16px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: 0.5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
padding-left: 1em;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
} .has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
} .breadcrumb-area {
background-image: linear-gradient(50deg, #5e2ced 0%, #9749f8 100%);
position: relative;
z-index: 0;
background-size: cover;
background-position: center;
padding: 228px 0 155px 0;
}
.breadcrumb-area.extra {
padding-bottom: 138px;
}
.breadcrumb-area .shape {
position: absolute;
left: 0;
top: 0;
transform: rotate(45deg);
width: 430px;
height: 445px;
border-radius: 50px;
background-image: linear-gradient(180deg, rgba(81, 185, 245, 0.38) 0%, rgba(82, 185, 245, 0.01) 100%);
z-index: -2;
animation: rotate10deg 15s infinite;
}
.breadcrumb-area .page-title {
font-size: 36px;
line-height: 46px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
margin-bottom: 15px;
width: 340px;
}
.breadcrumb-area .page-title.style-01 {
width: initial;
font-size: 60px;
font-weight: 600;
line-height: 70px;
}
.breadcrumb-area p {
font-size: 16px;
line-height: 26px;
max-width: 600px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 20px;
}
.breadcrumb-area .icon {
display: inline-block;
padding: 5px 30px 5px 5px;
background-color: #683dd7;
border-radius: 50px;
display: inline-flex;
align-items: center;
}
.breadcrumb-area .icon i {
margin-right: 15px;
color: #fff;
background-color: #2abef5;
width: 55px;
height: 55px;
border-radius: 50%;
line-height: 55px;
text-align: center;
font-size: 35px;
animation: lightup 5s linear infinite both;
}
.breadcrumb-area .icon p {
font-size: 18px;
color: #fff;
font-weight: 600;
margin-bottom: 0;
}
@keyframes lightup {
0% {
color: #ffff33;
}
50% {
color: transparent;
}
100% {
color: #ffff33;
}
}
.breadcrumb-area .page-list {
margin: 0;
padding: 0;
}
.breadcrumb-area .page-list li {
display: inline-block;
position: relative;
padding-left: 20px;
font-size: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7);
}
.breadcrumb-area .page-list li:first-child {
padding-left: 0;
}
.breadcrumb-area .page-list li:first-child a {
color: rgba(255, 255, 255, 0.7);
}
.breadcrumb-area .page-list li:first-child:after {
display: none;
}
.breadcrumb-area .page-list li:after {
position: absolute;
left: 7px;
top: 0;
font-weight: 700;
content: "/";
font-family: "Font Awesome 5 Free";
}
.breadcrumb-area .page-list li a {
color: var(--main-color-one);
transition: all 0.3s ease-in;
}
.breadcrumb-area .page-list li a:hover {
color: #fff;
}
.notify-form {
margin-top: 30px;
display: flex;
}
.notify-form .form-group {
width: 100%;
flex: 1;
margin-bottom: 0;
}
.notify-form .form-group .form-control {
flex: 1;
width: 100%;
border-radius: 0;
width: 100%;
height: 55px;
background-color: #fff;
color: #5f5f5f;
}
.notify-form .form-group .form-control::-webkit-input-placeholder { color: rgba(95, 95, 95, 0.6);
}
.notify-form .form-group .form-control:-moz-placeholder { color: rgba(95, 95, 95, 0.6);
}
.notify-form .form-group .form-control::-moz-placeholder { color: rgba(95, 95, 95, 0.6);
}
.notify-form .form-group .form-control:-ms-input-placeholder { color: rgba(95, 95, 95, 0.6);
}
.notify-form .submit-btn {
border: none;
background-color: #2abef5;
padding: 7px 30px;
font-size: 18px;
font-weight: 600;
color: #fff;
transition: all 0.5s;
cursor: pointer;
}
.notify-form .submit-btn:hover {
background-color: #fff;
color: var(--main-color-one);
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin-top: 30px;
}
.comments-area .comments-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 38px;
text-transform: uppercase;
}
.comments-area .comment-list .comment-respond {
margin-bottom: 30px;
}
.comments-area .comment-list {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
margin-bottom: 20px;
}
.comments-area .comment-list li {
margin-bottom: 30px;
}
.comments-area .comment-list li:last-child {
margin-bottom: 0;
}
.comments-area .comment-list li ul.children {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
.comments-area .comment-list li ul {
list-style: none;
}
.comments-area .comment-list li ul.children li {
margin-left: 50px;
list-style-type: none;
list-style: none;
}
.comments-area .comment-list li .single-comment-wrap {
display: flex;
align-self: flex-start;
}
.comments-area .comment-list li .single-comment-wrap .thumb {
margin-right: 20px;
min-width: 80px;
border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap .thumb img {
margin-bottom: 10px;
border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap .date,
.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time {
display: block;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.comments-area .comment-list li .single-comment-wrap .content {
flex: 1;
position: relative;
}
.comments-area .comment-list .has-children {
padding-left: 80px;
}
.comments-area .comment-list li .single-comment-wrap .content .title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
font-family: var(--heading-font);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-content {
max-width: 620px;
}
.comments-area .comment-list li .single-comment-wrap .content p {
font-size: 16px;
line-height: 24px;
word-break: break-word;
}
.comments-area .comment-list li .single-comment-wrap .content p:last-child {
margin-bottom: 0;
}
.comments-area .comment-list li .single-comment-wrap .content .reply {
color: var(--secondary-color);
}
.comments-area .comment-list li .single-comment-wrap .content .reply:hover {
color: var(--main-color-one);
}
.comments-area .reply-title,
.comments-area .comment-reply-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
}
.comments-area .form-submit {
margin-bottom: 0;
}
.comment-form .form-group.textarea .form-control {
min-height: 160px;
resize: none;
line-height: 26px;
}
.comment-form .form-group.textarea .form-control:focus {
outline: none;
box-shadow: none;
}
.comment-form .form-group .form-control {
height: 50px;
line-height: 50px;
border-radius: 0;
border: 1px solid #f2f2f3;
background-color: #f2f2f3;
}
.comment-form .submit-btn {
height: 50px;
width: auto;
border-radius: 5px;
font-weight: 400;
background-color: var(--main-color-one);
border: none;
cursor: pointer;
transition: 0.3s ease-in;
color: #fff;
}
.comment-form .submit-btn:hover {
background-color: var(--secondary-color);
color: #fff;
}
.comment-respond { }
.comments-area .comment-list .children li:last-child {
margin-bottom: 30px;
}
.comments-area .comment-list li ul.children {
margin-top: 30px;
}
.comment-form-cookies-consent input[type=checkbox] {
margin-right: 5px;
} .widget {
margin-bottom: 30px;
}
.widget select {
width: 100%;
height: 50px;
padding: 10px 20px;
}
.widget .widget-title {
font-size: 16px;
font-weight: 700;
line-height: 26px;
margin-bottom: 25px;
text-transform: capitalize;
position: relative;
font-family: var(--heading-font);
}
.widget .widget-title.style-01 {
font-size: 18px;
}
.widget.widget_calendar {
padding-right: 24px;
padding-left: 24px;
}
.widget:last-child {
margin-bottom: 0px;
}
.widget.widget_nav_menu ul li.menu-item-has-children:after {
display: none;
}
.widget.footer-widget.widget_subscribe {
display: flex;
}
.widget.footer-widget.widget_subscribe .title {
font-size: 24px;
font-weight: 700;
color: #fff;
}
.widget.footer-widget .subscribe-form {
display: flex;
margin-left: 50px;
}
.widget.footer-widget .subscribe-form .form-group {
display: flex;
margin-bottom: 0;
}
.widget.footer-widget .subscribe-form .form-group .form-control {
width: 100%;
height: 55px;
border-radius: 50px;
background-color: #fff;
color: #5f5f5f;
}
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder { color: rgba(95, 95, 95, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder { color: rgba(95, 95, 95, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder { color: rgba(95, 95, 95, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder { color: rgba(95, 95, 95, 0.6);
}
.widget.footer-widget .subscribe-form .submit-btn {
border: none;
border-radius: 50px;
background-color: var(--secondary-color);
width: 85px;
height: 55px;
font-size: 25px;
color: #fff;
transition: all 0.5s;
margin-left: 15px;
cursor: pointer;
}
.widget.footer-widget .subscribe-form .submit-btn:hover {
background-color: #fff;
color: var(--main-color-one);
}
.widget.footer-widget {
background-color: transparent;
padding: 0;
margin-bottom: 30px;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li ul {
margin-left: 20px;
}
.widget ul li {
display: block;
margin: 8px 0;
-ms-word-wrap: break-word;
word-break: break-word;
}
.widget ul li:first-child {
margin-top: 0px;
}
.widget ul li:last-child {
margin-bottom: 0px;
}
.widget ul li a {
color: inherit;
transition: all 0.3s ease-in;
}
.widget ul li a:hover {
color: var(--main-color-one);
}
.widget_search .search-form {
position: relative;
}
.widget_search .search-form .form-group {
margin-bottom: 0;
}
.widget_search .search-form .form-group .form-control {
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 70px 0 15px;
}
.widget_search .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 50px;
line-height: 50px;
padding: 0;
font-size: 18px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: var(--secondary-color);
color: #fff;
transition: 0.3s ease-in;
border: none;
cursor: pointer;
}
.widget_search .search-form .submit-btn:hover {
background-color: var(--secondary-color);
color: #fff;
}
.widget_author_meta {
text-align: center;
}
.widget_author_meta .thumb {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 20px;
}
.widget_author_meta .thumb img {
border-radius: 50%;
}
.widget_author_meta .content .name {
font-size: 21px;
font-weight: 700;
}
.widget_author_meta .content p {
font-size: 16px;
line-height: 26px;
}
.widget_author_meta .content ul {
margin-top: 25px;
}
.widget_author_meta .content ul li {
display: inline-block;
margin: 0 5px;
}
.widget_author_meta .content ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
transition: all 0.3s ease-in;
}
.widget_author_meta .content ul li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.widget_tag_cloud .tagcloud a {
display: inline-block;
padding: 5px 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 5px 5px 5px 0;
color: inherit;
transition: all 0.3s ease-in;
border-radius: 5px;
font-size: 16px !important;
}
.widget_tag_cloud .tagcloud a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.widget ul li ul.sub-menu {
position: initial;
}
.widget ul li ul.sub-menu {
visibility: visible;
opacity: 1;
background-color: transparent;
border-top: none;
box-shadow: none;
margin-top: 10px;
}
.widget ul li ul.sub-menu li a {
padding: 0 0 0px 10px;
}
.widget ul li ul.sub-menu li a:hover {
background-color: transparent;
}
.widget.widget_nav_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget.widget_nav_menu ul li {
margin: 10px 0;
}
.widget.widget_archive ul li:first-child {
padding-top: 0;
}
.widget.widget_archive ul li {
padding: 10px 0;
border-bottom: 1px solid #dedee2;
}
.widget.widget_archive ul li:last-child {
border-bottom: none;
}
.widget.widget_archive ul li a span {
float: right;
}
.widget.widget_nav_menu ul li:first-child {
margin-top: 0;
}
.widget.widget_nav_menu ul li:last-child {
margin-bottom: 0;
}
.widget.widget_nav_menu ul li a {
border: none;
}
.widget.widget_nav_menu ul li > ul {
margin-left: 15px;
}
.widget.footer-widget.widget_calendar table {
margin-bottom: 0;
}
.widget.footer-widget.widget_calendar caption {
padding-bottom: 0;
}
.widget.footer-widget .widget-title {
color: rgba(255, 255, 255, 0.9);
}
.widget.footer-widget p,
.footer-widget.widget_tag_cloud .tagcloud a,
.widget.footer-widget.widget_calendar caption,
.widget.footer-widget.widget_calendar th,
.widget.footer-widget.widget_calendar td {
color: #9191aa;
font-size: 16px;
}
.widget.footer-widget ul li a,
.widget.footer-widget ul li {
color: #fff;
font-size: 16px;
margin:0 10px;
}
.widget.footer-widget ul li a:hover {
color: var(--secondary-color);
}
.widget.footer-widget.style-01 ul li a:hover {
color: var(--secondary-color);
}
.widget.widget_subscribe {
background-color: #131627;
padding: 45px 40px;
border-radius: 20px;
}
.widget .social_share {
margin: 0;
padding: 0;
list-style: none;
}
.widget .social_share.style-01 li {
color: #7d7d93;
}
.widget .social_share.style-01 li i {
font-size: 15px;
}
.widget .social_share.style-01 li a:hover {
color: var(--secondary-color);
}
.widget .social_share li {
margin: 0;
display: inline-block;
text-align: center;
border-radius: 5px;
color: #fff;
}
.widget .social_share li + li {
margin-left: 10px;
}
.widget .social_share li i {
display: block;
margin-bottom: 10px;
font-size: 20px;
}
.widget .social_share li a:hover {
color: #fff;
}
.widget .recent_post_item {
margin: 0;
padding: 0;
list-style: none;
}
.widget .recent_post_item li {
display: block;
}
.widget .recent_post_item li + li {
margin-top: 20px;
}
.widget .recent_post_item li.single-recent-post-item {
display: flex;
align-self: flex-start;
}
.widget .recent_post_item li.single-recent-post-item .thumb {
width: 110px;
height: 70px;
border-radius: 10px;
margin-right: 15px;
}
.widget .recent_post_item li.single-recent-post-item .thumb img {
border-radius: 10px;
}
.widget .recent_post_item li.single-recent-post-item .content {
flex: 1;
}
.widget .recent_post_item li.single-recent-post-item .content .title {
font-size: 16px;
line-height: 18px;
font-weight: 500;
max-width: 170px;
}
.widget .recent_post_item li.single-recent-post-item .content .time {
font-size: 12px;
font-weight: 500;
}
.widget .recent_post_item li.single-recent-post-item .content .time i {
color: var(--secondary-color);
padding-right: 5px;
}
.contact_info_list {
margin: 0;
padding: 0;
list-style: none;
}
.contact_info_list li {
display: block;
}
.contact_info_list li.single-info-item {
position: relative;
}
.contact_info_list li.single-info-item .icon {
position: absolute;
left: 0;
top: 0;
color: var(--main-color-one);
}
.contact_info_list li.single-info-item .details {
margin-left: 30px;
}
.about_us_widget .footer-logo {
margin-bottom: 20px;
display: block;
}
.copyright-area {
padding: 20px 0;
text-align: center;
color: #898ba7;
font-size: 16px;
}
.widget-testimonial .icon {
font-size: 70px;
line-height: 60px;
color: var(--main-color-one);
margin-bottom: 16px;
}
.widget-testimonial p {
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
}
.widget-testimonial .author-meta {
display: flex;
align-self: flex-start;
margin-top: 24px;
}
.widget-testimonial .author-meta .thumb {
margin-right: 20px;
}
.widget-testimonial .author-meta .thumb img {
max-width: 80px;
height: 80px;
border-radius: 50%;
}
.widget-testimonial .author-meta .content {
flex: 1;
margin-top: 15px;
}
.widget-testimonial .author-meta .content .name {
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #fff;
margin-bottom: 0;
}
.widget-testimonial .author-meta .content .designation {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
}
.practice-sidebar .widget.widget_categories,
.case-sidebar .widget.widget_categories {
padding: 0px;
background-color: transparent;
}
.practice-sidebar .widget.widget_categories .widget-title,
.case-sidebar .widget.widget_categories .widget-title {
background-color: #e1e1e1;
padding: 15px 30px;
margin-bottom: 0px;
}
.practice-sidebar .widget.widget_categories ul li,
.case-sidebar .widget.widget_categories ul li {
position: relative;
z-index: 0;
background-color: #f5f5f5;
padding: 13px 30px;
margin-bottom: 0;
}
.practice-sidebar .widget.widget_categories ul li + li,
.case-sidebar .widget.widget_categories ul li + li {
margin-top: 2px;
}
.practice-sidebar .widget.widget_categories ul li:after,
.case-sidebar .widget.widget_categories ul li:after {
position: absolute;
left: 15px;
top: 12px;
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
} .navbar.navbar-area.white .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar.navbar-area.nav-style-01 .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar.navbar-area .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.mobile-logo {
display: none;
}
@media only screen and (max-width: 991px) {
.mobile-logo {
display: block;
}
.desktop-logo {
display: none !important;
}
}
.navbar-area {
padding: 0;
}
.navbar-area.nav-absolute {
position: absolute;
left: 0;
width: 100%;
top: 0px;
z-index: 1;
}
.navbar-area.nav-style-02 {
background-color: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
}
.navbar-area.nav-style-02.has-topbar {
top: 50px;
}
.navbar-area.nav-style-02.has-topbar-02 {
top: 122px;
}
.navbar-area.nav-style-02.has-topbar-03 {
top: 70px;
}
.navbar-area.nav-style-02 .nav-container {
background-color: transparent;
box-shadow: none;
border-radius: 0;
padding: 0 15px;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav {
text-align: center;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li.current-menu-item a {
color: #fff;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li a {
color: #1d2d41;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li:hover a {
color: #114ff0;
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav {
text-align: center;
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #fff;
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.gym-nav .navbar-collapse .navbar-nav li:hover a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav {
text-align: center;
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #fff;
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .navbar-collapse .navbar-nav li:hover a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.startup-nav .nav-right-content .btn-wrapper .boxed-btn {
border-radius: 5px;
margin-left: 15px;
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav {
text-align: right;
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #283377;
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.sass-nav .navbar-collapse .navbar-nav li:hover a {
color: var(--secondary-color);
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav {
text-align: right;
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #fff;
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container.inner-nav .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container .logo-wrapper {
max-width: 150px;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content {
display: flex;
align-items: center;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li {
color: var(--heading-color);
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li + li {
margin-left: 5px;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li a {
color: var(--heading-color);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
text-align: right;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--heading-color);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: #fff;
color: var(--paragraph-color);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #fff;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: var(--heading-color);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 {
background-color: var(--main-color-two);
}
.navbar-area.nav-style-01 .nav-container {
background-color: var(--main-color-two);
box-shadow: none;
border-radius: 0;
padding: 0 15px;
}
.navbar-area.nav-style-01 .nav-container .nav-right-content ul li {
color: var(--heading-color);
}
.navbar-area.nav-style-01 .nav-container .nav-right-content ul li a {
color: var(--heading-color);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
text-align: right;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
line-height: 110px;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--heading-color);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: 1px solid #e2e2e2;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: #fff;
color: var(--paragraph-color);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #fff;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: var(--heading-color);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area .nav-container {
background-color: #fff;
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 0 30px;
}
.navbar-area .nav-container .nav-right-content .btn-wrapper {
margin-left: 40px;
}
.navbar-area .nav-container .nav-right-content ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 15px;
}
.navbar-area .nav-container .nav-right-content ul li {
display: inline-block;
margin: 0 15px;
color: #6a7795;
}
.navbar-area .nav-container .nav-right-content ul li:last-child {
margin-right: 0;
}
.navbar-area .nav-container .nav-right-content ul li a {
color: #6a7795;
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .nav-right-content ul li a:hover {
color: var(--secondary-color);
}
.navbar-area .nav-container .nav-right-content ul li.search {
cursor: pointer;
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .nav-right-content ul li.search:hover {
color: var(--main-color-one);
}
.navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed {
font-weight: 600;
text-transform: capitalize;
border-radius: 5px;
background-color: var(--main-color-one);
}
.navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed:hover {
background-color: var(--secondary-color);
}
.navbar-area .nav-container .navbar-brand .site-title {
font-weight: 700;
font-size: 30px;
font-family: var(--heading-font);
line-height: 90px;
color: var(--heading-color);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav {
display: block;
width: 100%;
text-align: right;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display: inline-block;
font-size: 16px;
font-family: var(--body-font);
text-transform: capitalize;
font-weight: 600;
line-height: 70px;
position:relative;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
margin-left: 25px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
position: relative;
z-index: 0;
padding-right: 15px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
position: absolute;
right: 0;
top: 50%;
content: "";
font-weight: 700;
font-family: "Font Awesome 5 Free";  transform: translateY(-50%);
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position: absolute;
text-align: left;
min-width: 220px;
margin: 0;
padding: 0;
list-style: none;
left: 0;
top: 100%;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
z-index: 9;
border-bottom: 4px solid var(--main-color-one);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
display: block;
margin-left: 0;
line-height: 24px;
font-size: 16px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: 1px solid #e2e2e2;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
display: block;
padding: 12px 30px;
background-color: #fff;
white-space: nowrap;
color: var(--paragraph-color);
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
position: relative;
z-index: 0;
padding-right: 0px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
left: 100%;
top: 0px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu .sub-menu .sub-menu {
left: auto;
right: 100%;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #fff;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
color: var(--main-color-one);
}
@media only screen and (max-width: 991px) {
.navbar-area.nav-style-02 .nav-container {
padding: 0 0px;
}
.navbar-area.nav-style-02 .nav-container .navbar-toggler {
background-color: #fff;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
background-color: var(--main-color-two);
padding: 0 20px;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: transparent;
color: rgba(255, 255, 255, 0.8);
}
.navbar-area.nav-style-01 .nav-container {
padding: 20px 0px;
}
.navbar-area.nav-style-01 .nav-container .responsive-mobile-menu .navbar-toggler {
background-image: none;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
text-align: left;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
line-height: 30px;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: rgba(255, 255, 255, 0.8);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: 1px solid #e2e2e2;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: transparent;
color: var(--paragraph-color);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #656565;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: rgba(255, 255, 255, 0.8);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area .nav-container {
position: relative;
z-index: 0;
min-height: 80px;
}
.navbar-area .nav-container .responsive-mobile-menu {
display: block;
position: relative;
width: 100%;
}
.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
position: absolute;
right: 0;
top: 50%;  transform: translateY(-50%);
border: 1px solid rgba(255, 255, 255, 0.8);
}
.navbar-area .nav-container .navbar-brand {
display: block;
}
.navbar-area .nav-container .navbar-brand .navbar-toggler {
position: absolute;
right: 10px;
border: 1px solid #e2e2e2;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav {
display: block;
margin-top: 20px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display: block;
text-align: left;
line-height: 30px;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
border-bottom: none;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
margin-left: 0;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
top: 25px;
right: 20px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
padding-bottom: 0;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
height: auto;
opacity: 1;
background-color: transparent;
border-bottom: none;
padding-top: 10px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position: initial;
display: block;
width: 100%;
border-top: none;
box-shadow: none;
margin-left: 0;
padding-bottom: 0;
visibility: hidden;
opacity: 0;
height: 0;
overflow: hidden;
max-height: 250px;
overflow-y: scroll;
transition: height 500ms;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
content: "";
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
padding: 0;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
color: #fff;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: none;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media only screen and (max-width: 575px) {
.navbar-area .nav-container {
margin: 0 15px;
}
} .info-bar-bottom {
background-color: transparent;
}
.info-bar-bottom.style-01 {
position: absolute;
width: 100%;
z-index: 2;
padding: 25px 0;
}
.info-bar-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.info-items {
margin: 0;
padding: 0;
list-style: none;
}
.info-items li {
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #fff;
transition: all 0.3s ease-in;
}
.info-items li + li {
margin-left: 20px;
}
.info-items li:hover {
color: var(--secondary-color);
}
.info-items li i {
margin-right: 3px;
color: var(--secondary-color);
}
.info-items-02 {
margin: 0;
padding: 0;
list-style: none;
}
.info-items-02 li {
display: flex;
align-items: center;
}
.info-items-02 li .title {
color: #fff;
font-size: 12px;
font-weight: 700;
margin-top: 15px;
margin-right: 15px;
}
.info-items-02 li .number {
color: #fff;
font-size: 24px;
font-weight: 700;
}
.info-items-02 li .number span {
color: var(--secondary-color);
}
.info-items-icon {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.info-items-icon li {
display: inline-block;
font-size: 16px;
line-height: 24px;
transition: all 0.3s ease-in;
}
.info-items-icon li + li {
margin-left: 20px;
}
.info-items-icon li:hover {
color: var(--secondary-color);
} .topbar-area {
background-color: var(--main-color-two);
}
.topbar-inner {
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.topbar-inner div .boxed-btn {
padding: 15px 30px;
background-color: var(--main-color-one);
display: inline-block;
color: #fff;
transition: all 0.3s ease-in;
}
.topbar-inner div .boxed-btn:hover {
background-color: var(--secondary-color);
color: #fff;
} .header-bottom-img {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-height: 665px;
}
.header-bottom-img.m-top {
margin-top: -350px;
position: relative;
z-index: 0;
}
.header-style-04.has-top-bar .navbar-area {
top: 75px;
}
.header-style-04.has-top-bar .header-area {
padding-top: 352px;
padding-bottom: 300px;
}
.header-style-03 .header-area {
padding-top: 295px;
}
.header-area-wrapper,
.header-style-02,
.header-style-03 {
position: relative;
z-index: 0;
}
.header-style-02 .header-area {
padding-top: 295px;
padding-bottom: 290px;
}
.header-slider-one .owl-item.active .title {
animation: slideInLeft 2s 0s both;
}
.header-slider-one .owl-item.active p {
animation: slideInLeft 2s 1s both;
}
.header-slider-one .owl-item.active span {
animation: slideInRight 2s 1s both;
}
.header-slider-one .owl-item.active .author-sign {
animation: flipInX 2s 1s both;
}
.header-slider-one .owl-item.active .btn-wrapper {
animation: flipInX 2s 2s both;
}
.header-slider-one:hover .owl-nav div {
visibility: visible;
opacity: 1;
}
.header-slider-one .owl-nav div {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 50px;
text-align: center;
line-height: 50px;
color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.5);
transition: all 0.3s ease-in;
visibility: hidden;
opacity: 0;
}
.header-slider-one .owl-nav div:hover {
color: var(--secondary-color);
border-color: var(--secondary-color);
}
.header-slider-one .owl-nav div.owl-next {
left: auto;
right: 20px;
}
.header-area {
padding: 60px 0;
padding-bottom:35px;
position: relative;
z-index: 0;
overflow: hidden;
}
.header-area.style-01 {
padding: 205px 0 255px;
}
.header-area.style-02 {
padding: 205px 0 255px;
}
.header-area.style-03 {
padding: 205px 0 290px;
}
.header-area.header-social {
padding: 290px 0 445px;
}
.header-area.header-social .header-inner .title {
font-size: 60px;
line-height: 70px;
font-weight: 500;
color: #fff;
}
.header-area.header-social .social-bg-img {
height: 50px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 20%;
top: 15%;
z-index: -1;
animation: popUp 2s;
}
@keyframes popUp {
0% {
right: 50%;
top: 50%;
opacity: 0;
transform: translate(50%, 50%);
}
100% {
opacity: 1;
right: 20%;
top: 15%;
}
}
.header-area.header-social .social-bg-img-02 {
height: 50px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 30%;
top: 10%;
z-index: -1;
animation: popUpTwo 2s;
}
@keyframes popUpTwo {
0% {
left: 50%;
top: 50%;
opacity: 0;
transform: translate(50%, 50%);
}
100% {
opacity: 1;
left: 30%;
top: 10%;
}
}
.header-area.header-social .social-bg-img-03 {
height: 50px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 55%;
z-index: 0;
animation: popUpThree 2s;
}
@keyframes popUpThree {
0% {
right: 50%;
top: 50%;
opacity: 0;
transform: translate(50%, 50%);
}
100% {
opacity: 1;
right: 10%;
top: 55%;
}
}
.header-area.header-social .social-bg-img-04 {
height: 50px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 10%;
top: 56%;
z-index: 0;
animation: popUpFour 2s;
}
@keyframes popUpFour {
0% {
left: 50%;
top: 50%;
opacity: 0;
transform: translate(50%, 50%);
}
100% {
opacity: 1;
left: 10%;
top: 56%;
}
}
.header-area.header-startup {
padding: 290px 0 225px;
}
.header-area.header-startup .header-inner span {
color: #fff;
font-family: var(--heading-font);
font-size: 48px;
font-weight: 400;
line-height: 72px;
text-transform: initial;
}
.header-area.header-startup .header-inner .title {
font-size: 60px;
line-height: 70px;
font-weight: 500;
margin-bottom: 20px;
color: #fff;
}
.header-area.header-startup .header-inner .header-form-area {
margin-top: 30px;
display: flex;
margin-bottom: 150px;
}
.header-area.header-startup .header-inner .header-form-area .form-group {
width: 100%;
margin-bottom: 0;
margin-right: 20px;
}
.header-area.header-startup .header-inner .header-form-area .form-group .form-control {
border-radius: 5px;
border: none;
padding: 15px 30px 15px 15px;
color: var(--heading-color);
background-color: #fff;
}
.header-area.header-startup .header-inner .header-form-area .form-group .form-control::placeholder {
color: #9a98b7;
font-size: 16px;
font-weight: 500;
}
.header-area.header-startup .header-inner .header-form-area .submit-btn {
border-radius: 5px;
background-color: var(--secondary-color);
padding: 15px 15px;
font-weight: 600;
color: #fff;
transition: all 0.3s ease-in-out;
border: 1px solid var(--secondary-color);
}
.header-area.header-startup .header-inner .header-form-area .submit-btn:hover {
background-color: var(--main-color-two);
color: #fff;
border: 1px solid var(--main-color-one);
}
.header-area.header-startup .header-inner .vdo-btn .video-play {
color: #fff;
}
.header-area.header-startup .header-inner .vdo-btn .video-play i {
width: 80px;
height: 80px;
text-align: center;
border: 1px solid #e2e2e2;
line-height: 80px;
border-radius: 50%;
transition: all 0.3s;
display: inline-block;
margin-right: 20px;
}
.header-area.header-startup .header-inner .vdo-btn .video-play:hover i {
background-color: #fff;
color: var(--main-color-one);
}
.header-area.header-startup .startup-bg-img {
height: 870px;
width: 745px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -1;
}
.header-area.header-startup .shape {
position: absolute;
left: 5%;
top: 12%;
transform: rotate(12deg);
width: 220px;
height: 250px;
border-radius: 50px;
background-image: linear-gradient(43deg, rgba(81, 185, 245, 0.38) 0%, rgba(82, 185, 245, 0.01) 100%);
z-index: -1;
animation: rotate10deg 5s infinite;
}
.header-area.header-startup .shape-02 {
position: absolute;
right: 5%;
top: 12%;
transform: rotate(12deg);
width: 730px;
height: 745px;
border-radius: 50px;
background-image: linear-gradient(180deg, rgba(81, 185, 245, 0.38) 0%, rgba(82, 185, 245, 0.01) 100%);
z-index: -2;
animation: rotate10deg 15s infinite;
}
@keyframes rotate10deg {
0% {
transform: rotate(-12deg);
}
50% {
transform: rotate(12deg);
}
100% {
transform: rotate(-12deg);
}
}
.header-area.header-sass {
position: relative;
z-index: 0;
padding: 205px 0 255px;
}
.header-area.header-sass::after {
content: "";
left: 50%;
top: 125px;
border-radius: 20px;
transform: translateX(-50%);
position: absolute;
width: 95%;
height: 80%;
background-color: #2e2a59;
z-index: -1;
}
.header-area.header-sass .sass-bg-img-02 {
position: absolute;
height: 730px;
width: 830px;
left: 60%;
bottom: -35%;
z-index: 0;
animation: pulse-border 3s infinite;
}
.header-area.header-sass .shape {
position: absolute;
right: -50%;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #ffd5a8;
z-index: -1;
animation: size-increase-anmi 10s infinite;
}
.header-area.header-sass .shape-02 {
position: absolute;
left: -10%;
top: -10%;
width: 330px;
height: 330px;
border-radius: 50%;
background-color: #ffd5a8;
z-index: -1;
animation: size-increase-anmi 5s infinite;
}
@keyframes size-increase-anmi {
0% {
transform: scale(1.2);
}
50% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.header-area.header-sass .sass-bg-img {
height: 730px;
width: 830px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: 0;
}
.header-area.header-sass .header-inner .title {
color: #fff;
}
.header-area.header-sass .header-inner p {
color: #b2a9f4;
font-size: 18px;
max-width: 500px;
}
.header-area.header-brand {
background-color: #f5e1c6;
position: relative;
z-index: 0;
padding: 205px 0 255px;
}
.header-area.header-brand .sass-bg-img-02 {
position: absolute;
height: 730px;
width: 830px;
left: 60%;
bottom: -35%;
z-index: 0;
animation: pulse-border 3s infinite;
}
.header-area.header-brand .shape {
position: absolute;
left: -25%;
top: -25%;
transform: translate(-50%, -50%);
width: 650px;
height: 650px;
border-radius: 50%;
border: 2px solid #fff;
z-index: -1;
animation: size-increase 15s linear infinite;
}
.header-area.header-brand .shape::before {
content: "";
position: absolute;
left: 23%;
top: 0%;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
@keyframes size-increase {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.header-area.header-brand .sass-bg-img {
height: 730px;
width: 830px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: 0;
}
.header-area.header-brand .header-inner .title {
color: #000629;
font-size: 48px;
line-height: 54px;
font-weight: 700;
}
.header-area.header-brand .header-inner p {
color: #b2a9f4;
font-size: 18px;
max-width: 500px;
}
.header-area.header-lifestyle {
position: relative;
z-index: 0;
padding: 205px 0 540px;
}
.header-area.header-lifestyle .sass-bg-img {
height: 730px;
width: 830px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: 0;
}
.header-area.header-lifestyle .shape {
position: absolute;
left: 0;
bottom: 0;
}
.header-area.header-lifestyle .shape-03 {
position: absolute;
left: -25%;
top: -25%;
transform: translate(-50%, -50%);
width: 650px;
height: 650px;
border-radius: 50%;
border: 1px solid #fff;
z-index: -1;
animation: size-increase 15s linear infinite;
}
.header-area.header-lifestyle .shape-03::before {
content: "";
position: absolute;
left: 23%;
top: 0%;
width: 60px;
height: 60px;
opacity: 0.6;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
.header-area.header-lifestyle .header-inner .title {
color: #fff;
font-size: 48px;
line-height: 54px;
font-weight: 700;
}
.header-area.header-lifestyle .header-inner p {
color: #fff;
font-size: 18px;
max-width: 500px;
}
.header-area.header-restaurant {
background-color: #fff;
}
.header-area.header-restaurant .header-inner .title {
font-size: 66px;
line-height: 84px;
font-weight: 700;
color: #fff;
text-shadow: 2px 2px #828282;
}
.header-area.header-restaurant .header-inner .apps-download {
margin-top: 40px;
display: flex;
}
.header-area.header-restaurant .header-inner .apps-download .download-img {
margin-right: 20px;
}
.header-area.header-restaurant .restaurant-bg-img {
height: 360px;
width: 530px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 20%;
z-index: -1;
}
.header-area.header-restaurant .restaurant-bg-img-02 {
height: 74px;
width: 62px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 50%;
bottom: 20%;
z-index: -1;
}
.header-area.header-restaurant .restaurant-bg-img-03 {
width: 45px;
height: 133px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 55%;
top: 36%;
z-index: 0;
}
.header-area.header-restaurant .restaurant-bg-img-04 {
height: 80px;
width: 90px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 5%;
top: 20%;
z-index: 0;
}
.header-area.header-gym {
background-color: transparent;
padding: 290px 0 445px;
}
.header-area.header-gym .header-inner .title {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: #fff;
}
.header-area.header-gym .header-inner p {
max-width: 560px;
}
.header-area.header-gym .shape {
position: absolute;
left: -10%;
top: -13%;
transform: rotate(-12deg);
width: 560px;
height: 560px;
border-radius: 50px;
background-image: linear-gradient(-360deg, rgba(255, 0, 170, 0.5) 0%, rgba(255, 1, 170, 0) 100%);
z-index: -1;
animation: rotate10deg 5s infinite;
}
.header-area.header-gym .shape-02 {
position: absolute;
left: -15%;
top: -20%;
transform: rotate(-12deg);
width: 560px;
height: 560px;
border-radius: 50px;
background-image: linear-gradient(-360deg, rgba(255, 0, 170, 0.5) 0%, rgba(255, 1, 170, 0) 100%);
z-index: -1;
animation: rotate10deg 5s infinite;
}
.header-area.header-gym .gym-bg-img {
height: 850px;
width: 625px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -1;
}
.header-area.header-finance {
background-color: transparent;
padding: 290px 0 600px;
}
.header-area.header-finance .header-inner .title {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: #fff;
}
.header-area.header-finance .header-inner p {
max-width: 560px;
}
.header-area.header-finance .finance-bg-img {
height: 750px;
width: 420px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -1;
}
.header-area.header-finance .finance-bg-img-02 {
height: 730px;
width: 510px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -2;
}
.header-area.header-business {
background-color: transparent;
padding: 290px 0 255px;
}
.header-area.header-business .header-inner .title {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: #000629;
}
.header-area.header-business .header-inner p {
color: #000629;
max-width: 560px;
}
.header-area.header-business .business-bg-img {
height: 750px;
width: 420px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -1;
}
.header-area.header-business .business-bg-img-02 {
height: 930px;
width: 800px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 0;
z-index: -2;
}
.header-area.header-business .shape-02 {
position: absolute;
top: 10%;
left: 5%;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #f6ece4;
z-index: -1;
}
.header-area.header-entertainment {
background-color: transparent;
padding: 290px 0 445px;
}
.header-area.header-entertainment .header-inner .title {
font-size: 120px;
line-height: 130px;
font-weight: 700;
color: #f8f601;
}
.header-area.header-entertainment .header-inner p {
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.header-area.header-entertainment .entertainment-bg-img {
height: 585px;
width: 730px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 10%;
top: 15%;
z-index: -1;
}
.header-area .subtitle {
position: relative;
z-index: 0;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
padding-left: 70px;
letter-spacing: 1px;
}
.header-area .subtitle:after {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 60px;
height: 2px;
background-color: var(--main-color-one);
}
.header-area.header-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.header-area.header-bg-02 {
background-color: #1d2d41;
background-position: center;
background-size: cover;
position: relative;
}
.header-area.header-bg-02::after {
content: "";
position: absolute;
left: 0%;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(22, 50, 122, 0.3);
z-index: -1;
}
.header-area.header-bg-03 {
background-color: #1d2d41;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
}
.header-area.header-bg-03::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(22, 50, 122, 0.6);
z-index: -1;
}
.header-area .bg-img {
height: 250px;
width: 380px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 50px;
z-index: -1;
animation: bikerun 10s infinite;
transition: all 0.5s;
}
@keyframes bikerun {
0% {
right: -27%;
}
100% {
right: 100%;
}
}
.header-area .bg-img-02 {
height: 130px;
width: 110px;
background-repeat: no-repeat;
position: absolute;
right: 20%;
top: 10%;
z-index: -1;
animation: balloonfly 15s infinite;
transition: all 0.5s;
}
@keyframes balloonfly {
0% {
top: 40%;
opacity: 0;
}
30% {
transform: scale(1.5);
opacity: 1;
}
100% {
top: 10%;
opacity: 0;
}
}
.header-area .bg-img-03 {
height: 30px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 27%;
top: 10%;
z-index: -1;
animation: balloonfly-02 10s infinite;
transition: all 0.5s;
}
@keyframes balloonfly-02 {
0% {
top: 40%;
opacity: 0;
}
30% {
transform: scale(1.5);
opacity: 1;
}
100% {
top: 10%;
opacity: 0;
}
}
.header-area .bg-img-04 {
height: 50px;
width: 65px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: 12%;
top: 1%;
z-index: -1;
animation: balloonfly-03 12s infinite;
transition: all 0.5s;
}
@keyframes balloonfly-03 {
0% {
top: 40%;
opacity: 0;
}
30% {
transform: scale(1.5);
opacity: 1;
}
100% {
top: 15%;
opacity: 0;
}
}
.header-area .bg-img-05 {
height: 165px;
width: 60px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
left: 5%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-06 {
height: 135px;
width: 35px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
left: 9%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-07 {
height: 115px;
width: 50px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
left: 31%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-08 {
height: 300px;
width: 70px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: 19%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-09 {
height: 450px;
width: 165px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: 8%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-10 {
height: 275px;
width: 70px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: 5%;
bottom: 60px;
z-index: -2;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.header-area .bg-img-11 {
height: 620px;
width: 510px;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
right: 2%;
bottom: 0;
z-index: -2;
}
.header-area .header-inner.style-01 {
display: flex;
align-items: center;
height: 100%;
}
.header-area .title {
font-size: 72px;
line-height: 84px;
color: var(--heading-color);
font-weight: 700;
margin-bottom: 30px;
}
.header-area p {
font-size: 28px;
line-height: 42px;
color: rgba(255, 255, 255, 1)
}
.header-area span {
color: var(--secondary-color);
font-size: 18px;
text-transform: uppercase;
display: block;
}
.header-area .btn-wrapper .boxed-btn {
border: 1px solid transparent;
background-color: #ff8c8f;
}
.header-area .btn-wrapper .boxed-btn:hover { }
.header-area .btn-wrapper .boxed-btn + .boxed-btn {
margin-left: 20px;
} .header-bottom-wrapper .right-content {
display: flex;
align-items: center;
height: 100%;
}
.header-bottom-area {
position: relative;
z-index: 0;
}
.header-bottom-area .half-cricle {
position: absolute;
left: 0;
top: 0;
width: 210px;
height: 110px;
background-color: transparent;
border-top-left-radius: 200px;
border-top-right-radius: 200px;
border: 50px solid #feba71;
transform: rotate(140deg);
border-bottom: 0;
transform-origin: bottom;
animation: rotate 12s both;
}
@keyframes rotate {
0% {
border-color: #feba71;
transform: rotate(0deg);
}
25% {
border-color: #feae71;
}
50% {
border-color: #fe9b71;
}
75% {
border-color: #fe8b71;
}
100% {
border-color: #fe8171;
transform: rotate(140deg);
}
}
.header-bottom-area .triangle {
position: absolute;
right: 10%;
bottom: 0;
width: 0;
height: 0;
transform: skewX(10deg);
border-top: 30px solid transparent;
border-left: 30px solid transparent;
border-right: 30px solid #bd25fd;
border-bottom: 30px solid #bd25fd;
}
.header-bottom-area.bg-image {
position: relative;
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
}
.header-bottom-area.bg-image::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 90px;
background-color: #fff;
z-index: -1;
}
.header-bottom-area.m-bottom {
margin-bottom: -90px;
position: relative;
z-index: 1;
}
.header-bottom-area.m-top {
margin-top: -137px;
position: relative;
z-index: 1;
}
.header-bottom-wrap {
background-color: var(--secondary-color);
padding: 30px 0 40px 0;
}
.request-form-wrapper {
padding: 60px 70px 47px;
}
.request-form-wrapper.bg-image {
background-repeat: no-repeat;
background-size: cover;
}
.request-form-wrapper .contact-page-form .btn-wrapper .boxed-btn {
width: 100%;
border-radius: 0;
padding: 24.5px 40px;
}
.request-form-wrapper .contact-page-form .btn-wrapper .boxed-btn.brrtb {
border-radius: 0px 5px 5px 0px;
} .footer-top {
position: relative;
z-index: 0;
background-color: #000018;
border-bottom: 1px solid rgba(114, 108, 148, 0.2);
}
.footer-top.style-01 {
border-bottom: 1px solid rgba(114, 108, 148, 0.2);
background-color: #e9eff0;
}
.footer-top.style-01 .widget .widget-title {
color: var(--main-color-one);
}
.footer-top.style-02 {
border-bottom: 1px solid rgba(114, 108, 148, 0.2);
background-color: #fff;
}
.footer-top.style-02 .widget .widget-title {
color: var(--main-color-one);
}
.footer-top.style-03 {
border-bottom: 1px solid rgba(114, 108, 148, 0.2);
background-color: #2e2a59;
}
.footer-top.style-03 .widget .widget-title {
color: var(--main-color-one);
}
.footer-top.style-04 {
border-bottom: 1px solid rgba(114, 108, 148, 0.2);
background-color: #fafafa;
}
.footer-top.style-04 .widget .widget-title {
color: var(--main-color-one);
}
.footer-top.style-05 {
background-color: #00d0db;
}
.footer-top .bg-img {
position: absolute;
top: 40%;
left: 10%;
width: 100px;
height: 100px;
background-repeat: no-repeat;
z-index: -1;
}
.footer-top .bg-img-02 {
position: absolute;
top: 10%;
right: 10%;
width: 170px;
height: 170px;
background-repeat: no-repeat;
z-index: -1;
}
.footer-top .bg-img-03 {
position: absolute;
top: 0;
left: 30%;
width: 120px;
height: 95px;
background-repeat: no-repeat;
z-index: -1;
}
.copyright-area {
background-color: #e9eff0;
}
.copyright-area.style-01 {
background-color: #fff;
}
.copyright-area.style-02 {
background-color: #292554;
}
.copyright-area.style-03 {
background-color: #fafafa;
}
.copyright-area .copyright-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.copyright-area-inner {
color: #fff;
}
.food-section .title {
font-weight: 700;
font-size: 80px;
line-height: 90px;
color: #fff;
margin-bottom: 20px;
}
.food-section .apps-download {
margin-top: 40px;
display: flex;
justify-content: center;
}
.food-section .apps-download .download-img {
margin: 0 10px;
}
.food-widget {
margin-top: 80px;
display: flex;
justify-content: space-between;
}
.food-widget ul li {
display: inline-block;
}
.food-widget ul li + li {
margin-left: 30px;
} .error-404 {
text-align: center;
}
.error-404 .title {
font-size: 200px;
line-height: 160px;
font-weight: 700;
margin-bottom: 45px;
color: var(--main-color-one);
}
.error-404 .subtitle {
font-size: 24px;
line-height: 34px;
font-weight: 600;
margin-bottom: 20px;
}
.error-404 .search-form {
position: relative;
z-index: 0;
margin-top: 36px;
}
.error-404 .search-form .form-control {
height: 54px;
padding: 0 20px;
}
.error-404 .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 70px;
text-align: center;
padding: 0;
height: 55px;
} .call-to-action-area.style-01 {
background-color: #9738f6;
position: relative;
z-index: 0;
}
.call-to-action-area.style-01::after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 70%;
-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
background-color: #fd37e2;
z-index: -1;
}
.call-to-action-inner {
background-color: #16215c;
padding: 55px 0 60px;
border-radius: 20px;
position: relative;
z-index: 1;
text-align: center;
overflow: hidden;
}
.call-to-action-inner .line-area {
position: absolute;
bottom: 0;
left: 0;
}
.call-to-action-inner .line-area .line-one {
position: absolute;
left: 30px;
bottom: -2px;
transform: rotate(35deg);
width: 2px;
height: 50px;
background-color: #43406a;
z-index: -1;
}
.call-to-action-inner .line-area .line-two {
position: absolute;
left: 45px;
bottom: -5px;
transform: rotate(35deg);
width: 2px;
height: 70px;
background-color: #43406a;
z-index: -1;
}
.call-to-action-inner .line-area .line-three {
position: absolute;
left: 50px;
bottom: -5px;
transform: rotate(35deg);
width: 2px;
height: 50px;
background-color: #43406a;
z-index: -1;
}
.call-to-action-inner .bubble {
position: absolute;
bottom: 0;
right: 30%;
width: 65px;
height: 65px;
background-color: transparent;
border: 1px solid #43406a;
border-radius: 50%;
z-index: -1;
animation: pulse-border 3s infinite;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
50% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
}
.call-to-action-inner .action-bg-img {
position: absolute;
width: 135px;
height: 140px;
background-size: contain;
top: 0;
left: 50%;
background-repeat: no-repeat;
animation: pulse-border 2s infinite;
}
.call-to-action-inner .action-bg-img-02 {
position: absolute;
width: 300px;
height: 300px;
background-size: contain;
top: -15px;
right: -280px;
background-repeat: no-repeat;
animation: pulse-border 5s infinite;
}
@keyframes increase {
0% {
height: 50px;
transform: scale(2);
}
50% {
height: 70px;
}
100% {
height: 50px;
transform: scale(2);
}
}
.call-to-action-inner.style-01 {
padding: 75px 95px 80px;
text-align: left;
background-color: #2416ac;
}
.call-to-action-inner.style-01 .title {
font-weight: 400;
max-width: 530px;
margin-bottom: 40px;
}
.call-to-action-inner.style-01.bg-image {
background-size: initial;
background-position: right;
background-repeat: no-repeat;
}
.call-to-action-inner.style-02 {
display: flex;
padding: 75px 95px 80px;
text-align: left;
align-items: center;
justify-content: space-between;
background-color: #00d0db;
}
.call-to-action-inner.style-02 .btn-wrapper .boxed-btn {
margin-left: 20px;
}
.call-to-action-inner.style-03 {
background-color: #f9f3ff;
text-align: left;
padding: 70px 90px 65px;
border-radius: 5px;
position: relative;
z-index: 0;
}
.call-to-action-inner.style-03 .shape {
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 80px;
background-color: #ffef80;
z-index: -1;
left: -20px;
top: -20px;
border-radius: 50%;
animation: size-increase-anmi 5s infinite;
}
.call-to-action-inner.style-03 .shape-02 {
position: absolute;
right: 30px;
bottom: 80px;
width: 60px;
height: 60px;
background-color: #fa555a;
z-index: -1;
border-radius: 50%;
animation: size-increase-anmi 5s infinite;
}
.call-to-action-inner.style-03 .shape-03 {
position: absolute;
right: -20px;
bottom: -20px;
width: 60px;
height: 60px;
background-color: transparent;
border: 10px solid #455b79;
z-index: -1;
border-radius: 50%;
}
.call-to-action-inner.style-03 .shape-04 {
position: absolute;
right: 20%;
bottom: 80px;
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
animation: pulse-border 10s infinite;
}
.call-to-action-inner.style-03 .shape-05 {
position: absolute;
right: 10%;
bottom: 0;
width: 210px;
height: 110px;
background-size: contain;
background-repeat: no-repeat;
}
.call-to-action-inner.style-03 .content .title {
color: #000629;
font-size: 42px;
font-weight: 700;
margin-top: 15px;
margin-bottom: 20px;
}
.call-to-action-inner.style-04 {
text-align: left;
display: flex;
justify-content: space-between;
padding: 55px 80px 55px 90px;
background-color: #00d0db;
align-items: center;
}
.call-to-action-inner.nmgoaengha {
padding: 70px 80px 70px 90px;
}
.call-to-action-inner.style-04 .title {
font-size: 36px;
line-height: 52px;
font-weight: bold;
}
.call-to-action-inner.style-05 {
margin-bottom: -200px;
text-align: left;
display: flex;
justify-content: space-between;
padding: 30px 80px 0px 0;
background: linear-gradient(90deg, #4785ec 0%, #3366c1 100%);
align-items: center;
}
.call-to-action-inner.style-05 .call-to-action-content {
padding: 80px 0;
}
.call-to-action-inner.style-05 .title {
font-size: 42px;
line-height: 52px;
}
.call-to-action-inner.style-05 .apps-download {
display: flex;
margin-top: 30px;
}
.call-to-action-inner.style-05 .apps-download .download-img.style-01 {
margin-left: 30px;
}
.call-to-action-inner.style-06 {
padding: 90px 0 80px;
background-image: linear-gradient(360deg, #ff6661 0%, #f54278 100%);
}
.call-to-action-inner.style-06 .title {
font-size: 42px;
font-weight: 700;
margin-bottom: 30px;
}
.call-to-action-inner.style-06 .subscribe-form {
display: flex;
}
.call-to-action-inner.style-06 .subscribe-form .form-group {
margin-bottom: 0;
flex: 1;
}
.call-to-action-inner.style-06 .subscribe-form .form-group .form-control {
width: 100%;
height: 55px;
border: none;
border-radius: 0;
border-bottom: 1px solid #fff;
background-color: transparent;
color: #fff;
}
.call-to-action-inner.style-06 .subscribe-form .form-group .form-control::placeholder {
color: #fff;
}
.call-to-action-inner.style-06 .subscribe-form .submit-btn {
margin-left: 30px;
background-color: transparent;
color: #fff;
display: inline-block;
padding: 12px 50px;
border-radius: 5px;
border: 1px solid #fff;
text-transform: capitalize;
text-align: center;
cursor: pointer;
transition: all 0.3s ease-in;
font-weight: 600;
}
.call-to-action-inner.style-06 .subscribe-form .submit-btn:hover {
border-color: var(--secondary-color);
background-color: var(--secondary-color);
}
.call-to-action-inner.style-07 {
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
padding: 55px 80px 55px 90px;
background-color: transparent;
position: relative;
z-index: 0;
}
.call-to-action-inner.style-07 .bg-img {
position: absolute;
right: 20%;
min-height: 200px;
bottom: 0;
width: 450px;
height: 200px;
background-repeat: no-repeat;
z-index: -1;
}
.call-to-action-inner.style-07 .title {
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: #fff;
}
.call-to-action-inner .bg-image {
position: absolute;
right: 50px;
min-height: 200px;
top: 50%;
transform: translateY(-50%);
width: 200px;
height: 235px;
background-repeat: no-repeat;
}
.call-to-action-inner .icon {
font-size: 120px;
color: var(--secondary-color);
}
.call-to-action-inner .title {
font-size: 30px;
line-height: 40px;
font-weight: 500;
color: #fff;
}
.call-to-action-inner .subtitle {
color: #fff;
} .testimonial-area {
position: relative;
z-index: 0;
}
.testimonial-area.style-01::after {
content: "";
position: absolute;
top: 0;
left: 0%;
height: 100%;
width: 100%;
background-image: linear-gradient(-32deg, #432375 0%, #ac28a0 100%);
z-index: -1;
}
.testimonial-area.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.testimonial-area.bg-image-02 {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: -480px;
}
.testimonial-area .bg-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.testimonial-area .shape {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 105px;
height: 55px;
background-color: transparent;
border-top-left-radius: 200px;
border-top-right-radius: 200px;
border: 5px solid #feba71;
transform: rotate(140deg);
border-bottom: 0;
transform-origin: bottom;
animation: rotate 12s both;
}
.testimonial-area .shape-02 {
position: absolute;
top: 57%;
right: 1%;
transform: translateY(-50%);
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #75e8f0;
}
.testimonial-area .social-testimonial {
background-image: linear-gradient(-90deg, #49d9f4 0%, #8a54fb 99%);
padding: 70px 70px 65px;
border-radius: 5px;
position: relative;
z-index: 0;
}
.testimonial-area .social-testimonial .icon {
position: absolute;
left: 70px;
top: 70px;
font-size: 120px;
line-height: 130px;
color: rgba(255, 255, 255, 0.1);
}
.testimonial-area .social-testimonial .section-title .title {
font-size: 48px;
line-height: 58px;
font-weight: 500;
}
.testimonial-area .sass-testimonial {
background-image: linear-gradient(180deg, rgba(237, 247, 255, 0) 0%, #edf7ff 100%);
padding: 0 100px 68px;
}
.testimonial-area .sass-testimonial .section-title .title {
font-size: 30px;
line-height: 40px;
margin-right: 80px;
}
.testimonial-area .lifestyle-testimonial .section-title {
display: flex;
align-items: center;
}
.testimonial-area .lifestyle-testimonial .section-title .title {
margin-right: 50px;
}
.testimonial-area .restaurant-testimonial {
position: relative;
z-index: 2;
}
.testimonial-area .restaurant-testimonial .section-title {
text-align: left;
position: absolute;
top: -50px;
left: 0;
z-index: 1;
}
.contact-area.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
} .request-page-form-wrap {
background-color: rgba(231, 15, 71, 0.85);
padding: 50px 45px 50px;
position: relative;
z-index: 2;
}
.request-page-form-wrap.style-01 {
padding: 52px 50px 44px;
margin-right: 98px;
}
.request-page-form-wrap.style-02 {
padding: 52px 50px 44px;
}
.request-page-form-wrap.bg-image {
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.request-page-form-wrap.bg-image::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(231, 15, 71, 0.85);
z-index: -1;
}
.request-page-form-wrap .section-title .title {
font-size: 24px;
font-weight: 800;
line-height: 34px;
}
.request-page-form .form-group textarea {
max-height: 60px;
width: 100%;
resize: none;
}
.request-page-form .form-group .form-control {
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding: 15px 30px 15px 0px;
color: #fff;
background-color: transparent;
}
.request-page-form .form-group .form-control::placeholder {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
font-weight: 500;
}
.request-page-form .submit-btn {
background-color: var(--secondary-color);
width: 100%;
padding: 19px 40px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
transition: all 0.3s ease-in-out;
border: 1px solid var(--secondary-color);
}
.request-page-form .submit-btn:hover {
background-color: var(--main-color-two);
color: #fff;
border: 1px solid var(--main-color-one);
}
.question-form-area {
background-color: #e5e5ec;
padding: 50px;
}
.question-form {
display: flex;
}
.question-form .form-group {
width: 100%;
margin-bottom: 0;
margin-right: 20px;
}
.question-form .form-group .form-control {
border-radius: 5px;
border: none;
padding: 15px 30px 15px 15px;
color: var(--heading-color);
background-color: #fff;
}
.question-form .form-group .form-control::placeholder {
color: #9a98b7;
font-size: 16px;
font-weight: 500;
}
.question-form .submit-btn {
width: 250px;
border-radius: 5px;
background-color: var(--secondary-color);
padding: 15px 15px;
font-weight: 600;
color: #fff;
transition: all 0.3s ease-in-out;
border: 1px solid var(--secondary-color);
}
.question-form .submit-btn:hover {
background-color: var(--main-color-two);
color: #fff;
border: 1px solid var(--main-color-one);
}
.price-plan-area {
position: relative;
z-index: 0;
}
.price-plan-area .bg-img {
position: absolute;
left: 0;
top: 220px;
width: 500px;
height: 500px;
background-size: contain;
background-repeat: no-repeat;
animation: topBottom 5s infinite;
}
.price-plan-area .bg-img-02 {
position: absolute;
right: 0;
top: 220px;
width: 500px;
height: 500px;
background-size: contain;
background-repeat: no-repeat;
animation: leftRight 10s infinite;
}
@keyframes topBottom {
0% {
top: 0%;
}
50% {
top: 10%;
}
100% {
bottom: 0;
}
}
@keyframes leftRight {
0% {
right: 0%;
}
50% {
right: 15%;
}
100% {
right: 0%;
}
} .counterup-area {
background-color: #f1f4fe;
}
.counterup-area.style-01 {
position: relative;
z-index: 0;
background-color: #0f1182;
}
.counterup-area.style-01 .bg-img {
position: absolute;
top: 0;
left: 10%;
width: 180px;
height: 300px;
background-size: cover;
z-index: -1;
}
.counterup-area.style-01 .bg-img-02 {
position: absolute;
bottom: 0;
right: 5%;
width: 450px;
height: 200px;
background-size: cover;
z-index: -1;
}
.contact-area.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
}
.choose-us-area {
position: relative;
z-index: 1;
}
.choose-us-area.bg-image {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.choose-us-area .bg-img {
position: absolute;
left: 0;
bottom: 375px;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
max-height: 485px;
animation: topbottom 10s infinite;
transition: all 0.5s;
}
@keyframes topbottom {
0% {
bottom: 255px;
}
50% {
bottom: 275px;
}
100% {
bottom: 255px;
}
}
.choose-us-area .bg-img-02 {
position: absolute;
right: 50px;
bottom: 285px;
height: 165px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
transform-origin: bottom center;
animation: swing 12s infinite both;
z-index: -1;
}
.choose-us-area .bg-img-03 {
position: absolute;
right: 0;
bottom: 285px;
height: 165px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
transform-origin: bottom center;
animation: swing 12s infinite both;
z-index: -1;
} .client-area .single-brand a img {
filter: opacity(0.6) grayscale(1);
transition: all 0.3s ease;
}
.client-area .single-brand a:hover img {
filter: opacity(1) grayscale(0);
}
.section-wrapper.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.offer-area.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.offer-item-wrap.m-bottom {
margin-bottom: -350px;
}
.build-area .shape {
position: relative;
z-index: 0;
}
.build-area .shape:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 530px;
height: 530px;
border-radius: 50%;
background-color: #edf7ff;
z-index: -1;
}
.build-area .build-img.bg-image {
padding-top: 120px;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
min-height: 450px;
width: 100%;
}
.build-area .build-img.bg-image-02 {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 450px;
width: 100%;
}
.bulid-content-area {
display: flex;
align-items: center;
height: 100%;
}
.bulid-content-area .section-title span {
color: #f92760;
font-weight: 500;
padding: 8px 30px;
background-color: rgba(249, 39, 96, 0.14);
border-radius: 30px;
margin-bottom: 30px;
display: inline-block;
}
.bulid-content-area .section-title span.style-01 {
font-weight: 500;
background-color: #e9f0fe;
}
.bulid-content-area .section-title .title {
max-width: 330px;
}
.join-apps-area.style-01 {
background-color: #f9f3ff;
}
.join-apps-area .section-title .apps-download {
display: flex;
justify-content: center;
margin-top: 40px;
}
.join-apps-area .section-title .apps-download .download-img {
padding: 0 15px;
}
.join-apps-area .section-title .apps-download .download-link {
margin-right: 15px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #f74e86;
background-color: rgba(2, 1, 1, 0);
border-style: solid;
border-width: 1px;
border-color: #f74e86;
border-radius: 30px;
padding: 15px 40px;
transition: all 500ms ease-in-out;
}
.join-apps-area .section-title .apps-download .download-link i {
margin-right: 10px;
}
.join-apps-area .section-title .apps-download .download-link:hover {
background-color: #f74e86;
color: #fff;
}
.join-apps-area .section-title .apps-download .download-link.style-01 {
color: #7965cc;
border-color: #7965cc;
}
.join-apps-area .section-title .apps-download .download-link.style-01:hover {
background-color: #7965cc;
color: #fff;
}
.food-order-area {
background-color: #f7f0e8;
position: relative;
z-index: 0;
}
.food-order-area::after {
content: "";
position: absolute;
bottom: -10%;
left: 0;
width: 100%;
height: 10%;
background-color: #f7f0e8;
z-index: -1;
}
.food-order-area .bg-img {
position: absolute;
top: 50%;
left: 0;
width: 190px;
height: 226px;
background-repeat: no-repeat;
z-index: -1;
}
.food-order-area .bg-img-02 {
position: absolute;
top: 20%;
right: 10%;
width: 180px;
height: 200px;
background-repeat: no-repeat;
}
.food-order-area .bg-img-03 {
position: absolute;
bottom: 10%;
right: 5%;
width: 170px;
height: 170px;
background-repeat: no-repeat;
}
.food-order-area .food-img {
min-height: 550px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.destination-area .destination-img.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: left;
min-height: 450px;
width: 100%;
}
.create-content-area .section-title {
max-width: 360px;
}
.create-content-area .content {
margin: 0;
padding: 0;
list-style: none;
}
.create-content-area .content li + li {
margin-top: 20px;
}
.create-content-area .content li i {
margin-right: 10px;
color: #feba71;
}
.create-content-area .trip-img.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 450px;
width: 100%;
}
.create-content-wrap {
display: flex;
align-items: center;
height: 100%;
}
.unique-project-area .shape {
position: relative;
z-index: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.unique-project-area .shape .shape-02 {
position: absolute;
width: 130px;
height: 150px;
top: 30%;
transform: translateY(-50%);
border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
background-color: #ffe477;
z-index: -1;
animation: shape-anmi 10s infinite;
}
.unique-project-area .shape .shape-02.style-01 {
position: absolute;
right: 0;
top: 30%;
transform: translateY(-50%);
background-color: #151cc5;
}
@keyframes shape-anmi {
0% {
border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
}
25% {
border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
50% {
border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
}
75% {
border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
}
100% {
border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
}
}
.unique-project-area .build-img.bg-image {
padding-top: 120px;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
min-height: 450px;
width: 100%;
}
.unique-project-area .build-img.bg-image-02 {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 450px;
width: 100%;
}
.unique-content-area {
display: flex;
align-items: center;
height: 100%;
}
.unique-content-area .section-title .content {
margin: 0;
padding: 0;
list-style: none;
margin-top: 40px;
}
.unique-content-area .section-title .content li i {
margin-right: 20px;
color: #151cc5;
}
.unique-content-area .section-title .content li strong {
color: #000629;
}
.unique-content-area .section-title .content li + li {
margin-top: 15px;
}
.how-it-work-area {
position: relative;
z-index: 0;
}
.how-it-work-area .bg-shape-02 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20%;
background-color: #f7f0e8;
z-index: -1;
}
.how-it-work-area.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.how-it-work-area .bg-shape {
position: absolute;
right: 10%;
top: 10%;
width: 320px;
height: 105px;
}
.how-it-work-area .section-title .title {
font-size: 42px;
color: #b55700;
}
.quality-works-area {
background-color: #f1f4fe;
}
.food-img.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: left;
min-height: 450px;
width: 100%;
}
.delight-customers-area .section-title .title,
.online-order-area .section-title .title {
font-size: 42px;
line-height: 52px;
font-weight: 700;
}
.delight-customers-area .section-title p,
.online-order-area .section-title p {
font-size: 20px;
line-height: 30px;
font-family: var(--heading-font-02);
}
.delight-customers-area .content,
.online-order-area .content {
padding: 0;
margin: 0;
list-style: none;
}
.delight-customers-area .content,
.online-order-area .content {
font-size: 20px;
font-family: var(--heading-font-02);
}
.delight-customers-area .content li + li,
.online-order-area .content + li {
margin-top: 10px;
}
.delight-customers-area .content i,
.online-order-area .content i {
margin-right: 10px;
color: #114ff0;
}
.fitness-app-area .fitness-app-img {
background-size: contain;
background-repeat: no-repeat;
min-height: 450px;
}
.fitness-app-area .content-wrap {
display: flex;
justify-content: space-between;
}
.fitness-app-area .content-wrap .content {
margin: 0;
padding: 0;
list-style: none;
}
.fitness-app-area .content-wrap .content li {
color: #111736;
font-size: 18px;
}
.fitness-app-area .content-wrap .content li + li {
margin-top: 10px;
}
.fitness-app-area .content-wrap .content li i {
margin-right: 20px;
color: #114ff0;
}
.fitness-app-area .apps-download {
display: flex;
margin-top: 30px;
}
.fitness-app-area .apps-download .download-img.style-01 {
margin-left: 30px;
}
.cover-your-wrap {
position: relative;
z-index: 0;
}
.cover-your-wrap .shape {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border-radius: 20px;
background-color: #f3f7ff;
}
.cover-your-wrap .shape.style-01 {
right: 0;
top: 0;
left: initial;
}
.cover-your-wrap .shape-02 {
position: absolute;
bottom: 0;
right: 0;
width: 190px;
height: 190px;
border-radius: 50%;
background-color: #114ff0;
z-index: -1;
}
.cover-your-wrap .shape-02.style-01 {
right: initial;
left: 0;
}
@keyframes shape-anmi {
0% {
border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
}
25% {
border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
50% {
border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
}
75% {
border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
}
100% {
border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
}
}
.cover-your-wrap .cover-img.bg-image {
padding-top: 120px;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
min-height: 450px;
width: 100%;
}
.cover-your-wrap .cover-img.bg-image.style-01 {
min-height: 330px;
}
.cover-your-wrap .cover-img.bg-image-02 {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 450px;
width: 100%;
}
.cover-your-wrap .cover-img.bg-image-02.style-01 {
min-height: 330px;
}
.supports-your-area {
}
.vivid-content-area {
background-color: #00d0db;
border-radius: 10px;
padding: 80px 60px;
}
.vivid-content-area.style-01 {
background-color: #114ff0;
}
.vivid-content-area .content {
padding: 0;
margin: 0;
margin-top: 30px;
list-style: none;
}
.vivid-content-area .content {
color: #fff;
font-size: 20px;
font-family: var(--heading-font-02);
}
.vivid-content-area .content li i {
margin-right: 15px;
}
.vivid-content-area .content li + li {
margin-top: 15px;
}
.supports-img.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 450px;
width: 100%;
}
.get-started-area.style-01 { }
.financial-benifits-area.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.trip-area .content .sub-title {
color: var(--heading-color);
font-size: 16px;
font-weight: 700;
font-family: var(--body-font);
}
.trip-area .trip-img.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: right;
min-height: 450px;
width: 100%;
}
.map-section.bg-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.brand-img-area.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 460px;
}
.get-in-touch-area {
background-color: #7a5bff;
position: relative;
z-index: 0;
}
.get-in-touch-area .bg-image {
position: absolute;
bottom: 0;
left: 0;
width: 550px;
height: 100%;
background-size: cover;
}
.get-in-touch-area .bg-image-02 {
position: absolute;
bottom: 0;
right: 0;
width: 400px;
height: 100%;
background-size: cover;
}
.get-in-touch-area .bg-image-03 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.portfolio-header-section {
background-color: #7a5bff;
padding-top: 115px;
padding-bottom: 100px;
position: relative;
z-index: 0;
}
.portfolio-header-section .section-title .title {
font-size: 42px;
line-height: 60px;
}
.portfolio-header-section .container .shape {
width: 160px;
height: 210px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 65px;
top: 30%;
z-index: -1;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.portfolio-header-section .container .shape-02 {
width: 160px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 20%;
z-index: -1;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.portfolio-header-section .container .shape-02::after {
content: "";
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #e9a73a;
position: absolute;
right: 50px;
bottom: 0;
z-index: -2;
}
.organizations-header-section {
background-image: linear-gradient(50deg, #5e2ced 0%, #9749f8 100%);
}
.organizations-header-section .organizations-header-wrap {
padding-top: 115px;
padding-bottom: 120px;
}
.organizations-header-section .organizations-header-wrap.bg-image {
background-size: cover;
background-repeat: no-repeat;
}
.creative-team {
background-color: #f1f4fe;
}
.video-player-inner {
position: relative;
z-index: 0;
}
.video-player-inner .play-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: #8392a5;
}
.video-player-inner .play-icon i {
width: 60px;
height: 40px;
font-size: 16px;
color: #fff;
background-color: #111;
line-height: 40px;
text-align: center;
border-radius: 10px;
}
.video-play-area {
position: relative;
z-index: 0;
}
.video-play-area .container .shape {
width: 160px;
height: 210px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 65px;
top: 40%;
z-index: -1;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.video-play-area .container .shape-02 {
width: 160px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 20%;
z-index: -1;
transform-origin: bottom center;
animation: swing 12s infinite both;
}
.video-play-area .container .shape-02::after {
content: "";
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #e9a73a;
position: absolute;
right: 50px;
bottom: 0;
z-index: -2;
} .back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
width: 50px;
height: 50px;
background-image: linear-gradient(125deg, #00d0db 0%, #114ff0 100%);
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 50%;
z-index: 99;
font-size: 25px;
cursor: pointer;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: none;
} .pre-wrap {
position: fixed;
content: "";
transform: translate(-100%, -240%);
font-size: 62px;
}
.preloader-inner {
position: fixed;
left: 0;
top: 0;
z-index: 9;
background-color: #fff;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.preloader-inner div {
width: 120px;
height: 120px;
background: linear-gradient(-45deg, #fb3c7f, #ffc05e);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: rotation 4s ease-in-out infinite;
}
@keyframes rotation {
0% {
border-radius: 5% 5% 5% 5%;
transform: translate(-50%, -50%) rotate(0deg);
}
12.5% {
border-radius: 50% 5% 5% 5%;
transform: translate(-50%, -50%) rotate(45deg);
}
25% {
border-radius: 50% 50% 5% 5%;
transform: translate(-50%, -50%) rotate(90deg);
}
37.5% {
border-radius: 50% 50% 50% 5%;
transform: translate(-50%, -50%) rotate(135deg);
}
50% {
border-radius: 50% 50% 50% 50%;
transform: translate(-50%, -50%) rotate(180deg);
}
62.5% {
border-radius: 5% 50% 50% 50%;
transform: translate(-50%, -50%) rotate(225deg);
}
75% {
border-radius: 5% 5% 50% 50%;
transform: translate(-50%, -50%) rotate(270deg);
}
87.5% {
border-radius: 5% 5% 5% 50%;
transform: translate(-50%, -50%) rotate(315deg);
}
100% {
border-radius: 5% 5% 5% 5%;
transform: translate(-50%, -50%) rotate(360deg);
}
}
.preloader-inner .cancel-preloader {
position: absolute;
bottom: 30px;
right: 30px;
}
.preloader-inner .cancel-preloader a {
background-color: var(--main-color-one);
font-weight: 600;
text-transform: capitalize;
color: #fff;
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 30px;
display: block;
transition: all 0.3s ease-in;
}
.preloader-inner .cancel-preloader a:hover {
background-color: var(--secondary-color);
color: #fff;
} .btn-wrapper {
display: block;
}
.btn-wrapper .boxed-btn {
background-image: linear-gradient(125deg, #00d0db -26%, #114ff0 100%);
color: #fff;
display: inline-block;
border-radius: 28px;
padding: 16px 21px;  text-align: center;
transition: all 0.3s ease-in;
font-weight: 600;
}
.btn-wrapper .boxed-btn i {
margin-left: 15px;
display: inline-block;
width: 40px;
line-height: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
color: #FDA909;
}
.btn-wrapper .boxed-btn.white:hover {
background-color: #fff;
color: var(--main-color-one);
}
.btn-wrapper .boxed-btn.outer-btn {
border: 1px solid transparent;
}
.btn-wrapper .boxed-btn.outer-btn:hover {
background-color: transparent;
color: var(--main-color-one);
border: 1px solid var(--main-color-one);
}
.btn-wrapper .boxed-btn.blank {
background-color: var(--secondary-color);
border: 1px solid #fff;
}
.btn-wrapper .boxed-btn.blank.reverse-color {
background-color: transparent;
border: 2px solid var(--main-color-one);
color: var(--main-color-one);
}
.btn-wrapper .boxed-btn.blank.reverse-color:hover {
background-color: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.btn-wrapper .boxed-btn.blank:hover {
background-color: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.btn-wrapper .boxed-btn.btn-gradient {
background-color: transparent;
background-image: linear-gradient(270deg, #f73aee 0%, #fd5886 100%);
}
.btn-wrapper .boxed-btn.btn-startup {
border-radius: 5px;
background-color: #f8319b;
}
.btn-wrapper .boxed-btn.btn-startup:hover {
background-color: #0196ff;
}
.btn-wrapper .boxed-btn.btn-startup.reverse-color {
background-color: #0196ff;
}
.btn-wrapper .boxed-btn.btn-startup.reverse-color:hover {
background-color: #f8319b;
}
.btn-wrapper .boxed-btn.btn-startup.blank {
background-color: transparent;
border: 1px solid #fff;
}
.btn-wrapper .boxed-btn.btn-startup.blank:hover {
border: 1px solid #f8319b;
background-color: #f8319b;
}
.btn-wrapper .boxed-btn.btn-saas {
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-saas:hover {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-saas.reverse-color {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-saas.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-brand {
background-color: #6327eb;
border-radius: 0;
}
.btn-wrapper .boxed-btn.btn-brand:hover {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-brand.reverse-color {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-brand.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-brand.white {
background-color: #fff;
color: #6327eb;
}
.btn-wrapper .boxed-btn.btn-brand.white:hover {
color: #fff;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-food {
padding: 12px 30px;
background-color: #114ff0;
border-radius: 10px;
}
.btn-wrapper .boxed-btn.btn-food:hover {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-food.reverse-color {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-food.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-food.white {
background-color: #fff;
color: #6327eb;
}
.btn-wrapper .boxed-btn.btn-food.white:hover {
color: #fff;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-gym {
padding: 12px 30px;
background-color: #114ff0;
border-radius: 0;
}
.btn-wrapper .boxed-btn.btn-gym:hover {
background-color: #fd2b6b;
}
.btn-wrapper .boxed-btn.btn-gym.reverse-color {
background-color: #fd2b6b;
}
.btn-wrapper .boxed-btn.btn-gym.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-gym.white {
background-color: #fff;
color: #6327eb;
}
.btn-wrapper .boxed-btn.btn-gym.white:hover {
color: #fff;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-finance {
padding: 12px 40px;
background-color: #5fecfe;
border-radius: 5px;
color: #fff;
}
.btn-wrapper .boxed-btn.btn-finance:hover {
background-image: linear-gradient(125deg, #00d0db 0%, #114ff0 100%);
color:#fff;
}
.btn-wrapper .boxed-btn.btn-finance.reverse-color {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-finance.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-finance.white {
background-color: #fff;
color: #6327eb;
}
.btn-wrapper .boxed-btn.btn-finance.white:hover {
color: #fff;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-business {
padding: 12px 40px;
background-color: #ff6661;
border-radius: 5px;
color: #fff;
}
.btn-wrapper .boxed-btn.btn-business:hover {
background-color: #fd2b6b;
}
.btn-wrapper .boxed-btn.btn-business.reverse-color {
background-color: #fd6975;
}
.btn-wrapper .boxed-btn.btn-business.reverse-color:hover {
border: 1px solid #930ed8;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-business.white {
background-color: #fff;
color: #6327eb;
}
.btn-wrapper .boxed-btn.btn-business.white:hover {
color: #fff;
background-color: #930ed8;
}
.btn-wrapper .boxed-btn.btn-business.blank {
background-color: transparent;
border: 1px solid #fff;
}
.btn-wrapper .boxed-btn.btn-business.blank:hover {
border: 1px solid #fd2b6b;
background-color: #fd2b6b;
}
.btn-wrapper .boxed-btn.btn-entertainment {
background-color: #0f1182;
}
.btn-wrapper .boxed-btn.btn-entertainment:hover {
color: #0f1182;
background-color: #ffffff;
}
.btn-wrapper .boxed-btn.btn-entertainment.reverse-color {
color: #0f1182;
background-color: #ffffff;
}
.btn-wrapper .boxed-btn.btn-entertainment.reverse-color:hover {
color: #fff;
border: 1px solid #0f1182;
background-color: #0f1182;
}
.btn-wrapper .boxed-btn:hover {
background-image: linear-gradient(125deg, #00d0db -26%, #114ff0 100%);
}
.btn-wrapper .boxed-btn.btn-rounded {
border-radius: 30px;
}
.btn-wrapper .boxed-btn.reverse-color {
background-color: var(--main-color-two);
}
.btn-wrapper .boxed-btn.reverse-color:hover {
background-color: var(--main-color-one);
}
.btn-wrapper .read-btn {
color: var(--main-color-one);
font-size: 16px;
font-weight: 500;
cursor: pointer;
}
.btn-wrapper .login-btn {
color: var(--main-color-one);
padding: 12px 40px;
margin-right: 20px;
transition: all 500ms ease-in;
border-radius: 30px;
border: 1px solid transparent;
}
.btn-wrapper .login-btn:hover {
border: 1px solid #fff;
}
.close-btn {
position: absolute;
right: -15px;
top: -20px;
width: 30px;
height: 30px;
color: #fff;
border-color: var(--main-color-one);
background-color: var(--main-color-one);
transition: all 0.3s ease-in;
padding: 0;
text-align: center;
}
.desktop-center {
text-align: center;
}
.desktop-left {
text-align: left;
}
.desktop-right {
text-align: right;
}
@media only screen and (max-width: 768px) {
.tablet-center {
text-align: center;
}
.tablet-left {
text-align: left;
}
.tablet-right {
text-align: right;
}
}
@media only screen and (max-width: 416px) {
.mobile-center {
text-align: center;
}
.mobile-left {
text-align: left;
}
.mobile-right {
text-align: right;
}
} .blog-img-thumb {
display: flex;
}
.blog-img-thumb .thumb-02 {
margin-left: 30px;
}
.blog-classic-item-01 {
position: relative;
}
.blog-classic-item-01 .content-wrapper {
position: absolute;
left: 25px;
bottom: 25px;
width: 315px;
z-index: 1;
}
.blog-classic-item-01 .content .post-meta {
margin: 0;
padding: 0;
list-style: none;
}
.blog-classic-item-01 .content .post-meta li {
display: inline-block;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
}
.blog-classic-item-01 .content .post-meta li:hover a {
color: var(--main-color-one);
}
.blog-classic-item-01 .content .post-meta li + li {
margin-left: 20px;
}
.blog-classic-item-01 .content .post-meta li a {
transition: all 500ms;
}
.blog-classic-item-01 .content .post-meta li a i {
color: var(--main-color-one);
transition: all 500ms;
}
.blog-classic-item-01 .content .post-meta .date {
color: var(--secondary-color);
}
.blog-classic-item-01 .content .title {
font-size: 30px;
line-height: 40px;
font-weight: 700;
transition: all 500ms;
}
.blog-classic-item-01 .content .title:hover {
color: var(--main-color-one);
}
.blog-classic-item-01 .content p {
line-height: 26px;
}
.blog-classic-item-01 .blog-bottom {
position: relative;
display: flex;
justify-content: space-between;
padding: 15px 10px;
background-color: #f7f7f7;
color: #adadad;
}
.blog-classic-item-01 .blog-bottom .msg {
transition: all 0.3s ease-in;
}
.blog-classic-item-01 .blog-bottom .msg span {
color: var(--secondary-color);
margin-right: 5px;
}
.blog-classic-item-01 .blog-bottom .msg:hover {
color: var(--secondary-color);
}
.blog-classic-item-01 .blog-bottom .read-btn {
margin-right: 40px;
transition: all 0.3s ease-in;
}
.blog-classic-item-01 .blog-bottom .read-btn span {
position: absolute;
color: #fff;
padding-left: 20px;
bottom: 0;
right: 0;
width: 50px;
line-height: 50px;
height: 100%;
display: inline-block;
background-color: var(--secondary-color);
-webkit-clip-path: polygon(100% 0%, 100% 74%, 100% 100%, 0 100%, 30% 0, 25% 0%);
clip-path: polygon(100% 0%, 100% 74%, 100% 100%, 0 100%, 30% 0, 25% 0%);
}
.blog-classic-item-01 .blog-bottom .read-btn:hover {
color: var(--secondary-color);
}
.blog-classic-item-01 .thumbnail {
margin-bottom: 25px;
display: block;
}
.blog-classic-item-01.is-sticky {
position: relative;
z-index: 0;
}
.blog-classic-item-01.is-sticky:after {
position: absolute;
right: 0;
top: 0;
content: "";
font-family: "Font Awesome 5 Free";
font-size: 30px;
line-height: 30px;
color: var(--main-color-one);
}
.blog-classic-item-01.format-video .thumbnail {
position: relative;
z-index: 0;
}
.blog-classic-item-01.format-video .thumbnail .hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.blog-classic-item-01.format-quote .quote-post-type {
background-color: #f5f5f5;
padding: 25px 30px 25px 80px;
border-radius: 2px;
position: relative;
z-index: 0;
}
.blog-classic-item-01.format-quote .quote-post-type:after {
position: absolute;
left: 30px;
top: 20px;
content: "";
font-family: "Font Awesome 5 Free";
font-size: 30px;
color: var(--main-color-one);
}
.blog-classic-item-01.format-quote .quote-post-type p {
line-height: 26px;
}
.blog-classic-item-01.format-quote .quote-post-type .title {
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0px;
}
.blog-details-item .blog-details-content {
background-color: #f3f3f3;
margin: 0 30px;
padding: 35px 50px;
margin-top: -90px;
position: relative;
z-index: 0;
}
.blog-details-item .blog-details-item-header {
display: flex;
}
.blog-details-item .blog-details-item-header .social-link {
margin-left: 50px;
}
.blog-details-item .title {
font-size: 30px;
line-height: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.blog-details-item p {
line-height: 24px;
}
.blog-details-item blockquote:not([class]) {
margin: 40px 0;
padding: 35px 30px 37px 100px;
border-radius: 3px;
position: relative;
background-color: #ebebeb;
z-index: 0;
}
.blog-details-item blockquote:not([class]) p {
margin-bottom: 0px;
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #7e7e7e;
}
.blog-details-item blockquote:not([class]) .icon {
position: absolute;
transform: rotateY(180deg);
left: 35px;
top: 25px;
font-size: 35px;
color: var(--secondary-color);
}
.blog-details-item .post-meta {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 15px;
}
.blog-details-item .post-meta li {
display: inline-block;
font-size: 16px;
}
.blog-details-item .post-meta li i {
color: var(--secondary-color);
}
.blog-details-item .post-meta li + li {
margin-left: 10px;
}
.blog-details-item .post-meta li a {
transition: all 0.3s ease-in;
}
.blog-details-item .post-meta li a:hover {
color: var(--main-color-one);
}
.blog-details-item .post-meta .date a {
color: var(--secondary-color);
}
.blog-details-footer {
display: flex;
justify-content: space-between;
margin-top: 60px;
border-top: 1px solid #f5f5f5;
padding-top: 25px;
}
.blog-details-footer .title {
font-size: 16px;
font-weight: 600;
color: var(--heading-color);
}
.blog-details-footer .left .tags {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-footer .left .tags li {
display: inline-block;
}
.blog-details-footer .left .tags li i {
padding-right: 5px;
color: var(--secondary-color);
}
.blog-details-footer .left .tags li a {
display: inline-block;
margin: 5px;
color: inherit;
transition: all 0.3s ease-in;
border-radius: 5px;
font-size: 16px !important;
transition: all 0.3s ease-in;
}
.blog-details-footer .left .tags li a:hover {
color: var(--secondary-color);
}
.blog-details-footer .right .social-share {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-footer .right .social-share li {
display: inline-block;
transition: all 0.3s ease-in;
}
.blog-details-footer .right .social-share li + li {
margin-left: 10px;
}
.blog-details-footer .right .social-share li:hover {
color: var(--main-color-one);
} .accordion-wrapper .card {
border: none;
background-color: transparent;
}
.accordion-wrapper .card + .card {
margin-top: 20px;
}
.accordion-wrapper .card .card-header {
background-color: transparent;
padding: 0;
border: none;
}
.accordion-wrapper .card .card-header a {
display: block;
font-size: 16px;
line-height: 28px;
font-weight: 700;
background-color: #f9f3ff;
padding: 16px 30px;
cursor: pointer;
position: relative;
}
.accordion-wrapper .card .card-header a:after {
position: absolute;
right: 30px;
top: 15px;
content: "";
font-family: "Font Awesome 5 Free";
}
.accordion-wrapper .card .card-header a[aria-expanded=false]:after {
content: "";
}
.accordion-wrapper .card .card-body {
background-color: #fff;
padding: 20px 30px;
} .contact-area {
position: relative;
z-index: 0;
}
.contact-area .bg-image {
position: absolute;
left: 0;
bottom: 0;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
min-height: 500px;
}
.contact-area .bg-image-02 {
position: absolute;
right: 0;
top: 160px;
background-size: contain;
background-repeat: no-repeat;
width: 340px;
height: 340px;
min-height: 150px;
}
.single-contact-item {
display: flex;
align-self: flex-start;
background-color: var(--bg-color-two);
padding: 15px 0px;
}
.single-contact-item .icon {
line-height: 60px;
text-align: center;
margin-right: 20px;
font-size: 45px;
color: var(--secondary-color);
transition: all 0.3s ease-in;
}
.single-contact-item .content {
flex: 1;
}
.single-contact-item .content .title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
margin-bottom: 10px;
display: block;
color: #5e2ced;
}
.single-contact-item .content .details {
font-size: 16px;
font-weight: 500;
}
.single-contact-item-02 {
display: flex;
align-self: flex-start;
background-color: var(--bg-color-two);
padding: 15px 0px;
}
.single-contact-item-02 .icon {
line-height: 40px;
text-align: center;
margin-right: 20px;
font-size: 30px;
color: #5e2ced;
transition: all 0.3s ease-in;
}
.single-contact-item-02 .content {
flex: 1;
}
.single-contact-item-02 .content .title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
margin-bottom: 10px;
display: block;
color: #5e2ced;
}
.single-contact-item-02 .content .details {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: #000629;
}
.contact-info-list {
margin: 0;
padding: 0;
list-style: none;
}
.contact-info-list .single-info-item {
display: flex;
align-self: flex-start;
}
.contact-info-list .single-info-item:hover .icon {
background-color: var(--secondary-color);
}
.contact-info-list .single-info-item + .single-info-item {
margin-top: 20px;
}
.contact-info-list .single-info-item .icon {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
text-align: center;
margin-right: 20px;
background-color: var(--main-color-one);
font-size: 30px;
color: #fff;
transition: all 0.3s ease-in;
}
.contact-info-list .single-info-item .content {
flex: 1;
}
.contact-info-list .single-info-item .content .details {
display: block;
}
.contact_map {
height: 100%;
min-height: 500px;
}
.map {
min-height: 500px;
height: 100%;
background-color: #ddd;
}
.contact-page-form .form-group label {
color: #000629;
font-size: 16px;
font-weight: 600;
}
.contact-page-form .form-group label span {
color: #ff6661;
}
.contact-page-form .form-group textarea {
max-height: 160px;
resize: none;
width: 100%;
border-radius: 0;
background-color: #fff;
border: 1px solid #ebebeb;
border: none;
border-bottom: 1px solid #ebebeb;
padding: 7px 0px;
}
.contact-page-form .form-group textarea::placeholder {
color: #b4b4b4;
}
.contact-page-form .form-group .form-control {
border-radius: 0;
border: none;
border-bottom: 1px solid #ebebeb;
color: var(--heading-color);
background-clip: border-box;
background-color: #fff;
padding: 7px 0px;
margin-bottom: 25px;
}
.contact-page-form .form-group .form-control::placeholder {
color: #b3b3b3;
font-size: 16px;
}
.contact-page-form .form-group .submit-btn {
background-image: linear-gradient(50deg, #5e2ced 0%, #9749f8 100%);
color: #fff;
display: inline-block;
border: none;
padding: 12px 40px;
text-transform: capitalize;
text-align: center;
cursor: pointer;
transition: all 0.3s ease-in;
font-weight: 600;
}
.contact-page-form .form-group .submit-btn:hover {
background-image: linear-gradient(50deg, #9749f8 0%, #5e2ced 100%);
}
.contact-page-form .form-group .submit-btn.style-01 {
background-image: initial;
border-radius: 5px;
background-color: #ff6661;
}
.contact-page-form .form-group .submit-btn.style-01:hover {
background-color: #fd2b6b;
}
.contact-page-form .btn-wrapper .boxed-btn {
border: none;
} .quote-block-with-sign {
position: relative;
z-index: 0;
background-color: var(--secondary-color);
padding: 50px 40px 60px 40px;
}
.quote-block-with-sign.radius-right {
border-bottom-right-radius: 60px;
}
.quote-block-with-sign:after {
position: absolute;
left: 20px;
top: 30px;
font-size: 100px;
line-height: 100px;
color: #706d5f;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "";
z-index: -1;
}
.quote-block-with-sign p {
font-size: 28px;
line-height: 43px;
font-style: italic;
font-family: var(--heading-font);
color: #fff;
}
.quote-block-with-sign .sign {
margin-top: 26px;
} .counter-item-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.counter-item-list li {
width: calc(100% / 3);
}
.counter-item-list li + li {
border-left: 1px solid #a8aab1;
}
.single-counterup-block-with-img {
display: inline-block;
}
.single-counterup-block-with-img .thumb {
position: relative;
z-index: 0;
}
.single-counterup-block-with-img .thumb img {
border-bottom-right-radius: 50px;
}
.single-counterup-block-with-img .thumb .hover {
position: absolute;
left: 5%;
top: 5%;
width: 90%;
background-color: #fff;
height: 90%;
border-bottom-right-radius: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.single-counterup-block-with-img .thumb .hover .title {
font-size: 18px;
line-height: 28px;
font-family: var(--body-font);
}
.single-counterup-block-with-img .thumb .hover .count-num {
font-size: 120px;
line-height: 130px;
color: var(--main-color-one);
font-family: var(--heading-font);
font-weight: 700;
}
.single-counterup-01 {
text-align: center;
}
.single-counterup-01.white .content .title {
color: #fff;
}
.single-counterup-01.white .content .count-wrap {
color: #fff;
}
.single-counterup-01 .content .title {
font-size: 18px;
line-height: 28px;
color: #000629;
font-family: var(--body-font);
}
.single-counterup-01 .content .count-wrap {
font-size: 48px;
line-height: 58px;
font-weight: 700;
color: #000629;
font-family: var(--heading-font);
margin-bottom: 0;
} .video-with-image .img-wrapper {
position: relative;
z-index: 0;
display: inline-block;
}
.video-with-image .img-wrapper img {
width: 100%;
}
.video-with-image .img-wrapper .hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .video-play-btn {
position: relative;
z-index: 1;
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 16px;
background-color: #fff;
border-radius: 50%;
color: var(--main-color-one);
}
.video-play-btn:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;  transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #fff;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
.video-play-btn.style-01 {
background-color: var(--main-color-one);
color: #fff;
}
.video-play-btn.style-01::before {
background-color: var(--main-color-one);
}
.video-play-btn.style-01:focus, .video-play-btn.style-01:hover {
color: #fff;
}
.video-play-btn:hover,
.video-play-btn:focus {
color: var(--main-color-one);
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
opacity: 0;
}
} .section-title-inner.white .subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-title-inner.white .title {
color: #fff;
}
.section-title-inner.white p {
color: rgba(255, 255, 255, 0.7);
}
.section-title-inner .title {
font-size: 30px;
line-height: 40px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--heading-font);
margin-bottom: 18px;
}
.section-title-inner .title span {
color: var(--main-color-one);
}
.section-title-inner .subtitle {
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
position: relative;
display: inline-block;
z-index: 0;
padding-left: 80px;
margin-bottom: 8px;
}
.section-title-inner .subtitle:after {
position: absolute;
left: 0;
top: 10px;
height: 2px;
width: 60px;
background-color: var(--main-color-one);
content: "";
}
.section-title.white .title {
color: #fff;
}
.section-title.white p {
color: rgba(255, 255, 255, 0.7);
}
.section-title.white .section-para {
color: rgba(255, 255, 255, 0.7);
}
.section-title.white span {
color: #fff;
}
.section-title.sass span {
color: #6600f2;
font-weight: 700;
}
.section-title.sass .title {
font-size: 48px;
line-height: 58px;
font-weight: 500;
color: #16215c;
}
.section-title.startup .title {
font-size: 42px;
line-height: 52px;
font-weight: 500;
color: #16215c;
}
.section-title.startup.white .title {
color: #fff;
}
.section-title.brand .title {
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: #16215c;
}
.section-title.brand span {
display: inline-block;
margin-top: 20px;
font-size: 16px;
font-weight: 600;
padding: 15px 40px;
color: #fff;
background-color: #6327eb;
transition: all 500ms ease-in;
}
.section-title.brand span:hover {
color: #fff;
background-color: var(--secondary-color);
}
.section-title.brand p {
font-size: 20px;
line-height: 30px;
font-weight: 400;
margin-top: 20px;
}
.section-title.brand.white .title {
color: #fff;
}
.section-title.brand.white span {
color: #333;
background-color: #fff;
}
.section-title.brand.white span:hover {
color: #fff;
background-color: var(--secondary-color);
}
.section-title.brand.white p {
color: #fff;
}
.section-title.restaurant .title {
font-size: 80px;
line-height: 90px;
font-weight: 700;
color: #114ff0;
}
.section-title.gym .title {
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: #000629;
}
.section-title.gym p {
font-size: 18px;
}
.section-title.gym.white .title {
color: #fff;
}
.section-title.gym.white span {
color: #333;
background-color: #fff;
}
.section-title.gym.white span:hover {
color: #fff;
background-color: var(--secondary-color);
}
.section-title .title {
font-size: 30px;
line-height: 40px;
font-weight: 500;
margin-bottom: 16px;
}
.section-title .title.social-title {
font-size: 36px;
line-height: 46px;
}
.section-title .title span {
position: relative;
z-index: 0;
}
.section-title .title span::after {
content: "";
position: absolute;
width: 100%;
height: 5px;
bottom: 8px;
left: 0;
background-color: var(--main-color-two);
z-index: -1;
}
.section-title .social-span {
display: inline-block;
margin-bottom: 30px;
border-radius: 5px;
padding: 10px 20px;
color: #fff;
background-image: linear-gradient(150deg, #8858fb 0%, #4ad7f4 100%);
}
.section-title .sub-title {
font-size: 16px;
font-weight: 600;
font-family: var(--heading-font);
color: var(--secondary-color);
}
.section-title p {
font-size: 16px;
font-weight: 500;
}
.section-title .section-para {
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.bg-litered {
background-color: var(--main-color-one);
}
.bg-white {
background-color: #fff;
}
.bg-blue {
background-color: var(--main-color-two);
} .single-icon-box-01 {
background-color: #fff;
text-align: center;
padding: 30px;
position: relative;
z-index: 0;
transition: all 0.3s;
overflow: hidden;
}
.single-icon-box-01:hover .msg-icon, .single-icon-box-01.active .msg-icon {
opacity: 1;
animation: zoomInUp 0.3s;
}
.single-icon-box-01:hover .icon, .single-icon-box-01.active .icon {
transform: rotate(360deg);
background-image: linear-gradient(300deg, #8a54fb 0%, #49d9f4 99%);
}
.single-icon-box-01 .icon {
width: 90px;
height: 90px;
text-align: center;
margin: auto;
border-radius: 50%;
font-size: 40px;
line-height: 90px;
transition: all 0.3s;
color: #fff;
background-image: linear-gradient(300deg, #49d9f4 0%, #8a54fb 99%);
margin-bottom: 18px;
}
.single-icon-box-01 .msg-icon {
transition: all 0.3s;
opacity: 0;
position: absolute;
width: 42px;
height: 35px;
left: 46%;
top: 0;
transform: translateX(-50%);
line-height: 35px;
text-align: center;
color: #fff;
border-radius: 5px 5px 0 5px;
background-image: linear-gradient(300deg, #f738f5 0%, #fd5980 99%);
z-index: 1;
}
.single-icon-box-01 .msg-icon:after {
content: "";
position: absolute;
right: 0;
top: 35px;
border-top: 10px solid #f738f5;
border-left: 10px solid transparent;
}
.single-icon-box-01 .msg-icon span {
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #fff;
animation: dotBlink 1.4s infinite both;
}
.single-icon-box-01 .msg-icon span:nth-child(2) {
animation-delay: 0.2s;
}
.single-icon-box-01 .msg-icon span:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes dotBlink {
0% {
opacity: 0.2;
}
50% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
.single-icon-box-01 .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-icon-box-01 .content p {
transition: all 0.5s;
}
.single-icon-box-02 {
display: flex;
align-self: flex-start;
background-color: #fff;
padding: 20px 20px 20px 20px;
}
.single-icon-box-02:hover .icon i {  transform: rotateY(360deg);
}
.single-icon-box-02:hover .content .title {
color: var(--main-color-one);
}
.single-icon-box-02 .icon {
margin-right: 20px;
height: 80px;
width: 80px;
border-radius: 50%;
line-height: 80px;
text-align: center;
background-color: var(--main-color-one);
color: #fff;
font-size: 40px;
transition: all 500ms;
}
.single-icon-box-02 .icon i {
transition: all 500ms;
display: inline-block;
}
.single-icon-box-02 .content {
flex: 1;
padding-top: 5px;
}
.single-icon-box-02 .content .title {
font-size: 24px;
line-height: 34px;
font-weight: 700;
transition: all 500ms;
}
.single-icon-box-03 {
background-color: #fff;
text-align: center;
position: relative;
z-index: 0;
padding: 0 30px;
transition: all 0.3s;
overflow: hidden;
margin-bottom: 30px;
}
.single-icon-box-03:hover .icon {
line-height: 80px;
font-size: 40px;
text-align: center;
color: #fff;
transform: rotate(0);
margin-bottom: 30px;
}
.single-icon-box-03:hover .icon::after {
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.single-icon-box-03 .icon {
text-align: center;
margin: auto;
font-size: 70px;
line-height: 80px;
transition: all 0.3s;
transform: rotate(-30deg);
color: #000000;
display: inline-block;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.single-icon-box-03 .icon:after {
content: "";
position: absolute;
left: 15px;
bottom: -25px;
width: 55px;
height: 55px;
transition: all 0.3s;
background-color: #ffe477;
border-radius: 50%;
z-index: -1;
}
.single-icon-box-03 .icon.style-01:after {
background-color: #0068fe;
}
.single-icon-box-03 .icon.style-02:after {
background-color: #0068fe;
}
.single-icon-box-03 .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-icon-box-03 .content p {
transition: all 0.5s;
}
.single-icon-box-04 {
background-color: #fff;
text-align: center;
position: relative;
z-index: 0;
padding: 30px 30px 25px;
transition: all 0.3s;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0px 0px 103px 0px rgba(93, 136, 250, 0.5);
border-radius: 10px;
}
.single-icon-box-04:hover {
box-shadow: 0px 0px 13px 0px rgba(93, 136, 250, 0.5);
}
.single-icon-box-04:hover .icon {
line-height: 80px;
font-size: 40px;
text-align: center;
transform: rotate(0);
}
.single-icon-box-04 .icon {
text-align: center;
margin: auto;
font-size: 60px;
line-height: 80px;
transition: all 0.3s;
transform: rotate(-30deg);
color: #f7618b;
display: inline-block;
position: relative;
z-index: 0;
}
.single-icon-box-04 .icon.style-01 {
color: #5edcd8;
}
.single-icon-box-04 .icon.style-02 {
color: #7048c0;
}
.single-icon-box-04 .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-icon-box-04 .content p {
transition: all 0.5s;
}
.single-icon-box-05 {
background-color: #fff;
text-align: center;
position: relative;
z-index: 0;
padding: 70px 30px 65px;
transition: all 0.3s;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0px 0px 103px 0px rgba(93, 136, 250, 0.5);
border-radius: 10px;
}
.single-icon-box-05:hover {
box-shadow: 0px 0px 13px 0px rgba(93, 136, 250, 0.5);
}
.single-icon-box-05:hover .icon {
line-height: 60px;
font-size: 40px;
text-align: center;
}
.single-icon-box-05 .icon {
text-align: center;
margin: auto;
font-size: 30px;
line-height: 40px;
transition: all 0.3s;
color: #7638f2;
display: inline-block;
position: relative;
z-index: 0;
}
.single-icon-box-05 .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-icon-box-05 .content p {
transition: all 0.5s;
}
.single-icon-box-06 {
text-align: center;
}
.single-icon-box-06 .icon {
font-size: 70px;
color: #bdc1c9;
}
.single-icon-box-06 .title {
margin: auto;
font-size: 18px;
line-height: 28px;
max-width: 200px;
}
.social-link ul {
margin: 0;
padding: 0;
list-style: none;
}
.social-link ul li {
color: #fff;
display: inline-block;
font-size: 15px;
transition: all 0.3s ease-in;
}
.social-link ul li + li {
margin-left: 10px;
}
.social-link ul li:hover {
color: var(--secondary-color);
}
.social-link.style-01 ul li {
display: block;
}
.social-link.style-01 ul li + li {
margin-left: 0;
}
.social-link.style-01 ul li:hover {
color: var(--main-color-one);
}
.social-link.style-02 ul li {
font-size: 15px;
display: inline-block;
color: #000000;
}
.social-link.style-02 ul li + li {
margin-left: 5px;
} .search-popup.active .search-form {
visibility: visible;
opacity: 1;
}
.search-popup .search-form {
min-width: 415px; position: fixed;
top: 40px;
right: calc(8% + -6px);
transition: 0.5s ease;
visibility: hidden;
opacity: 0;
z-index: 9;
}
.search-popup .search-form .form-group .form-control {
border: none;
border-radius: 0px;
height: 45px;
padding: 0 100px 0 30px;
}
.search-popup .search-form .submit-btn {
position: absolute;
right: -15px;
top: -20px;
width: 30px;
height: 30px;
border-radius: 50%;
border-color: var(--hover-color);
background-color: var(--hover-color);
transition: all 0.3s ease-in;
padding: 0;
text-align: center;
}
.search-popup .search-form .submit-btn span {
color: #fff;
font-size: 20px;
}
.body-overlay {
position: fixed;
width: 100%;
height: 100%;
display: block;
background-color: rgba(42, 40, 29, 0.54);
z-index: 9;
content: "";
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;
}
.body-overlay.active {
visibility: visible;
opacity: 0.8;
}
.click-mobile-search {
display: none;
position: absolute;
top: 80px;
left: 0;
z-index: 5;
width: 100%;
padding: 20px;
background: #fff;
} .recent-case-study-filter-nav {
text-align: center;
}
.recent-case-study-filter-nav ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 28px;
}
.recent-case-study-filter-nav ul li {
display: inline-block;
font-size: 16px;
font-weight: 400;
cursor: pointer;
}
.recent-case-study-filter-nav ul li.active {
color: var(--main-color-one);
}
.recent-case-study-filter-nav ul li + li {
margin-left: 20px;
}
.single-recent-case-study-01:hover .img-wrapper .hover .title {
color: var(--main-color-one);
}
.single-recent-case-study-01 .img-wrapper {
position: relative;
z-index: 0;
margin-bottom: 60px;
}
.single-recent-case-study-01 .img-wrapper img {
width: 100%;
}
.single-recent-case-study-01 .img-wrapper .hover {
background-color: #fff;
text-align: center;
position: absolute;
left: 5%;
bottom: -30px;
width: 90%;
padding: 25px 30px 28px 30px;
box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.single-recent-case-study-01 .img-wrapper .hover .title {
font-size: 26px;
line-height: 34px;
font-weight: 700;
transition: all 500ms;
}
.single-recent-case-study-01 .img-wrapper .hover .read-more {
font-size: 16px;
font-weight: 600;
transition: all 500ms;
}
.single-recent-case-study-01 .img-wrapper .hover .read-more:hover {
color: var(--main-color-one);
}
.single-recent-case-study-01 .img-wrapper .hover .read-more:hover i {
visibility: visible;
opacity: 1;  transform: translateX(0px);
}
.single-recent-case-study-01 .img-wrapper .hover .read-more i {
visibility: hidden;
opacity: 0;  transform: translateX(-50px);
transition: all 500ms;
}
.recent-case-filter-03 {
margin-bottom: 25px;
}
.recent-case-filter-02 .recent-case-filter-menu,
.recent-case-filter-03 .recent-case-filter-menu {
text-align: center;
}
.recent-case-filter-02 .recent-case-filter-menu ul,
.recent-case-filter-03 .recent-case-filter-menu ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 28px;
}
.recent-case-filter-02 .recent-case-filter-menu ul li,
.recent-case-filter-03 .recent-case-filter-menu ul li {
display: inline-block;
font-size: 16px;
font-weight: 400;
cursor: pointer;
}
.recent-case-filter-02 .recent-case-filter-menu ul li.active,
.recent-case-filter-03 .recent-case-filter-menu ul li.active {
color: var(--main-color-one);
}
.recent-case-filter-02 .recent-case-filter-menu ul li + li,
.recent-case-filter-03 .recent-case-filter-menu ul li + li {
margin-left: 20px;
}
.single-case-item-02 {
display: block;
}
.single-case-item-02:hover .thumb .hover {
visibility: visible;
opacity: 1;
}
.single-case-item-02 .thumb {
position: relative;
z-index: 0;
}
.single-case-item-02 .thumb img {
width: 100%;
}
.single-case-item-02 .thumb .hover {
position: absolute;
left: 5%;
top: 5%;
width: 90%;
background-color: #fff;
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
transition: all 500ms;
}
.single-case-item-02 .thumb .hover .title {
font-size: 26px;
line-height: 34px;
font-weight: 700;
transition: all 500ms;
}
.single-case-item-02 .thumb .hover .title:hover {
color: var(--main-color-one);
}
.single-case-item-02 .thumb .hover .cats a {
transition: all 500ms;
}
.single-case-item-02 .thumb .hover .cats a:hover {
color: var(--main-color-one);
}
.case-masonry {
width: 20%;
}
.case-masonry-03 {
margin-bottom: 30px;
} .single-price-plan-01 {
padding: 40px 0 45px 0;
background-color: #fff;
margin-bottom: 30px;
border-radius: 5px;
border: 1px solid #ece3fb;
transition: all 0.3s ease-in;
}
.single-price-plan-01:hover, .single-price-plan-01.active {
border: 5px solid var(--secondary-color);
box-shadow: 0px 16px 103px 0px rgba(0, 0, 0, 0.1);
}
.single-price-plan-01 .price-header {
text-align: center;
}
.single-price-plan-01 .price-header .title {
margin-bottom: 30px;
font-size: 24px;
color: var(--heading-color);
line-height: 34px;
font-weight: 700;
}
.single-price-plan-01 .price-header .info-text {
font-size: 16px;
text-transform: uppercase;
line-height: 24px;
}
.single-price-plan-01 .price-body {
margin-top: 5px;
margin-bottom: 25px;
display: flex;
justify-content: center;
}
.single-price-plan-01 .price-body ul {
margin: 0;
padding: 0;
list-style: none;
}
.single-price-plan-01 .price-body ul li + li {
margin-top: 15px;
}
.single-price-plan-01 .price-body ul li i {
color: #51d55f;
}
.single-price-plan-01 .price-wrap {
text-align: center;
margin-top: 35px;
margin-bottom: 13px;
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: var(--heading-color);
}
.single-price-plan-01 .price-wrap .month {
color: #30323d;
font-size: 16px;
font-weight: 300;
}
.single-price-plan-01 .price-footer {
text-align: center;
}
.single-price-plan-01 .price-footer .btn-wrapper .boxed-btn {
background-image: linear-gradient(-90deg, #f738f5 0%, #fd5980 100%);
padding: 12px 40px;
}
.single-price-plan-01 .price-footer .btn-wrapper .boxed-btn:hover {
background-image: linear-gradient(90deg, #f738f5 0%, #fd5980 100%);
} .single-testimonial-item {
display: flex;
align-self: flex-start;
position: relative;
}
.single-testimonial-item .thumb.bg-image {
min-width: 60px;
border-radius: 50%;
border: 3px solid #fff;
height: 60px;
margin-right: 15px;
background-position: right;
background-size: cover;
background-repeat: no-repeat;
}
.single-testimonial-item .content {
padding: 35px 35px;
background-color: #fff;
border-radius: 0 10px 10px 10px;
}
.single-testimonial-item .content .description {
font-size: 15px;
line-height: 25px;
color: #403949;
font-weight: 400;
}
.single-testimonial-item .content .author-details {
display: flex;
align-self: flex-start;
}
.single-testimonial-item .content .author-details .author-meta {
flex: 1;
margin-top: 15px;
}
.single-testimonial-item .content .author-details .author-meta .title {
font-size: 12px;
text-transform: uppercase;
font-family: var(--body-font);
color: var(--heading-color);
font-weight: 700;
margin-bottom: 0;
}
.single-testimonial-item-02 .content {
flex: 1;
position: relative;
}
.single-testimonial-item-02 .content .thumb {
width: 90px;
height: 90px;
border-radius: 50%;
margin: auto;
margin-top: 30px;
border: 5px solid #fff;
}
.single-testimonial-item-02 .content .thumb img {
border-radius: 50%;
}
.single-testimonial-item-02 .content .description {
font-size: 15px;
line-height: 25px;
text-align: center;
color: #fff;
margin: auto;
}
.single-testimonial-item-02 .content .author-details {
display: flex;
align-self: flex-start;
margin-top: 10px;
}
.single-testimonial-item-02 .content .author-details .author-meta {
flex: 1;
margin-top: 15px;
text-align: center;
}
.single-testimonial-item-02 .content .author-details .author-meta .title {
font-size: 12px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--body-font);
color: #fff;
}
.single-testimonial-item-02 .content .author-details .author-meta .designation {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.single-testimonial-item-03 {
display: flex;
}
.single-testimonial-item-03 .content {
flex: 1;
display: flex;
align-items: center;
position: relative;
}
.single-testimonial-item-03 .content .icon {
font-size: 60px;
color: #4b3be1;
}
.single-testimonial-item-03 .content .description {
font-size: 24px;
line-height: 34px;
max-width: 450px;
color: #403949;
}
.single-testimonial-item-03 .content .author-details {
display: flex;
align-self: flex-start;
margin-top: 10px;
}
.single-testimonial-item-03 .content .author-details .author-meta {
flex: 1;
margin-top: 15px;
}
.single-testimonial-item-03 .content .author-details .author-meta .title {
display: inline-block;
color: #f8319b;
background-color: #feeaf5;
border-radius: 5px;
padding: 15px 5px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
.single-testimonial-item-03 .thumb {
position: relative;
padding: 0 50px;
z-index: 0;
}
.single-testimonial-item-03 .thumb:after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 60%;
background-color: #fee7d0;
z-index: -1;
border-radius: 50px;
}
.single-testimonial-item-04 .content {
flex: 1;
display: flex;
align-items: center;
position: relative;
}
.single-testimonial-item-04 .content .icon {
font-size: 60px;
color: #4b3be1;
}
.single-testimonial-item-04 .content .description {
font-size: 18px;
line-height: 28px;
max-width: 450px;
color: #727777;
}
.single-testimonial-item-04 .content .author-details {
display: flex;
align-self: flex-start;
margin-top: 20px;
}
.single-testimonial-item-04 .content .author-details .author-meta {
flex: 1;
margin-top: 10px;
margin-left: 20px;
}
.single-testimonial-item-04 .content .author-details .author-meta .title {
display: inline-block;
color: #16215c;
border-radius: 5px;
font-weight: 500;
font-size: 18px;
line-height: 22px;
margin-bottom: 0;
text-transform: uppercase;
}
.single-testimonial-item-04 .content .author-details .author-meta .designation {
color: #727777;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.single-testimonial-item-04 .thumb {
position: relative;
z-index: 0;
width: 60px;
}
.single-testimonial-item-05 {
margin-top: 50px;
padding: 50px 60px 50px;
position: relative;
background-color: #edf7ff;
}
.single-testimonial-item-05 .icon {
position: absolute;
font-size: 40px;
color: #930ed8;
top: -30px;
right: 50px;
transform: rotate(180deg);
}
.single-testimonial-item-05 .thumb {
position: absolute;
top: -30px;
box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.15);
width: 60px;
border-radius: 50%;
border: 3px solid #fff;
margin-bottom: 20px;
}
.single-testimonial-item-05 .content {
border-radius: 0 10px 10px 10px;
}
.single-testimonial-item-05 .content .description {
font-size: 18px;
line-height: 28px;
color: #403949;
font-weight: 400;
}
.single-testimonial-item-05 .content .author-details {
display: flex;
align-self: flex-start;
margin-bottom: 20px;
}
.single-testimonial-item-05 .content .author-details .author-meta {
flex: 1;
margin-top: 15px;
}
.single-testimonial-item-05 .content .author-details .author-meta .title {
font-size: 12px;
text-transform: uppercase;
font-family: var(--body-font);
color: var(--heading-color);
font-weight: 700;
margin-bottom: 0;
}
.single-testimonial-item-06 {
display: flex;
}
.single-testimonial-item-06 .content {
flex: 1;
display: flex;
align-items: center;
position: relative;
}
.single-testimonial-item-06 .content .bg-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
}
.single-testimonial-item-06 .content .icon {
font-size: 60px;
line-height: 60px;
color: #ffe477;
transform: rotate(180deg);
position: absolute;
top: 0;
left: 180px;
}
.single-testimonial-item-06 .content .description {
font-size: 24px;
line-height: 34px;
color: #fff;
padding: 85px 180px;
}
.single-testimonial-item-06 .content .author-details {
margin-top: 10px;
}
.single-testimonial-item-06 .content .author-details .author-meta {
position: absolute;
left: -50%;
transform: translateX(50%);
bottom: 30px;
display: flex;
align-self: flex-start;
border-radius: 5px;
padding: 10px 20px;
background-color: white;
box-shadow: 0px 0px 84px 0px rgba(42, 40, 46, 0.75);
margin-top: 15px;
}
.single-testimonial-item-06 .content .author-details .author-meta .title {
margin-bottom: 0;
border-radius: 5px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
}
.single-testimonial-item-07 {
padding: 30px 40px 30px;
position: relative;
background-color: #fff;
}
.single-testimonial-item-07.style-01 {
border: 1px solid #ff7364;
}
.single-testimonial-item-07 .icon {
font-size: 40px;
color: #ff7364;
margin-bottom: 20px;
}
.single-testimonial-item-07 .icon.style-01 {
color: #6ceefe;
}
.single-testimonial-item-07 .content {
border-radius: 0 10px 10px 10px;
}
.single-testimonial-item-07 .content .description {
font-size: 24px;
line-height: 34px;
color: #000629;
font-weight: 400;
}
.single-testimonial-item-07 .content .author-details {
margin-top: 20px;
margin-bottom: 20px;
}
.single-testimonial-item-07 .content .author-details .author-meta {
display: flex;
align-self: flex-start;
justify-content: space-between;
flex: 1;
}
.single-testimonial-item-07 .content .author-details .author-meta .title {
font-size: 16px;
line-height: 24px;
font-family: var(--body-font);
color: var(--heading-color);
font-weight: 700;
margin-bottom: 0;
}
.single-testimonial-item-08 {
display: flex;
}
.single-testimonial-item-08 .content {
flex: 1;
display: flex;
align-items: center;
background-color: #f4f7fe;
border-radius: 5px;
padding: 60px 80px 55px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.single-testimonial-item-08 .content .icon {
font-size: 40px;
color: #9738f6;
}
.single-testimonial-item-08 .content .description {
font-size: 24px;
line-height: 34px;
max-width: 350px;
color: #403949;
}
.single-testimonial-item-08 .content .author-details {
margin-top: 10px;
}
.single-testimonial-item-08 .content .author-details .author-meta {
display: flex;
margin-top: 15px;
}
.single-testimonial-item-08 .content .author-details .author-meta .title {
color: #000629;
margin-bottom: 0;
border-radius: 5px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
margin-right: 10px;
}
.single-testimonial-item-09 {
display: flex;
}
.single-testimonial-item-09 .content-wrap {
display: flex;
align-items: center;
flex: 1;
margin-left: 30px;
}
.single-testimonial-item-09 .content .icon {
font-size: 60px;
line-height: 60px;
color: #00d0db;
margin-bottom: 20px;
}
.single-testimonial-item-09 .content .description {
font-size: 24px;
line-height: 34px;
color: #000629;
}
.single-testimonial-item-09 .content .author-details {
margin-top: 10px;
}
.single-testimonial-item-09 .content .author-details .author-meta {
display: flex;
align-self: flex-start;
margin-top: 15px;
}
.single-testimonial-item-09 .content .author-details .author-meta .title {
margin-bottom: 0;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000629;
}
.single-testimonial-item-09 .content .author-details .author-meta .designation {
margin-left: 10px;
} .blog-grid-carousel .owl-nav div {
position: absolute;
left: -60px;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--secondary-color);
color: #fff;
transition: all 0.3s ease-in;  transform: translateY(-50%);
}
.blog-grid-carousel .owl-nav div:hover {
background-color: var(--main-color-one);
color: #fff;
}
.blog-grid-carousel .owl-nav div.owl-next {
left: auto;
right: -60px;
}
.single-blog-grid-01 {
position: relative;
z-index: 0;
}
.single-blog-grid-01 .thumb {
position: relative;
z-index: 0;
border-radius: 10px;
}
.single-blog-grid-01 .thumb img {
border-radius: 10px;
width: 100%;
}
.single-blog-grid-01 .thumb .news-date {
padding: 8px 20px;
border-radius: 20px;
background-color: #ffe477;
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
}
.single-blog-grid-01 .thumb .news-date.style-01 {
background-color: #114ff0;
}
.single-blog-grid-01 .thumb .news-date.style-01 .title {
color: #fff;
}
.single-blog-grid-01 .thumb .news-date .title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin-bottom: 0;
}
.single-blog-grid-01 .content {
padding: 50px 0 30px;
}
.single-blog-grid-01 .content .title {
font-size: 24px;
line-height: 30px;
font-weight: 500;
transition: all 500ms;
color: #000629;
}
.single-blog-grid-01 .content .title:hover {
color: var(--main-color-one);
} .case-category-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.case-category-list.white .single-case-item + .single-case-item {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.case-category-list.white .single-case-item .content .title {
color: #fff;
}
.case-category-list .single-case-item {
width: calc(100% / 5);
padding: 115px 0 115px 0;
text-align: center;
}
.case-category-list .single-case-item + .single-case-item {
border-left: 1px solid #e2e2e2;
}
.case-category-list .single-case-item .icon {
font-size: 60px;
line-height: 70px;
color: var(--main-color-one);
margin-bottom: 18px;
}
.case-category-list .single-case-item .content .title {
font-size: 26px;
line-height: 34px;
font-weight: 700;
margin-bottom: 0px;
}
.single-catagory-item {
padding: 72px 40px;
background-color: var(--main-color-one);
text-align: center;
}
.single-catagory-item.style-01 {
background-color: #00c99f;
}
.single-catagory-item.style-02 {
background-color: #16327a;
}
.single-catagory-item.style-03 {
background-color: #14b3e4;
}
.single-catagory-item:hover {
cursor: pointer;
}
.single-catagory-item:hover .icon {
transform: rotateY(360deg);
}
.single-catagory-item .icon {
color: #fff;
font-size: 80px;
line-height: 80px;
transition: all 500ms;
margin-bottom: 15px;
}
.single-catagory-item .title {
font-size: 24px;
font-weight: 600;
color: #fff;
} .quote-with-image-02 {
margin-bottom: 40px;
}
.quote-with-image-02 .img-wrapper {
position: relative;
z-index: 0;
}
.quote-with-image-02 .img-wrapper .hover {
position: absolute;
right: 0;
bottom: -40px;
width: 80%;
}
.quote-with-image-02 .img-wrapper .hover .quote-block-with-sign {
padding: 50px 60px 60px 60px;
}
.quote-with-image-02 .img-wrapper .hover .quote-block-with-sign:after {
left: 40px;
top: 30px;
} .single-package-item {
position: relative;
z-index: 0;
margin-bottom: 30px;
}
.single-package-item.bg-image {
width: 100%;
border-radius: 50px;
min-height: 225px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 0;
}
.single-package-item.bg-image:after {
content: "";
position: absolute;
left: 0;
border-radius: 50px;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(247, 29, 75, 0.1);
}
.single-package-item.bg-image canvas {
border-radius: 50px;
}
.single-package-item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
z-index: 1;
}
.single-package-item .content .title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #fff;
}
.single-package-item .content .btn-wrapper .boxed-btn {
font-size: 16px;
font-weight: 700;
color: var(--secondary-color);
padding: 6px 20px;
border-radius: 30px;
background-color: #fff;
margin-bottom: 10px;
}
.single-package-item .content .btn-wrapper .boxed-btn:hover {
color: #fff;
background-color: var(--main-color-one);
}
.faq-single-item {
margin-bottom: 40px;
}
.faq-single-item .content .title {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.offer-single-item {
display: flex;
background-color: #fff;
border: 1px solid #efefef;
border-radius: 10px;
padding: 40px 70px 35px 40px;
margin-bottom: 30px;
}
.offer-single-item:hover .icon {
animation: btnAnime 0.6s ease forwards;
}
.offer-single-item .icon {
border-radius: 50%;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
font-size: 40px;
color: #fff;
background-color: #6600f2;
cursor: pointer;
}
@keyframes btnAnime {
5% {
transform: scale(0.8);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.offer-single-item .icon.style-01 {
background-color: #fb3c7f;
}
.offer-single-item .icon.style-02 {
background-color: #00d280;
}
.offer-single-item .icon.style-03 {
background-color: #fbab2f;
}
.offer-single-item .content {
flex: 1;
margin-left: 45px;
}
.offer-single-item .content .title {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.choose-single-item:hover .icon {
animation: btnAnime 0.6s ease forwards;
}
.choose-single-item .icon {
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
font-size: 25px;
color: #fff;
background-color: #6600f2;
margin-bottom: 20px;
cursor: pointer;
}
@keyframes btnAnime {
5% {
transform: scale(0.8);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.choose-single-item .icon.style-01 {
background-color: #fb3c7f;
}
.choose-single-item .icon.style-02 {
background-color: #00d280;
}
.choose-single-item .icon.style-03 {
background-color: #fbab2f;
}
.choose-single-item .content .title {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.single-everything-item {
background-color: #fff;
text-align: center;
padding: 0 60px;
position: relative;
z-index: 0;
transition: all 0.3s;
overflow: hidden;
margin-bottom: 30px;
}
.single-everything-item:hover .icon {
line-height: 80px;
font-size: 40px;
text-align: center;
color: #fff;
margin-bottom: 30px;
}
.single-everything-item:hover .icon::after {
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.single-everything-item:hover .icon.style-01::after, .single-everything-item:hover .icon.style-02::after {
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.single-everything-item .icon {
text-align: center;
margin: auto;
font-size: 80px;
line-height: 90px;
transition: all 0.3s;
color: #4b3be1;
display: inline-block;
margin-bottom: 18px;
position: relative;
z-index: 0;
}
.single-everything-item .icon:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 55px;
height: 55px;
transition: all 0.3s;
background-color: #fbab2f;
border-radius: 50%;
z-index: -1;
}
.single-everything-item .icon.style-01::after {
top: 20px;
left: -25px;
width: 65px;
height: 35px;
background-color: #3ccc8c;
border-radius: 0;
}
.single-everything-item .icon.style-02::after {
bottom: 0;
left: 0;
width: 38px;
height: 30px;
background-color: #57b4fd;
border-radius: 0;
}
.single-everything-item .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-everything-item .content p {
transition: all 0.5s;
}
.single-best-item {
text-align: center;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.single-best-item .shape {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
min-height: 100px;
}
.single-best-item .icon {
font-size: 65px;
line-height: 75px;
color: #1d2d41;
margin-bottom: 20px;
}
.single-best-item .content p {
font-size: 24px;
color: #000629;
}
.single-service-item {
background-color: #fff;
text-align: center;
padding: 30px;
position: relative;
z-index: 0;
transition: all 0.3s;
overflow: hidden;
}
.single-service-item:hover .icon {
border: 2px solid #4b3be1;
background-color: transparent;
color: #4b3be1;
font-weight: 700;
}
.single-service-item:hover .icon.style-02 {
border: 2px solid #fb3c7f;
color: #fb3c7f;
background-color: transparent;
}
.single-service-item:hover .icon.style-03 {
border: 2px solid #00d280;
color: #00d280;
background-color: transparent;
}
.single-service-item .icon {
text-align: center;
font-size: 30px;
line-height: 70px;
width: 70px;
height: 70px;
margin: auto;
border-radius: 50%;
transition: all 0.3s;
border: 2px solid transparent;
background-color: #4b3be1;
color: #fff;
margin-bottom: 18px;
transition: all 500ms ease-in-out;
}
.single-service-item .icon.style-02 {
background-color: #fb3c7f;
}
.single-service-item .icon.style-03 {
background-color: #00d280;
}
.single-service-item .content .title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.single-service-item .content p {
transition: all 0.5s;
}
.single-workout-item {
margin-bottom: 30px;
border-radius: 10px;
background-color: white;
box-shadow: 0px 31px 54px 0px rgba(0, 0, 0, 0.09);
padding: 75px 50px 70px;
display: flex;
position: relative;
z-index: 0;
}
.single-workout-item:hover::after {
width: 100%;
}
.single-workout-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 10px;
width: 0;
border-radius: 10px 10px 0 0;
background-color: #114ff0;
transition: all 500ms ease-in;
}
.single-workout-item .icon {
font-size: 75px;
line-height: 85px;
color: #7753bd;
}
.single-workout-item .icon.style-01 {
color: #fbb005;
}
.single-workout-item .icon.style-02 {
color: #4eacf6;
}
.single-workout-item .content {
margin-left: 30px;
}
.single-workout-item .content .title {
color: #060c2d;
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.single-benifits-item {
margin-bottom: 30px;
text-align: center;
padding: 45px 40px 40px;
border-radius: 10px;
background-color: white;
box-shadow: 0px 0px 92px 0px rgba(54, 57, 164, 0.2);
}
.single-benifits-item .icon {
display: inline-block;
color: #4784eb;
font-size: 55px;
line-height: 65px;
position: relative;
z-index: 0;
}
.single-benifits-item .icon::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 35px;
height: 35px;
background-color: #5fecfe;
border-radius: 50%;
z-index: -1;
}
.single-benifits-item .icon .shape {
position: absolute;
bottom: 0;
right: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #5fecfe;
}
.single-benifits-item .icon .shape-02 {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 15px solid #5fecfe;
border-bottom: 10px solid transparent;
}
.single-benifits-item .content .title {
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
max-width: 120px;
font-size: 24px;
line-height: 34px;
color: #000629;
font-weight: 700;
}
.hard-single-item .thumb {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-height: 360px;
border-radius: 5px;
}
.hard-single-item .thumb canvas {
position: initial;
}
.hard-single-item .content {
margin-top: 20px;
}
.hard-single-item .content .title {
font-size: 24px;
line-height: 34px;
color: #16215c;
font-weight: 500;
margin-bottom: 10px;
}
.hard-single-item .content .catagory {
font-size: 16px;
line-height: 24px;
}
.hard-single-item-02:hover .thumb::after {
opacity: 1;
visibility: visible;
}
.hard-single-item-02:hover .thumb .content {
opacity: 1;
visibility: visible;
}
.hard-single-item-02 .thumb {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-height: 460px;
border-radius: 5px;
position: relative;
z-index: 0;
transition: all 500ms ease-out;
}
.hard-single-item-02 .thumb canvas {
position: initial;
}
.hard-single-item-02 .thumb:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: all 500ms ease-out;
background: linear-gradient(to top, rgba(21, 21, 41, 0.7) 30%, rgba(255, 0, 0, 0) 60%);
}
.hard-single-item-02 .thumb .content {
position: absolute;
bottom: 0;
padding-left: 40px;
padding-bottom: 50px;
margin-top: 20px;
opacity: 0;
visibility: hidden;
transition: all 500ms ease-out;
}
.hard-single-item-02 .thumb .content .title {
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 700;
margin-bottom: 0;
}
.hard-single-item-02 .thumb .content .catagory {
color: #fff;
font-size: 16px;
line-height: 24px;
}
.destination-single-item {
display: flex;
}
.destination-single-item .icon {
font-size: 25px;
color: #6600f2;
margin-bottom: 20px;
transition: all 500ms ease-in-out;
}
.destination-single-item .icon.style-01 {
color: #fb3c7f;
}
.destination-single-item .content {
margin-left: 20px;
max-width: 150px;
}
.destination-single-item .content .title {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.single-app-item {
background-color: #fff;
text-align: center;
position: relative;
z-index: 0;
padding: 0 30px;
transition: all 0.3s;
overflow: hidden;
margin-bottom: 30px;
}
.single-app-item:hover .icon {
line-height: 80px;
font-size: 40px;
text-align: center;
color: #fff;
transform: rotate(0);
}
.single-app-item:hover .icon::after {
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.single-app-item .icon {
text-align: center;
margin: auto;
width: 80px;
height: 80px;
border-radius: 50%;
font-size: 50px;
line-height: 80px;
transition: all 0.3s;
background-color: #3639a4;
color: #fff;
display: inline-block;
margin-bottom: 18px;
position: relative;
z-index: 0;
}
.single-app-item .icon:after {
content: "";
position: absolute;
left: 45px;
bottom: 5px;
width: 40px;
height: 40px;
transition: all 0.3s;
background-color: #75e8f0;
border-radius: 50%;
z-index: -1;
}
.single-app-item .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.single-app-item .content p {
transition: all 0.5s;
}
.started-single-item {
background-color: #fff;
box-shadow: 0px 0px 92px 0px rgba(54, 57, 164, 0.2);
text-align: center;
position: relative;
z-index: 0;
border-radius: 10px;
padding: 50px 30px 40px;
transition: all 0.5s;
overflow: hidden;
border: 5px solid #fff;
margin-bottom: 30px;
}
.started-single-item:hover {
border: 5px solid #3639a4;
}
.started-single-item:hover .icon {
border: 5px solid #3639a4;
}
.started-single-item .icon {
text-align: center;
margin: auto;
font-size: 50px;
line-height: 120px;
width: 120px;
height: 120px;
border: 1px solid #3639a4;
border-radius: 50%;
transition: all 0.3s;
color: #3639a4;
display: inline-block;
margin-bottom: 18px;
position: relative;
z-index: 0;
}
.started-single-item .content .title {
font-size: 22px;
line-height: 34px;
font-weight: 700;
}
.started-single-item .content p {
transition: all 0.5s;
} .team-single-item {
position: relative;
margin-bottom: 30px;
}
.team-single-item:hover .thumb::before {
opacity: 1;
}
.team-single-item:hover .thumb::after {
opacity: 1;
}
.team-single-item .thumb {
display: inline-block;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
position: relative;
z-index: 0;
cursor: pointer;
text-align: center;
overflow: hidden;
}
.team-single-item .thumb:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border-radius: 50%;
border: 1px solid #fff;
content: "";
transform: scale(1.1);
opacity: 0;
transition: all 500ms ease-in-out;
}
.team-single-item .thumb::after {
content: "";
position: absolute;
left: 0;
top: 0;
opacity: 0;
border-radius: 50%;
width: 100%;
height: 100%;
background-color: rgba(48, 133, 163, 0.3);
transition: all 500ms ease-in-out;
}
.team-single-item .content {
text-align: center;
margin-top: 20px;
}
.team-single-item .content .title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
}
.team-single-item .content .social-link {
margin-top: 10px;
}
.counter-single-item {
padding: 25px 0 0;
}
.counter-single-item .counter-item {
display: inline-block;
width: 80px;
height: 80px;
padding-top: 12px;
border-radius: 50%;
background-color: #5f2eca;
}
.counter-single-item .counter-item span {
text-align: center;
color: #fff;
display: block;
line-height: 35px;
font-size: 30px;
font-weight: 700;
}
.counter-single-item .counter-item h6 {
color: #fff;
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.work-single-item:hover .content .icon {
background-color: #f5ae6f;
color: #f2e5e0;
}
.work-single-item:hover .content .icon.style-01 {
background-color: #45d6d2;
color: #ceeef5;
}
.work-single-item:hover .content .icon.style-02 {
background-color: #f7618b;
color: #f2d7e7;
}
.work-single-item:hover .content .icon.style-03 {
background-color: #7048c0;
color: #d7d2f2;
}
.work-single-item .content .icon {
margin-bottom: 20px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-size: 35px;
color: #f5ae6f;
background-color: #f2e5e0;
transition: all 500ms ease-out;
}
.work-single-item .content .icon.style-01 {
color: #45d6d2;
background-color: #ceeef5;
}
.work-single-item .content .icon.style-02 {
color: #f7618b;
background-color: #f2d7e7;
}
.work-single-item .content .icon.style-03 {
color: #7048c0;
background-color: #d7d2f2;
}
.work-single-item .content .title {
font-size: 24px;
font-weight: 700;
color: #000629;
margin-bottom: 10px;
}
.work-single-item-02 {
margin-bottom: 30px;
text-align: center;
padding: 45px 40px 40px;
border-radius: 10px;
background-color: white;
}
.work-single-item-02 .icon {
display: inline-block;
color: #ff6661;
font-size: 55px;
line-height: 65px;
position: relative;
z-index: 0;
}
.work-single-item-02 .icon .shape {
position: absolute;
bottom: 9px;
right: -30px;
width: 60px;
height: 50px;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.work-single-item-02 .icon .shape-02 {
position: absolute;
bottom: 0;
right: 0;
width: 35px;
height: 40px;
background-color: transparent;
border: 1px solid #000629;
z-index: -1;
}
.work-single-item-02 .content .title {
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
max-width: 255px;
font-size: 24px;
line-height: 34px;
color: #000629;
font-weight: 700;
}
.work-single-item-03 {
margin-bottom: 30px;
text-align: center;
padding: 45px 40px 40px;
border-radius: 10px;
box-shadow: 0px 0px 125px 0px rgba(32, 33, 69, 0.16);
background-color: white;
position: relative;
z-index: 0;
}
.work-single-item-03:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 10px;
width: 0;
border-radius: 10px 10px 0 0;
background-color: #114ff0;
transition: all 500ms ease-in;
z-index: -1;
}
.work-single-item-03:hover::after {
width: 100%;
}
.work-single-item-03.style-01::after {
background-color: #00d0db;
}
.work-single-item-03.style-01 .icon {
color: #00d0db;
}
.work-single-item-03.style-02::after {
background-color: #114ff0;
}
.work-single-item-03.style-02 .icon {
color: #114ff0;
}
.work-single-item-03 .icon {
display: inline-block;
color: #114ff0;
font-size: 55px;
line-height: 65px;
position: relative;
z-index: 0;
}
.work-single-item-03 .content .title {
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
max-width: 200px;
font-size: 24px;
line-height: 34px;
color: #000629;
font-weight: 700;
}
.food-single-item {
margin-bottom: 30px;
}
.food-single-item .content .title {
font-family: var(--heading-font-02);
font-size: 24px;
line-height: 34px;
font-weight: 700;
color: #000629;
}
.how-it-single-item {
text-align: center;
margin-bottom: 30px;
padding: 0 30px;
transition: all 500ms ease-in;
}
.how-it-single-item:hover {
padding: 30px 30px 25px;
box-shadow: 0px 0px 103px 0px rgba(93, 136, 250, 0.5);
border-radius: 10px;
}
.how-it-single-item .icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
font-weight: 700;
color: #fff;
margin: auto;
margin-bottom: 35px;
border-radius: 50%;
background-color: #fca8c9;
}
.how-it-single-item .icon.style-01 {
background-color: #a181ff;
}
.how-it-single-item .icon.style-02 {
background-color: #fe6927;
}
.how-it-single-item .content .title {
font-size: 24px;
font-weight: 700;
color: #000629;
margin-bottom: 26px;
}
.how-it-single-item-02 {
text-align: center;
margin-bottom: 30px;
padding: 0 30px;
transition: all 500ms ease-in;
}
.how-it-single-item-02 .icon {
font-size: 75px;
line-height: 85px;
color: #1d2d41;
margin: auto;
margin-bottom: 35px;
}
.how-it-single-item-02 .content .title {
font-size: 24px;
font-weight: 700;
color: #b55700;
margin-bottom: 26px;
}
.how-it-single-item-02 .content p {
color: #fff;
} @media only screen and (min-width: 1200px) and (max-width: 1366px) {
.get-in-touch-area .bg-image {
display: none;
}
.header-area.header-lifestyle {
padding: 205px 0 255px;
}
.offer-area.padding-bottom-200.padding-top-640.bg-image {
padding-top: 420px;
}
.testimonial-area.bg-image-02 {
margin-bottom: -290px;
}
.daily-workout-area.section-wrapper.bg-image.padding-top-600 {
padding-top: 260px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.get-in-touch-area .bg-image {
display: none;
}
.header-area.header-lifestyle {
padding: 205px 0 255px;
}
.offer-area.padding-bottom-200.padding-top-640.bg-image {
padding-top: 420px;
}
.testimonial-area.bg-image-02 {
margin-bottom: -290px;
}
.daily-workout-area.section-wrapper.bg-image.padding-top-600 {
padding-top: 260px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offer-area.padding-bottom-200.padding-top-640.bg-image {
padding-top: 420px;
}
.header-area.header-restaurant .header-inner .title {
font-size: 80px;
line-height: 90px;
}
.section-title.restaurant .title {
font-size: 70px;
line-height: 80px;
}
.food-section .title {
font-size: 70px;
line-height: 80px;
}
.call-to-action-inner.style-02 {
padding: 75px 70px 80px;
}
.testimonial-area .sass-testimonial {
padding: 0 30px 68px;
}
.single-everything-item {
padding: 0 20px;
}
.offer-single-item .content {
margin-left: 20px;
}
.header-area.header-startup .shape-02 {
width: 500px;
height: 525px;
}
.header-area.header-sass .sass-bg-img {
height: 530px;
width: 630px;
}
.testimonial-area .lifestyle-testimonial .section-title {
display: block;
}
.single-testimonial-item-06 .content .bg-image {
background-size: cover;
}
.single-testimonial-item-06 .thumb {
display: none;
}
.single-testimonial-item-06 .content .author-details .author-meta {
left: 50%;
transform: translateX(-50%);
}
.section-title.gym .title {
font-size: 34px;
line-height: 44px;
}
.section-title.brand .title {
font-size: 36px;
line-height: 46px;
}
.header-area.header-finance .header-inner .title {
font-size: 54px;
line-height: 64px;
}
.how-it-single-item {
padding: 0 15px;
}
.call-to-action-inner.style-05 .call-to-action-content {
padding: 70px 0;
}
.work-single-item-03 {
padding: 45px 15px 40px;
}
.vivid-content-area {
padding: 80px 40px;
}
.header-area.header-entertainment .header-inner .title {
font-size: 100px;
line-height: 110px;
}
} @media only screen and (max-width: 991px) {
.offer-area.padding-bottom-200.padding-top-640.bg-image {
padding-top: 420px;
}
.testimonial-area.bg-image-02 {
margin-bottom: -290px;
}
.daily-workout-area.section-wrapper.bg-image.padding-top-600 {
padding-top: 260px;
}
.header-area.header-entertainment .entertainment-bg-img {
display: none;
}
.supports-img.bg-image {
margin-top: 40px;
margin-bottom: 40px;
}
.call-to-action-inner.style-07 {
display: block;
}
.counter-item-list li {
width: calc(100% / 2);
}
.counter-item-list li+li {
border-left: none;
}
.contact-area .bg-image-02 {
position: initial;
background-position: center;
margin-bottom: 40px;
width: 100%;
}
.section-title.brand .title {
font-size: 38px;
line-height: 48px;
}
.call-to-action-inner.style-06 {
padding: 90px 40px 80px;
}
.cover-your-wrap .shape-02 {
display: none;
}
.call-to-action-inner.style-05 .call-to-action-content {
padding: 70px 40px;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content {
display: none;
}
.section-title.restaurant .title {
font-size: 56px;
line-height: 66px;
}
.food-img.bg-image {
margin-bottom: 40px;
margin-top: 40px;
}
.call-to-action-inner.style-04 {
padding: 55px 10px 54px 10px;
}
.call-to-action-inner.style-04 .title {
font-size: 32px;
line-height: 42px;
}
.food-section .title {
font-size: 60px;
line-height: 70spx;
}
.single-testimonial-item-09 {
display: block;
}
.single-testimonial-item-09 .content-wrap {
margin-left: 0;
margin-top: 40px;
}
.choose-us-area .bg-img {
display: none;
}
.destination-area .destination-img.bg-image {
margin-bottom: 40px;
}
.trip-area .trip-img.bg-image {
margin-top: 40px;
}
.widget.footer-widget.widget_subscribe {
display: block;
}
.widget.footer-widget .subscribe-form {
margin-left: 0;
margin-top: 20px;
}
.contact-area .bg-image {
min-height: 300px;
}
.create-content-area .trip-img.bg-image {
background-position: center;
margin-bottom: 40px;
}
.single-everything-item {
padding: 0 20px;
}
.create-content-area .section-title,
.bulid-content-area .section-title .title {
max-width: initial;
}
.call-to-action-inner.style-02 {
display: block;
}
.call-to-action-inner.style-02 .btn-wrapper {
margin-top: 30px;
text-align: left;
}
.call-to-action-inner.style-02 .btn-wrapper .boxed-btn {
margin-left: 0;
margin-right: 20px;
}
.call-to-action-inner {
padding: 55px 30px 60px;
}
.create-content-area.padding-top-110.padding-bottom-115 {
padding-top: 0;
}
.header-area.header-lifestyle {
padding: 205px 0 255px;
}
.header-area .bg-img-11 {
height: 360px;
width: 473px;
right: 0;
}
.header-area .bg-img {
height: 190px;
}
.header-area .bg-img-06 {
left: 10%;
}
.header-area .bg-img-09 {
height: 260px;
width: 100px;
}
.header-area .bg-img-08 {
height: 230px;
}
.header-area .bg-img-10 {
height: 200px;
}
.frequently-area.padding-bottom-70 {
padding-bottom: 120px;
}
.header-area.header-startup .shape-02 {
width: 500px;
height: 525px;
}
.header-area.header-sass .sass-bg-img {
display: none;
}
.header-area.header-startup .startup-bg-img {
display: none;
}
.build-area .shape:after {
display: none;
}
.build-area .build-img.bg-image-02 {
margin-bottom: 40px;
}
.header-area {
padding: 290px 0 355px;
}
.get-in-touch-area .bg-image {
display: none;
}
.testimonial-area .lifestyle-testimonial .section-title {
display: block;
}
.unique-project-area .build-img.bg-image-02 {
margin-top: 40px;
margin-bottom: 40px;
}
.single-testimonial-item-06 .content .bg-image {
background-size: cover;
}
.single-testimonial-item-06 .thumb {
display: none;
}
.single-testimonial-item-06 .content .author-details .author-meta {
left: 50%;
transform: translateX(-50%);
}
.testimonial-area .lifestyle-testimonial .section-title .title {
margin-right: 0;
}
.header-area.header-lifestyle .sass-bg-img {
display: none;
}
.single-testimonial-item-07 .content .description {
font-size: 22px;
line-height: 32px;
}
.get-in-touch-area .bg-image {
display: none;
}
.breadcrumb-area .icon {
margin-bottom: 40px;
}
.breadcrumb-area .page-title {
width: initial;
}
.fitness-app-img.wow.animate__.animate__zoomIn.animated {
margin-bottom: 40px;
}
.cover-your-wrap .cover-img.bg-image-02 {
margin-bottom: 40px;
margin-top: 40px;
}
.unique-content-area {
padding: 0 40px;
}
} @media only screen and (max-width: 767px) {
.header-area.header-entertainment .header-inner .title {
font-size: 90px;
line-height: 100px;
}
.header-area.header-entertainment .header-inner p {
font-size: 20px;
}
.call-to-action-inner.style-07 {
padding: 55px 0;
}
.header-area.header-business .business-bg-img {
display: none;
}
.section-title.startup .title {
font-size: 32px;
line-height: 42px;
}
.header-area.header-finance .finance-bg-img {
display: none;
}
.header-area.header-gym .header-inner .title {
font-size: 52px;
line-height: 62px;
}
.header-area.header-restaurant .restaurant-bg-img {
display: none;
}
.header-area.header-finance .header-inner .title {
font-size: 52px;
line-height: 62px;
}
.header-area.header-restaurant .header-inner .title {
font-size: 53px;
line-height: 74px;
}
.section-title.restaurant .title {
font-size: 42px;
line-height: 52px;
}
.section-title .title.social-title {
font-size: 32px;
line-height: 42px;
}
.food-single-item .content .title {
font-size: 22px;
line-height: 32px;
}
.how-it-single-item-02 {
padding: 0;
}
.call-action-img {
display: none;
}
.call-to-action-inner.style-05 {
padding-right: 0;
}
.delight-customers-area .section-title .title,
.online-order-area .section-title .title {
font-size: 36px;
line-height: 46px;
}
.call-to-action-inner.style-04 {
display: block;
}
.call-to-action-inner.style-04 .title {
margin-bottom: 30px;
}
.single-best-item .shape {
display: none;
}
.food-widget {
display: block;
text-align: center;
}
.footer-top .bg-img-02 {
width: 140px;
height: 140px;
background-size: contain;
}
.section-title.sass .title {
font-size: 36px;
line-height: 46px;
}
.testimonial-area .social-testimonial .section-title .title {
font-size: 42px;
line-height: 52px;
}
.frequently-area.padding-bottom-70 {
padding-bottom: 120px;
}
.header-area .title {
font-size: 60px;
line-height: 70px;
}
.header-bottom-img {
min-height: 450px;
}
.header-bottom-area .half-cricle {
width: 120px;
height: 65px;
border: 30px solid #feba71;
}
.header-area.header-startup .shape-02 {
width: 380px;
height: 400px;
}
.single-testimonial-item-03 {
flex-direction: column-reverse;
}
.price-plan-area .bg-img-02 {
bottom: 20%;
top: initial;
}
.header-area.header-startup .startup-bg-img {
display: none;
}
.testimonial-area .sass-testimonial .section-title .title {
margin-right: 0;
}
.testimonial-area .sass-testimonial {
padding: 0 50px 68px;
}
.call-to-action-inner.style-02 {
padding: 75px 50px 80px;
}
.call-to-action-inner .bg-image {
display: none;
}
.build-area .build-img.bg-image-02 {
margin-bottom: 30px;
}
.build-area .shape:after {
width: 450px;
height: 450px;
}
.contact-page-form {
margin-top: 20px;
}
.header-area.header-sass .sass-bg-img {
height: 600px;
width: 600px;
}
.header-area.header-brand .sass-bg-img {
display: none;
}
.header-area.header-brand .header-inner .title {
font-size: 42px;
line-height: 52px;
}
.section-title.brand .title {
font-size: 32px;
line-height: 42px;
}
.single-testimonial-item-06 .content .description {
padding: 85px 50px;
}
.single-testimonial-item-06 .content .author-details .author-meta {
transform: initial;
left: 50px;
}
.call-to-action-inner.style-03 {
padding: 70px 50px 65px;
}
.call-to-action-inner.style-03 .shape-04 {
display: none;
}
.single-testimonial-item-08 {
display: block;
}
.single-testimonial-item-08 .content {
position: initial;
transform: initial;
}
.how-it-single-item {
padding: 0;
}
.breadcrumb-area .page-title.style-01 {
font-size: 48px;
line-height: 58px;
}
.contact-area.padding-bottom-350 {
padding-bottom: 150px;
}
.section-title.gym .title {
font-size: 28px;
line-height: 38px;
}
.header-area.header-gym .gym-bg-img {
display: none;
}
} @media only screen and (max-width: 599px) {
.supports-your-area.padding-bottom-120 {
padding-bottom: 0px;
}
.header-area .bg-img {
height: 130px;
width: 220px;
}
.header-area .bg-img-09 {
height: 150px;
width: 80px;
}
.header-area .bg-img-08 {
height: 170px;
}
.header-area .bg-img-10 {
height: 140px;
}
.header-area .bg-img-05 {
height: 130px;
}
.header-area .bg-img-06 {
height: 120px;
}
.header-area.header-social .header-inner .title {
font-size: 52px;
line-height: 62px;
}
.header-area.header-social .social-bg-img-02 {
left: 16%;
top: 13%;
}
.create-content-area.padding-bottom-90.padding-top-75 {
padding-top: 15px;
}
.create-content-area.padding-bottom-110 {
padding-bottom: 80px;
}
.call-to-action-inner.style-01 {
padding: 75px 50px 80px;
}
.header-area.header-startup .shape-02 {
width: 280px;
height: 300px;
}
.header-area.header-startup .shape {
width: 170px;
height: 180px;
}
.destination-single-item .content {
max-width: initial;
}
.header-area.header-sass .sass-bg-img {
display: none;
}
.header-area.header-sass .sass-bg-img-02 {
bottom: -70%;
}
.header-area.header-sass::after {
height: 75%;
width: 100%;
}
.copyright-area .copyright-item {
display: block;
}
.header-area.header-sass {
padding: 205px 0 155px;
}
.build-area.padding-bottom-90.padding-top-70 {
padding-bottom: 40px;
}
.price-plan-area.padding-top-110.padding-bottom-90 {
padding-top: 70px;
}
.trip-area .trip-img.bg-image,
.destination-area .destination-img.bg-image {
min-height: 300px;
}
.create-content-area .trip-img.bg-image {
min-height: 410px;
}
.build-area .build-img.bg-image-02 {
min-height: 280px;
}
.header-bottom-area.padding-bottom-85.padding-top-110 {
padding-top: 85px;
}
.header-area .bg-img-11 {
display: none;
}
.get-in-touch-area .bg-image-02 {
display: none;
}
.contact-area.padding-bottom-350 {
padding-bottom: 150px;
}
.online-order-area.padding-bottom-120.padding-top-120 {
padding-bottom: 60px;
}
.food-img.bg-image {
min-height: 370px;
}
.fitness-app-area .content-wrap {
display: block;
}
.fitness-app-area .content-wrap .content {
margin-bottom: 40px;
}
.testimonial-area.bg-image-02 {
background-size: cover;
}
.header-area.header-gym {
padding: 200px 0 200px;
}
}
@media only screen and (max-width: 450px) {
.call-to-action-inner.style-06 .subscribe-form {
display: block;
}
.header-area.header-entertainment .header-inner .title {
font-size: 62px;
line-height: 72px;
}
.call-to-action-inner.style-07 .title {
font-size: 32px;
line-height: 42px;
}
.vivid-content-area {
padding: 80px 30px;
}
.call-to-action-inner.style-06 .subscribe-form .submit-btn {
margin-top: 30px;
margin-left: 0;
}
.call-to-action-inner.style-06 .title {
font-size: 32px;
line-height: 42px;
}
.unique-content-area {
padding: 0 15px;
}
.header-area.header-business .header-inner .title {
font-size: 44px;
line-height: 54px;
}
.header-area .title {
font-size: 44px;
line-height: 54px;
}
.header-area.header-gym .header-inner .title {
font-size: 38px;
line-height: 48px;
}
.section-title .title {
font-size: 28px;
line-height: 38px;
}
.header-area.header-social .header-inner .title {
font-size: 40px;
line-height: 50px;
}
.section-title .title.social-title {
font-size: 30px;
line-height: 40px;
}
.join-apps-area .section-title .apps-download {
display: block;
}
.join-apps-area .section-title .apps-download .download-link {
margin-right: 0;
margin-top: 20px;
}
.testimonial-area .social-testimonial .section-title .title {
font-size: 30px;
line-height: 40px;
}
.question-form-area {
background-color: #e5e5ec;
padding: 50px 30px;
}
.question-form {
display: block;
}
.question-form .submit-btn {
width: 100%;
margin-top: 30px;
}
.header-area.header-startup .header-inner span {
font-size: 36px;
line-height: 46px;
}
.section-title.startup .title {
font-size: 32px;
line-height: 42px;
}
.offer-single-item .icon {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 30px;
}
.offer-single-item {
padding: 40px 30px 35px 30px;
}
.offer-single-item .content {
margin-left: 25px;
}
.call-to-action-inner.style-01 {
padding: 75px 30px 80px;
}
.header-area.header-startup .header-inner .header-form-area {
margin-bottom: 80px;
}
.testimonial-area .sass-testimonial {
padding: 0 0px 68px;
}
.section-title.sass .title {
font-size: 30px;
line-height: 40px;
}
.call-to-action-inner.style-02 {
padding: 75px 30px 80px;
}
.call-to-action-inner.style-02 .btn-wrapper .boxed-btn {
width: 100%;
margin-right: 0;
margin-top: 20px;
}
.testimonial-area .social-testimonial {
padding: 70px 30px 65px;
}
.contact-area .bg-image {
display: none;
}
.header-bottom-area.padding-bottom-85.padding-top-110 {
padding-top: 55px;
}
.section-title.brand .title {
font-size: 32px;
line-height: 42px;
}
.portfolio-header-section .section-title .title {
font-size: 36px;
line-height: 46px;
}
.call-to-action-inner.style-03 {
padding: 70px 30px 65px;
}
.call-to-action-inner.style-03 .content .title {
font-size: 32px;
}
.breadcrumb-area .page-title,
.breadcrumb-area .page-title.style-01 {
font-size: 36px;
line-height: 36px;
}
.single-testimonial-item-08 .content {
padding: 60px 30px 55px;
}
.counter-single-item .counter-item {
width: 60px;
height: 60px;
}
.counter-single-item .counter-item span {
line-height: 20px;
font-size: 20px;
}
.header-area.header-restaurant .header-inner .title {
font-size: 48px;
line-height: 55px;
}
.section-title.restaurant .title {
font-size: 38px;
line-height: 48px;
}
.call-to-action-inner.style-04 .title {
font-size: 26px;
line-height: 36px;
}
.testimonial-area.padding-top-85.padding-bottom-120 {
padding-top: 0;
}
.delight-customers-area .section-title .title,
.online-order-area .section-title .title {
font-size: 30px;
line-height: 46px;
}
.single-workout-item {
padding: 75px 30px 70px;
}
.single-workout-item .icon {
font-size: 52px;
}
.call-to-action-inner.style-05 .title {
font-size: 36px;
line-height: 46px;
}
} @media only screen and (max-width: 416px) {
.header-area .title {
font-size: 40px;
line-height: 50px;
}
.call-to-action-inner .title {
font-size: 28px;
}
.header-area.header-social .header-inner .title {
font-size: 36px;
line-height: 46px;
}
.section-title .title.social-title {
font-size: 28px;
line-height: 40px;
}
.header-area.header-startup .header-inner span {
font-size: 30px;
line-height: 40px;
}
.header-area.header-startup .header-inner .title {
font-size: 46px;
line-height: 56px;
}
.offer-single-item {
padding: 40px 15px 35px 15px;
}
.offer-single-item .content {
margin-left: 15px;
}
.section-title.startup .title {
font-size: 28px;
line-height: 38px;
}
.call-to-action-inner.style-01 {
padding: 75px 15px 80px;
}
.testimonial-area .sass-testimonial .section-title .title {
font-size: 28px;
}
.section-title.sass .title {
font-size: 28px;
line-height: 40px;
}
.section-title.sass .title {
font-size: 28px;
line-height: 40px;
}
.call-to-action-inner .title {
font-size: 26px;
}
.hard-single-item .content .title {
font-size: 22px;
line-height: 32px;
}
.single-testimonial-item-05 {
padding: 50px 30px 50px;
}
.header-area {
padding: 30px 0 30px;
}
.food-order-area::after {
height: 50%;
bottom: -50%;
}
.header-area .btn-wrapper .boxed-btn {
width: 100%;
}
.header-area .btn-wrapper .boxed-btn+.boxed-btn {
margin-left: 0;
margin-top: 20px;
}
} @media only screen and (max-width: 416px) {
.single-everything-item .content .title {
font-size: 20px;
}
.header-area.header-entertainment .header-inner .title {
font-size: 52px;
line-height: 62px;
}
.header-area.header-startup .header-inner .header-form-area {
display: block;
}
.header-area.header-startup .header-inner .header-form-area .submit-btn {
width: 100%;
margin-top: 20px;
}
.section-title.brand .title {
font-size: 28px;
line-height: 38px;
}
.call-to-action-inner.style-05 .title {
font-size: 32px;
line-height: 42px;
}
.portfolio-header-section .section-title .title {
font-size: 34px;
line-height: 44px;
}
.single-testimonial-item-06 .content .description {
padding: 85px 30px;
}
.call-to-action-inner.style-03 {
padding: 70px 15px 65px;
}
.call-to-action-inner.style-03 .content .title {
font-size: 30px;
line-height: 40px;
}
.delight-customers-area .section-title .title,
.online-order-area .section-title .title {
font-size: 28px;
line-height: 36px;
}
.header-area.header-restaurant .header-inner .title {
font-size: 30px;
line-height: 38px;
margin-bottom: 10px;
}
.header-area p {
font-size: 17px;
line-height: 25px;
}
.food-img.bg-image {
min-height: 330px;
}
.single-workout-item .content {
margin-left: 15px;
}
.single-workout-item .icon {
font-size: 40px;
}
} @media only screen and (max-width: 360px) {
.header-area .title {
font-size: 32px;
line-height: 42px;
}
.testimonial-area .sass-testimonial .section-title .title {
font-size: 24px;
line-height: 34px;
}
.section-title.sass .title {
font-size: 24px;
line-height: 34px;
}
.call-to-action-inner.style-02 {
padding: 75px 15px 80px;
}
.call-to-action-inner .title {
font-size: 24px;
}
.section-title .title.social-title {
font-size: 26px;
line-height: 36px;
}
.section-title.startup .title {
font-size: 26px;
line-height: 36px;
}
}
@media only screen and (max-width: 340px) {} @media only screen and (max-width: 330px) {}
.vertical-center {
min-height: 100%; min-height: 100vh; display: flex;
align-items: center;
}
.btn-primary{
background:#ff8c8f;
}
.btn-primary:hover{
background:#ff8c8f;
}
.wrapper{
width: 100%;
height: 100vh;
overflow: hidden;
}
.wrapper .wrapper__video{
object-fit: cover;
width: 100%;
height: 100%;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
background-color: #fff !important;
color: #1d2d41;
font-weight: bold;
display: block;
margin: 0 auto;
padding: 0;
border: 1px solid #00d0db !important;
border-radius: 3px;
padding: 10px 18px !important;
transition: all 0.5s;
text-align: center;
border-radius: 8px
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label {
background-color: #00d0db !important;
color:#fff;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label {
display: block;
margin-top: 0 !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
padding: 12px 40px;
background-color: #00d0db;
border-radius: 5px;
color: #0c0765;
color: #fff;
border-radius: 28px;
width: 100%;
max-width: 200px;
font-weight: 600;
}
.wpforms-submit {
padding: 12px 40px !important;
background-color: #00d0db !important;
border-radius: 5px !important;
color: #0c0765 !important;
color: #fff !important;
border-radius: 28px !important;
width: 100% !important;
max-width: 200px !important;
font-weight: 600 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
display: block;
font-weight: 500 !important;
color: #1d2d41;
font-size: 18px !important;
float: none;
line-height: 1.3;
margin-bottom: 13px !important; padding: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
clear: both !important;
margin-left: 0 !important;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
clear: both !important;
margin-left: 0 !important;
margin-bottom: 8px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.auowgauowgao input::-webkit-input-placeholder { color: #fff !important;
}
.auowgauowgao input:-moz-placeholder { color: #fff !important;
opacity: 1;
}
.auowgauowgao input::-moz-placeholder { color: #fff !important;
opacity: 1;
}
.auowgauowgao input:-ms-input-placeholder { color: #fff !important;
}
.auowgauowgao input::-ms-input-placeholder { color: #fff !important;
}
.social-title img{
width:150px;
}
.sadkdkd2{
width:224px;
}
.sadkdkd{
width:224px;
}
@media only screen and (min-width: 768px) {
.social-title img{
width:150px;
}
.sadkdkd{
width:324px;
}
.sadkdkd2{
width:324px;
}
}
.hamburger {cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;
transition-timing-function:linear;font:inherit;color:inherit;
text-transform:none;background-color:transparent;border:0;margin:0;
z-index:2;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}.hamburger:hover {opacity:0.7; }.hamburger.is-active:hover {opacity:0.7; }
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color:#00d1dc; }.hamburger-box {width:40px;height:24px;display:inline-block;position:relative; }.hamburger-inner {display:block;top:50%;margin-top:-2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width:30px;height:4px;border-radius:4px;position:absolute;transition-property:transform;
transition-duration:0.15s;transition-timing-function:ease; }
.hamburger-inner::before, .hamburger-inner::after {content:"";display:block; }.hamburger-inner::before {top:-10px; }.hamburger-inner::after {bottom:-10px; }.hamburger--3dx .hamburger-box {perspective:80px; }.hamburger--3dx .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx.is-active .hamburger-inner {background-color:transparent !important;transform:rotateY(180deg); }.hamburger--3dx.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dx.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--3dx-r .hamburger-box {perspective:80px; }.hamburger--3dx-r .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx-r.is-active .hamburger-inner {background-color:transparent !important;transform:rotateY(-180deg); }.hamburger--3dx-r.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dx-r.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--3dy .hamburger-box {perspective:80px; }.hamburger--3dy .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy.is-active .hamburger-inner {background-color:transparent !important;transform:rotateX(-180deg); }.hamburger--3dy.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dy.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--3dy-r .hamburger-box {perspective:80px; }.hamburger--3dy-r .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy-r.is-active .hamburger-inner {background-color:transparent !important;transform:rotateX(180deg); }.hamburger--3dy-r.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dy-r.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--3dxy .hamburger-box {perspective:80px; }.hamburger--3dxy .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy.is-active .hamburger-inner {background-color:transparent !important;transform:rotateX(180deg) rotateY(180deg); }.hamburger--3dxy.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dxy.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--3dxy-r .hamburger-box {perspective:80px; }.hamburger--3dxy-r .hamburger-inner {transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy-r.is-active .hamburger-inner {background-color:transparent !important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }.hamburger--3dxy-r.is-active .hamburger-inner::before {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--3dxy-r.is-active .hamburger-inner::after {transform:translate3d(0, -10px, 0) rotate(-45deg); }.hamburger--arrow.is-active .hamburger-inner::before {transform:translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrow.is-active .hamburger-inner::after {transform:translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--arrow-r.is-active .hamburger-inner::before {transform:translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--arrow-r.is-active .hamburger-inner::after {transform:translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrowalt .hamburger-inner::before {transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt .hamburger-inner::after {transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt.is-active .hamburger-inner::before {top:0;transform:translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt.is-active .hamburger-inner::after {bottom:0;transform:translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt-r .hamburger-inner::before {transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r .hamburger-inner::after {transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r.is-active .hamburger-inner::before {top:0;transform:translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt-r.is-active .hamburger-inner::after {bottom:0;transform:translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowturn.is-active .hamburger-inner {transform:rotate(-180deg); }.hamburger--arrowturn.is-active .hamburger-inner::before {transform:translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--arrowturn.is-active .hamburger-inner::after {transform:translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrowturn-r.is-active .hamburger-inner {transform:rotate(-180deg); }.hamburger--arrowturn-r.is-active .hamburger-inner::before {transform:translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrowturn-r.is-active .hamburger-inner::after {transform:translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {transition-property:none; }.hamburger--boring.is-active .hamburger-inner {transform:rotate(45deg); }.hamburger--boring.is-active .hamburger-inner::before {top:0;opacity:0; }.hamburger--boring.is-active .hamburger-inner::after {bottom:0;transform:rotate(-90deg); }.hamburger--collapse .hamburger-inner {top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse .hamburger-inner::after {top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }.hamburger--collapse .hamburger-inner::before {transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse.is-active .hamburger-inner {transform:translate3d(0, -10px, 0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse.is-active .hamburger-inner::after {top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }.hamburger--collapse.is-active .hamburger-inner::before {top:0;transform:rotate(-90deg);transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse-r .hamburger-inner {top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse-r .hamburger-inner::after {top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }.hamburger--collapse-r .hamburger-inner::before {transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse-r.is-active .hamburger-inner {transform:translate3d(0, -10px, 0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse-r.is-active .hamburger-inner::after {top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }.hamburger--collapse-r.is-active .hamburger-inner::before {top:0;transform:rotate(90deg);transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--elastic .hamburger-inner {top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic .hamburger-inner::before {top:10px;transition:opacity 0.125s 0.275s ease; }.hamburger--elastic .hamburger-inner::after {top:20px;transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic.is-active .hamburger-inner {transform:translate3d(0, 10px, 0) rotate(135deg);transition-delay:0.075s; }.hamburger--elastic.is-active .hamburger-inner::before {transition-delay:0s;opacity:0; }.hamburger--elastic.is-active .hamburger-inner::after {transform:translate3d(0, -20px, 0) rotate(-270deg);transition-delay:0.075s; }.hamburger--elastic-r .hamburger-inner {top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic-r .hamburger-inner::before {top:10px;transition:opacity 0.125s 0.275s ease; }.hamburger--elastic-r .hamburger-inner::after {top:20px;transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic-r.is-active .hamburger-inner {transform:translate3d(0, 10px, 0) rotate(-135deg);transition-delay:0.075s; }.hamburger--elastic-r.is-active .hamburger-inner::before {transition-delay:0s;opacity:0; }.hamburger--elastic-r.is-active .hamburger-inner::after {transform:translate3d(0, -20px, 0) rotate(270deg);transition-delay:0.075s; }.hamburger--emphatic {overflow:hidden; }.hamburger--emphatic .hamburger-inner {transition:background-color 0.125s 0.175s ease-in; }.hamburger--emphatic .hamburger-inner::before {left:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }.hamburger--emphatic .hamburger-inner::after {top:10px;right:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }.hamburger--emphatic.is-active .hamburger-inner {transition-delay:0s;transition-timing-function:ease-out;background-color:transparent !important; }.hamburger--emphatic.is-active .hamburger-inner::before {left:-80px;top:-80px;transform:translate3d(80px, 80px, 0) rotate(45deg);transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--emphatic.is-active .hamburger-inner::after {right:-80px;top:-80px;transform:translate3d(-80px, 80px, 0) rotate(-45deg);transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--emphatic-r {overflow:hidden; }.hamburger--emphatic-r .hamburger-inner {transition:background-color 0.125s 0.175s ease-in; }.hamburger--emphatic-r .hamburger-inner::before {left:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }.hamburger--emphatic-r .hamburger-inner::after {top:10px;right:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }.hamburger--emphatic-r.is-active .hamburger-inner {transition-delay:0s;transition-timing-function:ease-out;background-color:transparent !important; }.hamburger--emphatic-r.is-active .hamburger-inner::before {left:-80px;top:80px;transform:translate3d(80px, -80px, 0) rotate(-45deg);transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--emphatic-r.is-active .hamburger-inner::after {right:-80px;top:80px;transform:translate3d(-80px, -80px, 0) rotate(45deg);transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {transition:bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {opacity:0;transition:bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }.hamburger--minus.is-active .hamburger-inner::before {top:0; }.hamburger--minus.is-active .hamburger-inner::after {bottom:0; }.hamburger--slider .hamburger-inner {top:2px; }.hamburger--slider .hamburger-inner::before {top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s; }.hamburger--slider .hamburger-inner::after {top:20px; }.hamburger--slider.is-active .hamburger-inner {transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--slider.is-active .hamburger-inner::before {transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0; }.hamburger--slider.is-active .hamburger-inner::after {transform:translate3d(0, -20px, 0) rotate(-90deg); }.hamburger--slider-r .hamburger-inner {top:2px; }.hamburger--slider-r .hamburger-inner::before {top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s; }.hamburger--slider-r .hamburger-inner::after {top:20px; }.hamburger--slider-r.is-active .hamburger-inner {transform:translate3d(0, 10px, 0) rotate(-45deg); }.hamburger--slider-r.is-active .hamburger-inner::before {transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0; }.hamburger--slider-r.is-active .hamburger-inner::after {transform:translate3d(0, -20px, 0) rotate(90deg); }.hamburger--spin .hamburger-inner {transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin .hamburger-inner::before {transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }.hamburger--spin .hamburger-inner::after {transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin.is-active .hamburger-inner {transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spin.is-active .hamburger-inner::before {top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }.hamburger--spin.is-active .hamburger-inner::after {bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spin-r .hamburger-inner {transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin-r .hamburger-inner::before {transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }.hamburger--spin-r .hamburger-inner::after {transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin-r.is-active .hamburger-inner {transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spin-r.is-active .hamburger-inner::before {top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }.hamburger--spin-r.is-active .hamburger-inner::after {bottom:0;transform:rotate(90deg);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spring .hamburger-inner {top:2px;transition:background-color 0s 0.13s linear; }.hamburger--spring .hamburger-inner::before {top:10px;transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring .hamburger-inner::after {top:20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring.is-active .hamburger-inner {transition-delay:0.22s;background-color:transparent !important; }.hamburger--spring.is-active .hamburger-inner::before {top:0;transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 10px, 0) rotate(45deg); }.hamburger--spring.is-active .hamburger-inner::after {top:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 10px, 0) rotate(-45deg); }.hamburger--spring-r .hamburger-inner {top:auto;bottom:0;transition-duration:0.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring-r .hamburger-inner::after {top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }.hamburger--spring-r .hamburger-inner::before {transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring-r.is-active .hamburger-inner {transform:translate3d(0, -10px, 0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--spring-r.is-active .hamburger-inner::after {top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }.hamburger--spring-r.is-active .hamburger-inner::before {top:0;transform:rotate(90deg);transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand .hamburger-inner {transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }.hamburger--stand .hamburger-inner::before {transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand .hamburger-inner::after {transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand.is-active .hamburger-inner {transform:rotate(90deg);background-color:transparent !important;transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }.hamburger--stand.is-active .hamburger-inner::before {top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand.is-active .hamburger-inner::after {bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand-r .hamburger-inner {transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }.hamburger--stand-r .hamburger-inner::before {transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r .hamburger-inner::after {transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r.is-active .hamburger-inner {transform:rotate(-90deg);background-color:transparent !important;transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }.hamburger--stand-r.is-active .hamburger-inner::before {top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--stand-r.is-active .hamburger-inner::after {bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--squeeze .hamburger-inner {transition-duration:0.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--squeeze .hamburger-inner::before {transition:top 0.075s 0.12s ease, opacity 0.075s ease; }.hamburger--squeeze .hamburger-inner::after {transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--squeeze.is-active .hamburger-inner {transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--squeeze.is-active .hamburger-inner::before {top:0;opacity:0;transition:top 0.075s ease, opacity 0.075s 0.12s ease; }.hamburger--squeeze.is-active .hamburger-inner::after {bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--vortex .hamburger-inner {transition-duration:0.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear; }.hamburger--vortex .hamburger-inner::before {transition-property:top, opacity; }.hamburger--vortex .hamburger-inner::after {transition-property:bottom, transform; }.hamburger--vortex.is-active .hamburger-inner {transform:rotate(765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay:0s; }.hamburger--vortex.is-active .hamburger-inner::before {top:0;opacity:0; }.hamburger--vortex.is-active .hamburger-inner::after {bottom:0;transform:rotate(90deg); }.hamburger--vortex-r .hamburger-inner {transition-duration:0.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear; }.hamburger--vortex-r .hamburger-inner::before {transition-property:top, opacity; }.hamburger--vortex-r .hamburger-inner::after {transition-property:bottom, transform; }.hamburger--vortex-r.is-active .hamburger-inner {transform:rotate(-765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {transition-delay:0s; }.hamburger--vortex-r.is-active .hamburger-inner::before {top:0;opacity:0; }.hamburger--vortex-r.is-active .hamburger-inner::after {bottom:0;transform:rotate(-90deg); }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color:#00d1dc;
}
.hamburger.bigbaiaeb .hamburger-inner, .hamburger.bigbaiaeb .hamburger-inner::before, .hamburger.bigbaiaeb .hamburger-inner::after{
background-color: #00d1dc;
}
.menu {
width: 100%;
right: -100%;
z-index: 2;
display: block;
background: rgb(0, 208, 219);
height: 100vh;
width: 100%;
border-left: 1px solid #000;
position: fixed;
}
.menu .top-level-menum {margin-top:80px;}.menu ul {padding:0;}.menu a {display:block;padding:15px 40px;font-weight:700;text-decoration:unset;color:#fff;text-align:center;font-size:29px;}.menu .secondLevel{display:none;}.menu .secondLevel a {font-size:18px;color:#ffeda8;}.menu li {list-style-type:none;}
.min-vh-100{min-height:100vh!important}
.flex-column{flex-direction:column!important}
.my-float{margin-top:10px;}
.float{position:fixed;width:55px;height:55px;bottom:32px;right:32px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:33px;box-shadow:2px 2px 3px #999;z-index:100;}
.menu a:hover{
color:#114ff5;
}
div.wpforms-container-full .wpforms-form h3{
font-size: 40px !important;
text-align:center;
margin-bottom: 45px;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 10px 0;
clear: both;
width: 600px;
max-width:100%;
margin: 0 auto;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
padding: 10px 0;
clear: both;
width: 600px;
max-width:100%;
margin: 0 auto;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
display: block;
font-weight: 700;
font-size: 16px;
float: none;
line-height: 1.3;
margin: 0 0 4px 0;
padding: 0;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
margin-bottom: 30px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{
white-space: pre;
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{
display:none !important;
}
.positions{
top:0;
}
.circle{
height: 20px;
width: 20px;
background:red;
border-radius:50%;
position:absolute;
background: rgb(55, 117, 255);
border: 3px solid #fff;
}
.circle:hover{
border: 3px solid #000;
cursor:pointer;
}
.tcontent{
display:none;
}
.tcontent .row{
border-bottom: 2px solid #00d0db;
padding: 15px 0;
}
.tcontent .row.t3{
border-bottom: none;
}
.tcontent .row.t2{
border-bottom-style: dashed;
}
.wpforms-page-prev{
background:#fff !important;
font-weight:bold !important;
border:none;
}
.wpforms-page-next{
background:#00d0db !important;
color:#fff !important;
font-weight:bold !important;
border:none;
}
#scalculadora .btn-group-toggle label{
background-color: #fff !important;
font-weight: bold;
display: block;
margin-right: 12px;
border: 1px solid #00d0db !important;
padding: 10px 18px !important;
transition: all 0.5s;
text-align: center;
border-radius: 8px;
color: #000;
}
#scalculadora .btn-group-toggle label.active{
background-color: #00d0db !important;
color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
box-shadow: none;
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow: none;
}
#scalculadora .form-label{
color: #000;
font-size: 18px;
margin-bottom: 14px;
}
.c1{left: 210px;top: 30px;}
.c2{left: 168px;top: 70px;}
.c3{left: 188px;top: 106px;}
.c4{left: 188px;top: 153px;}
.c5{left: 188px;top: 244px;}
.c6{left: 188px;top: 288px;}
.c7{left: 243px;top: 111px;}
.c8{left: 114px;top: 170px;}
.c9{left: 260px;top: 196px;}
.c10{left: 276px;top: 233px;}
.c11{left: 275px;top: 279px;}
.c12{left: 142px;top: 276px;}
.c13{left: 228px;top: 307px;}
.c14{left: 156px;top: 371px;}
.c15{left: 208px;top: 482px;}
.c16{left: 165px;top: 494px;}
.c17{left: 188px;top: 30px;}
.c18{left: 197px;top: 202px;}
.c19{left: 70px;top: 456px;}
.hjsnguofajs{
display:inline-block;
float:right;
}
@media (max-width: 480px){
.hjsnguofajs{
float:unset;
}
.positions {
flex: 0 0 100%;
background-position: center;
display: flex;
width: 361px;
max-width: none;
overflow: visible;
flex: 0 0 auto;
margin: 0 auto;
}
.c1 {left: 52%;}
.c2 {left: 41%;}
.c3 {left: 46.6%;}
.c4 {left: 46.6%;}
.c5 {left: 46.6%;}
.c6 {left: 46.6%;}
.c7 {left: 61%;}
.c8 {left: 26%;}
.c9 {left: 66%;}
.c10 {left: 71%;}
.c11 {left: 71%;}
.c12 {left: 33%;}
.c13 {left: 57%;}
.c14 {left: 37%;}
.c15 {left: 52%;margin-top: -50px;}
.c16 {left: 39%;top:455px;}
.c17 {left: 46.6%;}
.c18 {left: 52%;}
.c19 {left: 10%;}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{
display:none !important;
}
.bgiaw{
background: #00d0db;
}
.nguoengoa{
font-size: 11px;
}
}
.wpforms-pagebreak-left{
display:flex;
}
.gnoagaw{
font-size: 32px;
background: -webkit-linear-gradient(#00d0db, #114ff0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gnoagaw2{
font-weight: 600;
font-size:35px;
}
.nguianuioaw{
font-size: 22px;
font-family: var(--heading-font-02);
}
.ng9oanoua{
font-size:24px !important;
}
@media (min-width: 480px){
.gnoagaw{
font-size: 72px;
}
.nguianuioaw{
font-size: 25px;
}
.padding-bottom-120 {
padding-bottom: 120px;
}
.gnoagaw2{
font-size:62px;
}
.ng9oanoua{
font-size:34px !important;
}
}
div.wpforms-container-full {
margin-bottom: 24px;
min-height:80vh;
}
div.wpforms-container-full .wpforms-form h3{
font-weight: bold !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{
display:block !important;
text-align:right !important;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
margin-bottom: 12px !important;
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #00d0db;
color: #fff !important;
border: 1px solid #00d0db;
max-width: 585px;
text-align: center;
font-weight: bold;
border-radius: 25px;
}
.wpforms-confirmation-container-full p:last-of-type, div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{
color: #fff;
font-size: 25px;
line-height: 36px;
}
.alert-primary {
color: #ffffff; background-color: #00d0db;
border-color: #b8daff;
} .wpforms-field h3{
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: #16215c;
}
.relojsvg{
width:250px;
}
.logo img{
width:140px;
}
.nguoeeona{
position: absolute;
right: 0;
top: 50%;
max-width: 100%;
}
.gkwbiuwkga{
width: 650px;
}
@media (max-width: 480px){
div.wpforms-container-full .wpforms-form .wpforms-clear{
display:flex !important;
}
.gkwbiuwkga{
width: 200px;
}
.relojsvg{
width:150px;
}
.logo img{
width:150px;
}
.nguoeeona{
position:static;
}
div.wpforms-container-full .wpforms-form h3 {
font-size: 25px !important;
margin-bottom: 10px;
line-height: 35px;
}
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{
display: inline-block; font-size: 14px;
}
.contact .container{padding:0;margin:0 auto;max-width:635px;background:#fff;box-shadow:-1px 4px 20px #dadada;border-radius:15px;}
.contact .content{padding:0px 13px;}
.contact label{display:block;color:#353052;font-weight:600;cursor:pointer;}
.contact span{display:block;margin:6px 15px;}.contact .col{margin:13px 0;}
.contact input[type=text], .contact input[type=email], .contact input[type=tel], .contact input[type=number], .contact textarea{transition:all 0.3s ease;box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid #d8dde3;border-radius:35px;background-color:#fff;color:#353052;outline:0;font-size:16px;}
.contact input[type=text]:focus, .contact input[type=email]:focus, .contact input[type=tel]:focus, .contact input[type=number]:focus, .contact textarea:focus{ border:2px solid #FF3D4F;}
.contact textarea{max-width:100%;min-height:66px;max-height:200px;}
.contact .container-bottom{height:30px;width:100%;border-radius:0 0 13px 13px;
background-image:linear-gradient(#00d0db ,#00d0db);}
.contact .row .c-conditions{margin:0 15px;margin-bottom:40px;}
.contact .conditions{font-weight:100;color:#b3b3b3;font-size:11px;margin:0;}
.contact a{color:#b3b3b3;text-decoration:underline;}
.contact .btn{-webkit-appearance:none;transition:all .25s ease;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:125px;border-radius:35px;border:3px solid #f33c57;color:#f33c57;font-weight:700;padding:10px 12px;font-size:14px;}.contact .error{color:red;font-size:12px;display:block;padding:6px;padding-left:16px;}.contact .success{padding:28px 0;text-align:center;}.contact h5{color:#f24059;font-size:35px;margin:0;margin-bottom:22px;line-height:40px;}.w2{max-width:470px;margin:35px auto;}.w2 a {color:#4a4a4a;text-decoration:none;border:2px solid red;border-radius:50%;transition:all .25s ease;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:35px;border:3px solid #f33c57;color:#f33c57;font-weight:700;padding:10px 0;font-size:14px;margin-top:13px;display:block;text-align:center;margin:0 auto;}
.contact .wpforms-field-medium {
transition: all 0.3s ease !important;
box-sizing: border-box !important;
width: 100% !important;
padding: 13px 15px !important;
border: 1px solid #d8dde3 !important;
border-radius: 35px !important;
background-color: #fff !important;
color: #353052 !important;
outline: 0 !important;
font-size: 16px !important;
}
.contact .wpforms-required-label{
display:none !important;
}
.contact div.wpforms-container-full .wpforms-form .wpforms-field-label{
font-weight:bold !important;
margin: 6px 15px !important;
}
.contact div.wpforms-container-full{
min-height:auto !important;
}
.w3{ width: 635px;margin:0 auto;max-width:100%;}
.w3 a {
color:#4a4a4a;text-decoration:none;border:2px solid red;border-radius:50%;transition:all .25s ease;
background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;
-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:35px;
border:3px solid #114ff5;
color:#114ff5;font-weight:700;padding:10px 0;font-size:14px;margin-top:13px;display:block;text-align:center;margin:0 auto;
}
.w3 .col{padding:0;}
.w3 h4 {color:#114ff5;font-size:16px;margin:15px 0 8px;}
.w3 .element{text-align:center;}
.w3 .element i{background-repeat:no-repeat;background-size:100%;background-position:50%;display:block;width:50px;height:50px;margin:0 auto;}
.w3 a {
color: #4a4a4a;
text-decoration: none;
border: 2px solid red;
border-radius: 50%;
transition: all .25s ease;
background-color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
border-radius: 35px;
border: 3px solid #114ff0;
color: #114ff0;
font-weight: 700;
padding: 10px 0;
font-size: 14px;
margin-top: 13px;
display: block;
text-align: center;
margin: 0 auto;
}
.w3 a:hover{
background:#114ff0;
color:#fff;
}
.i9{background:url(//www.accidentis.es/wp-content/themes/accidentis/assets/correo-electronico-vacio.svg) ;}.i10{background:url(//www.accidentis.es/wp-content/themes/accidentis/assets/phone-call.svg) ;}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li a {
color: #114ff5;
}
.navbar-area.nav-style-02 .nav-container.social-nav .navbar-collapse .navbar-nav li a:hover:before{
border: 2px solid #00d0db;
content: ' ';
position: absolute;
width: 100%;
bottom: 0;
margin-bottom: 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: inline-block !important;
padding: 0 !important;
font-size: 16px !important; margin-left: -30px !important;
position: absolute !important;
}
.mgpiesjmhs{font-size:25px !important;}
@media (max-width: 768px){
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display:none !important;
}
.mgpiesjmhs{font-size:20px !important;}
}
.btn-wrapper .boxed-btn.ngaowngoa2{
background: #ffffff;
color: #114ff5;
border-radius: 15px;
border: 3px solid #114ff5;
background-image: unset;
}
.btn-wrapper .boxed-btn.mhipesmhes:hover{
background-image: unset;
background:#fff;	
color:#114ff5;
}
.btn-wrapper .boxed-btn.mhipesmhes{
background: #114ff5;
color: #fff;
border-radius: 120px;
cursor: pointer;
font-size: 16px;
padding: 17px 30px;
}
.btn-wrapper .boxed-btn.ngaowngoa2{
background-image: unset;	
}
.btn-wrapper .boxed-btn.ngaowngoa2:hover{
background-image: unset;
background: #114ff5;
}
.btn-wrapper .boxed-btn.ngaowngoa2 i{
background:transparent;	
}
.btn-wrapper .boxed-btn.ngaowngoa2:hover i{
background:transparent;
color:#fff !important;
}
#wpforms-29-field_8-container .wpforms-field-label,
#wpforms-29-field_9-container .wpforms-field-label{
font-weight: bold !important;
font-size: 22px !important;
}
#wpforms-confirmation-48{
background: #fff;
}
#wpforms-confirmation-48{
background: #fff !important;
border: 1px solid #fff;
}
#wpforms-confirmation-48 p{
color:#114ff5 !important;
margin: 18px 0 !important;
}
.mpisemphs{
font-size: 60px;
color: #fff;
transform: rotate(0deg);
animation: spin 5s linear infinite;
}
.mpisemphs:hover, .goiwag:hover i{
color:#114ff5;
transform: rotate(45deg);
}
.nguaengoua:hover i{
background:#ffe000;
}
.ngwnuao{
min-height:auto !important;
}
.ganwugang{
background: #114ff5 !important;
color: #fff !important;
border-radius: 25px !important;cursor:pointer !important;
width: 100% !important;
max-width: 1000% !important;
}
#wpforms-confirmation-55{
background: #fff !important;
max-width: 100% !important;
margin: 0 auto !important;
border: 2px solid #00d0db !important;
padding: 25px 20px !important;
border-radius: 25px !important;
}