.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}: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,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--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%;
-webkit-tap-highlight-color: transparent
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
display: block
}
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .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;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
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
}
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
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,kbd,pre,samp {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
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
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
[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
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.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: .875em;
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: .875em;
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 {
font-size: 87.5%;
color: #e83e8c;
word-wrap: 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-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container,.container-sm {
max-width:540px
}
}
@media (min-width: 768px) {
.container,.container-md,.container-sm {
max-width:720px
}
}
@media (min-width: 992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:960px
}
}
@media (min-width: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width: 1400px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,.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%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.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%;
margin-bottom: 1rem;
color: #212529
}
.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-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-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
border-color: #7abaff
}
.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-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
border-color: #b3b7bb
}
.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-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
border-color: #8fd19e
}
.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-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
border-color: #86cfda
}
.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-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
border-color: #ffdf7e
}
.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-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
border-color: #ed969e
}
.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-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
border-color: #fbfcfc
}
.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-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color: #95999c
}
.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: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,.table-dark th,.table-dark thead th {
border-color: #454d55
}
.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 {
color: #fff;
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
}
.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
}
.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
}
.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
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
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
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.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
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
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: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.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,.form-check-input[disabled]~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-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: .875em;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40,167,69,.9);
border-radius: .25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
left: 5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated select.form-control:valid,select.form-control.is-valid {
padding-right: 3rem!important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem)!important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.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 {
border-color: #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
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 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.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:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220,53,69,.9);
border-radius: .25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
left: 5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated select.form-control:invalid,select.form-control.is-invalid {
padding-right: 3rem!important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem)!important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.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 {
border-color: #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
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 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.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:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width: 576px) {
.form-inline label {
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
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
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
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
}
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 {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38,143,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(38,143,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 {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130,138,145,.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(130,138,145,.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 {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 .2rem rgba(72,180,97,.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(72,180,97,.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 {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem rgba(58,176,195,.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(58,176,195,.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 {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem rgba(222,170,12,.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(222,170,12,.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 {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem rgba(225,83,97,.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(225,83,97,.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 {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216,217,219,.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(216,217,219,.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 {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem rgba(82,88,93,.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(82,88,93,.5)
}
.btn-outline-primary {
color: #007bff;
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;
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;
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;
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;
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;
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;
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;
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;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,.btn-link:focus {
text-decoration: underline
}
.btn-link.disabled,.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.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 {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.collapsing.width {
width: 0;
height: auto;
transition: width .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing.width {
transition: none
}
}
.dropdown,.dropleft,.dropright,.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
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
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right:auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right:auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right:auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right:auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
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 {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
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 {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
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-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.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: #e9ecef
}
.dropdown-item.active,.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
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
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 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-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.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,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 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 {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.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: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.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,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,.input-group-prepend .btn:focus {
z-index: 3
}
.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: -ms-flexbox;
display: flex;
-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-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,.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-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,.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-lg>.custom-select,.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.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;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #adb5bd
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .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(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
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: 0 0 0 .2rem rgba(0,123,255,.25)
}
.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 {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
overflow: hidden;
font-weight: 400;
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(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,.custom-file-label,.custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,.custom-file-label,.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background-color: transparent;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
isolation: isolate;
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 {
background: 0 0;
border: 0;
border-radius: .25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item,.nav-fill>.nav-link {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,.nav-justified>.nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .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: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .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-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto
}
@media (max-width: 575.98px) {
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width: 767.98px) {
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0,0,0,.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255,255,255,.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: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
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-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;
border-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img,.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-deck {
display:-ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-group {
display:-ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-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:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-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;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
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 {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .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: -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 {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.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: 3;
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;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,a.badge:hover {
text-decoration: none
}
.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
}
a.badge-primary:focus,a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.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;
z-index: 2;
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: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.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: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #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: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
a.close.disabled {
pointer-events: none
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size: .875rem;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .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,-50px);
transform: translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .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-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 992px) {
.modal-lg,.modal-xl {
max-width:800px
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width:1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
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;
white-space: normal;
word-spacing: 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: #000;
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,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
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;
white-space: normal;
word-spacing: 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)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 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-width: .5rem .5rem 0;
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);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 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-width: .5rem .5rem .5rem 0;
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)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
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);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
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.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display: block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,.carousel-control-prev {
transition: none
}
}
.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: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
border: .25em solid currentcolor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
background-color: currentcolor;
border-radius: 50%;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s
}
}
.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-sm {
border-radius: .2rem!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-lg {
border-radius: .3rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-pill {
border-radius: 50rem!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: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
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 {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
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
}
}
.user-select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
user-select: all!important
}
.user-select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
user-select: auto!important
}
.user-select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!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;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.min-vw-100 {
min-width: 100vw!important
}
.min-vh-100 {
min-height: 100vh!important
}
.vw-100 {
width: 100vw!important
}
.vh-100 {
height: 100vh!important
}
.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-n1 {
margin: -.25rem!important
}
.mt-n1,.my-n1 {
margin-top: -.25rem!important
}
.mr-n1,.mx-n1 {
margin-right: -.25rem!important
}
.mb-n1,.my-n1 {
margin-bottom: -.25rem!important
}
.ml-n1,.mx-n1 {
margin-left: -.25rem!important
}
.m-n2 {
margin: -.5rem!important
}
.mt-n2,.my-n2 {
margin-top: -.5rem!important
}
.mr-n2,.mx-n2 {
margin-right: -.5rem!important
}
.mb-n2,.my-n2 {
margin-bottom: -.5rem!important
}
.ml-n2,.mx-n2 {
margin-left: -.5rem!important
}
.m-n3 {
margin: -1rem!important
}
.mt-n3,.my-n3 {
margin-top: -1rem!important
}
.mr-n3,.mx-n3 {
margin-right: -1rem!important
}
.mb-n3,.my-n3 {
margin-bottom: -1rem!important
}
.ml-n3,.mx-n3 {
margin-left: -1rem!important
}
.m-n4 {
margin: -1.5rem!important
}
.mt-n4,.my-n4 {
margin-top: -1.5rem!important
}
.mr-n4,.mx-n4 {
margin-right: -1.5rem!important
}
.mb-n4,.my-n4 {
margin-bottom: -1.5rem!important
}
.ml-n4,.mx-n4 {
margin-left: -1.5rem!important
}
.m-n5 {
margin: -3rem!important
}
.mt-n5,.my-n5 {
margin-top: -3rem!important
}
.mr-n5,.mx-n5 {
margin-right: -3rem!important
}
.mb-n5,.my-n5 {
margin-bottom: -3rem!important
}
.ml-n5,.mx-n5 {
margin-left: -3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto,.my-auto {
margin-top: auto!important
}
.mr-auto,.mx-auto {
margin-right: auto!important
}
.mb-auto,.my-auto {
margin-bottom: auto!important
}
.ml-auto,.mx-auto {
margin-left: auto!important
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-sm-n1,.my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1,.mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1,.my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1,.mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2,.my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2,.mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2,.my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2,.mx-sm-n2 {
margin-left: -.5rem!important
}
.m-sm-n3 {
margin: -1rem!important
}
.mt-sm-n3,.my-sm-n3 {
margin-top: -1rem!important
}
.mr-sm-n3,.mx-sm-n3 {
margin-right: -1rem!important
}
.mb-sm-n3,.my-sm-n3 {
margin-bottom: -1rem!important
}
.ml-sm-n3,.mx-sm-n3 {
margin-left: -1rem!important
}
.m-sm-n4 {
margin: -1.5rem!important
}
.mt-sm-n4,.my-sm-n4 {
margin-top: -1.5rem!important
}
.mr-sm-n4,.mx-sm-n4 {
margin-right: -1.5rem!important
}
.mb-sm-n4,.my-sm-n4 {
margin-bottom: -1.5rem!important
}
.ml-sm-n4,.mx-sm-n4 {
margin-left: -1.5rem!important
}
.m-sm-n5 {
margin: -3rem!important
}
.mt-sm-n5,.my-sm-n5 {
margin-top: -3rem!important
}
.mr-sm-n5,.mx-sm-n5 {
margin-right: -3rem!important
}
.mb-sm-n5,.my-sm-n5 {
margin-bottom: -3rem!important
}
.ml-sm-n5,.mx-sm-n5 {
margin-left: -3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto,.my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto,.mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto,.my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto,.mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-md-n1,.my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1,.mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1,.my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1,.mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2,.my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2,.mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2,.my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2,.mx-md-n2 {
margin-left: -.5rem!important
}
.m-md-n3 {
margin: -1rem!important
}
.mt-md-n3,.my-md-n3 {
margin-top: -1rem!important
}
.mr-md-n3,.mx-md-n3 {
margin-right: -1rem!important
}
.mb-md-n3,.my-md-n3 {
margin-bottom: -1rem!important
}
.ml-md-n3,.mx-md-n3 {
margin-left: -1rem!important
}
.m-md-n4 {
margin: -1.5rem!important
}
.mt-md-n4,.my-md-n4 {
margin-top: -1.5rem!important
}
.mr-md-n4,.mx-md-n4 {
margin-right: -1.5rem!important
}
.mb-md-n4,.my-md-n4 {
margin-bottom: -1.5rem!important
}
.ml-md-n4,.mx-md-n4 {
margin-left: -1.5rem!important
}
.m-md-n5 {
margin: -3rem!important
}
.mt-md-n5,.my-md-n5 {
margin-top: -3rem!important
}
.mr-md-n5,.mx-md-n5 {
margin-right: -3rem!important
}
.mb-md-n5,.my-md-n5 {
margin-bottom: -3rem!important
}
.ml-md-n5,.mx-md-n5 {
margin-left: -3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto,.my-md-auto {
margin-top: auto!important
}
.mr-md-auto,.mx-md-auto {
margin-right: auto!important
}
.mb-md-auto,.my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto,.mx-md-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-lg-n1,.my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1,.mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1,.my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1,.mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2,.my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2,.mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2,.my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2,.mx-lg-n2 {
margin-left: -.5rem!important
}
.m-lg-n3 {
margin: -1rem!important
}
.mt-lg-n3,.my-lg-n3 {
margin-top: -1rem!important
}
.mr-lg-n3,.mx-lg-n3 {
margin-right: -1rem!important
}
.mb-lg-n3,.my-lg-n3 {
margin-bottom: -1rem!important
}
.ml-lg-n3,.mx-lg-n3 {
margin-left: -1rem!important
}
.m-lg-n4 {
margin: -1.5rem!important
}
.mt-lg-n4,.my-lg-n4 {
margin-top: -1.5rem!important
}
.mr-lg-n4,.mx-lg-n4 {
margin-right: -1.5rem!important
}
.mb-lg-n4,.my-lg-n4 {
margin-bottom: -1.5rem!important
}
.ml-lg-n4,.mx-lg-n4 {
margin-left: -1.5rem!important
}
.m-lg-n5 {
margin: -3rem!important
}
.mt-lg-n5,.my-lg-n5 {
margin-top: -3rem!important
}
.mr-lg-n5,.mx-lg-n5 {
margin-right: -3rem!important
}
.mb-lg-n5,.my-lg-n5 {
margin-bottom: -3rem!important
}
.ml-lg-n5,.mx-lg-n5 {
margin-left: -3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto,.my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto,.mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto,.my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto,.mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-xl-n1,.my-xl-n1 {
margin-top: -.25rem!important
}
.mr-xl-n1,.mx-xl-n1 {
margin-right: -.25rem!important
}
.mb-xl-n1,.my-xl-n1 {
margin-bottom: -.25rem!important
}
.ml-xl-n1,.mx-xl-n1 {
margin-left: -.25rem!important
}
.m-xl-n2 {
margin: -.5rem!important
}
.mt-xl-n2,.my-xl-n2 {
margin-top: -.5rem!important
}
.mr-xl-n2,.mx-xl-n2 {
margin-right: -.5rem!important
}
.mb-xl-n2,.my-xl-n2 {
margin-bottom: -.5rem!important
}
.ml-xl-n2,.mx-xl-n2 {
margin-left: -.5rem!important
}
.m-xl-n3 {
margin: -1rem!important
}
.mt-xl-n3,.my-xl-n3 {
margin-top: -1rem!important
}
.mr-xl-n3,.mx-xl-n3 {
margin-right: -1rem!important
}
.mb-xl-n3,.my-xl-n3 {
margin-bottom: -1rem!important
}
.ml-xl-n3,.mx-xl-n3 {
margin-left: -1rem!important
}
.m-xl-n4 {
margin: -1.5rem!important
}
.mt-xl-n4,.my-xl-n4 {
margin-top: -1.5rem!important
}
.mr-xl-n4,.mx-xl-n4 {
margin-right: -1.5rem!important
}
.mb-xl-n4,.my-xl-n4 {
margin-bottom: -1.5rem!important
}
.ml-xl-n4,.mx-xl-n4 {
margin-left: -1.5rem!important
}
.m-xl-n5 {
margin: -3rem!important
}
.mt-xl-n5,.my-xl-n5 {
margin-top: -3rem!important
}
.mr-xl-n5,.mx-xl-n5 {
margin-right: -3rem!important
}
.mb-xl-n5,.my-xl-n5 {
margin-bottom: -3rem!important
}
.ml-xl-n5,.mx-xl-n5 {
margin-left: -3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto,.my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto,.mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto,.my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto,.mx-xl-auto {
margin-left: auto!important
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0,0,0,0)
}
.text-monospace {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify {
text-align: justify!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width: 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-lighter {
font-weight: lighter!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-weight-bolder {
font-weight: bolder!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus,a.text-primary:hover {
color: #0056b3!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover {
color: #494f54!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus,a.text-success:hover {
color: #19692c!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus,a.text-info:hover {
color: #0f6674!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus,a.text-warning:hover {
color: #ba8b00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus,a.text-danger:hover {
color: #a71d2a!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus,a.text-light:hover {
color: #cbd3da!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus,a.text-dark:hover {
color: #121416!important
}
.text-body {
color: #212529!important
}
.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: rgba(0,0,0,.5)!important
}
.text-white-50 {
color: rgba(255,255,255,.5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
word-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.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 #adb5bd;
page-break-inside: avoid
}
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 #dee2e6!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}@font-face{font-family:'FontAwesome';src:url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//www.tktevgo.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0)
}
[data-aos=fade-up] {
transform: translateY(100px)
}
[data-aos=fade-down] {
transform: translateY(-100px)
}
[data-aos=fade-right] {
transform: translate(-100px)
}
[data-aos=fade-left] {
transform: translate(100px)
}
[data-aos=fade-up-right] {
transform: translate(-100px,100px)
}
[data-aos=fade-up-left] {
transform: translate(100px,100px)
}
[data-aos=fade-down-right] {
transform: translate(-100px,-100px)
}
[data-aos=fade-down-left] {
transform: translate(100px,-100px)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity,transform
}
@media (min-width: 992px) {
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
margin-top: 15rem;
}
.ctms1{
transform: translateX(120px) !important;
}
.ctms2{
transform: translateX(-120px) !important;
}
}
@media (max-width: 991px) {
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
margin-top: 0rem !important;
}
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translateY(100px) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translateY(-100px) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate(-100px) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate(100px) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translateY(100px) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translateY(-100px) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate(-100px) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate(100px) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0)
}
[data-aos=slide-up] {
transform: translateY(100%)
}
[data-aos=slide-down] {
transform: translateY(-100%)
}
[data-aos=slide-right] {
transform: translateX(-100%)
}
[data-aos=slide-left] {
transform: translateX(100%)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lexend+Deca:wght@100..900&display=swap"); body { font-family: "DM Sans", sans-serif;
}
.product-showcase-con .about-sideswitch {
position: absolute;
top: 50%;
left: 0;
}
.product-showcase-con .about-sideswitch img {
opacity: 20%;
}
.product-showcase-con .safety-leftsideboxes {
position: absolute;
bottom: 30%;
right: 0;
}
.product-showcase-con .safety-leftsideboxes img {
opacity: 20%;
}
.about-con {
background: #f2f1f1 !important;
}
:root {
--e-global-color-primary: #141430;
--e-global-color-secondary: #292929;
--e-global-color-accent: #35b04a;
--e-global-color-text: #666666;
--e-global-color-white: #ffffff;
--e-global-color-black: #000000;
--e-global-color-pure-red: #ff0000;
--e-global-color-very-dark-grayish-blue: #2a3239;
--e-global-color-very-light-gray-white: #f8f8f8;
--e-global-color-grayish-blue: #b1b8bf;
--e-global-color-very-dark-black-blue: #232a30;
--e-global-color-very-light-gray: #e4e4e4;
--e-global-color-dark-orange: #fbab00;
--e-global-color-bright-yellow: #fdde47;
}
h1 {
font-size: 60px;
line-height: 64px;
font-weight: 700;
text-transform: capitalize;
font-family: "Lexend Deca", sans-serif;
}
h2 {
font-size: 46px;
line-height: 1.15;
font-weight: 700;
text-transform: capitalize;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
letter-spacing: -0.5px;
}
h3 {
font-size: 20px;
line-height: 26px;
font-weight: 600; color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600; color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
h5 {
font-size: 16px;
line-height: 22px;
font-weight: 600;
text-transform: capitalize;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
h6 {
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding-left: 34px;
position: relative;
text-transform: capitalize;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
h6::before {
content: "";
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 24px;
height: 2px;
position: absolute;
background-color: var(--e-global-color-accent);
}
p {
font-size: 20px;
line-height: 34px;
font-weight: 400;
color: var(--e-global-color-text);
}
.text-size-18 {
font-size: 18px;
line-height: 32px;
font-weight: 400;
color: var(--e-global-color-text);
}
.text-size-16 {
font-size: 20px;
line-height: 29px;
font-weight: 400;
color: var(--e-global-color-text);
}
.text-size-14 {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: var(--e-global-color-text);
}
html {
scroll-behavior: smooth;
}
.get_started {
font-size: 20px;
line-height: 16px;
font-weight: 600;
width: 48%;
font-family: "Lexend Deca", sans-serif;
text-align: center;
position: relative;
display: inline-block;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.get_started i {
font-size: 12px;
margin-left: 14px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.get_started:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-grayish-blue);
} .header {
padding: 25px 0px;
position: relative;
z-index: 5;
}
.header .logo img {
width: 180px;
}
.navbar-collapse ul {
text-align: center;
align-items: center;
display: inherit;
}
.navbar-expand-lg {
position: relative;
z-index: 1;
}
.navbar-brand {
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.navbar-nav li {
margin: 0 16px;
position: relative;
transition: all 0.3s ease-in-out;
}
.navbar-nav li:first-child {
margin-left: 0;
}
.navbar-nav .nav-item a {
font-size: 20px;
line-height: 35px;
font-weight: 400;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-white) !important;
transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover {
color: #fff;
background-color: transparent;
}
.navbar-nav .active>a {
color: var(--e-global-color-accent) !important;
}
.navbar-nav li:last-child {
margin-right: 34px;
padding-right: 0;
margin-left: 0;
}
.navbar-collapse .drop-down-pages {
text-align: left;
margin-left: 0;
}
.navbar-nav .dropdown-menu {
position: absolute;
left: 0;
top: 50px;
min-width: 200px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: 0px 0px 100px rgb(0 0 0 / 10%);
background-color: var(--e-global-color-white);
}
.navbar-nav .drop-down-pages li {
margin: 0;
border-bottom: 1px solid var(--e-global-color-white);
}
.navbar-nav .drop-down-pages .nav-item a {
font-size: 14px;
line-height: 14px;
font-weight: 400;
font-family: "Lexend Deca", sans-serif;
padding: 10px 20px;
color: var(--e-global-color-secondary) !important;
transition: all 0.3s ease-in-out;
}
.navbar-nav .drop-down-pages li:hover::after {
display: none;
}
.navbar-nav .drop-down-pages li:first-child a::before {
content: '';
width: 24px;
height: 14px;
position: absolute;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node.png);
top: -12px;
left: 8%;
transition: all 0.3s ease-in-out;
}
.navbar-nav .drop-down-pages li:first-child a:hover::before {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node-hover.png);
}
.navbar-nav .drop-down-pages .active:first-child>a::before {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node-hover.png);
}
.navbar-nav .drop-down-pages li:last-child {
margin: 0;
border: none;
} .navbar-nav .contact-dropdown {
position: relative;
}
.navbar-nav .contact-dropdown .dropdown-menu {
position: absolute;
left: 0;
top: auto;
min-width: 200px;
padding: 0;
padding-top: 10px; border: none;
border-radius: 0;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12), 0 5px 15px rgba(0, 0, 0, 0.08);
background-color: var(--e-global-color-white);
overflow: visible;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 10000;
display: block;
pointer-events: none;
} @media (min-width: 992px) {
.navbar-nav .contact-dropdown {
position: relative;
overflow: visible;
} .navbar-nav, .nav-left-wrapper {
overflow: visible !important;
} .navbar-nav .contact-dropdown:hover .dropdown-menu, .navbar-nav .contact-dropdown.show .dropdown-menu, .navbar-nav .contact-dropdown .dropdown-menu.show {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto;
animation: contactDropdownFadeIn 0.3s ease-out;
} .navbar-nav .contact-dropdown .dropdown-menu:hover {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
pointer-events: auto;
} .navbar-nav .contact-dropdown .dropdown-menu {
top: 20px !important; margin-top: 0;
} .navbar-nav .contact-dropdown .dropdown-item:first-child {
margin-top: -10px; padding-top: 20px; position: relative;
} .navbar-nav .contact-dropdown .dropdown-item:first-child::before {
top: -22px; } @keyframes contactDropdownFadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
}
.navbar-nav .contact-dropdown .dropdown-item {
font-size: 14px;
line-height: 14px;
font-weight: 400;
font-family: "Lexend Deca", sans-serif;
padding: 10px 20px;
color: var(--e-global-color-primary) !important; background-color: transparent !important; transition: color 0.3s ease-in-out; display: block;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar-nav .contact-dropdown .dropdown-item:first-child {
position: relative;
}
.navbar-nav .contact-dropdown .dropdown-item:first-child::before {
content: '';
width: 24px;
height: 14px;
position: absolute;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node.png);
top: -12px;
left: 8%;
transition: all 0.3s ease-in-out;
}
.navbar-nav .contact-dropdown .dropdown-item:first-child:hover::before {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node-hover.png);
}
.navbar-nav .contact-dropdown .dropdown-item:last-child {
border-bottom: none;
}
.navbar-nav .contact-dropdown .dropdown-item:hover {
color: var(--e-global-color-accent) !important; background-color: transparent !important; }
.navbar-nav .contact-dropdown .dropdown-item.active {
color: var(--e-global-color-accent) !important; background-color: transparent !important; }
.navbar-nav .nav-item .dropdown-item:hover {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-accent) !important;
}
.navbar-nav .drop-down-pages .active>a {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-accent) !important;
}
.navbar-nav .drop-down-pages .active>a:hover {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-accent) !important;
}
.navbar-expand-lg .drop-down-pages .nav-link {
padding-left: 0;
}
.header .last_list {
display: flex;
align-items: center;
border-left: 1px solid rgba(255, 255, 255, 20%);
padding-left: 32px;
}
.header .last_list .search-box {
font-size: 20px;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.header .last_list .search-box:hover {
color: var(--e-global-color-accent);
}
.header .last_list .get_started {
font-size: 14px;
line-height: 14px;
font-weight: 600;
padding: 17px 23px;
margin: 0 24px 0 30px;
font-family: "Lexend Deca", sans-serif;
text-align: center;
position: relative;
display: inline-block;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.header .last_list .get_started i {
font-size: 12px;
margin-left: 10px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.header .last_list .get_started:hover {
color: var(--e-global-color-very-dark-grayish-blue);
background-color: var(--e-global-color-white);
}
.header .last_list .get_started:hover i {
color: var(--e-global-color-very-dark-grayish-blue);
}
.header .last_list span {
font-size: 12px;
line-height: 12px;
font-weight: 300;
font-family: "Lexend Deca", sans-serif;
display: block;
margin-bottom: 10px;
color: var(--e-global-color-white);
}
.header .last_list .number {
font-size: 18px;
line-height: 18px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.header .last_list .number:hover {
color: var(--e-global-color-accent) !important;
} .energy_banner_outer {
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.energy_banner_outer::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 29%;
height: 100%;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/banner-leftbackground.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
} .banner-video-background {
position: absolute;
top: 0;
right: 0;
width: 71%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.25;
z-index: 0;
pointer-events: none;
} .energy_banner_outer::after {
content: "";
position: absolute;
opacity: 45%;
width: 71%;
height: 100%;
top: 0;
right: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/banner-rightbackground.jpg);
z-index: -1; }
.banner-con {
z-index: 1;
padding: 184px 0 238px;
}
.banner-con ul {
position: absolute;
left: -170px;
top: 78px;
}
.banner-con ul li {
margin: 13px 0;
transition: all 0.3s ease-in-out;
}
.banner-con ul li:first-child {
margin-top: 0;
}
.banner-con ul li:last-child {
margin-bottom: 0;
}
.banner-con ul li i {
font-size: 16px;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 100px;
text-align: center;
color: var(--e-global-color-white);
background-color: rgba(0, 0, 0, 0.16);
transition: all 0.3s ease-in-out;
}
.banner-con ul li a:hover i {
background-color: var(--e-global-color-accent);
}
.banner-con .banner_outer_content {
position: relative;
z-index: 2;
}
.banner-con .row {
align-items: center;
}
.banner-con .banner_content h6 {
margin-bottom: 23px;
color: var(--e-global-color-white);
}
.banner-con .banner_content h1 {
font-size: 70px;
line-height: 80px;
margin-bottom: 36px;
}
.banner-con .banner_content .get_started {
padding: 21px 33px;
}
.banner-con .banner_content .get_started:hover {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-white);
}
.banner-con .banner_content .get_started:hover i {
color: var(--e-global-color-secondary);
}
.banner-con .banner_content ul {
display: none;
}
.banner-con .banner_wrapper {
position: relative;
top: -25px;
right: 156px;
float: right;
text-align: center;
}
.banner-con .banner_wrapper .icon {
height: 93px;
width: 93px;
line-height: 93px;
border: 1px solid rgba(255, 255, 255, 50%);
border-radius: 100px;
position: relative;
text-align: center;
margin-bottom: 10px;
transition: all 0.3s ease-in-out;
}
.banner-con .banner_wrapper .icon:hover {
transform: translateY(-5px);
}
.banner-con .banner_wrapper .icon .video-icon {
height: 71px;
width: 71px;
line-height: 68px;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
position: relative;
text-align: center;
background-color: var(--e-global-color-accent);
border-radius: 100px;
transition: all 0.3s ease-in-out;
}
.banner-con .banner_wrapper .icon:hover .video-icon {
background-color: var(--e-global-color-very-dark-black-blue);
}
.banner-con .banner_wrapper span {
font-size: 12px;
line-height: 12px;
font-weight: 400;
color: var(--e-global-color-white);
font-family: "Lexend Deca", sans-serif;
}
.banner-con .owl-carousel .owl-item img {
display: inline-block !important;
width: auto !important;
}
.banner-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 0 !important;
line-height: 0;
position: absolute;
left: 0;
bottom: -130px;
}
.banner-con .owl-carousel .owl-dots .owl-dot span {
background-color: #dddddd;
width: 23px;
height: 4px;
margin: 0 5px;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
.banner-con .owl-carousel .owl-dots .owl-dot:hover span {
background-color: var(--e-global-color-accent);
}
.banner-con .owl-carousel .owl-dots .owl-dot.active span {
position: relative;
background-color: var(--e-global-color-accent);
}
.banner-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
} .about-con {
padding: 150px 0 140px;
}
.about-con .about-sideswitch {
position: absolute;
top: 50%;
right: 0;
}
.about-con .about-sideswitch img {
opacity: 20%;
}
.about-con .about_wrapper .about-image {
position: relative;
top: 0;
left: 0;
}
.about-con .about_wrapper .circle {
position: absolute;
left: -90px;
top: 104px;
width: 380px;
height: 380px;
line-height: 380px;
border-radius: 100%;
z-index: -1;
background-color: var(--e-global-color-accent);
}
.about-con .about_content h6 {
margin-bottom: 24px;
}
.about-con .about_content h2 {
margin-bottom: 32px;
line-height: 1.2;
}
.about-con .about_content p {
margin-bottom: 38px;
line-height: 1.8;
color: var(--e-global-color-text);
}
.about-con .about-button-wrapper {
margin-top: 40px;
margin-bottom: 0;
}
.about-con .about-learn-more-btn {
padding: 18px 40px;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(53, 176, 74, 0.2);
}
.about-con .about-learn-more-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(53, 176, 74, 0.35);
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.about-con .about-learn-more-btn:hover i {
transform: translateX(5px);
}
.about-con .about-learn-more-btn i {
transition: transform 0.3s ease-in-out;
font-size: 14px;
}
.about-con .accordion-card {
margin-bottom: 26px;
width: 100%;
}
.about-con .accordion-card:last-child {
margin-bottom: 0;
}
.about-con .accordion-card .btn-link {
background-color: transparent;
border: 1px solid var(--e-global-color-accent);
}
.about-con .accordion-card .collapsed {
background-color: var(--e-global-color-very-light-gray-white);
border: 1px solid transparent;
}
.about-con .accordion-card:has(.show) .btn-link {
background-color: transparent;
border: 1px solid var(--e-global-color-accent);
}
.about-con .accordian-inner .card-header {
padding: 0;
margin-bottom: 0;
background: none;
border: none;
}
.about-con .accordian-inner .card-header a {
padding: 17px 24px 19px 30px;
}
.about-con .accordian-inner .card-body {
padding: 26px 30px 0;
}
.about-con .accordion-card a.btn.btn-link:focus {
outline: none;
box-shadow: none;
}
.about-con .accordian-inner .accordion-card i {
position: absolute;
right: 20px;
margin: -6px 0;
}
.about-con .accordian-inner .accordion-card .btn {
text-decoration: none;
text-align: left;
display: block;
border-radius: 0;
color: var(--e-global-color-white);
}
.about-con .accordion-card a.btn.btn-link {
position: relative;
}
.about-con .accordion-card .btn-link:before {
content: "\f106";
font-size: 15px;
top: 17px;
right: 24px;
position: absolute;
font-family: 'FontAwesome';
color: var(--e-global-color-accent);
}
.about-con .accordion-card .collapsed:before {
content: "\f107";
color: var(--e-global-color-very-dark-grayish-blue);
}
.about-con .accordion-card:has(.show) .btn-link:before {
content: "\f106";
color: var(--e-global-color-accent);
} .service-con {
padding: 140px 0 110px;
background-color: var(--e-global-color-very-light-gray-white);
} .world-map-con {
padding: 0 !important;
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/111.png) no-repeat center center; background-size: cover;
background-attachment: fixed;
position: relative;
overflow: hidden;
min-height: 900px;
} .world-map-con::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient( 135deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.18) 30%, rgba(0, 0, 0, 0.18) 70%, rgba(0, 0, 0, 0.45) 100% );
z-index: 1;
pointer-events: none;
} .world-map-con::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient( circle at center, rgba(255, 255, 255, 0.06) 0%, transparent 70% );
animation: rotate 25s linear infinite;
z-index: 1;
pointer-events: none;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.world-map-con .container {
position: relative;
z-index: 2;
}
.world-map-con .container {
max-width: 1920px;
padding: 0 20px;
} .world {
width: 100%;
height: 900px;
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/111.png) no-repeat center center; background-size: cover;
background-position: center center;
margin: 0 auto;
position: relative;
z-index: 0;
} @media screen and (min-width: 1920px) {
.world {
background-size: cover;
background-position: center center;
}
}
@media screen and (min-width: 1400px) and (max-width: 1919px) {
.world {
background-size: cover;
background-position: center center;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.world {
background-size: cover;
background-position: center center;
}
} .world:not([style*="background-image"]) { }
.worldcenter {
width: 100%;
max-width: 1600px;
height: 900px;
margin: 0 auto;
position: relative;
padding: 0 40px;
z-index: 1;
}
.worldcenter h2 {
width: 100%;
font-size: 64px;
line-height: 1.3;
text-align: center;
color: #fff;
margin: 0;
font-family: "Lexend Deca", sans-serif;
font-weight: 800;
padding-top: 100px;
margin-bottom: 80px;
letter-spacing: -0.5px;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 3;
animation: fadeInDown 1s ease-out;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.worldcenter ul {
width: 650px;
height: auto;
position: absolute;
top: 280px;
left: 40px;
list-style: none;
padding: 0;
margin: 0;
z-index: 2;
}
.worldcenter ul li {
width: 650px;
height: auto;
margin-bottom: 0;
opacity: 0;
animation: fadeInUp 0.8s ease-out forwards;
position: relative;
padding-left: 20px;
transition: transform 0.3s ease;
}
.worldcenter ul li::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3));
border-radius: 2px;
opacity: 0;
transition: opacity 0.3s ease;
}
.worldcenter ul li:hover {
transform: translateX(5px);
}
.worldcenter ul li:hover::before {
opacity: 1;
}
.worldcenter ul li:nth-of-type(1) {
animation-delay: 0.2s;
}
.worldcenter ul li:nth-of-type(2) {
animation-delay: 0.4s;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.worldcenter ul li h3 {
font-size: 36px;
width: 100%;
text-align: left;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.98);
margin: 0 0 20px 0;
letter-spacing: -0.3px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
transition: transform 0.3s ease, color 0.3s ease;
}
.worldcenter ul li:hover h3 {
transform: translateX(5px);
color: #fff;
}
.worldtitle, .worldtitle2 {
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.85;
text-align: left;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.92);
padding-top: 10px;
margin: 0;
font-weight: 400;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
transition: color 0.3s ease;
}
.worldcenter ul li:hover .worldtitle, .worldcenter ul li:hover .worldtitle2 {
color: rgba(255, 255, 255, 1);
}
.worldcenter ul li:nth-of-type(2) {
padding-top: 60px;
}
.world_place1, .world_place2, .world_place3, .world_place4, .world_place5, .world_place6 {
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
margin: 0;
white-space: nowrap;
font-weight: 600;
letter-spacing: 0.3px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), 0 0 15px rgba(255, 255, 255, 0.2);
z-index: 2;
transition: transform 0.3s ease, opacity 0.3s ease, text-shadow 0.3s ease;
cursor: pointer;
}
.world_place1:hover, .world_place2:hover, .world_place3:hover, .world_place4:hover, .world_place5:hover, .world_place6:hover {
transform: scale(1.15) translateY(-2px);
opacity: 1;
text-shadow: 0 4px 15px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 255, 255, 0.4);
}
.world_place1 {
top: 240px;
left: 680px;
}
.world_place2 {
top: 500px;
left: 820px;
}
.world_place3 {
top: 280px;
left: 1050px;
}
.world_place4 {
bottom: 220px;
left: 1120px;
}
.world_place5 {
top: 250px;
right: 220px;
}
.world_place6 {
bottom: 200px;
right: 80px;
}
.quanbox1, .quanbox2, .quanbox3, .quanbox4, .quanbox5, .quanbox6 {
width: 180px;
height: 180px;
position: absolute;
z-index: 2;
}
.quanbox1 {
top: 320px;
left: 640px;
}
.quanbox2 {
top: 560px;
left: 780px;
}
.quanbox3 {
top: 330px;
left: 980px;
}
.quanbox4 {
top: 480px;
left: 1050px;
}
.quanbox5 {
top: 340px;
right: 150px;
}
.quanbox6 {
top: 570px;
right: 20px;
}
@keyframes warn2 {
0% {
transform: scale(0.2);
opacity: 0.6;
}
25% {
transform: scale(0.4);
opacity: 0.45;
}
50% {
transform: scale(0.6);
opacity: 0.3;
}
75% {
transform: scale(0.8);
opacity: 0.15;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.quan, .quan2 {
width: 180px;
height: 180px;
border: 2px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: 0;
animation: warn2 2s ease-out infinite;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.4), 0 0 40px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(255, 255, 255, 0.1);
}
.quan2 {
animation: warn2 4s ease-out infinite;
border-color: rgba(255, 255, 255, 0.6);
} @media screen and (min-width: 1600px) and (max-width: 1920px) {
.worldcenter {
max-width: 1400px;
}
.worldcenter ul {
width: 600px;
left: 20px;
}
.world_place1 {
left: 620px;
}
.world_place2 {
left: 750px;
}
.world_place3 {
left: 950px;
}
.world_place4 {
left: 1020px;
}
.world_place5 {
right: 180px;
}
.world_place6 {
right: 60px;
}
.quanbox1 {
left: 580px;
}
.quanbox2 {
left: 710px;
}
.quanbox3 {
left: 910px;
}
.quanbox4 {
left: 980px;
}
.quanbox5 {
right: 130px;
}
.quanbox6 {
right: 10px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
.world {
height: 800px;
}
.worldcenter {
height: 800px;
max-width: 1200px;
}
.worldcenter h2 {
font-size: 52px;
padding-top: 80px;
margin-bottom: 60px;
}
.worldcenter ul {
width: 550px;
top: 250px;
left: 20px;
}
.worldcenter ul li h3 {
font-size: 32px;
}
.worldtitle, .worldtitle2 {
font-size: 17px;
line-height: 1.8;
}
.world_place1, .world_place2, .world_place3, .world_place4, .world_place5, .world_place6 {
font-size: 17px;
}
.world_place1 {
left: 580px;
top: 220px;
}
.world_place2 {
left: 700px;
top: 450px;
}
.world_place3 {
left: 880px;
top: 260px;
}
.world_place4 {
bottom: 200px;
left: 940px;
}
.world_place5 {
top: 230px;
right: 160px;
}
.world_place6 {
bottom: 180px;
right: 60px;
}
.quanbox1, .quanbox2, .quanbox3, .quanbox4, .quanbox5, .quanbox6 {
width: 160px;
height: 160px;
}
.quan, .quan2 {
width: 160px;
height: 160px;
margin-left: -80px;
}
.quanbox1 {
top: 290px;
left: 540px;
}
.quanbox2 {
top: 510px;
left: 660px;
}
.quanbox3 {
top: 300px;
left: 840px;
}
.quanbox4 {
top: 440px;
left: 900px;
}
.quanbox5 {
top: 310px;
right: 120px;
}
.quanbox6 {
top: 520px;
right: 20px;
}
} .world-header {
margin-bottom: 50px;
}
.world-title-wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.world-company-name {
font-size: 32px;
font-weight: 700;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
margin: 0 0 10px 0;
}
.world-title-line {
width: 60px;
height: 3px;
background-color: var(--e-global-color-accent);
margin: 0 0 10px 0;
}
.world-subtitle {
font-size: 14px;
font-weight: 400;
color: var(--e-global-color-text);
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.world-main-title {
font-size: 42px;
font-weight: 700;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
margin: 0;
line-height: 1.2;
} .world-tab-buttons {
display: flex;
gap: 15px;
margin-bottom: 30px;
}
.world-tab-btn {
padding: 12px 30px;
border: 2px solid #e0e0e0;
background-color: var(--e-global-color-white);
color: var(--e-global-color-text);
font-size: 16px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.world-tab-btn.active {
border-color: var(--e-global-color-accent);
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
}
.world-tab-btn:hover:not(.active) {
border-color: var(--e-global-color-accent);
color: var(--e-global-color-accent);
} .world-tab-content {
display: none;
}
.world-tab-content.active {
display: block;
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.world-content-left {
padding-right: 30px;
}
.world-description {
font-size: 16px;
line-height: 1.8;
color: var(--e-global-color-text);
margin-bottom: 25px;
}
.world-continents-list {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}
.world-continents-list li {
font-size: 16px;
line-height: 2;
color: var(--e-global-color-secondary);
font-weight: 500;
padding-left: 20px;
position: relative;
}
.world-continents-list li::before {
content: '•';
position: absolute;
left: 0;
color: var(--e-global-color-accent);
font-size: 20px;
line-height: 1.6;
} .world-graphic-wrapper {
width: 100%;
height: 100%;
min-height: 400px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.world-abstract-graphic {
width: 100%;
height: 100%;
max-width: 500px;
max-height: 400px;
}
.world-graphic-svg {
width: 100%;
height: 100%;
display: block;
}
.world-graphic-svg polygon {
transition: all 0.3s ease-in-out;
}
.world-graphic-svg polygon:hover {
opacity: 0.5 !important;
transform: scale(1.05);
transform-origin: center;
} @media screen and (max-width: 750px) {
.product-showcase-con {
background: none !important;
background-size: 100% 100%;
}
.product-showcase-con .product-image-wrapper{
width:100% !important;
}
.world {
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/ccm2.jpg) no-repeat !important;
bbackground-size: 100% 100%;
}
h2{
font-size: 32px !important;
}
.get_started{
font-size: 18px !important; 
width:18rem !important;
}
.ttsm{
display: none !important;
}
.ppyt {
margin-top: -6rem;
height: 10% ;
padding-top: 23% !important;
}
}
@media screen and (max-width: 1399px) {
.world-map-con {
background-attachment: scroll;
background-size: cover;
padding: 100px 0 80px;
min-height: 700px;
}
.world-map-con::after {
display: none; }
.world {
height: auto;
min-height: 700px;
background-size: cover;
background-position: center center;
}
.worldcenter {
height: auto;
min-height: 700px;
max-width: 1000px;
padding: 0 30px;
}
.worldcenter h2 {
font-size: 46px;
padding-top: 70px;
margin-bottom: 50px;
}
.worldcenter ul {
width: 500px;
top: 220px;
left: 30px;
}
.worldcenter ul li h3 {
font-size: 30px;
}
.worldtitle, .worldtitle2 {
font-size: 17px;
line-height: 1.8;
}
.world_place1, .world_place2, .world_place3, .world_place4, .world_place5, .world_place6 {
font-size: 14px;
}
.quanbox1, .quanbox2, .quanbox3, .quanbox4, .quanbox5, .quanbox6 {
width: 140px;
height: 140px;
}
.quan, .quan2 {
width: 140px;
height: 140px;
margin-left: -70px;
}
}
@media screen and (max-width: 1199px) {
.world-map-con {
padding: 80px 0 60px;
background-size: cover;
background-attachment: scroll;
min-height: 600px;
}
.world-map-con::before {
background: linear-gradient( 135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100% );
}
.world-map-con::after {
display: none; }
.world {
min-height: 600px;
background-size: cover;
background-position: center center;
}
.worldcenter {
min-height: 600px;
padding: 0 20px;
}
.worldcenter h2 {
font-size: 40px;
padding-top: 60px;
margin-bottom: 40px;
}
.worldcenter ul {
width: 100%;
max-width: 500px;
position: relative;
top: auto;
left: auto;
margin-top: 30px;
}
.world_place1, .world_place2, .world_place3, .world_place4, .world_place5, .world_place6 {
display: none;
}
.quanbox1, .quanbox2, .quanbox3, .quanbox4, .quanbox5, .quanbox6 {
display: none;
}
} .factory-stat-box {
text-align: center;
padding: 40px 30px;
background-color: var(--e-global-color-white);
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.factory-stat-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--e-global-color-accent) 0%, rgba(53, 176, 74, 0.5) 100%);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease-in-out;
}
.factory-stat-box:hover::before {
transform: scaleX(1);
}
.factory-stat-box:hover {
transform: translateY(-8px);
box-shadow: 0 8px 30px rgba(53, 176, 74, 0.2);
}
.factory-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
background: linear-gradient(135deg, rgba(53, 176, 74, 0.1) 0%, rgba(53, 176, 74, 0.05) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
}
.factory-stat-box:hover .factory-icon {
background: linear-gradient(135deg, var(--e-global-color-accent) 0%, rgba(53, 176, 74, 0.8) 100%);
transform: scale(1.1) rotate(5deg);
}
.factory-icon i {
font-size: 36px;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.factory-stat-box:hover .factory-icon i {
color: var(--e-global-color-white);
transform: scale(1.1);
}
.factory-number {
font-size: 42px;
font-weight: 700;
line-height: 1.2;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
margin-bottom: 12px;
transition: all 0.3s ease-in-out;
}
.factory-stat-box:hover .factory-number {
color: var(--e-global-color-accent);
transform: scale(1.05);
}
.factory-label {
font-size: 16px;
font-weight: 500;
color: var(--e-global-color-text);
line-height: 1.5;
transition: all 0.3s ease-in-out;
}
.factory-stat-box:hover .factory-label {
color: var(--e-global-color-secondary);
font-weight: 600;
}
.service-con .service_content h6 {
width: 115px;
margin: 0 auto 24px;
text-align: left;
}
.service-con .service_content h2 {
margin-bottom: 60px;
line-height: 1.2;
}
.service-con .box {
padding: 48px 42px;
background-color: var(--e-global-color-white);
margin-bottom: 30px;
position: relative;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.service-con .box:hover {
box-shadow: 0 8px 30px rgba(53, 176, 74, 0.15);
transform: translateY(-4px);
}
.service-con .box::before {
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/service-boxhoverimage.jpg);
display: none;
transition: all 0.3s ease-in-out;
}
.service-con .box:hover {
background-color: var(--e-global-color-accent);
border-radius: 12px;
}
.service-con .box:hover::before {
display: block;
}
.service-con .service-box {
z-index: 1;
position: relative;
transition: all 0.3s ease-in-out;
}
.service-con .service-box .icon {
margin-bottom: 28px;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.service-con .box h3 {
margin-bottom: 12px;
padding-right: 40px;
}
.service-con .service-box p {
line-height: 24px;
margin-bottom: 18px;
}
.service-con .service-box .learn_more {
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
text-align: center;
position: relative;
display: inline-block;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.service-con .service-box .learn_more i {
font-size: 12px;
margin-left: 10px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-accent);
}
.service-con .box:hover .icon {
filter: brightness(0) invert(1);
}
.service-con .box:hover h3 {
color: var(--e-global-color-white);
}
.service-con .box:hover p {
color: var(--e-global-color-white);
}
.service-con .box:hover .learn_more {
color: var(--e-global-color-white);
}
.service-con .box:hover .learn_more i {
color: var(--e-global-color-white);
}
.service-con .service-box .learn_more:hover {
color: var(--e-global-color-text);
}
.service-con .service-box .learn_more:hover i {
color: var(--e-global-color-text);
} .safety-con {
padding: 140px 0;
background-color: var(--e-global-color-black);
}
.safety-con:before {
content: "";
position: absolute;
opacity: 55%;
width: 100%;
height: 100%;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/safety-backgroundimage.jpg);
}
.safety-con .image {
position: absolute;
}
.safety-con .safety-leftsideboxes {
left: 0;
bottom: 92px;
}
.safety-con .safety-rightsideboxes {
right: 0;
top: 110px;
}
.safety-con .safety_content {
padding-right: 50px;
}
.safety-con .safety_content h6 {
margin-bottom: 24px;
}
.safety-con .safety_content h2 {
margin-bottom: 32px;
line-height: 1.2;
}
.safety-con .safety_content p {
margin-bottom: 44px;
line-height: 1.8;
}
.safety-con .safety_content .get_started {
padding: 21px 33px;
}
.safety-con .safety_content .get_started:hover {
color: var(--e-global-color-very-dark-grayish-blue);
background-color: var(--e-global-color-white);
}
.safety-con .safety_content .get_started:hover i {
color: var(--e-global-color-very-dark-grayish-blue);
}
.safety-con .safety_wrapper {
padding-top: 100px;
text-align: right;
}
.safety-con .safety_wrapper ul li {
margin: 0 28px;
display: inline-block;
text-align: left;
}
.safety-con .safety_wrapper ul li:first-child {
margin-left: 0;
}
.safety-con .safety_wrapper ul li:last-child {
margin-right: 0;
}
.safety-con .safety_wrapper span {
color: var(--e-global-color-white);
}
.safety-con .safety_wrapper .value {
margin-bottom: 12px;
}
.safety-con .safety_wrapper .value span {
font-size: 46px;
line-height: 46px;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
}
.safety-con .safety_wrapper .text {
font-size: 16px;
line-height: 16px;
font-weight: 400;
} .feature-con {
padding: 140px 0 160px;
}
.feature-con .feature_content h6 {
width: 140px;
margin: 0 auto 24px;
text-align: left;
}
.feature-con .feature_content h2 {
margin-bottom: 68px;
line-height: 1.2;
}
.feature-con .feature-box {
margin-bottom: 58px;
text-align: center;
position: relative;
z-index: 1;
transition: all 0.3s ease-in-out;
} .feature-con .feature-box.feature-item-clickable {
cursor: pointer;
padding: 15px;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.feature-con .feature-box.feature-item-clickable:hover {
background-color: rgba(53, 176, 74, 0.05);
transform: translateY(-3px);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(53, 176, 74, 0.1);
box-shadow: 0 5px 15px rgba(53, 176, 74, 0.2);
}
.feature-con .feature-box.feature-item-clickable.active .feature-icon {
background-color: var(--e-global-color-very-dark-black-blue);
transform: scale(1.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.feature-con .feature-box .feature-icon {
margin-bottom: 24px;
width: 80px;
height: 80px;
line-height: 76px;
text-align: center;
border-radius: 100%;
display: inline-block;
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.feature-con .feature-box:hover .feature-icon {
transform: translateY(-5px);
}
.feature-con .feature-box.feature-item-clickable.active:hover .feature-icon {
transform: scale(1.1) translateY(-2px);
}
.feature-con .feature-box h3 {
margin-bottom: 12px;
transition: color 0.3s ease-in-out;
}
.feature-con .feature-box.feature-item-clickable.active h3 {
color: var(--e-global-color-accent);
font-weight: 600;
}
.feature-con .feature-box p {
line-height: 26px;
margin: 0 -15px;
}
.feature-con .box2 {
left: -94px;
}
.feature-con .box4 {
right: -94px;
}
.feature-con .feature_wrapper {
position: relative;
overflow: visible; min-height: 400px; display: flex;
align-items: center;
justify-content: center;
}
.feature-con .feature_wrapper .feature-image {
position: relative; left: 0;
top: 0;
width: 100%;
text-align: center;
transition: all 0.5s ease-in-out;
}
.feature-con .feature_wrapper .feature-image .feature-main-image {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity, transform; backface-visibility: hidden; transform: translateZ(0); image-rendering: -webkit-optimize-contrast; } .product-showcase-con {
padding: 140px 0 160px;
background-color: var(--e-global-color-very-light-gray-white);
}
.product-showcase-con .product-showcase_content h6 {
width: 240px;
margin: 0 auto 24px;
text-align: left;
}
.product-showcase-con .product-showcase_content h2 {
margin-bottom: 0px;
line-height: 1.2;
}
.product-showcase-con .product-showcase_left {
padding-right: 30px;
display: flex;
flex-direction: column;
gap: 25px;
align-items: flex-start;
} .product-showcase-con .product-names-row {
display: flex;
flex-wrap: nowrap;
gap: 15px;
justify-content: flex-start;
width: 100%;
align-items: center; -webkit-overflow-scrolling: touch;
}
.product-showcase-con .product-names-row::-webkit-scrollbar {
height: 4px;
}
.product-showcase-con .product-names-row::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 2px;
}
.product-showcase-con .product-names-row::-webkit-scrollbar-thumb {
background: var(--e-global-color-accent);
border-radius: 2px;
}
.product-showcase-con .product-name-tab {  border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease-in-out;
border: none;
box-shadow: none;
flex: 0 1 auto;
min-width: 0;
position: relative;
}
.product-showcase-con .product-name-tab:hover {
transform: translateY(0);
box-shadow: none;
border-color: transparent;
}
.product-showcase-con .product-name-tab.active { border-color: transparent;
box-shadow: none;
transform: translateY(0);
}
.product-showcase-con .product-name-tab h3 {
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: var(--e-global-color-very-dark-black-blue);
margin: 0;
transition: color 0.3s ease-in-out;
white-space: nowrap;
}
.product-showcase-con .product-name-tab.active h3 {
color: var(--e-global-color-accent);
}
.product-showcase-con .product-name-tab .product-name-image {
display: block;
max-width: 100%;
height: auto;
max-height: 183px;
object-fit: contain;
margin: 0;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
.product-showcase-con .product-name-tab.active .product-name-image {
opacity: 1;
}
.product-showcase-con .product-name-tab:hover .product-name-image {
opacity: 0.8;
}
.product-showcase-con .product-name-tab.active:hover .product-name-image {
opacity: 1;
} .product-showcase-con .product-name-tab.active::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(53, 176, 74, 0.15);
pointer-events: none;
z-index: 0;
transition: all 0.3s ease-in-out;
}
.product-showcase-con .product-name-tab.active .product-name-image {
position: relative;
z-index: 1;
} .product-showcase-con .product-model-row {
margin-top: 0;
width: 100%;
}
.product-showcase-con .product-models-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
width: 100%;
}
.product-showcase-con .product-model-tab {
padding: 18px 15px;
background-color: #ffffff;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease-in-out;
border: 2px solid transparent;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
flex: 0 1 auto;
min-width: 0;
}
.product-showcase-con .product-model-tab:hover {
transform: translateY(-3px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
border-color: rgba(53, 176, 74, 0.3);
}
.product-showcase-con .product-model-tab.active {
background-color: rgba(53, 176, 74, 0.05);
border-color: var(--e-global-color-accent);
box-shadow: 0 5px 25px rgba(53, 176, 74, 0.2);
transform: translateY(-3px);
}
.product-showcase-con .product-model-tab.hidden {
display: none !important;
}
.product-showcase-con .product-model-tab span {
font-size: 18px;
line-height: 26px;
color: var(--e-global-color-very-dark-black-blue);
font-weight: 500;
transition: color 0.3s ease-in-out;
white-space: nowrap;
display: block;
}
.product-showcase-con .product-model-tab.active span {
color: var(--e-global-color-accent);
font-weight: 600;
}
.product-showcase-con .product-showcase_right {
padding-left: 30px;
}
.product-showcase-con .product-image-wrapper {
position: relative;
width: 100%;
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
transition: all 0.3s ease-in-out;
overflow: visible;
}
.product-showcase-con .product-image-wrapper:hover {
box-shadow: none;
transform: translateY(0);
}
.product-showcase-con .product-image {
width: 184%;
text-align: center;
border-radius: 20px;
overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
background-color: transparent;
}
.product-showcase-con .product-image .product-main-image {
display: inline-block;
width: 110%; height: 170%;
margin: 0;
border-radius: 20px;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity, transform;
backface-visibility: hidden;
transform: translateZ(0);
object-fit: contain;
} .product-showcase-con .product-showcase-description {
margin-bottom: 0;
width: 100%;
}
.product-showcase-con .product-showcase-description p {
font-size: 16px;
line-height: 1.85;
color: var(--e-global-color-text);
margin-bottom: 0;
text-align: left;
} .product-showcase-con .product-showcase-button-wrapper {
margin-top: 20px;
margin-bottom: 0;
}
.product-showcase-con .product-showcase-btn {
padding: 16px 38px;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(53, 176, 74, 0.2);
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
}
.product-showcase-con .product-showcase-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(53, 176, 74, 0.35);
background-color: var(--e-global-color-very-dark-grayish-blue);
color: var(--e-global-color-white);
}
.product-showcase-con .product-showcase-btn:hover i {
transform: translateX(5px);
}
.product-showcase-con .product-showcase-btn i {
transition: transform 0.3s ease-in-out;
font-size: 14px;
} .pricing-con {
padding: 140px 0;
background-color: var(--e-global-color-very-light-gray-white);
}
.pricing-con .pricing_content h6 {
width: 115px;
margin: 0 auto 24px;
text-align: left;
}
.pricing-con .pricing_content h2 {
margin-bottom: 60px;
line-height: 1.2;
}
.pricing-con .pricing-box {
padding: 48px 42px;
background-color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-white);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.pricing-con .pricing-box:hover {
border: 1px solid var(--e-global-color-accent);
box-shadow: 0 8px 30px rgba(53, 176, 74, 0.15);
transform: translateY(-4px);
}
.pricing-con .pricing-box .text {
line-height: 24px;
}
.pricing-con .pricing-box .value {
padding-bottom: 32px;
margin-bottom: 24px;
border-bottom: 1px solid var(--e-global-color-very-light-gray);
}
.pricing-con .pricing-box sup, .pricing-con .pricing-box span {
display: inline-block;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
.pricing-con .pricing-box .dollar {
font-size: 20px;
line-height: 20px;
font-weight: 400;
}
.pricing-con .pricing-box .number {
font-size: 46px;
line-height: 46px;
font-weight: 700;
}
.pricing-con .pricing-box .month {
font-size: 14px;
line-height: 14px;
font-weight: 300;
}
.pricing-con .pricing-box ul {
margin-bottom: 36px;
}
.pricing-con .pricing-box ul li {
position: relative;
margin-bottom: 3px;
}
.pricing-con .pricing-box ul li i {
font-size: 14px;
top: 6px;
left: 0;
position: absolute;
color: var(--e-global-color-accent);
}
.pricing-con .pricing-box ul li p {
padding-left: 24px;
}
.pricing-con .pricing-box .get_started {
padding: 21px;
display: block;
} .product-showcase-con {
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/ccm.jpg) no-repeat;
background-size: 100% 100%;
}
.choose-con {
overflow: hidden;
background-color: var(--e-global-color-very-dark-grayish-blue);
padding: 140px 0;
}
.choose-con::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/ktks.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.choose-con::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/choose-backgroundimage.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.choose-con .choose_wrapper {
display: none;
}
.choose-con .choose_content {
padding: 140px 0 135px 80px;
}
.choose-con .choose_content .content {
z-index: 1;
position: relative;
}
.choose-con .choose_content h6 {
margin-bottom: 24px;
padding-left: 38px;
}
.choose-con .choose_content h2 {
margin-bottom: 32px;
line-height: 1.2;
}
.choose-con .choose_content p {
margin-bottom: 36px;
line-height: 1.8;
}
.choose-con .choose_content .choose-measure .text {
font-size: 14px;
line-height: 20px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-white);
margin-bottom: 16px;
display: inline-block;
}
.choose-con .choose_content .choose-measure .percentage {
float: right;
position: relative;
right: -5px;
}
.choose-con .choose_content .choose-measure .percentage span, .choose-con .choose_content .choose-measure .percentage .plus {
font-size: 14px;
line-height: 20px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-white);
}
.choose-con .choose_content .choose-measure .progress {
overflow: visible;
height: 4px;
margin-bottom: 30px;
background-color: #47525c;
border-radius: 2px;
position: relative;
cursor: pointer;
}
.choose-con .choose_content .choose-measure .progress-bar {
float: left;
height: 100%;
font-size: 10px;
line-height: 14px;
text-align: center;
background: linear-gradient(90deg, var(--e-global-color-accent) 0%, rgba(53, 176, 74, 0.8) 100%);
border-radius: 2px;
position: relative;
transition: width 2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease;
box-shadow: 0 0 10px rgba(53, 176, 74, 0.5);
}
.choose-con .choose_content .choose-measure .progress-bar::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: progress-shine 2s infinite;
}
.choose-con .choose_content .choose-measure .progress-bar1 {
width: 85%;
}
.choose-con .choose_content .choose-measure .progress-bar2 {
width: 70%;
}
.choose-con .choose_content .choose-measure .progress-bar3 {
width: 78%;
}
.choose-con .choose_content .choose-measure:last-child .progress {
margin-bottom: 0 !important;
} .choose-con .choose_content .choose-measure .progress-tooltip {
position: absolute;
bottom: calc(100% + 12px);
left: 50%;
transform: translateX(-50%) translateY(-8px);
background-color: var(--e-global-color-very-dark-grayish-blue);
color: var(--e-global-color-white);
padding: 10px 18px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 10;
font-family: "Lexend Deca", sans-serif;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
letter-spacing: 0.3px;
}
.choose-con .choose_content .choose-measure .progress-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 7px solid transparent;
border-top-color: var(--e-global-color-very-dark-grayish-blue);
}
.choose-con .choose_content .choose-measure .progress:hover .progress-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(-12px);
}
.choose-con .choose_content .choose-measure .progress:hover .progress-bar {
transform: scaleY(1.3);
box-shadow: 0 0 15px rgba(53, 176, 74, 0.7);
}
@keyframes progress-shine {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
} .choose-con .brochure-download-wrapper {
margin-top: 40px;
}
.choose-con .brochure-download-box {
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
padding: 28px 32px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.choose-con .brochure-notice {
color: var(--e-global-color-accent);
font-weight: 600;
margin-bottom: 16px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: "Lexend Deca", sans-serif;
}
.choose-con .brochure-form-wrapper {
display: flex;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
.choose-con .brochure-language-select {
flex: 1;
min-width: 200px;
}
.choose-con .brochure-language-select label {
color: var(--e-global-color-white);
font-weight: 500;
margin-bottom: 10px;
display: block;
font-size: 14px;
font-family: "Lexend Deca", sans-serif;
}
.choose-con .language-select-wrapper {
position: relative;
}
.choose-con .brochure-select {
width: 100%;
padding: 14px 40px 14px 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
font-size: 14px;
line-height: 1.5;
color: var(--e-global-color-white);
background-color: rgba(255, 255, 255, 0.1);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
font-family: "Lexend Deca", sans-serif;
}
.choose-con .brochure-select:hover {
border-color: var(--e-global-color-accent);
background-color: rgba(255, 255, 255, 0.15);
}
.choose-con .brochure-select:focus {
outline: none;
border-color: var(--e-global-color-accent);
box-shadow: 0 0 0 3px rgba(53, 176, 74, 0.2);
background-color: rgba(255, 255, 255, 0.15);
}
.choose-con .brochure-select option {
background-color: var(--e-global-color-very-dark-grayish-blue);
color: var(--e-global-color-white);
}
.choose-con .language-select-icon {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
color: var(--e-global-color-white);
pointer-events: none;
font-size: 12px;
}
.choose-con .brochure-download-btn-wrapper {
flex-shrink: 0;
margin-top: 25px;
}
.choose-con .brochure-download-btn {
padding: 18px 40px;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
border: none;
border-radius: 8px;
font-size: 16px;
line-height: 1;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
font-family: "Lexend Deca", sans-serif;
box-shadow: 0 4px 15px rgba(53, 176, 74, 0.2);
}
.choose-con .brochure-download-btn:hover {
background-color: var(--e-global-color-very-dark-grayish-blue);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(53, 176, 74, 0.35);
color: var(--e-global-color-white);
}
.choose-con .brochure-download-btn:hover i {
transform: translateX(5px);
}
.choose-con .brochure-download-btn i {
font-size: 14px;
transition: transform 0.3s ease-in-out;
} .also-like-con {
padding: 140px 0 160px;
background-color: #ffffff;
position: relative;
}
.also-like-con .also-like-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 65px;
flex-wrap: wrap;
gap: 30px;
}
.also-like-con .also-like-title-wrapper {
flex: 0 0 auto;
}
.also-like-con .also-like-title {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
padding-left: 20px;
margin: 0;
}
.also-like-con .also-like-title::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background-color: var(--e-global-color-accent);
border-radius: 2px;
}
.also-like-con .also-like-title .title-small {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: var(--e-global-color-grayish-blue);
margin-bottom: 5px;
}
.also-like-con .also-like-title .title-large {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: var(--e-global-color-very-dark-black-blue);
}
.also-like-con .also-like-tabs {
display: flex;
gap: 15px;
flex: 0 0 auto;
}
.also-like-con .also-like-tab-btn {
padding: 12px 30px;
background-color: #ffffff;
border: 2px solid #e0e0e0;
border-radius: 5px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: var(--e-global-color-grayish-blue);
cursor: pointer;
transition: all 0.3s ease-in-out;
font-family: "Lexend Deca", sans-serif;
}
.also-like-con .also-like-tab-btn:hover {
border-color: var(--e-global-color-accent);
color: var(--e-global-color-accent);
background-color: rgba(53, 176, 74, 0.05);
}
.also-like-con .also-like-tab-btn.active {
background-color: var(--e-global-color-accent);
border-color: var(--e-global-color-accent);
color: #ffffff;
}
.also-like-con .also-like-products-wrapper {
position: relative;
min-height: 500px;
}
.also-like-con .also-like-products {
display: none;
animation: fadeIn 0.5s ease-in-out;
}
.also-like-con .also-like-products.active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.also-like-con .also-like-product-card {
background-color: #ffffff;
border-radius: 12px;
padding: 35px;
margin-bottom: 30px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
height: 100%;
display: flex;
flex-direction: column;
}
.also-like-con .also-like-product-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.also-like-con .also-like-product-card .product-name-display {
margin-bottom: 20px;
text-align: center;
}
.also-like-con .also-like-product-card .product-name-display h3 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: var(--e-global-color-very-dark-black-blue);
margin: 0 0 8px 0;
background: linear-gradient(135deg, var(--e-global-color-accent) 0%, #2a8f3f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.also-like-con .also-like-product-card .product-subtitle {
font-size: 14px;
line-height: 20px;
color: var(--e-global-color-accent);
margin: 0;
font-style: italic;
}
.also-like-con .also-like-product-card .product-image-wrapper {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
min-height: 300px;
}
.also-like-con .also-like-product-card .product-image-wrapper img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease-in-out;
}
.also-like-con .also-like-product-card:hover .product-image-wrapper img {
transform: scale(1.05);
}
.also-like-con .also-like-product-card .product-action {
text-align: center;
}
.also-like-con .also-like-product-card .view-more-btn {
padding: 12px 35px;
background-color: var(--e-global-color-very-dark-black-blue);
color: #ffffff;
border: none;
border-radius: 5px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease-in-out;
font-family: "Lexend Deca", sans-serif;
}
.also-like-con .also-like-product-card .view-more-btn:hover {
background-color: var(--e-global-color-accent);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(65, 203, 90, 0.3);
} .also-like-con .enquiry-button-wrapper {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 999;
}
.also-like-con .enquiry-button {
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 20px 12px;
background-color: var(--e-global-color-very-dark-black-blue);
color: #ffffff;
text-decoration: none;
font-size: 14px;
line-height: 20px;
font-weight: 600;
letter-spacing: 2px;
transition: all 0.3s ease-in-out;
display: block;
border-radius: 5px 0 0 5px;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
font-family: "Lexend Deca", sans-serif;
}
.also-like-con .enquiry-button:hover {
background-color: var(--e-global-color-accent);
padding-right: 15px;
box-shadow: -3px 0 15px rgba(53, 176, 74, 0.3);
} .testimonial-con {
padding: 140px 0 200px;
background-color: var(--e-global-color-white);
}
.testimonial-con .testimonial_outer_content {
width: 460px;
position: relative;
}
.testimonial-con .testimonial_content {
position: relative;
}
.testimonial-con .testimonial_content h6 {
margin-bottom: 24px;
}
.testimonial-con .testimonial_content h2 {
margin-bottom: 32px;
line-height: 1.2;
}
.testimonial-con .testimonial_wrapper {
position: absolute;
top: 140px;
right: 0;
width: 54%;
}
.testimonial-con .testimonial-box {
padding: 35px;
background-color: var(--e-global-color-white);
border-bottom: 2px solid var(--e-global-color-accent);
box-shadow: 6px 0 38px rgb(0 0 0 / 3%) inset;
border-radius: 12px 12px 0 0;
transition: all 0.3s ease-in-out;
}
.testimonial-con .testimonial-box:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}
.testimonial-con .testimonial-box .testimonial-starimage {
margin-bottom: 20px;
}
.testimonial-con .testimonial-box p {
line-height: 30px;
margin-bottom: 32px;
min-height: 150px;
}
.testimonial-con .review-content {
padding-left: 12px;
display: flex;
align-items: center;
}
.testimonial-con .review-content .testimonial-personimage {
position: relative;
left: -12px;
}
.testimonial-con .review-content .testimonial-personimage img {
border-radius: 100px;
}
.testimonial-con .review-content .name {
font-size: 18px;
line-height: 22px;
font-weight: 500;
font-family: "Lexend Deca", sans-serif;
display: block;
margin-bottom: 2px;
color: var(--e-global-color-secondary);
}
.testimonial-con .review-content .review {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
}
.testimonial-con .item img {
width: auto !important;
display: inline-block !important;
}
.testimonial-con .owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial-con .owl-carousel .owl-nav {
margin-top: 0 !important;
position: absolute;
bottom: 0;
left: -465px;
}
.testimonial-con .owl-carousel .owl-prev, .testimonial-con .owl-carousel .owl-next {
margin: 0 !important;
background: transparent !important;
}
.testimonial-con .owl-carousel .owl-prev:focus, .testimonial-con .owl-carousel .owl-next:focus {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.testimonial-con .owl-carousel .owl-prev span, .testimonial-con .owl-carousel .owl-next span {
font-size: 17px;
width: 49px;
height: 49px;
line-height: 49px;
text-align: center;
border-radius: 100px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-secondary);
transition: all 0.3s ease-in-out;
}
.testimonial-con .owl-carousel .owl-prev:hover span, .testimonial-con .owl-carousel .owl-next:hover span {
background-color: var(--e-global-color-accent);
}
.testimonial-con .owl-carousel .owl-prev {
position: relative;
left: -12px;
bottom: 0;
}
.testimonial-con .owl-carousel .owl-next {
position: relative;
right: -10px;
bottom: 0;
} .partners-con {
padding: 140px 0 160px;
background-color: #ffffff;
}
.partners-con .partners_content {
margin-bottom: 60px;
}
.partners-con .partners_content h6 {
width: 200px;
margin: 0 auto 22px;
text-align: left;
}
.partners-con .partners_content h2 {
margin-bottom: 20px;
}
.partners-con .partners_content p {
color: var(--e-global-color-text);
}
.partners-con .partners-button-wrapper {
margin-top: 30px;
}
.partners-con .partners-about-btn {
padding: 14px 35px;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.partners-con .partners-about-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(53, 176, 74, 0.3);
} .partners-con .partners-scroll-wrapper {
width: 100%;
overflow: hidden;
margin-top: 0;
padding: 40px 0;
}
.partners-con .partners-scroll-row {
width: 100%;
overflow: hidden;
margin-bottom: 70px;
}
.partners-con .partners-scroll-row:last-child {
margin-bottom: 0;
}
.partners-con .partners-scroll-track {
display: flex;
align-items: center;
gap: 40px;
width: fit-content;
animation: scroll-left 40s linear infinite;
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
}
.partners-con .partners-scroll-track-reverse {
animation: scroll-right 40s linear infinite;
backface-visibility: hidden;
transform: translateZ(0);
}
.partners-con .partners-scroll-row:hover .partners-scroll-track, .partners-con .partners-scroll-row:hover .partners-scroll-track-reverse {
animation-play-state: paused;
}
.partners-con .partner-item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 60px;
}
.partners-con .partner-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.partners-con .partner-logo {
width: auto;
height: 60px;
max-width: 160px;
object-fit: contain;
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.partners-con .partner-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), transparent );
z-index: 2;
transition: left 0.5s ease;
}
.partners-con .partner-link:hover::before {
left: 100%;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes scroll-right {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
} .faq-con {
padding: 140px 0 200px;
background-color: var(--e-global-color-very-light-gray-white);
} .contact-form-section .contact-form-wrapper {
background-color: var(--e-global-color-white);
padding: 40px 50px;
border-radius: 10px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.contact-form-section .wpcf7-form {
max-width: 100%;
}
.contact-form-section .wpcf7-form p {
margin-bottom: 15px; } @media (min-width: 992px) {
.contact-form-section .contact-form-wrapper {
padding: 40px 60px; width: 100%;
max-width: 100%;
}
.contact-form-section .wpcf7-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px 25px; max-width: 100%;
} .contact-form-section .wpcf7-form p:has(textarea), .contact-form-section .wpcf7-form p:has([type="submit"]) {
grid-column: 1 / -1; } @supports not selector(:has(*)) {
.contact-form-section .wpcf7-form p:nth-last-child(2), .contact-form-section .wpcf7-form p:last-child {
grid-column: 1 / -1;
}
} .contact-form-section .wpcf7-form-control-wrap {
width: 100%;
}
}
.contact-form-section .wpcf7-form label {
display: none; }
.contact-form-section .wpcf7-form input[type="text"], .contact-form-section .wpcf7-form input[type="email"], .contact-form-section .wpcf7-form input[type="tel"], .contact-form-section .wpcf7-form textarea {
width: 100%;
padding: 12px 18px; border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
font-size: 18px;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
color: var(--e-global-color-primary);
background-color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
box-sizing: border-box;
}
.contact-form-section .wpcf7-form input[type="text"]:focus, .contact-form-section .wpcf7-form input[type="email"]:focus, .contact-form-section .wpcf7-form input[type="tel"]:focus, .contact-form-section .wpcf7-form textarea:focus {
outline: none;
border-color: var(--e-global-color-accent);
box-shadow: 0 0 0 3px rgba(53, 176, 74, 0.1);
}
.contact-form-section .wpcf7-form textarea {
min-height: 100px; resize: vertical;
}
.contact-form-section .wpcf7-form input[type="submit"], .contact-form-section .wpcf7-submit {
padding: 14px 77px;
background-color: #ff9900;
color: var(--e-global-color-white);
border: none;
border-radius: 5px;
font-size: 20px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
cursor: pointer;
transition: all 0.3s ease-in-out;
display: inline-flex;
align-items: center;
gap: 10px;
text-transform: none;
}
.contact-form-section .wpcf7-form input[type="submit"]:hover, .contact-form-section .wpcf7-submit:hover {
background-color: #ff9900;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(255, 153, 0, 0.3);
}
.contact-form-section .wpcf7-form input[type="submit"]:after, .contact-form-section .wpcf7-submit:after {
content: "\f061";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-left: 10px;
}
.contact-form-section .wpcf7-response-output {
margin-top: 20px;
padding: 15px;
border-radius: 5px;
font-size: 14px;
}
.contact-form-section .wpcf7-mail-sent-ok {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.contact-form-section .wpcf7-mail-sent-ng, .contact-form-section .wpcf7-aborted, .contact-form-section .wpcf7-spam, .contact-form-section .wpcf7-validation-errors {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.contact-form-section .wpcf7-not-valid-tip {
color: #dc3545;
font-size: 12px;
margin-top: 5px;
display: block;
}
.contact-form-section .wpcf7-form-control-wrap {
display: block;
width: 100%;
} .contact-form-section .contact-form-fallback {
max-width: 100%;
}
.contact-form-section .contact-form-fallback .form-group {
margin-bottom: 20px;
}
.contact-form-section .contact-form-fallback .form-control {
width: 100%;
padding: 15px 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
font-size: 14px;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
color: var(--e-global-color-primary);
background-color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
box-sizing: border-box;
}
.contact-form-section .contact-form-fallback .form-control:focus {
outline: none;
border-color: var(--e-global-color-accent);
box-shadow: 0 0 0 3px rgba(53, 176, 74, 0.1);
}
.contact-form-section .contact-form-fallback textarea.form-control {
min-height: 120px;
resize: vertical;
}
.faq-con .faq_content h6 {
width: 150px;
margin: 0 auto 24px;
text-align: left;
}
.faq-con .faq_content h2 {
margin-bottom: 34px;
line-height: 1.2;
}
.faq-con .faq h4 {
margin-bottom: 0;
text-transform: none;
display: inline-block;
}
.faq-con .accordion-card {
margin-bottom: 20px;
width: 100%;
background-color: var(--e-global-color-white);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease-in-out;
}
.faq-con .accordion-card:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.faq-con .accordion-card:last-child {
margin-bottom: 0;
}
.faq-con .accordion-card:has(.btn-link) {
border: 1px solid var(--e-global-color-accent);
}
.faq-con .accordion-card:has(.collapsed) {
border: 1px solid transparent;
}
.faq-con .accordian-inner .card-header {
padding: 0;
margin-bottom: 0;
background: none;
border: none;
}
.faq-con .accordian-inner .card-header a {
padding: 17px 24px 17px 30px;
}
.faq-con .accordian-inner .card-body {
padding: 0 30px 20px;
}
.faq-con .accordion-card a.btn.btn-link:focus {
outline: none;
box-shadow: none;
}
.faq-con .accordian-inner .accordion-card i {
position: absolute;
right: 20px;
margin: -6px 0;
}
.faq-con .accordian-inner .accordion-card .btn {
text-decoration: none;
text-align: left;
display: block;
color: var(--e-global-color-white);
}
.faq-con .accordion-card a.btn.btn-link {
position: relative;
}
.faq-con .accordion-card .btn-link:before {
content: "\f063";
font-size: 15px;
top: 30% !important;
right: 24px;
position: absolute;
font-family: 'FontAwesome';
color: var(--e-global-color-accent);
}
.faq-con .accordion-card .collapsed:before {
content: "\f061";
color: var(--e-global-color-very-dark-grayish-blue);
} .footer-con {
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.footer-con .upper_portion {
padding: 42px 50px 50px 75px;
margin-top: -86px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--e-global-color-accent);
}
.footer-con .upper_portion h6 {
margin-bottom: 18px;
}
.footer-con .upper_portion h6::before {
background-color: var(--e-global-color-white);
}
.footer-con .upper_portion h3 {
font-size: 30px;
line-height: 30px;
font-weight: 700;
}
.footer-con .upper_portion input {
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 16px 28px;
margin-right: 16px;
width: 350px;
position: relative;
color: var(--e-global-color-text);
background-color: var(--e-global-color-white);
border: 1px solid transparent;
overflow: visible;
outline: none;
}
.footer-con .upper_portion input:focus {
border: 1px solid var(--e-global-color-secondary);
}
.footer-con .upper_portion button {
font-size: 16px;
line-height: 16px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
padding: 18px 34px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-secondary);
position: relative;
border: none;
overflow: visible;
outline: none;
transition: all 0.3s ease-in-out;
}
.footer-con .upper_portion button i {
font-size: 12px;
margin-left: 24px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.footer-con .upper_portion button:hover {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-white);
}
.footer-con .upper_portion button:hover i {
color: var(--e-global-color-secondary);
}
.footer-con .middle_portion {
padding: 88px 0;
}
.footer-con .middle_portion .logo_content {
padding-top: 5px;
}
.footer-con .middle_portion .logo_content .footer-logo {
margin-bottom: 26px;
}
.footer-con .middle_portion .logo_content .footer-logo img {
width: 240px;
}
.footer-con .middle_portion .logo_content p {
margin-bottom: 38px;
padding-right: 20px;
color: var(--e-global-color-grayish-blue);
}
.footer-con .middle_portion .logo_content i {
font-size: 30px;
top: 3px;
float: left;
position: relative;
color: var(--e-global-color-white);
}
.footer-con .middle_portion .logo_content .phone_content {
padding-left: 48px;
}
.footer-con .middle_portion .logo_content a {
font-size: 20px;
line-height: 20px;
font-weight: 700;
margin-bottom: 3px;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.footer-con .middle_portion .logo_content a:hover {
color: var(--e-global-color-accent);
}
.footer-con .middle_portion .logo_content span {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-grayish-blue);
}
.footer-con .middle_portion h4 {
margin-bottom: 20px;
color: var(--e-global-color-white);
}
.footer-con .middle_portion li:last-child {
margin-bottom: 0 !important;
}
.footer-con .middle_portion .timing {
padding-left: 54px;
}
.footer-con .middle_portion .timing li {
margin-bottom: 24px;
}
.footer-con .middle_portion .timing p {
font-size: 14px;
line-height: 22px;
font-weight: 400;
margin-bottom: 5px;
color: var(--e-global-color-grayish-blue);
}
.footer-con .middle_portion .timing span {
font-size: 14px;
line-height: 22px;
font-weight: 400;
display: block;
color: var(--e-global-color-white);
}
.footer-con .middle_portion .links {
padding-left: 34px;
}
.footer-con .middle_portion .links li {
padding-left: 14px;
margin-bottom: 12px;
}
.footer-con .middle_portion .links li i {
font-size: 5px;
top: -2px;
left: -12px;
position: relative;
color: var(--e-global-color-white);
}
.footer-con .middle_portion li a {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: var(--e-global-color-grayish-blue);
transition: all 0.3s ease-in-out;
}
.footer-con .middle_portion li a:hover {
color: var(--e-global-color-accent);
}
.footer-con .middle_portion .contact {
padding-left: 62px;
}
.footer-con .middle_portion .contact ul {
margin-bottom: 18px;
}
.footer-con .middle_portion .contact li {
margin-bottom: 12px;
}
.footer-con .middle_portion .contact p {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: var(--e-global-color-white);
margin-bottom: 6px;
}
.footer-con .middle_portion .contact span {
font-size: 14px;
line-height: 22px;
font-weight: 400;
display: block;
color: var(--e-global-color-grayish-blue);
transition: all 0.3s ease-in-out;
}
.footer-con .middle_portion .contact span:hover {
color: var(--e-global-color-accent);
}
.footer-con .middle_portion .icon li {
margin: 0 5px;
display: inline-block;
}
.footer-con .middle_portion .icon li:first-child {
margin-left: 0;
}
.footer-con .middle_portion .icon li:last-child {
margin-right: 0;
}
.footer-con .middle_portion .icon i {
font-size: 16px;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 100px;
text-align: center;
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-black-blue);
transition: all 0.3s ease-in-out;
}
.footer-con .middle_portion .icon i:hover {
background-color: var(--e-global-color-accent);
}
.footer-con .copyright {
padding: 20px 0;
border-top: 1px solid rgb(255 255 255 / 15%);
}
.footer-con .copyright p {
font-size: 12px;
line-height: 12px;
font-weight: 400;
color: var(--e-global-color-grayish-blue);
} .sub_banner {
background: var(--e-global-color-black);
}
.sub_banner::before {
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 29%;
position: absolute;
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/subbanner-backgroundimage.jpg);
background-position: 100% 100%;
background-size: cover;
background-repeat: no-repeat;
}
.sub_banner .sub_banner_con {
padding: 115px 0 158px;
text-align: center;
}
.sub_banner .sub_banner_con h1 {
margin-bottom: 30px;
}
.sub_banner .sub_banner_con p {
margin-bottom: 45px;
}
.sub_banner .sub_banner_con .box {
padding: 10px 30px 14px;
text-align: center;
display: inline-block;
background: transparent;
border: 1px solid rgba(250, 250, 255, 25%);
transition: all 0.3s ease-in-out;
}
.sub_banner .sub_banner_con .box span {
font-size: 14px;
line-height: 20px;
font-weight: 400;
display: inline-block;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.sub_banner .sub_banner_con .box a span:hover {
color: var(--e-global-color-accent);
}
.sub_banner .sub_banner_con .box .arrow {
font-size: 10px;
margin: 0 15px;
display: inline-block;
color: var(--e-global-color-white);
}  .aboutpage-con {
padding: 140px 0 195px;
}
.aboutpage-con .about_content {
padding: 60px 0 0 20px;
}
.aboutpage-con .about_content h6 {
margin-bottom: 22px;
}
.aboutpage-con .about_content h2 {
margin-bottom: 28px;
}
.aboutpage-con .about_content .text {
margin-bottom: 25px;
}
.aboutpage-con .about_content ul {
margin-bottom: 45px;
}
.aboutpage-con .about_content ul li {
position: relative;
margin-bottom: 11px;
}
.aboutpage-con .about_content ul li:last-child {
margin-bottom: 0;
}
.aboutpage-con .about_content ul li i {
font-size: 9px;
height: 16px;
width: 16px;
line-height: 16px;
top: 3px;
left: 0;
position: absolute;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
}
.aboutpage-con .about_content ul li p {
line-height: 20px;
font-weight: 500;
padding-left: 34px;
color: var(--e-global-color-secondary);
}
.aboutpage-con .about_content a {
padding: 21px 33px;
}
.aboutpage-con .about_wrapper .about-image {
position: relative;
top: 0;
left: 0;
}
.aboutpage-con .about_wrapper .about-rectangleimage {
position: absolute;
left: -30px;
top: 34px;
}
.aboutpage-con .about_wrapper .box {
position: absolute;
padding: 36px 15px 40px;
right: 60px;
width: 242px;
bottom: -52px;
text-align: center;
background-color: var(--e-global-color-accent);
z-index: 1;
}
.aboutpage-con .about_wrapper .box .icon {
margin-bottom: 16px;
}
.aboutpage-con .about_wrapper .box p {
line-height: 22px;
margin-bottom: 20px;
}
.aboutpage-con .owl-carousel .owl-item img {
display: inline-block !important;
width: auto !important;
}
.aboutpage-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 0 !important;
line-height: 0;
position: absolute;
left: 0;
right: 0;
}
.aboutpage-con .owl-carousel .owl-dots .owl-dot span {
background-color: rgb(255 255 255 / 55%);
width: 15px;
height: 3px;
margin: 0 3px;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
.aboutpage-con .owl-carousel .owl-dots .owl-dot:hover span {
background-color: var(--e-global-color-white);
}
.aboutpage-con .owl-carousel .owl-dots .owl-dot.active span {
width: 25px;
height: 3px;
position: relative;
background-color: var(--e-global-color-white);
}
.aboutpage-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
} .unique-con {
padding: 130px 0 132px;
background-color: var(--e-global-color-very-light-gray-white);
}
.unique-con .unique_content {
padding: 40px 70px 0 0;
}
.unique-con .unique_content h6 {
margin-bottom: 22px;
}
.unique-con .unique_content h2 {
margin-bottom: 28px;
}
.unique-con .unique_content .text {
margin-bottom: 25px;
}
.unique-con .unique_content ul li {
position: relative;
margin-bottom: 11px;
}
.unique-con .unique_content ul li:last-child {
margin-bottom: 0;
}
.unique-con .unique_content ul li i {
font-size: 9px;
height: 16px;
width: 16px;
line-height: 16px;
top: 3px;
left: 0;
position: absolute;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
}
.unique-con .unique_content ul li p {
line-height: 20px;
font-weight: 500;
padding-left: 34px;
color: var(--e-global-color-secondary);
}
.unique-con .unique-box {
padding: 48px 30px 50px;
text-align: center;
border: 1px solid var(--e-global-color-white);
background-color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.unique-con .box {
padding-top: 42px;
}
.unique-con .unique-box .number {
font-size: 46px;
line-height: 50px;
font-weight: 700;
display: inline-block;
margin-bottom: 10px;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary);
}
.unique-con .unique-box .plus {
font-size: 26px;
line-height: 26px;
font-weight: 700;
top: -14px;
left: 0;
position: relative;
color: var(--e-global-color-accent);
}
.unique-con .unique-box .text {
font-size: 16px;
line-height: 20px;
font-weight: 400;
display: block;
color: var(--e-global-color-text);
}
.unique-con .unique-box:hover {
border: 1px solid var(--e-global-color-accent);
}
.unique-con .unique-downcontent {
margin-top: -10px;
} .aboutsafety-con {
padding: 165px 0 155px;
background-color: var(--e-global-color-black);
}
.aboutsafety-con:before {
content: "";
position: absolute;
opacity: 45%;
width: 100%;
height: 100%;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/aboutsafety-backgroundimage.jpg);
}
.aboutsafety-con .image {
position: absolute;
}
.aboutsafety-con .safety-leftsideboxes {
left: 0;
bottom: 92px;
}
.aboutsafety-con .safety-rightsideboxes {
right: 0;
top: 110px;
}
.aboutsafety-con .safety_content .icon {
height: 112px;
width: 112px;
line-height: 112px;
margin: 0 auto 46px;
left: 0;
right: 0;
position: relative;
text-align: center;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 50%);
transition: all 0.3s ease-in-out;
}
.aboutsafety-con .safety_content .icon:hover {
transform: translateY(-5px);
}
.aboutsafety-con .safety_content .icon .video-icon {
height: 85px;
width: 85px;
line-height: 82px;
top: 12px;
left: 0;
right: 0;
margin: 0 auto;
position: relative;
text-align: center;
background-color: var(--e-global-color-accent);
border-radius: 100px;
transition: all 0.3s ease-in-out;
}
.aboutsafety-con .safety_content h2 {
margin-bottom: 20px;
}
.aboutsafety-con .safety_content p {
padding: 0 25px;
} .team-con {
padding: 138px 0 140px;
}
.team-con .team_content h6 {
width: 115px;
margin: 0 auto 20px;
text-align: left;
}
.team-con .team_content h2 {
margin-bottom: 52px;
}
.team-con .team-box {
position: relative;
text-align: center;
padding: 15px 15px 35px;
background-color: var(--e-global-color-white);
box-shadow: 0 6px 41px 6px rgb(0 0 0 / 5%);
border-bottom: 2px solid var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.team-con .team-box figure {
margin-bottom: 30px;
overflow: hidden;
}
.team-con .team-box figure img {
width: 100%;
transition: all 0.3s ease-in-out;
}
.team-con .team-box:hover figure img {
transform: scale(1.1);
}
.team-con .team-box h4 {
font-weight: 500;
margin-bottom: 2px;
}
.team-con .team-box span {
display: block;
margin-bottom: 16px;
}
.team-con .team-box li {
margin: 0 3px;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.team-con .team-box i {
font-size: 13px;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-grayish-blue);
transition: all 0.3s ease-in-out;
}
.team-con .team-box li:hover {
transform: translateY(-5px);
}
.team-con .team-box li:first-child {
margin-left: 0;
}
.team-con .team-box li:last-child {
margin-right: 0;
}
.team-con .team-box:hover i {
background-color: var(--e-global-color-accent);
} .abouttestimonial-con {
padding: 130px 0 194px;
background-color: var(--e-global-color-very-light-gray-white);
}
.abouttestimonial-con .testimonial_content h6 {
width: 115px;
margin: 0 auto 20px;
text-align: left;
}
.abouttestimonial-con .testimonial_content h2 {
margin-bottom: 52px;
}
.abouttestimonial-con .testimonial-box {
padding: 46px 50px 46px 38px;
background-color: var(--e-global-color-white);
border-bottom: 2px solid var(--e-global-color-accent);
}
.abouttestimonial-con .testimonial-box .testimonial-personimage {
width: 19%;
float: left;
}
.abouttestimonial-con .testimonial-box .testimonial-personimage img {
border-radius: 100%;
}
.abouttestimonial-con .testimonial-box .content {
width: 81%;
padding-left: 25px;
display: inline-block;
}
.abouttestimonial-con .testimonial-box p {
line-height: 24px;
margin-bottom: 10px;
}
.abouttestimonial-con .testimonial-box ul {
margin-bottom: 10px;
}
.abouttestimonial-con .testimonial-box ul li {
display: inline-block;
}
.abouttestimonial-con .testimonial-box ul li i {
font-size: 14px;
line-height: 14px;
color: var(--e-global-color-dark-orange);
}
.abouttestimonial-con .testimonial-box .name {
font-size: 16px;
line-height: 20px;
font-weight: 600;
display: block;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary);
}
.abouttestimonial-con .testimonial-box .review {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
}
.abouttestimonial-con .owl-carousel .owl-item img {
display: inline-block !important;
width: auto !important;
}
.abouttestimonial-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 50px !important; position: absolute;
left: 0;
right: 0;
}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot span {
background-color: #dddddd;
width: 10px;
height: 10px;
margin: 0 5px;
transition: all 0.3s ease-in-out;
}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot:hover span {
background-color: var(--e-global-color-accent);
}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {
width: 15px;
height: 15px;
position: relative; background-color: var(--e-global-color-accent);
}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
} .aboutfaq-con {
background-color: var(--e-global-color-white);
}
.aboutfaq-con .accordion-card {
box-shadow: 0 6px 41px 6px rgba(0, 0, 0, 5%);
}  .contactinfo-con {
padding: 138px 0 150px;
}
.contactinfo-con .contact_content h6 {
width: 135px;
margin: 0 auto 20px;
text-align: left;
}
.contactinfo-con .contact_content h2 {
margin-bottom: 52px;
}
.contactinfo-con .contact-box {
padding: 31px 35px 31px 33px;
background-color: var(--e-global-color-white);
box-shadow: 0 6px 60px 6px rgb(0 0 0 / 4%);
border: 1px solid var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.contactinfo-con .contact-box:hover {
border: 1px solid var(--e-global-color-accent);
}
.contactinfo-con .contact-box .icon {
width: 20%;
float: left;
transition: all 0.3s ease-in-out;
}
.contactinfo-con .contact-box:hover .icon {
transform: translateY(-5px);
}
.contactinfo-con .contact-box .box-content {
width: 80%;
padding-left: 0;
position: relative;
display: inline-block;
}
.contactinfo-con .contact-box h4 {
margin-bottom: 12px;
}
.contactinfo-con .contact-box p {
margin-top: 0;
margin-bottom: 0;
}
.contactinfo-con .contact-box .box-content a {
color: var(--e-global-color-text);
transition: all 0.3s ease-in-out;
}
.contactinfo-con .contact-box .box-content a:hover {
color: var(--e-global-color-accent);
} .map-con {
overflow: hidden;
}
.map-con iframe {
width: 100%;
height: 590px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.map-con iframe:hover {
filter: none;
} .contactform-con {
padding: 135px 0 230px;
}
.contactform-con .contactform_content h6 {
width: 135px;
margin: 0 auto 20px;
text-align: left;
}
.contactform-con .contactform_content h2 {
margin-bottom: 52px;
}
.contactform-con form .form-group {
margin-bottom: 26px;
}
.contactform-con form input, .contactform-con form textarea {
font-size: 16px;
line-height: 20px;
font-weight: 400;
width: 100%;
padding: 19px 24px;
color: var(--e-global-color-text);
background-color: var(--e-global-color-white);
box-shadow: 0 6px 60px 6px rgb(0 0 0 / 3%);
border: 1px solid transparent;
overflow: visible;
outline: none;
}
.contactform-con form textarea {
height: 170px;
padding: 25px 24px;
resize: none;
outline: none;
overflow: auto;
}
.contactform-con form .message {
margin-bottom: 52px;
}
.contactform-con form input:focus, .contactform-con form textarea:focus {
border: 1px solid var(--e-global-color-accent);
}
.contactform-con form .submit {
font-size: 16px;
line-height: 16px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
padding: 21px 44px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
position: relative;
border: none;
overflow: visible;
outline: none;
transition: all 0.3s ease-in-out;
}
.contactform-con form .submit i {
font-size: 12px;
margin-left: 28px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.contactform-con form .submit:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-secondary);
}
.contactform-con form .submit:hover i {
color: var(--e-global-color-white);
}
.contactform-con form span {
font-size: 14px;
line-height: 14px;
font-weight: 400;
margin-top: 10px;
position: relative;
display: block;
color: var(--e-global-color-pure-red);
}  .solution-con {
padding: 138px 0 142px;
background-color: var(--e-global-color-black);
}
.solution-con:before {
content: "";
position: absolute;
opacity: 50%;
width: 100%;
height: 100%;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/solution-backgroundimage.jpg);
}
.solution-con .image {
position: absolute;
}
.solution-con .solution-leftsidecircle {
left: 0;
top: 100px;
}
.solution-con .solution-rightsidecircle {
right: 0;
bottom: 102px;
}
.solution-con .solution_content h6 {
width: 135px;
margin: 0 auto 24px;
text-align: left;
color: var(--e-global-color-white);
}
.solution-con .solution_content h2 {
margin-bottom: 40px;
}
.solution-con .solution_content .get_started {
padding: 21px 33px;
}
.solution-con .solution_content .get_started:hover {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-white);
}
.solution-con .solution_content .get_started:hover i {
color: var(--e-global-color-secondary);
}  .pricingteam-con {
padding-bottom: 100px;
}
.pricingteam-con .team-box {
margin-bottom: 40px;
} .article-con {
padding: 140px 0 225px;
}
.article-con .article_content h6 {
width: 150px;
margin: 0 auto 20px;
text-align: left;
}
.article-con .article_content h2 {
margin-bottom: 52px;
}
.article-con .article-box {
background-color: var(--e-global-color-white);
box-shadow: 0 6px 41px 6px rgb(0 0 0 / 5%);
transition: all 0.3s ease-in-out;
}
.article-con .article-box figure {
overflow: hidden;
}
.article-con .article-box figure img {
transition: all 0.3s ease-in-out;
}
.article-con .article-box:hover figure img {
transform: scale(1.1);
}
.article-con .article-box .content {
padding: 22px 58px 30px 18px;
}
.article-con .article-box .icon {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.article-con .article-box .icon .admin {
margin-right: 14px;
}
.article-con .article-box .icon i {
position: relative;
font-size: 12px;
top: -1px;
margin-right: 4px;
color: var(--e-global-color-accent);
}
.article-con .article-box h3 {
margin-bottom: 25px;
color: var(--e-global-color-secondary);
}
.article-con .article-box h3:hover {
color: var(--e-global-color-accent);
}
.article-con .article-box .read_more {
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.article-con .article-box .read_more:hover {
color: var(--e-global-color-text);
}
.article-con .article-box .read_more i {
font-size: 11px;
margin-left: 14px;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.article-con .article-box .read_more:hover i {
color: var(--e-global-color-text);
} .service_detail {
padding: 120px 0;
}
.service_detail .main-box {
position: relative;
}
.service_detail .main-box .image {
margin-bottom: 30px;
}
.service_detail .main-box .image img {
width: 100%;
}
.service_detail .main-box h3 {
font-size: 24px;
line-height: 30px;
}
.service_detail .main-box p {
margin-bottom: 10px;
}
.service_detail .main-box .text2 {
margin-bottom: 20px;
}
.service_detail .main-box .list {
margin-bottom: 20px;
}
.service_detail .main-box .list li {
margin-bottom: 6px;
padding-left: 28px;
line-height: 20px;
font-weight: 500;
position: relative;
color: var(--e-global-color-text);
}
.service_detail .main-box .list li i {
font-size: 9px;
height: 16px;
width: 16px;
line-height: 16px;
top: 2PX;
left: 0;
border-radius: 100px;
position: absolute;
text-align: center;
display: inline-block;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
} .servicedetail-con {
padding-bottom: 200px;
}  .electric_banner_outer {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/banner2-topbackground.jpg);
background-color: var(--e-global-color-very-light-gray-white);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.electric_banner_outer .card-overlay {
background: rgba(0, 0, 0, 60%);
}
.electric_banner_outer::before {
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/banner2-bottombackground.png);
background-repeat: no-repeat;
background-position: bottom;
content: "";
width: 799px;
height: 170px;
position: absolute;
left: 0;
bottom: -1px;
z-index: 1;
}
.electric_banner_outer::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: solid 98px rgb(248, 248, 248);
border-right: solid 1100px transparent;
border-left: solid 795px rgb(248, 248, 248);
border-top: solid 0px transparent;
}
.electricbanner-con {
padding: 195px 0 325px;
z-index: 1;
}
.electricbanner-con ul {
position: absolute;
left: -120px;
top: 78px;
}
.electricbanner-con ul li {
margin: 13px 0;
transition: all 0.3s ease-in-out;
}
.electricbanner-con ul li:first-child {
margin-top: 0;
}
.electricbanner-con ul li:last-child {
margin-bottom: 0;
}
.electricbanner-con ul li i {
font-size: 16px;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 100px;
text-align: center;
color: var(--e-global-color-white);
background-color: rgba(255, 255, 255, 0.08);
transition: all 0.3s ease-in-out;
}
.electricbanner-con ul li a:hover i {
background-color: var(--e-global-color-accent);
}
.electricbanner-con .banner_content h1 {
font-size: 70px;
line-height: 80px;
margin-bottom: 24px;
text-transform: none;
}
.electricbanner-con .banner_content p {
margin-bottom: 42px;
padding: 0 15px;
}
.electricbanner-con .banner_content .get_started {
padding: 21px 33px;
}
.electricbanner-con .banner_content .get_started:hover {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-white);
}
.electricbanner-con .banner_content .get_started:hover i {
color: var(--e-global-color-secondary);
}
.electricbanner-con .banner_content ul {
display: none;
}
.electricbanner-con .banner_content .top-btn {
display: inline-block;
bottom: -168px;
position: relative;
transition: all 0.3s ease-in-out;
}
.electricbanner-con .banner_content .top-btn:hover {
transform: translateY(-5px);
} .electricservice-con {
padding: 65px 0 198px;
background-color: var(--e-global-color-very-light-gray-white);
}
.electricservice-con .service_content {
position: relative;
text-align: center;
}
.electricservice-con .service_content h6 {
width: 135px;
margin: 0 auto 20px;
text-align: left;
}
.electricservice-con .service_content h2 {
margin-bottom: 52px;
}
.electricservice-con .service-box {
width: 100%;
background: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.electricservice-con .upper_portion {
position: relative;
}
.electricservice-con .upper_portion .service-image {
overflow: hidden;
}
.electricservice-con .upper_portion .service-image img {
width: 100% !important;
transition: all 0.3s ease-in-out;
}
.electricservice-con .service-box:hover .service-image img {
transform: scale(1.1);
width: 100%;
}
.electricservice-con .upper_portion .service-icon {
height: 87px;
width: 87px;
line-height: 87px;
bottom: -45px;
border-radius: 100%;
text-align: center;
display: inline-block;
left: 0;
right: 0;
margin: auto;
position: absolute;
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.electricservice-con .lower_portion_wrapper {
text-align: center;
padding: 74px 48px 35px;
}
.electricservice-con .lower_portion_wrapper h3 {
margin-bottom: 14px;
transition: all 0.3s ease-in-out;
}
.electricservice-con .lower_portion_wrapper h3:hover {
color: var(--e-global-color-accent);
}
.electricservice-con .lower_portion_wrapper p {
line-height: 24px;
margin-bottom: 22px;
}
.electricservice-con .lower_portion_wrapper .learn_more {
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.electricservice-con .lower_portion_wrapper .learn_more i {
font-size: 11px;
margin-left: 14px;
color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.electricservice-con .lower_portion_wrapper .learn_more:hover {
color: var(--e-global-color-text);
}
.electricservice-con .lower_portion_wrapper .learn_more:hover i {
color: var(--e-global-color-text);
}
.electricservice-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 50px !important; position: absolute;
left: 0;
right: 0;
}
.electricservice-con .owl-carousel .owl-dots .owl-dot span {
background-color: #dddddd;
width: 10px;
height: 10px;
margin: 0 5px;
transition: all 0.3s ease-in-out;
}
.electricservice-con .owl-carousel .owl-dots .owl-dot:hover span {
background-color: var(--e-global-color-accent);
}
.electricservice-con .owl-carousel .owl-dots .owl-dot.active span {
width: 15px;
height: 15px;
position: relative; background-color: var(--e-global-color-accent);
}
.electricservice-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
}
.electricservice-con .owl-carousel .owl-item img {
display: inline-block;
width: auto;
} .electrictestimonial-con {
padding: 135px 0 195px;
text-align: center;
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/testimonial2-backgroundimage.jpg);
background-color: var(--e-global-color-accent);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.electrictestimonial-con .image {
position: absolute;
}
.electrictestimonial-con .image img {
opacity: 12%;
}
.electrictestimonial-con .testimonial2-leftquote {
top: 95px;
left: 95px;
}
.electrictestimonial-con .testimonial2-rightquote {
bottom: 95px;
right: 95px;
}
.electrictestimonial-con .testimonial-box {
margin-bottom: 45px;
}
.electrictestimonial-con .testimonial-box h4 {
font-weight: 500;
margin-bottom: 14px;
}
.electrictestimonial-con .testimonial-box ul {
margin-bottom: 30px;
}
.electrictestimonial-con .testimonial-box ul li {
display: inline-block;
}
.electrictestimonial-con .testimonial-box ul li i {
font-size: 18px;
line-height: 18px;
color: var(--e-global-color-bright-yellow);
}
.electrictestimonial-con .testimonial-box h3 {
font-size: 28px;
line-height: 40px;
padding: 0 15px;
}
.electrictestimonial-con .carousel-indicators {
position: relative;
bottom: 0;
left: 0;
}
.electrictestimonial-con .carousel-indicators li {
text-indent: 0;
width: 57px;
height: 57px;
opacity: 1;
margin: 0 18px;
border-radius: 100%;
}
.electrictestimonial-con .carousel-indicators li:first-child {
margin-left: 0;
}
.electrictestimonial-con .carousel-indicators li:last-child {
margin-right: 0;
}
.electrictestimonial-con .carousel-indicators li figure {
background-color: var(--e-global-color-white);
border-radius: 100%;
}
.electrictestimonial-con .carousel-indicators li figure img {
border-radius: 100%;
opacity: 60%;
}
.electrictestimonial-con .carousel-indicators .active figure img {
width: 82px;
opacity: 1;
transform: scale(1.4);
}
.electrictestimonial-con .carousel-indicators li .name_wrapper {
position: absolute;
left: 0;
right: 0;
bottom: -78px;
margin: 0 auto;
display: none;
}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {
font-size: 20px;
line-height: 20px;
font-weight: 500;
display: block;
margin-bottom: 6px;
color: var(--e-global-color-white);
}
.electrictestimonial-con .carousel-indicators li .name_wrapper .review {
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: var(--e-global-color-white);
}
.electrictestimonial-con .carousel-indicators .active .name_wrapper {
display: block;
}  .universal_banner_outer {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/banner3-background.jpg);
background-color: var(--e-global-color-accent);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.universal_header .navbar-nav .nav-item a:hover {
color: var(--e-global-color-very-dark-grayish-blue) !important;
background-color: transparent;
}
.universal_header .navbar-nav .active>a {
color: var(--e-global-color-very-dark-grayish-blue) !important;
}
.universal_header .navbar-nav .drop-down-pages li:first-child a:hover::before {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node-hover2.png);
}
.universal_header .navbar-nav .drop-down-pages .active:first-child>a::before {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/nav-node-hover2.png);
}
.universal_header .navbar-nav .nav-item .dropdown-item:hover {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-very-dark-grayish-blue) !important;
}
.universal_header .navbar-nav .drop-down-pages .active>a {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-very-dark-grayish-blue) !important;
}
.universal_header .navbar-nav .drop-down-pages .active>a:hover {
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-very-dark-grayish-blue) !important;
}
.universal_header .last_list .search-box:hover {
color: var(--e-global-color-secondary);
}
.universal_header .last_list .get_started {
color: var(--e-global-color-white);
background-color: transparent;
border: 1px solid var(--e-global-color-white);
}
.universal_header .last_list .get_started:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-grayish-blue);
border: 1px solid var(--e-global-color-very-dark-grayish-blue);
}
.universal_header .last_list .get_started:hover i {
color: var(--e-global-color-white);
}
.universal_header .last_list .number:hover {
color: var(--e-global-color-very-dark-grayish-blue) !important;
}
.universalbanner-con {
padding: 175px 0 195px;
}
.universalbanner-con ul {
position: absolute;
left: -170px;
top: 90px;
}
.universalbanner-con ul li {
margin: 13px 0;
transition: all 0.3s ease-in-out;
}
.universalbanner-con ul li:first-child {
margin-top: 0;
}
.universalbanner-con ul li:last-child {
margin-bottom: 0;
}
.universalbanner-con ul li i {
font-size: 16px;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 100px;
text-align: center;
color: var(--e-global-color-white);
background-color: rgba(255, 255, 255, 0.20);
transition: all 0.3s ease-in-out;
}
.universalbanner-con ul li a:hover i {
color: var(--e-global-color-accent);
background-color: var(--e-global-color-white);
}
.universalbanner-con .banner_content h6 {
margin-bottom: 23px;
color: var(--e-global-color-white);
}
.universalbanner-con .banner_content h6::before {
background-color: var(--e-global-color-white);
}
.universalbanner-con .banner_content h1 {
font-size: 70px;
line-height: 80px;
margin-bottom: 36px;
text-transform: none;
}
.universalbanner-con .banner_content .get_started {
padding: 21px 33px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.universalbanner-con .banner_content .get_started:hover {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-white);
}
.universalbanner-con .banner_content .get_started i {
color: var(--e-global-color-white);
}
.universalbanner-con .banner_content .get_started:hover i {
color: var(--e-global-color-very-dark-grayish-blue);
}
.universalbanner-con .banner_content ul {
display: none;
}
.universalbanner-con .banner_wrapper .banner3-image {
position: absolute;
top: -140px;
left: -24px;
z-index: 1;
}
.universalbanner-con .banner_wrapper .circle {
width: 379px;
height: 379px;
line-height: 379px;
top: 22px;
right: -72px;
border-radius: 100%;
position: absolute;
background-color: var(--e-global-color-white);
} .universalservice-con {
padding: 140px 0 115px;
}
.universalservice-con .service_content h6 {
margin-bottom: 20px;
}
.universalservice-con .service_content h2 {
margin-bottom: 42px;
}
.universalservice-con .service-box {
padding: 30px 15px 30px 30px;
margin-bottom: 30px;
position: relative;
cursor: pointer;
background-color: var(--e-global-color-white);
box-shadow: 0 6px 60px 6px rgb(0 0 0 / 4%);
border: 1px solid var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.universalservice-con .service-box:hover {
border: 1px solid var(--e-global-color-accent);
}
.universalservice-con .service-box .icon {
width: 18%;
top: 6px;
float: left;
position: relative;
transition: all 0.3s ease-in-out;
}
.universalservice-con .service-box .icon img {
width: 50px;
}
.universalservice-con .service-box:hover .icon {
transform: translateY(-5px);
}
.universalservice-con .service-box .content {
width: 82%;
padding-left: 18px;
position: relative;
display: inline-block;
}
.universalservice-con .service-box h4 {
margin-bottom: 14px;
padding-right: 20px;
}
.universalservice-con .service-box p {
line-height: 22px;
} .universalabout-con {
padding: 130px 0;
background-color: var(--e-global-color-very-light-gray-white);
}
.universalabout-con .about_content {
padding-left: 28px;
}
.universalabout-con .about_content h6 {
margin-bottom: 22px;
}
.universalabout-con .about_content h2 {
margin-bottom: 28px;
text-transform: none;
}
.universalabout-con .about_content .text {
margin-bottom: 25px;
}
.universalabout-con .about_content ul {
margin-bottom: 55px;
}
.universalabout-con .about_content ul li {
position: relative;
margin-bottom: 11px;
}
.universalabout-con .about_content ul li:last-child {
margin-bottom: 0;
}
.universalabout-con .about_content ul li i {
font-size: 9px;
height: 16px;
width: 16px;
line-height: 16px;
top: 3px;
left: 0;
position: absolute;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
}
.universalabout-con .about_content ul li p {
line-height: 20px;
font-weight: 500;
padding-left: 34px;
color: var(--e-global-color-secondary);
}
.universalabout-con .about_content .box {
padding: 40px 58px 43px;
display: flex;
align-items: center;
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.universalabout-con .about_content .box h3 {
font-size: 24px;
line-height: 36px;
padding-left: 85px;
}
.universalabout-con .about_content .box .about-icon {
position: absolute;
}
.universalabout-con .about_wrapper .about-image1 {
position: absolute;
top: 0;
right: 0;
}
.universalabout-con .about_wrapper .video-image {
top: 323px;
left: -22px;
position: absolute;
display: inline-block;
}
.universalabout-con .about_wrapper .about-image2 {
background-color: var(--e-global-color-black);
border: 10px solid var(--e-global-color-very-light-gray-white);
}
.universalabout-con .about_wrapper .about-image2 img {
opacity: 45%;
}
.universalabout-con .about_wrapper .icon {
height: 93px;
width: 93px;
line-height: 93px;
border: 1px solid rgba(255, 255, 255, 50%);
border-radius: 100px;
position: absolute;
text-align: center;
transition: all 0.3s ease-in-out;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.universalabout-con .about_wrapper .icon:hover {
transform: translateY(-5px);
}
.universalabout-con .about_wrapper .icon .video-icon {
height: 71px;
width: 71px;
line-height: 68px;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
position: relative;
text-align: center;
background-color: var(--e-global-color-accent);
border-radius: 100px;
transition: all 0.3s ease-in-out;
}
.universalabout-con .about_wrapper .icon:hover .video-icon {
background-color: var(--e-global-color-very-dark-black-blue);
} .universalpricing-con {
padding: 136px 0 140px;
background-color: var(--e-global-color-white);
}
.universalpricing-con .pricing_content {
position: relative;
padding-top: 60px;
}
.universalpricing-con .pricing_content h6 {
margin-bottom: 20px;
}
.universalpricing-con .pricing_content h2 {
margin-bottom: 30px;
}
.universalpricing-con .pricing_content .text1 {
padding-right: 20px;
}
.universalpricing-con .pricing-box {
padding: 45px 30px 45px 40px;
background-color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-white);
box-shadow: 0 6px 41px 6px rgb(0 0 0 / 5%) inset;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.universalpricing-con .pricing-box:hover {
border: 1px solid var(--e-global-color-accent);
}
.universalpricing-con .pricing-box .text {
line-height: 24px;
}
.universalpricing-con .pricing-box .value {
padding-bottom: 32px;
margin-bottom: 24px;
border-bottom: 1px solid var(--e-global-color-very-light-gray);
}
.universalpricing-con .pricing-box sup, .universalpricing-con .pricing-box span {
display: inline-block;
color: var(--e-global-color-secondary);
font-family: "Lexend Deca", sans-serif;
}
.universalpricing-con .pricing-box .dollar {
font-size: 20px;
line-height: 20px;
font-weight: 400;
}
.universalpricing-con .pricing-box .number {
font-size: 46px;
line-height: 46px;
font-weight: 700;
}
.universalpricing-con .pricing-box .month {
font-size: 14px;
line-height: 14px;
font-weight: 300;
}
.universalpricing-con .pricing-box ul {
margin-bottom: 36px;
}
.universalpricing-con .pricing-box ul li {
position: relative;
margin-bottom: 3px;
}
.universalpricing-con .pricing-box ul li i {
font-size: 14px;
top: 6px;
left: 0;
position: absolute;
color: var(--e-global-color-accent);
}
.universalpricing-con .pricing-box ul li p {
padding-left: 24px;
}
.universalpricing-con .pricing-box .get_started {
padding: 21px;
display: block;
}
.universalpricing-con .owl-carousel .owl-nav {
margin-top: 0 !important;
position: absolute;
bottom: 55px;
left: -368px;
}
.universalpricing-con .owl-carousel .owl-prev, .universalpricing-con .owl-carousel .owl-next {
margin: 0 !important;
background: transparent !important;
}
.universalpricing-con .owl-carousel .owl-prev:focus, .universalpricing-con .owl-carousel .owl-next:focus {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.universalpricing-con .owl-carousel .owl-prev span, .universalpricing-con .owl-carousel .owl-next span {
font-size: 17px;
width: 49px;
height: 49px;
line-height: 49px;
text-align: center;
border-radius: 100px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-secondary);
transition: all 0.3s ease-in-out;
}
.universalpricing-con .owl-carousel .owl-prev:hover span, .universalpricing-con .owl-carousel .owl-next:hover span {
background-color: var(--e-global-color-accent);
}
.universalpricing-con .owl-carousel .owl-prev {
position: relative;
left: -12px;
bottom: 0;
}
.universalpricing-con .owl-carousel .owl-next {
position: relative;
right: -10px;
bottom: 0;
} .faq3-con {
padding-bottom: 333px;
} .footer-con .universal_upper_portion {
overflow: hidden;
padding: 85px 50px 90px 90px;
margin-top: -196px;
background-color: var(--e-global-color-accent);
}
.footer-con .universal_upper_portion h6 {
margin-bottom: 18px;
}
.footer-con .universal_upper_portion h6::before {
background-color: var(--e-global-color-white);
}
.footer-con .universal_upper_portion h3 {
font-size: 40px;
line-height: 48px;
font-weight: 700;
margin-bottom: 42px;
}
.footer-con .universal_upper_portion .image-wrapper {
display: inline-flex;
}
.footer-con .universal_upper_portion .image-apple {
margin-right: 12px;
}
.footer-con .universal_upper_portion .footer-phone1 {
position: absolute;
top: -20px;
left: 50px;
}
.footer-con .universal_upper_portion .footer-phone2 {
position: absolute;
top: 32px;
right: 22px;
} .error_page {
height: 100vh;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
background-color: var(--e-global-color-very-light-gray-white);
}
.error_page .error_content h1 {
font-size: 140px;
line-height: 140px;
margin-bottom: 25px;
color: var(--e-global-color-secondary);
}
.error_page .error_content .text {
font-size: 46px;
line-height: 50px;
font-weight: 700;
margin-bottom: 20px;
color: var(--e-global-color-secondary);
}
.error_page .error_content .text2 {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-bottom: 30px;
color: var(--e-global-color-text);
}
.error_page .error_content .back_home {
font-size: 20px;
line-height: 20px;
font-weight: 500;
padding: 18px 35px 20px;
text-align: center;
display: inline-block;
position: relative;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.error_page .error_content .back_home:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-secondary);
}
.error_page .error_content .back_home i {
font-size: 12px;
margin-left: 14px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
} .comingsoon_outer {
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 100vh;
text-align: center;
position: relative;
background-color: var(--e-global-color-very-dark-grayish-blue);
}
.comingsoon_outer .logo_outer {
margin-bottom: 65px;
}
.comingsoon_outer .comingsoon_section {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
}
.comingsoon_outer .sub_banner_content h1 {
font-size: 80px;
line-height: 90px;
margin-bottom: 30px;
color: var(--e-global-color-white);
}
.comingsoon_outer .sub_banner_content p {
font-weight: 500;
margin-bottom: 12px;
color: var(--e-global-color-white);
}
.comingsoon_outer .sub_banner_content form {
display: flex;
align-items: center;
justify-content: center;
}
.comingsoon_outer .sub_banner_content .form-group {
margin-bottom: 30px;
}
.comingsoon_outer .sub_banner_content input {
font-size: 16px;
line-height: 16px;
font-weight: 400;
padding: 14px 16px 16px;
width: 540px;
position: relative;
color: var(--e-global-color-text);
background-color: var(--e-global-color-white);
border: 1px solid transparent;
border-radius: 0;
overflow: visible;
outline: none;
}
.comingsoon_outer .sub_banner_content button {
font-size: 18px;
line-height: 18px;
font-weight: 400;
padding: 15px 30px 18px;
height: 100%;
top: 0;
right: 0;
border-radius: 0;
position: absolute;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
overflow: visible;
outline: none;
transition: all 0.3s ease-in-out;
}
.comingsoon_outer .sub_banner_content input:focus {
border: 1px solid var(--e-global-color-accent);
}
.comingsoon_outer .sub_banner_content button:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-black-blue);
border: 1px solid var(--e-global-color-very-dark-black-blue);
}
.comingsoon_outer .sub_banner_content .social-icon li {
display: inline-block;
margin: 0 4px;
}
.comingsoon_outer .sub_banner_content .social-icon li:first-child {
margin-left: 0;
}
.comingsoon_outer .sub_banner_content .social-icon li:last-child {
margin-right: 0;
}
.comingsoon_outer .sub_banner_content .social-icon a {
transition: all 0.3s ease-in-out;
}
.comingsoon_outer .sub_banner_content .social-icon i {
font-size: 16px;
height: 46px;
width: 46px;
line-height: 46px;
border-radius: 100px;
text-align: center;
color: var(--e-global-color-white);
background-color: var(--e-global-color-very-dark-black-blue);
transition: all 0.3s ease-in-out;
}
.comingsoon_outer .sub_banner_content .social-icon a:hover i {
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
} #search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
display: none;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index: 106;
display: block;
}
#search input[type="search"] {
position: absolute;
top: 50%;
left: 0;
margin-top: -51px;
width: 60%;
margin-left: 20%;
color: rgb(255, 255, 255);
background-color: transparent;
border-top: none;
border-bottom: 2px solid rgba(255, 255, 255, .5);
border-left: 0px solid transparent;
border-right: 0px solid transparent;
font-size: 40px;
font-weight: 400;
text-align: center;
outline: none;
padding: 10px;
}
#search input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
height: 20px;
width: 20px;
content: "\f00d";
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/close.png);
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
opacity: 1;
font-size: 27px;
color: #fff;
}
#search .close:hover {
color: var(--e-global-color-accent);
cursor: pointer;
text-shadow: none;
} #button {
display: inline-block;
background-color: var(--e-global-color-accent);
width: 64px;
height: 64px;
text-align: center;
border-radius: 64px;
position: fixed;
bottom: 60px;
right: 80px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
-webkit-animation: spineer 2s infinite;
animation: spineer 2s infinite;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
#button::after {
content: "\f062";
font-family: "Font Awesome 5 free";
font-size: 20px;
line-height: 20px;
color: #fff;
font-weight: 600;
}
#button.show {
opacity: 1;
visibility: visible;
}
#button:hover {
transform: translateY(-5px);
}
@-webkit-keyframes spineer {
from {
box-shadow: 0 0 0 0 rgb(53 176 74 / 41%)
}
to {
box-shadow: 0 0 0 35px rgba(250, 87, 51, .01)
}
}
@keyframes spineer {
from {
box-shadow: 0 0 0 0 rgb(53 176 74 / 41%)
}
to {
box-shadow: 0 0 0 35px rgba(250, 87, 51, .01)
}
}  .loader-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99999;
}
.loader {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
font-size: 0;
color: var(--e-global-color-accent);
display: inline-block;
margin: -25px 0 0 -25px;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.lead {
font-size: 13px;
}
.loader div {
background-color: var(--e-global-color-accent);
display: inline-block;
float: none;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
opacity: .5;
border-radius: 50%;
-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
animation: ballPulseDouble 2s ease-in-out infinite;
}
.loader div:last-child {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes ballPulseDouble {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ballPulseDouble {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media screen and (min-width:1200px){ .energy_banner_outer .container {max-width: 1455px !important;margin: auto !important;} .electric_banner_outer .container {max-width: 1455px; margin: auto;} .universal_banner_outer .container {max-width: 1455px; margin: auto;} .sub_banner .header .container {max-width: 1455px !important;margin: auto !important;}
}
@media screen and (min-width: 1800px) and (max-width: 1899px){ .banner-con ul {left: -140px;} .universalbanner-con ul {left: -140px;}
}
@media screen and (min-width: 750px) and (max-width: 1980px){
.world{
width: 100%;
height: 900px; background-size: cover;
margin: 0 auto;
position: relative;
}
.worldcenter{
width: 100%;
max-width: 1600px;
height: 900px;
margin: 0 auto;
position: relative;
padding: 0 40px;
}
.worldcenter h2{
width: 100%;
font-size: 56px;
line-height: 1.3;
text-align: center;
color: #fff;
margin: 0;
font-family: "Lexend Deca", sans-serif;
font-weight: 800;
padding-top: 100px;
margin-bottom: 80px;
letter-spacing: -0.5px;
}
.worldcenter ul{
width: 650px;
height: auto;
position: absolute;
top: 280px;
left: 40px;
list-style: none;
padding: 0;
margin: 0;
}
.worldcenter ul li{
width: 650px;
height: auto;
margin-bottom: 0;
}
.worldcenter ul li h3{
font-size: 32px;
width: 100%;
text-align: left;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
margin: 0 0 20px 0;
letter-spacing: -0.3px;
}
.worldtitle{
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.85;
text-align: left;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
padding-top: 10px;
margin: 0;
font-weight: 400;
}
.worldtitle2{
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.85;
text-align: left;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
padding-top: 10px;
margin: 0;
font-weight: 400;
}
.worldcenter ul li:nth-of-type(2){
padding-top: 60px;
}
.world_place1{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 240px;
left: 680px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place2{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 500px;
left: 820px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place3{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 280px;
left: 1050px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place4{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
bottom: 220px;
left: 1120px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place5{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 250px;
right: 220px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place6{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
bottom: 200px;
right: 80px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.quanbox1{
width: 180px;
height: 180px;
position: absolute;
top: 38%;
left: 41%;
}
@keyframes warn2 {
0% {
transform: scale(0.2);
opacity: 0.6;
}
25% {
transform: scale(0.4);
opacity: 0.45;
}
50% {
transform: scale(0.6);
opacity: 0.3;
}
75% {
transform: scale(0.8);
opacity: 0.15;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.quan {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: -26%;
animation: warn2 2s ease-out infinite;
}
.quan1 {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: 0;
animation: warn2 4s ease-out infinite;
}
.quan2 {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: -26%;
animation: warn2 4s ease-out infinite;
}
.quanbox2{
width: 180px;
height: 180px;
position: absolute;
top: 59%;
left: 50%;
}
.quanbox3{
width: 180px;
height: 180px;
position: absolute;
top: 330px;
left: 61%;
}
.quanbox4{
width: 180px;
height: 180px;
position: absolute;
top: 54%;
left: 66%;
}
.quanbox5{
width: 180px;
height: 180px;
position: absolute;
top: 340px;
right: 150px;
}
.quanbox6{
width: 180px;
height: 180px;
position: absolute;
top: 60%;
right: 2%;
}
.four{
width: 2560px;
height: 352px;
margin: 0 auto;
background: #fff;
border-radius: 10px;
box-shadow: 0px 3px 3px #f3f3f3;
position: absolute;
bottom: -128px;
}
.four ul{
width: 2560px;
height: 352px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
}
.four ul li{
width: 512px;
height: 352px;
margin: 0 auto;
}
.four ul li h4{
font-size: 67px;
font-weight: 800;
color: #0089e4;
text-align: center;
width: 512px;
display: table;
margin: 0 auto;
padding-top: 122px;
font-family: "Lexend Deca", sans-serif;
}
.four ul li p{
width: 512px;
font-size: 29px;
color: #000;
text-align: center;
}
.four ul li:nth-of-type(2){
padding-top: 0 !important;
}
} @media screen and (min-width: 1200px) and (max-width: 1980px){
.world {
height: 900px;
}
.worldcenter {
max-width: 1600px;
height: 900px;
}
.worldcenter h2 {
font-size: 56px;
padding-top: 100px;
margin-bottom: 80px;
}
.worldcenter ul {
width: 650px;
top: 280px;
left: 40px;
}
.worldcenter ul li h3 {
font-size: 32px;
margin-bottom: 20px;
}
.worldtitle,
.worldtitle2 {
font-size: 18px;
line-height: 1.85;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.world {
height: 800px;
}
.worldcenter {
max-width: 1200px;
height: 800px;
padding: 0 30px;
}
.worldcenter h2 {
font-size: 48px;
padding-top: 80px;
margin-bottom: 60px;
}
.worldcenter ul {
width: 550px;
top: 250px;
left: 30px;
}
.worldcenter ul li h3 {
font-size: 28px;
margin-bottom: 18px;
}
.worldtitle,
.worldtitle2 {
font-size: 17px;
line-height: 1.8;
}
.world_place1 { left: 600px; top: 220px; }
.world_place2 { left: 720px; top: 460px; }
.world_place3 { left: 920px; top: 260px; }
.world_place4 { left: 980px; bottom: 200px; }
.world_place5 { right: 180px; top: 230px; }
.world_place6 { right: 60px; bottom: 180px; }
.quanbox1 { left: 560px; top: 300px; }
.quanbox2 { left: 680px; top: 520px; }
.quanbox3 { left: 860px; top: 310px; }
.quanbox4 { left: 930px; top: 440px; }
.quanbox5 { right: 130px; top: 310px; }
.quanbox6 { right: 10px; top: 530px; }
}
@media screen and (min-width: 750px) and (max-width: 991px){
.world {
height: 700px;
}
.worldcenter {
max-width: 100%;
height: 700px;
padding: 0 20px;
}
.worldcenter h2 {
font-size: 42px;
padding-top: 60px;
margin-bottom: 50px;
}
.worldcenter ul {
width: 100%;
max-width: 500px;
position: relative;
top: auto;
left: auto;
margin-top: 30px;
}
.worldcenter ul li {
width: 100%;
}
.worldcenter ul li h3 {
font-size: 26px;
margin-bottom: 15px;
}
.worldtitle,
.worldtitle2 {
font-size: 16px;
line-height: 1.75;
}
.worldcenter ul li:nth-of-type(2) {
padding-top: 40px;
}
.world_place1,
.world_place2,
.world_place3,
.world_place4,
.world_place5,
.world_place6 {
display: none;
}
.quanbox1,
.quanbox2,
.quanbox3,
.quanbox4,
.quanbox5,
.quanbox6 {
display: none;
}
}
@media screen and (min-width: 1700px) and (max-width: 1799px){ .banner-con ul {left: -95px;} .electricbanner-con ul {left: -80px;}
.electrictestimonial-con .image img{width: 245px;} .universalbanner-con ul {left: -95px;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){ .banner-con ul {left: -50px;}
.about-con .about-sideswitch img {width: 215px;}
.testimonial-con .testimonial-box {padding: 30px 20px;} .electricbanner-con ul {left: -40px;}
.electrictestimonial-con .image img{width: 230px;} .universalbanner-con ul {left: -50px;}
}
@media screen and (min-width: 1441px) and (max-width: 1599px){ .banner-con ul {display: none;}
.banner-con .banner_content .get_started {margin-bottom: 30px;}
.banner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.banner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.banner-con .banner_content ul li:first-child {margin-left: 0;}
.banner-con .banner_content ul li:last-child {margin-right: 0;}
.banner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.banner-con .banner_content ul li:hover{transform: translateY(-5px);} .universalbanner-con ul {display: none;}
.universalbanner-con .banner_content .get_started {margin-bottom: 30px;}
.universalbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.universalbanner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.universalbanner-con .banner_content ul li:first-child {margin-left: 0;}
.universalbanner-con .banner_content ul li:last-child {margin-right: 0;}
.universalbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.universalbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
}
@media screen and (min-width: 1500px) and (max-width: 1599px){ .banner-con {padding: 145px 0 200px;}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -85px;}
.about-con .about-sideswitch img {width: 180px;} .electricbanner-con ul {left: 10px;}
.electrictestimonial-con .image img{width: 200px;} .universalbanner-con {padding: 175px 0 165px;}
.universalbanner-con .banner_wrapper .banner3-image {left: -35px;}
.universalbanner-con .banner_wrapper .circle {right: -20px;}
}
@media screen and (min-width: 1441px) and (max-width: 1499px){ .banner-con  {padding: 130px 0 180px;}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -80px;}
.about-con .about-sideswitch img {display: none;} .electricbanner-con ul {left: 50px;}
.electrictestimonial-con .image img{width: 180px;} .universalbanner-con {padding: 175px 0 165px;}
.universalbanner-con .banner_wrapper .banner3-image {left: -50px;}
.universalbanner-con .banner_wrapper .circle {right: -5px;}
}
@media screen and (max-width: 1440px){
h1 {font-size: 58px; line-height: 64px;}
.header {padding: 22px 0;}
.navbar-nav .dropdown-menu {top: 45px;}
.navbar-nav li {margin: 0 12px;}
.navbar-nav li:last-child {margin-right: 16px;}
.header .last_list {padding-left: 24px;}
.header .last_list .search-box {font-size: 18px;}
.header .last_list .get_started {padding: 16px 20px; margin: 0 20px;}
.header .last_list span {margin-bottom: 8px;}
.header .last_list .number {font-size: 16px; line-height: 16px;}
.banner-con ul {display: none;}
.banner-con {padding: 100px 0 140px;}
.banner-con .banner_content h1 {font-size: 60px; line-height: 70px;}
.banner-con .banner_content .get_started {margin-bottom: 30px;}
.banner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.banner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.banner-con .banner_content ul li:first-child {margin-left: 0;}
.banner-con .banner_content ul li:last-child {margin-right: 0;}
.banner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.banner-con .banner_content ul li:hover{transform: translateY(-5px);}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -70px;}
.about-con {padding: 100px 0;}
.about-con .about-sideswitch img {display: none;}
.about-con .about_wrapper .circle {left: -40px;}
.about-con .about_content h6 {margin-bottom: 18px;}
.service-con {padding: 100px 0 70px;}
.safety-con{padding: 100px 0;}
.safety-con .image {display: none;}
.feature-con {padding: 100px 0;}
.feature-con .feature-box {margin-bottom: 45px;}
.feature-con .box2 {left: -30px;}
.feature-con .box4 {right: -30px;}
.feature-con .feature_wrapper .feature-image {left: 0px !important; top: 0;}
.product-showcase-con {padding: 100px 0;}
.product-showcase-con .product-showcase_left {padding-right: 0; margin-bottom: 40px; gap: 25px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 20px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 14px 32px; font-size: 15px;}
.product-showcase-con .product-showcase_right {padding-left: 0;}
.product-showcase-con .product-names-row {gap: 12px; flex-wrap: nowrap; overflow-x: auto;}
.product-showcase-con .product-name-tab {padding: 16px 20px; flex-shrink: 0;}
.product-showcase-con .product-name-tab:hover,
.product-showcase-con .product-name-tab.active {transform: translateY(-2px);}
.product-showcase-con .product-name-tab h3 {font-size: 16px; line-height: 24px; white-space: nowrap;}
.product-showcase-con .product-models-container {gap: 12px;}
.product-showcase-con .product-model-tab {padding: 16px 20px; flex-shrink: 0;}
.product-showcase-con .product-model-tab:hover,
.product-showcase-con .product-model-tab.active {transform: translateY(-2px);}
.product-showcase-con .product-model-tab span {font-size: 16px; line-height: 24px; white-space: nowrap;}
.product-showcase-con .product-image-wrapper {min-height: 350px; padding: 0;}
.pricing-con {padding: 100px 0;}
.choose-con .choose_content {padding: 100px 0 100px 50px;}
.also-like-con {padding: 100px 0;}
.also-like-con .also-like-header {margin-bottom: 50px; gap: 25px;}
.also-like-con .also-like-title .title-small {font-size: 14px; line-height: 20px;}
.also-like-con .also-like-title .title-large {font-size: 30px; line-height: 38px;}
.also-like-con .also-like-tab-btn {padding: 10px 25px; font-size: 15px;}
.also-like-con .also-like-product-card {padding: 25px; margin-bottom: 25px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 22px; line-height: 30px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 250px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 100px 0 170px;}
.testimonial-con .testimonial_wrapper {top: 100px; width: 56%;}
.testimonial-con .testimonial-box {padding: 20px;}
.testimonial-con .testimonial-box p {font-size: 14px; line-height: 22px; margin-bottom: 30px; min-height: 135px;}
.testimonial-con .owl-carousel .owl-nav {bottom: -20px; left: -460px;}
.partners-con {padding: 100px 0;}
.partners-con .partners_content {margin-bottom: 50px;}
.partners-con .partners_content h6 {margin-bottom: 18px;}
.partners-con .partners_content h2 {margin-bottom: 18px;}
.partners-con .partners_content p {margin-bottom: 0;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 30px 0;}
.partners-con .partners-scroll-row {margin-bottom: 70px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 30px; animation-duration: 35s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 35s;}
.partners-con .partner-item {width: 140px; height: 50px;}
.partners-con .partner-logo {height: 50px; max-width: 140px;}
.faq-con {padding: 100px 0 182px;}
.footer-con .upper_portion {padding: 42px 50px 50px; margin-top: -80px;} .sub_banner .sub_banner_con {padding: 90px 0 155px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 20px;}
.sub_banner .sub_banner_con p {margin-bottom: 35px;}
.sub_banner .sub_banner_con .box {padding: 10px 25px 14px;} .aboutpage-con {padding: 100px 0 155px;}
.unique-con {padding: 100px 0;}
.unique-con .unique_content {padding: 45px 50px 0 0;}
.unique-con .unique_content h6 {margin-bottom: 15px;}
.unique-con .unique_content h2 {margin-bottom: 20px;}
.unique-con .unique_content .text {margin-bottom: 20px;}
.unique-con .unique-box {padding: 40px 25px 45px;}
.aboutsafety-con {padding: 100px 0;}
.aboutsafety-con .image img{width: 40px;}
.aboutsafety-con .safety_content .icon {margin-bottom: 40px;}
.team-con {padding: 100px 0;}
.abouttestimonial-con {padding: 100px 0 170px;} .contactinfo-con {padding: 100px 0;}
.map-con iframe {height: 520px;}
.contactform-con {padding: 90px 0 180px;} .solution-con {padding: 100px 0;}
.solution-con .image img{width: 70px;} .pricingteam-con{padding-bottom: 60px;}
.article-con {padding: 100px 0 180px;}
.article-con .article-box .content {padding: 22px 18px 30px;} .service_detail{padding: 100px 0;}
.servicedetail-con {padding-bottom: 150px;} .electricbanner-con {padding: 120px 0 260px;}
.electricbanner-con ul {left: 50px;}
.electricbanner-con .banner_content h1 {font-size: 60px; line-height: 74px;}
.electricbanner-con .banner_content .top-btn {bottom: -75px;}
.electricservice-con{padding: 60px 0 168px;}
.electrictestimonial-con {padding: 100px 0 160px;}
.electrictestimonial-con .image {display: none;}
.electrictestimonial-con .testimonial-box {margin-bottom: 35px;}
.electrictestimonial-con .carousel-indicators li {width: 55px; height: 55px; margin: 0 15px;} .universalbanner-con ul {display: none;}
.universalbanner-con .banner_content .get_started {margin-bottom: 30px;}
.universalbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.universalbanner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.universalbanner-con .banner_content ul li:first-child {margin-left: 0;}
.universalbanner-con .banner_content ul li:last-child {margin-right: 0;}
.universalbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.universalbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
.universalbanner-con {padding: 100px 0 90px;}
.universalbanner-con .banner_content h1 {font-size: 60px; line-height: 70px;}
.universalbanner-con .banner_wrapper .banner3-image {left: unset; right: 30px; top: -80px;}
.universalbanner-con .banner_wrapper .banner3-image img{width: 449px;}
.universalbanner-con .banner_wrapper .circle {width: 300px; height: 300px; line-height: 300px; right: 0;}
.universalservice-con {padding: 100px 0 70px;}
.universalabout-con {padding: 100px 0;}
.universalpricing-con{padding: 100px 0;}
.faq3-con{padding-bottom: 295px;} #button {right: 30px;}
}
@media screen and (max-width: 1199px){
h1 {font-size: 54px; line-height: 60px;}
h2 {font-size: 40px; line-height: 46px;}
h3 {font-size: 18px; line-height: 24px;}
.text-size-18 {font-size: 18px; line-height: 30px;}
.text-size-16 {font-size: 16px; line-height: 24px;}
.header {padding: 20px 0;}
.navbar-nav li {margin: 0 5px;}
.navbar-nav .nav-item a {font-size: 12px; line-height: 12px;}
.navbar-nav li:last-child {margin-right: 6px;}
.navbar-nav .dropdown-menu {min-width: 185px;}
.navbar-nav .drop-down-pages .nav-item a {font-size: 12px; line-height: 12px; padding: 8px 18px;}
.header .last_list {padding-left: 16px;}
.header .last_list .search-box {font-size: 16px;}
.header .last_list .get_started {padding: 14px; margin: 0 12px;}
.header .last_list .get_started i {font-size: 10px; margin-left: 8px;}
.header .last_list span {margin-bottom: 6px;}
.header .last_list .number {font-size: 14px; line-height: 14px;}
.banner-con {padding: 70px 0 130px;}
.banner-con .banner_content h6 {margin-bottom: 18px;}
.banner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 28px;}
.banner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.banner-con .banner_wrapper {top: -30px; right: 80px;}
.banner-con .banner_wrapper .icon {height: 80px; width: 80px; line-height: 80px;}
.banner-con .banner_wrapper .icon .video-icon {height: 64px; width: 64px; line-height: 60px; top: 7px;}
.about-con {padding: 80px 0;}
.about-con .about_wrapper .circle {left: -27px; top: 95px; width: 325px; height: 325px; line-height: 325px;}
.about-con .about_content h6 {margin-bottom: 14px;}
.about-con .about_content h2 {font-size: 38px; margin-bottom: 18px;}
.about-con .about_content p {margin-bottom: 25px;}
.about-con .accordion-card {margin-bottom: 20px;}
.about-con .accordion-card .btn-link::before {top: 14px; right: 20px;}
.about-con .accordian-inner .card-header a {padding: 14px 20px;}
.about-con .accordian-inner .card-body {padding: 15px 20px 0;}
.about-con .accordian-inner .card-body p{font-size: 14px; line-height: 22px;}
.service-con {padding: 80px 0 50px;}
.service-con .service_content h6 {margin-bottom: 14px;}
.service-con .service_content h2 {margin-bottom: 40px;}
.service-con .box {padding: 30px 25px;}
.service-con .service-box .icon {margin-bottom: 22px;}
.service-con .box h3 {margin-bottom: 10px; padding-right: 30px;}
.service-con .service-box p {margin-bottom: 12px; height: 96px;}
.safety-con{padding: 80px 0;}
.safety-con .safety_content{padding-right: 0;}
.safety-con .safety_content h6 {margin-bottom: 14px;}
.safety-con .safety_content h2 {margin-bottom: 18px;}
.safety-con .safety_content p {margin-bottom: 25px;}
.safety-con .safety_content .get_started {padding: 18px 26px;}
.safety-con .safety_wrapper {padding-top: 95px;}
.safety-con .safety_wrapper .value {margin-bottom: 8px;}
.safety-con .safety_wrapper .value span {font-size: 38px; line-height: 38px;}
.safety-con .safety_wrapper ul li {margin: 0 18px;}
.feature-con {padding: 80px 0;}
.feature-con .feature_content h6 {margin-bottom: 14px;}
.feature-con .feature_content h2 {margin-bottom: 50px;}
.feature-con .feature-box {margin-bottom: 35px;}
.feature-con .box2 {left: 0;}
.feature-con .box4 {right: 0;}
.feature-con .feature_wrapper .feature-image {left: 0; top: 0; position: relative;}
.feature-con .feature_wrapper .feature-image img{width: 650px; max-width: 100%;}
.feature-con .feature_wrapper .feature-image .feature-main-image {
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity, transform;
backface-visibility: hidden;
transform: translateZ(0);
}
.feature-con .feature-box .feature-icon {margin-bottom: 18px; width: 70px; height: 70px; line-height: 68px;}
.feature-con .feature-box .feature-icon img{width: 30px;}
.feature-con .feature-box .icon1 img{width: 25px;}
.feature-con .feature-box h3 {font-size: 17px; margin-bottom: 8px;}
.feature-con .feature-box p {font-size: 15px; line-height: 24px;}
.pricing-con {padding: 80px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 14px;}
.pricing-con .pricing_content h2 {margin-bottom: 40px;}
.pricing-con .pricing-box {padding: 30px 20px 35px;}
.pricing-con .pricing-box .number {font-size: 42px; line-height: 42px;}
.pricing-con .pricing-box .value {padding-bottom: 22px; margin-bottom: 22px;}
.pricing-con .pricing-box .text {margin-bottom: 12px;}
.pricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.pricing-con .pricing-box .get_started {padding: 18px;}
.choose-con .choose_content {padding: 80px 0 80px 26px;}
.choose-con .choose_content h6 {margin-bottom: 14px;}
.choose-con .choose_content h2 {margin-bottom: 20px;}
.choose-con .choose_content p {margin-bottom: 30px;}
.choose-con .choose_content .choose-measure .text {margin-bottom: 12px;}
.choose-con .choose_content .choose-measure .progress {margin-bottom: 25px;}
.choose-con .choose_content .choose-measure .progress-tooltip {font-size: 11px; padding: 8px 14px;}
.choose-con .brochure-download-wrapper {margin-top: 30px;}
.choose-con .brochure-download-box {padding: 24px 28px;}
.choose-con .brochure-form-wrapper {flex-direction: column; align-items: stretch; gap: 18px;}
.choose-con .brochure-language-select {min-width: 100%;}
.choose-con .brochure-download-btn {width: 100%; justify-content: center; padding: 16px 38px;}
.also-like-con {padding: 80px 0;}
.also-like-con .also-like-header {margin-bottom: 40px; gap: 20px; flex-direction: column; align-items: flex-start;}
.also-like-con .also-like-title-wrapper {width: 100%;}
.also-like-con .also-like-tabs {width: 100%; justify-content: flex-start;}
.also-like-con .also-like-title .title-small {font-size: 13px; line-height: 18px;}
.also-like-con .also-like-title .title-large {font-size: 26px; line-height: 34px;}
.also-like-con .also-like-tab-btn {padding: 10px 20px; font-size: 14px; flex: 0 0 auto;}
.also-like-con .also-like-product-card {padding: 20px; margin-bottom: 20px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 20px; line-height: 28px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 200px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 80px 0 160px;}
.testimonial-con .testimonial_content h6 {margin-bottom: 14px;}
.testimonial-con .testimonial_content h2 {margin-bottom: 20px;}
.testimonial-con .testimonial_wrapper {top: 80px; width: 48%;}
.testimonial-con .testimonial-box .testimonial-starimage {margin-bottom: 10px;}
.testimonial-con .testimonial-box p {margin-bottom: 25px; min-height: 132px;}
.testimonial-con .owl-carousel .owl-nav {bottom: -10px; left: -470px;}
.partners-con {padding: 80px 0;}
.partners-con .partners_content {margin-bottom: 40px;}
.partners-con .partners_content h6 {margin-bottom: 16px;}
.partners-con .partners_content h2 {margin-bottom: 16px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 25px 0;}
.partners-con .partners-scroll-row {margin-bottom: 40px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 25px; animation-duration: 35s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 35s;}
.partners-con .partner-item {width: 120px; height: 45px;}
.partners-con .partner-logo {height: 45px; max-width: 120px;}
.faq-con {padding: 80px 0 148px;}
.faq-con .faq_content h6 {margin-bottom: 14px;}
.faq-con .faq_content h2 {margin-bottom: 40px;}
.faq-con .accordion-card {margin-bottom: 22px;}
.faq-con .accordian-inner .card-header a {padding: 15px 18px;}
.faq-con .accordion-card .btn-link::before {top: 15px; right: 18px;}
.faq-con .faq h4 {font-size: 15px; line-height: 20px;}
.faq-con .accordian-inner .card-body {padding: 0 18px 15px;}
.faq-con .accordian-inner .card-body p {font-size: 14px; line-height: 20px;}
.footer-con .upper_portion {padding: 40px 35px; margin-top: -68px;}
.footer-con .upper_portion h6 {margin-bottom: 12px;}
.footer-con .upper_portion h3 {font-size: 28px; line-height: 28px;}
.footer-con .upper_portion input {padding: 15px 12px; width: 300px; margin-right: 10px;}
.footer-con .upper_portion button {padding: 17px 30px;}
.footer-con .upper_portion button i {margin-left: 12px;}
.footer-con .middle_portion {padding: 70px 0;}
.footer-con .middle_portion .logo_content p {margin-bottom: 30px; padding-right: 0;}
.footer-con .middle_portion .logo_content i {font-size: 26px; top: 6px;}
.footer-con .middle_portion .logo_content a {font-size: 18px; line-height: 18px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 42px;}
.footer-con .middle_portion .timing {padding-left: 22px;}
.footer-con .middle_portion .timing li {margin-bottom: 18px;}
.footer-con .middle_portion .links {padding-left: 6px;}
.footer-con .middle_portion .links li {margin-bottom: 10px;}
.footer-con .middle_portion .contact {padding-left: 30px;}
.footer-con .middle_portion .icon i {font-size: 14px; width: 42px; height: 42px; line-height: 42px;}
.footer-con .middle_portion .icon li {margin: 0 3px;} .sub_banner .sub_banner_con {padding: 85px 0 140px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 15px;}
.sub_banner .sub_banner_con p {margin-bottom: 30px;}
.sub_banner .sub_banner_con .box {padding: 8px 20px 12px;}
.sub_banner .sub_banner_con .box .arrow {margin: 0 10px;} .aboutpage-con {padding: 80px 0 125px;}
.aboutpage-con .about_content {padding: 40px 0 0 0;}
.aboutpage-con .about_content h6 {margin-bottom: 14px;}
.aboutpage-con .about_content h2 {font-size: 38px; margin-bottom: 12px;}
.aboutpage-con .about_content .text {margin-bottom: 20px;}
.aboutpage-con .about_content ul {margin-bottom: 30px;}
.aboutpage-con .about_content ul li {margin-bottom: 10px;}
.aboutpage-con .about_content ul li p {padding-left: 25px;}
.aboutpage-con .about_content a {padding: 18px 26px;} 
.aboutpage-con .about_wrapper .about-rectangleimage {left: -20px; top: 30px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 60px;}
.aboutpage-con .about_wrapper .box {padding: 30px 15px 40px; right: 45px; bottom: -45px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 12px;}
.aboutpage-con .about_wrapper .box h3 {margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {margin-bottom: 15px;}
.unique-con {padding: 80px 0;}
.unique-con .unique_content {padding: 10px 0 0 0;}
.unique-con .unique_content h6 {margin-bottom: 10px;}
.unique-con .unique_content h2 {margin-bottom: 15px;}
.unique-con .unique_content ul li {margin-bottom: 10px;}
.unique-con .unique_content ul li p {padding-left: 25px;}
.unique-con .unique-box {padding: 30px 20px 30px;}
.unique-con .unique-box .number {font-size: 36px; line-height: 36px;}
.unique-con .unique-box .plus {font-size: 20px; line-height: 20px; top: -12px;}
.unique-con .unique-downcontent {margin-top: -5px;}
.unique-con .box {padding-top: 35px;}
.aboutsafety-con {padding: 80px 0;}
.aboutsafety-con .image {display: none;}
.aboutsafety-con .safety_content .icon {height: 100px; width: 100px; line-height: 100px; margin-bottom: 30px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 80px; width: 80px; line-height: 78px; top: 9px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 15px;}
.aboutsafety-con .safety_content p {padding: 0;}
.team-con {padding: 80px 0;}
.team-con .team_content h6 {margin-bottom: 14px;}
.team-con .team_content h2 {margin-bottom: 40px;}
.team-con .team-box {padding: 15px 15px 30px;}
.team-con .team-box figure {margin-bottom: 20px;}
.team-con .team-box span {margin-bottom: 12px;}
.team-con .team-box i {font-size: 12px;}
.abouttestimonial-con {padding: 80px 0 135px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 14px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 40px;}
.abouttestimonial-con .testimonial-box {padding: 30px;}
.abouttestimonial-con .testimonial-box p {margin-bottom: 8px;}
.abouttestimonial-con .testimonial-box ul {margin-bottom: 6px;}
.abouttestimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 35px !important;} .contactinfo-con {padding: 80px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 14px;}
.contactinfo-con .contact_content h2 {margin-bottom: 40px;}
.contactinfo-con .contact-box {padding: 25px 20px;}
.contactinfo-con .contact-box h4 {margin-bottom: 10px;}
.contactinfo-con .contact-box .box-content {padding-left: 6px;}
.contactform-con {padding: 70px 0 150px;}
.contactform-con .contactform_content h6 {margin-bottom: 14px;}
.contactform-con .contactform_content h2 {margin-bottom: 40px;}
.contactform-con form input,
.contactform-con form textarea {padding: 15px 20px;}
.contactform-con form textarea {height: 130px;}
.contactform-con form .message {margin-bottom: 40px;}
.contactform-con form .submit {min-width: 162px; height: 52px; padding: 18px;}
.contactform-con form .submit i {margin-left: 16px;} .solution-con {padding: 80px 0;}
.solution-con .image {display: none;}
.solution-con .solution_content h6 {margin-bottom: 14px;}
.solution-con .solution_content h2 {margin-bottom: 35px;}
.solution-con .solution_content .get_started {padding: 18px 26px;} .pricingteam-con{padding-bottom: 50px;}
.pricingteam-con .team-box {margin-bottom: 30px;}
.article-con {padding: 80px 0 145px;}
.article-con .article_content h6 {margin-bottom: 14px;}
.article-con .article_content h2 {margin-bottom: 40px;}
.article-con .article-box .content {padding: 20px 18px 25px;}
.article-con .article-box h3 {margin-bottom: 20px;} .service_detail {padding: 80px 0;}
.service_detail .main-box .image {margin-bottom: 20px;}
.service_detail .main-box .text1 {margin-bottom: 8px;}
.service_detail .main-box .text2 {margin-bottom: 14px;}
.service_detail .main-box .list {margin-bottom: 14px;}
.service_detail .main-box .list li {margin-bottom: 5px; padding-left: 24px; line-height: 24px;}
.service_detail .main-box .list li i {height: 15px; width: 15px; line-height: 15px; top: 5px; font-size: 8px;}
.servicedetail-con {padding-bottom: 120px;} .electricbanner-con {padding: 80px 0 200px;}
.electricbanner-con ul {display: none;}
.electric_banner_outer::before {bottom: -25px;}
.electric_banner_outer::after {border-left: solid 527px rgb(248,248,248);}
.electricbanner-con .banner_content h1 {font-size: 54px; line-height: 60px; margin-bottom: 18px;}
.electricbanner-con .banner_content p {margin-bottom: 30px; padding: 0 60px;}
.electricbanner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.electricbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.electricbanner-con ul li {margin: 0 5px; display: inline-block;}
.electricbanner-con .banner_content ul li:first-child {margin-left: 0;}
.electricbanner-con .banner_content ul li:last-child {margin-right: 0;}
.electricbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px; background-color: var(--e-global-color-very-dark-black-blue);}
.electricbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
.electricbanner-con .banner_content br{display: none;}
.electricbanner-con .banner_content .top-btn {bottom: -55px;}
.electricbanner-con .banner_content .top-btn img {width: 34px;}
.electricservice-con{padding: 40px 0 133px;}
.electricservice-con .service_content h6 {margin-bottom: 14px;}
.electricservice-con .service_content h2 {margin-bottom: 40px;}
.electricservice-con .lower_portion_wrapper {padding: 65px 30px 30px;}
.electricservice-con .lower_portion_wrapper h3 {margin-bottom: 8px;}
.electricservice-con .lower_portion_wrapper p {margin-bottom: 15px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 35px !important;}
.electrictestimonial-con {padding: 80px 0 130px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 30px;}
.electrictestimonial-con .testimonial-box h4 {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 20px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 15px; line-height: 15px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 24px; line-height: 34px; padding: 0;}
.electrictestimonial-con .carousel-indicators li {width: 50px; height: 50px; margin: 0 12px;}
.electrictestimonial-con .carousel-indicators .active figure img {transform: scale(1.3);}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -65px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {font-size: 18px; line-height: 18px; margin-bottom: 4px;} .universalbanner-con {padding: 70px 0 100px;}
.universalbanner-con .banner_content h6 {margin-bottom: 18px;}
.universalbanner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 28px;}
.universalbanner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.universalbanner-con .banner_wrapper .banner3-image {top: -55px;}
.universalbanner-con .banner_wrapper .circle {width: 250px; height: 250px; line-height: 250px; right: 0;}
.universalservice-con {padding: 80px 0 50px;}
.universalservice-con .service_content h6 {margin-bottom: 14px;}
.universalservice-con .service_content h2 {margin-bottom: 40px;}
.universalservice-con .service-box {padding: 30px;}
.universalservice-con .service-box .icon {width: 100%; top: 0; margin-bottom: 18px !important;}
.universalservice-con .service-box .icon img {height: 48px;}
.universalservice-con .service-box .content {width: 100%; padding-left: 0;}
.universalservice-con .service-box h4 {margin-bottom: 10px; padding-right: 30px;}
.universalabout-con {padding: 80px 0;}
.universalabout-con .about_content {padding: 0;}
.universalabout-con .about_content h6 {margin-bottom: 14px;}
.universalabout-con .about_content h2 {margin-bottom: 12px;}
.universalabout-con .about_content .text {margin-bottom: 20px;}
.universalabout-con .about_content ul {margin-bottom: 30px;}
.universalabout-con .about_content ul li {margin-bottom: 10px;}
.universalabout-con .about_content ul li p {padding-left: 25px;}
.universalabout-con .about_content .box {padding: 30px;}
.universalabout-con .about_content .box h3 {font-size: 22px; line-height: 34px; padding-left: 80px;}
.universalabout-con .about_wrapper .about-image1 img{width: 408px;}
.universalabout-con .about_wrapper .video-image {top: 258px; left: 0;}
.universalabout-con .about_wrapper .about-image2 img{width: 275px;}
.universalabout-con .about_wrapper .icon {height: 80px; width: 80px; line-height: 80px;}
.universalabout-con .about_wrapper .icon .video-icon {height: 64px; width: 64px; line-height: 60px; top: 7px;}
.universalpricing-con{padding: 80px 0;}
.universalpricing-con .pricing_content {padding: 0;}
.universalpricing-con .pricing_content h6 {margin-bottom: 14px;}
.universalpricing-con .pricing_content h2 {margin-bottom: 20px;}
.universalpricing-con .pricing_content .text1 {padding-right: 5px;}
.universalpricing-con .pricing-box {padding: 30px 20px 35px;}
.universalpricing-con .pricing-box .number {font-size: 42px; line-height: 42px;}
.universalpricing-con .pricing-box .value {padding-bottom: 22px; margin-bottom: 22px;}
.universalpricing-con .pricing-box .text {margin-bottom: 12px;}
.universalpricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.universalpricing-con .pricing-box .get_started {padding: 18px;}
.universalpricing-con .owl-carousel .owl-nav {left: -308px;}
.faq3-con{padding-bottom: 240px;}
.footer-con .universal_upper_portion {padding: 60px 50px; margin-top: -160px;}
.footer-con .universal_upper_portion h6 {margin-bottom: 14px;}
.footer-con .universal_upper_portion h3 {font-size: 36px; line-height: 44px; margin-bottom: 30px;}
.footer-con .universal_upper_portion .image-wrapper img{width: 150px;} .error_page .error_content h1 {font-size: 130px; line-height: 130px; margin-bottom: 18px;}
.error_page .error_content .text {font-size: 42px; line-height: 46px; margin-bottom: 18px;}
.error_page .error_content .back_home {font-size: 18px; line-height: 18px; padding: 16px 30px 18px;}  .comingsoon_outer .sub_banner_content h1 {font-size: 74px; line-height: 80px; margin-bottom: 26px;}
.comingsoon_outer .sub_banner_content input {width: 500px;} #button {width: 60px; height: 60px; bottom: 55px;}
}
@media screen and (max-width: 991px) {
h1 {font-size: 50px; line-height: 56px;}
h2 {font-size: 36px; line-height: 42px;}
.text-size-18 {font-size: 18px; line-height: 26px;}
.get_started {font-size: 14px; line-height: 14px;}
.navbar-toggler {margin-left: auto; border: none !important; padding: 0; width: 30px; height: 22px;}
.navbar-light .navbar-toggler-icon {background: var(--e-global-color-white); height: 2px; margin: 7px 0 0 0; width: 100%; float: right;}
.navbar-toggler.collapsed span:nth-child(1) {transform: rotate(0deg);}
.navbar-toggler span.navbar-toggler-icon:first-child {margin-top: 0;}
.navbar-toggler span:nth-child(1) {transform: rotate(45deg); transform-origin: 0% 80%;}
.navbar-toggler span.navbar-toggler-icon {transition: all 0.15s}
.navbar-toggler.collapsed span:nth-child(2) {opacity: 1;}
.navbar-toggler span:nth-child(2) {opacity: 0;}
.navbar-toggler.collapsed span:nth-child(3) {transform: rotate(0deg);}
.navbar-toggler span:nth-child(3) {transform: rotate(-45deg); transform-origin: 15% 100%;}
.collapse:not(.show) {display: none;}
button:focus {outline: none;}
.navbar-collapse {background: var(--e-global-color-white); position: absolute; right: 0px; width: 100%; top: 50px; border-radius: 0; z-index: 16; padding: 0; box-shadow: 0px 0px 100px rgb(0 0 0 / 25%);}
.navbar-collapse .drop-down-pages {margin-left: 0;}
.navbar-collapse ul{align-items: unset; text-align: unset; margin-left: 0;}
.navbar li {margin: 0; border-bottom: 1px solid var(--e-global-color-white);}
.navbar-nav li:last-child {margin: 0; border: none;}
.navbar-nav .nav-item a {font-size: 14px; line-height: 14px; padding: 10px 20px 11px !important; color: var(--e-global-color-primary) !important;}
.navbar-nav .nav-item a:hover {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent);}
.navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent);}
.dropdown-item.active,
.dropdown-item:active {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar-nav .drop-down-pages .nav-item a {font-size: 14px; line-height: 14px; padding: 10px 32px !important; color: var(--e-global-color-primary) !important; white-space: break-spaces; position: relative;}
.navbar-nav .drop-down-pages .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar-nav .drop-down-pages .active > a:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .nav-item .dropdown-item:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .dropdown-menu {position: static; border: none; margin-top: 2px; background-color: var(--e-global-color-white); box-shadow: none; min-width: 100%;}
.navbar-nav .drop-down-pages a {padding: 0 !important;}
.navbar-nav .drop-down-pages li:first-child a::before {display: none;}
.navbar-nav .drop-down-pages li:first-child a:hover::before {display: none;}
.navbar-nav .drop-down-pages .active:first-child > a::before{display: none;} .navbar-nav .contact-dropdown .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
position: static !important;
background-color: var(--e-global-color-white) !important; }
.navbar-nav .contact-dropdown .dropdown-item {
color: var(--e-global-color-primary) !important; background-color: transparent !important; padding: 10px 20px !important;
}
.navbar-nav .contact-dropdown .dropdown-item:hover {
color: var(--e-global-color-accent) !important; background-color: transparent !important; }
.navbar-nav .contact-dropdown .dropdown-item:first-child::before {
display: none;
}
.header .last_list {display: none;}
.energy_banner_outer::before {display: none;}
.energy_banner_outer::after {width: 100%; opacity: 30%;}
.banner-video-background {width: 100%; opacity: 0.30 !important;}
.banner-con {padding: 40px 0 100px;}
.banner-con .banner_content h1 {font-size: 44px; line-height: 54px; margin-bottom: 20px;}
.banner-con .banner_content .get_started {padding: 16px 20px;}
.banner-con .banner_content ul li i {background-color: var(--e-global-color-very-dark-grayish-blue);}
.banner-con .banner_wrapper {top: -40px; right: 0;}
.banner-con .owl-carousel .owl-dots {bottom: -45px;}
.about-con {padding: 60px 0;}
.about-con .about_wrapper {text-align: center; margin-bottom: 30px;}
.about-con .about_wrapper .about-image img{width: 400px;}
.about-con .about_wrapper .circle {left: 80px; top: 115px; width: 240px; height: 240px; line-height: 240px;}
.about-con .about_content {text-align: center;}
.about-con .about_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.about-con .about_content h2 {font-size: 36px; margin-bottom: 15px;}
.about-con .about_content p {margin-bottom: 20px;}
.service-con {padding: 60px 0 30px;}
.service-con .service_content h6 {margin-bottom: 12px;}
.service-con .service_content h2 {margin-bottom: 35px;}
.service-con .box {text-align: center;}
.service-con .service-box .icon {margin-bottom: 20px;}
.service-con .box h3 {margin-bottom: 8px; padding: 0 20px;}
.service-con .service-box p {margin-bottom: 10px; height: auto;}
.safety-con{padding: 60px 0;}
.safety-con .safety_content {text-align: center; margin-bottom: 30px; padding: 0 25px;}
.safety-con .safety_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.safety-con .safety_content h2 {margin-bottom: 15px;}
.safety-con .safety_content p {margin-bottom: 20px;}
.safety-con .safety_content .get_started {padding: 16px 20px;}
.safety-con .safety_wrapper {text-align: center; padding-top: 0;}
.safety-con .safety_wrapper .value span {font-size: 32px; line-height: 32px;}
.safety-con .safety_wrapper ul li {margin: 0 25px;}
.feature-con {padding: 60px 0;}
.feature-con .feature_content h6 {margin-bottom: 12px;}
.feature-con .feature_content h2 {margin-bottom: 28px;}
.feature-con .feature_wrapper {text-align: center;}
.feature-con .feature_wrapper .feature-image {position: relative; left: 0; top: 0;}
.feature-con .feature_wrapper .feature-image img{width: 75%;}
.feature-con .feature_wrapper .feature-image .feature-main-image {
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
will-change: opacity, transform;
backface-visibility: hidden;
transform: translateZ(0);
}
.feature-con .feature_box_outer {margin-top: -30px;}
.feature-con .feature-box {margin-bottom: 30px;}
.product-showcase-con {padding: 60px 0;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 12px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 28px;}
.product-showcase-con .product-showcase_left {padding-right: 0; margin-bottom: 30px; gap: 20px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 18px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 14px 28px; font-size: 15px;}
.product-showcase-con .product-showcase_right {padding-left: 0;}
.product-showcase-con .product-names-row {gap: 10px; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 14px 18px; transform: translateY(0) !important; flex-shrink: 0;}
.product-showcase-con .product-name-tab:hover,
.product-showcase-con .product-name-tab.active {transform: translateY(-2px) !important; box-shadow: 0 3px 15px rgba(65, 203, 90, 0.15);}
.product-showcase-con .product-name-tab h3 {font-size: 16px; line-height: 22px; white-space: nowrap;}
.product-showcase-con .product-models-container {gap: 10px; justify-content: flex-start; flex-wrap: wrap;}
.product-showcase-con .product-model-tab {padding: 14px 18px; transform: translateY(0) !important; flex-shrink: 0;}
.product-showcase-con .product-model-tab:hover,
.product-showcase-con .product-model-tab.active {transform: translateY(-2px) !important; box-shadow: 0 3px 15px rgba(65, 203, 90, 0.15);}
.product-showcase-con .product-model-tab span {font-size: 15px; line-height: 22px; white-space: nowrap;}
.product-showcase-con .product-image-wrapper {min-height: 300px; padding: 0;}
.world-map-con {  }
.world {height: auto; min-height: 500px; background:url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/111.png) no-repeat center;}
.worldcenter {width: 100%; height: auto; min-height: 500px; padding: 0 20px;}
.worldcenter h2 {font-size: 42px;line-height: 1.3;padding-top: 95px;margin-bottom: 40px;letter-spacing: -0.3px;}
.worldcenter ul {width: 100%;position: relative;top: auto;left: auto;margin-top: 30px;padding-bottom: 5rem;}
.worldcenter ul li {width: 100%;}
.worldcenter ul li h3 {font-size: 28px; width: 100%; margin-bottom: 18px; font-weight: 700; letter-spacing: -0.2px;}
.worldtitle,
.worldtitle2 {width: 100%; font-size: 18px; line-height: 1.85; font-weight: 400;}
.worldcenter ul li:nth-of-type(2) {padding-top: 50px;}
.world_place1,
.world_place2,
.world_place3,
.world_place4,
.world_place5,
.world_place6 {display: none;}
.quanbox1,
.quanbox2,
.quanbox3,
.quanbox4,
.quanbox5,
.quanbox6 {display: none;}
.world-header {margin-bottom: 30px;}
.world-company-name {font-size: 24px;}
.world-main-title {font-size: 30px;}
.world-tab-buttons {gap: 10px; margin-bottom: 20px;}
.world-tab-btn {padding: 10px 20px; font-size: 14px;}
.world-content-left {padding-right: 0; margin-bottom: 25px;}
.world-description {font-size: 15px; margin-bottom: 20px;}
.world-continents-list li {font-size: 15px; line-height: 1.8;}
.world-graphic-wrapper {min-height: 300px; margin-top: 20px;}
.factory-stat-box {padding: 30px 20px; margin-bottom: 20px;}
.factory-icon {width: 60px; height: 60px; margin-bottom: 18px;}
.factory-icon i {font-size: 28px;}
.factory-number {font-size: 32px; margin-bottom: 8px;}
.factory-label {font-size: 14px;} .feature-con .feature-box.feature-item-clickable {
padding: 12px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.98);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.08);
box-shadow: 0 3px 10px rgba(65, 203, 90, 0.15);
}
.feature-con .feature-box .feature-icon {margin-bottom: 14px; width: 65px; height: 65px; line-height: 63px;}
.feature-con .feature-box .feature-icon img{width: 28px;}
.feature-con .feature-box .icon1 img{width: 22px;}
.feature-con .feature-box h3 {font-size: 18px; margin-bottom: 8px;}
.feature-con .feature-box p {font-size: 16px; line-height: 24px; margin: 0;}
.pricing-con {padding: 60px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 12px;}
.pricing-con .pricing_content h2 {margin-bottom: 35px;}
.pricing-con .pricing-box {padding: 20px 10px 25px;}
.pricing-con .pricing-box h3 {font-size: 18px; line-height: 24px;}
.pricing-con .pricing-box .text {font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.pricing-con .pricing-box .dollar {font-size: 16px; line-height: 16px;}
.pricing-con .pricing-box .number {font-size: 36px; line-height: 36px;}
.pricing-con .pricing-box .value {padding-bottom: 16px; margin-bottom: 16px;}
.pricing-con .pricing-box ul {margin-bottom: 20px;}
.pricing-con .pricing-box ul li {margin-bottom: 2px;}
.pricing-con .pricing-box ul li i {font-size: 12px; top: 4px;}
.pricing-con .pricing-box ul li p {font-size: 12px; line-height: 20px; padding-left: 18px;}
.pricing-con .pricing-box .get_started {font-size: 14px; line-height: 14px; padding: 14px;}
.choose-con {background-color: var(--e-global-color-very-dark-grayish-blue); padding-top: 60px;}
.choose-con::before{display: none;}
.choose-con::after{display: none;}
.choose-con .choose_wrapper{display: block;}
.choose-con .choose-image {position: relative; text-align: center;}
.choose-con .choose-image img {width: 75%;}
.choose-con .choose_content {padding: 60px 0; text-align: center;}
.choose-con .choose_content h6 {width: 213px;margin: 0 auto 12px;text-align: left;}
.choose-con .choose_content h2 {margin-bottom: 15px;}
.choose-con .choose_content p {margin-bottom: 20px;}
.choose-con .choose_content .progress_list{width: 650px; margin: 0 auto; text-align: left;}
.choose-con .choose_content .choose-measure .text {margin-bottom: 10px;}
.choose-con .choose_content .choose-measure .progress {margin-bottom: 20px;}
.also-like-con {padding: 60px 0;}
.also-like-con .also-like-header {margin-bottom: 35px; gap: 15px;}
.also-like-con .also-like-title .title-small {font-size: 12px; line-height: 16px;}
.also-like-con .also-like-title .title-large {font-size: 22px; line-height: 30px;}
.also-like-con .also-like-tab-btn {padding: 8px 18px; font-size: 14px;}
.also-like-con .also-like-product-card {padding: 18px; margin-bottom: 18px;}
.also-like-con .also-like-product-card .product-name-display {margin-bottom: 15px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 18px; line-height: 26px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 180px; margin-bottom: 20px;}
.also-like-con .also-like-product-card .view-more-btn {padding: 10px 25px; font-size: 14px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 60px 40px;}
.testimonial-con .testimonial_outer_content {width: 100%; text-align: center;}
.testimonial-con .testimonial_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.testimonial-con .testimonial_content h2 {margin-bottom: 15px;}
.testimonial-con .testimonial_content p {margin-bottom: 30px !important;}
.testimonial-con .testimonial_wrapper {top: 0; width: 688px; margin: 0 auto; position: relative;}
.testimonial-con .testimonial-box {padding: 30px;}
.testimonial-con .testimonial-box p {font-size: 15px; line-height: 24px; margin-bottom: 20px; min-height: 150px;}
.testimonial-con .owl-carousel .owl-nav {margin-top: 25px !important; position: relative; bottom: 0; left: 0;}
.testimonial-con .owl-carousel .owl-prev span,
.testimonial-con .owl-carousel .owl-next span {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.faq-con {padding: 60px 0 120px;}
.faq-con .faq_content h6 {margin-bottom: 12px;}
.faq-con .faq_content h2 {margin-bottom: 35px;}
.faq-con .accordion-card {margin-bottom: 20px !important;}
.faq-con .accordian-inner .card-header a {padding: 14px 20px;}
.faq-con .accordion-card .btn-link::before {right: 20px;}
.faq-con .faq h4 {font-size: 18px; line-height: 22px;}
.faq-con .accordian-inner .card-body {padding: 0 20px 14px;}
.faq-con .accordian-inner .card-body p {font-size: 15px; line-height: 20px;}
.footer-con .upper_portion {padding: 35px; margin-top: -80px; display: block; text-align: center;}
.footer-con .upper_portion h6 {width: 155px; text-align: left; margin: 0 auto 10px;}
.footer-con .upper_portion h3{font-size: 26px; line-height: 26px; margin-bottom: 20px !important;}
.footer-con .upper_portion input {padding: 12px; width: 470px;}
.footer-con .upper_portion button {font-size: 14px; line-height: 14px; padding: 15px 20px;}
.footer-con .middle_portion {padding: 55px 0;}
.footer-con .middle_portion .logo_content {padding: 0; margin-bottom: 20px;}
.footer-con .middle_portion .logo_content .footer-logo {margin-bottom: 16px;}
.footer-con .middle_portion .logo_content p {margin-bottom: 20px;}
.footer-con .middle_portion .logo_content i {font-size: 22px; top: 10px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 36px;}
.footer-con .middle_portion h4 {margin-bottom: 16px;}
.footer-con .middle_portion .timing {padding-left: 0;}
.footer-con .middle_portion .timing li {margin-bottom: 14px;}
.footer-con .middle_portion .timing p {margin-bottom: 3px;}
.footer-con .middle_portion .links {padding-left: 25px;}
.footer-con .middle_portion .links li {margin-bottom: 6px;}
.footer-con .middle_portion .contact {padding-left: 25px; margin-bottom: 20px;}
.footer-con .middle_portion .contact ul {margin-bottom: 15px;} .world-map-con {padding: 0 !important;}
.world-header {margin-bottom: 40px;}
.world-company-name {font-size: 28px;}
.world-main-title {font-size: 36px;}
.world-tab-buttons {flex-wrap: wrap; gap: 12px; margin-bottom: 25px;}
.world-tab-btn {padding: 10px 24px; font-size: 15px;}
.world-content-left {padding-right: 0; margin-bottom: 30px;}
.world-graphic-wrapper {min-height: 350px; margin-top: 20px;}
.factory-stat-box {padding: 35px 25px; margin-bottom: 25px;}
.factory-icon {width: 70px; height: 70px; margin-bottom: 20px;}
.factory-icon i {font-size: 32px;}
.factory-number {font-size: 36px; margin-bottom: 10px;}
.factory-label {font-size: 15px;}
.footer-con .middle_portion .contact li {margin-bottom: 8px;}
.footer-con .middle_portion .contact p {margin-bottom: 4px;}
.footer-con .middle_portion .icon li {margin: 0 2px;}
.footer-con .middle_portion .icon i {font-size: 13px; width: 38px; height: 38px; line-height: 38px;}
.footer-con .copyright {padding: 12px 0;} .sub_banner .sub_banner_con {padding: 40px 0 75px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 10px;}
.sub_banner .sub_banner_con p {margin-bottom: 25px;}
.sub_banner .sub_banner_con .box {padding: 7px 18px 9px;}
.sub_banner .sub_banner_con .box .arrow {margin: 0 8px;} .aboutpage-con {padding: 60px 0;}
.aboutpage-con .about_content {text-align: center; padding: 0 65px;}
.aboutpage-con .about_content h6 {width: 166px; margin: 0 auto 10px; text-align: left;}
.aboutpage-con .about_content h2 {font-size: 36px; margin-bottom: 12px;}
.aboutpage-con .about_content .text {margin-bottom: 14px;}
.aboutpage-con .about_content ul {width: 470px; margin: 0 auto 25px; text-align: left;}
.aboutpage-con .about_content ul li {margin-bottom: 8px;}
.aboutpage-con .about_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.aboutpage-con .about_content ul li p {padding-left: 26px;}
.aboutpage-con .about_content a {padding: 16px 20px;} 
.aboutpage-con .about_wrapper {text-align: center; margin-bottom: 80px;}
.aboutpage-con .about_wrapper .about-image img{width: 450px;}
.aboutpage-con .about_wrapper .about-rectangleimage {left: 100px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 55px;}
.aboutpage-con .about_wrapper .box {padding: 30px 15px 40px; right: 160px; bottom: -50px; width: 230px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 10px;}
.aboutpage-con .about_wrapper .box .icon img {width: 45px !important;}
.aboutpage-con .about_wrapper .box h3 {margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {margin-bottom: 15px;}
.unique-con {padding: 60px 0 30px;}
.unique-con .unique_content {padding: 0 65px; margin-bottom: 30px; text-align: center;}
.unique-con .unique_content h6 {width: 166px; text-align: left; margin: 0 auto 10px;}
.unique-con .unique_content h2 {margin-bottom: 12px;}
.unique-con .unique_content .text {margin-bottom: 14px;}
.unique-con .unique_content ul {width: 335px; margin: 0 auto; text-align: left;}
.unique-con .unique_content ul li {margin-bottom: 8px;}
.unique-con .unique_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.unique-con .unique_content ul li p {padding-left: 26px;}
.unique-con .unique-box {padding: 30px; margin-bottom: 30px;}
.unique-con .unique-box .number {font-size: 32px; line-height: 32px;}
.unique-con .unique-box .plus {font-size: 18px; line-height: 18px; top: -10px;}
.unique-con .unique-downcontent {margin-top: 0;}
.unique-con .box {padding-top: 0;}
.aboutsafety-con {padding: 60px 0;}
.aboutsafety-con .safety_content .icon {height: 90px; width: 90px; line-height: 90px; margin-bottom: 25px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 70px; width: 70px; line-height: 68px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 12px;}
.team-con {padding: 60px 0 30px;}
.team-con .team_content h6 {margin-bottom: 12px;}
.team-con .team_content h2 {margin-bottom: 35px;}
.team-con .team-box {padding: 15px 15px 25px; margin-bottom: 30px;}
.team-con .team-box figure img {width: 70%;}
.team-con .team-box:hover figure img {transform: none;}
.abouttestimonial-con {padding: 60px 0 110px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 12px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 35px;}
.abouttestimonial-con .testimonial-box {padding: 25px;}
.abouttestimonial-con .testimonial-box .testimonial-personimage {width: 100%; float: none;}
.abouttestimonial-con .testimonial-box .testimonial-personimage img {width: 75px !important; margin-bottom: 10px;}
.abouttestimonial-con .testimonial-box .content {width: 100%; padding-left: 0;}
.abouttestimonial-con .testimonial-box p {margin-bottom: 6px;}
.abouttestimonial-con .testimonial-box ul {margin-bottom: 4px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 28px !important;} .contactinfo-con {padding: 60px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 12px;}
.contactinfo-con .contact_content h2 {margin-bottom: 35px;}
.contactinfo-con .contact-box {text-align: center; padding: 20px;}
.contactinfo-con .contact-box .icon {width: 100%; float: none; margin-bottom: 10px !important;}
.contactinfo-con .contact-box h4 {font-size: 16px; line-height: 22px; margin-bottom: 8px;}
.contactinfo-con .contact-box .box-content {width: 100%; padding-left: 0;}
.contactinfo-con .contact-box p,
.contactinfo-con .contact-box .box-content a {font-size: 14px; line-height: 24px;}
.map-con iframe {height: 350px;}
.contactform-con {padding: 50px 0 140px;}
.contactform-con .contactform_content h6 {margin-bottom: 12px;}
.contactform-con .contactform_content h2 {margin-bottom: 35px;}
.contactform-con form .form-group {margin-bottom: 15px;}
.contactform-con form input,
.contactform-con form textarea {font-size: 14px; line-height: 20px; padding: 12px;}
.contactform-con form textarea {height: 100px;}
.contactform-con form .submit {min-width: 145px; height: 48px; padding: 15px;} .solution-con {padding: 60px 0;}
.solution-con .solution_content h6 {margin-bottom: 12px;}
.solution-con .solution_content h2 {margin-bottom: 30px;}
.solution-con .solution_content .get_started {padding: 16px 20px;} .pricingteam-con{padding-bottom: 30px;}
.article-con {padding: 60px 0 140px;}
.article-con .article_content h6 {margin-bottom: 12px;}
.article-con .article_content h2 {margin-bottom: 35px;}
.article-con .article-box {margin-bottom: 30px;} .service_detail {padding: 60px 0;}
.service_detail .main-box .image {margin-bottom: 15px; text-align: center;}
.service_detail .main-box h3{font-size: 22px; line-height: 30px; margin-bottom: 5px;}
.service_detail .main-box .list li {margin-bottom: 3px;}
.servicedetail-con {padding-bottom: 110px;} .electricbanner-con {padding: 30px 0 90px;}
.electric_banner_outer::before {display: none;}
.electric_banner_outer::after {display: none;}
.electricbanner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 14px;}
.electricbanner-con .banner_content p {margin-bottom: 25px; padding: 0 35px;}
.electricbanner-con .banner_content .get_started {padding: 16px 20px;}
.electricbanner-con .banner_content .top-btn {bottom: -40px;}
.electricbanner-con .banner_content .top-btn img {width: 30px;}
.electricservice-con{padding: 60px 0 105px;}
.electricservice-con .service_content h6 {margin-bottom: 12px;}
.electricservice-con .service_content h2 {margin-bottom: 35px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 28px !important;}
.electrictestimonial-con {padding: 55px 0 100px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 18px;}
.electrictestimonial-con .testimonial-box h4 {font-size: 16px; line-height: 22px; margin-bottom: 8px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 15px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 13px; line-height: 13px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 20px; line-height: 30px;}
.electrictestimonial-con .carousel-indicators li {width: 42px; height: 42px; margin: 0 8px;}
.electrictestimonial-con .carousel-indicators .active figure img {transform: scale(1.2);}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -55px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {margin-bottom: 2px;} .universal_header .navbar-nav .nav-item a:hover {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-very-dark-grayish-blue);}
.universal_header .navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-very-dark-grayish-blue);} .universalbanner-con {padding: 40px 0 50px;}  .universalbanner-con .banner_content h6 {margin-bottom: 10px;} .universalbanner-con .banner_content h1 {font-size: 40px; line-height: 48px; margin-bottom: 20px;}
.universalbanner-con .banner_content .get_started {padding: 16px 20px;}
.universalbanner-con .banner_wrapper {text-align: center;}
.universalbanner-con .banner_wrapper .banner3-image {position: relative; top: 0; right: 0;} .universalbanner-con .banner_wrapper .banner3-image img {width: 290px;} .universalbanner-con .banner_wrapper .circle {width: 200px; height: 200px; line-height: 200px; right: -15px; top: 25%;}
.universalservice-con {padding: 60px 0 30px;}
.universalservice-con .service_content {text-align: center;}
.universalservice-con .service_content h6 {width: 135px; margin: 0 auto 12px; text-align: left;}
.universalservice-con .service_content h2 {margin: 0 auto 35px;}
.universalservice-con .service-box {text-align: center; padding: 20px 10px;}
.universalservice-con .service-box .icon {margin-bottom: 16px !important;}
.universalservice-con .service-box .icon img {height: 45px;}
.universalservice-con .service-box h4 {margin-bottom: 8px; padding: 0;}
.universalabout-con {padding: 60px 0;}
.universalabout-con .about_content {text-align: center; padding: 0 65px;}
.universalabout-con .about_content h6 {width: 166px; margin: 0 auto 10px; text-align: left;}
.universalabout-con .about_content h2 {margin-bottom: 12px;}
.universalabout-con .about_content .text {margin-bottom: 14px;}
.universalabout-con .about_content ul {width: 470px; margin: 0 auto 25px; text-align: left;}
.universalabout-con .about_content ul li {margin-bottom: 8px;}
.universalabout-con .about_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.universalabout-con .about_content ul li p {padding-left: 26px;}
.universalabout-con .about_content .box {text-align: left;}
.universalabout-con .about_wrapper {text-align: center; margin-bottom: 35px;}
.universalabout-con .about_wrapper .about-image1 {position: relative;}
.universalabout-con .about_wrapper .about-image1 img{width: 380px;}
.universalabout-con .about_wrapper .video-image {top: 240px; left: 110px;}
.universalabout-con .about_wrapper .about-image2 img{width: 255px;}
.universalpricing-con{padding: 60px 0;}
.universalpricing-con .pricing_content {text-align: center; padding: 0 65px; margin-bottom: 30px;}
.universalpricing-con .pricing_content h6 {width: 135px; margin: 0 auto 8px; text-align: left;}
.universalpricing-con .pricing_content h2 {margin-bottom: 10px;}
.universalpricing-con .pricing_content .text1 {padding: 0;}
.universalpricing-con .pricing-box {padding: 20px 30px 30px;}
.universalpricing-con .pricing-box h3 {font-size: 18px; line-height: 24px;}
.universalpricing-con .pricing-box .text {font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.universalpricing-con .pricing-box .dollar {font-size: 16px; line-height: 16px;}
.universalpricing-con .pricing-box .number {font-size: 36px; line-height: 36px;}
.universalpricing-con .pricing-box .value {padding-bottom: 16px; margin-bottom: 16px;}
.universalpricing-con .pricing-box ul {margin-bottom: 20px;}
.universalpricing-con .pricing-box ul li {margin-bottom: 2px;}
.universalpricing-con .pricing-box ul li i {font-size: 12px; top: 4px;}
.universalpricing-con .pricing-box ul li p {font-size: 12px; line-height: 20px; padding-left: 18px;}
.universalpricing-con .pricing-box .get_started {font-size: 14px; line-height: 14px; padding: 14px;}
.universalpricing-con .owl-carousel .owl-nav {margin-top: 25px !important; position: relative; bottom: 0; left: 0;}
.universalpricing-con .owl-carousel .owl-prev span,
.universalpricing-con .owl-carousel .owl-next span {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.faq3-con{padding-bottom: 165px;}
.footer-con .universal_upper_portion {padding: 50px 30px; margin-top: -125px;}
.footer-con .universal_upper_portion h6 {margin-bottom: 8px;}
.footer-con .universal_upper_portion h3 {font-size: 26px; line-height: 32px; margin-bottom: 20px;}
.footer-con .universal_upper_portion .image-wrapper img {width: 120px;}
.footer-con .universal_upper_portion .footer_wrapper img {width: 190px;}
.footer-con .universal_upper_portion .footer-phone1 {left: 0;}
.footer-con .universal_upper_portion .footer-phone2 {right: 0;} .error_page .error_content h1 {font-size: 112px; line-height: 116px; margin-bottom: 14px;}
.error_page .error_content .text {font-size: 36px; line-height: 40px; margin-bottom: 14px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {padding: 14px 20px 16px;} .comingsoon_outer .logo_outer {margin-bottom: 55px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 70px; line-height: 76px; margin-bottom: 22px;}
.comingsoon_outer .sub_banner_content input {font-size: 16px; line-height: 16px; padding : 12px 20px 14px; width: 480px;}
.comingsoon_outer .sub_banner_content button {font-size: 16px; line-height: 16px; padding: 14px 24px 16px;} #button {width: 55px; height: 55px; bottom: 50px; right: 20px;}
#button::after {font-size: 18px; line-height: 18px;}
}
@media screen and (max-width: 767px){
h1 {font-size: 44px; line-height: 50px;}
h2 {font-size: 30px; line-height: 38px;}
h3 {font-size: 18px; line-height: 24px;}
.text-size-14 {font-size: 14px; line-height: 20px;}
.text-size-18 {font-size: 16px; line-height: 24px;}
.banner-con {padding: 20px 0 40px;}
.banner-con .row{align-items: inherit;}
.banner-con .banner_content {text-align: center; margin-bottom: 25px;}
.banner-con .banner_content h6 {width: 285px; margin: 0 auto 8px; text-align: left;}
.banner-con .banner_content h1 {font-size: 34px; line-height: 46px; margin-bottom: 15px;}
.banner-con .banner_content .get_started {padding: 14px 16px;}
.banner-con .banner_content ul li {margin: 0 3px;}
.banner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.banner-con .banner_wrapper {top: 0; right: 0; float: none; text-align: center;}
.banner-con .banner_wrapper .icon {height: 70px; width: 70px; line-height: 70px; left: 0; right: 0; margin: 0 auto 10px;}
.banner-con .banner_wrapper .icon .video-icon {height: 55px; width: 55px; line-height: 54px; top: 6px;}
.banner-con .owl-carousel .owl-dots {bottom: 0; position: relative; margin-top: 30px !important;}
.about-con {padding: 40px 0;}
.about-con .about_wrapper {display: inline-block;}
.about-con .about_wrapper .about-image img{width: 345px;}
.about-con .about_wrapper .circle {left: -35px; top: 75px;}
.about-con .about_content h2 {font-size: 30px;}
.service-con {padding: 40px 0 10px;}
.service-con .service_content h6 {margin-bottom: 10px;}
.service-con .service_content h2 {margin-bottom: 30px;}
.service-con .box {padding: 25px 15px;}
.service-con .service-box .icon img {width: 44px; height: 44px;}
.service-con .service-box .icon {margin-bottom: 16px;}
.service-con .box h3 {padding: 0;}
.service-con .service-box p {font-size: 14px; line-height: 22px; height: 88px;}
.safety-con{padding: 40px 0;}
.safety-con .safety_content {padding: 0;}
.safety-con .safety_content h6 {margin-bottom: 10px;}
.safety-con .safety_content h2 {margin-bottom: 12px;}
.safety-con .safety_content p {margin-bottom: 15px;}
.safety-con .safety_content .get_started {padding: 14px 16px;}
.safety-con .safety_wrapper .value {margin-bottom: 2px;}
.safety-con .safety_wrapper .value span {font-size: 28px; line-height: 28px;}
.safety-con .safety_wrapper .text {font-size: 14px; line-height: 14px;}
.safety-con .safety_wrapper ul li {margin: 0 20px;}
.feature-con {padding: 40px 0;}
.feature-con .feature_content h6 {margin-bottom: 10px;}
.feature-con .feature_content h2 {margin-bottom: 20px; padding: 0;}
.feature-con .feature-box {margin-bottom: 22px;}
.product-showcase-con {padding: 40px 0;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 10px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con .product-showcase_left {margin-bottom: 25px; gap: 18px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 15px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 12px 24px; font-size: 14px;}
.product-showcase-con .product-names-row {gap: 8px; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 12px 16px; -webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);}
.product-showcase-con .product-name-tab:active {transform: scale(0.98) !important;}
.product-showcase-con .product-name-tab h3 {font-size: 15px; line-height: 20px; white-space: normal;}
.product-showcase-con .product-models-container {gap: 8px; justify-content: flex-start;}
.product-showcase-con .product-model-tab {padding: 12px 16px; -webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);}
.product-showcase-con .product-model-tab:active {transform: scale(0.98) !important;}
.product-showcase-con .product-model-tab span {font-size: 14px; line-height: 20px; white-space: normal;}
.product-showcase-con .product-image-wrapper {min-height: 250px; padding: 0;} .feature-con .feature-box.feature-item-clickable {
padding: 10px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.97);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.06);
box-shadow: 0 2px 8px rgba(65, 203, 90, 0.12);
}
.feature-con .feature-box .feature-icon {margin-bottom: 12px; width: 60px; height: 60px; line-height: 58px;}
.feature-con .feature-box .feature-icon img{width: 25px;}
.feature-con .feature-box .icon1 img{width: 20px;}
.pricing-con {padding: 40px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 10px;}
.pricing-con .pricing_content h2 {margin-bottom: 30px;}
.pricing-con .pricing-box {padding: 25px 40px 30px; margin-bottom: 20px;}
.pricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.choose-con {padding-top: 40px;}
.choose-con .choose-image img {width: 100%;}
.choose-con .choose_content {padding: 40px 0;}
.choose-con .choose_content h6 {margin-bottom: 10px;}
.choose-con .choose_content h2 {margin-bottom: 10px;}
.choose-con .choose_content p {margin-bottom: 12px;}
.choose-con .choose_content .progress_list{width: 100%;}
.choose-con .choose_content .choose-measure .progress-tooltip {font-size: 10px; padding: 6px 12px; max-width: 200px; white-space: normal; text-align: center;}
.choose-con .brochure-download-wrapper {margin-top: 25px;}
.choose-con .brochure-download-box {padding: 20px 24px;}
.choose-con .brochure-form-wrapper {flex-direction: column; align-items: stretch; gap: 15px;}
.choose-con .brochure-language-select {min-width: 100%;}
.choose-con .brochure-download-btn {width: 100%; padding: 14px 32px; font-size: 15px;}
.also-like-con {padding: 40px 0;}
.also-like-con .also-like-header {margin-bottom: 30px; gap: 15px;}
.also-like-con .also-like-title .title-small {font-size: 11px; line-height: 15px;}
.also-like-con .also-like-title .title-large {font-size: 20px; line-height: 28px;}
.also-like-con .also-like-tab-btn {padding: 8px 16px; font-size: 13px;}
.also-like-con .also-like-product-card {padding: 15px; margin-bottom: 15px;}
.also-like-con .also-like-product-card .product-name-display {margin-bottom: 12px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 16px; line-height: 24px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 150px; margin-bottom: 15px;}
.also-like-con .also-like-product-card .view-more-btn {padding: 8px 20px; font-size: 13px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 40px 30px;}
.testimonial-con .testimonial_content h6 {margin-bottom: 10px;}
.testimonial-con .testimonial_content h2 {margin-bottom: 10px;}
.testimonial-con .testimonial_content p {margin-bottom: 25px !important;}
.testimonial-con .testimonial_wrapper {width: 510px;}
.testimonial-con .testimonial-box p {font-size: 14px; line-height: 22px; margin-bottom: 20px; min-height: auto;}
.testimonial-con .owl-carousel .owl-nav {margin-top: 20px !important;}
.testimonial-con .owl-carousel .owl-prev span,
.testimonial-con .owl-carousel .owl-next span {font-size: 14px; width: 36px; height: 36px; line-height: 36px;}
.partners-con {padding: 40px 0;}
.partners-con .partners_content {margin-bottom: 30px;}
.partners-con .partners_content h6 {margin-bottom: 12px;}
.partners-con .partners_content h2 {margin-bottom: 12px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 15px 0;}
.partners-con .partners-scroll-row {margin-bottom: 32px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 20px; animation-duration: 30s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 30s;}
.partners-con .partner-item {width: 100px; height: 40px;}
.partners-con .partner-logo {height: 40px; max-width: 100px;}
.faq-con {padding: 40px 0 100px;}
.faq-con .faq_content h6 {margin-bottom: 10px;}
.faq-con .faq_content h2 {margin-bottom: 30px;}
.faq-con .faq h4 {font-size: 16px; line-height: 20px;}
.faq-con .accordian-inner .card-body p {font-size: 14px; line-height: 20px;}
.footer-con .upper_portion {padding: 30px;}
.footer-con .upper_portion h3 {font-size: 24px; line-height: 24px;}
.footer-con .upper_portion input {width: 308px;}
.footer-con .upper_portion button {padding: 14px 18px;}
.footer-con .middle_portion {padding: 40px 0;}
.footer-con .middle_portion .logo_content p {margin-bottom: 15px;}
.footer-con .middle_portion .logo_content i {font-size: 20px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 32px;}
.footer-con .middle_portion .logo_content a {font-size: 16px; line-height: 16px;}
.footer-con .middle_portion .timing li {margin-bottom: 12px;}
.footer-con .middle_portion .links li {margin-bottom: 4px;}
.footer-con .middle_portion .contact p {margin-bottom: 2px;}
.footer-con .middle_portion .contact li {margin-bottom: 5px;}
.footer-con .middle_portion .contact ul {margin-bottom: 12px;} .sub_banner .sub_banner_con {padding: 35px 0 70px;} .aboutpage-con {padding: 40px 0;}
.aboutpage-con .about_content {padding: 0 25px;}
.aboutpage-con .about_content h6 {margin-bottom: 8px;}
.aboutpage-con .about_content h2 {font-size: 30px; margin-bottom: 10px;}
.aboutpage-con .about_content ul {width: 450px; margin-bottom: 20px;}
.aboutpage-con .about_content ul li {margin-bottom: 6px;}
.aboutpage-con .about_content ul li p {padding-left: 26px;}
.aboutpage-con .about_content a {padding: 14px 16px;} 
.aboutpage-con .about_wrapper {display: inline-block; margin-bottom: 30px;}
.aboutpage-con .about_wrapper .about-image img{width: 345px;}
.aboutpage-con .about_wrapper .about-rectangleimage {left: -15px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 45px;}
.aboutpage-con .about_wrapper .box {position: relative; padding: 25px 15px 30px; right: 0; bottom: 0; width: 345px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 8px;}
.aboutpage-con .about_wrapper .box .icon img {width: 40px !important;}
.aboutpage-con .about_wrapper .box h3 {font-size: 16px; line-height: 22px; margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {font-size: 14px; line-height: 20px;}
.unique-con {padding: 40px 0 10px;}
.unique-con .unique_content {padding: 0 25px;}
.unique-con .unique_content h6 {margin-bottom: 8px;}
.unique-con .unique_content h2 {margin-bottom: 10px;}
.unique-con .unique_content ul {width: 335px;}
.unique-con .unique_content ul li {margin-bottom: 6px;}
.unique-con .unique_content ul li p {padding-left: 26px;}
.unique-con .unique-box {padding: 25px; margin-bottom: 30px;}
.unique-con .unique-box .number {font-size: 30px; line-height: 30px;}
.unique-con .unique-box .plus {top: -8px;}
.unique-con .unique-box .text {font-size: 14px; line-height: 20px;}
.aboutsafety-con {padding: 40px 0;}
.aboutsafety-con .safety_content .icon {height: 80px; width: 80px; line-height: 80px; margin-bottom: 12px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 60px; width: 60px; line-height: 58px;}
.aboutsafety-con .safety_content .icon .video-icon img {width: 10px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 8px;}
.team-con {padding: 40px 0 10px;}
.team-con .team_content h6 {margin-bottom: 10px;}
.team-con .team_content h2 {margin-bottom: 30px;}
.team-con .team-box {padding: 15px 15px 20px; margin-bottom: 30px;}
.team-con .team-box figure {margin-bottom: 15px;}
.team-con .team-box figure img {width: 72%;}
.abouttestimonial-con {padding: 40px 0 80px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 10px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 30px;}
.abouttestimonial-con .testimonial-box {padding: 20px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 25px !important;}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 3px;}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {width: 13px; height: 13px;} .contactinfo-con {padding: 40px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 10px;}
.contactinfo-con .contact_content h2 {margin-bottom: 30px;}
.contactinfo-con .contact-box {margin-bottom: 30px;}
.contactform-con {padding: 30px 0 120px;}
.contactform-con .contactform_content h6 {margin-bottom: 10px;}
.contactform-con .contactform_content h2 {margin-bottom: 30px;} .solution-con {padding: 40px 0;}
.solution-con .solution_content h6 {margin-bottom: 10px;}
.solution-con .solution_content h2 {margin-bottom: 25px;}
.solution-con .solution_content .get_started {padding: 14px 16px;} .article-con {padding: 40px 0 120px;}
.article-con .article_content h6 {margin-bottom: 10px;}
.article-con .article_content h2 {margin-bottom: 30px;}
.article-con .article-box .content {padding: 18px 18px 20px;}
.article-con .article-box .icon {margin-bottom: 6px;}
.article-con .article-box .icon i {margin-right: 2px;}
.article-con .article-box .icon span {font-size: 12px;}
.article-con .article-box h3 {font-size: 16px; line-height: 22px; margin-bottom: 12px;} .service_detail {padding: 40px 0;}
.service_detail .main-box h3 {font-size: 20px; line-height: 28px;}
.service_detail .main-box .text1 {margin-bottom: 6px;}
.service_detail .main-box .text2 {margin-bottom: 10px;}
.service_detail .main-box .list {margin-bottom: 10px;}
.service_detail .main-box .list li {margin-bottom: 3px; padding-left: 22px;}
.servicedetail-con {padding-bottom: 90px;} .electricbanner-con {padding: 20px 0 80px;}
.electricbanner-con .banner_content h1 {font-size: 38px; line-height: 48px; margin-bottom: 12px;}
.electricbanner-con .banner_content p {margin-bottom: 20px; padding: 0 15px;}
.electricbanner-con .banner_content .get_started {padding: 14px 16px;}
.electricbanner-con ul li {margin: 0 3px;}
.electricbanner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.electricbanner-con .banner_content .top-btn {bottom: -30px;}
.electricbanner-con .banner_content .top-btn img {width: 28px;}
.electricservice-con{padding: 40px 0 133px;}
.electricservice-con .service_content h6 {margin-bottom: 10px;}
.electricservice-con .service_content h2 {margin-bottom: 30px;}
.electricservice-con .upper_portion .service-icon {height: 75px; width: 75px; line-height: 75px; bottom: -35px;}
.electricservice-con .upper_portion .service-icon img {width: 35px;}
.electricservice-con .lower_portion_wrapper {padding: 50px 15px 20px;}
.electricservice-con .lower_portion_wrapper h3 {margin-bottom: 6px;}
.electricservice-con .lower_portion_wrapper p {font-size: 14px; line-height: 20px; margin-bottom: 15px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 25px !important;}
.electricservice-con .owl-carousel .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 3px;}
.electricservice-con .owl-carousel .owl-dots .owl-dot.active span {width: 13px; height: 13px;}
.electrictestimonial-con {padding: 35px 0 72px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 15px;}
.electrictestimonial-con .testimonial-box h4 {font-size: 14px; line-height: 20px; margin-bottom: 2px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 16px; line-height: 24px;}
.electrictestimonial-con .carousel-indicators li {width: 38px; height: 38px; margin: 0 6px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -50px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {font-size: 16px; line-height: 16px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .review {font-size: 12px; line-height: 12px;} .universalbanner-con {padding: 30px 0 40px;}
.universalbanner-con .banner_content {text-align: center; margin-bottom: 25px;}
.universalbanner-con .banner_content h6 {width: 220px; margin: 0 auto 8px; text-align: left;} .universalbanner-con .banner_content h1 {font-size: 34px; line-height: 46px; margin-bottom: 15px;}
.universalbanner-con .banner_content .get_started {padding: 14px 16px;}
.universalbanner-con .banner_content ul li {margin: 0 3px;}
.universalbanner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.universalbanner-con .banner_wrapper .banner3-image img {width: 250px;}
.universalbanner-con .banner_wrapper .circle {width: 180px; height: 180px; line-height: 180px; right: 90px; top: 24%;}
.universalservice-con {padding: 40px 0 10px;}
.universalservice-con .service_content h6 {margin-bottom: 10px;}
.universalservice-con .service_content h2 {margin-bottom: 30px;}
.universalservice-con .service-box .icon img {width: 44px; height: 44px;}
.universalservice-con .service-box h4 {padding: 0 10px;}
.universalabout-con {padding: 40px 0;}
.universalabout-con .about_content {padding: 0 25px;}
.universalabout-con .about_content h6 {margin-bottom: 8px;}
.universalabout-con .about_content h2 {margin-bottom: 10px;}
.universalabout-con .about_content ul {width: 450px; margin-bottom: 20px;}
.universalabout-con .about_content ul li {margin-bottom: 6px;}
.universalabout-con .about_content ul li p {padding-left: 26px;}
.universalabout-con .about_content .box h3 {font-size: 20px; line-height: 32px; padding-left: 72px;}
.universalabout-con .about_content .box .about-icon img{width: 45px;}
.universalabout-con .about_wrapper {display: inline-block; margin-bottom: 30px;}
.universalabout-con .about_wrapper .about-image1 img{width: 345px;}
.universalabout-con .about_wrapper .video-image {top: 246px; left: -40px;}
.universalabout-con .about_wrapper .about-image2 {border: 6px solid var(--e-global-color-very-light-gray-white);}
.universalabout-con .about_wrapper .about-image2 img {width: 200px;}
.universalabout-con .about_wrapper .icon {height: 70px; width: 70px; line-height: 70px;}
.universalabout-con .about_wrapper .icon .video-icon {height: 55px; width: 55px; line-height: 54px; top: 6px;}
.universalpricing-con{padding: 40px 0;}
.universalpricing-con .pricing_content {padding: 0 25px; margin-bottom: 25px;}
.universalpricing-con .pricing-box {padding: 20px 20px 30px;}
.universalpricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.universalpricing-con .owl-carousel .owl-nav {margin-top: 20px !important;}
.universalpricing-con .owl-carousel .owl-prev span,
.universalpricing-con .owl-carousel .owl-next span {font-size: 14px; width: 36px; height: 36px; line-height: 36px;}
.universalpricing-con .owl-carousel .owl-prev {left: -8px;}
.universalpricing-con .owl-carousel .owl-next {right: -8px;}
.faq3-con{padding-bottom: 145px;} .footer-con .universal_upper_portion {padding: 40px 26px 0;}
.footer-con .universal_upper_portion .footer_content {margin-bottom: 25px;} .footer-con .universal_upper_portion h6 {margin-bottom: 8px;}
.footer-con .universal_upper_portion h3 {font-size: 22px; line-height: 30px; margin-bottom: 18px;}
.footer-con .universal_upper_portion .image-wrapper img {width: 110px;}
.footer-con .universal_upper_portion .footer_wrapper {display: inline-block;}
.footer-con .universal_upper_portion .footer_wrapper img {width: 145px;} .footer-con .universal_upper_portion .footer-phone1 {position: relative; top: 0; left: 0;} .footer-con .universal_upper_portion .footer-phone2 {right: -72px; bottom: 0; top: unset;} .error_page .error_content h1 {font-size: 100px; line-height: 110px; margin-bottom: 10px;}
.error_page .error_content .text {font-size: 30px; line-height: 36px; margin-bottom: 12px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {font-size: 16px; line-height: 16px; padding: 15px 15px 16px; min-width: 165px;}  .comingsoon_outer .sub_banner_content h1 {font-size: 56px; line-height: 66px; margin-bottom: 18px;}
.comingsoon_outer .sub_banner_content .social-icon i {font-size: 14px; height: 35px; width: 35px; line-height: 35px;} #button {width: 50px; height: 50px; right: 15px;}
}
@media screen and (max-width: 575px){
h1 {font-size: 38px; line-height: 44px;}
h2 {font-size: 26px; line-height: 34px;}
h4 {font-size: 16px; line-height: 22px;}
h5 {font-size: 14px; line-height: 20px;}
.text-size-16 {font-size: 14px; line-height: 22px;}
.banner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.banner-con .banner_content .get_started {margin-bottom: 20px;}
.banner-con .owl-carousel .owl-dots {margin-top: 22px !important;}
.about-con .about_wrapper .about-image img{width: 275px;}
.about-con .about_wrapper .circle {left: -30px; top: 55px; width: 200px; height: 200px; line-height: 200px;}
.about-con .about_content h6 {margin-bottom: 8px;}
.about-con .about_content h2 {font-size: 28px; margin-bottom: 10px;}
.about-con .accordion-card {margin-bottom: 15px;}
.about-con .accordion-card .btn-link::before {font-size: 12px; top: 12px; right: 16px;}
.about-con .accordian-inner .card-header a {padding: 12px 16px;}
.about-con .accordian-inner .card-body {padding: 12px 16px 0;}
.service-con {padding: 40px 0 25px;}
.service-con .service_content h6 {margin-bottom: 8px;}
.service-con .service_content h2 {margin-bottom: 25px; padding: 0;}
.service-con .box {width: 330px; margin: 0 auto 15px;}
.service-con .service-box .icon {margin-bottom: 15px;}
.service-con .service-box p {height: auto;}
.safety-con .safety_content {margin-bottom: 25px;}
.safety-con .safety_wrapper .value span {font-size: 24px; line-height: 24px;}
.safety-con .safety_wrapper .text {font-size: 12px; line-height: 12px;}
.safety-con .safety_wrapper ul li {margin: 0 10px;}
.feature-con {padding: 40px 0 20px;}
.feature-con .feature_content h6 {margin-bottom: 8px;}
.feature-con .feature_wrapper .feature-image img{width: 100%;}
.feature-con .feature_box_outer {margin-top: 0;}
.feature-con .feature-box {margin-bottom: 20px !important;}
.product-showcase-con {padding: 40px 0 20px;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 8px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con {padding: 40px 0 20px;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 8px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con .product-showcase_left {margin-bottom: 20px; gap: 15px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 12px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 10px 20px; font-size: 13px;}
.product-showcase-con .product-names-row {gap: 6px; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 10px 14px;}
.product-showcase-con .product-name-tab h3 {font-size: 14px; line-height: 18px; white-space: normal;}
.product-showcase-con .product-models-container {gap: 6px; justify-content: flex-start;}
.product-showcase-con .product-model-tab {padding: 10px 14px;}
.product-showcase-con .product-model-tab span {font-size: 13px; line-height: 18px; white-space: normal;}
.product-showcase-con .product-image-wrapper {min-height: 200px; padding: 0;}
.world-map-con {padding: 40px 0 30px; background-color: #2e2e2e;}
.world {min-height: 450px; background-color: #2e2e2e;}
.worldcenter {min-height: 450px; padding: 0 15px;}
.worldcenter h2 {font-size: 32px; line-height: 1.3; padding-top: 30px; margin-bottom: 30px; letter-spacing: -0.2px;}
.worldcenter ul {margin-top: 25px;}
.worldcenter ul li h3 {font-size: 24px; margin-bottom: 15px; font-weight: 700; letter-spacing: -0.2px;}
.worldtitle,
.worldtitle2 {font-size: 16px; line-height: 1.8; font-weight: 400;}
.worldcenter ul li:nth-of-type(2) {padding-top: 35px;}
.world-header {margin-bottom: 20px;}
.world-company-name {font-size: 20px;}
.world-main-title {font-size: 22px;}
.world-tab-buttons {gap: 8px; margin-bottom: 15px;}
.world-tab-btn {padding: 10px 16px; font-size: 13px;}
.world-content-left {padding-right: 0; margin-bottom: 15px;}
.world-description {font-size: 13px; margin-bottom: 15px;}
.world-continents-list li {font-size: 13px; line-height: 1.6;}
.world-graphic-wrapper {min-height: 200px; margin-top: 10px;}
.factory-stat-box {padding: 20px 12px; margin-bottom: 12px;}
.factory-icon {width: 50px; height: 50px; margin-bottom: 12px;}
.factory-icon i {font-size: 22px;}
.factory-number {font-size: 24px; margin-bottom: 5px;}
.factory-label {font-size: 12px;} .feature-con .feature-box.feature-item-clickable {
padding: 8px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.96);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.05);
box-shadow: 0 2px 6px rgba(65, 203, 90, 0.1);
}
.pricing-con .pricing_content h6 {margin-bottom: 8px;}
.pricing-con .pricing_content h2 {margin-bottom: 25px;}
.pricing-con .pricing-box{padding: 25px 25px 30px; width: 330px; margin: 0 auto 15px;}
.testimonial-con {padding: 40px 15px;}
.testimonial-con .testimonial_wrapper {width: 330px;}
.partners-con {padding: 40px 0;}
.partners-con .partners_content {margin-bottom: 25px;}
.partners-con .partners_content h6 {margin-bottom: 10px;}
.partners-con .partners_content h2 {margin-bottom: 10px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 12px 0;}
.partners-con .partners-scroll-row {margin-bottom: 28px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 15px; animation-duration: 25s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 25s;}
.partners-con .partner-item {width: 80px; height: 35px;}
.partners-con .partner-logo {height: 35px; max-width: 80px;}
.faq-con {padding: 40px 0 105px;}
.faq-con .faq_content h6 {margin-bottom: 8px;}
.faq-con .faq_content h2 {margin-bottom: 25px;}
.faq-con .accordion-card {margin-bottom: 15px !important;}
.faq-con .accordian-inner .card-header a {padding: 12px 38px 12px 18px;}
.faq-con .accordion-card .btn-link::before {top: 26% !important; right: 18px;}
.faq-con .accordian-inner .card-body {padding: 0 18px 12px;}
.footer-con .upper_portion {padding: 20px;}
.footer-con .upper_portion h3 {font-size: 22px; line-height: 22px;}
.footer-con .upper_portion input {padding: 10px; width: 100%; margin: 0 0 10px 0;}
.footer-con .upper_portion button {padding: 13px 18px; width: 100%;}
.footer-con .middle_portion .logo_content {text-align: center; margin-bottom: 30px;}
.footer-con .middle_portion .logo_content .phone_wrapper{width: 225px; margin: 0 auto; text-align: left;}
.footer-con .middle_portion h4 {margin-bottom: 14px;}
.footer-con .middle_portion .timing{margin-bottom: 30px;}
.footer-con .middle_portion .links{padding-left: 20px; margin-bottom: 30px;}
.footer-con .middle_portion .contact {padding-left: 0; margin-bottom: 0;} .sub_banner .sub_banner_con {padding: 10px 0 40px;}
.sub_banner .sub_banner_con p {margin-bottom: 20px;} .aboutpage-con .about_content {padding: 0;}
.aboutpage-con .about_content h2 {font-size: 28px;}
.aboutpage-con .about_content .text {margin-bottom: 15px;}
.aboutpage-con .about_content ul {width: 340px;}
.aboutpage-con .about_content ul li {margin-bottom: 5px;}
.aboutpage-con .about_content ul li p {padding-left: 22px;}
.aboutpage-con .about_wrapper {margin-bottom: 25px;}
.aboutpage-con .about_wrapper .about-image img{width: 275px;}
.aboutpage-con .about_wrapper .box {width: 275px;}
.unique-con {padding: 40px 0 20px;}
.unique-con .unique_content {padding: 0;}
.unique-con .unique_content .text {margin-bottom: 15px;}
.unique-con .unique_content ul {width: 285px;}
.unique-con .unique_content ul li {margin-bottom: 5px;}
.unique-con .unique_content ul li p {padding-left: 22px;}
.unique-con .unique-box {padding: 20px 10px; margin-bottom: 20px;}
.unique-con .unique-box .number {font-size: 26px; line-height: 26px;}
.team-con {padding: 40px 0 20px;}
.team-con .team_content h6 {margin-bottom: 8px;}
.team-con .team_content h2 {margin-bottom: 25px;}
.team-con .team-box {margin: 0 auto 20px; width: 260px;}
.abouttestimonial-con {padding: 40px 15px 80px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 8px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 25px;}
.abouttestimonial-con .testimonial-box {padding: 20px; text-align: center;}
.abouttestimonial-con .testimonial-box .testimonial-personimage img {width: 75px !important; margin-bottom: 10px;}
.abouttestimonial-con .testimonial-box p {line-height: 22px; margin-bottom: 4px;}
.abouttestimonial-con .testimonial-box ul li i {font-size: 10px; line-height: 10px;}
.abouttestimonial-con .testimonial-box .name {font-size: 14px; margin-bottom: -4px;}
.abouttestimonial-con .testimonial-box .review {font-size: 12px;} .contactinfo-con .contact_content h6 {margin-bottom: 8px;}
.contactinfo-con .contact_content h2 {font-size: 25px; margin-bottom: 25px;}
.contactinfo-con .contact-box {margin-bottom: 20px;}
.map-con iframe {height: 330px;}
.contactform-con .contactform_content h6 {margin-bottom: 8px;}
.contactform-con .contactform_content h2 {margin-bottom: 25px;}
.contactform-con form .submit {min-width: 138px; height: 44px; padding: 12px;} .solution-con .solution_content h6 {margin-bottom: 8px;}
.solution-con .solution_content h2 {margin-bottom: 20px;} .article-con .article_content h6 {margin-bottom: 8px;}
.article-con .article_content h2 {margin-bottom: 25px;}
.article-con .article-box {width: 330px; margin: 0 auto 20px;} .service_detail .main-box h3 {font-size: 18px; line-height: 26px;}
.servicedetail-con {padding-bottom: 105px;}
.service_detail .main-box .list li {line-height: 22px;}
.service_detail .main-box .list li i {top: 4px;} .electricbanner-con {padding: 15px 0 75px;}
.electricbanner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.electricbanner-con .banner_content p {padding: 0 10px;}
.electricbanner-con .banner_content .top-btn {bottom: -30px;}
.electricbanner-con .banner_content .top-btn img {width: 28px;}
.electricservice-con{padding: 40px 15px 80px;}
.electricservice-con .service_content h6 {margin-bottom: 8px;}
.electricservice-con .service_content h2 {margin-bottom: 25px;}
.electricservice-con .service-box {width: 330px; margin: 0 auto;}
.electricservice-con .upper_portion .service-icon {height: 70px; width: 70px; line-height: 70px;}
.electricservice-con .lower_portion_wrapper p {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 14px; line-height: 22px;}
.electrictestimonial-con .carousel-indicators li {width: 35px; height: 35px; margin: 0 8px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -48px;} .universalbanner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.universalbanner-con .banner_content .get_started {margin-bottom: 20px;}
.universalbanner-con .banner_wrapper {display: inline-block;}
.universalbanner-con .banner_wrapper .banner3-image img {width: 225px;}
.universalbanner-con .banner_wrapper .circle {width: 150px; height: 150px; line-height: 150px; right: -40px; top: 26%;}
.universalservice-con {padding: 40px 0 25px;}
.universalservice-con .service_content h6 {margin-bottom: 8px;}
.universalservice-con .service_content h2 {margin-bottom: 25px;}
.universalservice-con .service-box {width: 330px; margin: 0 auto 15px;}
.universalservice-con .service-box .icon {margin-bottom: 15px;}
.universalservice-con .service-box h4 {padding: 0;}
.universalabout-con .about_content {padding: 0;}
.universalabout-con .about_content h2 {font-size: 28px;}
.universalabout-con .about_content .text {margin-bottom: 15px;}
.universalabout-con .about_content ul {width: 340px;}
.universalabout-con .about_content ul li {margin-bottom: 5px;}
.universalabout-con .about_content ul li p {padding-left: 22px;}
.universalabout-con .about_content .box {width: 330px; margin: 0 auto; padding: 20px;}
.universalabout-con .about_content .box .about-icon img {width: 40px;}
.universalabout-con .about_content .box h3 {font-size: 18px; line-height: 26px; padding-left: 70px;}
.universalabout-con .about_wrapper {margin-bottom: 25px;}
.universalabout-con .about_wrapper .about-image1 img{width: 250px;}
.universalabout-con .about_wrapper .video-image {top: 145px; left: -28px;}
.universalabout-con .about_wrapper .about-image2 img {width: 185px;}
.universalabout-con .about_wrapper .icon .video-icon {width: 54px; line-height: 52px;}
.universalpricing-con .pricing_content {padding: 0; margin-bottom: 20px;}
.universalpricing-con .pricing-box{padding: 25px 25px 30px; width: 330px; margin: 0 auto;}
.faq3-con{padding-bottom: 150px;}
.footer-con .universal_upper_portion {padding: 30px 20px 0; text-align: center;}
.footer-con .universal_upper_portion .footer_content {margin-bottom: 25px;}
.footer-con .universal_upper_portion h6 {width: 155px; margin: 0 auto 8px; text-align: left;}
.footer-con .universal_upper_portion .footer-phone1 {left: -30px;}
.footer-con .universal_upper_portion .footer-phone2 {right: -30px;} .error_page .error_content h1 {font-size: 90px; line-height: 100px; margin-bottom: 8px;}
.error_page .error_content .text {font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.error_page .error_content .text2 {font-size: 16px; line-height: 24px;} .comingsoon_outer .logo_outer {margin-bottom: 40px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 44px; line-height: 54px;}
.comingsoon_outer .sub_banner_content p {font-size: 14px; line-height: 20px;}
.comingsoon_outer .sub_banner_content input {font-size: 14px; line-height: 14px; padding: 8px 14px 10px; width: 330px;}
.comingsoon_outer .sub_banner_content button {font-size: 14px; line-height: 14px; padding: 10px 20px 14px;}
.comingsoon_outer .sub_banner_content .social-icon li {margin: 0 2px;}
.comingsoon_outer .sub_banner_content .social-icon i {height: 33px; width: 33px; line-height: 33px;} #button {width: 45px; height: 45px; right: 35px; bottom: 35px;}
#button::after {font-size: 16px; line-height: 16px;}
}
a {
outline: none;
text-decoration: none; }
.sub-banner li {
display: inline-block;
} .padding-top {
padding-top: 134px;
}
.padding-bottom {
padding-bottom: 100px;
} .blog-banner-section {
background: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/review-bg.jpg) no-repeat center;
background-size: cover;
height: 498px;
position: relative;
text-align: center;
}
.blog-banner-section h1 {
color: var(--e-global-color-primary);
}
.single-blog-box {
width: 540px;
border-radius: 0;
box-shadow: 0 6px 41px 6px rgba(0, 0, 0, 0.05);
background: var(--e-global-color-white);
}
.single-blog-box figure img{
border-radius: 0;
}
.single-blog-box:hover h4 a {
color: var(--button-color);
}
.single-blog-outer-con {
display: grid;
gap: 50px 30px;
margin-bottom: 70px;
grid-template-columns: 48.6% 48.6%;
}
.single-blog-details {
padding: 30px;
}
.single-blog-details .generic-btn2 a::before {
bottom: -7px;
}
.single-blog-details h4 a {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 12px; color: var(--e-global-color-secondary);
transition: all 0.3s ease-in-out;
}
.single-blog-details ul li {
font-size: 12px;
line-height: 20px;
padding-left: 20px;
color: var(--e-global-color-text);
}
.single-blog-details ul li i {
position: absolute;
font-size: 14px;
line-height: 16px;
left: 0;
top: 0;
color: var(--e-global-color-accent);
}
.single-blog-details p {
font-size: 16px;
line-height: 24px;
margin-bottom: 28px;
}
.single-blog-details ul {
display: flex;
gap: 20px;
}
.blog-tabs-section{
padding-bottom: 170px !important;
}
.blog-tabs-inner-section .nav-tabs a.nav-link {
color: var(--e-global-color-text);
font-size: 24px;
border: none;
padding: 13px 36px;
}
.blog-tabs-inner-section .nav-tabs a.nav-link:hover {
color: var(--button-color);
}
.blog-tabs-inner-section .nav-tabs .nav-link.active:hover {
color: var(--e-global-color-primary);
} .blog-tabs-inner-section .nav-tabs {
border: 0;
margin-bottom: 40px;
gap: 10px;
justify-content: space-evenly;
}
.blog-tabs-inner-section .nav-tabs .nav-item {
margin: 0;
}
.blog-tabs-inner-section .pagination {
margin-bottom: 0;
justify-content: center;
gap: 2px;
}
.blog-tabs-inner-section .pagination .page-link {
padding: 11px 15px;
margin-left: 0;
font-size: 20px;
line-height: 20px;
color: #000; border: none;
font-weight: 600;
}
.blog-tabs-inner-section .pagination .page-link:hover {
color: var(--button-color);
}
.blog-tabs-inner-section .pagination .page-link:focus {
box-shadow: none;
}
.blog-tabs-inner-section .pagination .page-item.active .page-link {
color: var(--e-global-color-secondary);
}
.blog-tabs-inner-section .pagination .page-item.active .page-link:hover {
color: var(--e-global-color-white);
}
.blog-tabs-inner-section .pagination .page-link i {
color: var(--e-global-color-text);
font-size: 14px;
}
.pagination .page-item:not(.disabled):hover>.page-link i{
color: var(--e-global-color-white);
}
.generic-btn2 a {
font-size: 14px;
letter-spacing: 1px;
position: relative;
font-weight: bold;
color: var(--e-global-color-secondary);
transition: all 0.3s ease-in-out;
}
.single-blog-box h4 a:hover {
text-decoration: none;
color: var(--e-global-color-accent);
}
.generic-btn2 a::before {
content: "";
background: var(--e-global-color-secondary);
width: 20px;
height: 3px;
position: absolute;
left: 0;
bottom: -9px;
transition: all 0.3s ease-in-out;
}
.single-blog-details .generic-btn2 a:hover {
color: var(--e-global-color-accent);
}
.single-blog-details .generic-btn2 a:hover::before {
background-color: var(--e-global-color-accent);
}
.single-blog-details .generic-btn2 a::before {
bottom: -7px;
}
.generic-btn2 a:hover {
text-decoration: none;
}
.blog-tabs-inner-section .nav-tabs a.nav-link {
color: var(--e-global-color-primary);
font-size: 20px;
border: none;
border-radius: 0;
padding: 12px 34px;
transition: all 0.3s ease-in-out;
}
.blog-tabs-inner-section .nav-tabs a.nav-link:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
}
.blog-tabs-inner-section .nav-tabs .nav-link.active {
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
}
.blog-tabs-inner-section .nav-tabs .nav-link.active:hover {
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
} .sidebar .widget,
.sidebar .widget-tweeter small,
.sidebar .widget-twitter small,
.post-image img,
.sidebar .form-inline .input-group,
.sidebar .post-thumbnail-entry,
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed,
#blog .post-item.border>.post-item-wrap>.post-item-description,
#blog img,
#blog audio,
#blog iframe {
width: 100%;
border: none
}
.sidebar .post-thumbnail-list a,
.sidebar .tags a,
.load-more a,
#blog .post-item.border .post-image .post-meta-category a,
#blog .post-item .post-item-description>h2,
#blog .post-item .post-item-description>h2>a,
.sidebar .widget-categories ul li a,
.post-meta-category a {
text-decoration: none;
color: #ddd;
}
a.item-link {
margin-top: 10px;
display: inline-block
}
.sidebar .post-thumbnail-list,
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
#blog .post-item .post-meta-date,
#blog .post-item.border .post-image,
.sidebar .widget-categories ul li {
position: relative;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed,
#blog .post-item.border .post-meta-category,
.sidebar .widget-categories ul li:before,
.player,
.sidebar .widget-tweeter:not([data-avatar="true"]) li::before,
.sidebar .widget-twitter:not([data-avatar="true"]) li::before {
position: absolute;
}
.sidebar .post-thumbnail-entry>img,
.sidebar .post-thumbnail-entry,
.sidebar .widget {
float: left;
}
.sidebar {
font-size: 12px;
position: relative;
padding: 20px; border-radius: 0;
box-shadow: 3px 3px 25px rgb(0 0 0 / 7%);
}
.sidebar .widget {
margin-bottom: 30px;
padding-bottom: 30px;
}
.widget-newsletter .form-control {
font-size: 14px;
box-shadow: none;
line-height: 18px;
padding: 10px 16px;
height: auto; background: var(--e-global-color-white);
border: 1px solid rgb(0 0 0 / 15%);
border-radius: 0;
}
.widget-newsletter .form-control:focus{
border: 1px solid var(--e-global-color-accent);
}
.widget-newsletter .btn {
font-weight: 600;
height: 100%;
padding: 8px 16px;
border-radius: 0;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-accent);
}
.widget-newsletter .btn:hover {
background: var(--e-global-color-white);
color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
}
.sidebar .nav-tabs {
margin-bottom: 30px;
padding-bottom: 0;
}
.sidebar .nav-tabs .nav-item {
margin-bottom: -2px;
}
.tabs .nav-tabs .nav-link {
border: 0;
padding: 14px 24px;
transition: .3s ease;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sidebar .widget .tabs li>a {
padding: 6px;
font-size: 14px;
}
.sidebar .widget .tabs li>a:hover {
color: var(--e-global-color-accent);
}
.sidebar .post-thumbnail-entry {
padding-bottom: 10px;
margin-bottom: 10px;
}
.sidebar .post-thumbnail-entry:last-child,
.sidebar .widget-categories ul li:last-child {
margin: 0;
padding-bottom: 0;
border-bottom: none;
}
.sidebar .post-thumbnail-entry>img {
height: 48px;
width: 64px;
margin-right: 10px;
border-radius: 0;
}
.sidebar .post-thumbnail-entry img+.post-thumbnail-content {
padding-left: 0;
}
.sidebar .post-thumbnail-list a {
margin: -4px 0 0;
display: block;
}
.sidebar .post-thumbnail-entry .post-category i,
.sidebar .post-thumbnail-entry .post-date i {
margin-right: 2px;
color: var(--button-color);
}
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date {
font-size: 10px;
}
.sidebar .widget-title,
.sidebar>h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
color: var(--e-global-color-secondary);
}
.sidebar .widget-tweeter ul,
.sidebar .widget-twitter ul,
.sidebar .widget-categories ul {
list-style: none;
}
.sidebar .widget-tweeter ul,
.sidebar .widget-twitter ul {
margin-bottom: 0;
padding-left: 22px;
}
.sidebar .widget-tweeter li,
.sidebar .widget-twitter li {
font-size: 13px;
margin-bottom: 18px;
color: var(--e-global-color-text);
}
.sidebar .widget-tweeter:not([data-avatar="true"]) li::before,
.sidebar .widget-twitter:not([data-avatar="true"]) li::before {
content: "\f099";
margin-left: -22px;
font-family: 'Font Awesome 5 Brands';
}
.sidebar .widget-categories ul {
padding: 0;
}
.sidebar .widget-categories ul li {
margin-bottom: 10px;
padding: 0 0 10px 28px;
}
.sidebar .widget-categories ul li:before {
position: absolute;
content: "\f101";
left: 0;
top: 10px;
font-size: 10px;
padding-top: 0;
transition: all .3s ease;
font-family: 'FontAwesome';
transform: translate3d(0, -50%, 0);
color: var(--e-global-color-accent);
}
.sidebar .cat-count-span {
float: right;
}
#blogslider .carousel-control-prev,
#blogslider .carousel-control-next {
top: 50%;
transform: translateY(-50%);
} .blogpage-section {
position: relative;
padding: 130px 0 170px;  }
.blogpage-section .blog-box img{
border-radius: 0 !important;
}
.blogpage-section .blog_content {
text-align: center;
}
.blogpage-section .blog_content h2 {
margin-bottom: 46px;
}
.blogpage-section .blog-box {
position: relative;
background: var(--e-global-color-white);
margin-bottom: 32px;
border-radius: 0; box-shadow: 0 6px 41px 6px rgba(0, 0, 0, 0.05);
width: 100%;
}
.blogpage-section .blog-box .lower-portion {
padding: 20px;
border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.blogpage-section .blog-box .lower-portion .span-i-con{
margin-bottom: 10px;
}
.blogpage-section .blog-box .lower-portion i {
font-size: 15px;
color: var(--e-global-color-accent);
margin-right: 2px;
}
.blogpage-section .blog-box .lower-portion .text-mr {
margin-right: 20px;
color: var(--e-global-color-text);
}
.blogpage-section .blog-box .lower-portion h5 {
font-size: 20px;
line-height: 30px;
font-weight: 500; color: var(--e-global-color-secondary);
position: relative;
margin-bottom: 0;
letter-spacing: 0;
word-spacing: 0;
transition: all 0.3s ease-in-out;
}
.blogpage-section .blog-box .lower-portion a {
display: inline-block;
}
.blogpage-section .blog-box .lower-portion a:hover h5 {
color: var(--e-global-color-accent);
}
.blogpage-section .blog-box .button-portion {
position: relative;
padding: 15px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.blogpage-section .blog-box .button-portion .date {
display: inline-block;
}
.blogpage-section .blog-box .button-portion .button {
display: inline-block;
}
.blogpage-section .blog-box .button-portion span {
color: var(--e-global-color-text);
}
.blogpage-section .blog-box .button-portion .calendar-ml {
font-size: 18px;
color: var(--e-global-color-accent);
margin-right: 5px;
margin-bottom: 28px;
}
.blogpage-section .blog-box .button-portion .read_more {
font-size: 16px;
line-height: 18px;
font-weight: 400; color: var(--e-global-color-white);
background: var(--e-global-color-accent);
padding: 11px 18px 13px;
text-align: center;
display: inline-block;
transition: all 0.3s ease-in-out;
border: none;
overflow: visible;
outline: none; }
.button-portion .date i {
color: var(--e-global-color-accent);
margin-right: 5px;
}
.blogpage-section .blog-box .button-portion .read_more:hover {
color: var(--e-global-color-white);
background: var(--e-global-color-secondary); }
.blog-posts a {
text-decoration: none;
} .singleblog-section .main-box {
position: relative;
background: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
padding: 15px 12px 40px;
width: 104%;
margin-left: -45px;
border-radius: 0;
box-shadow: 0 6px 41px 6px rgba(0, 0, 0, 0.05);
}
.singleblog-section .main-box .singleblog-image1 {
margin-bottom: 30px;
}
.singleblog-section .main-box .image1 img {
border-radius: 0;
}
.singleblog-section .main-box .content1 {
margin-left: 0;
}
.singleblog-section .main-box .content1 h4 {
margin-bottom: 18px;
}
.singleblog-section .main-box .content1 i {
font-size: 14px !important;
color: var(--e-global-color-accent);
margin-right: 4px;
margin-bottom: 0;
}
.singleblog-section .main-box .content1 .calendar {
font-size: 16px;
}
.singleblog-section .main-box .content1 span,
.singleblog-section .main-box .content1 .text-mr {
font-size: 12px;
line-height: 20px;
margin-right: 10px;
}
.singleblog-section .main-box .content1 p { margin-bottom: 35px;
}
.singleblog-section .main-box .content2 {
background: var(--e-global-color-accent);
padding: 30px;
border-radius: 0;
margin-bottom: 34px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage {
margin-bottom: 22px;
}
.singleblog-section .main-box .content2 p {
font-style: italic;
}
.singleblog-section .main-box .text { margin-bottom: 35px;
margin-left: 0 !important;
}
.singleblog-section .main-box .singleblog-image2 {
margin-bottom: 30px;
}
.singleblog-section .content4 {
padding: 0 14px;
margin-bottom: 50px;
}
.singleblog-section .content4 h4 { margin-bottom: 14px;
}
.singleblog-section .content4 .tag li {
display: contents;
}
.singleblog-section .content4 .tag .button {
font-size: 16px;
line-height: 26px;
font-weight: 400;
background: var(--e-global-color-accent);
color: #ffffff;
border-radius: 0;
padding: 6px 18px 9px;
display: inline-block;
text-align: center;
transition: all 0.3s ease-in-out;
margin-right: 4px; }
.singleblog-section .buttons {
margin-bottom: 75px;
padding: 0 15px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between; }
.singleblog-section .content4 .tag li:last-child {
margin-right: 0;
}
.singleblog-section .content4 .tag .button:hover {
background: var(--e-global-color-secondary); color: var(--e-global-color-white);
}
.singleblog-section .buttons .prev-text {
left: 24px;
}
.singleblog-section .buttons .next-text {
right: 0;
}
.singleblog-section .buttons .prev-text,
.singleblog-section .buttons .next-text {
font-size: 14px;
line-height: 14px;
font-weight: 500;
position: relative;
top: -20px;
color: var(--e-global-color-secondary);
transition: all 0.3s ease-in-out;
}
.singleblog-section .buttons .prev,
.singleblog-section .buttons .next {
position: relative;
width: 56px;
background-repeat: no-repeat;
transition: all 0.3s ease-in-out;
}
.singleblog-section .buttons .prev {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/single-blog-prev-image.png);
left: 0px;
}
.singleblog-section .buttons .next {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/single-blog-next-image.png);
right: 0;
}
.singleblog-section .buttons .prev:hover .prev-text,
.singleblog-section .buttons .next:hover .next-text {
color: var(--e-global-color-accent);
}
.singleblog-section .buttons .prev:hover {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/single-blog-prev-imagehover.png);
}
.singleblog-section .buttons .next:hover {
background-image: url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/single-blog-next-imagehover.png);
}
.singleblog-section .content4 .icon {
position: relative;
}
.singleblog-section .content4 .icon h4 {
float: right;
}
.singleblog-section .content4 .icon .social-icons {
top: 45px;
right: 0;
}
.singleblog-section .content4 .icon .social-icons ul {
display: flex;
}
.singleblog-section .content4 .icon .social-icons ul li {
margin: 0 8px; display: flex;
align-items: center;
justify-content: center;
background: var(--e-global-color-accent);
border-radius: 100%;
transition: .3s ease-in-out; }
.singleblog-section .content4 .icon .social-icons ul li a { border-radius: 100%;
color: var(--e-global-color-white);
}
.hide-blog {
display: none;
}
.singleblog-section .content4 .icon .social-icons ul li:hover {
background: var(--e-global-color-secondary); transform: translateY(-8px);
}
.singleblog-section .content4 .icon .social-icons ul li a i {
transition: .3s ease-in-out;
}
.singleblog-section .content4 .icon .social-icons ul li:hover .social-networks {
color: var(--e-global-color-white);
}
.singleblog-section .content4 .icon .social-icons ul li:hover a {
color: var(--e-global-color-white);
}
.singleblog-section .content4 .icon .social-icons ul li:first-child {
margin-left: 0;
}
.singleblog-section .content4 .icon .social-icons ul li:last-child {
margin-right: 0;
}
.singleblog-section .content4 .middle-portion a {
font-size: 18px;
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
transition: all 0.3s ease-in-out;
letter-spacing: 0.6px;
word-spacing: 0.2px;
}
.singleblog-section .content4 .icon .social-icons ul li .social-networks {
font-size: 16px;
border-radius: 100px;
text-align: center;
transition: all ease-in-out 0.3s;
width: 35px;
height: 35px;
line-height: 35px;
transition: all 0.3s ease-in-out;
}
.singleblog-section .content5 {
position: relative;
text-align: center;
margin-bottom: 45px;
}
.singleblog-section .content5 .singleblog-review1 {
position: absolute;
left: 0;
right: 0;
top: -62px;
transition: all 0.3s ease-in-out;
}
.singleblog-section .content5 .singleblog-review1 img {
border-radius: 100px;
}
.singleblog-section .content5 .content {
padding: 82px 65px 20px;
background: var(--e-global-color-accent);
border-radius: 0;
}
.singleblog-section .content5 .content h4 {
margin-bottom: 4px;
font-weight: bold;
color: var(--e-global-color-white);
}
.singleblog-section .content5 .content span {
display: block;
margin-bottom: 14px;
color: var(--e-global-color-white);
}
.singleblog-section .content5 .content p {
color: var(--e-global-color-white);
}
.singleblog-section .content6 { margin-bottom: 40px;
border-bottom: 1px solid rgb(0, 0, 0, 15%);
} .singleblog-section .content6 h4 {
margin-bottom: 34px;
padding-bottom: 10px;
font-weight: bold;
display: inline-block;
border-bottom: 1px solid rgba(0, 0, 0, 15%);
} .singleblog-section .content6 .comment {
display: flex;
margin: 0 0 24px 6px;
}
.singleblog-section .content6 .comment .image img {
border-radius: 100px;
}
.singleblog-section .content6 .comment .content {
padding: 13px 0 0 19px
}
.singleblog-section .content6 .comment h5 {
margin-bottom: 2px;
color: var(--e-global-color-secondary);
}
.singleblog-section .content6 .comment span {
margin-bottom: -38px;
display: block;
color: var(--e-global-color-text);
}
.singleblog-section .content6 .comment .reply {
font-size: 18px;
line-height: 26px;
font-weight: 400;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border-radius: 0;
padding: 10px 28px 12px;
text-align: center;
transition: all 0.3s ease-in-out;
position: relative;
float: right;
right: 0;
top: -28px; }
.singleblog-section .content6 .comment .reply:hover {
background: var(--e-global-color-secondary);
color: var(--e-global-color-white); }
.singleblog-section .content6 .comment .text_holder p {
display: inline-block;
line-height: 24px;
margin: 0 40px 12px 0;
word-spacing: 1.6px;
} .singleblog-section .content7 h4 {
margin-bottom: 28px;
}
.singleblog-section .content7 textarea {
font-size: 16px;
line-height: 16px;
font-weight: 400; color: var(--e-global-color-text);
padding: 18px;
width: 100%;
height: 120px;
margin-bottom: 15px;
border-radius: 0;
resize: none;
outline: none;
overflow-y: auto;
border: none;
border: 1px solid rgb(0 0 0 / 15%);
}
.singleblog-section .content7 input {
font-size: 16px;
line-height: 16px;
font-weight: 400; color: var(--e-global-color-text);
padding: 11px 18px 13px;
margin-bottom: 16px;
border-radius: 0;
width: 100%;
overflow: visible;
outline: none;
border: none;
border: 1px solid rgb(0 0 0 / 15%);
}
.singleblog-section .content7 textarea:focus,
.singleblog-section .content7 input:focus { border: 1px solid var(--e-global-color-accent);
}
.singleblog-section .content7 .text-mb {
margin-bottom: 26px;
}
.singleblog-section .content7 .post_comment {
font-size: 18px;
line-height: 18px;
font-weight: 400; padding: 16px 30px;
border-radius: 0;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
text-decoration: none;
transition: all 0.3s ease-in-out;
display: block;
text-align: center;
outline: none;
border-style: none; } .singleblog-section .content7 .post_comment:hover {
background: var(--e-global-color-secondary);
color: var(--e-global-color-white);
cursor: pointer; }
.singleblog-section .column {
margin-left: -20px;
}
.singleblog-section .box1 {
border-radius: 0;
background: var(--e-global-color-white);
padding: 34px 30px;
margin-bottom: 43px;
width: 110%;
box-shadow: 0 6px 41px 6px rgba(0, 0, 0, 0.05);
}
.singleblog-section .box1 h4 {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid rgb(0 0 0 / 15%);
} .singleblog-section .box1 input {
font-size: 16px;
line-height: 22px;
font-weight: 400; color: var(--e-global-color-text);
background: transparent;
border: 1px solid rgb(0 0 0 / 15%);
border-radius: 0;
padding: 0 75px 2px 18px;
width: 100%;
height: 58px;
overflow: visible;
outline: none;
}
.singleblog-section .box1 input:focus {
box-shadow: none;
color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-secondary);
}
.singleblog-section .box1 .search {
position: absolute;
font-size: 18px;
right: 5px;
top: 0px;
width: 60px;
height: 58px;
line-height: 45px;
color: var(--e-global-color-white); background: var(--e-global-color-accent);
border-radius: 0;
outline: none;
box-shadow: none;
transition: all 0.3s ease-in-out;
}
.singleblog-section .box1 .search:hover {
color: var(--e-global-color-white);
background: var(--e-global-color-secondary); }
.singleblog-section .box2 {
text-align: center;
}
.singleblog-section .box2 h5 {
margin-bottom: 38px;
}
.singleblog-section .box2 h5:after {
content: "";
border-bottom: 1px solid var(--e-global-color-secondary);
position: absolute;
width: 84%;
height: 45px;
left: 30px;
}
.singleblog-section .box2 ul li {
margin-bottom: 15px;
}
.singleblog-section .box2 ul li a {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.singleblog-section .box2 ul li a:hover {
color: var(--e-global-color-accent);
}
.singleblog-section .box3 {
text-align: center; }
.singleblog-section .box3 h5 {
margin-bottom: 43px;
}
.singleblog-section .box3 h5:after {
content: "";
border-bottom: 1px solid var(--e-global-color-secondary);
position: absolute;
width: 84%;
height: 45px;
left: 30px;
}
.singleblog-section .box3 .social-icons ul {
display: flex;
justify-content: center;
}
.singleblog-section .box3 .social-icons ul li a { color: var(--e-global-color-white);
}
.singleblog-section .box3 .social-icons ul li {
margin: 0 10px;
display: flex;
align-items: center;
justify-content: center; border-radius: 100%;
background: var(--e-global-color-accent);
transition: all 0.3s ease-in-out; }
.singleblog-section .box3 .social-icons ul li i {
transition: all 0.3s ease-in-out;
}
.singleblog-section .box3 .social-icons ul li:hover {
background: var(--e-global-color-secondary);
transform: translateY(-8px); }
.singleblog-section .box3 .social-icons ul li:hover i {
color: var(--e-global-color-white);
}
.singleblog-section .box3 .social-icons ul li:first-child {
margin-left: 0;
}
.singleblog-section .box3 .social-icons ul li:last-child {
margin-right: 0;
}
.singleblog-section .box3 .social-icons ul li .social-networks {
font-size: 18px;
background: transparent;
border-radius: 100px;
text-align: center;
transition: all ease-in-out 0.3s;
width: 45px;
height: 45px;
line-height: 45px;
transition: all 0.3s ease-in-out;
}
.singleblog-section .box4 h5 {
margin-bottom: 36px;
}
.singleblog-section .box4 h5:after {
content: "";
border-bottom: 1px solid var(--e-global-color-secondary);
position: absolute;
width: 84%;
height: 45px;
left: 30px;
}
.singleblog-section .box4 .tag li { display: inline-block;
}
.singleblog-section .box4 .tag .button {
font-size: 16px;
line-height: 26px;
font-weight: 400;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border-radius: 0;
padding: 10px 20px;
display: inline-block;
text-align: center;
transition: all 0.3s ease-in-out;
margin-bottom: 5px;
letter-spacing: 0.6px; } .singleblog-section .box4 .tag .button:focus {
outline: none;
}
.singleblog-section .box4 .tag .button:hover {
background: var(--e-global-color-secondary);
color: var(--e-global-color-white); }
.singleblog-section .box5 {
margin-bottom: 0 !important;
}
.singleblog-section .box5 h5 {
margin-bottom: 42px;
}
.singleblog-section .box5 h5:after {
content: "";
border-bottom: 1px solid var(--e-global-color-secondary);
position: absolute;
width: 84%;
height: 45px;
left: 30px;
}
.singleblog-section .box5 .feed {
display: flex;
margin-bottom: 30px;
align-items: center;
padding-bottom: 30px;
border-bottom: 1px solid rgb(0 0 0 / 15%);
} .singleblog-section .box5 .feed4 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border: none !important;
}
.singleblog-section .box5 .feed4:after {
border-bottom: none;
}
.singleblog-section .box5 .feed .feed-image {
width: 34%;
}
.singleblog-section .box5 .feed .feed-image img {
border-radius: 0;
}
.singleblog-section .box5 .feed a {
font-size: 16px;
line-height: 26px;
font-weight: 400; text-decoration: none;
width: 66%;
padding: 0 0 0 16px;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
color: var(--e-global-color-black);
}
.singleblog-section .box5 .feed a:hover {
color: var(--e-global-color-accent);
}
.blogpage-section a {
text-decoration: none;
} .blogpage-section .twocolumn-blog .lower-portion {
padding: 26px 20px 30px;
}
.blogpage-section .threecolumn-blog .lower-portion {
padding: 15px 10px 15px;
}
.blogpage-section .threecolumn-blog .lower-portion p{
font-size: 14px;
line-height: 20px;
}
.blogpage-section .threecolumn-blog .infinite-blog {
background: var(--e-global-color-white);
}
.blogpage-section .threecolumn-blog .button-portion {
padding: 10px;
}
.blogpage-section .threecolumn-blog .button-portion .read_more {
font-size: 14px;
line-height: 20px;
padding: 7px 12px 9px;
}
.blogpage-section .threecolumn-blog .lower-portion span,
.blogpage-section .threecolumn-blog .lower-portion .text-mr,
.blogpage-section .threecolumn-blog .button-portion span {
font-size: 12px;
line-height: 18px;
}
.blogpage-section .threecolumn-blog .lower-portion .text-mr {
margin-right: 4px;
}
.blogpage-section .threecolumn-blog .lower-portion i {
font-size: 14px;
margin-bottom: 0px;
}
.blogpage-section .threecolumn-blog .button-portion .calendar-ml {
font-size: 14px;
margin-left: 0;
}
.blogpage-section .fourcolumn-blog .lower-portion {
padding: 15px 10px 15px;
}
.blogpage-section .fourcolumn-blog .lower-portion p{
font-size: 16px;
line-height: 22px;
}
.blogpage-section .fourcolumn-blog .button-portion {
padding: 10px;
}
.blogpage-section .fourcolumn-blog .button-portion .date {
font-size: 15px;
}
.blogpage-section .fourcolumn-blog .button-portion .read_more {
font-size: 14px;
line-height: 18px;
padding: 8px 13px 10px;
}
.blogpage-section .fourcolumn-blog .lower-portion .text-mr {
margin-right: 8px;
}
.blogpage-section .fourcolumn-blog .lower-portion {
font-size: 15px;
}
.blogpage-section .fourcolumn-blog .lower-portion i {
margin-bottom: 6px;
}
.blogpage-section .sixcolumn-blog .lower-portion i,
.blogpage-section .sixcolumn-blog .button-portion .calendar-ml {
font-size: 13px;
margin-right: 4px;
}
.blogpage-section .sixcolumn-blog .lower-portion span,
.blogpage-section .sixcolumn-blog .button-portion span {
font-size: 13px;
}
.blogpage-section .sixcolumn-blog .lower-portion {
padding: 15px 10px;
}
.blogpage-section .sixcolumn-blog .button-portion {
padding: 10px;
}
.blogpage-section .sixcolumn-blog .lower-portion p {
font-size: 16px;
line-height: 24px;
}
.blogpage-section .sixcolumn-blog .button-portion .read_more {
font-size: 14px;
line-height: 20px;
padding: 7px 12px 9px;
}
.blogpage-section .sixcolumn-blog .lower-portion .text-mr {
margin-right: 6px;
}
.blogpage-section .sixcolumn-blog .lower-portion i {
margin-bottom: 0;
}  .sidebar .widget-tweeter small,
.sidebar .widget-twitter small,
.sidebar .post-thumbnail-entry .post-category {
display: block;
font-size: 12px;
line-height: 20px;
}
#blog .post-item.border>.post-item-wrap>.post-item-description {
padding: 24px;
line-height: 28px;
}
#blog .post-item.border .post-meta-category {
top: 11px;
z-index: 0;
right: 10px;
font-size: 13px;
padding: 7px 16px 7px;
border-radius: 50px;
}
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
#blog .post-item .post-meta-date {
top: -4px;
font-size: 12px;
margin-right: 8px;
}
#blog .post-item .post-item-description>h2,
#blog .post-item .post-item-description>h2>a {
font-size: 28px !important;
font-weight: 500 !important;
line-height: 34px !important;
margin-bottom: 16px;
letter-spacing: 0px;
}
.blog-posts p {
font-size: 18px;
line-height: 30px;
margin-top: 5px;
color: var(--e-global-color-text);
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
top: 0;
left: 0;
height: 100%;
}
.fluid-width-video-wrapper {
padding-top: 56.3%;
}
.player {
top: 0;
}
.post-audio audio {
bottom: 0;
left: 0;
}
.pagination {
padding-left: 0;
}
.fluid-width-video-wrapper {
padding-top: 66.8%;
}
.load-more a {
padding: 11px 25px 13px;
display: inline-block;
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
}
.load-more a:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-secondary);
box-shadow: inset 0 0 0px 1px var(--e-global-color-secondary);
}
.post-item.border>.post-item-wrap>.post-item-description {
color: #676767;
}
.sidebar>h4,
.page-title h1 {
color: var(--e-global-color-black);
}
.color01,
.color01 a {
color: #777;
}
.post-next span,
.post-prev span,
.sidebar .post-thumbnail-content a,
.sidebar .widget-categories ul li a,
.sidebar .nav-tabs .nav-link,
.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link,
.pagination .page-item:not(.disabled):hover>.page-link,
.pagination .page-item:not(.disabled)>.page-link,
#blog .post-item.border .post-item-wrap .post-item-description a {
color: var(--e-global-color-secondary);
font-size: 14px;
line-height: 20px;
font-weight: 500;
border-radius: 0;
}
.pagination .page-item:not(.disabled)>.page-link {
background-color: #fff;
color: var(--e-global-color-black);
}
.respond-comment span,
.sidebar .nav-tabs .nav-link.active,
.sidebar .widget-tweeter li a,
.sidebar .widget-twitter li a,
.sidebar .cat-count-span,
.sidebar .post-thumbnail-list a:hover,
.sidebar .widget-categories ul li a:hover,
#blog .post-item .post-item-description .post-meta-comments a:hover,
#blog .post-item .post-item-description>h2>a:hover,
#blog .post-item.border .post-item-wrap .post-item-description a:hover {
color: var(--e-global-color-accent);
font-size: 14px;
line-height: 20px;
}
.sidebar .nav-tabs .nav-link{
border-bottom: 2px solid transparent;
}
.sidebar .post-thumbnail-entry{
display: flex;
align-items: center;
}
.form-group label:not(.error),
#blog .post-item .post-item-description>h2,
#blog .post-item .post-item-description>h2>a {
color: #444;
}
.form-gray-fields .form-control {
color: #333;
background-color: rgba(238, 238, 238, .6);
}
.form-gray-fields .btn:hover {
color: var(--e-global-color-secondary);
background: transparent;
}
.sidebar .widget {
border-bottom: 1px solid rgb(0 0 0 / 15%);
border-radius: 0;
}
.sidebar .nav-tabs {
border-bottom: 2px solid #dee2e6;
}
.sidebar .nav-tabs .nav-link.active {
background-color: transparent;
color: var(--e-global-color-accent) !important;
border-bottom: 2px solid var(--e-global-color-accent);
}
.sidebar .post-thumbnail-entry,
.sidebar .widget-categories ul li {
border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date {
color: var(--e-global-color-text);
display: inline-block;
margin: 0 10px 0 0;
}
.sidebar .widget-tweeter small,
.sidebar .widget-twitter small {
color: var(--e-global-color-text);
}
.sidebar .widget-tags{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}
.sidebar .tags a {
font-size: 14px;
line-height: 20px;
padding: 3px 10px 6px;
margin: 0 2px 5px 0;
border-radius: 0;
display: inline-block;
color: var(--e-global-color-white);
border: 2px solid var(--e-global-color-accent);
background: var(--e-global-color-accent);
}
.form-gray-fields .btn {
border-color: var(--e-global-color-secondary);
background-color: var(--e-global-color-secondary);
}
.sidebar .tags a.active,
.sidebar .tags a:active,
.sidebar .tags a:focus,
.sidebar .tags a:hover {
color: var(--e-global-color-white);
border: 2px solid var(--e-global-color-secondary);
background: var(--e-global-color-secondary);
}
.post-item.border .post-meta-category,
.load-more a {
font-size: 16px;
line-height: 18px;
font-weight: 400;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
box-shadow: none;
}
.load-more a {
border: 1px solid var(--e-global-color-accent);
}
.load-more a:hover {
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-secondary);
box-shadow: none;
}
#blog .post-item.border .post-meta-category,
.form-gray-fields .btn,
.widget-newsletter .btn,
#blog .post-item.border .post-meta-category a:hover {
color: #fff;
}
.widget-newsletter .btn:focus {
box-shadow: none;
}
#blog .post-item .post-meta-category,
#blog .post-item-description .post-meta-comments a {
color: var(--e-global-color-text);
font-size: 14px;
line-height: 20px;
}
.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link,
.pagination .page-item:not(.disabled):hover>.page-link {
background-color: var(--e-global-color-accent);
border-color: #e4e4e4;
box-shadow: none;
color: var(--e-global-color-white);
}
.pagination .page-item:not(.disabled)>.page-link {
border-color: #ececec;
}
.fourcolumn-blog .post-item-wrap .post-image img {
height: 181px;
}
.fourcolumn-blog .post-item-wrap .post-video iframe,
.fourcolumn-blog .post-item-wrap .post-video {
height: 181px;
}
.onecolumn-blog .post-item-wrap .post-video iframe,
.onecolumn-blog .post-item-wrap img {
height: 462px;
}
.onecolumn-blog .post-item-wrap .post-video .fluid-width-video-wrapper {
padding-top: 42.3%;
}
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap img,
.load-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.blog-box.hide-blog .post-item-wrap img {
height: 247px;
}
.twocolumn-blog .post-item-wrap .post-video iframe,
.twocolumn-blog .post-item-wrap img,
.twocolumn-blog .post-item-wrap .post-video {
height: 225px;
}
.three-column-con .blog-box img,
.three-column-con .blog-box .post-item-wrap iframe,
.three-column-con .blog-box .post-item-wrap .post-video {
height: 247px;
}
.threecolumn-blog .post-image img,
.threecolumn-blog .post-item-wrap iframe,
.threecolumn-blog .post-item-wrap .post-video {
height: 173px;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 203px;
}
.blogpage-section .col-xl-3.col-lg-6.col-md-6,
.blogpage-section .col-xl-4.col-lg-4,
.blogpage-section .col-xl-2.col-lg-6.col-md-6,
.blogpage-section .col-lg-4.col-md-6.col-sm-6.col-12,
.blogpage-section .col-xl-6.col-lg-6.col-md-12,
.blogpage-section .blog-box,
.blogpage-section .blog-box .post-item-wrap,
.blogpage-section .blog-box .post-item-wrap .infinite-blog,
.blogpage-section .fourcolumn-blog .post-item-wrap .lower-portion,
.blog-tabs-section .blog-tabs-inner-section .single-blog-outer-con .single-blog-box,
.blog-tabs-section .blog-tabs-inner-section .single-blog-outer-con .single-blog-details,
.blogpage-section .blog-box .lower-portion {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.blogpage-section .fourcolumn-blog .post-item-wrap .button-portion,
.blog-tabs-section .blog-tabs-inner-section .single-blog-box .generic-btn2,
.blogpage-section .blog-box .button-portion {
margin-top: auto;
display: flex;
flex-direction: row;
}
.blogpage-section .blog-box .post-item-wrap{
background-color: #fff;
border-radius: 15px;
}
.blogpage-section .blog-box .lower-portion, 
.blogpage-section .blog-box .button-portion {
background-color: #fff;
}
.blogpage-section .twocolumn-blog .lower-portion p{
font-size: 16px;
line-height: 24px;
}
.blogpage-section .blog-box .button-portion {
border-radius: 15px;
}
#blog iframe {
border-radius: 0;
}
.span-fa-outer-con {
margin-bottom: 10px;
} @media screen and (max-width: 1800px) {
.blog-posts .sixcolumn-blog .button-portion .date {
width: 100%;
}
.blog-posts .sixcolumn-blog .button-portion .button {
width: 100%;
text-align: right;
}
}
@media screen and (max-width: 1600px) {
.blog-section .generic-title {
margin-bottom: 55px;
}
.blog-text-details {
padding: 30px 40px 36px 30px;
}
.blog-text-details .comments {
margin-bottom: 15px;
}
.blog-text-details h4 {
margin-bottom: 15px;
}
.blog-text-details p {
line-height: 28px;
margin-bottom: 15px;
}
}
@media screen and (min-width: 1921px){
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 300px;
}
} @media screen and (min-width: 1441px) and (max-width: 1580px){
.six-main-box .col-xl-2.col-lg-6.col-md-6 {
max-width: 33% !important;
width: 33%;
flex: 0 0 33%;
}
.blog-posts .sixcolumn-blog .lower-portion {
padding: 20px 15px;
}
.blog-posts .sixcolumn-blog .button-portion {
padding: 14px 15px;
flex-direction: row;
gap: 8px;
}
.blogpage-section .sixcolumn-blog .button-portion .button,
.blogpage-section .sixcolumn-blog .button-portion .date {
width: 100%;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 340px;
}
.blogpage-section .sixcolumn-blog .button-portion .button {
text-align: right;
}
}
@media screen and (max-width: 1440px) { .blogpage-section {
padding: 100px 0 170px;
} .singleblog-section .main-box {
width: 100%;
margin-left: 0;
}
.singleblog-section .column {
margin-left: 0;
}
.singleblog-section .box1 {
width: 105%;
padding: 34px 22px;
} .blogpage-section .sixcolumn-blog .button-portion .button,
.blogpage-section .sixcolumn-blog .button-portion .date {
width: 100%;
}
.blogpage-section .sixcolumn-blog .button-portion .button {
text-align: right;
}
.blog-posts .sixcolumn-blog .lower-portion {
padding: 20px 15px;
}
.blog-posts .sixcolumn-blog .lower-portion .text-mr {
margin-right: 45px;
}
.blog-posts .sixcolumn-blog .lower-portion i {
font-size: 14px;
margin-bottom: 0;
margin-right: 3px;
}
.blog-posts .sixcolumn-blog .button-portion .calendar-ml {
font-size: 16px;
}
.blog-posts .sixcolumn-blog .button-portion {
padding: 14px 15px;
flex-direction: row;
gap: 8px;
}
.blog-posts .sixcolumn-blog .button-portion .read_more { width: auto !important;
}
.blog-posts .sixcolumn-blog .post-item-wrap a {
width: 100%;
}
#blogslider .carousel-control-prev,
#blogslider .carousel-control-next {
width: 15%;
} .padding-top {
padding-top: 100px;
}
.padding-bottom {
padding-bottom: 100px;
} .sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 120px;
}
.six-main-box .col-xl-2.col-lg-6.col-md-6 {
max-width: 33% !important;
width: 33%;
flex: 0 0 33%;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 258px;
}
}
@media screen and (max-width: 1400px) {
.blog-section .generic-title {
margin-bottom: 45px;
}
.blog-text-details .comments {
margin-bottom: 12px;
}
.blog-text-details h4 {
margin-bottom: 10px;
}
.blog-text-details p {
line-height: 26px;
margin-bottom: 10px;
}
.blog-text-details {
padding: 25px 30px 35px 25px;
}
}
@media screen and (max-width: 1199px) {
.widget-newsletter .form-control {
font-size: 12px;
padding: 10px 10px;
}
.sidebar .widget .tabs li>a {
font-size: 13px;
padding: 10px 8px;
}
.sidebar .nav-tabs .nav-link.active {
font-size: 13px;
}
.sidebar .widget-categories ul li a,
.sidebar .widget-categories ul li a:hover,
.sidebar .widget-tweeter li a,
.sidebar .post-thumbnail-content a,
.sidebar .post-thumbnail-list a:hover{
font-size: 13px;
}
.sidebar .widget {
margin-bottom: 20px;
padding-bottom: 20px;
}
.blogpage-section .sixcolumn-blog .button-portion .button,
.blogpage-section .sixcolumn-blog .button-portion .date {
width: auto;
} .blogpage-section {
padding: 80px 0 130px;
}
.blogpage-section .blog_content h2 {
margin-bottom: 35px;
}
.blogpage-section .blog-box {
margin-bottom: 25px;
}
.blogpage-section .blog-box .lower-portion {
padding: 20px;
}
.blogpage-section .blog-box .button-portion {
padding: 12px 20px;
flex-direction: unset;
gap: 0;
}
.blogpage-section .threecolumn-blog .date{
margin-bottom: 5px;
}
.blogpage-section .blog-box.threecolumn-blog .button-portion {
padding: 12px;
}
.blogpage-section .blog-box .lower-portion i {
font-size: 16px;
margin-right: 5px;
margin-bottom: 0;
}
.blogpage-section .threecolumn-blog .button-portion {
flex-direction: column;
}
.blogpage-section .blog-box .button-portion .calendar-ml {
font-size: 18px;
margin-left: 0;
}
.blogpage-section .blog-box .lower-portion .text-mr {
margin-right: 15px;
}
.blogpage-section .blog-box .lower-portion h5 {
font-size: 17px;
line-height: 26px;
letter-spacing: 0;
word-spacing: 0;
}
.blogpage-section .blog-box .button-portion .read_more { padding: 10px 15px 12px;
}
.single-blog-outer-con {
gap: 30px;
} .singleblog-section {
padding: 80px 0 150px;
} .singleblog-section .main-box .content1 h4 {
margin-bottom: 15px;
} .singleblog-section .main-box .content1 p {
font-size: 14px;
line-height: 24px;
margin-bottom: 25px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage {
margin-bottom: 20px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage img {
width: 32px;
}
.singleblog-section .main-box .content2 p {
font-size: 14px;
line-height: 24px;
}
.singleblog-section .main-box .content2 {
padding: 20px 20px 28px;
margin-bottom: 25px;
}
.singleblog-section .main-box .text {
font-size: 14px;
line-height: 24px;
margin-bottom: 25px; }
.singleblog-section .content4 {
margin-bottom: 50px;
}
.singleblog-section .content4 .tag .button {
padding: 8px 14px;
margin-right: 0;
} .singleblog-section .content4 .icon .social-icons {
top: 41px;
}
.singleblog-section .content4 .icon .social-icons ul li {
margin: 0 6px;
}
.singleblog-section .content4 .icon .social-icons ul li .social-networks {
font-size: 14px;
}
.singleblog-section .buttons {
margin-bottom: 60px;
}
.singleblog-section .content5 .content {
padding: 82px 30px 20px;
}
.singleblog-section .content5 .content span {
margin-bottom: 10px;
}
.singleblog-section .content5 {
margin-bottom: 30px;
}
.singleblog-section .content5 .content p {
font-size: 14px;
line-height: 24px;
}
.singleblog-section .content6 .comment .image img {
width: 90px;
}
.singleblog-section .content6 h4 {
margin-bottom: 34px;
}
.singleblog-section .content6 h4:after {
left: 12px;
}
.singleblog-section .content6 .comment {
margin: 0 0 30px 0;
}
.singleblog-section .content6 .comment .content {
padding: 0 0 0 15px;
}
.singleblog-section .content6 .comment h5 {
margin-bottom: 4px;
}
.singleblog-section .content6 .comment span {
margin-bottom: -32px;
}
.singleblog-section .content6 .comment .text_holder p {
font-size: 14px;
line-height: 24px;
margin: 0 30px 0 0;
word-spacing: 0;
}
.singleblog-section .content6 .comment .reply {
font-size: 16px;
line-height: 22px;
padding: 10px 32px 12px;
top: -24px;
}
.singleblog-section .content7 h4 {
margin-bottom: 20px;
}
.singleblog-section .content7 textarea {
font-size: 14px;
line-height: 14px;
padding: 16px;
height: 145px;
margin-bottom: 10px;
}
.singleblog-section .content7 input {
font-size: 14px;
line-height: 14px;
padding: 10px 16px 12px;
margin-bottom: 15px;
}
.singleblog-section .content7 .text-mb {
margin-bottom: 20px;
}
.singleblog-section .content7 .post_comment {
font-size: 16px;
line-height: 16px;
padding: 15px 28px 17px;
}
.singleblog-section .box1 {
width: 100%;
padding: 30px 15px;
margin-bottom: 30px;
}
.singleblog-section .box1 h4 {
margin-bottom: 30px;
padding-bottom: 14px;
letter-spacing: 0;
word-spacing: 0;
} .singleblog-section .box1 input {
padding: 2px 13px 6px;
height: 50px;
border-radius: 0;
}
.singleblog-section .box1 .search {
font-size: 16px;
height: 50px;
line-height: 30px;
border-radius: 0;
}
.singleblog-section .box2 ul li {
margin-bottom: 12px;
}
.singleblog-section .box2 ul li a {
font-size: 16px;
line-height: 22px;
}
.singleblog-section .box3 .social-icons ul li .social-networks {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
}
.singleblog-section .box4 .tag .button {
padding: 4px 14px 7px;
letter-spacing: 0;
}
.singleblog-section .box5 .feed a {
font-size: 14px;
line-height: 22px;
padding: 0 0 0 12px;
}
.singleblog-section .box5 .feed {
margin-bottom: 20px;
padding-bottom: 20px;
}  .blog-posts p {
font-size: 16px;
line-height: 24px;
}
.blog-posts .load-blog .lower-portion .text-mr {
margin-right: 18px;
}
.blog-posts .onecolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blog-posts .twocolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blog-posts .threecolumn-blog .lower-portion .text-mr {
margin-right: 20px;
}
.blog-posts .threecolumn-blog .lower-portion i {
margin-bottom: 0;
}
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date {
margin: 0 2px 0 0 !important;
}
.blog-posts .threecolumn-blog .lower-portion .span-i-con {
margin-bottom: 4px;
}
.blog-posts .threecolumn-blog .lower-portion {
padding: 12px;
}
.blog-posts .threecolumn-blog .lower-portion .text-mr {
margin-right: 90px;
}
.blog-posts .three-column .button-portion .read_more {
padding: 8px 12px;
}
.blogpage-section .blog-box .button-portion .calendar-ml {
font-size: 16px;
margin-right: 5px;
}
.blog-posts .fourcolumn-blog .button-portion .read_more {
padding: 8px 12px 10px;
}
.blog-posts .three-column .button-portion .read_more {
font-size: 13px;
line-height: 18px;
padding: 7px 12px 9px;
}
.blog-posts .sixcolumn-blog .button-portion .read_more {
padding: 8px 15px 11px;
}
.sidebar {
padding: 12px;
}	
.blog-section .generic-title {
margin-bottom: 40px;
}
.blog-box figure img {
width: 100%;
}
.blog-text-details {
padding: 20px 20px 30px 20px;
}
.blog-text-details .comments {
margin-bottom: 8px;
}
.blog-text-details h4 {
margin-bottom: 8px;
}
.blog-text-details p {
margin-bottom: 8px;
}
.blog-text-details .posting-date {
padding: 10px 18px;
}
.blog-inner-section {
gap: 20px;
grid-template-columns: 31.9% 31.9% 31.9%;
} .blog-tabs-section {
padding-bottom: 148px !important;
}
.single-blog-box {
width: 100%;
}
.single-blog-box figure img {
width: 100%;
}
.blog-tabs-inner-section .nav-tabs a.nav-link {
font-size: 18px;
padding: 10px 25px;
}
.single-blog-details h4 {
margin-bottom: 15px;
}
.single-blog-details h4 a {
margin-bottom: 0;
}
.single-blog-details p {
margin-bottom: 20px;
}
.blog-banner-section {
height: 400px;
}
.fourcolumn-blog .post-item-wrap .post-image img {
height: 318px;
}
.fourcolumn-blog .post-item-wrap .post-video iframe,
.fourcolumn-blog .post-item-wrap .post-video {
height: 318px;
}
.onecolumn-blog .post-item-wrap .post-video iframe,
.onecolumn-blog .post-item-wrap img {
height: 387px;
} .padding-top {
padding-top: 80px;
}
.padding-bottom {
padding-bottom: 80px;
}
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap img,
.load-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.blog-box.hide-blog .post-item-wrap img {
height: 205px;
}
.twocolumn-blog .post-item-wrap .post-video iframe,
.twocolumn-blog .post-item-wrap img,
.twocolumn-blog .post-item-wrap .post-video {
height: 187px;
}
.three-column-con .blog-box img,
.three-column-con .blog-box .post-item-wrap iframe,
.three-column-con .blog-box .post-item-wrap .post-video {
height: 205px;
}
.sidebar .tags a {
font-size: 12px;
line-height: 18px;
padding: 3px 8px 4px;
} .threecolumn-blog .post-image img,
.threecolumn-blog .post-item-wrap iframe,
.threecolumn-blog .post-item-wrap .post-video {
height: 141px;
}
.blog-posts .threecolumn-blog p {
font-size: 15px;
line-height: 22px;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 329px;
}
.six-main-box .col-xl-2.col-lg-6.col-md-6 {
max-width: 50% !important;
width: unset;
flex: unset;
}
}
@media screen and (max-width: 991px) {
.text-size-14 {
font-size: 12px;
line-height: 20px;
}
.respond-form {
padding-top: 0;
}
.blogpage-section .threecolumn-blog .button-portion {
flex-direction: unset;
}
.sidebar {
margin: 30px 30px 20px;
}
.page-title h1 {
font-size: 2rem;
} .blogpage-section {
padding: 65px 0 120px;
}
.blogpage-section .blog_content h2 {
margin-bottom: 30px;
}
.blogpage-section .blog-box {
margin-bottom: 20px;
}
.blogpage-section .blog-box .lower-portion {
padding: 15px 20px;
}
.blogpage-section .blog-box .lower-portion i {
font-size: 14px;
margin-right: 2px;
margin-bottom: 0;
}
.blogpage-section .blog-box .button-portion .calendar-ml {
font-size: 16px;
}
.blogpage-section .blog-box .lower-portion .tag-mb {
margin-bottom: 0;
}
.blogpage-section .blog-box .lower-portion .text-mr {
margin-right: 8px;
}
.blogpage-section .blog-box .lower-portion h5 {
font-size: 18px;
line-height: 28px;
}  .singleblog-section {
padding: 65px 0 130px;
}
.singleblog-section .main-box {
padding: 15px 15px 30px;
margin-bottom: 30px;
}
.singleblog-section .main-box .image1 {
margin-bottom: 25px;
}
.singleblog-section .main-box .content1 p {
margin-bottom: 25px;
}
.singleblog-section .main-box .content2 {
padding: 24px 30px;
margin-bottom: 25px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage {
margin-bottom: 18px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage img {
width: 30px;
}
.singleblog-section .main-box .text {
margin: 0 0 25px 10px;
}
.singleblog-section .content4 {
margin-bottom: 50px;
}
.singleblog-section .content4 h4 { margin-bottom: 12px;
}
.singleblog-section .content4 .tag .button {
font-size: 14px;
line-height: 22px;
padding: 8px 14px;
}
.singleblog-section .content4 .icon .social-icons {
top: 40px;
}
.singleblog-section .content4 .icon .social-icons ul li {
margin: 0 5px;
}
.singleblog-section .content4 .icon .social-icons ul li .social-networks {
font-size: 13px;
width: 30px;
height: 30px;
line-height: 30px;
}
.singleblog-section .content5 {
margin-bottom: 25px;
}
.singleblog-section .content5 .content {
padding: 75px 40px 15px;
}
.singleblog-section .content5 .singleblog-review1 img {
width: 125px;
}
.singleblog-section .content5 .content h4 {
margin-bottom: 2px;
letter-spacing: 0;
}
.singleblog-section .content5 .content span {
margin-bottom: 8px;
letter-spacing: 0;
}
.singleblog-section .content6 h4 {
margin-bottom: 25px;
}
.singleblog-section .content6 h4:after {
width: 17%;
height: 35px;
left: 17px;
}
.singleblog-section .content6 .comment {
margin-bottom: 20px;
}
.singleblog-section .content6 .comment .image img {
width: 80px;
}
.singleblog-section .content6 .comment .content {
padding: 4px 0 0 12px;
}
.singleblog-section .content6 .comment span {
margin-bottom: -30px;
}
.singleblog-section .content6 .comment .text_holder p {
margin-right: 55px;
}
.singleblog-section .content6 .comment .reply {
padding: 9px 30px 11px;
top: -23px;
}
.singleblog-section .content6 {
margin-bottom: 30px;
}
.singleblog-section .content7 h4 {
margin-bottom: 15px;
}
.singleblog-section .content7 textarea {
padding: 14px;
height: 120px;
margin-bottom: 8px;
}
.singleblog-section .content7 input {
padding: 9px 14px 11px;
margin-bottom: 13px;
}
.singleblog-section .content7 .post_comment {
font-size: 16px;
line-height: 16px;
padding: 17px 34px 18px;
} .singleblog-section .box1 h4 {
margin-bottom: 30px;
}
.singleblog-section .box1 input {
font-size: 14px;
line-height: 20px;
padding: 2px 12px 6px;
height: 47px;
}
.singleblog-section .box1 .search {
font-size: 14px;
height: 47px;
line-height: 25px;
}
.singleblog-section .box2 ul li {
margin-bottom: 15px;
}
.singleblog-section .box3 .social-icons ul li {
margin: 0 8px;
}
.singleblog-section .box3 .social-icons ul li .social-networks {
font-size: 16px;
width: 35px;
height: 35px;
line-height: 35px;
}
.singleblog-section .box4 ul {
text-align: center;
padding: 0 110px;
}
.singleblog-section .box4 .tag .button {
padding: 5px 14px 8px; font-size: 14px;
line-height: 24px;
}
.singleblog-section .box5 .feed {
margin-bottom: 40px;
} .singleblog-section .box5 .feed .feed-image {
width: 12%;
}
.singleblog-section .box5 .feed .feed-image img {
width: 80px;
} .post-item.border .post-meta-category, .load-more a {
font-size: 16px;
line-height: 20px;
}
.blog-posts p {
font-size: 16px;
line-height: 24px;
}
.blog-posts .sixcolumn-blog .lower-portion .text-mr {
margin-right: 46px;
}
.blog-section .generic-title {
margin-bottom: 30px;
}
.blog-text-details {
padding: 20px 15px 35px 15px;
width: 94%;
margin-top: -30px;
}
.blog-text-details .comments span,
.blog-text-details .comments span small {
font-size: 13px;
line-height: 14px;
letter-spacing: 1px;
}
.blog-text-details .comments {
margin-bottom: 6px;
}
.blog-text-details p {
line-height: 24px;
}
.blog-text-details .blog-btn a::after {
bottom: -4px;
}
.blog-inner-section {
gap: 15px;
grid-template-columns: 31.8% 31.8% 31.8%;
} .blog-tabs-section {
padding-bottom: 140px !important;
}
.blog-tabs-inner-section .nav-tabs a.nav-link {
font-size: 16px;
padding: 7px 16px;
}
.blog-tabs-inner-section .nav-tabs {
margin-bottom: 35px;
gap: 4px;
}
.single-blog-outer-con {
gap: 25px 25px;
margin-bottom: 40px;
grid-template-columns: 48% 48%;
}
.single-blog-details {
padding: 25px 20px 40px;
}
.single-blog-details ul li { padding-left: 18px;
}
.single-blog-details ul {
gap: 15px;
}
.single-blog-details h4 a {
font-size: 18px;
line-height: 24px;
}
.single-blog-details p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px;
}
.blog-tabs-inner-section .pagination .page-link {
padding: 8px 12px;
font-size: 18px;
line-height: 18px;
min-height: 36px;
border-radius: 0;
}
.fourcolumn-blog .post-item-wrap .post-image img {
height: 233px;
}
.fourcolumn-blog .post-item-wrap .post-video iframe,
.fourcolumn-blog .post-item-wrap .post-video {
height: 233px;
}
.onecolumn-blog .post-item-wrap .post-video iframe,
.onecolumn-blog .post-item-wrap img {
height: 287px;
} .padding-top {
padding-top: 60px;
}
.padding-bottom {
padding-bottom: 60px;
}
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap img,
.load-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.blog-box.hide-blog .post-item-wrap img {
height: 487px;
}
.twocolumn-blog .post-item-wrap .post-video iframe,
.twocolumn-blog .post-item-wrap img,
.twocolumn-blog .post-item-wrap .post-video {
height: 287px;
}
.three-column-con .blog-box img,
.three-column-con .blog-box .post-item-wrap iframe,
.three-column-con .blog-box .post-item-wrap .post-video {
height: 230px;
}
.blogpage-section .threecolumn-blog .date{
margin-bottom: 0;
}
.blogpage-section .blog-box.threecolumn-blog .button-portion {
padding: 12px 20px;
}
.threecolumn-blog .post-image img,
.threecolumn-blog .post-item-wrap iframe,
.threecolumn-blog .post-item-wrap .post-video {
height: 222px;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 250px;
}
.singleblog-section .box5 .feed {
width: 500px;
justify-content: center;
margin: 0 auto 20px; }
.singleblog-section .box5 .feed a {
font-size: 14px;
line-height: 22px;
padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
#blog .post-item.border>.post-item-wrap>.post-item-description {
line-height: 20px;
font-size: 12px;
}
.blog-posts p {
font-size: 14px;
line-height: 22px;
}
.sidebar {
margin: 15px 30px 20px;
}
.sidebar .widget-title, .sidebar>h4 {
font-size: 16px;
line-height: 22px;
} .blogpage-section {
padding: 60px 0 100px;
}
.blogpage-section .blog_content h2 {
margin-bottom: 25px;
}
.three-column-con .blog-box .lower-portion span {
font-size: 12px;
line-height: 18px;
}
.blogpage-section .blog-box .lower-portion {
padding: 15px;
}
.blogpage-section .blog-box .lower-portion i {
margin: 0 8px 0 0;
}
.three-column-con .blog-box .button-portion span {
font-size: 12px;
line-height: 18px;
}
.blogpage-section .blog-box .button-portion .calendar-ml {
font-size: 15px;
}   .blogpage-section .blog-box .lower-portion h5 {
font-size: 16px;
line-height: 24px; }
.blogpage-section .blog-box .button-portion .read_more {
font-size: 14px;
line-height: 20px;
padding: 7px 11px 9px;
} .singleblog-section {
padding: 60px 0 120px;
}
.singleblog-section .main-box {
padding: 10px 10px 30px;
margin-bottom: 25px;
}
.singleblog-section .main-box .image1 {
margin-bottom: 20px;
}
.singleblog-section .main-box .content1 h4 {
margin-bottom: 10px;
}
.span-fa-outer-con {
margin-bottom: 15px;
} .singleblog-section .main-box .content1 p { 
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.singleblog-section .main-box .content2 {
padding: 22px 30px;
margin-bottom: 20px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage {
margin-bottom: 15px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage img {
width: 28px;
}
.singleblog-section .main-box .text {
margin: 0 0 20px 10px;
} .singleblog-section .content4 {
margin-bottom: 50px;
}
.singleblog-section .content4 .tag .button {
padding: 6px 10px;
}
.singleblog-section .content4 .icon .social-icons {
top: 37px;
}
.singleblog-section .content4 .icon .social-icons ul li {
margin: 0 3px;
}
.singleblog-section .content4 .icon .social-icons ul li .social-networks {
font-size: 12px;
width: 28px;
height: 28px;
line-height: 28px;
}
.singleblog-section .content5 {
margin-bottom: 20px;
}
.singleblog-section .content5 .singleblog-review1 img {
width: 110px;
}
.singleblog-section .content5 .content {
padding: 58px 14px 10px;
}
.singleblog-section .content6 {
margin-bottom: 25px;
}
.singleblog-section .content6:after {
height: 4px;
left: 21px;
}
.singleblog-section .content6 h4 {
margin-bottom: 30px;
}
.singleblog-section .content6 h4:after {
width: 24%;
}
.singleblog-section .content6 .comment .image img {
width: 70px;
}
.singleblog-section .content6 .comment .text_holder p {
line-height: 20px;
margin-right: 0;
}
.singleblog-section .content6 .comment .reply {
padding: 8px 28px;
top: -22px;
}
.singleblog-section .content6 .comment .content {
padding: 0px 0 0 12px;
}
.singleblog-section .content7 textarea {
line-height: 18px;
padding: 12px;
height: 110px;
}
.singleblog-section .content7 input {
line-height: 18px;
padding: 8px 12px 10px;
}
.singleblog-section .content7 .text-mb {
margin-bottom: 18px;
}
.singleblog-section .content7 .post_comment {
padding: 14px 26px 15px;
}
.singleblog-section .box1 {
padding: 25px 10px;
margin-bottom: 25px;
}
.singleblog-section .box1 h4 {
margin-bottom: 28px;
} .singleblog-section .box4 ul {
text-align: center;
padding: 0;
}
.singleblog-section .box2 ul li a {
font-size: 14px;
line-height: 20px;
}
.singleblog-section .box1 input {
padding: 2px 10px 5px;
height: 42px;
}
.singleblog-section .box1 .search {
height: 42px;
width: 50px;
}
.singleblog-section .box2 ul li {
margin-bottom: 12px;
}
.singleblog-section .box3 .social-icons ul li {
margin: 0 5px;
}
.singleblog-section .box3 .social-icons ul li .social-networks {
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
}
.singleblog-section .box4 .tag .button {
padding: 4px 10px 6px; }
.singleblog-section .box4 ul {
padding: 0 20px;
}  .singleblog-section .box5 .feed .feed-image {
width: 15%;
} .blog-posts .load-blog .lower-portion .text-mr {
margin-right: 20px;
}
.blog-posts .load-more a {
padding: 9px 19px;
font-size: 14px;
line-height: 20px;
}
.blog-posts .onecolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blog-posts .twocolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blogpage-section .twocolumn-blog .lower-portion p {
font-size: 14px;
line-height: 22px;
}
.blog-posts .three-column .lower-portion .text-mr {
margin-right: 40px;
}
.blogpage-section .blog-box.threecolumn-blog .button-portion {
padding: 12px 15px;
}
.blogpage-section .fourcolumn-blog .post-item-wrap a{
width: 100%;
}
.blog-posts .fourcolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blog-posts .sixcolumn-blog .lower-portion .text-mr {
margin-right: 40px;
}
.blog-section .generic-title {
margin-bottom: 25px;
}
.blog-inner-section {
gap: 20px;
grid-template-columns: 100%;
}
.blog-box {
width: 330px;
margin: 0 auto;
} .blog-tabs-inner-section .nav-tabs {
display: grid;
text-align: center;
margin-bottom: 30px;
grid-template-columns: 29% 33% 36%;
}
.single-blog-outer-con {
gap: 20px 20px;
margin-bottom: 30px;
grid-template-columns: 100%;
}
.blog-tabs-inner-section .nav-tabs a.nav-link { padding: 8px 10px;
}
.single-blog-box {
width: 400px;
margin: 0 auto;
}
.blog-banner-section {
height: 310px;
}
.fourcolumn-blog .post-item-wrap .post-image img {
height: 350px;
}
.fourcolumn-blog .post-item-wrap .post-video iframe,
.fourcolumn-blog .post-item-wrap .post-video {
height: 350px;
}
.onecolumn-blog .post-item-wrap .post-video iframe,
.onecolumn-blog .post-item-wrap img {
height: 212px;
} .padding-top {
padding-top: 40px;
}
.padding-bottom {
padding-bottom: 40px;
}
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap img,
.load-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.blog-box.hide-blog .post-item-wrap img {
height: 360px;
}
.twocolumn-blog .post-item-wrap .post-video iframe,
.twocolumn-blog .post-item-wrap img,
.twocolumn-blog .post-item-wrap .post-video {
height: 212px;
}
.three-column-con .blog-box img,
.three-column-con .blog-box .post-item-wrap iframe,
.three-column-con .blog-box .post-item-wrap .post-video {
height: 168px;
}
.threecolumn-blog .post-image img,
.threecolumn-blog .post-item-wrap iframe,
.threecolumn-blog .post-item-wrap .post-video {
height: 339px;
}
.blogpage-section .fourcolumn-blog .lower-portion p {
font-size: 14px;
line-height: 22px;
}
.sixcolumn-blog .post-item-wrap img,
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 386px;
}
.blogpage-section .sixcolumn-blog .lower-portion p {
font-size: 14px;
line-height: 22px;
}
.singleblog-section .box5 .feed {
width: 415px;
}
.singleblog-section .box5 .feed a {
padding: 0 12px;
}
.six-main-box .col-xl-2.col-lg-6.col-md-6 {
max-width: 100% !important;
width: unset;
flex: unset;
}
.blogpage-section .blog-box .button-portion {
padding: 12px 15px;
}
.blog-tabs-section {
padding-bottom: 120px !important;
}
}
@media screen and (max-width: 575px) {
.page-title h1 {
font-size: 1.8rem;
padding: 1rem;
padding-bottom: 0;
}
#blog .post-item .post-item-description>h2,
#blog .post-item .post-item-description>h2>a {
font-size: 20px;
line-height: 24px;
}
.blogpage-section {
padding: 40px 0 100px;
} .blogpage-section .blog-box .lower-portion .text-mr {
margin-right: 100px;
}   .blogpage-section .blog-box figure img {
width: 100%;
}
.blogpage-section .blog-box .lower-portion {
padding: 20px 15px;
}
.blogpage-section .blog-box .lower-portion .text-mr {
margin-right: 10px;
}
.blogpage-section .blog-box .lower-portion h5 {
margin-right: 0px;
font-size: 16px;
} .singleblog-section .main-box {
margin-bottom: 20px;
}
.singleblog-section .main-box .content1 h4 {
font-size: 16px;
line-height: 24px;
}
.singleblog-section .main-box .content2 {
padding: 20px 22px;
}
.singleblog-section .main-box .content2 p {
font-size: 14px;
line-height: 24px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage {
margin-bottom: 12px;
}
.singleblog-section .main-box .content2 .singleblog-quoteimage img {
width: 26px;
}
.singleblog-section .main-box .text {
font-size: 14px;
line-height: 20px;
}
.singleblog-section .content4 {
margin-bottom: 90px;
}
.singleblog-section .content4 h4 {
margin-bottom: 10px;
}
.text-size-16 {
font-size: 14px;
line-height: 20px;
}
.singleblog-section .content4 .tag .button {
margin-bottom: 15px;
}
.singleblog-section .content4 .icon h4 {
display: contents;
}
.singleblog-section .content4 .icon .social-icons {
top: 32px;
left: 0;
right: 0;
}
.singleblog-section .content5 .singleblog-review1 img {
width: 100px;
}
.singleblog-section .content5 .content {
padding: 46px 15px 10px;
}
.singleblog-section .content5 .content span {
margin-bottom: 6px;
}
.singleblog-section .content6:after {
height: 0;
left: 13px;
}
.singleblog-section .content6 h4:after {
width: 38%;
}
.singleblog-section .content6 .comment .image img {
width: 60px;
}
.singleblog-section .content6 .comment h5 {
font-size: 16px;
line-height: 20px;
}
.singleblog-section .content6 .comment span { margin-bottom: -4px;
}
.singleblog-section .content6 .comment .reply {
font-size: 14px;
line-height: 20px;
padding: 6px 18px;
top: -12px;
}
.singleblog-section .content7 textarea {
font-size: 14px;
line-height: 14px;
padding: 10px;
height: 100px;
}
.singleblog-section .content7 input {
font-size: 14px;
line-height: 14px; }
.singleblog-section .content7 .post_comment {
font-size: 14px;
line-height: 14px;
padding: 12px 15px 13px;
}
.singleblog-section .box1 {
margin-bottom: 20px;
} .singleblog-section .box4 ul {
padding: 0;
} .singleblog-section .box5 .feed .feed-image {
width: 25%;
}
.singleblog-section .box5 .feed a {
padding: 0 0 0 12px;
} .blog-posts .onecolumn-blog .lower-portion {
padding: 20px;
}
.blog-posts .onecolumn-blog .button-portion {
padding: 12px 20px 12px 20px;
}
.blog-posts .twocolumn-blog .button-portion {
padding: 12px 20px 12px 20px;
}
.blog-posts .twocolumn-blog .lower-portion {
padding: 20px;
}
.blog-posts .threecolumn-blog .button-portion {
padding: 12px 20px 12px 20px;
}
.blog-posts .threecolumn-blog .lower-portion {
padding: 20px 12px;
}
.blog-posts .threecolumn-blog .lower-portion .text-mr {
margin-right: 15px;
}
.blog-posts .fourcolumn-blog .lower-portion {
padding: 20px;
}
.blog-posts .fourcolumn-blog .button-portion {
padding: 15px 20px 15px 20px;
}
.blog-posts .sixcolumn-blog .button-portion {
padding: 12px 20px 12px 20px;
}
.blog-posts .sixcolumn-blog .lower-portion {
padding: 20px;
}
.blog-text-details p {
font-size: 15px;
line-height: 21px;
}
.blog-section .generic-title {
margin-bottom: 20px;
}
.blog-text-details h4 {
margin-bottom: 6px;
}
.blog-text-details {
padding: 20px 15px 30px 15px;
} .single-blog-box {
width: 320px;
margin: 0 auto;
}
.blog-tabs-inner-section .nav-tabs {
margin-bottom: 20px;
grid-template-columns: 43.7% 43.7%;
}
.single-blog-details {
padding: 20px 15px 30px;
}
.single-blog-details ul {
gap: 15px;
margin-bottom: 10px;
}
.single-blog-details h4 {
margin-bottom: 10px;
} .single-blog-outer-con {
gap: 15px;
}
.blog-tabs-inner-section .pagination .page-link {
padding: 8px 8px;
font-size: 16px;
line-height: 16px;
}
.blog-tabs-inner-section .disabled i {
position: relative;
top: 2px;
}
.single-blog-details p {
font-size: 14px;
line-height: 24px;
margin-bottom: 18px;
}
.generic-btn2 a {
font-size: 12px;
}
.blog-banner-section {
height: 260px;
}
.fourcolumn-blog .post-item-wrap .post-image img {
height: 233px;
}
.fourcolumn-blog .post-item-wrap .post-video iframe {
height: 233px;
}
.fourcolumn-blog .post-item-wrap .post-video {
height: 233px;
}
.blog-posts p {
font-size: 14px;
line-height: 22px;
}
.onecolumn-blog .post-item-wrap .post-video .fluid-width-video-wrapper {
padding-top: 56%;
}
.onecolumn-blog .post-item-wrap .post-video iframe {
height: 233px;
}
.onecolumn-blog .post-item-wrap img {
height: 200px;
} .padding-top {
padding-top: 40px;
}
.padding-bottom {
padding-bottom: 40px;
}
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap img,
.load-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.blog-box.hide-blog .post-item-wrap img {
height: auto;
}
.blog-box.hide-blog .post-item-wrap .post-video,
.blog-box.hide-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap .post-video iframe,
.load-blog .post-item-wrap .post-video {
height: 220px;
}
.blogpage-section .twocolumn-blog .lower-portion p {
font-size: 14px;
line-height: 22px;
}
.twocolumn-blog .post-item-wrap img {
height: auto;
}
.twocolumn-blog .post-item-wrap .post-video iframe,
.twocolumn-blog .post-item-wrap .post-video {
height: 200px;
}
.three-column-con .blog-box img {
height: auto;
}
.three-column-con .blog-box .post-item-wrap iframe,
.three-column-con .blog-box .post-item-wrap .post-video {
height: 250px;
}
.threecolumn-blog .post-image img {
height: auto;
}
.threecolumn-blog .post-item-wrap iframe,
.threecolumn-blog .post-item-wrap .post-video {
height: 200px;
}
.sixcolumn-blog .post-item-wrap img {
height: auto;
}
.sixcolumn-blog .post-item-wrap iframe,
.sixcolumn-blog .post-item-wrap .post-video {
height: 200px;
}
.blog-tabs-inner-section .nav-tabs a.nav-link {
font-size: 16px;
}
.singleblog-section .box5 .feed {
width: 298px;
}
}
@media screen and (max-width: 350px) {
.singleblog-section .box5 .feed {
width: 290px;
margin: 0 auto 20px;
padding-bottom: 0;
}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0)
}
[data-aos=fade-up] {
transform: translateY(100px)
}
[data-aos=fade-down] {
transform: translateY(-100px)
}
[data-aos=fade-right] {
transform: translate(-100px)
}
[data-aos=fade-left] {
transform: translate(100px)
}
[data-aos=fade-up-right] {
transform: translate(-100px,100px)
}
[data-aos=fade-up-left] {
transform: translate(100px,100px)
}
[data-aos=fade-down-right] {
transform: translate(-100px,-100px)
}
[data-aos=fade-down-left] {
transform: translate(100px,-100px)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity,transform
}
@media (min-width: 992px) {
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
margin-top: 15rem;
}
.ctms1{
transform: translateX(120px) !important;
}
.ctms2{
transform: translateX(-120px) !important;
}
}
@media (max-width: 991px) {
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
margin-top: 0rem !important;
}
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translateY(100px) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translateY(-100px) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate(-100px) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate(100px) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translateY(100px) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translateY(-100px) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate(-100px) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate(100px) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0)
}
[data-aos=slide-up] {
transform: translateY(100%)
}
[data-aos=slide-down] {
transform: translateY(-100%)
}
[data-aos=slide-right] {
transform: translateX(-100%)
}
[data-aos=slide-left] {
transform: translateX(100%)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
: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,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--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%;
-webkit-tap-highlight-color: transparent
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
display: block
}
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .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;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
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
}
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
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,kbd,pre,samp {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
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
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
[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
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.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: .875em;
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: .875em;
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 {
font-size: 87.5%;
color: #e83e8c;
word-wrap: 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-fluid,.container-lg,.container-md,.container-sm,.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container,.container-sm {
max-width:540px
}
}
@media (min-width: 768px) {
.container,.container-md,.container-sm {
max-width:720px
}
}
@media (min-width: 992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:960px
}
}
@media (min-width: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width: 1400px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,.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%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.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;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.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%;
margin-bottom: 1rem;
color: #212529
}
.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-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-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0,0,0,.075)
}
.table-primary,.table-primary>td,.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
border-color: #7abaff
}
.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-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
border-color: #b3b7bb
}
.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-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
border-color: #8fd19e
}
.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-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
border-color: #86cfda
}
.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-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
border-color: #ffdf7e
}
.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-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
border-color: #ed969e
}
.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-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
border-color: #fbfcfc
}
.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-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color: #95999c
}
.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: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,.table-dark th,.table-dark thead th {
border-color: #454d55
}
.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 {
color: #fff;
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
}
.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
}
.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
}
.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
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
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
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.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
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
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: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.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,.form-check-input[disabled]~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-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: .875em;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40,167,69,.9);
border-radius: .25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
left: 5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated select.form-control:valid,select.form-control.is-valid {
padding-right: 3rem!important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem)!important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.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 {
border-color: #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
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 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.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:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220,53,69,.9);
border-radius: .25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
left: 5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated select.form-control:invalid,select.form-control.is-invalid {
padding-right: 3rem!important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem)!important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.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 {
border-color: #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
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 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.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:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width: 576px) {
.form-inline label {
display:-ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
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
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
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
}
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 {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38,143,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(38,143,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 {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130,138,145,.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(130,138,145,.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 {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 .2rem rgba(72,180,97,.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(72,180,97,.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 {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem rgba(58,176,195,.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(58,176,195,.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 {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem rgba(222,170,12,.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(222,170,12,.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 {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem rgba(225,83,97,.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(225,83,97,.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 {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216,217,219,.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(216,217,219,.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 {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem rgba(82,88,93,.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(82,88,93,.5)
}
.btn-outline-primary {
color: #007bff;
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;
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;
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;
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;
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;
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;
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;
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;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,.btn-link:focus {
text-decoration: underline
}
.btn-link.disabled,.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.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 {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.collapsing.width {
width: 0;
height: auto;
transition: width .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing.width {
transition: none
}
}
.dropdown,.dropleft,.dropright,.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
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
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right:auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right:auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right:auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right:auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
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 {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
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 {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
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-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.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: #e9ecef
}
.dropdown-item.active,.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
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
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 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-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.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,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 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 {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.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: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.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,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,.input-group-prepend .btn:focus {
z-index: 3
}
.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: -ms-flexbox;
display: flex;
-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-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,.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-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,.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-lg>.custom-select,.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.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;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: 1px solid #adb5bd
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .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(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
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: 0 0 0 .2rem rgba(0,123,255,.25)
}
.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 {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
overflow: hidden;
font-weight: 400;
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(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,.custom-file-label,.custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,.custom-file-label,.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background-color: transparent;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
isolation: isolate;
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 {
background: 0 0;
border: 0;
border-radius: .25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item,.nav-fill>.nav-link {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,.nav-justified>.nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .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: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .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-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto
}
@media (max-width: 575.98px) {
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width: 767.98px) {
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0,0,0,.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255,255,255,.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: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
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-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;
border-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom,.card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img,.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-deck {
display:-ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width: 576px) {
.card-group {
display:-ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-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:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-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;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
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 {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .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: -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 {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.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: 3;
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;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,a.badge:hover {
text-decoration: none
}
.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
}
a.badge-primary:focus,a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.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;
z-index: 2;
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: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.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: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
-ms-flex-direction:row;
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #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: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
a.close.disabled {
pointer-events: none
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size: .875rem;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .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,-50px);
transform: translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .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-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 992px) {
.modal-lg,.modal-xl {
max-width:800px
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width:1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
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;
white-space: normal;
word-spacing: 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: #000;
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,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
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;
white-space: normal;
word-spacing: 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)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 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-width: .5rem .5rem 0;
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);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 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-width: .5rem .5rem .5rem 0;
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)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
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);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
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.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display: block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,.carousel-control-prev {
transition: none
}
}
.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: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
border: .25em solid currentcolor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
background-color: currentcolor;
border-radius: 50%;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s
}
}
.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-sm {
border-radius: .2rem!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-lg {
border-radius: .3rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-pill {
border-radius: 50rem!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: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
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: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
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 {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
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 {
-ms-flex-direction:row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
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
}
}
.user-select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
user-select: all!important
}
.user-select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
user-select: auto!important
}
.user-select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!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;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.min-vw-100 {
min-width: 100vw!important
}
.min-vh-100 {
min-height: 100vh!important
}
.vw-100 {
width: 100vw!important
}
.vh-100 {
height: 100vh!important
}
.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-n1 {
margin: -.25rem!important
}
.mt-n1,.my-n1 {
margin-top: -.25rem!important
}
.mr-n1,.mx-n1 {
margin-right: -.25rem!important
}
.mb-n1,.my-n1 {
margin-bottom: -.25rem!important
}
.ml-n1,.mx-n1 {
margin-left: -.25rem!important
}
.m-n2 {
margin: -.5rem!important
}
.mt-n2,.my-n2 {
margin-top: -.5rem!important
}
.mr-n2,.mx-n2 {
margin-right: -.5rem!important
}
.mb-n2,.my-n2 {
margin-bottom: -.5rem!important
}
.ml-n2,.mx-n2 {
margin-left: -.5rem!important
}
.m-n3 {
margin: -1rem!important
}
.mt-n3,.my-n3 {
margin-top: -1rem!important
}
.mr-n3,.mx-n3 {
margin-right: -1rem!important
}
.mb-n3,.my-n3 {
margin-bottom: -1rem!important
}
.ml-n3,.mx-n3 {
margin-left: -1rem!important
}
.m-n4 {
margin: -1.5rem!important
}
.mt-n4,.my-n4 {
margin-top: -1.5rem!important
}
.mr-n4,.mx-n4 {
margin-right: -1.5rem!important
}
.mb-n4,.my-n4 {
margin-bottom: -1.5rem!important
}
.ml-n4,.mx-n4 {
margin-left: -1.5rem!important
}
.m-n5 {
margin: -3rem!important
}
.mt-n5,.my-n5 {
margin-top: -3rem!important
}
.mr-n5,.mx-n5 {
margin-right: -3rem!important
}
.mb-n5,.my-n5 {
margin-bottom: -3rem!important
}
.ml-n5,.mx-n5 {
margin-left: -3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto,.my-auto {
margin-top: auto!important
}
.mr-auto,.mx-auto {
margin-right: auto!important
}
.mb-auto,.my-auto {
margin-bottom: auto!important
}
.ml-auto,.mx-auto {
margin-left: auto!important
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-sm-n1,.my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1,.mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1,.my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1,.mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2,.my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2,.mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2,.my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2,.mx-sm-n2 {
margin-left: -.5rem!important
}
.m-sm-n3 {
margin: -1rem!important
}
.mt-sm-n3,.my-sm-n3 {
margin-top: -1rem!important
}
.mr-sm-n3,.mx-sm-n3 {
margin-right: -1rem!important
}
.mb-sm-n3,.my-sm-n3 {
margin-bottom: -1rem!important
}
.ml-sm-n3,.mx-sm-n3 {
margin-left: -1rem!important
}
.m-sm-n4 {
margin: -1.5rem!important
}
.mt-sm-n4,.my-sm-n4 {
margin-top: -1.5rem!important
}
.mr-sm-n4,.mx-sm-n4 {
margin-right: -1.5rem!important
}
.mb-sm-n4,.my-sm-n4 {
margin-bottom: -1.5rem!important
}
.ml-sm-n4,.mx-sm-n4 {
margin-left: -1.5rem!important
}
.m-sm-n5 {
margin: -3rem!important
}
.mt-sm-n5,.my-sm-n5 {
margin-top: -3rem!important
}
.mr-sm-n5,.mx-sm-n5 {
margin-right: -3rem!important
}
.mb-sm-n5,.my-sm-n5 {
margin-bottom: -3rem!important
}
.ml-sm-n5,.mx-sm-n5 {
margin-left: -3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto,.my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto,.mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto,.my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto,.mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-md-n1,.my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1,.mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1,.my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1,.mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2,.my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2,.mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2,.my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2,.mx-md-n2 {
margin-left: -.5rem!important
}
.m-md-n3 {
margin: -1rem!important
}
.mt-md-n3,.my-md-n3 {
margin-top: -1rem!important
}
.mr-md-n3,.mx-md-n3 {
margin-right: -1rem!important
}
.mb-md-n3,.my-md-n3 {
margin-bottom: -1rem!important
}
.ml-md-n3,.mx-md-n3 {
margin-left: -1rem!important
}
.m-md-n4 {
margin: -1.5rem!important
}
.mt-md-n4,.my-md-n4 {
margin-top: -1.5rem!important
}
.mr-md-n4,.mx-md-n4 {
margin-right: -1.5rem!important
}
.mb-md-n4,.my-md-n4 {
margin-bottom: -1.5rem!important
}
.ml-md-n4,.mx-md-n4 {
margin-left: -1.5rem!important
}
.m-md-n5 {
margin: -3rem!important
}
.mt-md-n5,.my-md-n5 {
margin-top: -3rem!important
}
.mr-md-n5,.mx-md-n5 {
margin-right: -3rem!important
}
.mb-md-n5,.my-md-n5 {
margin-bottom: -3rem!important
}
.ml-md-n5,.mx-md-n5 {
margin-left: -3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto,.my-md-auto {
margin-top: auto!important
}
.mr-md-auto,.mx-md-auto {
margin-right: auto!important
}
.mb-md-auto,.my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto,.mx-md-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-lg-n1,.my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1,.mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1,.my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1,.mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2,.my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2,.mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2,.my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2,.mx-lg-n2 {
margin-left: -.5rem!important
}
.m-lg-n3 {
margin: -1rem!important
}
.mt-lg-n3,.my-lg-n3 {
margin-top: -1rem!important
}
.mr-lg-n3,.mx-lg-n3 {
margin-right: -1rem!important
}
.mb-lg-n3,.my-lg-n3 {
margin-bottom: -1rem!important
}
.ml-lg-n3,.mx-lg-n3 {
margin-left: -1rem!important
}
.m-lg-n4 {
margin: -1.5rem!important
}
.mt-lg-n4,.my-lg-n4 {
margin-top: -1.5rem!important
}
.mr-lg-n4,.mx-lg-n4 {
margin-right: -1.5rem!important
}
.mb-lg-n4,.my-lg-n4 {
margin-bottom: -1.5rem!important
}
.ml-lg-n4,.mx-lg-n4 {
margin-left: -1.5rem!important
}
.m-lg-n5 {
margin: -3rem!important
}
.mt-lg-n5,.my-lg-n5 {
margin-top: -3rem!important
}
.mr-lg-n5,.mx-lg-n5 {
margin-right: -3rem!important
}
.mb-lg-n5,.my-lg-n5 {
margin-bottom: -3rem!important
}
.ml-lg-n5,.mx-lg-n5 {
margin-left: -3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto,.my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto,.mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto,.my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto,.mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width: 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-n1 {
margin: -.25rem!important
}
.mt-xl-n1,.my-xl-n1 {
margin-top: -.25rem!important
}
.mr-xl-n1,.mx-xl-n1 {
margin-right: -.25rem!important
}
.mb-xl-n1,.my-xl-n1 {
margin-bottom: -.25rem!important
}
.ml-xl-n1,.mx-xl-n1 {
margin-left: -.25rem!important
}
.m-xl-n2 {
margin: -.5rem!important
}
.mt-xl-n2,.my-xl-n2 {
margin-top: -.5rem!important
}
.mr-xl-n2,.mx-xl-n2 {
margin-right: -.5rem!important
}
.mb-xl-n2,.my-xl-n2 {
margin-bottom: -.5rem!important
}
.ml-xl-n2,.mx-xl-n2 {
margin-left: -.5rem!important
}
.m-xl-n3 {
margin: -1rem!important
}
.mt-xl-n3,.my-xl-n3 {
margin-top: -1rem!important
}
.mr-xl-n3,.mx-xl-n3 {
margin-right: -1rem!important
}
.mb-xl-n3,.my-xl-n3 {
margin-bottom: -1rem!important
}
.ml-xl-n3,.mx-xl-n3 {
margin-left: -1rem!important
}
.m-xl-n4 {
margin: -1.5rem!important
}
.mt-xl-n4,.my-xl-n4 {
margin-top: -1.5rem!important
}
.mr-xl-n4,.mx-xl-n4 {
margin-right: -1.5rem!important
}
.mb-xl-n4,.my-xl-n4 {
margin-bottom: -1.5rem!important
}
.ml-xl-n4,.mx-xl-n4 {
margin-left: -1.5rem!important
}
.m-xl-n5 {
margin: -3rem!important
}
.mt-xl-n5,.my-xl-n5 {
margin-top: -3rem!important
}
.mr-xl-n5,.mx-xl-n5 {
margin-right: -3rem!important
}
.mb-xl-n5,.my-xl-n5 {
margin-bottom: -3rem!important
}
.ml-xl-n5,.mx-xl-n5 {
margin-left: -3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto,.my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto,.mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto,.my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto,.mx-xl-auto {
margin-left: auto!important
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0,0,0,0)
}
.text-monospace {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify {
text-align: justify!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width: 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-lighter {
font-weight: lighter!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-weight-bolder {
font-weight: bolder!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus,a.text-primary:hover {
color: #0056b3!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover {
color: #494f54!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus,a.text-success:hover {
color: #19692c!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus,a.text-info:hover {
color: #0f6674!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus,a.text-warning:hover {
color: #ba8b00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus,a.text-danger:hover {
color: #a71d2a!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus,a.text-light:hover {
color: #cbd3da!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus,a.text-dark:hover {
color: #121416!important
}
.text-body {
color: #212529!important
}
.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: rgba(0,0,0,.5)!important
}
.text-white-50 {
color: rgba(255,255,255,.5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
word-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.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 #adb5bd;
page-break-inside: avoid
}
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 #dee2e6!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
} .wp-caption {
max-width: 100%;
}
.wp-caption-text {
text-align: center;
font-size: 14px;
margin-top: 10px;
}
.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
} .navbar {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 100%;
overflow: visible !important;
flex-wrap: nowrap;
} .nav-left-wrapper {
flex: 1 1 auto;
display: flex;
justify-content: flex-end; min-width: 0;
order: 1;
padding-right: 20px; } .nav-left-wrapper .nav-left-menu {
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding: 0;
gap: 25px;
align-items: center;
} .desktop-nav-right {
flex: 1 1 auto;
display: flex !important;
justify-content: flex-start;
min-width: 0;
order: 3;
padding-left: 20px; }
.nav-right-menu {
padding-left: 30px !important;
} @media (min-width: 992px) {
.gt-open{
background: #fff !important;
color: #000 !important;
}
.menu-close-btn {
display: none !important;
}
.nav-right-actions .search {
color: #fff !important;
}
.header-sticky-active .nav-right-actions .search {
color: #000 !important;
}
.mobile-nav-left {
display: none !important;
}
.menu-overlay {
display: none !important;
}
}
.nav-left-menu {
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding: 0;
gap: 25px; align-items: center;
} @media (min-width: 992px) {
.nav-left-menu .nav-item .nav-link,
.nav-right-menu .nav-item .nav-link,
.desktop-nav-right .nav-link {
color: #ffffff !important;
font-size: 17px;
line-height: 14px;
font-weight: 400;
font-family: "Lexend Deca", sans-serif;
text-decoration: none;
transition: all 0.3s ease-in-out;
display: block;
padding: 8px 0;
}
.nav-left-menu .nav-item .nav-link:hover,
.nav-right-menu .nav-item .nav-link:hover,
.desktop-nav-right .nav-link:hover {
color: var(--e-global-color-accent, #41cb5a) !important;
background-color: transparent;
}
.nav-left-menu .nav-item.active .nav-link,
.nav-right-menu .nav-item.active .nav-link,
.desktop-nav-right .nav-item.active .nav-link {
color: var(--e-global-color-accent, #41cb5a) !important;
} .header.sticky-header .nav-left-menu .nav-item .nav-link,
.header.sticky-header .nav-right-menu .nav-item .nav-link,
.header.sticky-header .desktop-nav-right .nav-link {
color: #000000 !important;
}
.header.sticky-header .nav-left-menu .nav-item .nav-link:hover,
.header.sticky-header .nav-right-menu .nav-item .nav-link:hover,
.header.sticky-header .desktop-nav-right .nav-link:hover {
color: var(--e-global-color-accent, #41cb5a) !important;
}
.header.sticky-header .nav-left-menu .nav-item.active .nav-link,
.header.sticky-header .nav-right-menu .nav-item.active .nav-link,
.header.sticky-header .desktop-nav-right .nav-item.active .nav-link {
color: var(--e-global-color-accent, #41cb5a) !important;
}
} .navbar-brand-center {
flex: 0 0 auto; display: flex;
justify-content: center;
align-items: center;
order: 2;
z-index: 10;
max-width: 200px; margin: 0 auto; }  @media (min-width: 992px) {
.navbar {
justify-content: flex-start;
}
.navbar-brand-center {
justify-content: flex-start;
order: 1;
margin: 0;
padding-right: 20px;
}
.nav-left-wrapper {
order: 2;
justify-content: flex-start;
flex: 0 0 auto;
padding-right: 0;
} .nav-spacer {
order: 2.5;
flex: 1 1 auto;
min-width: 0;
}
.desktop-nav-right {
order: 3;
flex: 0 0 auto;
padding-left: 0;
}
}
.navbar-collapse {
flex: 1 1 auto;
display: flex;
justify-content: flex-start; align-items: center;
flex-wrap: wrap;
order: 3;
min-width: 0;
} @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu{
margin-top: 35px !important; }
.navbar-collapse .nav-right-wrapper:not(.desktop-nav-right) {
display: none !important;
}
}
.nav-right-wrapper {
display: flex;
justify-content: flex-start;
min-width: 0;
padding-left: 20px; } .nav-right-wrapper .nav-right-menu {
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding: 0;
gap: 25px;
align-items: center;
}
.nav-right-menu {
display: flex;
flex-direction: row;
list-style: none;
margin: 0;
padding: 0;
gap: 25px; align-items: center;
}
.nav-right-actions {
display: flex;
align-items: center;
margin-left: 20px;
gap: 15px;
height: 100% !important;
max-height: 100% !important;
overflow: visible !important;
}
.nav-right-actions .search {
font-size: 18px;
color: inherit;
text-decoration: none;
transition: opacity 0.3s ease;
}
.nav-right-actions .search:hover {
opacity: 0.7;
} .nav-right-actions .gtranslate-wrapper {
position: fixed; align-items: center;
justify-content: center;
line-height: 1;
height: auto;
max-height: 100% !important;
margin: 0 12px;
overflow: visible;
vertical-align: middle;
top: 28px !important;
right: 3%;
overflow: hidden;
flex-shrink: 0;
transition: none !important;
will-change: auto;
transform: translateZ(0);
} .header.sticky-header .nav-right-actions .gtranslate-wrapper {
top: 38px !important;
right: 3% !important;
transition: none !important;
} .nav-right-actions .gtranslate-wrapper > *,
.nav-right-actions .gtranslate-wrapper .gt_container,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher,
.nav-right-actions .gtranslate-wrapper .gt_switcher {
position: relative !important; vertical-align: middle !important;
height: auto;
max-height: auto;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher,
.nav-right-actions .gtranslate-wrapper .gt_switcher,
.nav-right-actions .gtranslate-wrapper .gt_container {
cursor: pointer !important;
transition: opacity 0.2s ease !important;
height: auto;
max-height: 100% !important; align-items: center !important;
overflow: visible !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher:hover,
.nav-right-actions .gtranslate-wrapper .gt_switcher:hover,
.nav-right-actions .gtranslate-wrapper .gt_container:hover {
opacity: 0.8 !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher a,
.nav-right-actions .gtranslate-wrapper .gt_switcher a,
.nav-right-actions .gtranslate-wrapper .gt_container a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 6px 10px !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
color: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
height: auto !important;
max-height: 100% !important;
background: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher a:hover,
.nav-right-actions .gtranslate-wrapper .gt_switcher a:hover,
.nav-right-actions .gtranslate-wrapper .gt_container a:hover {
background: rgba(255, 255, 255, 0.2) !important;
border-color: rgba(255, 255, 255, 0.3) !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_container a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher *,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher *,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_container * {
color: #000 !important;
} .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_container a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher *,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher *,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_container * {
color: #333333 !important;  }
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher a:hover,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher a:hover,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_container a:hover {
background: #e9ecef !important;
border-color: #d0d0d0 !important;
color: #22c55e !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper [class*="popup"],
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] {
position: absolute !important;
top: 100% !important;
bottom: auto !important;
left: auto !important;
right: 0 !important;
margin-top: 10px !important;
z-index: 10000 !important;
overflow: hidden !important;
width: 200px !important;
min-width: 200px !important;
max-width: 200px !important; background: #ffffff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 10px !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
padding: 8px 0 !important;
max-height: 350px !important;
overflow-y: auto !important;
overflow-x: hidden !important; height: auto !important;
min-height: 0 !important; column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
columns: 1 !important;
display: block !important; -webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important; opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-10px) !important;
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block;"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility: visible"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility:visible"],
.nav-right-actions .gtranslate-wrapper [id*="gt_switcher_popup"].gt_show,
.nav-right-actions .gtranslate-wrapper [id*="gt_float_switcher_popup"].gt_show,
.nav-right-actions .gtranslate-wrapper [id*="gt_switcher_popup"][style*="display: block"],
.nav-right-actions .gtranslate-wrapper [id*="gt_float_switcher_popup"][style*="display: block"],
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
height: auto !important;
min-height: auto !important;
max-height: 350px !important;
padding: 8px 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
transform: translateY(0) !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show,
.nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block;"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility: visible"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility:visible"],
.nav-right-actions .gtranslate-wrapper .gt_float_switcher:hover .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher:hover .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper:hover [class*="popup"],
.nav-right-actions .gtranslate-wrapper [class*="popup"]:not([style*="display: none"]):not([style*="display:none"]):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]) {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
height: auto !important;
min-height: auto !important;
max-height: 350px !important;
padding: 8px 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
display: block !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]):not([style*="display:block;"]):not([style*="visibility: visible"]):not([style*="visibility:visible"]) {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-10px) !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper .gt_option:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]),
.nav-right-actions .gtranslate-wrapper [class*="gt_option"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]),
.nav-right-actions .gtranslate-wrapper [id*="gt_option"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]):not([style*="display:block;"]) .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]):not([style*="display:block;"]) [class*="gt_option"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show .gt_option,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block;"] .gt_option,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher:hover .gt_float_switcher_popup .gt_option,
.nav-right-actions .gtranslate-wrapper .gt_switcher:hover .gt_switcher_popup .gt_option,
.nav-right-actions .gtranslate-wrapper:hover [class*="popup"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"]:not([style*="display: none"]):not([style*="display:none"]) .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show [class*="gt_option"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"] [class*="gt_option"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"] [class*="gt_option"],
.nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show [id*="gt_option"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"] [id*="gt_option"] {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
height: auto !important;
min-height: auto !important;
max-height: auto !important;
overflow: visible !important;
padding: 12px 16px !important;
margin: 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_hidden,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: none"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:none"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility: hidden"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility:hidden"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_hidden .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: none"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:none"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility: hidden"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="visibility:hidden"] .gt_option,
.nav-right-actions .gtranslate-wrapper [class*="popup"]:not(.gt_show):not([style*="display: block"]):not([style*="display:block"]):not([style*="display:block;"]) .gt_option {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
} .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show,
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"],
.nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"] {
height: auto !important;
padding: 8px 0 !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"],
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"],
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="dropdown"].gt_show {
background: transparent !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"] a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"] a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_option {
color: #ffffff !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a:hover,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a:hover,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a:hover,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_option:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_option {
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}  .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"],
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="dropdown"],
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"],
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"],
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="dropdown"].gt_show {
background: #ffffff !important;
border: 1px solid #e0e0e0 !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
} .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display: block"] a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"][style*="display:block"] a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_option {
color: #333333 !important;
} .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a:hover,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a:hover,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a:hover,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_option:hover {
background-color: #f8f9fa !important;
color: #22c55e !important;
} .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup.gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup.gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"].gt_show a,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_option {
border-bottom: 1px solid #f0f0f0 !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper [class*="popup"],
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > *,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > *,
.nav-right-actions .gtranslate-wrapper [class*="popup"] > *,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] > * {
display: block !important;
width: 100% !important;
flex: 0 0 auto !important;
columns: 1 !important;
column-count: 1 !important;
-webkit-columns: 1 !important;
-moz-columns: 1 !important;
float: none !important;
clear: both !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup a,
.nav-right-actions .gtranslate-wrapper [class*="popup"] a,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] a,
.nav-right-actions .gtranslate-wrapper .gt_option,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > a,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup span,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup span,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup div,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup div,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup td,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup td {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 12px 16px !important;
margin: 0 !important;
text-decoration: none !important;
color: #333333 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
border: none !important;
border-bottom: 1px solid #f0f0f0 !important;
background: transparent !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
clear: both !important;
float: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
border-radius: 0 !important;
cursor: pointer !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup a,
.nav-right-actions .gtranslate-wrapper [class*="popup"] a {
color: #333333 !important;
} .header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a.gt_current,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_switcher_popup a.gt_current,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"] a.gt_current,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="popup"] a[class*="current"],
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_option.gt_current,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper [class*="current"] {
background-color: transparent;
color: #ffffff !important;
font-weight: 500 !important;
} .header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a.gt_current,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_switcher_popup a.gt_current,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"] a.gt_current,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="popup"] a[class*="current"],
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_option.gt_current,
.header.sticky-header .nav-right-actions .gtranslate-wrapper [class*="current"] {
background-color: #fff !important;
color: #22c55e !important;
font-weight: 500 !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a:last-child,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup a:last-child,
.nav-right-actions .gtranslate-wrapper [class*="popup"] a:last-child,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] a:last-child,
.nav-right-actions .gtranslate-wrapper .gt_option:last-child {
border-bottom: none !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a:hover,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup a:hover,
.nav-right-actions .gtranslate-wrapper [class*="popup"] a:hover,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] a:hover,
.nav-right-actions .gtranslate-wrapper .gt_option:hover {
background-color: #f8f9fa !important;
color: #22c55e !important;
transform: translateX(2px) !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher img,
.nav-right-actions .gtranslate-wrapper .gt_switcher img,
.nav-right-actions .gtranslate-wrapper .gt_container img,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher .gt_flag,
.nav-right-actions .gtranslate-wrapper .gt_switcher .gt_flag,
.nav-right-actions .gtranslate-wrapper img[class*="flag"]:not([class*="popup"]):not([class*="dropdown"]) {
width: 18px !important;
height: 13px !important;
margin-right: 6px !important;
margin-left: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
object-fit: cover !important;
border-radius: 2px !important;
flex-shrink: 0 !important;
max-height: 100% !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup img,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup img,
.nav-right-actions .gtranslate-wrapper [class*="popup"] img,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] img,
.nav-right-actions .gtranslate-wrapper .gt_flag {
width: 20px !important;
height: 15px !important;
margin-right: 10px !important;
margin-left: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
object-fit: cover !important;
border-radius: 3px !important;
flex-shrink: 0 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper [class*="popup"],
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] {
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
columns: 1 !important;
display: block !important;
width: 100% !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > *,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > *,
.nav-right-actions .gtranslate-wrapper [class*="popup"] > *,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] > * {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
page-break-inside: avoid !important;
column-span: all !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup *,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup *,
.nav-right-actions .gtranslate-wrapper [class*="popup"] *,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] *,
.nav-right-actions .gtranslate-wrapper [id*="gt_"] *,
.nav-right-actions .gtranslate-wrapper [id*="popup"] * {
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
page-break-inside: avoid !important;
float: none !important;
clear: both !important;
display: block !important;
width: 100% !important;
column-span: all !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup span,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup span,
.nav-right-actions .gtranslate-wrapper [class*="popup"] span {
display: inline !important;
width: auto !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > a,
.nav-right-actions .gtranslate-wrapper [class*="popup"] > a,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] > a {
display: flex !important;
width: 100% !important;
float: none !important;
clear: both !important;
box-sizing: border-box !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup table,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup table,
.nav-right-actions .gtranslate-wrapper [class*="popup"] table {
width: 100% !important;
border-collapse: collapse !important;
display: table !important;
table-layout: fixed !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup tr,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup tr,
.nav-right-actions .gtranslate-wrapper [class*="popup"] tr {
display: table-row !important;
width: 100% !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup td,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup td,
.nav-right-actions .gtranslate-wrapper [class*="popup"] td {
display: table-cell !important;
width: 100% !important;
padding: 10px 15px !important;
vertical-align: middle !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup td a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup td a,
.nav-right-actions .gtranslate-wrapper [class*="popup"] td a {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
} .nav-right-actions .gtranslate-wrapper div[class*="gt_"],
.nav-right-actions .gtranslate-wrapper div[class*="popup"],
.nav-right-actions .gtranslate-wrapper div[class*="dropdown"],
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup {
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
columns: 1 !important;
display: flex;
flex-direction: column !important;
flex-wrap: nowrap !important;
width: 160px !important;
height: auto !important;
min-width: 160px !important;
max-width: 160px !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup *,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup *,
.nav-right-actions .gtranslate-wrapper [class*="popup"] *,
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] * {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
page-break-inside: avoid !important;
column-span: all !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > *:not(a),
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > *:not(a),
.nav-right-actions .gtranslate-wrapper [class*="popup"] > *:not(a),
.nav-right-actions .gtranslate-wrapper [class*="dropdown"] > *:not(a) {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
page-break-inside: avoid !important;
column-span: all !important;
margin: 0 !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup::before,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup::before,
.nav-right-actions .gtranslate-wrapper [class*="popup"]::before {
display: none !important;
} .nav-right-actions .gtranslate-wrapper a,
.nav-right-actions .gtranslate-wrapper .gt_switcher,
.nav-right-actions .gtranslate-wrapper .gt_float_switcher,
.nav-right-actions .gtranslate-wrapper button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 1 !important;
padding: 0 !important;
border: none !important;
background: transparent;
height: auto !important;
vertical-align: middle !important;
} .nav-right-actions .gtranslate-wrapper img,
.nav-right-actions .gtranslate-wrapper .gt_flag {
vertical-align: middle !important;
margin-right: 5px !important;
display: inline-block !important;
max-height: 20px !important;
} .header .navbar,
.header .navbar .nav-right-actions {
overflow: visible !important;
}  .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup::-webkit-scrollbar,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup::-webkit-scrollbar,
.nav-right-actions .gtranslate-wrapper [class*="popup"]::-webkit-scrollbar {
width: 5px !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup::-webkit-scrollbar-track,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup::-webkit-scrollbar-track,
.nav-right-actions .gtranslate-wrapper [class*="popup"]::-webkit-scrollbar-track {
background: transparent !important;
border-radius: 10px !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup::-webkit-scrollbar-thumb,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup::-webkit-scrollbar-thumb,
.nav-right-actions .gtranslate-wrapper [class*="popup"]::-webkit-scrollbar-thumb {
background: #d0d0d0 !important;
border-radius: 10px !important;
transition: background 0.2s ease !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup::-webkit-scrollbar-thumb:hover,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup::-webkit-scrollbar-thumb:hover,
.nav-right-actions .gtranslate-wrapper [class*="popup"]::-webkit-scrollbar-thumb:hover {
background: #22c55e !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.nav-right-actions .gtranslate-wrapper [class*="popup"] {
scrollbar-width: thin !important;
scrollbar-color: #d0d0d0 transparent !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup table,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup table,
.nav-right-actions .gtranslate-wrapper [class*="popup"] table {
width: 100% !important;
border-collapse: collapse !important;
display: table !important;
table-layout: fixed !important;
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
columns: 1 !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup tr,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup tr,
.nav-right-actions .gtranslate-wrapper [class*="popup"] tr {
display: table-row !important;
width: 100% !important;
float: none !important;
clear: both !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup td,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup td,
.nav-right-actions .gtranslate-wrapper [class*="popup"] td {
display: table-cell !important;
width: 100% !important;
padding: 8px 12px !important;
float: none !important;
clear: both !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup td a,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup td a,
.nav-right-actions .gtranslate-wrapper [class*="popup"] td a {
display: flex !important;
align-items: center !important;
padding: 10px 15px !important;
margin: 0 !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup > div,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup > div,
.nav-right-actions .gtranslate-wrapper [class*="popup"] > div {
display: block !important;
width: 100% !important;
} .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup ul,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup ul,
.nav-right-actions .gtranslate-wrapper [class*="popup"] ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
width: 100% !important;
}
.nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup li,
.nav-right-actions .gtranslate-wrapper .gt_switcher_popup li,
.nav-right-actions .gtranslate-wrapper [class*="popup"] li {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
} .nav-right-actions .get_started {
white-space: nowrap;
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-family: "Lexend Deca", sans-serif;
text-align: center;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffffff;
border: 2px solid #35b04a; border-radius: 6px; padding: 12px 24px;
transition: all 0.3s ease-in-out;
text-decoration: none;
box-shadow: 0 2px 8px rgba(65, 203, 90, 0.2); }
.nav-right-actions .get_started i {
font-size: 12px;
margin-left: 8px;
transition: all 0.3s ease-in-out;
color: #ffffff;
}
.nav-right-actions .get_started:hover {
color: #ffffff;
background-color: #35b04a; border-color: #2d9a3f;
box-shadow: 0 4px 12px rgba(65, 203, 90, 0.3); transform: translateY(-2px); }
.nav-right-actions .get_started:hover i {
color: #ffffff;
transform: translateX(3px); } .header.sticky-header .nav-right-actions .get_started {
color: #ffffff;
background-color: #35b04a;
border-color: #35b04a;
}
.header.sticky-header .nav-right-actions .get_started:hover {
color: #ffffff;
background-color: #35b04a;
border-color: #2d9a3f;
} .header.sticky-header .navbar-brand-center {
flex: 0 0 auto;
order: 2;
z-index: 10000;
} @media (max-width: 991.98px) {
.navbar {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
position: relative;
padding: 10px 15px;
} .navbar-toggler {
order: 3;
flex: 0 0 auto;
margin-left: auto;
z-index: 1001;
border: none;
padding: 8px;
} .navbar-brand-center {
order: 2;
flex: 0 0 auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
max-width: min(150px, 30vw);
z-index: 1000;
} .nav-left-wrapper:not(.mobile-nav-left) {
display: none !important;
} .desktop-nav-right {
display: none !important;
} .mobile-nav-left {
display: block !important;
width: 100% !important;
padding: 0 20px !important;
margin: 60px 0 0 0 !important;
order: 1 !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
height: auto !important;
}
.mobile-nav-left .nav-left-menu {
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
display: flex !important;
box-sizing: border-box !important;
}
.mobile-nav-left .nav-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
.mobile-nav-left .nav-item:last-child {
border-bottom: none !important;
}
.mobile-nav-left .nav-link {
color: #000000 !important;
padding: 16px 0 !important;
font-size: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
text-align: left !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
white-space: normal !important;
word-wrap: break-word !important;
box-sizing: border-box !important;
line-height: 1.5 !important;
}
.mobile-nav-left .nav-link:hover,
.mobile-nav-left .nav-link.active {
color: #41cb5a !important;
background-color: transparent !important;
padding-left: 0 !important;
} .navbar-collapse {
position: fixed !important;
top: 0 !important;
right: 0 !important;
width: min(380px, 85vw) !important;
height: 100vh !important;
background-color: #ffffff !important;
z-index: 99999 !important;
padding: 0 !important;
margin: 0 !important;
transform: translateX(100%) !important; transition: transform 0.3s ease !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: -2px 0 20px rgba(0, 0, 0, 0.15) !important;
flex-direction: column !important;
align-items: stretch !important;
display: flex !important;
box-sizing: border-box !important;
order: unset !important;
flex: unset !important;
justify-content: flex-start !important;
}
.navbar-collapse.show,
.navbar-collapse:not(.collapse) {
transform: translateX(0) !important; transition: transform 0.3s ease !important;
} .navbar-collapse::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60px;
background-color: #41cb5a;
z-index: 1;
} .navbar-collapse .mobile-current-page {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60px;
display: flex;
align-items: center;
padding: 0 60px 0 20px;
z-index: 2;
color: #ffffff;
font-size: 18px;
font-weight: 600;
} .menu-close-btn {
position: absolute !important;
top: 10px !important;
right: 10px !important;
background: transparent !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
z-index: 10001 !important;
padding: 0 !important;
transition: all 0.3s ease !important;
font-weight: 300 !important;
flex-shrink: 0;
box-sizing: border-box !important;
}
.menu-close-btn span {
color: #ffffff;
font-size: 24px;
line-height: 1;
display: block;
}
.menu-close-btn:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #ffffff;
transform: rotate(90deg);
} .navbar-collapse .mobile-nav-left {
width: 100% !important;
padding: 70px 20px 20px 20px !important;
margin: 0 !important;
order: 1 !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
.navbar-collapse .mobile-nav-left .nav-left-menu {
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
display: flex !important;
box-sizing: border-box !important;
}
.navbar-collapse .mobile-nav-left .nav-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
.navbar-collapse .mobile-nav-left .nav-item:last-child {
border-bottom: none !important;
}
.navbar-collapse .mobile-nav-left .nav-link {
color: #1a1a1a !important;
padding: 16px 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
text-align: left !important;
transition: color 0.2s ease !important;
text-decoration: none !important;
white-space: normal !important;
word-wrap: break-word !important;
box-sizing: border-box !important;
line-height: 1.5 !important;
}
.navbar-collapse .mobile-nav-left .nav-link:hover,
.navbar-collapse .mobile-nav-left .nav-link.active {
color: #22c55e !important;
background-color: transparent !important;
} .navbar-collapse .nav-right-wrapper {
width: 100% !important;
padding: 0 20px 20px 20px !important;
margin: 0 !important;
justify-content: flex-start !important;
order: 2 !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
.navbar-collapse .nav-right-menu {
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
display: flex !important;
box-sizing: border-box !important;
}
.navbar-collapse .nav-right-menu .nav-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
.navbar-collapse .nav-right-menu .nav-item:last-child {
border-bottom: none !important;
}
.navbar-collapse .nav-right-menu .nav-link {
color: #1a1a1a !important;
padding: 16px 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
text-align: left !important;
transition: color 0.2s ease !important;
text-decoration: none !important;
white-space: normal !important;
word-wrap: break-word !important;
box-sizing: border-box !important;
line-height: 1.5 !important;
}
.navbar-collapse .nav-right-menu .nav-link:hover,
.navbar-collapse .nav-right-menu .nav-link.active {
color: #22c55e !important;
background-color: transparent !important;
} .navbar-collapse .nav-right-menu .dropdown-menu,
.navbar-collapse .mobile-nav-left .dropdown-menu,
.navbar-collapse .products-dropdown-menu {
position: static !important;
width: 100% !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
display: block !important; margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
opacity: 1 !important;
visibility: visible !important;
transition: none !important; animation: none !important; } .navbar-collapse .dropdown-toggle::after {
display: none !important;
} .navbar-collapse .nav-right-menu .dropdown-menu,
.navbar-collapse .mobile-nav-left .dropdown-menu,
.navbar-collapse .products-dropdown-menu {
display: block !important; } .navbar-collapse .products-dropdown .products-dropdown-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} .navbar-collapse .nav-right-menu .dropdown-item,
.navbar-collapse .mobile-nav-left .dropdown-item {
width: 100% !important;
padding: 12px 0 12px 20px !important;
color: #4a5568 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
white-space: normal !important;
word-wrap: break-word !important;
box-sizing: border-box !important;
display: block !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
text-align: left !important;
transition: color 0.2s ease !important;
}
.navbar-collapse .nav-right-menu .dropdown-item:hover,
.navbar-collapse .mobile-nav-left .dropdown-item:hover {
color: #22c55e !important;
background-color: transparent !important;
} .navbar-collapse .nav-right-menu .dropdown-toggle::after,
.navbar-collapse .mobile-nav-left .dropdown-toggle::after {
display: none !important;
} .navbar-collapse .products-dropdown-menu {
max-height: none !important;
overflow-y: auto !important;
padding: 15px !important;
background-color: #f8f9fa !important;
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
margin-top: 0 !important;
}
.navbar-collapse .products-dropdown-menu .products-dropdown-fullwidth {
width: 100% !important;
}
.navbar-collapse .products-dropdown-menu .container {
padding: 0 !important;
margin: 0 !important;
}
.navbar-collapse .products-dropdown-menu .row {
flex-direction: column !important;
margin: 0 !important;
}
.navbar-collapse .products-dropdown-menu .col-lg-2,
.navbar-collapse .products-dropdown-menu .col-lg-5 {
width: 100% !important;
padding: 0 !important;
margin: 0 0 20px 0 !important;
} .navbar-collapse .products-dropdown-menu .products-categories-list {
margin-bottom: 20px;
}
.navbar-collapse .products-dropdown-menu .product-category-nav-item {
padding: 12px 15px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
color: #333 !important;
font-size: 15px !important;
}
.navbar-collapse .products-dropdown-menu .product-category-nav-item:last-child {
border-bottom: none !important;
}
.navbar-collapse .products-dropdown-menu .product-category-nav-item.active {
background-color: rgba(34, 197, 94, 0.1) !important;
color: #22c55e !important;
} .navbar-collapse .products-dropdown-menu .product-category-featured-image {
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
}
.navbar-collapse .products-dropdown-menu .product-category-featured-image img {
width: 100%;
height: auto;
display: block;
}
.navbar-collapse .products-dropdown-menu .product-category-featured-info {
margin-bottom: 20px;
}
.navbar-collapse .products-dropdown-menu .product-category-featured-title {
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
color: #333 !important;
}
.navbar-collapse .products-dropdown-menu .product-category-featured-desc {
font-size: 14px !important;
color: #666 !important;
line-height: 1.6 !important;
margin-bottom: 15px !important;
}
.navbar-collapse .products-dropdown-menu .product-category-explore-btn {
display: inline-block;
padding: 10px 20px;
background-color: #22c55e;
color: #fff !important;
border-radius: 6px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
} .navbar-collapse .products-dropdown-menu .products-dropdown-subcategories,
.navbar-collapse .products-dropdown-menu .products-dropdown-products {
margin-top: 20px;
}
.navbar-collapse .products-dropdown-menu .subcategories-title,
.navbar-collapse .products-dropdown-menu .products-dropdown-products h4 {
font-size: 16px !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
color: #333 !important;
}
.navbar-collapse .products-dropdown-menu .subcategories-list,
.navbar-collapse .products-dropdown-menu .products-list {
list-style: none;
padding: 0;
margin: 0;
}
.navbar-collapse .products-dropdown-menu .subcategories-list li,
.navbar-collapse .products-dropdown-menu .products-list li {
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar-collapse .products-dropdown-menu .subcategories-list li:last-child,
.navbar-collapse .products-dropdown-menu .products-list li:last-child {
border-bottom: none;
}
.navbar-collapse .products-dropdown-menu .subcategories-list a,
.navbar-collapse .products-dropdown-menu .products-list a {
color: #333 !important;
font-size: 14px !important;
text-decoration: none;
display: block;
}
.navbar-collapse .products-dropdown-menu .subcategories-list a:hover,
.navbar-collapse .products-dropdown-menu .products-list a:hover {
color: #22c55e !important;
} .navbar-collapse .nav-right-actions {
width: 100% !important;
padding: 20px !important;
margin: 0 !important;
justify-content: flex-start !important;
flex-direction: column !important;
gap: 15px !important;
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
order: 3 !important;
flex: 0 0 auto !important;
display: flex !important;
box-sizing: border-box !important;
} .navbar-collapse .nav-right-actions .gtranslate-wrapper {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"],
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="dropdown"] {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-top: 10px !important;
background: #f8f9fa !important;
border: 1px solid #e0e0e0 !important;
border-radius: 6px !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_container a {
color: #333333 !important;
padding: 12px 0 !important;
width: 100% !important;
justify-content: flex-start !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"] a {
color: #333333 !important;
}
.navbar-collapse .nav-right-actions .search {
color: #000000 !important;
font-size: 18px !important;
padding: 12px 0 !important;
text-align: left !important;
text-decoration: none !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.navbar-collapse .nav-right-actions .search i {
font-size: 20px !important;
} .navbar-collapse .nav-right-actions .gtranslate-wrapper {
position: relative !important;
display: block !important;
width: 100% !important;
padding: 12px 0 !important;
text-align: left !important;
height: auto !important;
overflow: visible !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper > *,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_container,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher {
position: relative !important;
display: block !important;
width: 100% !important;
text-align: left !important;
height: auto !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"],
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="dropdown"] {
position: absolute !important;
top: 100% !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
margin-top: 5px !important;
z-index: 10000 !important;
overflow: visible !important;
min-width: 200px !important;
max-width: 250px !important;
background: #ffffff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 6px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
padding: 8px 0 !important;
max-height: 300px !important;
overflow-y: auto !important;
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
columns: 1 !important;
} .navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"] a,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="dropdown"] a {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
width: 100% !important;
padding: 10px 15px !important;
margin: 0 !important;
text-decoration: none !important;
color: #333 !important;
font-size: 14px !important;
line-height: 1.5 !important;
border: none !important;
border-bottom: 1px solid #f0f0f0 !important;
background: transparent !important;
transition: all 0.2s ease !important;
clear: both !important;
float: none !important;
}
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup a:hover,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup a:hover,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"] a:hover {
background-color: #f8f9fa !important;
color: #22c55e !important;
} .navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_float_switcher_popup img,
.navbar-collapse .nav-right-actions .gtranslate-wrapper .gt_switcher_popup img,
.navbar-collapse .nav-right-actions .gtranslate-wrapper [class*="popup"] img {
width: 20px !important;
height: 15px !important;
margin-right: 10px !important;
display: inline-block !important;
vertical-align: middle !important;
object-fit: cover !important;
border-radius: 2px !important;
}
.navbar-collapse .nav-right-actions .get_started {
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
font-size: 15px !important;
margin: 0 !important;
box-sizing: border-box !important;
background-color: #41cb5a !important;
color: #ffffff !important;
border: 2px solid #41cb5a !important;
border-radius: 6px !important;
font-weight: 600 !important;
}
.navbar-collapse .nav-right-actions .get_started:hover {
background-color: #35b04a !important;
border-color: #35b04a !important;
color: #ffffff !important;
}
.navbar-collapse .nav-right-actions .get_started i {
font-size: 12px !important;
margin-left: 8px !important;
} .menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99998 !important;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.menu-overlay.active {
opacity: 1;
pointer-events: all;
} .header.sticky-header .navbar-brand-center {
position: absolute;
left: 50%;
transform: translateX(-50%);
flex: 0 0 auto;
order: 2;
}
.header.sticky-header .navbar-collapse {
background-color: #ffffff !important;
box-shadow: -2px 0 20px rgba(0, 0, 0, 0.15) !important;
}
.header.sticky-header .navbar-collapse::before {
background-color: #41cb5a !important;
}
.header.sticky-header .menu-close-btn {
border-color: rgba(255, 255, 255, 0.8) !important;
}
.header.sticky-header .menu-close-btn span {
color: #ffffff !important;
}
.header.sticky-header .menu-close-btn:hover {
background-color: rgba(255, 255, 255, 0.2) !important;
border-color: #ffffff !important;
}
.header.sticky-header .menu-close-btn:hover span {
color: #ffffff !important;
}
} .header {
transition: all 0.3s ease;
position: relative;
}
.header.sticky-header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999999999;
background-color: #ffffff !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
animation: slideDown 0.3s ease;
} .header.sticky-header .products-dropdown-menu {
z-index: 10001 !important;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.header.sticky-header .container { }
.header.sticky-header .navbar {
background-color: #ffffff !important;
} .header.sticky-header .navbar-nav .nav-link {
color: #000000 !important;
}
.header.sticky-header .navbar-nav .nav-link:hover,
.header.sticky-header .navbar-nav .nav-link:focus {
color: #000000 !important;
opacity: 0.8;
} .header.sticky-header .navbar-nav .dropdown-toggle {
color: #000000 !important;
}
.header.sticky-header .navbar-nav .dropdown-toggle:hover,
.header.sticky-header .navbar-nav .dropdown-toggle:focus {
color: #000000 !important;
}
.header.sticky-header .navbar-nav .dropdown-item {
color: #000000 !important;
}
.header.sticky-header .navbar-nav .dropdown-item:hover,
.header.sticky-header .navbar-nav .dropdown-item:focus {
color: #000000 !important;
background-color: #f8f9fa;
} .header.sticky-header .last_list .get_started {
color: #fff !important;
}
.header.sticky-header .last_list .get_started:hover {
color: #fff !important;
opacity: 0.8;
}
.header.sticky-header .last_list .phone_content span {
color: #000000 !important;
}
.header.sticky-header .last_list .phone_content .number {
color: #000000 !important;
}
.header.sticky-header .last_list .phone_content .number:hover {
color: #000000 !important;
opacity: 0.8;
}
.header.sticky-header .search-box {
color: #000000 !important;
}
.header.sticky-header .search-box:hover {
color: #000000 !important;
opacity: 0.8;
} .header.sticky-header .navbar-brand .default-logo {
display: none !important;
}
.header.sticky-header .navbar-brand .sticky-logo {
display: block !important;
}
.header .navbar-brand .default-logo {
display: block;
}
.header .navbar-brand .sticky-logo {
display: none !important;
} @media (max-width: 991.98px) {
.header.sticky-header {
position: fixed !important;
}
.menu-overlay{
display: none !important;
}
.header.sticky-header .navbar-collapse {
background-color: #ffffff !important;
border-top: 1px solid #e9ecef;
margin-top: 10px;
padding-top: 10px;
}
.header.sticky-header .navbar-nav .nav-link {
color: #000000 !important;
padding: 10px 15px;
}
.header.sticky-header .navbar-nav .nav-link:hover {
background-color: #f8f9fa;
color: #000000 !important;
}
.header.sticky-header .navbar-toggler {
border-color: #000000;
}
.header.sticky-header .navbar-toggler:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}
.header.sticky-header .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header.sticky-header .last_list {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e9ecef;
}
} body.header-sticky-active {
padding-top: 0;
}
.energy_banner_outer.header-sticky-active,
.sub_banner.header-sticky-active {
padding-top: 0;
} .energy_banner_outer.header-sticky-active .banner-con,
.sub_banner.header-sticky-active .sub_banner_con {
margin-top: 0;
} .products-dropdown {
position: static;
}
@media (min-width: 992px) {
.products-dropdown {
position: static;
}
}
.products-dropdown .nav-link {
display: flex;
align-items: center;
transition: all 0.3s ease;
}
.products-dropdown .nav-link i {
font-size: 10px;
margin-left: 5px;
transition: transform 0.3s ease;
}
.products-dropdown:hover .nav-link i,
.products-dropdown.show .nav-link i {
transform: rotate(180deg);
}
.products-dropdown-menu {
position: fixed;
top: auto;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
padding: 0;
margin: 0 !important;
margin-top: 0 !important;  border: none;
border-top: 1px solid rgba(65, 203, 90, 0.1);
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 
0 8px 25px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
overflow: visible;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 10000;
display: block;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.products-dropdown-fullwidth {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important; overflow: visible;
margin: 0 auto !important;
padding: 0 !important;
}
.products-dropdown-fullwidth .container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
overflow: visible;
} @media (min-width: 992px) {
.products-dropdown-fullwidth .container {
max-width: 1140px !important;
}
}
@media (min-width: 1200px) {
.products-dropdown-fullwidth .container {
max-width: 1140px !important;
}
}
.products-dropdown-fullwidth .row.no-gutters {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible;
}
.products-dropdown-fullwidth .row.no-gutters > [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 992px) { .navbar {
position: relative;
z-index: 10002;
} .nav-left-wrapper,
.desktop-nav-right {
z-index: 10003;
position: relative;
}
.products-dropdown {
position: relative;
z-index: 10003;
}
.products-dropdown:hover .products-dropdown-menu,
.products-dropdown.show .products-dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
animation: dropdownFadeIn 0.3s ease-out;
display: block !important;
} .products-dropdown-menu {
position: fixed !important;
top: auto !important; left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .products-dropdown:hover .products-dropdown-menu,
.products-dropdown.show .products-dropdown-menu {
top: auto !important; } .header.sticky-header .products-dropdown-menu {
position: fixed !important;
top: auto !important; left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important; margin-top: 35px !important;
} .header,
.header .container,
.header .navbar,
.header .navbar .container,
.products-dropdown {
overflow: visible !important;
} .products-dropdown {
position: static !important;
} .products-dropdown-menu {
position: fixed !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
} .products-dropdown-fullwidth {
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
}
.products-dropdown-fullwidth .container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.products-dropdown-fullwidth .row.no-gutters {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@keyframes dropdownFadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}  .products-dropdown-center {
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 50%, #ffffff 100%);
border-right: none;
min-height: 480px;
overflow: hidden;
padding: 0;
position: relative;
} .products-dropdown-center::before {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: linear-gradient(180deg, 
transparent 0%, 
rgba(65, 203, 90, 0.15) 20%, 
rgba(65, 203, 90, 0.15) 80%, 
transparent 100%);
pointer-events: none;
z-index: 1;
}
.products-dropdown-center::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 30%, rgba(65, 203, 90, 0.02) 0%, transparent 50%);
pointer-events: none;
z-index: 0;
} .products-dropdown-left {
background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%);
border-right: none;
min-height: 480px;
max-height: 480px;
overflow: hidden;
padding: 0;
position: relative;
} .products-dropdown-left::after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: linear-gradient(180deg, 
transparent 0%, 
rgba(65, 203, 90, 0.15) 20%, 
rgba(65, 203, 90, 0.15) 80%, 
transparent 100%);
pointer-events: none;
z-index: 1;
}
.products-dropdown-left .products-categories-list {
padding: 20px 0;
margin: 0;
background: transparent;
min-height: 480px;
max-height: 480px;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
position: relative;
} .products-dropdown-left .products-categories-list::-webkit-scrollbar {
width: 6px;
}
.products-dropdown-left .products-categories-list::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.products-dropdown-left .products-categories-list::-webkit-scrollbar-thumb {
background: var(--e-global-color-accent, #41cb5a);
border-radius: 10px;
transition: background 0.3s ease;
}
.products-dropdown-left .products-categories-list::-webkit-scrollbar-thumb:hover {
background: #2ecc71;
} .products-dropdown-left .products-categories-list {
scrollbar-width: thin;
scrollbar-color: var(--e-global-color-accent, #41cb5a) rgba(0, 0, 0, 0.05);
}
.products-categories-list {
padding: 25px 0;
margin: 0;
}
.product-category-nav-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
color: var(--e-global-color-secondary, #292929);
text-decoration: none;
font-size: 20px;
font-weight: 500;
font-family: "DM Sans", sans-serif;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
background: transparent;
border: none;
margin: 2px 12px;
border-radius: 8px;
cursor: pointer;
}
.product-category-nav-item::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 0;
background: linear-gradient(180deg, 
var(--e-global-color-accent, #41cb5a) 0%, 
#2ecc71 100%);
border-radius: 0 3px 3px 0;
transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
}
.product-category-nav-item:hover {
background: linear-gradient(90deg, 
rgba(65, 203, 90, 0.08) 0%, 
rgba(65, 203, 90, 0.04) 100%);
color: var(--e-global-color-accent, #41cb5a);
transform: translateX(3px);
box-shadow: 0 2px 8px rgba(65, 203, 90, 0.1);
}
.product-category-nav-item:hover::before {
height: 60%;
opacity: 1;
}
.product-category-nav-item.active {
background: linear-gradient(90deg, 
rgba(65, 203, 90, 0.12) 0%, 
rgba(65, 203, 90, 0.06) 100%);
color: var(--e-global-color-accent, #41cb5a);
font-weight: 600;
box-shadow: 0 2px 12px rgba(65, 203, 90, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.product-category-nav-item.active::before {
height: 70%;
opacity: 1;
}
.product-category-nav-item .category-name {
flex: 1;
}
.product-category-nav-item i {
font-size: 12px;
color: var(--e-global-color-text, #999999);
transition: all 0.3s ease;
}
.product-category-nav-item:hover i,
.product-category-nav-item.active i {
color: var(--e-global-color-accent, #41cb5a);
transform: translateX(3px);
} .products-dropdown-center {
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
min-height: 480px;
padding: 0;
border-right: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.products-dropdown-center::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: linear-gradient(180deg, transparent 0%, rgba(65, 203, 90, 0.2) 50%, transparent 100%);
pointer-events: none;
z-index: 0;
}
.products-dropdown-center-content {
padding: 45px 50px;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
} .products-dropdown-right {
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
min-height: 200px;
position: relative;
padding: 0;
overflow: hidden;
border-bottom-left-radius: 1.5rem;
border-left: none;
border-bottom-right-radius: 1.5rem;
} .products-dropdown-right::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: linear-gradient(180deg, 
transparent 0%, 
rgba(65, 203, 90, 0.15) 20%, 
rgba(65, 203, 90, 0.15) 80%, 
transparent 100%);
pointer-events: none;
z-index: 1;
}
.products-dropdown-right-content {
padding: 45px 50px;
height: 100%;
position: relative;
z-index: 1;
}
.products-dropdown-content {
padding: 50px 60px;
min-height: 450px;
height: auto;
overflow: visible;
background: var(--e-global-color-white, #ffffff);
}
.products-dropdown-main-wrapper {
display: flex;
gap: 60px;
align-items: flex-start;
min-height: 450px;
}
.products-dropdown-main-content {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
}
.product-category-featured-image {
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 12px;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
margin-bottom: 28px;
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid rgba(0, 0, 0, 0.05);
}
.product-category-featured-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(65, 203, 90, 0.05) 0%, transparent 100%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
.product-category-featured-image:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(65, 203, 90, 0.15);
border-color: rgba(65, 203, 90, 0.2);
}
.product-category-featured-image:hover::after {
opacity: 1;
}
.product-category-featured-image img {
width: auto;
height: 100%;
object-fit: contain;
margin: 0 auto;
display: block;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1 !important;
}
.product-category-featured-image:hover img {
transform: scale(1.05);
}
.product-category-placeholder-large {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 50%, #cbd5e0 100%);
color: var(--e-global-color-text, #999999);
height: 100%;
position: relative;
overflow: hidden;
}
.product-category-placeholder-large::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(65, 203, 90, 0.1) 0%, transparent 70%);
animation: pulse 3s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
opacity: 0.3;
transform: scale(1);
}
50% {
opacity: 0.5;
transform: scale(1.1);
}
}
.product-category-placeholder-large i {
font-size: 72px;
opacity: 0.4;
position: relative;
z-index: 1;
color: var(--e-global-color-accent, #41cb5a);
}
.product-category-featured-info {
flex: 1;
}
.product-category-featured-title {
font-size: 26px;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary, #292929);
margin: 0 0 18px 0;
line-height: 1.4;
letter-spacing: -0.2px;
position: relative;
padding-bottom: 10px;
}
.product-category-featured-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 45px;
height: 2px;
background: var(--e-global-color-accent, #41cb5a);
border-radius: 1px;
}
.product-category-featured-desc {
font-size: 14px;
line-height: 1.7;
color: var(--e-global-color-text, #666666);
font-family: "DM Sans", sans-serif;
margin: 0 0 26px 0;
letter-spacing: 0.05px;
}
.product-category-explore-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 28px;
background: var(--e-global-color-accent, #41cb5a);
color: var(--e-global-color-white, #ffffff);
text-decoration: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
font-family: "DM Sans", sans-serif;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(65, 203, 90, 0.2);
position: relative;
overflow: hidden;
letter-spacing: 0.2px;
border: none;
}
.product-category-explore-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s ease;
}
.product-category-explore-btn:hover::before {
left: 100%;
}
.product-category-explore-btn:hover {
background: var(--e-global-color-secondary, #292929);
color: var(--e-global-color-white, #ffffff);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.product-category-explore-btn:active {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.product-category-explore-btn i {
font-size: 13px;
margin-left: 8px;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 1;
}
.product-category-explore-btn:hover i {
transform: translateX(5px);
}
.products-dropdown-subcategories {
width: 100%;
padding: 0;
position: relative;
}
.subcategories-title {
font-size: 18px;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary, #292929);
margin: 0 0 24px 0;
letter-spacing: -0.2px;
position: relative;
padding-bottom: 10px;
}
.subcategories-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background: var(--e-global-color-accent, #41cb5a);
border-radius: 1px;
}
.subcategories-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.subcategories-list li {
margin: 0;
}
.subcategories-list a {
display: block;
padding: 11px 0;
color: var(--e-global-color-text, #666666);
text-decoration: none;
font-size: 14px;
font-weight: 500;
font-family: "DM Sans", sans-serif;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
background: transparent;
letter-spacing: 0.05px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.subcategories-list li:last-child a {
border-bottom: none;
}
.subcategories-list a:hover {
color: var(--e-global-color-accent, #41cb5a);
padding-left: 10px;
} .products-dropdown-products {
flex: 0 0 320px;
padding-left: 50px;
border-left: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
}
.products-dropdown-products::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: linear-gradient(180deg, transparent 0%, rgba(65, 203, 90, 0.2) 50%, transparent 100%);
}
.products-dropdown-products .subcategories-title {
font-size: 20px;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary, #292929);
margin: 0 0 25px 0;
letter-spacing: -0.3px;
position: relative;
padding-bottom: 12px;
}
.products-dropdown-products .subcategories-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
background: var(--e-global-color-accent, #41cb5a);
border-radius: 2px;
}
.products-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
column-gap: 25px;
}
.products-list li {
margin: 0;
}
.products-list {
list-style: none;
padding: 0;
margin: 0;  gap: 0;
}
.products-list li {
margin: 0;
}
.products-list a {
display: block;
padding: 12px 0;
color: var(--e-global-color-text, #666666);
text-decoration: none;
font-size: 15px;
font-weight: 500;
font-family: "DM Sans", sans-serif;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
background: transparent;
letter-spacing: 0.1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.products-list li:last-child a {
border-bottom: none;
} .product-btn-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px !important;
height: 48px !important;
padding: 12px 20px !important;
background: transparent;
color: #ffffff !important;
text-decoration: none !important;
font-size: 16px !important;
font-weight: 600 !important;
font-family: "DM Sans", sans-serif !important;
letter-spacing: 0.3px !important;
border-radius: 10px !important; margin-bottom: 12px !important;
border: 2px solid transparent !important;
text-align: center !important;
box-shadow: 0 4px 12px rgb(174 181 174 / 25%), 0 2px 4px rgb(151 159 153 / 15%), inset 0 1px 0 rgb(137 135 135 / 20%) !important;
position: relative !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
} .product-btn-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, 
transparent 0%, 
rgba(255, 255, 255, 0.3) 50%, 
transparent 100%);
transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
} .product-btn-link::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(180deg, 
rgba(255, 255, 255, 0.15) 0%, 
transparent 100%);
border-radius: 10px 10px 0 0;
pointer-events: none;
z-index: 0;
} .product-btn-link > * {
position: relative;
z-index: 2;
}
.product-btn-link:hover::before {
left: 100%;
}
.product-btn-link:hover {
color: #000 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgb(174 181 174 / 35%), 0 2px 4px rgb(151 159 153 / 25%), inset 0 1px 0 rgb(137 135 135 / 30%) !important;
border-color: #35B04A !important;
}
.products-dropdown-subcategories .subcategories-list li,
.products-dropdown-products .products-list li {
margin-bottom: 12px;
list-style: none;
width: 100%;
}
.product-btn-link img{
display:inline-block !important; height: auto;
object-fit: cover;
}
.products-dropdown-subcategories .subcategories-list a.product-btn-link,
.products-dropdown-products .products-list a.product-btn-link {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 12px !important;
min-height: 13rem !important; } .products-dropdown-subcategories .subcategories-list,
.products-dropdown-products .products-list {    } .products-dropdown-right .products-dropdown-subcategories,
.products-dropdown-right .products-dropdown-products {
opacity: 1;
transition: opacity 0.4s ease;
width: 100%;
} .products-dropdown-right .products-dropdown-subcategories .subcategories-list,
.products-dropdown-right .products-dropdown-products .products-list {       } .products-dropdown-right .products-dropdown-subcategories .subcategories-list li,
.products-dropdown-right .products-dropdown-products .products-list li {
width: 33% !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
list-style: none !important;
float: left;
margin-right: 1% !important;
position: relative;
}
.products-dropdown-right .products-dropdown-subcategories .subcategories-list li:last-child,
.products-dropdown-right .products-dropdown-products .products-list li:last-child {
margin-bottom: 0 !important;
}
.product-category-item {
transition: all 0.3s ease;
}
.product-category-link {
display: block;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
border-radius: 8px;
overflow: hidden;
background: var(--e-global-color-very-light-gray-white, #f8f8f8);
height: 100%;
}
.product-category-link:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.product-category-item.active .product-category-link {
background: rgba(65, 203, 90, 0.1);
border: 2px solid var(--e-global-color-accent, #41cb5a);
}
.product-category-image {
position: relative;
width: 100%;
height: 150px;
overflow: hidden;
background: var(--e-global-color-very-light-gray-white, #f8f8f8);
}
.product-category-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s ease;
}
.product-category-link:hover .product-category-image img {
transform: scale(1.1);
}
.product-category-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(65, 203, 90, 0.9) 0%, rgba(46, 204, 113, 0.9) 100%);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
}
.product-category-link:hover .product-category-overlay {
opacity: 1;
}
.product-category-overlay i {
font-size: 24px;
color: var(--e-global-color-white, #ffffff);
transform: translateX(-10px);
transition: all 0.3s ease;
}
.product-category-link:hover .product-category-overlay i {
transform: translateX(0);
}
.product-category-placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--e-global-color-very-light-gray-white, #f8f8f8) 0%, var(--e-global-color-grayish-blue, #e4e4e4) 100%);
color: var(--e-global-color-text, #999999);
}
.product-category-placeholder i {
font-size: 48px;
opacity: 0.5;
transition: all 0.3s ease;
}
.product-category-link:hover .product-category-placeholder {
background: linear-gradient(135deg, rgba(65, 203, 90, 0.1) 0%, rgba(65, 203, 90, 0.05) 100%);
color: var(--e-global-color-accent, #41cb5a);
}
.product-category-link:hover .product-category-placeholder i {
opacity: 0.8;
transform: scale(1.1);
}
.product-category-info {
padding: 15px;
}
.product-category-name {
margin: 0 0 8px 0;
font-size: 16px;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: var(--e-global-color-secondary, #292929);
transition: all 0.3s ease;
}
.product-category-link:hover .product-category-name {
color: var(--e-global-color-accent, #41cb5a);
}
.product-category-desc {
margin: 0 0 8px 0;
font-size: 13px;
line-height: 1.5;
color: var(--e-global-color-text, #666666);
font-family: "DM Sans", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-category-count {
display: inline-block;
font-size: 12px;
color: var(--e-global-color-accent, #41cb5a);
font-weight: 600;
font-family: "DM Sans", sans-serif;
padding: 4px 10px;
background: rgba(65, 203, 90, 0.1);
border-radius: 12px;
}
.products-dropdown-footer {
padding-top: 20px;
border-top: 2px solid var(--e-global-color-very-light-gray, #e4e4e4);
text-align: center;
}
.view-all-products-btn {
display: inline-flex;
align-items: center;
padding: 12px 30px;
background: var(--e-global-color-accent, #41cb5a);
color: var(--e-global-color-white, #ffffff);
text-decoration: none;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
font-family: "DM Sans", sans-serif;
transition: all 0.3s ease;
box-shadow: 0 2px 10px rgba(65, 203, 90, 0.3);
}
.view-all-products-btn:hover {
background: var(--e-global-color-secondary, #292929);
color: var(--e-global-color-white, #ffffff);
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.view-all-products-btn i {
font-size: 12px;
transition: all 0.3s ease;
}
.view-all-products-btn:hover i {
transform: translateX(3px);
} .products-dropdown-menu * { }
.products-dropdown-fullwidth .container,
.products-dropdown-fullwidth .row,
.products-dropdown-fullwidth .col-lg-3,
.products-dropdown-fullwidth .col-lg-9 {
overflow: visible;
} body:not(.admin-bar) .products-dropdown-menu,
.admin-bar .products-dropdown-menu {
z-index: 10000 !important;
} .products-dropdown-menu {
pointer-events: auto;
} .header .container,
.header .navbar,
.navbar-nav {
overflow: visible;
} .products-dropdown-menu { }
.products-dropdown-fullwidth {
background: transparent;
} @media (max-width: 991.98px) { .products-dropdown-center {
min-height: auto;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
} .products-dropdown-left {
min-height: auto;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.products-dropdown-left .products-categories-list {
min-height: auto;
border-right: none;
border-bottom: none;
} .products-dropdown-right {
min-height: auto;
border-left: none;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.products-dropdown-content {
padding: 30px 25px;
min-height: auto;
}
.products-dropdown-main-wrapper {
flex-direction: column;
gap: 30px;
min-height: auto;
}
.products-dropdown-subcategories,
.products-dropdown-products {
flex: 1;
padding-left: 0;
border-left: none;
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding-top: 30px;
width: 100%;
}
.products-dropdown-subcategories::before,
.products-dropdown-products::before {
display: none;
}
.subcategories-title {
font-size: 16px;
margin-bottom: 20px;
}
.product-category-featured-image {
height: 220px;
}
.product-category-featured-title {
font-size: 26px;
}
.product-category-featured-desc {
font-size: 15px;
}
.subcategories-list,
.products-list {
grid-template-columns: repeat(2, 1fr);
gap: 6px;
column-gap: 15px;
} .product-btn-link {
min-height: 44px !important;
height: 44px !important;
font-size: 13px !important;
padding: 10px 18px !important;
margin-bottom: 10px !important;
border-radius: 10px !important;
}
.products-dropdown-right .products-dropdown-subcategories .subcategories-list li,
.products-dropdown-right .products-dropdown-products .products-list li {
margin-bottom: 10px !important;
}
.products-dropdown-menu {
left: 0;
right: 0;
position: static !important;
}
.products-dropdown-main-wrapper {
flex-direction: column;
gap: 30px;
}
.products-dropdown-content {
padding: 30px 20px;
}
.products-dropdown-subcategories,
.products-dropdown-products {
flex: 1;
padding-left: 0;
border-left: none;
border-top: 2px solid var(--e-global-color-very-light-gray, #e4e4e4);
padding-top: 30px;
width: 100%;
}
.subcategories-list,
.products-list {
grid-template-columns: repeat(2, 1fr);
}
.product-category-featured-image {
height: 200px;
}
}
@media (max-width: 767.98px) {
.products-dropdown-menu {
position: static;
margin-top: 0;
border-radius: 0;
box-shadow: none;
border-top: 1px solid var(--e-global-color-very-light-gray, #e4e4e4);
}
.products-dropdown-left,
.products-dropdown-right {
min-height: auto;
}
.products-categories-list {
padding: 15px 0;
}
.product-category-nav-item {
padding: 12px 20px;
font-size: 14px;
}
.products-dropdown-content {
padding: 20px 15px;
}
.products-dropdown-main-wrapper {
gap: 20px;
}
.product-category-featured-image {
height: 180px;
}
.product-category-featured-title {
font-size: 22px;
}
.product-category-featured-desc {
font-size: 14px;
}
.subcategories-list,
.products-list {
grid-template-columns: 1fr;
}
.products-dropdown-subcategories,
.products-dropdown-products {
flex: 1;
width: 100%;
}
} .technology-con {
padding: 100px 0;
background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
position: relative;
overflow: hidden;
contain: layout style paint;
will-change: scroll-position;
}
.technology_content {
margin-bottom: 60px;
}
.technology_content h6 {
color: var(--e-global-color-accent, #41cb5a);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
font-family: "DM Sans", sans-serif;
}
.technology_content h2 {
color: #ffffff;
font-size: 42px;
font-weight: 700;
line-height: 1.2;
font-family: "Lexend Deca", sans-serif;
margin-bottom: 0;
}
.technology-main-wrapper { }
.technology-content-area {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
border-radius: 20px;
padding: 50px 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
gap: 40px;
transform: translateZ(0);
will-change: transform;
contain: layout style paint;
}
.technology-content-area::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 30% 50%, rgba(65, 203, 90, 0.08) 0%, transparent 50%);
pointer-events: none;
transform: translateZ(0);
will-change: opacity;
} .technology-features-left,
.technology-features-right {
flex: 0 0 120px;
display: flex;
flex-direction: column;
gap: 15px;
} .technology-center {
flex: 1;
display: flex;
flex-direction: column;
gap: 35px;
min-width: 0;
max-width: 1500px;
margin: 0 auto;
}
.technology-screen-wrapper {
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
background: #000;
padding: 12px;
transform: translateZ(0);
will-change: transform;
}
.technology-screen {
position: relative;
width: 100%;
margin: 0;
border-radius: 8px;
overflow: hidden;
transform: translateZ(0);
}
.technology-screen-image {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
max-height: 800px;
object-fit: contain;
transform: translateZ(0) scale(1);
will-change: opacity, transform;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
.technology-description {
background: rgba(0, 0, 0, 0.5);
padding: 30px 40px;
border-radius: 12px;
border-left: 4px solid var(--e-global-color-accent, #41cb5a);
transform: translateZ(0);
will-change: contents;
}
.technology-description p {
color: #ffffff;
font-size: 19px;
line-height: 1.9;
margin: 0;
font-family: "DM Sans", sans-serif;
letter-spacing: 0.3px;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateZ(0) translateY(0);
will-change: opacity, transform;
}
.technology-feature-button {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 15px 18px;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
position: relative;
overflow: hidden;
user-select: none;
-webkit-user-select: none;
transform: translateZ(0);
will-change: background, border-color;
contain: layout style paint;
display: flex;
align-items: center;
gap: 15px;
}
.technology-feature-button:hover {
background: rgba(65, 203, 90, 0.15);
border-color: var(--e-global-color-accent, #41cb5a);
transform: translateZ(0) translateX(2px);
}
.technology-feature-button.active {
background: rgba(65, 203, 90, 0.25);
border-color: var(--e-global-color-accent, #41cb5a);
box-shadow: 0 0 10px rgba(65, 203, 90, 0.25);
}
.feature-button-icon {
width: 45px;
height: 45px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(65, 203, 90, 0.15);
border-radius: 10px;
transition: background 0.15s ease;
transform: translateZ(0);
will-change: background;
}
.feature-button-icon img {
width: 28px;
height: 28px;
object-fit: contain;
filter: brightness(0) invert(1);
transition: transform 0.15s ease;
transform: translateZ(0);
will-change: transform;
}
.technology-feature-button:hover .feature-button-icon {
background: rgba(65, 203, 90, 0.25);
}
.technology-feature-button:hover .feature-button-icon img {
transform: translateZ(0) scale(1.05);
}
.technology-feature-button.active .feature-button-icon {
background: rgba(65, 203, 90, 0.3);
}
.feature-button-content {
position: relative;
z-index: 1;
flex: 1;
min-width: 0;
}
.feature-button-content h4 {
color: #ffffff;
font-size: 15px;
font-weight: 600;
margin: 0;
font-family: "DM Sans", sans-serif;
line-height: 1.4;
transition: color 0.2s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.technology-feature-button:hover .feature-button-content h4,
.technology-feature-button.active .feature-button-content h4 {
color: var(--e-global-color-accent, #41cb5a);
}  @media (max-width: 1199.98px) {
.technology-content-area {
padding: 50px 40px;
}
.technology-right {
gap: 15px;
}
.technology-feature-button {
padding: 18px 20px;
}
}
@media (max-width: 1199.98px) {
.technology-content-area {
padding: 40px 30px;
gap: 25px;
}
.technology-features-left,
.technology-features-right {
flex: 0 0 110px;
}
.technology-center {
max-width: 1100px;
}
.technology-screen-image {
max-height: 700px;
}
}
@media (max-width: 991.98px) {
.technology-con {
padding: 80px 0;
}
.technology_content h2 {
font-size: 36px;
}
.technology-content-area {
padding: 40px 30px;
flex-direction: column;
gap: 30px;
}
.technology-features-left,
.technology-features-right {
flex: 1;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
}
.technology-feature-button {
flex: 1 1 calc(50% - 8px);
min-width: 200px;
} .technology-features-right .technology-feature-button:nth-child(n+5) {
display: none !important;
}
.technology-center {
max-width: 100%;
order: -1;
}
.technology-screen-wrapper {
padding: 10px;
}
.technology-description {
padding: 20px 25px;
}
.technology-screen-image {
max-height: 280px;
}
}
@media (max-width: 767.98px) {
.technology-con {
padding: 60px 0;
}
.technology_content {
margin-bottom: 40px;
}
.technology_content h2 {
font-size: 28px;
}
.technology-content-area {
padding: 30px 20px;
border-radius: 15px;
}
.technology-right {
flex-direction: column;
gap: 12px;
}
.technology-features-column {
width: 100%;
} .technology-features-right .technology-feature-button:nth-child(n+5) {
display: none !important;
}
.technology-feature-button {
padding: 15px 18px;
flex: 1 1 calc(50% - 8px);
min-width: 150px;
}
.feature-button-icon {
width: 45px;
height: 45px;
margin-bottom: 12px;
}
.feature-button-icon img {
width: 25px;
height: 25px;
}
.feature-button-content h4 {
font-size: 15px;
}
.feature-description {
font-size: 12px;
}
.technology-description {
padding: 18px 20px;
}
.technology-description p {
font-size: 14px;
line-height: 1.7;
}
.technology-screen-wrapper {
padding: 8px;
}
}
@media (max-width: 575.98px) {
.technology_content h2 {
font-size: 24px;
}
.technology-content-area {
padding: 25px 15px;
} .technology-features-right .technology-feature-button:nth-child(n+5) {
display: none !important;
}
.technology-feature-button {
padding: 12px 15px;
flex: 1 1 100%;
min-width: 100%;
}
.feature-button-content h4 {
font-size: 14px;
margin-bottom: 8px;
}
.feature-description {
font-size: 11px;
}
} .product-showcase-con .product-showcase-description {
margin-bottom: 0;
padding: 0;
}
.product-showcase-con .product-showcase-description p {
font-size: 20px;
line-height: 1.8;
color: var(--e-global-color-very-dark-black-blue, #1a1a1a);
margin: 80px 0 25px 0;
font-family: "DM Sans", sans-serif;
letter-spacing: 0.2px;
opacity: 0.85;
transition: opacity 0.3s ease-in-out;
}
.product-showcase-con .product-showcase-description p:hover {
opacity: 1;
} @media (max-width: 991.98px) {
.product-showcase-con .product-showcase-description {
margin-bottom: 0;
}
.product-showcase-con .product-showcase-description p {
font-size: 15px;
line-height: 1.7;
margin-bottom: 20px;
text-align: center;
}
.products-dropdown-left{
display: none !important;
}
.products-dropdown-center{
display: none !important;
}
.products-dropdown-right-content{
display: none !important;
}
.contact-dropdown .dropdown-menu{
display: none !important;
}
.nav-right-menu .contact-dropdown .dropdown-menu{
display: none !important;
}
#navbarSupportedContent .mobile-nav-left {
padding: 70px 20px 0px 20px !important;
}
}
.gt_float_switcher .gt-selected{
background: transparent !important;
}
@media (max-width: 767.98px) {
.product-showcase-con .product-showcase-description p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 18px;
}
}
#gt_float_wrapper .gt-current-lang{
display: flex !important;
} .header:not(.sticky-header) .gt_float_switcher-arrow,
.header:not(.sticky-header) .gt-lang-code,
.header:not(.sticky-header) .nturl,
.header:not(.sticky-header) .gt-current-lang,
.header:not(.sticky-header) .gt-selected,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt_float_switcher-arrow,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt-lang-code,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .nturl,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt-current-lang,
.header:not(.sticky-header) .nav-right-actions .gtranslate-wrapper .gt-selected {
color: #ffffff !important;
}
.gais{
display: block;
position: absolute;
bottom: 0rem;
color: #000;
z-index: 9999;
} .header.sticky-header .gt_float_switcher-arrow,
.header.sticky-header .gt-lang-code,
.header.sticky-header .nturl,
.header.sticky-header .gt-current-lang,
.header.sticky-header .gt-selected,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt_float_switcher-arrow,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt-lang-code,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .nturl,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt-current-lang,
.header.sticky-header .nav-right-actions .gtranslate-wrapper .gt-selected {
color: #333333 !important;
}@media screen and (min-width:1200px){ .energy_banner_outer .container {max-width: 1455px !important;margin: auto !important;} .electric_banner_outer .container {max-width: 1455px; margin: auto;} .universal_banner_outer .container {max-width: 1455px; margin: auto;} .sub_banner .header .container {max-width: 1455px !important;margin: auto !important;}
}
@media screen and (min-width: 1800px) and (max-width: 1899px){ .banner-con ul {left: -140px;} .universalbanner-con ul {left: -140px;}
}
@media screen and (min-width: 750px) and (max-width: 1980px){
.world{
width: 100%;
height: 900px; background-size: cover;
margin: 0 auto;
position: relative;
}
.worldcenter{
width: 100%;
max-width: 1600px;
height: 900px;
margin: 0 auto;
position: relative;
padding: 0 40px;
}
.worldcenter h2{
width: 100%;
font-size: 56px;
line-height: 1.3;
text-align: center;
color: #fff;
margin: 0;
font-family: "Lexend Deca", sans-serif;
font-weight: 800;
padding-top: 100px;
margin-bottom: 80px;
letter-spacing: -0.5px;
}
.worldcenter ul{
width: 650px;
height: auto;
position: absolute;
top: 280px;
left: 40px;
list-style: none;
padding: 0;
margin: 0;
}
.worldcenter ul li{
width: 650px;
height: auto;
margin-bottom: 0;
}
.worldcenter ul li h3{
font-size: 32px;
width: 100%;
text-align: left;
font-weight: 700;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
margin: 0 0 20px 0;
letter-spacing: -0.3px;
}
.worldtitle{
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.85;
text-align: left;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
padding-top: 10px;
margin: 0;
font-weight: 400;
}
.worldtitle2{
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.85;
text-align: left;
font-family: "Lexend Deca", sans-serif;
color: rgba(255, 255, 255, 0.95);
padding-top: 10px;
margin: 0;
font-weight: 400;
}
.worldcenter ul li:nth-of-type(2){
padding-top: 60px;
}
.world_place1{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 240px;
left: 680px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place2{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 500px;
left: 820px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place3{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 280px;
left: 1050px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place4{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
bottom: 220px;
left: 1120px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place5{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
top: 250px;
right: 220px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.world_place6{
font-size: 18px;
font-family: "Lexend Deca", sans-serif;
color: #fff;
position: absolute;
bottom: 200px;
right: 80px;
font-weight: 600;
letter-spacing: 0.3px;
white-space: nowrap;
margin: 0;
}
.quanbox1{
width: 180px;
height: 180px;
position: absolute;
top: 38%;
left: 41%;
}
@keyframes warn2 {
0% {
transform: scale(0.2);
opacity: 0.6;
}
25% {
transform: scale(0.4);
opacity: 0.45;
}
50% {
transform: scale(0.6);
opacity: 0.3;
}
75% {
transform: scale(0.8);
opacity: 0.15;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.quan {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: -26%;
animation: warn2 2s ease-out infinite;
}
.quan1 {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: 0;
animation: warn2 4s ease-out infinite;
}
.quan2 {
width: 180px;
height: 180px;
border: 2px solid #fff;
border-radius: 50%;
margin-left: -90px;
position: absolute;
left: 50%;
top: -26%;
animation: warn2 4s ease-out infinite;
}
.quanbox2{
width: 180px;
height: 180px;
position: absolute;
top: 59%;
left: 50%;
}
.quanbox3{
width: 180px;
height: 180px;
position: absolute;
top: 330px;
left: 61%;
}
.quanbox4{
width: 180px;
height: 180px;
position: absolute;
top: 54%;
left: 66%;
}
.quanbox5{
width: 180px;
height: 180px;
position: absolute;
top: 340px;
right: 150px;
}
.quanbox6{
width: 180px;
height: 180px;
position: absolute;
top: 60%;
right: 2%;
}
.four{
width: 2560px;
height: 352px;
margin: 0 auto;
background: #fff;
border-radius: 10px;
box-shadow: 0px 3px 3px #f3f3f3;
position: absolute;
bottom: -128px;
}
.four ul{
width: 2560px;
height: 352px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
}
.four ul li{
width: 512px;
height: 352px;
margin: 0 auto;
}
.four ul li h4{
font-size: 67px;
font-weight: 800;
color: #0089e4;
text-align: center;
width: 512px;
display: table;
margin: 0 auto;
padding-top: 122px;
font-family: "Lexend Deca", sans-serif;
}
.four ul li p{
width: 512px;
font-size: 29px;
color: #000;
text-align: center;
}
.four ul li:nth-of-type(2){
padding-top: 0 !important;
}
} @media screen and (min-width: 1200px) and (max-width: 1980px){
.world {
height: 900px;
}
.worldcenter {
max-width: 1600px;
height: 900px;
}
.worldcenter h2 {
font-size: 56px;
padding-top: 100px;
margin-bottom: 80px;
}
.worldcenter ul {
width: 650px;
top: 280px;
left: 40px;
}
.worldcenter ul li h3 {
font-size: 32px;
margin-bottom: 20px;
}
.worldtitle,
.worldtitle2 {
font-size: 18px;
line-height: 1.85;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.world {
height: 800px;
}
.worldcenter {
max-width: 1200px;
height: 800px;
padding: 0 30px;
}
.worldcenter h2 {
font-size: 48px;
padding-top: 80px;
margin-bottom: 60px;
}
.worldcenter ul {
width: 550px;
top: 250px;
left: 30px;
}
.worldcenter ul li h3 {
font-size: 28px;
margin-bottom: 18px;
}
.worldtitle,
.worldtitle2 {
font-size: 17px;
line-height: 1.8;
}
.world_place1 { left: 600px; top: 220px; }
.world_place2 { left: 720px; top: 460px; }
.world_place3 { left: 920px; top: 260px; }
.world_place4 { left: 980px; bottom: 200px; }
.world_place5 { right: 180px; top: 230px; }
.world_place6 { right: 60px; bottom: 180px; }
.quanbox1 { left: 560px; top: 300px; }
.quanbox2 { left: 680px; top: 520px; }
.quanbox3 { left: 860px; top: 310px; }
.quanbox4 { left: 930px; top: 440px; }
.quanbox5 { right: 130px; top: 310px; }
.quanbox6 { right: 10px; top: 530px; }
}
@media screen and (min-width: 750px) and (max-width: 991px){
.world {
height: 700px;
}
.worldcenter {
max-width: 100%;
height: 700px;
padding: 0 20px;
}
.worldcenter h2 {
font-size: 42px;
padding-top: 60px;
margin-bottom: 50px;
}
.worldcenter ul {
width: 100%;
max-width: 500px;
position: relative;
top: auto;
left: auto;
margin-top: 30px;
}
.worldcenter ul li {
width: 100%;
}
.worldcenter ul li h3 {
font-size: 26px;
margin-bottom: 15px;
}
.worldtitle,
.worldtitle2 {
font-size: 16px;
line-height: 1.75;
}
.worldcenter ul li:nth-of-type(2) {
padding-top: 40px;
}
.world_place1,
.world_place2,
.world_place3,
.world_place4,
.world_place5,
.world_place6 {
display: none;
}
.quanbox1,
.quanbox2,
.quanbox3,
.quanbox4,
.quanbox5,
.quanbox6 {
display: none;
}
}
@media screen and (min-width: 1700px) and (max-width: 1799px){ .banner-con ul {left: -95px;} .electricbanner-con ul {left: -80px;}
.electrictestimonial-con .image img{width: 245px;} .universalbanner-con ul {left: -95px;}
}
@media screen and (min-width: 1600px) and (max-width: 1699px){ .banner-con ul {left: -50px;}
.about-con .about-sideswitch img {width: 215px;}
.testimonial-con .testimonial-box {padding: 30px 20px;} .electricbanner-con ul {left: -40px;}
.electrictestimonial-con .image img{width: 230px;} .universalbanner-con ul {left: -50px;}
}
@media screen and (min-width: 1441px) and (max-width: 1599px){ .banner-con ul {display: none;}
.banner-con .banner_content .get_started {margin-bottom: 30px;}
.banner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.banner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.banner-con .banner_content ul li:first-child {margin-left: 0;}
.banner-con .banner_content ul li:last-child {margin-right: 0;}
.banner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.banner-con .banner_content ul li:hover{transform: translateY(-5px);} .universalbanner-con ul {display: none;}
.universalbanner-con .banner_content .get_started {margin-bottom: 30px;}
.universalbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.universalbanner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.universalbanner-con .banner_content ul li:first-child {margin-left: 0;}
.universalbanner-con .banner_content ul li:last-child {margin-right: 0;}
.universalbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.universalbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
}
@media screen and (min-width: 1500px) and (max-width: 1599px){ .banner-con {padding: 145px 0 200px;}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -85px;}
.about-con .about-sideswitch img {width: 180px;} .electricbanner-con ul {left: 10px;}
.electrictestimonial-con .image img{width: 200px;} .universalbanner-con {padding: 175px 0 165px;}
.universalbanner-con .banner_wrapper .banner3-image {left: -35px;}
.universalbanner-con .banner_wrapper .circle {right: -20px;}
}
@media screen and (min-width: 1441px) and (max-width: 1499px){ .banner-con  {padding: 130px 0 180px;}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -80px;}
.about-con .about-sideswitch img {display: none;} .electricbanner-con ul {left: 50px;}
.electrictestimonial-con .image img{width: 180px;} .universalbanner-con {padding: 175px 0 165px;}
.universalbanner-con .banner_wrapper .banner3-image {left: -50px;}
.universalbanner-con .banner_wrapper .circle {right: -5px;}
}
@media screen and (max-width: 1440px){
h1 {font-size: 58px; line-height: 64px;}
.header {padding: 22px 0;}
.navbar-nav .dropdown-menu {top: 45px;}
.navbar-nav li {margin: 0 12px;}
.navbar-nav li:last-child {margin-right: 16px;}
.header .last_list {padding-left: 24px;}
.header .last_list .search-box {font-size: 18px;}
.header .last_list .get_started {padding: 16px 20px; margin: 0 20px;}
.header .last_list span {margin-bottom: 8px;}
.header .last_list .number {font-size: 16px; line-height: 16px;}
.banner-con ul {display: none;}
.banner-con {padding: 100px 0 140px;}
.banner-con .banner_content h1 {font-size: 60px; line-height: 70px;}
.banner-con .banner_content .get_started {margin-bottom: 30px;}
.banner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.banner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.banner-con .banner_content ul li:first-child {margin-left: 0;}
.banner-con .banner_content ul li:last-child {margin-right: 0;}
.banner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.banner-con .banner_content ul li:hover{transform: translateY(-5px);}
.banner-con .banner_wrapper {top: -50px;}
.banner-con .owl-carousel .owl-dots {bottom: -70px;}
.about-con {padding: 100px 0;}
.about-con .about-sideswitch img {display: none;}
.about-con .about_wrapper .circle {left: -40px;}
.about-con .about_content h6 {margin-bottom: 18px;}
.service-con {padding: 100px 0 70px;}
.safety-con{padding: 100px 0;}
.safety-con .image {display: none;}
.feature-con {padding: 100px 0;}
.feature-con .feature-box {margin-bottom: 45px;}
.feature-con .box2 {left: -30px;}
.feature-con .box4 {right: -30px;}
.feature-con .feature_wrapper .feature-image {left: 0px !important; top: 0;}
.product-showcase-con {padding: 100px 0;}
.product-showcase-con .product-showcase_left {padding-right: 0; margin-bottom: 40px; gap: 25px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 20px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 14px 32px; font-size: 15px;}
.product-showcase-con .product-showcase_right {padding-left: 0;}
.product-showcase-con .product-names-row {gap: 12px; flex-wrap: nowrap; overflow-x: auto;}
.product-showcase-con .product-name-tab {padding: 16px 20px; flex-shrink: 0;}
.product-showcase-con .product-name-tab:hover,
.product-showcase-con .product-name-tab.active {transform: translateY(-2px);}
.product-showcase-con .product-name-tab h3 {font-size: 16px; line-height: 24px; white-space: nowrap;}
.product-showcase-con .product-models-container {gap: 12px;}
.product-showcase-con .product-model-tab {padding: 16px 20px; flex-shrink: 0;}
.product-showcase-con .product-model-tab:hover,
.product-showcase-con .product-model-tab.active {transform: translateY(-2px);}
.product-showcase-con .product-model-tab span {font-size: 16px; line-height: 24px; white-space: nowrap;}
.product-showcase-con .product-image-wrapper {min-height: 350px; padding: 0;}
.pricing-con {padding: 100px 0;}
.choose-con .choose_content {padding: 100px 0 100px 50px;}
.also-like-con {padding: 100px 0;}
.also-like-con .also-like-header {margin-bottom: 50px; gap: 25px;}
.also-like-con .also-like-title .title-small {font-size: 14px; line-height: 20px;}
.also-like-con .also-like-title .title-large {font-size: 30px; line-height: 38px;}
.also-like-con .also-like-tab-btn {padding: 10px 25px; font-size: 15px;}
.also-like-con .also-like-product-card {padding: 25px; margin-bottom: 25px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 22px; line-height: 30px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 250px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 100px 0 170px;}
.testimonial-con .testimonial_wrapper {top: 100px; width: 56%;}
.testimonial-con .testimonial-box {padding: 20px;}
.testimonial-con .testimonial-box p {font-size: 14px; line-height: 22px; margin-bottom: 30px; min-height: 135px;}
.testimonial-con .owl-carousel .owl-nav {bottom: -20px; left: -460px;}
.partners-con {padding: 100px 0;}
.partners-con .partners_content {margin-bottom: 50px;}
.partners-con .partners_content h6 {margin-bottom: 18px;}
.partners-con .partners_content h2 {margin-bottom: 18px;}
.partners-con .partners_content p {margin-bottom: 0;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 30px 0;}
.partners-con .partners-scroll-row {margin-bottom: 70px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 30px; animation-duration: 35s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 35s;}
.partners-con .partner-item {width: 140px; height: 50px;}
.partners-con .partner-logo {height: 50px; max-width: 140px;}
.faq-con {padding: 100px 0 182px;}
.footer-con .upper_portion {padding: 42px 50px 50px; margin-top: -80px;} .sub_banner .sub_banner_con {padding: 90px 0 155px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 20px;}
.sub_banner .sub_banner_con p {margin-bottom: 35px;}
.sub_banner .sub_banner_con .box {padding: 10px 25px 14px;} .aboutpage-con {padding: 100px 0 155px;}
.unique-con {padding: 100px 0;}
.unique-con .unique_content {padding: 45px 50px 0 0;}
.unique-con .unique_content h6 {margin-bottom: 15px;}
.unique-con .unique_content h2 {margin-bottom: 20px;}
.unique-con .unique_content .text {margin-bottom: 20px;}
.unique-con .unique-box {padding: 40px 25px 45px;}
.aboutsafety-con {padding: 100px 0;}
.aboutsafety-con .image img{width: 40px;}
.aboutsafety-con .safety_content .icon {margin-bottom: 40px;}
.team-con {padding: 100px 0;}
.abouttestimonial-con {padding: 100px 0 170px;} .contactinfo-con {padding: 100px 0;}
.map-con iframe {height: 520px;}
.contactform-con {padding: 90px 0 180px;} .solution-con {padding: 100px 0;}
.solution-con .image img{width: 70px;} .pricingteam-con{padding-bottom: 60px;}
.article-con {padding: 100px 0 180px;}
.article-con .article-box .content {padding: 22px 18px 30px;} .service_detail{padding: 100px 0;}
.servicedetail-con {padding-bottom: 150px;} .electricbanner-con {padding: 120px 0 260px;}
.electricbanner-con ul {left: 50px;}
.electricbanner-con .banner_content h1 {font-size: 60px; line-height: 74px;}
.electricbanner-con .banner_content .top-btn {bottom: -75px;}
.electricservice-con{padding: 60px 0 168px;}
.electrictestimonial-con {padding: 100px 0 160px;}
.electrictestimonial-con .image {display: none;}
.electrictestimonial-con .testimonial-box {margin-bottom: 35px;}
.electrictestimonial-con .carousel-indicators li {width: 55px; height: 55px; margin: 0 15px;} .universalbanner-con ul {display: none;}
.universalbanner-con .banner_content .get_started {margin-bottom: 30px;}
.universalbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.universalbanner-con .banner_content ul li {margin: 0 5px; display: inline-block;}
.universalbanner-con .banner_content ul li:first-child {margin-left: 0;}
.universalbanner-con .banner_content ul li:last-child {margin-right: 0;}
.universalbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.universalbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
.universalbanner-con {padding: 100px 0 90px;}
.universalbanner-con .banner_content h1 {font-size: 60px; line-height: 70px;}
.universalbanner-con .banner_wrapper .banner3-image {left: unset; right: 30px; top: -80px;}
.universalbanner-con .banner_wrapper .banner3-image img{width: 449px;}
.universalbanner-con .banner_wrapper .circle {width: 300px; height: 300px; line-height: 300px; right: 0;}
.universalservice-con {padding: 100px 0 70px;}
.universalabout-con {padding: 100px 0;}
.universalpricing-con{padding: 100px 0;}
.faq3-con{padding-bottom: 295px;} #button {right: 30px;}
}
@media screen and (max-width: 1199px){
h1 {font-size: 54px; line-height: 60px;}
h2 {font-size: 40px; line-height: 46px;}
h3 {font-size: 18px; line-height: 24px;}
.text-size-18 {font-size: 18px; line-height: 30px;}
.text-size-16 {font-size: 16px; line-height: 24px;}
.header {padding: 20px 0;}
.navbar-nav li {margin: 0 5px;}
.navbar-nav .nav-item a {font-size: 12px; line-height: 12px;}
.navbar-nav li:last-child {margin-right: 6px;}
.navbar-nav .dropdown-menu {min-width: 185px;}
.navbar-nav .drop-down-pages .nav-item a {font-size: 12px; line-height: 12px; padding: 8px 18px;}
.header .last_list {padding-left: 16px;}
.header .last_list .search-box {font-size: 16px;}
.header .last_list .get_started {padding: 14px; margin: 0 12px;}
.header .last_list .get_started i {font-size: 10px; margin-left: 8px;}
.header .last_list span {margin-bottom: 6px;}
.header .last_list .number {font-size: 14px; line-height: 14px;}
.banner-con {padding: 70px 0 130px;}
.banner-con .banner_content h6 {margin-bottom: 18px;}
.banner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 28px;}
.banner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.banner-con .banner_wrapper {top: -30px; right: 80px;}
.banner-con .banner_wrapper .icon {height: 80px; width: 80px; line-height: 80px;}
.banner-con .banner_wrapper .icon .video-icon {height: 64px; width: 64px; line-height: 60px; top: 7px;}
.about-con {padding: 80px 0;}
.about-con .about_wrapper .circle {left: -27px; top: 95px; width: 325px; height: 325px; line-height: 325px;}
.about-con .about_content h6 {margin-bottom: 14px;}
.about-con .about_content h2 {font-size: 38px; margin-bottom: 18px;}
.about-con .about_content p {margin-bottom: 25px;}
.about-con .accordion-card {margin-bottom: 20px;}
.about-con .accordion-card .btn-link::before {top: 14px; right: 20px;}
.about-con .accordian-inner .card-header a {padding: 14px 20px;}
.about-con .accordian-inner .card-body {padding: 15px 20px 0;}
.about-con .accordian-inner .card-body p{font-size: 14px; line-height: 22px;}
.service-con {padding: 80px 0 50px;}
.service-con .service_content h6 {margin-bottom: 14px;}
.service-con .service_content h2 {margin-bottom: 40px;}
.service-con .box {padding: 30px 25px;}
.service-con .service-box .icon {margin-bottom: 22px;}
.service-con .box h3 {margin-bottom: 10px; padding-right: 30px;}
.service-con .service-box p {margin-bottom: 12px; height: 96px;}
.safety-con{padding: 80px 0;}
.safety-con .safety_content{padding-right: 0;}
.safety-con .safety_content h6 {margin-bottom: 14px;}
.safety-con .safety_content h2 {margin-bottom: 18px;}
.safety-con .safety_content p {margin-bottom: 25px;}
.safety-con .safety_content .get_started {padding: 18px 26px;}
.safety-con .safety_wrapper {padding-top: 95px;}
.safety-con .safety_wrapper .value {margin-bottom: 8px;}
.safety-con .safety_wrapper .value span {font-size: 38px; line-height: 38px;}
.safety-con .safety_wrapper ul li {margin: 0 18px;}
.feature-con {padding: 80px 0;}
.feature-con .feature_content h6 {margin-bottom: 14px;}
.feature-con .feature_content h2 {margin-bottom: 50px;}
.feature-con .feature-box {margin-bottom: 35px;}
.feature-con .box2 {left: 0;}
.feature-con .box4 {right: 0;}
.feature-con .feature_wrapper .feature-image {left: 0; top: 0; position: relative;}
.feature-con .feature_wrapper .feature-image img{width: 650px; max-width: 100%;}
.feature-con .feature_wrapper .feature-image .feature-main-image {
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: opacity, transform;
backface-visibility: hidden;
transform: translateZ(0);
}
.feature-con .feature-box .feature-icon {margin-bottom: 18px; width: 70px; height: 70px; line-height: 68px;}
.feature-con .feature-box .feature-icon img{width: 30px;}
.feature-con .feature-box .icon1 img{width: 25px;}
.feature-con .feature-box h3 {font-size: 17px; margin-bottom: 8px;}
.feature-con .feature-box p {font-size: 15px; line-height: 24px;}
.pricing-con {padding: 80px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 14px;}
.pricing-con .pricing_content h2 {margin-bottom: 40px;}
.pricing-con .pricing-box {padding: 30px 20px 35px;}
.pricing-con .pricing-box .number {font-size: 42px; line-height: 42px;}
.pricing-con .pricing-box .value {padding-bottom: 22px; margin-bottom: 22px;}
.pricing-con .pricing-box .text {margin-bottom: 12px;}
.pricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.pricing-con .pricing-box .get_started {padding: 18px;}
.choose-con .choose_content {padding: 80px 0 80px 26px;}
.choose-con .choose_content h6 {margin-bottom: 14px;}
.choose-con .choose_content h2 {margin-bottom: 20px;}
.choose-con .choose_content p {margin-bottom: 30px;}
.choose-con .choose_content .choose-measure .text {margin-bottom: 12px;}
.choose-con .choose_content .choose-measure .progress {margin-bottom: 25px;}
.choose-con .choose_content .choose-measure .progress-tooltip {font-size: 11px; padding: 8px 14px;}
.choose-con .brochure-download-wrapper {margin-top: 30px;}
.choose-con .brochure-download-box {padding: 24px 28px;}
.choose-con .brochure-form-wrapper {flex-direction: column; align-items: stretch; gap: 18px;}
.choose-con .brochure-language-select {min-width: 100%;}
.choose-con .brochure-download-btn {width: 100%; justify-content: center; padding: 16px 38px;}
.also-like-con {padding: 80px 0;}
.also-like-con .also-like-header {margin-bottom: 40px; gap: 20px; flex-direction: column; align-items: flex-start;}
.also-like-con .also-like-title-wrapper {width: 100%;}
.also-like-con .also-like-tabs {width: 100%; justify-content: flex-start;}
.also-like-con .also-like-title .title-small {font-size: 13px; line-height: 18px;}
.also-like-con .also-like-title .title-large {font-size: 26px; line-height: 34px;}
.also-like-con .also-like-tab-btn {padding: 10px 20px; font-size: 14px; flex: 0 0 auto;}
.also-like-con .also-like-product-card {padding: 20px; margin-bottom: 20px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 20px; line-height: 28px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 200px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 80px 0 160px;}
.testimonial-con .testimonial_content h6 {margin-bottom: 14px;}
.testimonial-con .testimonial_content h2 {margin-bottom: 20px;}
.testimonial-con .testimonial_wrapper {top: 80px; width: 48%;}
.testimonial-con .testimonial-box .testimonial-starimage {margin-bottom: 10px;}
.testimonial-con .testimonial-box p {margin-bottom: 25px; min-height: 132px;}
.testimonial-con .owl-carousel .owl-nav {bottom: -10px; left: -470px;}
.partners-con {padding: 80px 0;}
.partners-con .partners_content {margin-bottom: 40px;}
.partners-con .partners_content h6 {margin-bottom: 16px;}
.partners-con .partners_content h2 {margin-bottom: 16px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 25px 0;}
.partners-con .partners-scroll-row {margin-bottom: 40px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 25px; animation-duration: 35s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 35s;}
.partners-con .partner-item {width: 120px; height: 45px;}
.partners-con .partner-logo {height: 45px; max-width: 120px;}
.faq-con {padding: 80px 0 148px;}
.faq-con .faq_content h6 {margin-bottom: 14px;}
.faq-con .faq_content h2 {margin-bottom: 40px;}
.faq-con .accordion-card {margin-bottom: 22px;}
.faq-con .accordian-inner .card-header a {padding: 15px 18px;}
.faq-con .accordion-card .btn-link::before {top: 15px; right: 18px;}
.faq-con .faq h4 {font-size: 15px; line-height: 20px;}
.faq-con .accordian-inner .card-body {padding: 0 18px 15px;}
.faq-con .accordian-inner .card-body p {font-size: 14px; line-height: 20px;}
.footer-con .upper_portion {padding: 40px 35px; margin-top: -68px;}
.footer-con .upper_portion h6 {margin-bottom: 12px;}
.footer-con .upper_portion h3 {font-size: 28px; line-height: 28px;}
.footer-con .upper_portion input {padding: 15px 12px; width: 300px; margin-right: 10px;}
.footer-con .upper_portion button {padding: 17px 30px;}
.footer-con .upper_portion button i {margin-left: 12px;}
.footer-con .middle_portion {padding: 70px 0;}
.footer-con .middle_portion .logo_content p {margin-bottom: 30px; padding-right: 0;}
.footer-con .middle_portion .logo_content i {font-size: 26px; top: 6px;}
.footer-con .middle_portion .logo_content a {font-size: 18px; line-height: 18px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 42px;}
.footer-con .middle_portion .timing {padding-left: 22px;}
.footer-con .middle_portion .timing li {margin-bottom: 18px;}
.footer-con .middle_portion .links {padding-left: 6px;}
.footer-con .middle_portion .links li {margin-bottom: 10px;}
.footer-con .middle_portion .contact {padding-left: 30px;}
.footer-con .middle_portion .icon i {font-size: 14px; width: 42px; height: 42px; line-height: 42px;}
.footer-con .middle_portion .icon li {margin: 0 3px;} .sub_banner .sub_banner_con {padding: 85px 0 140px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 15px;}
.sub_banner .sub_banner_con p {margin-bottom: 30px;}
.sub_banner .sub_banner_con .box {padding: 8px 20px 12px;}
.sub_banner .sub_banner_con .box .arrow {margin: 0 10px;} .aboutpage-con {padding: 80px 0 125px;}
.aboutpage-con .about_content {padding: 40px 0 0 0;}
.aboutpage-con .about_content h6 {margin-bottom: 14px;}
.aboutpage-con .about_content h2 {font-size: 38px; margin-bottom: 12px;}
.aboutpage-con .about_content .text {margin-bottom: 20px;}
.aboutpage-con .about_content ul {margin-bottom: 30px;}
.aboutpage-con .about_content ul li {margin-bottom: 10px;}
.aboutpage-con .about_content ul li p {padding-left: 25px;}
.aboutpage-con .about_content a {padding: 18px 26px;} 
.aboutpage-con .about_wrapper .about-rectangleimage {left: -20px; top: 30px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 60px;}
.aboutpage-con .about_wrapper .box {padding: 30px 15px 40px; right: 45px; bottom: -45px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 12px;}
.aboutpage-con .about_wrapper .box h3 {margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {margin-bottom: 15px;}
.unique-con {padding: 80px 0;}
.unique-con .unique_content {padding: 10px 0 0 0;}
.unique-con .unique_content h6 {margin-bottom: 10px;}
.unique-con .unique_content h2 {margin-bottom: 15px;}
.unique-con .unique_content ul li {margin-bottom: 10px;}
.unique-con .unique_content ul li p {padding-left: 25px;}
.unique-con .unique-box {padding: 30px 20px 30px;}
.unique-con .unique-box .number {font-size: 36px; line-height: 36px;}
.unique-con .unique-box .plus {font-size: 20px; line-height: 20px; top: -12px;}
.unique-con .unique-downcontent {margin-top: -5px;}
.unique-con .box {padding-top: 35px;}
.aboutsafety-con {padding: 80px 0;}
.aboutsafety-con .image {display: none;}
.aboutsafety-con .safety_content .icon {height: 100px; width: 100px; line-height: 100px; margin-bottom: 30px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 80px; width: 80px; line-height: 78px; top: 9px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 15px;}
.aboutsafety-con .safety_content p {padding: 0;}
.team-con {padding: 80px 0;}
.team-con .team_content h6 {margin-bottom: 14px;}
.team-con .team_content h2 {margin-bottom: 40px;}
.team-con .team-box {padding: 15px 15px 30px;}
.team-con .team-box figure {margin-bottom: 20px;}
.team-con .team-box span {margin-bottom: 12px;}
.team-con .team-box i {font-size: 12px;}
.abouttestimonial-con {padding: 80px 0 135px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 14px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 40px;}
.abouttestimonial-con .testimonial-box {padding: 30px;}
.abouttestimonial-con .testimonial-box p {margin-bottom: 8px;}
.abouttestimonial-con .testimonial-box ul {margin-bottom: 6px;}
.abouttestimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 35px !important;} .contactinfo-con {padding: 80px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 14px;}
.contactinfo-con .contact_content h2 {margin-bottom: 40px;}
.contactinfo-con .contact-box {padding: 25px 20px;}
.contactinfo-con .contact-box h4 {margin-bottom: 10px;}
.contactinfo-con .contact-box .box-content {padding-left: 6px;}
.contactform-con {padding: 70px 0 150px;}
.contactform-con .contactform_content h6 {margin-bottom: 14px;}
.contactform-con .contactform_content h2 {margin-bottom: 40px;}
.contactform-con form input,
.contactform-con form textarea {padding: 15px 20px;}
.contactform-con form textarea {height: 130px;}
.contactform-con form .message {margin-bottom: 40px;}
.contactform-con form .submit {min-width: 162px; height: 52px; padding: 18px;}
.contactform-con form .submit i {margin-left: 16px;} .solution-con {padding: 80px 0;}
.solution-con .image {display: none;}
.solution-con .solution_content h6 {margin-bottom: 14px;}
.solution-con .solution_content h2 {margin-bottom: 35px;}
.solution-con .solution_content .get_started {padding: 18px 26px;} .pricingteam-con{padding-bottom: 50px;}
.pricingteam-con .team-box {margin-bottom: 30px;}
.article-con {padding: 80px 0 145px;}
.article-con .article_content h6 {margin-bottom: 14px;}
.article-con .article_content h2 {margin-bottom: 40px;}
.article-con .article-box .content {padding: 20px 18px 25px;}
.article-con .article-box h3 {margin-bottom: 20px;} .service_detail {padding: 80px 0;}
.service_detail .main-box .image {margin-bottom: 20px;}
.service_detail .main-box .text1 {margin-bottom: 8px;}
.service_detail .main-box .text2 {margin-bottom: 14px;}
.service_detail .main-box .list {margin-bottom: 14px;}
.service_detail .main-box .list li {margin-bottom: 5px; padding-left: 24px; line-height: 24px;}
.service_detail .main-box .list li i {height: 15px; width: 15px; line-height: 15px; top: 5px; font-size: 8px;}
.servicedetail-con {padding-bottom: 120px;} .electricbanner-con {padding: 80px 0 200px;}
.electricbanner-con ul {display: none;}
.electric_banner_outer::before {bottom: -25px;}
.electric_banner_outer::after {border-left: solid 527px rgb(248,248,248);}
.electricbanner-con .banner_content h1 {font-size: 54px; line-height: 60px; margin-bottom: 18px;}
.electricbanner-con .banner_content p {margin-bottom: 30px; padding: 0 60px;}
.electricbanner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.electricbanner-con .banner_content ul {display: block; position: relative; left: 0; top: 0;}
.electricbanner-con ul li {margin: 0 5px; display: inline-block;}
.electricbanner-con .banner_content ul li:first-child {margin-left: 0;}
.electricbanner-con .banner_content ul li:last-child {margin-right: 0;}
.electricbanner-con .banner_content ul li i {font-size: 15px; width: 42px; height: 42px; line-height: 42px; background-color: var(--e-global-color-very-dark-black-blue);}
.electricbanner-con .banner_content ul li:hover{transform: translateY(-5px);}
.electricbanner-con .banner_content br{display: none;}
.electricbanner-con .banner_content .top-btn {bottom: -55px;}
.electricbanner-con .banner_content .top-btn img {width: 34px;}
.electricservice-con{padding: 40px 0 133px;}
.electricservice-con .service_content h6 {margin-bottom: 14px;}
.electricservice-con .service_content h2 {margin-bottom: 40px;}
.electricservice-con .lower_portion_wrapper {padding: 65px 30px 30px;}
.electricservice-con .lower_portion_wrapper h3 {margin-bottom: 8px;}
.electricservice-con .lower_portion_wrapper p {margin-bottom: 15px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 35px !important;}
.electrictestimonial-con {padding: 80px 0 130px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 30px;}
.electrictestimonial-con .testimonial-box h4 {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 20px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 15px; line-height: 15px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 24px; line-height: 34px; padding: 0;}
.electrictestimonial-con .carousel-indicators li {width: 50px; height: 50px; margin: 0 12px;}
.electrictestimonial-con .carousel-indicators .active figure img {transform: scale(1.3);}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -65px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {font-size: 18px; line-height: 18px; margin-bottom: 4px;} .universalbanner-con {padding: 70px 0 100px;}
.universalbanner-con .banner_content h6 {margin-bottom: 18px;}
.universalbanner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 28px;}
.universalbanner-con .banner_content .get_started {padding: 18px 26px; margin-bottom: 25px;}
.universalbanner-con .banner_wrapper .banner3-image {top: -55px;}
.universalbanner-con .banner_wrapper .circle {width: 250px; height: 250px; line-height: 250px; right: 0;}
.universalservice-con {padding: 80px 0 50px;}
.universalservice-con .service_content h6 {margin-bottom: 14px;}
.universalservice-con .service_content h2 {margin-bottom: 40px;}
.universalservice-con .service-box {padding: 30px;}
.universalservice-con .service-box .icon {width: 100%; top: 0; margin-bottom: 18px !important;}
.universalservice-con .service-box .icon img {height: 48px;}
.universalservice-con .service-box .content {width: 100%; padding-left: 0;}
.universalservice-con .service-box h4 {margin-bottom: 10px; padding-right: 30px;}
.universalabout-con {padding: 80px 0;}
.universalabout-con .about_content {padding: 0;}
.universalabout-con .about_content h6 {margin-bottom: 14px;}
.universalabout-con .about_content h2 {margin-bottom: 12px;}
.universalabout-con .about_content .text {margin-bottom: 20px;}
.universalabout-con .about_content ul {margin-bottom: 30px;}
.universalabout-con .about_content ul li {margin-bottom: 10px;}
.universalabout-con .about_content ul li p {padding-left: 25px;}
.universalabout-con .about_content .box {padding: 30px;}
.universalabout-con .about_content .box h3 {font-size: 22px; line-height: 34px; padding-left: 80px;}
.universalabout-con .about_wrapper .about-image1 img{width: 408px;}
.universalabout-con .about_wrapper .video-image {top: 258px; left: 0;}
.universalabout-con .about_wrapper .about-image2 img{width: 275px;}
.universalabout-con .about_wrapper .icon {height: 80px; width: 80px; line-height: 80px;}
.universalabout-con .about_wrapper .icon .video-icon {height: 64px; width: 64px; line-height: 60px; top: 7px;}
.universalpricing-con{padding: 80px 0;}
.universalpricing-con .pricing_content {padding: 0;}
.universalpricing-con .pricing_content h6 {margin-bottom: 14px;}
.universalpricing-con .pricing_content h2 {margin-bottom: 20px;}
.universalpricing-con .pricing_content .text1 {padding-right: 5px;}
.universalpricing-con .pricing-box {padding: 30px 20px 35px;}
.universalpricing-con .pricing-box .number {font-size: 42px; line-height: 42px;}
.universalpricing-con .pricing-box .value {padding-bottom: 22px; margin-bottom: 22px;}
.universalpricing-con .pricing-box .text {margin-bottom: 12px;}
.universalpricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.universalpricing-con .pricing-box .get_started {padding: 18px;}
.universalpricing-con .owl-carousel .owl-nav {left: -308px;}
.faq3-con{padding-bottom: 240px;}
.footer-con .universal_upper_portion {padding: 60px 50px; margin-top: -160px;}
.footer-con .universal_upper_portion h6 {margin-bottom: 14px;}
.footer-con .universal_upper_portion h3 {font-size: 36px; line-height: 44px; margin-bottom: 30px;}
.footer-con .universal_upper_portion .image-wrapper img{width: 150px;} .error_page .error_content h1 {font-size: 130px; line-height: 130px; margin-bottom: 18px;}
.error_page .error_content .text {font-size: 42px; line-height: 46px; margin-bottom: 18px;}
.error_page .error_content .back_home {font-size: 18px; line-height: 18px; padding: 16px 30px 18px;}  .comingsoon_outer .sub_banner_content h1 {font-size: 74px; line-height: 80px; margin-bottom: 26px;}
.comingsoon_outer .sub_banner_content input {width: 500px;} #button {width: 60px; height: 60px; bottom: 55px;}
}
@media screen and (max-width: 991px) {
h1 {font-size: 50px; line-height: 56px;}
h2 {font-size: 36px; line-height: 42px;}
.text-size-18 {font-size: 18px; line-height: 26px;}
.get_started {font-size: 14px; line-height: 14px;}
.navbar-toggler {margin-left: auto; border: none !important; padding: 0; width: 30px; height: 22px;}
.navbar-light .navbar-toggler-icon {background: var(--e-global-color-white); height: 2px; margin: 7px 0 0 0; width: 100%; float: right;}
.navbar-toggler.collapsed span:nth-child(1) {transform: rotate(0deg);}
.navbar-toggler span.navbar-toggler-icon:first-child {margin-top: 0;}
.navbar-toggler span:nth-child(1) {transform: rotate(45deg); transform-origin: 0% 80%;}
.navbar-toggler span.navbar-toggler-icon {transition: all 0.15s}
.navbar-toggler.collapsed span:nth-child(2) {opacity: 1;}
.navbar-toggler span:nth-child(2) {opacity: 0;}
.navbar-toggler.collapsed span:nth-child(3) {transform: rotate(0deg);}
.navbar-toggler span:nth-child(3) {transform: rotate(-45deg); transform-origin: 15% 100%;}
.collapse:not(.show) {display: none;}
button:focus {outline: none;}
.navbar-collapse {background: var(--e-global-color-white); position: absolute; right: 0px; width: 100%; top: 50px; border-radius: 0; z-index: 16; padding: 0; box-shadow: 0px 0px 100px rgb(0 0 0 / 25%);}
.navbar-collapse .drop-down-pages {margin-left: 0;}
.navbar-collapse ul{align-items: unset; text-align: unset; margin-left: 0;}
.navbar li {margin: 0; border-bottom: 1px solid var(--e-global-color-white);}
.navbar-nav li:last-child {margin: 0; border: none;}
.navbar-nav .nav-item a {font-size: 14px; line-height: 14px; padding: 10px 20px 11px !important; color: var(--e-global-color-primary) !important;}
.navbar-nav .nav-item a:hover {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent);}
.navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent);}
.dropdown-item.active,
.dropdown-item:active {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar-nav .drop-down-pages .nav-item a {font-size: 14px; line-height: 14px; padding: 10px 32px !important; color: var(--e-global-color-primary) !important; white-space: break-spaces; position: relative;}
.navbar-nav .drop-down-pages .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-accent) !important;}
.navbar-nav .drop-down-pages .active > a:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .nav-item .dropdown-item:hover {background-color: var(--e-global-color-accent) !important;}
.navbar-nav .dropdown-menu {position: static; border: none; margin-top: 2px; background-color: var(--e-global-color-white); box-shadow: none; min-width: 100%;}
.navbar-nav .drop-down-pages a {padding: 0 !important;}
.navbar-nav .drop-down-pages li:first-child a::before {display: none;}
.navbar-nav .drop-down-pages li:first-child a:hover::before {display: none;}
.navbar-nav .drop-down-pages .active:first-child > a::before{display: none;} .navbar-nav .contact-dropdown .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
position: static !important;
background-color: var(--e-global-color-white) !important; }
.navbar-nav .contact-dropdown .dropdown-item {
color: var(--e-global-color-primary) !important; background-color: transparent !important; padding: 10px 20px !important;
}
.navbar-nav .contact-dropdown .dropdown-item:hover {
color: var(--e-global-color-accent) !important; background-color: transparent !important; }
.navbar-nav .contact-dropdown .dropdown-item:first-child::before {
display: none;
}
.header .last_list {display: none;}
.energy_banner_outer::before {display: none;}
.energy_banner_outer::after {width: 100%; opacity: 30%;}
.banner-video-background {width: 100%; opacity: 0.30 !important;}
.banner-con {padding: 40px 0 100px;}
.banner-con .banner_content h1 {font-size: 44px; line-height: 54px; margin-bottom: 20px;}
.banner-con .banner_content .get_started {padding: 16px 20px;}
.banner-con .banner_content ul li i {background-color: var(--e-global-color-very-dark-grayish-blue);}
.banner-con .banner_wrapper {top: -40px; right: 0;}
.banner-con .owl-carousel .owl-dots {bottom: -45px;}
.about-con {padding: 60px 0;}
.about-con .about_wrapper {text-align: center; margin-bottom: 30px;}
.about-con .about_wrapper .about-image img{width: 400px;}
.about-con .about_wrapper .circle {left: 80px; top: 115px; width: 240px; height: 240px; line-height: 240px;}
.about-con .about_content {text-align: center;}
.about-con .about_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.about-con .about_content h2 {font-size: 36px; margin-bottom: 15px;}
.about-con .about_content p {margin-bottom: 20px;}
.service-con {padding: 60px 0 30px;}
.service-con .service_content h6 {margin-bottom: 12px;}
.service-con .service_content h2 {margin-bottom: 35px;}
.service-con .box {text-align: center;}
.service-con .service-box .icon {margin-bottom: 20px;}
.service-con .box h3 {margin-bottom: 8px; padding: 0 20px;}
.service-con .service-box p {margin-bottom: 10px; height: auto;}
.safety-con{padding: 60px 0;}
.safety-con .safety_content {text-align: center; margin-bottom: 30px; padding: 0 25px;}
.safety-con .safety_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.safety-con .safety_content h2 {margin-bottom: 15px;}
.safety-con .safety_content p {margin-bottom: 20px;}
.safety-con .safety_content .get_started {padding: 16px 20px;}
.safety-con .safety_wrapper {text-align: center; padding-top: 0;}
.safety-con .safety_wrapper .value span {font-size: 32px; line-height: 32px;}
.safety-con .safety_wrapper ul li {margin: 0 25px;}
.feature-con {padding: 60px 0;}
.feature-con .feature_content h6 {margin-bottom: 12px;}
.feature-con .feature_content h2 {margin-bottom: 28px;}
.feature-con .feature_wrapper {text-align: center;}
.feature-con .feature_wrapper .feature-image {position: relative; left: 0; top: 0;}
.feature-con .feature_wrapper .feature-image img{width: 75%;}
.feature-con .feature_wrapper .feature-image .feature-main-image {
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
will-change: opacity, transform;
backface-visibility: hidden;
transform: translateZ(0);
}
.feature-con .feature_box_outer {margin-top: -30px;}
.feature-con .feature-box {margin-bottom: 30px;}
.product-showcase-con {padding: 60px 0;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 12px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 28px;}
.product-showcase-con .product-showcase_left {padding-right: 0; margin-bottom: 30px; gap: 20px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 18px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 14px 28px; font-size: 15px;}
.product-showcase-con .product-showcase_right {padding-left: 0;}
.product-showcase-con .product-names-row {gap: 10px; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 14px 18px; transform: translateY(0) !important; flex-shrink: 0;}
.product-showcase-con .product-name-tab:hover,
.product-showcase-con .product-name-tab.active {transform: translateY(-2px) !important; box-shadow: 0 3px 15px rgba(65, 203, 90, 0.15);}
.product-showcase-con .product-name-tab h3 {font-size: 16px; line-height: 22px; white-space: nowrap;}
.product-showcase-con .product-models-container {gap: 10px; justify-content: flex-start; flex-wrap: wrap;}
.product-showcase-con .product-model-tab {padding: 14px 18px; transform: translateY(0) !important; flex-shrink: 0;}
.product-showcase-con .product-model-tab:hover,
.product-showcase-con .product-model-tab.active {transform: translateY(-2px) !important; box-shadow: 0 3px 15px rgba(65, 203, 90, 0.15);}
.product-showcase-con .product-model-tab span {font-size: 15px; line-height: 22px; white-space: nowrap;}
.product-showcase-con .product-image-wrapper {min-height: 300px; padding: 0;}
.world-map-con {  }
.world {height: auto; min-height: 500px; background:url(//www.tktevgo.com/wp-content/themes/ev-charging-pro/assets/images/111.png) no-repeat center;}
.worldcenter {width: 100%; height: auto; min-height: 500px; padding: 0 20px;}
.worldcenter h2 {font-size: 42px;line-height: 1.3;padding-top: 95px;margin-bottom: 40px;letter-spacing: -0.3px;}
.worldcenter ul {width: 100%;position: relative;top: auto;left: auto;margin-top: 30px;padding-bottom: 5rem;}
.worldcenter ul li {width: 100%;}
.worldcenter ul li h3 {font-size: 28px; width: 100%; margin-bottom: 18px; font-weight: 700; letter-spacing: -0.2px;}
.worldtitle,
.worldtitle2 {width: 100%; font-size: 18px; line-height: 1.85; font-weight: 400;}
.worldcenter ul li:nth-of-type(2) {padding-top: 50px;}
.world_place1,
.world_place2,
.world_place3,
.world_place4,
.world_place5,
.world_place6 {display: none;}
.quanbox1,
.quanbox2,
.quanbox3,
.quanbox4,
.quanbox5,
.quanbox6 {display: none;}
.world-header {margin-bottom: 30px;}
.world-company-name {font-size: 24px;}
.world-main-title {font-size: 30px;}
.world-tab-buttons {gap: 10px; margin-bottom: 20px;}
.world-tab-btn {padding: 10px 20px; font-size: 14px;}
.world-content-left {padding-right: 0; margin-bottom: 25px;}
.world-description {font-size: 15px; margin-bottom: 20px;}
.world-continents-list li {font-size: 15px; line-height: 1.8;}
.world-graphic-wrapper {min-height: 300px; margin-top: 20px;}
.factory-stat-box {padding: 30px 20px; margin-bottom: 20px;}
.factory-icon {width: 60px; height: 60px; margin-bottom: 18px;}
.factory-icon i {font-size: 28px;}
.factory-number {font-size: 32px; margin-bottom: 8px;}
.factory-label {font-size: 14px;} .feature-con .feature-box.feature-item-clickable {
padding: 12px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.98);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.08);
box-shadow: 0 3px 10px rgba(65, 203, 90, 0.15);
}
.feature-con .feature-box .feature-icon {margin-bottom: 14px; width: 65px; height: 65px; line-height: 63px;}
.feature-con .feature-box .feature-icon img{width: 28px;}
.feature-con .feature-box .icon1 img{width: 22px;}
.feature-con .feature-box h3 {font-size: 18px; margin-bottom: 8px;}
.feature-con .feature-box p {font-size: 16px; line-height: 24px; margin: 0;}
.pricing-con {padding: 60px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 12px;}
.pricing-con .pricing_content h2 {margin-bottom: 35px;}
.pricing-con .pricing-box {padding: 20px 10px 25px;}
.pricing-con .pricing-box h3 {font-size: 18px; line-height: 24px;}
.pricing-con .pricing-box .text {font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.pricing-con .pricing-box .dollar {font-size: 16px; line-height: 16px;}
.pricing-con .pricing-box .number {font-size: 36px; line-height: 36px;}
.pricing-con .pricing-box .value {padding-bottom: 16px; margin-bottom: 16px;}
.pricing-con .pricing-box ul {margin-bottom: 20px;}
.pricing-con .pricing-box ul li {margin-bottom: 2px;}
.pricing-con .pricing-box ul li i {font-size: 12px; top: 4px;}
.pricing-con .pricing-box ul li p {font-size: 12px; line-height: 20px; padding-left: 18px;}
.pricing-con .pricing-box .get_started {font-size: 14px; line-height: 14px; padding: 14px;}
.choose-con {background-color: var(--e-global-color-very-dark-grayish-blue); padding-top: 60px;}
.choose-con::before{display: none;}
.choose-con::after{display: none;}
.choose-con .choose_wrapper{display: block;}
.choose-con .choose-image {position: relative; text-align: center;}
.choose-con .choose-image img {width: 75%;}
.choose-con .choose_content {padding: 60px 0; text-align: center;}
.choose-con .choose_content h6 {width: 213px;margin: 0 auto 12px;text-align: left;}
.choose-con .choose_content h2 {margin-bottom: 15px;}
.choose-con .choose_content p {margin-bottom: 20px;}
.choose-con .choose_content .progress_list{width: 650px; margin: 0 auto; text-align: left;}
.choose-con .choose_content .choose-measure .text {margin-bottom: 10px;}
.choose-con .choose_content .choose-measure .progress {margin-bottom: 20px;}
.also-like-con {padding: 60px 0;}
.also-like-con .also-like-header {margin-bottom: 35px; gap: 15px;}
.also-like-con .also-like-title .title-small {font-size: 12px; line-height: 16px;}
.also-like-con .also-like-title .title-large {font-size: 22px; line-height: 30px;}
.also-like-con .also-like-tab-btn {padding: 8px 18px; font-size: 14px;}
.also-like-con .also-like-product-card {padding: 18px; margin-bottom: 18px;}
.also-like-con .also-like-product-card .product-name-display {margin-bottom: 15px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 18px; line-height: 26px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 180px; margin-bottom: 20px;}
.also-like-con .also-like-product-card .view-more-btn {padding: 10px 25px; font-size: 14px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 60px 40px;}
.testimonial-con .testimonial_outer_content {width: 100%; text-align: center;}
.testimonial-con .testimonial_content h6 {width: 166px; margin: 0 auto 12px; text-align: left;}
.testimonial-con .testimonial_content h2 {margin-bottom: 15px;}
.testimonial-con .testimonial_content p {margin-bottom: 30px !important;}
.testimonial-con .testimonial_wrapper {top: 0; width: 688px; margin: 0 auto; position: relative;}
.testimonial-con .testimonial-box {padding: 30px;}
.testimonial-con .testimonial-box p {font-size: 15px; line-height: 24px; margin-bottom: 20px; min-height: 150px;}
.testimonial-con .owl-carousel .owl-nav {margin-top: 25px !important; position: relative; bottom: 0; left: 0;}
.testimonial-con .owl-carousel .owl-prev span,
.testimonial-con .owl-carousel .owl-next span {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.faq-con {padding: 60px 0 120px;}
.faq-con .faq_content h6 {margin-bottom: 12px;}
.faq-con .faq_content h2 {margin-bottom: 35px;}
.faq-con .accordion-card {margin-bottom: 20px !important;}
.faq-con .accordian-inner .card-header a {padding: 14px 20px;}
.faq-con .accordion-card .btn-link::before {right: 20px;}
.faq-con .faq h4 {font-size: 18px; line-height: 22px;}
.faq-con .accordian-inner .card-body {padding: 0 20px 14px;}
.faq-con .accordian-inner .card-body p {font-size: 15px; line-height: 20px;}
.footer-con .upper_portion {padding: 35px; margin-top: -80px; display: block; text-align: center;}
.footer-con .upper_portion h6 {width: 155px; text-align: left; margin: 0 auto 10px;}
.footer-con .upper_portion h3{font-size: 26px; line-height: 26px; margin-bottom: 20px !important;}
.footer-con .upper_portion input {padding: 12px; width: 470px;}
.footer-con .upper_portion button {font-size: 14px; line-height: 14px; padding: 15px 20px;}
.footer-con .middle_portion {padding: 55px 0;}
.footer-con .middle_portion .logo_content {padding: 0; margin-bottom: 20px;}
.footer-con .middle_portion .logo_content .footer-logo {margin-bottom: 16px;}
.footer-con .middle_portion .logo_content p {margin-bottom: 20px;}
.footer-con .middle_portion .logo_content i {font-size: 22px; top: 10px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 36px;}
.footer-con .middle_portion h4 {margin-bottom: 16px;}
.footer-con .middle_portion .timing {padding-left: 0;}
.footer-con .middle_portion .timing li {margin-bottom: 14px;}
.footer-con .middle_portion .timing p {margin-bottom: 3px;}
.footer-con .middle_portion .links {padding-left: 25px;}
.footer-con .middle_portion .links li {margin-bottom: 6px;}
.footer-con .middle_portion .contact {padding-left: 25px; margin-bottom: 20px;}
.footer-con .middle_portion .contact ul {margin-bottom: 15px;} .world-map-con {padding: 0 !important;}
.world-header {margin-bottom: 40px;}
.world-company-name {font-size: 28px;}
.world-main-title {font-size: 36px;}
.world-tab-buttons {flex-wrap: wrap; gap: 12px; margin-bottom: 25px;}
.world-tab-btn {padding: 10px 24px; font-size: 15px;}
.world-content-left {padding-right: 0; margin-bottom: 30px;}
.world-graphic-wrapper {min-height: 350px; margin-top: 20px;}
.factory-stat-box {padding: 35px 25px; margin-bottom: 25px;}
.factory-icon {width: 70px; height: 70px; margin-bottom: 20px;}
.factory-icon i {font-size: 32px;}
.factory-number {font-size: 36px; margin-bottom: 10px;}
.factory-label {font-size: 15px;}
.footer-con .middle_portion .contact li {margin-bottom: 8px;}
.footer-con .middle_portion .contact p {margin-bottom: 4px;}
.footer-con .middle_portion .icon li {margin: 0 2px;}
.footer-con .middle_portion .icon i {font-size: 13px; width: 38px; height: 38px; line-height: 38px;}
.footer-con .copyright {padding: 12px 0;} .sub_banner .sub_banner_con {padding: 40px 0 75px;}
.sub_banner .sub_banner_con h1 {margin-bottom: 10px;}
.sub_banner .sub_banner_con p {margin-bottom: 25px;}
.sub_banner .sub_banner_con .box {padding: 7px 18px 9px;}
.sub_banner .sub_banner_con .box .arrow {margin: 0 8px;} .aboutpage-con {padding: 60px 0;}
.aboutpage-con .about_content {text-align: center; padding: 0 65px;}
.aboutpage-con .about_content h6 {width: 166px; margin: 0 auto 10px; text-align: left;}
.aboutpage-con .about_content h2 {font-size: 36px; margin-bottom: 12px;}
.aboutpage-con .about_content .text {margin-bottom: 14px;}
.aboutpage-con .about_content ul {width: 470px; margin: 0 auto 25px; text-align: left;}
.aboutpage-con .about_content ul li {margin-bottom: 8px;}
.aboutpage-con .about_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.aboutpage-con .about_content ul li p {padding-left: 26px;}
.aboutpage-con .about_content a {padding: 16px 20px;} 
.aboutpage-con .about_wrapper {text-align: center; margin-bottom: 80px;}
.aboutpage-con .about_wrapper .about-image img{width: 450px;}
.aboutpage-con .about_wrapper .about-rectangleimage {left: 100px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 55px;}
.aboutpage-con .about_wrapper .box {padding: 30px 15px 40px; right: 160px; bottom: -50px; width: 230px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 10px;}
.aboutpage-con .about_wrapper .box .icon img {width: 45px !important;}
.aboutpage-con .about_wrapper .box h3 {margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {margin-bottom: 15px;}
.unique-con {padding: 60px 0 30px;}
.unique-con .unique_content {padding: 0 65px; margin-bottom: 30px; text-align: center;}
.unique-con .unique_content h6 {width: 166px; text-align: left; margin: 0 auto 10px;}
.unique-con .unique_content h2 {margin-bottom: 12px;}
.unique-con .unique_content .text {margin-bottom: 14px;}
.unique-con .unique_content ul {width: 335px; margin: 0 auto; text-align: left;}
.unique-con .unique_content ul li {margin-bottom: 8px;}
.unique-con .unique_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.unique-con .unique_content ul li p {padding-left: 26px;}
.unique-con .unique-box {padding: 30px; margin-bottom: 30px;}
.unique-con .unique-box .number {font-size: 32px; line-height: 32px;}
.unique-con .unique-box .plus {font-size: 18px; line-height: 18px; top: -10px;}
.unique-con .unique-downcontent {margin-top: 0;}
.unique-con .box {padding-top: 0;}
.aboutsafety-con {padding: 60px 0;}
.aboutsafety-con .safety_content .icon {height: 90px; width: 90px; line-height: 90px; margin-bottom: 25px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 70px; width: 70px; line-height: 68px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 12px;}
.team-con {padding: 60px 0 30px;}
.team-con .team_content h6 {margin-bottom: 12px;}
.team-con .team_content h2 {margin-bottom: 35px;}
.team-con .team-box {padding: 15px 15px 25px; margin-bottom: 30px;}
.team-con .team-box figure img {width: 70%;}
.team-con .team-box:hover figure img {transform: none;}
.abouttestimonial-con {padding: 60px 0 110px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 12px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 35px;}
.abouttestimonial-con .testimonial-box {padding: 25px;}
.abouttestimonial-con .testimonial-box .testimonial-personimage {width: 100%; float: none;}
.abouttestimonial-con .testimonial-box .testimonial-personimage img {width: 75px !important; margin-bottom: 10px;}
.abouttestimonial-con .testimonial-box .content {width: 100%; padding-left: 0;}
.abouttestimonial-con .testimonial-box p {margin-bottom: 6px;}
.abouttestimonial-con .testimonial-box ul {margin-bottom: 4px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 28px !important;} .contactinfo-con {padding: 60px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 12px;}
.contactinfo-con .contact_content h2 {margin-bottom: 35px;}
.contactinfo-con .contact-box {text-align: center; padding: 20px;}
.contactinfo-con .contact-box .icon {width: 100%; float: none; margin-bottom: 10px !important;}
.contactinfo-con .contact-box h4 {font-size: 16px; line-height: 22px; margin-bottom: 8px;}
.contactinfo-con .contact-box .box-content {width: 100%; padding-left: 0;}
.contactinfo-con .contact-box p,
.contactinfo-con .contact-box .box-content a {font-size: 14px; line-height: 24px;}
.map-con iframe {height: 350px;}
.contactform-con {padding: 50px 0 140px;}
.contactform-con .contactform_content h6 {margin-bottom: 12px;}
.contactform-con .contactform_content h2 {margin-bottom: 35px;}
.contactform-con form .form-group {margin-bottom: 15px;}
.contactform-con form input,
.contactform-con form textarea {font-size: 14px; line-height: 20px; padding: 12px;}
.contactform-con form textarea {height: 100px;}
.contactform-con form .submit {min-width: 145px; height: 48px; padding: 15px;} .solution-con {padding: 60px 0;}
.solution-con .solution_content h6 {margin-bottom: 12px;}
.solution-con .solution_content h2 {margin-bottom: 30px;}
.solution-con .solution_content .get_started {padding: 16px 20px;} .pricingteam-con{padding-bottom: 30px;}
.article-con {padding: 60px 0 140px;}
.article-con .article_content h6 {margin-bottom: 12px;}
.article-con .article_content h2 {margin-bottom: 35px;}
.article-con .article-box {margin-bottom: 30px;} .service_detail {padding: 60px 0;}
.service_detail .main-box .image {margin-bottom: 15px; text-align: center;}
.service_detail .main-box h3{font-size: 22px; line-height: 30px; margin-bottom: 5px;}
.service_detail .main-box .list li {margin-bottom: 3px;}
.servicedetail-con {padding-bottom: 110px;} .electricbanner-con {padding: 30px 0 90px;}
.electric_banner_outer::before {display: none;}
.electric_banner_outer::after {display: none;}
.electricbanner-con .banner_content h1 {font-size: 48px; line-height: 56px; margin-bottom: 14px;}
.electricbanner-con .banner_content p {margin-bottom: 25px; padding: 0 35px;}
.electricbanner-con .banner_content .get_started {padding: 16px 20px;}
.electricbanner-con .banner_content .top-btn {bottom: -40px;}
.electricbanner-con .banner_content .top-btn img {width: 30px;}
.electricservice-con{padding: 60px 0 105px;}
.electricservice-con .service_content h6 {margin-bottom: 12px;}
.electricservice-con .service_content h2 {margin-bottom: 35px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 28px !important;}
.electrictestimonial-con {padding: 55px 0 100px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 18px;}
.electrictestimonial-con .testimonial-box h4 {font-size: 16px; line-height: 22px; margin-bottom: 8px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 15px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 13px; line-height: 13px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 20px; line-height: 30px;}
.electrictestimonial-con .carousel-indicators li {width: 42px; height: 42px; margin: 0 8px;}
.electrictestimonial-con .carousel-indicators .active figure img {transform: scale(1.2);}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -55px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {margin-bottom: 2px;} .universal_header .navbar-nav .nav-item a:hover {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-very-dark-grayish-blue);}
.universal_header .navbar-nav .active > a {color: var(--e-global-color-white) !important; background-color: var(--e-global-color-very-dark-grayish-blue);} .universalbanner-con {padding: 40px 0 50px;}  .universalbanner-con .banner_content h6 {margin-bottom: 10px;} .universalbanner-con .banner_content h1 {font-size: 40px; line-height: 48px; margin-bottom: 20px;}
.universalbanner-con .banner_content .get_started {padding: 16px 20px;}
.universalbanner-con .banner_wrapper {text-align: center;}
.universalbanner-con .banner_wrapper .banner3-image {position: relative; top: 0; right: 0;} .universalbanner-con .banner_wrapper .banner3-image img {width: 290px;} .universalbanner-con .banner_wrapper .circle {width: 200px; height: 200px; line-height: 200px; right: -15px; top: 25%;}
.universalservice-con {padding: 60px 0 30px;}
.universalservice-con .service_content {text-align: center;}
.universalservice-con .service_content h6 {width: 135px; margin: 0 auto 12px; text-align: left;}
.universalservice-con .service_content h2 {margin: 0 auto 35px;}
.universalservice-con .service-box {text-align: center; padding: 20px 10px;}
.universalservice-con .service-box .icon {margin-bottom: 16px !important;}
.universalservice-con .service-box .icon img {height: 45px;}
.universalservice-con .service-box h4 {margin-bottom: 8px; padding: 0;}
.universalabout-con {padding: 60px 0;}
.universalabout-con .about_content {text-align: center; padding: 0 65px;}
.universalabout-con .about_content h6 {width: 166px; margin: 0 auto 10px; text-align: left;}
.universalabout-con .about_content h2 {margin-bottom: 12px;}
.universalabout-con .about_content .text {margin-bottom: 14px;}
.universalabout-con .about_content ul {width: 470px; margin: 0 auto 25px; text-align: left;}
.universalabout-con .about_content ul li {margin-bottom: 8px;}
.universalabout-con .about_content ul li i {font-size: 8px; height: 15px; width: 15px; line-height: 16px; top: 3px;}
.universalabout-con .about_content ul li p {padding-left: 26px;}
.universalabout-con .about_content .box {text-align: left;}
.universalabout-con .about_wrapper {text-align: center; margin-bottom: 35px;}
.universalabout-con .about_wrapper .about-image1 {position: relative;}
.universalabout-con .about_wrapper .about-image1 img{width: 380px;}
.universalabout-con .about_wrapper .video-image {top: 240px; left: 110px;}
.universalabout-con .about_wrapper .about-image2 img{width: 255px;}
.universalpricing-con{padding: 60px 0;}
.universalpricing-con .pricing_content {text-align: center; padding: 0 65px; margin-bottom: 30px;}
.universalpricing-con .pricing_content h6 {width: 135px; margin: 0 auto 8px; text-align: left;}
.universalpricing-con .pricing_content h2 {margin-bottom: 10px;}
.universalpricing-con .pricing_content .text1 {padding: 0;}
.universalpricing-con .pricing-box {padding: 20px 30px 30px;}
.universalpricing-con .pricing-box h3 {font-size: 18px; line-height: 24px;}
.universalpricing-con .pricing-box .text {font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.universalpricing-con .pricing-box .dollar {font-size: 16px; line-height: 16px;}
.universalpricing-con .pricing-box .number {font-size: 36px; line-height: 36px;}
.universalpricing-con .pricing-box .value {padding-bottom: 16px; margin-bottom: 16px;}
.universalpricing-con .pricing-box ul {margin-bottom: 20px;}
.universalpricing-con .pricing-box ul li {margin-bottom: 2px;}
.universalpricing-con .pricing-box ul li i {font-size: 12px; top: 4px;}
.universalpricing-con .pricing-box ul li p {font-size: 12px; line-height: 20px; padding-left: 18px;}
.universalpricing-con .pricing-box .get_started {font-size: 14px; line-height: 14px; padding: 14px;}
.universalpricing-con .owl-carousel .owl-nav {margin-top: 25px !important; position: relative; bottom: 0; left: 0;}
.universalpricing-con .owl-carousel .owl-prev span,
.universalpricing-con .owl-carousel .owl-next span {font-size: 15px; width: 42px; height: 42px; line-height: 42px;}
.faq3-con{padding-bottom: 165px;}
.footer-con .universal_upper_portion {padding: 50px 30px; margin-top: -125px;}
.footer-con .universal_upper_portion h6 {margin-bottom: 8px;}
.footer-con .universal_upper_portion h3 {font-size: 26px; line-height: 32px; margin-bottom: 20px;}
.footer-con .universal_upper_portion .image-wrapper img {width: 120px;}
.footer-con .universal_upper_portion .footer_wrapper img {width: 190px;}
.footer-con .universal_upper_portion .footer-phone1 {left: 0;}
.footer-con .universal_upper_portion .footer-phone2 {right: 0;} .error_page .error_content h1 {font-size: 112px; line-height: 116px; margin-bottom: 14px;}
.error_page .error_content .text {font-size: 36px; line-height: 40px; margin-bottom: 14px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {padding: 14px 20px 16px;} .comingsoon_outer .logo_outer {margin-bottom: 55px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 70px; line-height: 76px; margin-bottom: 22px;}
.comingsoon_outer .sub_banner_content input {font-size: 16px; line-height: 16px; padding : 12px 20px 14px; width: 480px;}
.comingsoon_outer .sub_banner_content button {font-size: 16px; line-height: 16px; padding: 14px 24px 16px;} #button {width: 55px; height: 55px; bottom: 50px; right: 20px;}
#button::after {font-size: 18px; line-height: 18px;}
}
@media screen and (max-width: 767px){
h1 {font-size: 44px; line-height: 50px;}
h2 {font-size: 30px; line-height: 38px;}
h3 {font-size: 18px; line-height: 24px;}
.text-size-14 {font-size: 14px; line-height: 20px;}
.text-size-18 {font-size: 16px; line-height: 24px;}
.banner-con {padding: 20px 0 40px;}
.banner-con .row{align-items: inherit;}
.banner-con .banner_content {text-align: center; margin-bottom: 25px;}
.banner-con .banner_content h6 {width: 285px; margin: 0 auto 8px; text-align: left;}
.banner-con .banner_content h1 {font-size: 34px; line-height: 46px; margin-bottom: 15px;}
.banner-con .banner_content .get_started {padding: 14px 16px;}
.banner-con .banner_content ul li {margin: 0 3px;}
.banner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.banner-con .banner_wrapper {top: 0; right: 0; float: none; text-align: center;}
.banner-con .banner_wrapper .icon {height: 70px; width: 70px; line-height: 70px; left: 0; right: 0; margin: 0 auto 10px;}
.banner-con .banner_wrapper .icon .video-icon {height: 55px; width: 55px; line-height: 54px; top: 6px;}
.banner-con .owl-carousel .owl-dots {bottom: 0; position: relative; margin-top: 30px !important;}
.about-con {padding: 40px 0;}
.about-con .about_wrapper {display: inline-block;}
.about-con .about_wrapper .about-image img{width: 345px;}
.about-con .about_wrapper .circle {left: -35px; top: 75px;}
.about-con .about_content h2 {font-size: 30px;}
.service-con {padding: 40px 0 10px;}
.service-con .service_content h6 {margin-bottom: 10px;}
.service-con .service_content h2 {margin-bottom: 30px;}
.service-con .box {padding: 25px 15px;}
.service-con .service-box .icon img {width: 44px; height: 44px;}
.service-con .service-box .icon {margin-bottom: 16px;}
.service-con .box h3 {padding: 0;}
.service-con .service-box p {font-size: 14px; line-height: 22px; height: 88px;}
.safety-con{padding: 40px 0;}
.safety-con .safety_content {padding: 0;}
.safety-con .safety_content h6 {margin-bottom: 10px;}
.safety-con .safety_content h2 {margin-bottom: 12px;}
.safety-con .safety_content p {margin-bottom: 15px;}
.safety-con .safety_content .get_started {padding: 14px 16px;}
.safety-con .safety_wrapper .value {margin-bottom: 2px;}
.safety-con .safety_wrapper .value span {font-size: 28px; line-height: 28px;}
.safety-con .safety_wrapper .text {font-size: 14px; line-height: 14px;}
.safety-con .safety_wrapper ul li {margin: 0 20px;}
.feature-con {padding: 40px 0;}
.feature-con .feature_content h6 {margin-bottom: 10px;}
.feature-con .feature_content h2 {margin-bottom: 20px; padding: 0;}
.feature-con .feature-box {margin-bottom: 22px;}
.product-showcase-con {padding: 40px 0;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 10px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con .product-showcase_left {margin-bottom: 25px; gap: 18px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 15px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 12px 24px; font-size: 14px;}
.product-showcase-con .product-names-row {gap: 8px; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 12px 16px; -webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);}
.product-showcase-con .product-name-tab:active {transform: scale(0.98) !important;}
.product-showcase-con .product-name-tab h3 {font-size: 15px; line-height: 20px; white-space: normal;}
.product-showcase-con .product-models-container {gap: 8px; justify-content: flex-start;}
.product-showcase-con .product-model-tab {padding: 12px 16px; -webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);}
.product-showcase-con .product-model-tab:active {transform: scale(0.98) !important;}
.product-showcase-con .product-model-tab span {font-size: 14px; line-height: 20px; white-space: normal;}
.product-showcase-con .product-image-wrapper {min-height: 250px; padding: 0;} .feature-con .feature-box.feature-item-clickable {
padding: 10px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.97);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.06);
box-shadow: 0 2px 8px rgba(65, 203, 90, 0.12);
}
.feature-con .feature-box .feature-icon {margin-bottom: 12px; width: 60px; height: 60px; line-height: 58px;}
.feature-con .feature-box .feature-icon img{width: 25px;}
.feature-con .feature-box .icon1 img{width: 20px;}
.pricing-con {padding: 40px 0;}
.pricing-con .pricing_content h6 {margin-bottom: 10px;}
.pricing-con .pricing_content h2 {margin-bottom: 30px;}
.pricing-con .pricing-box {padding: 25px 40px 30px; margin-bottom: 20px;}
.pricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.choose-con {padding-top: 40px;}
.choose-con .choose-image img {width: 100%;}
.choose-con .choose_content {padding: 40px 0;}
.choose-con .choose_content h6 {margin-bottom: 10px;}
.choose-con .choose_content h2 {margin-bottom: 10px;}
.choose-con .choose_content p {margin-bottom: 12px;}
.choose-con .choose_content .progress_list{width: 100%;}
.choose-con .choose_content .choose-measure .progress-tooltip {font-size: 10px; padding: 6px 12px; max-width: 200px; white-space: normal; text-align: center;}
.choose-con .brochure-download-wrapper {margin-top: 25px;}
.choose-con .brochure-download-box {padding: 20px 24px;}
.choose-con .brochure-form-wrapper {flex-direction: column; align-items: stretch; gap: 15px;}
.choose-con .brochure-language-select {min-width: 100%;}
.choose-con .brochure-download-btn {width: 100%; padding: 14px 32px; font-size: 15px;}
.also-like-con {padding: 40px 0;}
.also-like-con .also-like-header {margin-bottom: 30px; gap: 15px;}
.also-like-con .also-like-title .title-small {font-size: 11px; line-height: 15px;}
.also-like-con .also-like-title .title-large {font-size: 20px; line-height: 28px;}
.also-like-con .also-like-tab-btn {padding: 8px 16px; font-size: 13px;}
.also-like-con .also-like-product-card {padding: 15px; margin-bottom: 15px;}
.also-like-con .also-like-product-card .product-name-display {margin-bottom: 12px;}
.also-like-con .also-like-product-card .product-name-display h3 {font-size: 16px; line-height: 24px;}
.also-like-con .also-like-product-card .product-image-wrapper {min-height: 150px; margin-bottom: 15px;}
.also-like-con .also-like-product-card .view-more-btn {padding: 8px 20px; font-size: 13px;}
.also-like-con .enquiry-button-wrapper {display: none;}
.testimonial-con {padding: 40px 30px;}
.testimonial-con .testimonial_content h6 {margin-bottom: 10px;}
.testimonial-con .testimonial_content h2 {margin-bottom: 10px;}
.testimonial-con .testimonial_content p {margin-bottom: 25px !important;}
.testimonial-con .testimonial_wrapper {width: 510px;}
.testimonial-con .testimonial-box p {font-size: 14px; line-height: 22px; margin-bottom: 20px; min-height: auto;}
.testimonial-con .owl-carousel .owl-nav {margin-top: 20px !important;}
.testimonial-con .owl-carousel .owl-prev span,
.testimonial-con .owl-carousel .owl-next span {font-size: 14px; width: 36px; height: 36px; line-height: 36px;}
.partners-con {padding: 40px 0;}
.partners-con .partners_content {margin-bottom: 30px;}
.partners-con .partners_content h6 {margin-bottom: 12px;}
.partners-con .partners_content h2 {margin-bottom: 12px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 15px 0;}
.partners-con .partners-scroll-row {margin-bottom: 32px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 20px; animation-duration: 30s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 30s;}
.partners-con .partner-item {width: 100px; height: 40px;}
.partners-con .partner-logo {height: 40px; max-width: 100px;}
.faq-con {padding: 40px 0 100px;}
.faq-con .faq_content h6 {margin-bottom: 10px;}
.faq-con .faq_content h2 {margin-bottom: 30px;}
.faq-con .faq h4 {font-size: 16px; line-height: 20px;}
.faq-con .accordian-inner .card-body p {font-size: 14px; line-height: 20px;}
.footer-con .upper_portion {padding: 30px;}
.footer-con .upper_portion h3 {font-size: 24px; line-height: 24px;}
.footer-con .upper_portion input {width: 308px;}
.footer-con .upper_portion button {padding: 14px 18px;}
.footer-con .middle_portion {padding: 40px 0;}
.footer-con .middle_portion .logo_content p {margin-bottom: 15px;}
.footer-con .middle_portion .logo_content i {font-size: 20px;}
.footer-con .middle_portion .logo_content .phone_content {padding-left: 32px;}
.footer-con .middle_portion .logo_content a {font-size: 16px; line-height: 16px;}
.footer-con .middle_portion .timing li {margin-bottom: 12px;}
.footer-con .middle_portion .links li {margin-bottom: 4px;}
.footer-con .middle_portion .contact p {margin-bottom: 2px;}
.footer-con .middle_portion .contact li {margin-bottom: 5px;}
.footer-con .middle_portion .contact ul {margin-bottom: 12px;} .sub_banner .sub_banner_con {padding: 35px 0 70px;} .aboutpage-con {padding: 40px 0;}
.aboutpage-con .about_content {padding: 0 25px;}
.aboutpage-con .about_content h6 {margin-bottom: 8px;}
.aboutpage-con .about_content h2 {font-size: 30px; margin-bottom: 10px;}
.aboutpage-con .about_content ul {width: 450px; margin-bottom: 20px;}
.aboutpage-con .about_content ul li {margin-bottom: 6px;}
.aboutpage-con .about_content ul li p {padding-left: 26px;}
.aboutpage-con .about_content a {padding: 14px 16px;} 
.aboutpage-con .about_wrapper {display: inline-block; margin-bottom: 30px;}
.aboutpage-con .about_wrapper .about-image img{width: 345px;}
.aboutpage-con .about_wrapper .about-rectangleimage {left: -15px;}
.aboutpage-con .about_wrapper .about-rectangleimage img {width: 45px;}
.aboutpage-con .about_wrapper .box {position: relative; padding: 25px 15px 30px; right: 0; bottom: 0; width: 345px;}
.aboutpage-con .about_wrapper .box .icon {margin-bottom: 8px;}
.aboutpage-con .about_wrapper .box .icon img {width: 40px !important;}
.aboutpage-con .about_wrapper .box h3 {font-size: 16px; line-height: 22px; margin-bottom: 6px;}
.aboutpage-con .about_wrapper .box p {font-size: 14px; line-height: 20px;}
.unique-con {padding: 40px 0 10px;}
.unique-con .unique_content {padding: 0 25px;}
.unique-con .unique_content h6 {margin-bottom: 8px;}
.unique-con .unique_content h2 {margin-bottom: 10px;}
.unique-con .unique_content ul {width: 335px;}
.unique-con .unique_content ul li {margin-bottom: 6px;}
.unique-con .unique_content ul li p {padding-left: 26px;}
.unique-con .unique-box {padding: 25px; margin-bottom: 30px;}
.unique-con .unique-box .number {font-size: 30px; line-height: 30px;}
.unique-con .unique-box .plus {top: -8px;}
.unique-con .unique-box .text {font-size: 14px; line-height: 20px;}
.aboutsafety-con {padding: 40px 0;}
.aboutsafety-con .safety_content .icon {height: 80px; width: 80px; line-height: 80px; margin-bottom: 12px;}
.aboutsafety-con .safety_content .icon .video-icon {height: 60px; width: 60px; line-height: 58px;}
.aboutsafety-con .safety_content .icon .video-icon img {width: 10px;}
.aboutsafety-con .safety_content h2 {margin-bottom: 8px;}
.team-con {padding: 40px 0 10px;}
.team-con .team_content h6 {margin-bottom: 10px;}
.team-con .team_content h2 {margin-bottom: 30px;}
.team-con .team-box {padding: 15px 15px 20px; margin-bottom: 30px;}
.team-con .team-box figure {margin-bottom: 15px;}
.team-con .team-box figure img {width: 72%;}
.abouttestimonial-con {padding: 40px 0 80px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 10px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 30px;}
.abouttestimonial-con .testimonial-box {padding: 20px;}
.abouttestimonial-con .owl-carousel .owl-dots {margin-top: 25px !important;}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 3px;}
.abouttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {width: 13px; height: 13px;} .contactinfo-con {padding: 40px 0;}
.contactinfo-con .contact_content h6 {margin-bottom: 10px;}
.contactinfo-con .contact_content h2 {margin-bottom: 30px;}
.contactinfo-con .contact-box {margin-bottom: 30px;}
.contactform-con {padding: 30px 0 120px;}
.contactform-con .contactform_content h6 {margin-bottom: 10px;}
.contactform-con .contactform_content h2 {margin-bottom: 30px;} .solution-con {padding: 40px 0;}
.solution-con .solution_content h6 {margin-bottom: 10px;}
.solution-con .solution_content h2 {margin-bottom: 25px;}
.solution-con .solution_content .get_started {padding: 14px 16px;} .article-con {padding: 40px 0 120px;}
.article-con .article_content h6 {margin-bottom: 10px;}
.article-con .article_content h2 {margin-bottom: 30px;}
.article-con .article-box .content {padding: 18px 18px 20px;}
.article-con .article-box .icon {margin-bottom: 6px;}
.article-con .article-box .icon i {margin-right: 2px;}
.article-con .article-box .icon span {font-size: 12px;}
.article-con .article-box h3 {font-size: 16px; line-height: 22px; margin-bottom: 12px;} .service_detail {padding: 40px 0;}
.service_detail .main-box h3 {font-size: 20px; line-height: 28px;}
.service_detail .main-box .text1 {margin-bottom: 6px;}
.service_detail .main-box .text2 {margin-bottom: 10px;}
.service_detail .main-box .list {margin-bottom: 10px;}
.service_detail .main-box .list li {margin-bottom: 3px; padding-left: 22px;}
.servicedetail-con {padding-bottom: 90px;} .electricbanner-con {padding: 20px 0 80px;}
.electricbanner-con .banner_content h1 {font-size: 38px; line-height: 48px; margin-bottom: 12px;}
.electricbanner-con .banner_content p {margin-bottom: 20px; padding: 0 15px;}
.electricbanner-con .banner_content .get_started {padding: 14px 16px;}
.electricbanner-con ul li {margin: 0 3px;}
.electricbanner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.electricbanner-con .banner_content .top-btn {bottom: -30px;}
.electricbanner-con .banner_content .top-btn img {width: 28px;}
.electricservice-con{padding: 40px 0 133px;}
.electricservice-con .service_content h6 {margin-bottom: 10px;}
.electricservice-con .service_content h2 {margin-bottom: 30px;}
.electricservice-con .upper_portion .service-icon {height: 75px; width: 75px; line-height: 75px; bottom: -35px;}
.electricservice-con .upper_portion .service-icon img {width: 35px;}
.electricservice-con .lower_portion_wrapper {padding: 50px 15px 20px;}
.electricservice-con .lower_portion_wrapper h3 {margin-bottom: 6px;}
.electricservice-con .lower_portion_wrapper p {font-size: 14px; line-height: 20px; margin-bottom: 15px;}
.electricservice-con .owl-carousel .owl-dots {margin-top: 25px !important;}
.electricservice-con .owl-carousel .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 3px;}
.electricservice-con .owl-carousel .owl-dots .owl-dot.active span {width: 13px; height: 13px;}
.electrictestimonial-con {padding: 35px 0 72px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 15px;}
.electrictestimonial-con .testimonial-box h4 {font-size: 14px; line-height: 20px; margin-bottom: 2px;}
.electrictestimonial-con .testimonial-box ul {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 16px; line-height: 24px;}
.electrictestimonial-con .carousel-indicators li {width: 38px; height: 38px; margin: 0 6px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -50px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .person {font-size: 16px; line-height: 16px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper .review {font-size: 12px; line-height: 12px;} .universalbanner-con {padding: 30px 0 40px;}
.universalbanner-con .banner_content {text-align: center; margin-bottom: 25px;}
.universalbanner-con .banner_content h6 {width: 220px; margin: 0 auto 8px; text-align: left;} .universalbanner-con .banner_content h1 {font-size: 34px; line-height: 46px; margin-bottom: 15px;}
.universalbanner-con .banner_content .get_started {padding: 14px 16px;}
.universalbanner-con .banner_content ul li {margin: 0 3px;}
.universalbanner-con .banner_content ul li i {font-size: 14px; width: 38px; height: 38px; line-height: 38px;}
.universalbanner-con .banner_wrapper .banner3-image img {width: 250px;}
.universalbanner-con .banner_wrapper .circle {width: 180px; height: 180px; line-height: 180px; right: 90px; top: 24%;}
.universalservice-con {padding: 40px 0 10px;}
.universalservice-con .service_content h6 {margin-bottom: 10px;}
.universalservice-con .service_content h2 {margin-bottom: 30px;}
.universalservice-con .service-box .icon img {width: 44px; height: 44px;}
.universalservice-con .service-box h4 {padding: 0 10px;}
.universalabout-con {padding: 40px 0;}
.universalabout-con .about_content {padding: 0 25px;}
.universalabout-con .about_content h6 {margin-bottom: 8px;}
.universalabout-con .about_content h2 {margin-bottom: 10px;}
.universalabout-con .about_content ul {width: 450px; margin-bottom: 20px;}
.universalabout-con .about_content ul li {margin-bottom: 6px;}
.universalabout-con .about_content ul li p {padding-left: 26px;}
.universalabout-con .about_content .box h3 {font-size: 20px; line-height: 32px; padding-left: 72px;}
.universalabout-con .about_content .box .about-icon img{width: 45px;}
.universalabout-con .about_wrapper {display: inline-block; margin-bottom: 30px;}
.universalabout-con .about_wrapper .about-image1 img{width: 345px;}
.universalabout-con .about_wrapper .video-image {top: 246px; left: -40px;}
.universalabout-con .about_wrapper .about-image2 {border: 6px solid var(--e-global-color-very-light-gray-white);}
.universalabout-con .about_wrapper .about-image2 img {width: 200px;}
.universalabout-con .about_wrapper .icon {height: 70px; width: 70px; line-height: 70px;}
.universalabout-con .about_wrapper .icon .video-icon {height: 55px; width: 55px; line-height: 54px; top: 6px;}
.universalpricing-con{padding: 40px 0;}
.universalpricing-con .pricing_content {padding: 0 25px; margin-bottom: 25px;}
.universalpricing-con .pricing-box {padding: 20px 20px 30px;}
.universalpricing-con .pricing-box ul li p {font-size: 14px; line-height: 22px; padding-left: 20px;}
.universalpricing-con .owl-carousel .owl-nav {margin-top: 20px !important;}
.universalpricing-con .owl-carousel .owl-prev span,
.universalpricing-con .owl-carousel .owl-next span {font-size: 14px; width: 36px; height: 36px; line-height: 36px;}
.universalpricing-con .owl-carousel .owl-prev {left: -8px;}
.universalpricing-con .owl-carousel .owl-next {right: -8px;}
.faq3-con{padding-bottom: 145px;} .footer-con .universal_upper_portion {padding: 40px 26px 0;}
.footer-con .universal_upper_portion .footer_content {margin-bottom: 25px;} .footer-con .universal_upper_portion h6 {margin-bottom: 8px;}
.footer-con .universal_upper_portion h3 {font-size: 22px; line-height: 30px; margin-bottom: 18px;}
.footer-con .universal_upper_portion .image-wrapper img {width: 110px;}
.footer-con .universal_upper_portion .footer_wrapper {display: inline-block;}
.footer-con .universal_upper_portion .footer_wrapper img {width: 145px;} .footer-con .universal_upper_portion .footer-phone1 {position: relative; top: 0; left: 0;} .footer-con .universal_upper_portion .footer-phone2 {right: -72px; bottom: 0; top: unset;} .error_page .error_content h1 {font-size: 100px; line-height: 110px; margin-bottom: 10px;}
.error_page .error_content .text {font-size: 30px; line-height: 36px; margin-bottom: 12px;}
.error_page .error_content .text2 {font-size: 18px; line-height: 26px;}
.error_page .error_content .back_home {font-size: 16px; line-height: 16px; padding: 15px 15px 16px; min-width: 165px;}  .comingsoon_outer .sub_banner_content h1 {font-size: 56px; line-height: 66px; margin-bottom: 18px;}
.comingsoon_outer .sub_banner_content .social-icon i {font-size: 14px; height: 35px; width: 35px; line-height: 35px;} #button {width: 50px; height: 50px; right: 15px;}
}
@media screen and (max-width: 575px){
h1 {font-size: 38px; line-height: 44px;}
h2 {font-size: 26px; line-height: 34px;}
h4 {font-size: 16px; line-height: 22px;}
h5 {font-size: 14px; line-height: 20px;}
.text-size-16 {font-size: 14px; line-height: 22px;}
.banner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.banner-con .banner_content .get_started {margin-bottom: 20px;}
.banner-con .owl-carousel .owl-dots {margin-top: 22px !important;}
.about-con .about_wrapper .about-image img{width: 275px;}
.about-con .about_wrapper .circle {left: -30px; top: 55px; width: 200px; height: 200px; line-height: 200px;}
.about-con .about_content h6 {margin-bottom: 8px;}
.about-con .about_content h2 {font-size: 28px; margin-bottom: 10px;}
.about-con .accordion-card {margin-bottom: 15px;}
.about-con .accordion-card .btn-link::before {font-size: 12px; top: 12px; right: 16px;}
.about-con .accordian-inner .card-header a {padding: 12px 16px;}
.about-con .accordian-inner .card-body {padding: 12px 16px 0;}
.service-con {padding: 40px 0 25px;}
.service-con .service_content h6 {margin-bottom: 8px;}
.service-con .service_content h2 {margin-bottom: 25px; padding: 0;}
.service-con .box {width: 330px; margin: 0 auto 15px;}
.service-con .service-box .icon {margin-bottom: 15px;}
.service-con .service-box p {height: auto;}
.safety-con .safety_content {margin-bottom: 25px;}
.safety-con .safety_wrapper .value span {font-size: 24px; line-height: 24px;}
.safety-con .safety_wrapper .text {font-size: 12px; line-height: 12px;}
.safety-con .safety_wrapper ul li {margin: 0 10px;}
.feature-con {padding: 40px 0 20px;}
.feature-con .feature_content h6 {margin-bottom: 8px;}
.feature-con .feature_wrapper .feature-image img{width: 100%;}
.feature-con .feature_box_outer {margin-top: 0;}
.feature-con .feature-box {margin-bottom: 20px !important;}
.product-showcase-con {padding: 40px 0 20px;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 8px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con {padding: 40px 0 20px;}
.product-showcase-con .product-showcase_content h6 {margin-bottom: 8px;}
.product-showcase-con .product-showcase_content h2 {margin-bottom: 20px; padding: 0;}
.product-showcase-con .product-showcase_left {margin-bottom: 20px; gap: 15px;}
.product-showcase-con .product-showcase-button-wrapper {margin-top: 12px; text-align: center;}
.product-showcase-con .product-showcase-btn {padding: 10px 20px; font-size: 13px;}
.product-showcase-con .product-names-row {gap: 6px; justify-content: flex-start;}
.product-showcase-con .product-name-tab {padding: 10px 14px;}
.product-showcase-con .product-name-tab h3 {font-size: 14px; line-height: 18px; white-space: normal;}
.product-showcase-con .product-models-container {gap: 6px; justify-content: flex-start;}
.product-showcase-con .product-model-tab {padding: 10px 14px;}
.product-showcase-con .product-model-tab span {font-size: 13px; line-height: 18px; white-space: normal;}
.product-showcase-con .product-image-wrapper {min-height: 200px; padding: 0;}
.world-map-con {padding: 40px 0 30px; background-color: #2e2e2e;}
.world {min-height: 450px; background-color: #2e2e2e;}
.worldcenter {min-height: 450px; padding: 0 15px;}
.worldcenter h2 {font-size: 32px; line-height: 1.3; padding-top: 30px; margin-bottom: 30px; letter-spacing: -0.2px;}
.worldcenter ul {margin-top: 25px;}
.worldcenter ul li h3 {font-size: 24px; margin-bottom: 15px; font-weight: 700; letter-spacing: -0.2px;}
.worldtitle,
.worldtitle2 {font-size: 16px; line-height: 1.8; font-weight: 400;}
.worldcenter ul li:nth-of-type(2) {padding-top: 35px;}
.world-header {margin-bottom: 20px;}
.world-company-name {font-size: 20px;}
.world-main-title {font-size: 22px;}
.world-tab-buttons {gap: 8px; margin-bottom: 15px;}
.world-tab-btn {padding: 10px 16px; font-size: 13px;}
.world-content-left {padding-right: 0; margin-bottom: 15px;}
.world-description {font-size: 13px; margin-bottom: 15px;}
.world-continents-list li {font-size: 13px; line-height: 1.6;}
.world-graphic-wrapper {min-height: 200px; margin-top: 10px;}
.factory-stat-box {padding: 20px 12px; margin-bottom: 12px;}
.factory-icon {width: 50px; height: 50px; margin-bottom: 12px;}
.factory-icon i {font-size: 22px;}
.factory-number {font-size: 24px; margin-bottom: 5px;}
.factory-label {font-size: 12px;} .feature-con .feature-box.feature-item-clickable {
padding: 8px;
-webkit-tap-highlight-color: rgba(65, 203, 90, 0.2);
}
.feature-con .feature-box.feature-item-clickable:active {
transform: scale(0.96);
}
.feature-con .feature-box.feature-item-clickable.active {
background-color: rgba(65, 203, 90, 0.05);
box-shadow: 0 2px 6px rgba(65, 203, 90, 0.1);
}
.pricing-con .pricing_content h6 {margin-bottom: 8px;}
.pricing-con .pricing_content h2 {margin-bottom: 25px;}
.pricing-con .pricing-box{padding: 25px 25px 30px; width: 330px; margin: 0 auto 15px;}
.testimonial-con {padding: 40px 15px;}
.testimonial-con .testimonial_wrapper {width: 330px;}
.partners-con {padding: 40px 0;}
.partners-con .partners_content {margin-bottom: 25px;}
.partners-con .partners_content h6 {margin-bottom: 10px;}
.partners-con .partners_content h2 {margin-bottom: 10px;}
.partners-con .partners-scroll-wrapper {margin-top: 0; padding: 12px 0;}
.partners-con .partners-scroll-row {margin-bottom: 28px;}
.partners-con .partners-scroll-row:last-child {margin-bottom: 0;}
.partners-con .partners-scroll-track {gap: 15px; animation-duration: 25s;}
.partners-con .partners-scroll-track-reverse {animation-duration: 25s;}
.partners-con .partner-item {width: 80px; height: 35px;}
.partners-con .partner-logo {height: 35px; max-width: 80px;}
.faq-con {padding: 40px 0 105px;}
.faq-con .faq_content h6 {margin-bottom: 8px;}
.faq-con .faq_content h2 {margin-bottom: 25px;}
.faq-con .accordion-card {margin-bottom: 15px !important;}
.faq-con .accordian-inner .card-header a {padding: 12px 38px 12px 18px;}
.faq-con .accordion-card .btn-link::before {top: 26% !important; right: 18px;}
.faq-con .accordian-inner .card-body {padding: 0 18px 12px;}
.footer-con .upper_portion {padding: 20px;}
.footer-con .upper_portion h3 {font-size: 22px; line-height: 22px;}
.footer-con .upper_portion input {padding: 10px; width: 100%; margin: 0 0 10px 0;}
.footer-con .upper_portion button {padding: 13px 18px; width: 100%;}
.footer-con .middle_portion .logo_content {text-align: center; margin-bottom: 30px;}
.footer-con .middle_portion .logo_content .phone_wrapper{width: 225px; margin: 0 auto; text-align: left;}
.footer-con .middle_portion h4 {margin-bottom: 14px;}
.footer-con .middle_portion .timing{margin-bottom: 30px;}
.footer-con .middle_portion .links{padding-left: 20px; margin-bottom: 30px;}
.footer-con .middle_portion .contact {padding-left: 0; margin-bottom: 0;} .sub_banner .sub_banner_con {padding: 10px 0 40px;}
.sub_banner .sub_banner_con p {margin-bottom: 20px;} .aboutpage-con .about_content {padding: 0;}
.aboutpage-con .about_content h2 {font-size: 28px;}
.aboutpage-con .about_content .text {margin-bottom: 15px;}
.aboutpage-con .about_content ul {width: 340px;}
.aboutpage-con .about_content ul li {margin-bottom: 5px;}
.aboutpage-con .about_content ul li p {padding-left: 22px;}
.aboutpage-con .about_wrapper {margin-bottom: 25px;}
.aboutpage-con .about_wrapper .about-image img{width: 275px;}
.aboutpage-con .about_wrapper .box {width: 275px;}
.unique-con {padding: 40px 0 20px;}
.unique-con .unique_content {padding: 0;}
.unique-con .unique_content .text {margin-bottom: 15px;}
.unique-con .unique_content ul {width: 285px;}
.unique-con .unique_content ul li {margin-bottom: 5px;}
.unique-con .unique_content ul li p {padding-left: 22px;}
.unique-con .unique-box {padding: 20px 10px; margin-bottom: 20px;}
.unique-con .unique-box .number {font-size: 26px; line-height: 26px;}
.team-con {padding: 40px 0 20px;}
.team-con .team_content h6 {margin-bottom: 8px;}
.team-con .team_content h2 {margin-bottom: 25px;}
.team-con .team-box {margin: 0 auto 20px; width: 260px;}
.abouttestimonial-con {padding: 40px 15px 80px;}
.abouttestimonial-con .testimonial_content h6 {margin-bottom: 8px;}
.abouttestimonial-con .testimonial_content h2 {margin-bottom: 25px;}
.abouttestimonial-con .testimonial-box {padding: 20px; text-align: center;}
.abouttestimonial-con .testimonial-box .testimonial-personimage img {width: 75px !important; margin-bottom: 10px;}
.abouttestimonial-con .testimonial-box p {line-height: 22px; margin-bottom: 4px;}
.abouttestimonial-con .testimonial-box ul li i {font-size: 10px; line-height: 10px;}
.abouttestimonial-con .testimonial-box .name {font-size: 14px; margin-bottom: -4px;}
.abouttestimonial-con .testimonial-box .review {font-size: 12px;} .contactinfo-con .contact_content h6 {margin-bottom: 8px;}
.contactinfo-con .contact_content h2 {font-size: 25px; margin-bottom: 25px;}
.contactinfo-con .contact-box {margin-bottom: 20px;}
.map-con iframe {height: 330px;}
.contactform-con .contactform_content h6 {margin-bottom: 8px;}
.contactform-con .contactform_content h2 {margin-bottom: 25px;}
.contactform-con form .submit {min-width: 138px; height: 44px; padding: 12px;} .solution-con .solution_content h6 {margin-bottom: 8px;}
.solution-con .solution_content h2 {margin-bottom: 20px;} .article-con .article_content h6 {margin-bottom: 8px;}
.article-con .article_content h2 {margin-bottom: 25px;}
.article-con .article-box {width: 330px; margin: 0 auto 20px;} .service_detail .main-box h3 {font-size: 18px; line-height: 26px;}
.servicedetail-con {padding-bottom: 105px;}
.service_detail .main-box .list li {line-height: 22px;}
.service_detail .main-box .list li i {top: 4px;} .electricbanner-con {padding: 15px 0 75px;}
.electricbanner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.electricbanner-con .banner_content p {padding: 0 10px;}
.electricbanner-con .banner_content .top-btn {bottom: -30px;}
.electricbanner-con .banner_content .top-btn img {width: 28px;}
.electricservice-con{padding: 40px 15px 80px;}
.electricservice-con .service_content h6 {margin-bottom: 8px;}
.electricservice-con .service_content h2 {margin-bottom: 25px;}
.electricservice-con .service-box {width: 330px; margin: 0 auto;}
.electricservice-con .upper_portion .service-icon {height: 70px; width: 70px; line-height: 70px;}
.electricservice-con .lower_portion_wrapper p {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box {margin-bottom: 10px;}
.electrictestimonial-con .testimonial-box h3 {font-size: 14px; line-height: 22px;}
.electrictestimonial-con .carousel-indicators li {width: 35px; height: 35px; margin: 0 8px;}
.electrictestimonial-con .carousel-indicators li .name_wrapper {bottom: -48px;} .universalbanner-con .banner_content h1 {font-size: 30px; line-height: 38px;}
.universalbanner-con .banner_content .get_started {margin-bottom: 20px;}
.universalbanner-con .banner_wrapper {display: inline-block;}
.universalbanner-con .banner_wrapper .banner3-image img {width: 225px;}
.universalbanner-con .banner_wrapper .circle {width: 150px; height: 150px; line-height: 150px; right: -40px; top: 26%;}
.universalservice-con {padding: 40px 0 25px;}
.universalservice-con .service_content h6 {margin-bottom: 8px;}
.universalservice-con .service_content h2 {margin-bottom: 25px;}
.universalservice-con .service-box {width: 330px; margin: 0 auto 15px;}
.universalservice-con .service-box .icon {margin-bottom: 15px;}
.universalservice-con .service-box h4 {padding: 0;}
.universalabout-con .about_content {padding: 0;}
.universalabout-con .about_content h2 {font-size: 28px;}
.universalabout-con .about_content .text {margin-bottom: 15px;}
.universalabout-con .about_content ul {width: 340px;}
.universalabout-con .about_content ul li {margin-bottom: 5px;}
.universalabout-con .about_content ul li p {padding-left: 22px;}
.universalabout-con .about_content .box {width: 330px; margin: 0 auto; padding: 20px;}
.universalabout-con .about_content .box .about-icon img {width: 40px;}
.universalabout-con .about_content .box h3 {font-size: 18px; line-height: 26px; padding-left: 70px;}
.universalabout-con .about_wrapper {margin-bottom: 25px;}
.universalabout-con .about_wrapper .about-image1 img{width: 250px;}
.universalabout-con .about_wrapper .video-image {top: 145px; left: -28px;}
.universalabout-con .about_wrapper .about-image2 img {width: 185px;}
.universalabout-con .about_wrapper .icon .video-icon {width: 54px; line-height: 52px;}
.universalpricing-con .pricing_content {padding: 0; margin-bottom: 20px;}
.universalpricing-con .pricing-box{padding: 25px 25px 30px; width: 330px; margin: 0 auto;}
.faq3-con{padding-bottom: 150px;}
.footer-con .universal_upper_portion {padding: 30px 20px 0; text-align: center;}
.footer-con .universal_upper_portion .footer_content {margin-bottom: 25px;}
.footer-con .universal_upper_portion h6 {width: 155px; margin: 0 auto 8px; text-align: left;}
.footer-con .universal_upper_portion .footer-phone1 {left: -30px;}
.footer-con .universal_upper_portion .footer-phone2 {right: -30px;} .error_page .error_content h1 {font-size: 90px; line-height: 100px; margin-bottom: 8px;}
.error_page .error_content .text {font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.error_page .error_content .text2 {font-size: 16px; line-height: 24px;} .comingsoon_outer .logo_outer {margin-bottom: 40px;}
.comingsoon_outer .sub_banner_content h1 {font-size: 44px; line-height: 54px;}
.comingsoon_outer .sub_banner_content p {font-size: 14px; line-height: 20px;}
.comingsoon_outer .sub_banner_content input {font-size: 14px; line-height: 14px; padding: 8px 14px 10px; width: 330px;}
.comingsoon_outer .sub_banner_content button {font-size: 14px; line-height: 14px; padding: 10px 20px 14px;}
.comingsoon_outer .sub_banner_content .social-icon li {margin: 0 2px;}
.comingsoon_outer .sub_banner_content .social-icon i {height: 33px; width: 33px; line-height: 33px;} #button {width: 45px; height: 45px; right: 35px; bottom: 35px;}
#button::after {font-size: 16px; line-height: 16px;}
}