<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* region Boostrap */
*,
*::before,
*::after { box-sizing: border-box; }
*:focus { outline: none !important; box-shadow: none !important;}
@media (prefers-reduced-motion: no-preference) {
    :root { scroll-behavior: smooth; }
}

:root {
    --bs-white: #fff;
    --bs-gray: #67686B;
    --bs-gray2: #67686B;
    --bs-light-gray: #f7fafb;
    --bs-primary: #1486d6;
    --bs-link: #2d287f;
    --bs-success: #00cccb;
    --bs-warning: #ff7101;
    --bs-gold: #E0BB79;
    --bs-danger: #d5343e;
    --bs-dark: #1a1a1a;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[v-cloak] { opacity: 0; visibility: hidden; transition: visibility 0s 5s, opacity 5s linear; }
[v-cloak] &gt; * { opacity: 0; visibility: hidden; transition: visibility 0s 5s, opacity 5s linear;  }

body { margin: 0; font-family: Klavika, sans-serif; font-weight: 300; text-decoration: none; font-size: 1rem; line-height: 1.5; color: var(--bs-dark); background-color: var(--bs-white); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body.active { overflow: hidden; }

button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[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; }

a {text-decoration: none;  transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }

ul { list-style: none; padding: 0; margin: 0; }
b,
strong {
    font-weight: 600;
}
.dropdown, .dropend, .dropstart, .dropup {
    position: relative;
}

.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(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%}

.fade { transition: opacity .15s linear; }
.fade:not(.show) { opacity: 0; }

.heading { width: 100%; margin-bottom: 30px; }
.heading .h-title { font-size: 2.25rem; font-weight: 800; line-height: 1.4; margin: 0; color: var(--bs-dark)}
.heading .h-desc { font-size: 1.25rem; font-weight: 300; margin: 0; color: var(--bs-gray)}

.sticky-top { position: -webkit-sticky; position: sticky; top: 100px; z-index: 1; }

.w-100 { width: 100%; }
.mb-3 { margin-bottom: 30px; }
.d-none { display: flex; }
.d-block { display: flex; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.align-items-start { align-items: start; }
.align-items-end { align-items: end; }
.justify-content-center { justify-content: center; }
.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }
.flex-column { flex-direction: column; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.text-center { text-align: center; }
.text-white { color: var(--bs-white); }
.bg-primary { background-color: var(--bs-primary); }
.bg-success { background-color: var(--bs-success); }
.bg-dark { background-color: var(--bs-dark); }
.mb-2 { margin-bottom: 20px; }
sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; }

.form-check { display: flex; align-items: center; justify-content: flex-start; margin: 7px 0; min-height: auto; line-height: 1; }
.form-check span { line-height: 1; margin-left: 5px;}
.form-check-input { flex: 0 0 22px; width: 22px; height: 22px; margin: 0; background-color: #e9edf0; background-repeat: no-repeat; background-position: center; background-size: contain; border: 0; appearance: none; color-adjust: exact; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e"); }
.form-check-input[type=checkbox] { border-radius: 4px; }
.form-check-input[type=radio] { border-radius: 50%; }
.form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.form-check:not(.form-switch) .form-check-input[type=checkbox] { background-size: 60% 60%; }

.form-switch { display: flex; align-items: center; justify-content: flex-start; margin: 3px 0; }
.form-switch .form-check-input { margin-right: 5px; height: 20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); background-position: left center; transition: background-position .15s ease-in-out; border-radius: 3.25rem; width: 40px; }
.form-switch .form-check-input:checked{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-position: right center; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; }
.input-group&gt;.form-control,
.input-group&gt;.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.input-group:not(.has-validation)&gt;.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)&gt;:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group:not(.has-validation)&gt;.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)&gt;:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group&gt;:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-top: 0; margin-right: -15px; margin-left: -15px; }
.row&gt;* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 0; }

.col { flex: 1 0 0; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 576px){
    .container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px){
    .container, .container-md, .container-sm { max-width: 720px; }
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm { max-width: 960px; }
    .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }

    .order-lg-first { order: -1 !important; }
    .order-lg-0 { order: 0 !important; }
    .order-lg-1 { order: 1 !important; }
    .order-lg-2 { order: 2 !important; }
    .order-lg-3 { order: 3 !important; }
    .order-lg-4 { order: 4 !important; }
    .order-lg-5 { order: 5 !important; }
    .order-lg-last { order: 6 !important; }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
    .col-xl-auto { flex: 0 0 auto; width: auto; }
    .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xl-3 { flex: 0 0 auto; width: 25%; }
    .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xl-6 { flex: 0 0 auto; width: 50%; }
    .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xl-9 { flex: 0 0 auto; width: 75%; }
    .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
    .col-xxl-auto { flex: 0 0 auto; width: auto; }
    .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}

/* alert */
.alert { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #e9ecef; border-left-width: .25rem; border-radius: .25rem; }
.alert-success { border-left-color: var(--bs-success); }
.alert-warning { border-left-color: var(--bs-warning); }
.alert-danger { border-left-color: var(--bs-danger); }
/* badge */
.badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: var(--bs-white); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }
.badge-success { background-color: var(--bs-success); }
.badge-warning { background-color: var(--bs-warning); }
.badge-danger { background-color: var(--bs-danger); }
.badge-secondary { background-color: var(--bs-gray); color: var(--bs-dark);}
/* form */
.form-control { display: block; width: 100%; padding: 10px; margin: 2px 0; min-height: 46px; font-size: 16px; font-weight: 400; line-height: 1; color:  #555555; background-color: var(--bs-white); background-clip: padding-box; border: 2px solid #dbddde; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 6px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-select { display: block; width: 100%; padding: 13px 10px; margin: 2px 0; min-height: 46px; -moz-padding-start: calc(0.75rem - 3px); font-size: 16px; font-weight: 400; line-height: 1; color: #555555; background-color: var(--bs-white); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 2px solid #dbddde; border-radius: 6px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea.form-control { padding: 10px; min-height: 100px; line-height: 1.5; margin: 2px 0; }
.form-control:focus { border-color: var(--bs-primary);}
.form-select:focus { border-color: var(--bs-primary);}

.btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; font-weight: 400; line-height: 1; color: var(--bs-dark); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0 15px; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn:before { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.btn-outline-white { color: var(--bs-white); border-color: var(--bs-white); }
.btn-outline-white:hover { background-color: var(--bs-white); color: var(--bs-dark); border-color: var(--bs-white); }
.btn-outline-warning { color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-outline-warning:hover { background-color: var(--bs-warning); color: var(--bs-dark); border-color: var(--bs-warning); }
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); color: var(--bs-white); border-color: var(--bs-primary); }
.btn-outline-success { color: var(--bs-success); border-color: var(--bs-success); }
.btn-outline-success:hover { background-color: var(--bs-success); color: var(--bs-white); border-color: var(--bs-success); }
.btn-warning { color: var(--bs-white); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-primary { color: var(--bs-white); background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-success { color: var(--bs-white); background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-danger { color: var(--bs-white); background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-light { color: var(--bs-dark); background-color: #f8f9fa; border-color: #dee2e6; }
.btn-dark { color: var(--bs-white); background-color: var(--bs-dark); border-color: var(--bs-dark); }
.btn-gold { color: var(--bs-dark); background-color: var(--bs-gold); border-color: var(--bs-gold); }
.btn-secondary { color: var(--bs-dark); background-color: var(--bs-gray); border-color: var(--bs-gray); }
.btn:focus { box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%); }
.btn.disabled, .btn:disabled { pointer-events: none; opacity: .65; }

.bg-grey { background-color: #f7f7f7; }

/* tooltip */
.tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }
.tooltip.show { opacity: 0.9; }
.tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }
.tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; }
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; }
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; }
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; }
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: var(--bs-white); text-align: center; background-color: #000; border-radius: 0.25rem; }

/* tab */
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-tabs { border-bottom: 1px solid #dee2e6; }
.nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }
.nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: var(--bs-white); border-color: #dee2e6 #dee2e6 var(--bs-white); }
.tab-content&gt;.tab-pane { display: none; }
.tab-content&gt;.active { display: block; }

.tabs3 .nav-tabs { display: flex; align-items: center; justify-content: center; flex: auto; border: 0; }
.tabs3 .nav-tabs .nav-item { margin: 0 1.5rem 3rem; }
.tabs3 .nav-tabs .nav-link { width: 240px; border: 2px solid #E5EAF5; padding: 18px; font-size: 16px; border-radius: 10px; background-color: #F5F5F5; color: var(--bs-dark) }
.tabs3 .nav-tabs .nav-item.show .nav-link,
.tabs3 .nav-tabs .nav-link.active { border-color: var(--bs-danger); color: var(--bs-danger); background-color: #fff; box-shadow: 0 0.8rem 2.5rem rgb(238 1 8 / 13%);}


/* modal */
.modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }
.modal-dialog { max-width: 500px; margin: 1.75rem auto; }
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px); }
.modal.show .modal-dialog { transform: none; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: var(--bs-white); background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); }
.modal-header .modal-title { margin: 0; line-height: 1.5; font-size: 18px; font-weight: 500; }
.modal-header .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; }
.modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }
.modal-footer&gt;* { margin: .25rem; }
.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.modal-static .modal-dialog { transform: scale(1.02); }

/* dropdown */
.dropdown .dropdown-menu { position: absolute; z-index: 1000; display: none; margin: 0; padding: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: var(--bs-white);    border: 1px solid rgba(0,0,0,.15); background-clip: padding-box;  }
.dropdown .dropdown-menu.show { display: block; }
.dropdown .dropdown-menu .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; }
.dropdown .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem; }
.dropdown .dropdown-menu-end {  }
.dropdown .dropdown-toggle { white-space: nowrap; }
.dropdown .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 .dropdown-toggle.show::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-bottom: .3em solid; border-right: .3em solid transparent; border-top: 0; border-left: .3em solid transparent; }

.accordion-item { background-color: var(--bs-white); border: 1px solid rgba(0,0,0,.125); }
.accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; }
.accordion-flush .accordion-item:first-child { border-top: 0; }
.accordion-item:first-of-type { border-bottom: 0;}
.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: var(--bs-white); border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; }
.accordion-button:not(.collapsed) { color: var(--bs-primary); background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); }
.accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }

.collapsing { height: 0; overflow: hidden; transition: height .35s ease; }
.collapse:not(.show) { display: none; }

.list-group { position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.list-group:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: #e6e6e6; }
.list-group .list-group-item { position: relative; display: block; padding-left: 18px; margin: 8px 0; line-height: 20px; font-size: 16px; color: var(--bs-gray); box-sizing: border-box; }
.list-group .list-group-item.active { color: var(--bs-primary); }
.list-group .list-group-item.active:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 2px; background: var(--bs-primary); }
.list-group .list-group-item:hover { color: var(--bs-primary); }

.sticky-top { position: -webkit-sticky !important; position: sticky !important; top: 100px; z-index: 2; }

/* endregion */

/* region Mobile */
.mobile-top { position: relative; z-index: 3; background: #4c4d4f;color: #fff; display: -ms-flexbox; display: flex;justify-content: flex-end;list-style: none;padding: 10px;margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.mobile-top .container { padding: 0; }
.mobile-top ul.toplink1 {font-size: 13px;font-weight: 600; display: flex;justify-content: center; align-items: center; margin-left: -10px;}
.mobile-top ul.toplink1 li { padding-right: 20px; }
.mobile-top ul.toplink1 li:last-child { padding-right: 0; }
.mobile-top ul.toplink1 li a { position: relative; color: #fff;}

.mobile-top .lang { position: relative; top: 0; flex: 0 0 60px; padding-left: 10px; border-left: 1px solid #ccc;}
.mobile-top .lang&gt;a { display: flex; align-items: center; justify-content: flex-start; padding: 4px; font-size: 13px; color: var(--bs-dark);  }
.mobile-top .lang img { width: 18px; height: 18px; margin: 0 4px 0 0; }
.mobile-top .lang .dropdown-menu { border-radius: 5px; padding: 5px; }
.mobile-top .lang .dropdown-menu .dropdown-item { display: flex; align-items: center; justify-content: flex-start; font-size: 13px; padding: 0 3px; }
.mobile-top .lang .dropdown-menu .dropdown-item img { width: 16px; height: 16px; }

.mobile-top ul.toplink2 {font-size: 14px;font-weight: 600; display: flex;justify-content: center; align-items: center; margin: 0 -15px; }
.mobile-top ul.toplink2 li { padding: 0 10px; }
.mobile-top ul.toplink2 li a { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 8px; color: #fff;}
.mobile-top ul.toplink2 li a svg { fill: var(--bs-white); height: 15px; width: 15px; margin-right: 4px; }

.mobile-top ul.toplink1 li a:hover,
.mobile-top ul.toplink2 li a:hover{ color: var(--bs-danger); }

.mobile-header { position: relative; top: 0; left: 0; background: #fff; width: 100%; height: 101px; text-align: center; z-index: 3; overflow: hidden;  display: none;}
.mobile-header a&gt;img { height: 42px; margin-top: 9px; }
.mobile-header a { display: flex; align-items: center; justify-content: center; width: 100%; }
.mobile-header .mobile-push { position: relative; color:var(--bs-dark); font-size:30px; height: 60px;  }
.mobile-header .mobile-push span { position: absolute; top:16px; right: 52px; font-size:11px; line-height: 1; border-radius: 6px; zoom: 70%; }
.mobile-header svg { fill: var(--bs-dark); width: 28px; height: 28px; }
.mobile-header .mblMenu { position: absolute; left: 0; top: 0; z-index: 2; width:68px; height: 60px;  font-size: 30px; fill: #ffffff; padding: 8px 24px; }

.menuTopFix.sticky { position: fixed; width: 100%; top: 0; left: 0; box-shadow: 0 2px 4px rgba(3,27,78,.1);}

#sidebar { background: #f8f8f8; border-top: 1px solid #e6e6e6; position: fixed; width: 100%; left: 0; top: 101px; height: calc(100% - 100px); z-index: 9999; display: none; }
#sidebar.active { display: block; }

.gw-login { display: flex; padding: 15px 10px 5px; }
.gw-login a { width: 100%; }
.gw-login a:last-child{border-right:0}
.gw-login a i{margin-right:4px}
.gw-sidebar{padding:10px}
.gw-sidebar .nano-pane{background:rgba(255,255,255,0);font-size:15px}
.nano-content{list-style:none;margin:0; border-radius: 10px; background-color:#fff;padding:0 12px;font-size:16px;color:#666;border:1px solid #e6e6e6;line-height:1.2;font-weight:500;overflow-x:hidden;overflow-y:scroll;height: calc(100vh - 230px)}
.gw-sidebar .gw-nav-list li a{padding-left:20px}
.gw-nav-list{margin:0;padding:0;list-style:none}
.gw-nav-list&gt;li:first-child{border-top:0}
.gw-nav-list&gt;li{display:block;padding:0;margin:0;border:0;border-top:1px solid #fcfcfc;border-bottom:1px solid #e5e5e5;position:relative;text-decoration:none}
.gw-nav-list&gt;li:last-child{border-bottom:none}
@-webkit-keyframes arrow-slide{100%{-webkit-transform:rotate(225deg);z-index:3}}
@-webkit-keyframes arrow-slide1{100%{-webkit-transform:rotate(225deg);z-index:3}}
.gw-nav-list&gt;li.arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide .5s 0s ease both}
.gw-nav-list&gt;li.init-arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list&gt;li.arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide1 .5s 0s ease both}
.gw-nav-list&gt;li.init-arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list&gt;li.active{background-color:#fff}
.gw-nav-list&gt;li&gt;a{display:block;height:42px;padding:12px 16px 12px 7px;color:#666;text-shadow:none!important;font-size:18px;font-weight:500;text-decoration:none}
.gw-open&gt;a{outline:0}
.gw-nav-list&gt;li.gw-open{border-bottom-color:#e5e5e5}
.gw-nav-list&gt;li.gw-open&gt;a{background-color:#fafafa;color:var(--bs-danger)}
.gw-nav-list .gw-open&gt;a,
.gw-nav-list .gw-open&gt;a:focus,
.gw-nav-list .gw-open&gt;a:hover{background-color:#fafafa}
.gw-nav .gw-open&gt;a,
.gw-nav .gw-open&gt;a:focus,
.gw-nav .gw-open&gt;a:hover{background-color:#eee;border-color:var(--bs-danger)}
.gw-nav-list&gt;li.active&gt;a,
.gw-nav-list&gt;li.active&gt;a:active,
.gw-nav-list&gt;li.active&gt;a:focus,
.gw-nav-list&gt;li.active&gt;a:hover{background-color:#fff;color:var(--bs-danger);font-weight:800;}
.gw-nav-list .gw-nav-header,
.gw-nav-list&gt;li&gt;a{margin:0}
.gw-nav-list&gt;li.active&gt;a&gt;[class*=icon-]{font-weight:400}
.gw-nav-list&gt;li.active&gt;a:hover:before{display:none}
.gw-nav-list&gt;li.active:before{display:inline-block;content:"";position:absolute;right:-13px;top:-1px;bottom:0;z-index:1;border-right:1px solid #dd4814}
.gw-nav-list li.gw-open&gt;a:after{display:none}
.gw-nav-list&gt;li a&gt;.gw-arrow{display:inline-block;width:14px!important;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:11px;top:11px;padding:0;color:#666}
.gw-nav-list&gt;li a:hover&gt;.gw-arrow,
.gw-nav-list&gt;li.active&gt;a&gt;.gw-arrow,
.gw-nav-list&gt;li.gw-open&gt;a&gt;.gw-arrow{color:#1963aa}
.gw-nav-list&gt;li&gt;a&gt;[class*=icon-]:first-child{display:inline-block;vertical-align:middle;min-width:30px;text-align:center;font-size:18px;font-weight:400;margin-right:2px}
.gw-nav-list&gt;li .gw-submenu{font-size:13px;display:none;list-style:none;margin:0;padding:0;position:relative;background-color:#fff;border-top:1px solid #e5e5e5}
.gw-nav-list&gt;li .gw-submenu&gt;li{margin-left:0;position:relative}
.gw-nav-list&gt;li .gw-submenu&gt;li&gt;a{display:block;position:relative;color:#616161;padding:11px 0 9px 35px;margin:0;border-top:1px dotted #e4e4e4;font-size:16px;font-weight:400;text-decoration:none}
.gw-nav-list&gt;li .gw-submenu&gt;li&gt;a:focus{text-decoration:none}
.gw-nav-list&gt;li .gw-submenu&gt;li&gt;a:hover{text-decoration:none;color:#dd4814;background-color:rgba(25,25,50,.1)}
.gw-nav-list&gt;li .gw-submenu&gt;li.active:after{display:inline-block;content:"";position:absolute;right:-1px;top:-1px;bottom:0;z-index:1;border:2px solid #dd4814}
.gw-nav-list&gt;li .gw-submenu&gt;li.active&gt;a{color:#dd4814}
.gw-nav-list&gt;li .gw-submenu&gt;li a&gt;[class*=icon-]:first-child{display:none;font-size:12px;font-weight:400;width:18px;height:auto;line-height:12px;text-align:center;position:absolute;left:10px;top:11px;z-index:1;background-color:#fff}
.gw-nav-list&gt;li .gw-submenu&gt;li.active&gt;a&gt;[class*=icon-]:first-child,
.gw-nav-list&gt;li .gw-submenu&gt;li:hover&gt;a&gt;[class*=icon-]:first-child{display:inline-block}
.gw-nav-list&gt;li .gw-submenu&gt;li.active&gt;a&gt;[class*=icon-]:first-child{color:#c86139}
.gw-nav-list&gt;li&gt;.gw-submenu&gt;li:first-child&gt;a{border-top:0}
.gw-nav-list li .gw-submenu{overflow:hidden}
.gw-nav-list li.active.gw-open&gt;.gw-submenu&gt;li.active.gw-open&gt;a.dropdown-toggle:after{display:none}
.gw-nav-list li.active&gt;.gw-submenu&gt;li.active&gt;a:after{display:none}
.gw-nav-list li.active.gw-open&gt;.gw-submenu&gt;li.active&gt;a:after{display:block}
.gw-nav-tabs li[class*=" icon-"],
.nav-tabs li[class^=icon-]{width:1.25em;display:inline-block;text-align:center}
/* endregion */

/* region Header */
.header { position: relative; top: 0; left: 0; padding: 10px 0; width: 100%; z-index: 8; background: #fff; }
.header .top-bar { margin-top: 5px; }
.header .top-bar a { text-decoration: none; padding: 5px 10px; font-size: 14px; color: var(--bs-dark); line-height: 1; }
.header .top-bar a.lang { display: flex; align-items: center; justify-content: flex-start; padding: 5px; line-height: 1; margin-left: 5px; border-radius: 6px; background: rgba(35, 35, 35, 0.7);}
.header .top-bar a.lang img { margin-right: 2px; }
.header .top-bar a.lang svg { height: 14px; width: 14px; margin-right: 4px; fill: var(--bs-dark); }
.header .top-bar .list2 { display: flex; align-items: center; justify-content: flex-end; }
.header .top-bar .list2 li a { display: flex; align-items: center; justify-content: center; line-height: 1; }
.header .top-bar .list2 li.lang a { border-radius: 4px; }
.header .top-bar .list2 li.lang a:hover { background: rgba(35, 35, 35, 0.7); }
.header .top-bar .list2 li.lang a.show { background: #14171a; border-radius: 4px 4px 0 0; }
.header .top-bar .list2 li.lang svg { height: 14px; width: 14px; margin-right: 4px; fill: var(--bs-dark);;}
.header .top-bar .list2 li.lang .dropdown-menu { background: #14171a; border-radius: 0 0 4px 4px; width: 340px; padding: 15px; margin-top: -2px !important; }
.header .top-bar .list2 li.lang .dropdown-menu b { font-size: 14px; padding: 0 7px !important; color: var(--bs-dark);; }
.header .top-bar .list2 li.lang .dropdown-menu .dropdown-item { display: flex; align-items: center; justify-content: flex-start; padding: 7px !important; margin: 3px 0; font-size: 13px; color: #a0a0a0; }
.header .top-bar .list2 li.lang .dropdown-menu .dropdown-item:hover { color: var(--bs-primary)}
.header .top-bar .list2 li.lang .dropdown-menu .col-lg-6 { position: relative; }
.header .top-bar .list2 li.lang .dropdown-menu .col-lg-6 + .col-lg-6:before { position: absolute; content: ''; left: -10px; top: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.07);  }

.header .nav-bar{ display: flex; align-items: center; justify-content: space-between; }
.header .nav-bar .logo { flex: 0 0 162px; }
.header .nav-bar .logo a { display: flex; align-items: center; justify-content: flex-start; }
.header .nav-bar .logo img { height: 42px; }
.header .nav-bar .phone { flex: 0 0 135px; position: relative; top: 2px; line-height: 1; padding-left: 20px; border-left: 1px solid #ccc; }
.header .nav-bar .phone a { display: flex; align-items: center; justify-content: flex-start; font-size: 20px; line-height: 1; font-weight: 400; color: var(--bs-dark); }
.header .nav-bar .phone a svg { width: 18px; height: 18px; margin-right: 5px; fill: var(--bs-dark); }

.header .nav-bar .lang { position: relative; top: 2px; flex: 0 0 60px; border-radius: 5px; background-color: #4c4c4c14; margin-left: 20px; }
.header .nav-bar .lang&gt;a { display: flex; align-items: center; justify-content: flex-start; padding: 4px; font-size: 13px; color: var(--bs-dark);  }
.header .nav-bar .lang img { width: 15px; height: 15px; margin-right: 4px; }
.header .nav-bar .lang .dropdown-menu { border-radius: 5px; padding: 5px; }
.header .nav-bar .lang .dropdown-menu .dropdown-item { display: flex; align-items: center; justify-content: flex-start; font-size: 13px; padding: 0 3px; }
.header .nav-bar .lang .dropdown-menu .dropdown-item img { width: 15px; height: 15px; }

.header .nav-bar .menu { flex: 1 1 auto; }
.header .nav-bar .menu&gt;ul { display: flex; align-items: center; justify-content: flex-end; }
.header .nav-bar .menu&gt;ul&gt;li { display: block;  }
.header .nav-bar .menu&gt;ul&gt;li:last-child { padding-right: 0; }
.header .nav-bar .menu&gt;ul&gt;li&gt;a { position: relative; display: block; padding: 8px 10px; text-decoration: none; font-size: 15px; font-weight: 400; color:var(--bs-dark);}
.header .nav-bar .menu&gt;ul&gt;li.active&gt;a { background-color: #0d1554; color:var(--bs-white); }
.header .nav-bar .menu&gt;ul&gt;li:focus&gt;a,
.header .nav-bar .menu&gt;ul&gt;li:hover&gt;a { color:var(--bs-primary); }
.header .nav-bar .menu&gt;ul&gt;li:hover&gt;a:before { content: ''; display: block; right: 0; position: absolute; width: 100%; height: 26px; bottom: -10px; border-bottom: 2px solid var(--bs-primary); }
.header .nav-bar .menu&gt;ul&gt;li.mega&gt;a { padding-right: 20px; }
.header .nav-bar .menu&gt;ul&gt;li.mega&gt;a&gt;svg { fill: #ffffff; }
.header .nav-bar .menu&gt;ul&gt;li.mega&gt;a:after { position: absolute; right: 0; top: 11px; flex-shrink: 0; width: 14px; height: 14px; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234c4d4f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 14px; background-position: 0 3px; fill: #fff;  transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease,-webkit-transform 0.15s ease; }
.header .nav-bar .menu&gt;ul&gt;li.mega:hover&gt;a:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232b82be'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");/* transform: scaleY(-1); background-position: 0 -3px;*/}
.header .nav-bar .menu&gt;ul&gt;li.offer-link &gt; a {  background-color: var(--bs-dark); font-size: 15px; color: #fff; border-radius: 5px; transition: all .1s linear;}
.header .nav-bar .menu&gt;ul&gt;li.offer-link &gt; a&gt;img { margin-left: 5px; height: 22px; width: 22px; }
.header .nav-bar .menu&gt;ul&gt;li.offer-link:hover &gt; a:before { display: none }
.header .nav-bar .menu&gt;ul&gt;li.offer-link:hover &gt; a { background-color: var(--bs-danger); color: #fff;}

.header .nav-bar .menu .dropdown-menu { position: absolute; left: 0; top: 52px; background: #fff; width: 100%; border-radius: 0 0 6px 6px; overflow: hidden; box-shadow: rgb(3 27 78 / 10%) 0px 2px 4px; box-shadow: none; border-top: 1px solid #e5e8ec; border: 0; visibility: hidden; opacity: 0; -webkit-transform: translate(0,20px); -ms-transform: translate(0,20px); transform: translate(0,20px); }

.mega-menu-main .col-lg-3 { padding: 0 35px; }
.mega-menu-main .col-lg-4 { padding: 0 35px; }
.mega-menu-main .mm-title { display: block; font-size: 13px; margin-bottom: 10px; text-transform: uppercase; color: rgb(3, 27, 78); }
.mega-menu-main a { display: flex; align-items: center; justify-content: flex-start; padding: 3px 0; font-weight: 400; font-size: 14px; color: rgb(91, 104, 134);}
.mega-menu-main a:hover { color: var(--bs-primary); }
.mega-menu-main .mega-menu-side { background: #f7f8fb; padding: 30px 30px 0; }
.mega-menu-main .mega-menu-side .mm-title  { padding: 0 10px; }
.mega-menu-main .mega-menu-side a { position: relative; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 4px; font-size: 15px; font-weight: 600; padding: 12px 10px 12px 46px; color: var(--color1); }
.mega-menu-main .mega-menu-side a&gt;svg { position: absolute; left: 5px; top: 20px; width: 32px; height: 32px; fill: #8c929c; }
.mega-menu-main .mega-menu-side a&gt;span { font-size: 14px; font-weight: 400; color: rgb(91, 104, 134); }
.mega-menu-main .mega-menu-side a&gt;img { position: absolute; right: 6px; top: 24px; display: none; }
.mega-menu-main .mega-menu-side a:hover { background: #f7f8fb; color: var(--bs-primary);}
.mega-menu-main .mega-menu-side a:hover img { display: block; }
.mega-menu-main .mega-menu-side a:hover svg { fill: var(--bs-primary);}
.mega-menu-main .mega-menu-content { padding: 30px 30px 0;will-change: opacity,transform; transition: opacity 300ms cubic-bezier(.1,.25,.3,1) 300ms,transform 600ms cubic-bezier(.16,1,.3,1) 300ms;}
.mega-menu-main .mega-menu-content a { font-size: 15px; padding: 5px 0;}

.mega-menu-main .mega-menu-side2 { position: relative; display: flex; align-items: flex-end; padding: 0; }
.mega-menu-main .mega-menu-side2 svg { height: 64px; width: 64px; fill: #8c929c; }
.mega-menu-main .mega-menu-side2 b { display: block; font-size: 24px; color: #8c929c;}
.mega-menu-main .mega-menu-side2 p { font-size: 14px; color: rgb(91, 104, 134);}
.mega-menu-main .mega-menu-side2 img { height: 100%; width: 100%; max-height: 500px; object-fit: cover; }
/*.mega-menu-main .mega-menu-side2:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgb(41 41 41 / 50%); }*/

.mega-menu-main .mega-menu-content2 { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding: 20px 30px 20px; }
.mega-menu-main .mega-menu-content2 a { flex: 0 0 50%; position: relative; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 4px; font-size: 16px; font-weight: 600; padding: 10px 10px 10px 50px; color: var(--bs-dark); }
.mega-menu-main .mega-menu-content2 a&gt;svg { position: absolute; left: 14px; top: 16px; width: 24px; height: 24px;fill: #8c929c; }
.mega-menu-main .mega-menu-content2 a&gt;span { font-size: 13px; font-weight: 300; color: rgb(91, 104, 134); }
.mega-menu-main .mega-menu-content2 a&gt;img { position: absolute; left: 14px; top: 12px; width: 28px; height: 28px; }
.mega-menu-main .mega-menu-content2 a:hover { background: #f7f7f7; color: var(--bs-primary);}
.mega-menu-main .mega-menu-content2 a:hover svg { fill: var(--bs-primary);}

.header .nav-bar .menu&gt;ul&gt;li:hover&gt; .dropdown-menu { visibility: visible; opacity: 1; z-index: 13; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100%; }

.header .nav-bar.on-scroll { position: fixed; background-color: var(--bs-white); border-bottom:0; top: 0; left: 0; width: 100%; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 15%);}
.header .nav-bar.on-scroll .navbar-brand img { height: 40px; width: auto; }
.header .nav-bar.on-scroll .menu .dropdown-menu { top: 62px; }
.header .nav-bar.on-scroll .menu&gt;ul&gt;li&gt;a { color: var(--bs-dark); }
.header .nav-bar.on-scroll .menu&gt;ul&gt;li.offer-link &gt; a { color: var(--bs-white); }
.header .nav-bar.on-scroll .logo { padding: 10px 0; top: 0;}
.header .nav-bar.on-scroll .phone { top: 4px; }

.global-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(75,75,75,.8)}

@media only screen and (max-width: 767px){
    .top-bar { display: none }
    .header { display: none }
    .mobile-header { display: block }
}

/* endregion */

/* region Home */
.slide-section { position: relative; height: calc(80vh - 76px); width: 100%; overflow: hidden; }
.slide-section .caption-title { position: absolute; left: 0; right: 0; top: 34%; z-index: 5; color: #fff; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; opacity: 0; }
.slide-section .caption-title .text { position: relative; padding-left: 30px; }
.slide-section .caption-title .text:before { position: absolute; content: ''; left: 0; top: 0; width: 6px; height: 100%; background: var(--bs-white); }
.slide-section .caption-title .text b { font-size: 34px; line-height: 1.2; font-weight: 600; }
.slide-section .caption-title .text strong { font-size: 34px; line-height: 1.2; font-weight: 600; }
.slide-section .caption-title .text p { font-size: 26px; line-height: 1.4; font-weight: 400; margin: 10px 0 0;text-shadow: 0 0 2px rgba(150, 150, 150, 1); }
.slide-section .caption-title .text .slogan { position: absolute; right: -100px; top: -80px; width: 140px; }
.slide-section .caption-title .btn { margin-top: 30px; min-width: 150px; font-weight: 400; transition: transform 150ms ease-in-out; zoom: 90%; }
.slide-section .caption-title .btn svg { fill: #ffffff; display: inline-block; width: 20px; height: 20px; margin-left: 5px; transition: transform 150ms ease-in-out;}
.slide-section .caption-title .btn:hover svg {  transform: translateX(5px); }
.slide-section .caption-title .btn-outline-white:hover svg { fill: var(--bs-dark); }

#owl-home .owl-item { position: relative; height: 100vh; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px;}
#owl-home .owl-item .item { position: relative; }
#owl-home .owl-item .item:before { position: absolute; content: ''; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); }
#owl-home .owl-lazy1 { position: relative; height: calc(80vh - 76px); width: 100%;  object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden;}
#owl-home .owl-lazy2 { position: absolute; right: 10%; top: 140px; height: 450px; width: auto; opacity: 0; }
#owl-home .fit-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover; }
#owl-home .fit-cover:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
#owl-home .owl-item.active .owl-lazy1 {  -webkit-animation: zoomin 10s ease-in infinite; animation: zoomin 10s ease-in infinite; transition: all 1s ease-in-out; }
#owl-home .owl-item.active .owl-lazy2 { -webkit-animation: banner-title ease-in .3s forwards; -o-animation: banner-title ease-in .3s forwards; animation: banner-title ease-in .3s forwards; animation-delay: .7s; opacity: 0;  }
#owl-home .owl-item.active .caption-title { -webkit-animation: banner-title ease-in .3s forwards; -o-animation: banner-title ease-in .3s forwards; animation: banner-title ease-in .3s forwards; animation-delay: .4s; opacity: 0;  }
#owl-home .owl-item.active .caption-title .btn { -webkit-animation: banner-button ease-in .3s forwards; -o-animation: banner-button ease-in .3s forwards; animation: banner-button ease-in .3s forwards; animation-delay: 1s; opacity: 0; }
#owl-home .owl-dots { position: absolute; right: 58px; top: 25%; display: flex; align-items: center; justify-content: center; flex-direction: column;  counter-reset: slides-num;}
#owl-home .owl-dots .owl-dot { position: relative; width: 15px; height: 15px; margin: 3px 0 15px; cursor: pointer; color: #fff; opacity: .4; counter-increment: slides-num; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
#owl-home .owl-dots .owl-dot:before { content: '0' counter(slides-num); width: 30px; margin-left: 0; position: absolute; margin-top: -2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
#owl-home .owl-dots .owl-dot.active { opacity: 1; }
#owl-home .owl-dots .owl-dot.active:before { opacity: 1; }
#owl-home .owl-dots .owl-dot.active:after { content: " "; right: -54px; top: 7px; border-bottom: 2px solid #fff; width: 30px; position: absolute; margin-top: 8px; }

.scroll-down { position: absolute; bottom: 40px; right: 40px; z-index: 2; color: #fff; }
.scroll-down .myDownCSpan { float: left; clear: both; padding-bottom: 17px; }
.scroll-down .myDownCSpan span { float: left; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 14px; }
.scroll-down .myDownCSvg { float: left; clear: both; padding-left: 13px; -webkit-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate; -moz-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate; animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate; }
.scroll-down .myDownCSvg svg { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); fill: #ffffff;}

.home-counter { position: relative; width: 100%; padding: 5rem 0; text-align: left; background: linear-gradient(to right, #dfdfdf00 41.66667%, #f6f6f6 58.33333%); background-size: cover; }
.home-counter .container { position: relative; z-index: 1; }
.home-counter .counters  { line-height: 1.2; }
.home-counter .counters b { color: var(--bs-dark); font-size: 2.5rem; text-align: center; font-weight: 900; position: relative; }
.home-counter .counters p { font-size: 16px; color: var(--bs-gray); font-weight: 400; margin: 0; }
.home-counter .subtitle {margin: 0 0 30px; font-size: 1.25rem; line-height: 1.5; color: var(--bs-gray); }
.home-counter .title { font-size: 2.25rem; margin: 0; color: var(--bs-dark); }
.home-counter .home-counter-bg { position: absolute; left: -40px; bottom: 0; height: 100%; width: 58%; z-index: 0; object-fit: cover; mix-blend-mode: darken;}

.home-references { padding: 40px 0 40px; }
.home-references .list-2 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }
.home-references .list-2 li { flex: 0 0 calc(100% / 5); display: flex; align-items: center; justify-content: center; margin: 30px 0; }
.home-references .list-2 li img { width: 135px; object-fit: cover; margin-left: auto; margin-right: auto; filter: grayscale(100); }
.home-references .list-2 li:hover img { filter: grayscale(0); }
.home-references .btn { display: block; border-radius: 0; font-size: 20px; font-weight: 400; color: var(--bs-primary); margin: 0 auto; }

.home-services { padding: 60px 0; }
.home-services .text-holder img { width: 100%; }
.home-services .text-holder h2 { font-size: 2.25rem; line-height: 1.2; margin: 0; }
.home-services .text-holder p { font-size: 16px; color: var(--bs-gray) }
.home-services .text-holder p:first-child { margin-top: 5px; }
.home-services .text-holder h3 { font-size: 20px; margin: 0 0 5px; }
.home-services .partners { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.home-services .partners div { display: flex; align-items: center; justify-content: center; border-radius: 6px; height: 60px; padding: 10px; border: 1px solid #f6f6f6; margin-bottom: 15px; margin-right: 15px; }
.home-services .partners div img { height: 100%; }
.home-services .partners div:nth-child(2) { padding: 18px 10px; }
.home-services .partners div:nth-child(5) { padding: 12px 10px; }
.home-services .partners div:nth-child(6) { padding: 18px 10px; }

.list-1 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: -15px; }
.list-1 li { flex: 0 0 calc(33.33% - 20px); margin: 10px; }
.list-1 li a { display: flex; align-items: flex-start; justify-content: center; text-align: left; flex-direction: column; padding: 20px; color: var(--bs-dark); background-color: #fff; border-radius: 10px; border: 1px solid #ddd;  transition: all .1s ease-in-out; }
.list-1 li a .thumb { line-height: 1 }
.list-1 li a .thumb img { width: 64px; }
.list-1 li a .text { font-size: 18px; font-weight: 700; margin-bottom: 2px; }
.list-1 li a .desc { font-size: 15px; line-height: 1.3; font-weight: 300; color: var(--bs-gray) }
.list-1 li a:hover { box-shadow: 0 2px 3px rgb(2 31 63 / 10%), 0 30px 60px -25px rgb(2 31 63 / 10%), 0 0 120px rgb(2 31 63 / 5%); }
.list-1 li a .more { display: flex; align-items: center; justify-content: center; transition: all .1s ease-in-out; line-height: 1; margin-top: 15px; }
.list-1 li a .more&gt;span { font-size: 16px; font-weight: 500; color: var(--bs-primary); }
.list-1 li a .more&gt;svg { position: relative; top: -1px; height: 24px; width: 24px; fill: var(--bs-primary); margin-left: 5px; transition: all .1s ease-in-out;}
.list-1 li a:hover .more&gt;svg { transform: translateX(5px);transition: all .4s ease-in-out; }

.list-2 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: -15px; }
.list-2 li { flex: 0 0 calc(50% - 20px); margin: 10px; }
.list-2 li a { position: relative; display: flex; align-items: flex-start; justify-content: center; text-align: left; flex-direction: column; padding: 10px 20px; color: var(--bs-dark); background-color: #fff; border-radius: 10px; border: 1px solid #ddd;  transition: all .1s ease-in-out; }
.list-2 li a .thumb { line-height: 1; }
.list-2 li a .thumb img { width: 64px; }
.list-2 li a .text { font-size: 16px; font-weight: 600; margin-bottom: 2px; }
.list-2 li a .desc { font-size: 16px; line-height: 1.3; font-weight: 300; color: var(--bs-gray); }
.list-2 li a .more { display: flex; align-items: center; justify-content: center; transition: all .1s ease-in-out; line-height: 1; margin-top: 10px; }
.list-2 li a .more&gt;span { font-size: 16px; font-weight: 500; color: var(--bs-primary); }
.list-2 li a .more&gt;svg { position: relative; top: -1px; height: 24px; width: 24px; fill: var(--bs-primary); margin-left: 5px; transition: all .1s ease-in-out;}
.list-2 li a:hover .more&gt;svg { transform: translateX(5px);transition: all .4s ease-in-out; }
.list-2 li a:hover {  box-shadow: 0 2px 3px rgb(2 31 63 / 10%), 0 30px 60px -25px rgb(2 31 63 / 10%), 0 0 120px rgb(2 31 63 / 5%); }

.list-3 { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: -15px; }
.list-3 li { flex: 0 0 calc(50% - 20px); margin: 10px; }
.list-3 li a { position: relative; display: flex; align-items: center; justify-content: center; text-align: left; flex-direction: column; transition: all .1s ease-in-out; }
.list-3 li a .thumb { line-height: 1; margin-bottom: 5px; }
.list-3 li a .thumb img { width: 44px; }
.list-3 li a .more { display: flex; align-items: center; justify-content: center; transition: all .1s ease-in-out; line-height: 1; margin-top: 15px; }
.list-3 li a .more&gt;span { font-size: 16px; font-weight: 500; color: var(--bs-white); }
.list-3 li a .more&gt;svg { position: relative; top: -1px; height: 24px; width: 24px; fill: var(--bs-white); margin-left: 5px; transition: all .1s ease-in-out;}

.home-assistant { padding: 50px 0; background-color: var(--bs-dark);}
.home-assistant h2 { font-size: 2.25rem; line-height: 1.3; margin: 0; font-weight: 300; color: var(--bs-white); padding-left: 20px; border-left: 4px solid #fff; }
.home-assistant h2 strong { display: block; font-weight: 800; }
.home-assistant p { font-size: 1.75rem; line-height: 1; font-weight: 300; color: var(--bs-gray); margin: 30px 0 30px; }
.home-assistant ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.home-assistant ul li { margin-right: 10px; margin-bottom: 10px; }
.home-assistant ul li a { display: flex; align-items: center; justify-content: center; border: 1px solid #39aeff; line-height: 1; color: #39aeff; font-size: 16px; padding: 10px 16px; border-radius: 20px; }
.home-assistant ul li a:hover { background-color: #39aeff; color: var(--bs-white); }

.home-products { padding: 50px 0; }
.home-products ul { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.home-products ul li { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 140px; border-radius: 5px; border: 1px solid #ddd; flex: 0 0 calc(25% - 10px); margin: 5px; cursor: pointer }
.home-products ul li img { max-width: 100%; object-fit: contain; }

.home-products ul li .front,
.home-products ul li .back{ display: flex;align-items: center; justify-content: center;flex-direction: column; width: 100%; font-size: 20px; font-weight: 700; color: var(--bs-primary); background-color: #fff; background-size: cover; background-position: center; -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; }
.home-products ul li .back{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column; text-align: left; background-color: var(--bs-primary); color: #fff; padding: 30px; font-size: 17px; font-weight: 300; line-height: 1.5; }
.home-products ul li .front:after{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; display: block; opacity: .6; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.home-products ul li:hover .front,
.home-products ul li:hover .back{ -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); z-index: 2; transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); }
.home-products ul li .back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-products ul li .back{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.home-products ul li .front{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: -1; }
.home-products ul li .front .thumb { display: flex; align-items: center; justify-content: center; }
.home-products ul li:hover .back{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 4; }
.home-products ul li:hover .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.home-solutions { padding: 60px 0;  }
.solution-box { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; overflow: hidden; margin: 20px 0; transition: all .1s ease-in-out; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; }
.solution-box .thumb { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
/*.solution-box .thumb:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #1386d640; }*/
.solution-box .thumb a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.solution-box .thumb img { width: 100%; height: 206px; object-fit: cover; }
.solution-box .thumb a:before { -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; content: ''; border-radius: 6px; border: 3px solid #fff; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 2; opacity: 0; }
.solution-box .thumb a:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); margin: 0 auto; }
.solution-box .text { padding: 20px; border-top: 1px solid #ddd;}
.solution-box .text h3 { font-size: 20px; font-weight: 600; line-height: 1; margin: 0; }
.solution-box .text h3 a { color: var(--bs-dark); }
.solution-box .text p { font-size: 15px; font-weight: 300; line-height: 1.4; margin: 5px 0 0; color: var(--bs-gray) }

.home-blog { padding: 60px 0 70px; background: #f7f7f7; }
.home-blog .heading { margin-bottom: 40px; }
.home-blog .blog-item { position: relative; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;height: 360px; width: 100%; margin: 8px 0; overflow: hidden; color: #fff; border-radius: 5px; /*background-image: linear-gradient(180deg, hsla(0,0%,100%,0) 0,rgba(3,27,74,0) 40%,#12181F 97%);*/}
.home-blog .blog-item:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, #0009 0, rgba(84, 84, 84, 0)); }
.home-blog .blog-item:hover:before {transition: all 200ms linear; background: var(--bs-primary); width: 100%; height: 100%;}
.home-blog .blog-item&gt;img { width: 100%; height: 100%; object-fit: cover;}
.home-blog .blog-item:hover&gt;img { filter: grayscale(50%) blur(2px); -webkit-filter: grayscale(50%) blur(2px); -webkit-animation: zoomin 4s ease-in infinite; animation: zoomin 4s ease-in infinite; transition: all .4s ease-in-out;}
.home-blog .blog-item .blog-cat { position: absolute; left: 20px; top: 20px; z-index: 1; font-weight: 500; font-size: 16px; }
.home-blog .blog-item .blog-info { position: absolute; left: 20px; right: 20px; bottom:40px; z-index: 1; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; transition: all .4s ease-in-out;}
.home-blog .blog-item .blog-info .date { font-size: 14px; opacity: .5; margin-bottom: 5px; font-weight: 400;}
.home-blog .blog-item .blog-info .name { font-size: 22px; line-height: 1.4; font-weight: 500;}
.home-blog .blog-item .blog-info .more { display: none; align-items: center; justify-content: center; transition: all .1s ease-in-out; line-height: 1; margin-top: 15px; }
.home-blog .blog-item .blog-info .more&gt;span { font-size: 16px; font-weight: 500; color: var(--bs-white); }
.home-blog .blog-item .blog-info .more&gt;svg { position: relative; top: 1px; height: 24px; width: 24px; fill: var(--bs-white); margin-left: 5px; transition: all .1s ease-in-out;}
.home-blog .blog-item:hover .blog-info { bottom:80px; }
.home-blog .blog-item:hover .blog-info .more { display: flex; }

.home-certificate { padding: 60px 0; border-top: 1px solid #ddd;}
.home-certificate .heading .btn { margin-top: 20px; color: var(--bs-primary); font-size: 18px; padding: 0; }
.home-certificate .item { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; }
.home-certificate .item img { width: 70px; }
.home-certificate .item span { font-size: 14px; font-weight: 400; color: var(--bs-gray); margin-top: 10px; }
.home-certificate .item:nth-child(1) { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.home-certificate .item:nth-child(2) { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.home-certificate .item:nth-child(3) { border-bottom: 1px solid #ddd; }
.home-certificate .item:nth-child(4) { border-right: 1px solid #ddd; }
.home-certificate .item:nth-child(5) { border-right: 1px solid #ddd; }

.home-certificate2 { padding: 20px 0; }
.home-certificate2 .btn { padding: 0; }
.home-certificate2 .certificate-main { background-color: var(--bs-primary); border-radius: 220px; padding: 40px 100px 60px; }
.home-certificate2 .certificate-main .heading .h-title { color: #fff; }
.home-certificate2 .certificate-main .heading .h-desc { color: #ffffffbd; }
.home-certificate2 .certificate-main img { width: 100%; }
.home-certificate2 .certificate-main .item { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; /*border-right: 1px solid #ddd;*/ border-right: 1px solid #ffffff4a; }
.home-certificate2 .certificate-main .item img { width: 70px; }
.home-certificate2 .certificate-main .item span { font-size: 13px; font-weight: 400; /*color: var(--bs-gray);*/ color: #fff; text-align: center; margin-top: 10px; }
.home-certificate2 .certificate-main .item:last-child { border-right: 0; }

.home-form { padding: 40px 0; }
.home-form .heading { margin-bottom: 30px; }
.home-form .form-group { margin: 10px 0; }
.home-form .form-group label { display: none; }
.home-form .form-control { border-radius: 4px; background-color: #fff; border-color: #ddd; font-size: 18px; font-weight: 400; height: calc(3.75rem - 2px); line-height: 1; -webkit-transition: all .3s; transition: all .3s; padding: 1rem 1.25rem; }
.home-form .btn { width: 132px; height: 54px; display: block; float: right; }
.home-form a { font-weight: 800; color: var(--bs-dark) }
.home-form .form-check span { font-size: 15px; }
/* endregion */

/* region Section Breadcrumb */
.main-breadcrumb { display: flex; text-align: left; margin: 0; padding: 0; }
.main-breadcrumb li { position: relative; display: inline-block; font-size: 13px; font-weight: 400; padding: 0 10px; color: #919191;}
.main-breadcrumb li:first-child { padding-left: 0; }
.main-breadcrumb li:before { content: ''; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid var(--bs-light-gray); right: 0; z-index: 1; top: 50%; margin-top: -3px; }
.main-breadcrumb li:after { content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #919191; right: -2px; top: 50%; margin-top: -5px; }
.main-breadcrumb li:last-child:before{display:none}
.main-breadcrumb li:last-child:after{display:none}
.main-breadcrumb li a { color: #919191; }
.main-breadcrumb li.active { color: #919191; }
.main-breadcrumb li a:hover { text-decoration: underline; }
/* endregion */

/* region Section Text */
.section-banner { position: relative;  overflow: hidden; background-color: var(--bs-light-gray); color: #fff; }
.section-banner:after { position: absolute; content: ""; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: linear-gradient(90deg, var(--bs-dark) 23%,rgba(8,15,44,0)); }
.section-banner .row { display: flex; align-items: center; justify-content: flex-start; height: 300px; }
.section-banner .section-banner-bg { position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.section-banner .container { position: relative; z-index: 1; }
.section-banner h1 { font-size: 32px; margin: 0; line-height: 1.3; }
.section-banner p { font-size: 20px; margin: 0; line-height: 1.3; }
.section-banner .btn { margin-top: 15px; }
.section-banner .main-breadcrumb { margin-bottom: 15px; }
.section-banner .main-breadcrumb li { color: #fff; }
.section-banner .main-breadcrumb li a { color: #fff; }
.section-banner .main-breadcrumb li:after {border-left-color: #fff;}
.section-banner .main-breadcrumb li:before { border-left: 3px solid var(--bs-dark) }
/* endregion */

/* region Blog */
.article-item { position: relative; z-index: 1; background-color: #fff; border-radius: 8px; margin-bottom: 16px; padding: 16px 16px 16px 24px; box-shadow: 0 4px 8px -2px rgb(0 0 0 / 8%);}
.article-item .post-category a { font-size: 12px; font-weight: 600; line-height: 1.64; color: var(--bs-gray); text-transform: uppercase; }
.article-item .post-title { position: relative; margin-top: 5px; }
.article-item .post-title h2 { font-size: 20px; font-weight: 700; display: inline; line-height: 1.3; margin: 0; }
.article-item .post-title h2 a { color: var(--bs-dark); }
.article-item .post-desc { font-size: 16px; margin-top: 7px; color: var(--bs-gray); line-height: 1.38; padding-right: 14px; }
.article-item .post-photo { display: block; }
.article-item .post-photo img { display: block; aspect-ratio: 16 / 9; width: 100%; border-radius: 3px; }

.category-sidebar { background-color: #fff; border-radius: 8px; padding: 16px 16px 16px 24px; box-shadow: 0 4px 8px -2px rgb(0 0 0 / 8%); }
.category-sidebar h2 { font-size: 20px; margin: 0 0 15px; }

.single-post { padding: 50px 0; border-top: 1px solid #ddd; }
.single-post .main-breadcrumb { margin-bottom: 15px; }
.single-post .main-breadcrumb li:before { border-left-color:#fff; }
.single-post-title { font-size: 38px; line-height: 1.4; margin: 0; }
.single-post-meta { display: flex; align-items: center; justify-content: flex-start; margin: 15px 0 20px; }
.single-post-meta .single-post-avatar { width: 52px; height: 52px; border: 2px solid #ddd; padding: 2px; border-radius: 50%; }
.single-post-meta .single-post-avatar img { width: 100%; border-radius: 50%; }
.single-post-meta .single-post-meta-text { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; font-size: 14px; margin-left: 10px; }
.single-post-image { margin: 0 0 20px; }
.single-post-image img { display: block; border-radius: 4px; width: 100%; max-height: 300px; object-fit: cover; }
.single-post-content { font-size: 18px; line-height: 1.5; color: #525659; }
.single-post-content p { margin-bottom: 15px; }
.single-post-content strong { font-weight: 700; }
.single-post-content a { font-weight: 700; color: var(--bs-primary) }
.single-post-content ul { list-style: square; padding-left: 30px; margin: 15px 0; }

.section-related { position: relative; padding: 50px 0; background-color: #ffffff; }
.section-related-bg { position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 0; height: 280px; background-image: linear-gradient(to bottom,var(--bs-primary),#2c287f);}
.section-related-bg:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100px; display: block; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon fill='%23ffffff' points='0,100 100,0 100,100'/%3E%3C/svg%3E"); }
.section-related .container { position: relative; z-index: 1; }
.section-related h2 { font-size: 36px; color: #fff; margin: 0 0 15px; }
.related-photo { display: block; }

.blog-more { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.blog-more a { font-size: 18px; font-weight: 600; border-radius: 5px;}
.blog-more a svg { width: 20px; height: 20px; margin-left: 5px; fill: var(--bs-dark);}
.blog-more a:hover svg {  fill: #ffffff; }

/* endregion */

/* region Reference */
.section-reference { width: 100%;position: relative;background: #f7f7f7;padding: 60px 0 90px; overflow: hidden;}
.section-reference ul { list-style: none;margin: 0;padding: 0;}
.section-reference ul &gt; li { width: 20%; float: left; position: relative; padding: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.section-reference ul &gt; li div { display: flex; align-items: center; justify-content: center; background: #fff; padding: 20px; border-radius: 6px; }
.section-reference ul &gt; li img { height: 60px; filter: grayscale(2);}
.section-reference ul &gt; li:hover img { filter: grayscale(0);}


.client-list { position: relative; padding: 60px 0; background: #fafbfb;}
.client-filter { position: relative; background: #0000001a; padding: 10px 10px 0; border-radius: 4px; margin: 0 10px 20px; text-align: center; }
.client-filter a{ position: relative; display: inline-block; border-radius: 4px 4px 0 0; font-size: 17px; font-weight: 500; padding: 8px 15px; color: #3C4858;   }
.client-filter a:hover { text-decoration: none; }
.client-filter a.active { background: #f7f7f7; color:#2D8CFF; }
.client-filter a.active:before { position: absolute; content: ''; bottom: -2px; left:0; width: 100%; background: #2D8CFF; height: 2px; display: none; }
/* endregion */

/* region Agreement */
.agreement-items { padding: 0 50px}
.agreement-box { position: relative; padding: 10px; margin-bottom: 60px; background: #fff; border: 1px solid #e6e6e6; }
.agreement-box img { width: 100%; max-height: 100%; object-fit: cover; }
.agreement-box .item-click { position: absolute; left: 10px; bottom: -30px; font-size: 14px; background: var(--bs-primary); color: #fff; height: 44px; line-height: 44px; padding: 0 0 0 10px; width: calc(100% - 20px); text-align: left; transition: all .6s ease-in-out; }
.agreement-box .item-click:hover { box-shadow: inset 500px 0 0 0 #25292c; }
.agreement-box .item-click svg { width: 44px; height: 44px; padding: 10px; float: right; text-align: center; fill:#ffffff; background: rgba(0, 0, 0, 0.2); }
/* endregion */

/* region Section Agreement */
.agreement-banner { padding: 0; }
.agreement-banner .row { display: flex; align-items: center; justify-content: flex-start; height: 300px; }

.section-agreement { padding: 60px 0; }
.section-agreement h2 { font-size: 28px; line-height: 1.2; margin: 0 0 20px; }
.section-agreement h3 { font-size: 24px; line-height: 1.2; margin: 0 0 20px; }
.section-agreement h4 { font-size: 20px; line-height: 1.2; margin: 0 0 20px; }
.section-agreement p { font-size: 18px; line-height: 1.5; margin: 0 0 20px;}
.section-agreement ul { list-style: square; padding-left: 30px; margin: 15px 0; }
.section-agreement ul li { font-size: 18px; line-height: 1.5; padding: 5px 0; }
.section-agreement .table { font-size: 18px; }
.section-agreement .table td { text-align: left; }
.section-agreement .table th { text-align: left; }
.section-agreement a { color: var(--bs-primary) }
/* endregion */


/* region Form */
.section-form { padding: 60px 0; }
.section-form .form-group { margin-bottom: 15px; }
.section-form .check-group { margin: 15px 0; }
.section-form .btn { min-width: 160px }
/* endregion */

/* region Solutions */
.section-widget { padding: 60px 0; }
.section-widget .heading { margin-bottom: 10px; }
.section-widget .heading .h-title { font-weight: 400; }
.widget { display: flex; align-items: flex-start; justify-content: flex-start; min-height: 204px; border: 1px solid #dbdbdb; padding: 30px 20px; border-radius: 5px; }
.widget .thumb { display: flex; align-items: flex-start; justify-content: flex-start; flex:0 0 48px; }
.widget .thumb img { width: 100%; }
.widget .text { padding-left: 12px;  }
.widget .text h3 { font-size: 18px; margin: 0; line-height: 1; font-weight: 400;  }
.widget .text p { font-size: 14px; margin: 10px 0; line-height: 1.4; color: var(--bs-gray); }

.section-solutions { padding: 60px 0; }
.section-solutions h2 { font-size: 28px; line-height: 1.2; margin: 0 0 20px; }
.section-solutions p { font-size: 18px; line-height: 1.5; margin: 0 0 20px;}
.section-solutions ul { list-style: square; padding-left: 30px; }
.section-solutions ul li { font-size: 18px; line-height: 1.5; padding: 5px 0; }
/* endregion */

/* region About */
.section-about { padding: 90px 0; }
.section-about .heading { margin-bottom: 50px; }
.section-about .heading .h-title { line-height: 1.3; }
.section-about h3 { font-size: 22px; text-align: center; }
.section-about p { font-size: 20px; line-height: 1.4;font-weight: 300; color: var(--bs-gray); }
.about-year { display: flex; align-items: flex-end; justify-content: center; line-height: 1; }
.about-year .y { font-size: 180px; font-weight: 800; line-height: .8; margin-right: 10px; }
.about-year .t { font-size: 18px; line-height: 1.4; text-align: left; padding-bottom: 20px; color: #ababab; }

.about-mission { position: relative;padding: 90px 0; text-align:center; background: fixed url(/media/slide/2.jpeg)center center no-repeat;background-size: cover; }
.about-mission:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; }
.about-mission .container { position: relative; z-index: 2; }
.about-mission h2 { color:var(--bs-white); font-size: 32px; margin:0 0 10px; }
.about-mission p { color:var(--bs-white); font-size: 24px;}

.section-about-solutions { padding: 90px 0; background-color: #f9fafc; }
.section-about-solutions .heading { margin-bottom: 30px; }
.section-about-solutions ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.section-about-solutions ul li { position: relative; flex: 0 0 50%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 20px 0 20px 50px; }
.section-about-solutions ul li svg { position: absolute; left: 15px; top: 25px; width: 26px;height: 26px; fill: var(--bs-dark)}
.section-about-solutions ul li h3 { font-size: 24px; font-weight: 700; margin: 0; color: var(--bs-dark) }
.section-about-solutions ul li p { font-size: 18px; font-weight: 300; color: var(--bs-gray); margin: 5px 0 0; }
/* endregion */

/* region Footer */
.footer { position: relative; padding: 60px 0 0; background-color: #202020; overflow: hidden; background-size: cover;  background-repeat: no-repeat;}
.footer:before { position: absolute; content: ''; left: 70%; top:0; width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .2;}
.footer .container { position: relative; }
.footer .breadcrumb { position: absolute; top: -55px; left:15px; background: transparent; padding: 0; margin-bottom: 0; font-size: 13px; }
.footer .breadcrumb a { color: #ccc; }
.footer .footer-top-right { position: relative; }
.footer .footer-top-right:before { position: absolute; content: ''; left:-60px; top:0; height: 100%; width: 1px; background: rgba(247,249,251,0.1);}
.footer .footer-top-right img { max-width: 200px; object-fit: cover; }
.footer .footer-top-right p { margin-top: 10px;margin-bottom: 0; font-weight: 400; font-size:14px; color: #ccc;}
.footer .footer-top-right .footer-social-link { margin-top: 20px; }
.footer .footer-top-right .footer-social-link ul { margin: 0; padding: 0; }
.footer .footer-top-right .footer-social-link ul li { display: inline-block; list-style: none; margin-right: 4px;}
.footer .footer-top-right .footer-social-link ul li a { display: flex; align-items: center; justify-content: center; font-size: 24px; height: 48px; width: 48px; line-height: 50px; border-radius: 10px; text-align: center; background-color: #0003;color: #fff;}
.footer .footer-top-right .footer-social-link ul li a svg { width: 18px; height: 18px; fill: #fff; }
.footer .footer-top-right .footer-social-link ul li a:hover { background: var(--bs-primary); }

.footer .footer-top-left .single-link h3 { font-size: 20px; line-height: 1; margin: 0 0 5px; font-weight: 500; color: #fff; text-transform: capitalize; }
.footer .footer-top-left .single-link h3 svg { display: block; width:32px; height: 32px; margin-bottom: 10px; }
.footer .footer-top-left ul { margin: 0; padding: 0; list-style: none;}
.footer .footer-top-left ul li:nth-child(1) { color: #ffffff; opacity: .7; font-weight: 400; font-size: 15px; margin-bottom: 10px;}
.footer .footer-top-left ul li:nth-child(2) { line-height: 40px; color: #ffffff; opacity: .7; font-weight: 500; font-size: 17px;}
.footer .footer-top-left ul li:nth-child(3) { line-height: 40px; color: #ffffff; opacity: .7; font-weight: 500; font-size: 17px;}
.footer .footer-top-left ul li a { color: #ffffff; font-weight: 500; font-size: 17px; }

.footer .footer-bottom { padding: 18px 0;margin-top: 40px; border-top: 1px solid rgba(247,249,251,0.1); background: #202020;}
.footer .footer-bottom p { color: #fff; opacity: .7; font-weight: 400; margin: 0; font-size: 15px;}
.footer .footer-bottom p a { color: #fff; }
.footer .footer-bottom ul { float: right; margin: 0; padding: 0; }
.footer .footer-bottom ul li { list-style: none; display: inline-block; margin-left: 20px; }
.footer .footer-bottom ul li a { color: #fff; font-weight: 400; font-size: 14px;}
.footer .footer-bottom ul li a:hover { color: var(--bs-primary); }

/* endregion */

/* region Noty */
#noty_layout__bottom,#noty_layout__bottomCenter,
#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{position:fixed;margin:0;padding:0;z-index:9999999;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}
#noty_layout__top{top:0;left:5%;width:90%}
#noty_layout__topLeft{top:20px;left:20px;width:325px}
#noty_layout__topCenter{top:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px),-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerLeft{top:50%;left:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerRight{top:50%;right:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}
.noty_progressbar{display:none}
.noty_has_timeout.noty_has_progressbar .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2}
.noty_bar{-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0) translateZ(0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}
.noty_effects_open{opacity:0;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}
.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,.05);border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.noty_close_button:hover{background-color:rgba(0,0,0,.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}
.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{100%{opacity:.3}}@keyframes noty_modal_in{100%{opacity:.3}}@-webkit-keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@-webkit-keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{100%{height:0}}@keyframes noty_anim_height{100%{height:0}}#noty_layout__bottom,#noty_layout__bottomCenter,#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{z-index:998!important}

#noty_layout__topRight{top:143px}
.noty_modal{z-index:998!important}
.noty_theme__mint.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}
.noty_theme__mint.noty_bar .noty_body{ display: flex; align-items: center; justify-content: flex-start; padding:20px; }
.noty_theme__mint.noty_bar .noty_body i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; margin-right: 10px; font-size: 20px; color: #fff; }
.noty_theme__mint.noty_bar .noty_buttons{padding:10px}
.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__is-alert,
.noty_theme__mint.noty_type__notification{background-color:#fff;border:4px solid #e5e3e3;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information,
.noty_theme__mint.noty_type__is-info{background-color:#fff;border-left:4px solid #1D72F3;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_type__info .noty_body i { background-color: #1D72F3 !important; }

.noty_theme__mint.noty_type__is-success,
.noty_theme__mint.noty_type__success{background-color:#fff;border-left:4px solid #2BDE3F;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_type__success .noty_body i { background-color: #2BDE3F !important;}

.noty_theme__mint.noty_type__is-warning,
.noty_theme__mint.noty_type__warning{background-color:#fff;border-left:4px solid #FFC007;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_type__warning .noty_body i { background-color: #FFC007 !important; }

.noty_theme__mint.noty_type__error,
.noty_theme__mint.noty_type__is-error{background-color:#fff;border-left:4px solid #f1406c;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_type__error .noty_body i { background-color: #f1406c !important; }

.noty_theme__mint.noty_type__danger,
.noty_theme__mint.noty_type__is-danger{background-color:#fff;border-left:4px solid #f1406c;color:#878787; border-radius: 4px; box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 20%);}
.noty_type__danger .noty_body i { background-color: #f1406c !important; }

#noty_layout__topRight {z-index: 99999 !important;}

/* endregion */

/* region Wait Me */
.waitMe_container:not(body),body.waitMe_container .waitMe{transform:translateZ(0);backface-visibility:hidden}body.waitMe_container .waitMe{position:fixed;height:100vh}body.waitMe_container .waitMe .waitMe_content{top:50%!important;transform:none!important}.waitMe_container .waitMe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}.waitMe_container .waitMe *{font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}.waitMe_container .waitMe .waitMe_content{position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}.waitMe_container .waitMe .waitMe_content.horizontal&gt;.waitMe_progress{display:inline-block;vertical-align:middle}.waitMe_container .waitMe .waitMe_content.horizontal&gt;.waitMe_text{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.waitMe_container .waitMe .waitMe_progress{position:relative;font-size:0;line-height:0}.waitMe_container .waitMe .waitMe_progress&gt;div{animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.waitMe_container .waitMe .waitMe_text{position:relative;margin:20px 0 0}body.waitMe_body{overflow:hidden;height:100%}body.waitMe_body.hideMe{transition:opacity .2s ease-in-out;opacity:0}body.waitMe_body .waitMe_container:not([data-waitme_id]){position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}body.waitMe_body .waitMe_container:not([data-waitme_id])&gt;div{animation-fill-mode:both;position:absolute}body.waitMe_body .waitMe_container.progress&gt;div{width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}body.waitMe_body .waitMe_container.working&gt;div{width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}body.waitMe_body .waitMe_container.progress&gt;div:after{content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}body.waitMe_body .waitMe_container.img&gt;div{width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}body.waitMe_body .waitMe_container.text&gt;div{width:100%;top:45%;text-align:center}@keyframes progress_body{0%{width:0}100%{width:100%}}@keyframes working_body{0%{left:-10%}100%{left:100%}}.waitMe_container .waitMe_progress.bounce&gt;div{width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{animation-delay:-.32s}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.rotateplane&gt;div{width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}@keyframes rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}.waitMe_container .waitMe_progress.stretch{height:60px}.waitMe_container .waitMe_progress.stretch&gt;div{width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{animation-delay:-1.1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{animation-delay:-1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{animation-delay:-.9s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{animation-delay:-.8s}@keyframes stretch{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.waitMe_container .waitMe_progress.orbit{width:40px;height:40px;margin:auto;position:relative}.waitMe_container .waitMe_progress.orbit&gt;div{width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}.waitMe_container .waitMe_progress.orbit&gt;div&gt;div{width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2&gt;div{top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}@keyframes orbit_rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.waitMe_container .waitMe_progress.roundBounce{width:60px;height:60px;margin:auto}.waitMe_container .waitMe_progress.roundBounce&gt;div{width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{top:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{top:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{bottom:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{bottom:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{top:-3%;left:50%;margin-top:-12%;margin-left:-12%;animation-delay:-1.1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{top:50%;right:-3%;margin-top:-12%;margin-right:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{top:50%;left:-3%;margin-top:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{top:0;right:0;animation-delay:-1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{animation-delay:-.9s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{animation-delay:-.8s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{bottom:0;right:0;animation-delay:-.7s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{animation-delay:-.6s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{animation-delay:-.5s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{bottom:0;left:0;animation-delay:-.4s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{animation-delay:-.3s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{animation-delay:-.2s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{top:0;left:0;animation-delay:-.1s}@keyframes roundBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.win8{width:40px;height:40px;margin:auto}.waitMe_container .waitMe_progress.win8&gt;div{width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}.waitMe_container .waitMe_progress.win8&gt;div&gt;div{width:15%;height:15%;border-radius:50%;position:absolute}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{animation-delay:.24s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{animation-delay:.48s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{animation-delay:.72s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{animation-delay:.96s}@keyframes win8{0%{transform:rotate(225deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}100%,76%{opacity:0;transform:rotate(945deg)}}.waitMe_container .waitMe_progress.win8_linear{margin:auto;width:150px;height:6px}.waitMe_container .waitMe_progress.win8_linear&gt;div{width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}.waitMe_container .waitMe_progress.win8_linear&gt;div&gt;div{width:4%;height:100%;border-radius:50%}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{animation-delay:.3s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{animation-delay:.6s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{animation-delay:.9s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{animation-delay:1.2s}@keyframes win8_linear{0%,100%{transform:translateX(0);animation-timing-function:ease-out}10%{opacity:1;transform:translateX(33.333%);animation-timing-function:linear}50%{opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}60%{opacity:0;transform:translateX(86.666%)}}.waitMe_container .waitMe_progress.ios{margin:auto;width:40px;height:40px}.waitMe_container .waitMe_progress.ios&gt;div{width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{transform:rotate(0) translate(0,-142%);animation-delay:0s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{transform:rotate(30deg) translate(0,-142%);animation-delay:-.9167s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{transform:rotate(60deg) translate(0,-142%);animation-delay:-.833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{transform:rotate(90deg) translate(0,-142%);animation-delay:-.75s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{transform:rotate(120deg) translate(0,-142%);animation-delay:-.667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{transform:rotate(150deg) translate(0,-142%);animation-delay:-.5833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{transform:rotate(180deg) translate(0,-142%);animation-delay:-.5s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{transform:rotate(210deg) translate(0,-142%);animation-delay:-.41667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{transform:rotate(240deg) translate(0,-142%);animation-delay:-.333s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{transform:rotate(270deg) translate(0,-142%);animation-delay:-.25s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{transform:rotate(300deg) translate(0,-142%);animation-delay:-.1667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{transform:rotate(330deg) translate(0,-142%);animation-delay:-.0833s}@keyframes ios{0%{opacity:1}100%{opacity:.25}}.waitMe_container .waitMe_progress.facebook{margin:auto}.waitMe_container .waitMe_progress.facebook&gt;div{width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}.waitMe_container .waitMe_progress.facebook&gt;.waitMe_progress_elem1{animation-delay:.2s;transform:scaleY(.7)}.waitMe_container .waitMe_progress.facebook&gt;.waitMe_progress_elem2{animation-delay:.4s;transform:scaleY(.85)}.waitMe_container .waitMe_progress.facebook&gt;.waitMe_progress_elem3{animation-delay:.6s;transform:scaleY(1)}@keyframes facebook{0%,100%{transform:scaleY(.7);opacity:.1}50%{transform:scaleY(1);opacity:1}}.waitMe_container .waitMe_progress.rotation&gt;div{width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.timer{width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}.waitMe_container .waitMe_progress.timer&gt;.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer&gt;.waitMe_progress_elem2{border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}.waitMe_container .waitMe_progress.timer&gt;.waitMe_progress_elem2{height:40%;animation:timer 15s infinite linear}@keyframes timer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.pulse{width:30px;height:30px;margin:auto;position:relative}.waitMe_container .waitMe_progress.pulse&gt;div{margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.waitMe_container .waitMe_progress.progressBar{width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}.waitMe_container .waitMe_progress.progressBar&gt;div{width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);animation:progressBar 2s linear infinite}@keyframes progressBar{0%{background-position:0 0}100%{background-position:50px 50px}}.waitMe_container .waitMe_progress.bouncePulse&gt;div{width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bouncePulse&gt;.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse&gt;.waitMe_progress_elem3{animation-delay:.1s}.waitMe_container .waitMe_progress.bouncePulse&gt;.waitMe_progress_elem2{animation-delay:.4s}@keyframes bouncePulse{0%,100%,80%{transform:scale(.5)}40%{transform:scale(1)}}
/* endregion */

/* region Animate */
@-webkit-keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1.1);}}
@keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1.1);}}
@-webkit-keyframes bounce {from {-webkit-transform: translateY(0px);}to {-webkit-transform: translateY(10px);}}
@-moz-keyframes bounce {from {-moz-transform: translateY(0px);}to {-moz-transform: translateY(10px);}}
@keyframes bounce {from {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}to {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);} }
@keyframes banner-title {from {transform: translateX(500px);opacity: .1;}to {transform: translateX(0);opacity: 1;}}
@keyframes banner-desc {from {transform: translateY(100px);opacity: .1;}to {transform: translateX(0);opacity: 1;}}
@keyframes banner-button {from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes tso-rainbow{from{background-position:0 0}to{background-position:100vw 0}}@keyframes tso-rainbow{from{background-position:0 0}to{background-position:100vw 0}}
/* endregion */

.cart-complete { text-align: center; font-size: 18px;}
.cart-complete svg { height: 62px; width: 62px; fill: var(--bs-success); }
.cart-complete h1 { font-size: 32px; font-weight: 700; text-align: center; color: var(--bs-success); margin: 0 0 15px; }
.cart-complete .btn { color: #fff; }

.contract-popup { display: none; font-size: 14px; color: #333; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 130; padding: 10px 30px; box-shadow: 0 0 30px rgba(0,0,0,0.2); background-color: #fff; }
.contract-popup strong { display: block; font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.contract-popup .contract-close { display: inline-flex; align-items: center; justify-content: center; height: 46px; background: var(--bs-dark); margin-top: 15px; color:#fff; border-radius: 5px; font-weight: 600; padding: 0 15px;line-height: 1; }

@media only screen and (max-width: 767px){
    .contract-popup { padding: 15px; width: calc(100% - 40px);  }
}

.hide { display: none !important; }

@media only screen and (max-width: 767px){
    body { font-size: .8rem; }

    .slide-section { height: 60vh; }
    .slide-section .caption-title { top: 30%; }
    .slide-section .caption-title .text strong { font-size: 32px; line-height: 1.2; }
    .slide-section .caption-title .text b { font-size: 32px; line-height: 1.2; }
    .slide-section .caption-title .text b&gt;strong { font-size: 32px; line-height: 1.2; }
    .slide-section .caption-title p { font-size: 18px !important;}
    .slide-section .caption-title .text .slogan { top: -80px; left: 230px; right: unset; width: 100px; }
    .slide-section .s-box .item { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px;border-top: 1px solid rgba(255,255,255,0.07); }
    .slide-section .s-box .item svg { width: 24px; height: 24px; }
    .slide-section .s-box .item span { font-size: 13px; line-height: 1.3; }
    .scroll-down { bottom: 25px; right: 35px; }
    #owl-home .owl-dots { right: 30px; }

    .heading .h-title { font-size: 32px; }
    .heading .h-desc { font-size: 18px; }

    .widget { padding: 15px; margin: 10px 0; }

    .list-3 li a .front, .list-3 li a .back { padding: 10px; }
    .list-3 li a .back { font-size: 14px; line-height: 1.4; }

    .home-counter { padding: 0 0 30px; text-align: center; background: linear-gradient(to top, #dfdfdf 44.66667%, #dfdfdf38 58.33333%); }
    .home-counter .home-counter-bg { position: relative; top: unset; left: 0; right: unset; width: 100%; }
    .home-counter .title { font-size: 24px; }
    .home-counter .subtitle { font-size: 16px; line-height: 1.4; margin-bottom: 10px; }
    .home-counter .counters p { font-size: 14px; }

    .home-references { padding: 50px 0; overflow: hidden; }

    .home-blog .blog-item .blog-info { flex-wrap: wrap; left: 20px; right: 20px; width: calc(100% - 40px); }

    .home-form .btn { width: 100%; margin-top: 15px; float: unset; }

    .home-products { text-align: center; }
    .home-products ul { margin-top: 30px; }
    .home-products ul li { padding: 15px; flex: 0 0 calc(50% - 10px); min-height: 100px; }
    .home-products ul li:nth-child(6) img { width: 68px !important; }

    .home-certificate2 .certificate-main { padding: 30px; border-radius: 20px; }
    .home-certificate2 .certificate-main .row.w-100 { width: unset; }
    .home-certificate2 .certificate-main .item { padding: 15px 0; }
    .home-certificate2 .certificate-main .item:nth-child(1) { border-bottom: 1px solid #ddd; }
    .home-certificate2 .certificate-main .item:nth-child(2) { border-right: 0; border-bottom: 1px solid #ddd; }
    .home-certificate2 .certificate-main .item:nth-child(3) { border-bottom: 1px solid #ddd; }
    .home-certificate2 .certificate-main .item:nth-child(4) { border-right: 0; border-bottom: 1px solid #ddd; }

    .home-services { padding: 30px 0 30px; overflow: hidden; text-align: center; }
    .home-services .container { padding: 0 5px; }
    .home-services .text-holder { margin-top: 30px; }
    .home-services .text-holder h2 { font-size: 32px; }

    .list-1 { margin-top: 5px; }
    .list-1 li { flex: 0 0 calc(50% - 10px); margin: 5px; }
    .list-1 li a { padding: 10px; align-items: center; text-align: center; }
    .list-1 li a .text { font-size: 14px; }
    .list-1 li a .desc { font-size: 12px; line-height: 1.3; }

    .list-2 li a { padding: 10px; min-height: 256px; justify-content: flex-start; }
    .list-2 li a .desc { font-size: 15px; line-height: 1.3; }

    .section-about-solutions ul li { flex: 0 0 100%; zoom: 80%; }
    .about-mission p { font-size: 17px; line-height: 1.3; }
    .about-year .y { font-size: 160px; }

    .home-certificate { padding: 50px 0; text-align: center; }
    .home-certificate .item:nth-child(3) { border-right: 1px solid #ddd; }
    .home-certificate .item:nth-child(4) { border-bottom: 1px solid #ddd; }

    .home-solutions { overflow: hidden; padding: 50px 0; }
    .home-solutions .col-6 { padding: 0 5px; }

    .solution-box { margin: 10px 0 !important; }
    .section-solutions img { margin-bottom: 30px; }
    .solution-box .thumb img { height: 140px; }
    .solution-box .text { padding: 10px 5px; min-height: 150px; }
    .solution-box .text h3 { font-size: 16px; }
    .solution-box .text p { font-size: 14px; line-height: 1.3; }

    .section-agreement img { margin-bottom: 30px; }

    .footer { padding-top: 50px; text-align: center; }
    .footer .breadcrumb { padding-top: 20px; }
    .footer-top-right { margin-bottom: 30px; }
    .footer .footer-top-left .single-link h3 svg { margin: 0 auto 10px; }
    .footer .footer-top-left .single-link ul { margin: 10px 0 20px;}
    .footer .footer-top-left .footer-subscriber { margin-top: 10px;}
    .footer .footer-bottom { margin-top: 0; text-align: center;padding: 30px 0; }
    .footer .footer-bottom p { margin-bottom: 15px; }
    .footer .footer-bottom ul li { margin: 5px 10px; }
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Light.otf') format('opentype'), url('../fonts/Klavika-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika.ttf') format('truetype'), url('../fonts/Klavika-Regular.otf') format('opentype'), url('../fonts/Klavika-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Medium.otf') format('opentype'), url('../fonts/Klavika-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Bold.otf') format('opentype'), url('../fonts/Klavika-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

</pre></body></html>