/* 
	Table of Contents
	update on Thu Apr 17 2025 09:25:39 GMT+0300 (GMT+03:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Bootstrap resets -------------------------
	         Container --------------------------------
	     04. Fonts ------------------------------------
	     05. Helpers ----------------------------------
	         Backdrop ---------------------------------
	         Scroll -----------------------------------
	         Background -------------------------------
	         Spacing ----------------------------------
	         Fonts ------------------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Sidebar ----------------------------------
	     04. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Breadcrumb -------------------------------
	     02. Button -----------------------------------
	     03. Card -------------------------------------
	     04. Form Elements ----------------------------
	     05. Form -------------------------------------
	     06. List -------------------------------------
	     07. Nav --------------------------------------
	     08. Section ----------------------------------
	     09. Slider -----------------------------------
	     10. Table ------------------------------------
	     11. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: white; font-family: 'Opensans Regular', sans-serif; font-size: 18px; line-height: 1.38; color: #3E3E3E; }

a { color: inherit; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.69em; }

h1,
.h1,
h2,
.h2 { font-size: 45px; line-height: 1.11; }
h3,
.h3 { font-size: 26px; line-height: 1.34; }
h4,
.h4 { font-size: 25px; line-height: 1.12; }
h5,
.h5 { font-size: 1.25rem; line-height: 1.35; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1199px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 38px; }
}

@media (max-width: 1024px) {
	h3,
	.h3 { font-size: 24px; }

	h4,
	.h4 { font-size: 23px; }

	h5,
	.h5 { font-size: 18px; }
}

@media (max-width: 991px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 32px; }

	h3,
	.h3 { font-size: 22px; }

	h4,
	.h4 { font-size: 21px; }

}

 @media (max-width: 1499px) {
	html { font-size: 14px; }
}


@media (max-width: 767px) {
	html { font-size: 16px; }
}

@media (max-width: 575px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 28px; }

	h3,
	.h3 { font-size: 20px; }

	h4,
	.h4 { font-size: 18px; }

	h5,
	.h5 { font-size: 17px; }
}

/* ------------------------------------------------------------ *\
	Bootstrap resets
\* ------------------------------------------------------------ */

/* Container */
@media(min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl { max-width: calc(1080px + .75rem * 2) !important; }
}

@media(max-width: 1200px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1080px + .75rem * 2) !important; }
}

@media(max-width: 992px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1080px + .75rem * 2) !important; }
}

@media(max-width: 767px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: calc(1080px + 1.5rem) !important; }
}

@media(max-width: 575px){
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl { max-width: 100% !important; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Opensans Regular';
    src: url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Opensans Semibold';
    src: url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Opensans Bold';
    src: url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa Regular';
    src: url('../fonts/Comfortaa-Regular-new.woff') format('woff'),
         url('../fonts/Comfortaa-Regular-new.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa Bold';
    src: url('../fonts/comfortaa-bold-webfont.woff') format('woff'),
         url('../fonts/comfortaa-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* Backdrop */
.backdrop-c { position: fixed; z-index: 1025; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; opacity: 0; transition: opacity 0.3s ease; }
.backdrop-c.active { display: block; opacity: 1; }

/* Scroll */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-track { background: #737373; }
body::-webkit-scrollbar-thumb { background: #354C85; }

/* Background */
.bg-secondary-c { background-color: #F6F6F6 !important; }

/* Spacing */
:root {
	--spacing-xxl: 3.75rem; 
	--spacing-xl:  2.75rem; 
	--spacing-lg:  1.75rem; 
	--spacing-md:  1.5rem; 
	--spacing-sm:  0.75rem; 
	--spacing-xs:  0.5rem; 
}

.padding-xxl { padding: var(--spacing-xxl) 0 !important; }
.padding-xl  { padding: var(--spacing-xl) 0 !important; }
.padding-lg  { padding: var(--spacing-lg) 0 !important; }
.padding-md  { padding: var(--spacing-md) 0 !important; }

.padding-botton-lg { padding-bottom: var(--spacing-lg) !important; }

/* Fonts */
.ff-cr { font-family: 'Comfortaa Regular', sans-serif !important; }

/* products-Mechanical-seals-02 list */
ol.list-product-info .list-item { display: list-item; list-style: auto; }
ol.list-product-info ul { margin: 1.5rem 0; padding-left: 0; }
ol.list-product-info ul li { list-style: none !important; }

@media (max-width: 1199px) {
	ol.list-product-info { padding-left: 1.5rem; }
	ol.list-product-info ul { padding-left: 1rem; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: relative; }
.footer-top { padding: 1.5rem 0; background-color: #343434; color: #B0A2A2; }
.footer-top .list-inner { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; gap: 1.75rem; }
.footer-top .list-inner .list-item-md { -ms-flex: 0 0 205px; flex: 0 0 205px; }
.footer-top .list-inner .list-item-md:first-child { border-right: 1px solid #525252; }
.footer-top .list-inner .list-item-md:first-child img { width: 100%; padding-right: 1.75rem; }
.footer-top .list-inner .list-item-md:first-child img:first-child { margin-bottom: 18px; }
.footer-top .list-inner .list-item-lg { -ms-flex: calc(100% - 410px ); flex: calc(100% - 410px ); padding-right: 1.75rem; border-right: 1px solid #525252; }
.footer-top .list-inner .list-item ol { padding-left: 0; }
.footer-top .list-inner .list-item ol:first-child { margin-bottom: 1.5rem; }
.footer-top .list-inner .list-item ol li { font-size: 14px; list-style-type: none; }
.footer-top .btn { width: 100%; }

.footer-bottom { padding: 15px 0; background-color: #252525; color: #6A6A6A; text-align: center; }
.footer-bottom span { font-size: 14px; font-style: italic; }

@media (max-width: 991px) {
	.footer-top .list-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
	.footer-top .list-inner .list-item-md { -ms-flex: 0 0 calc(50% - 1.75rem); flex: 0 0 calc(50% - 1.75rem); -ms-flex-order: 2; order: 2; }
	.footer-top .list-inner .list-item-md:first-child,
	.footer-top .list-inner .list-item-lg { border-right: none; }
	.footer-top .list-inner .list-item-md:first-child img { width: auto; padding-right: 0; }
	.footer-top .list-inner .list-item-lg { -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; }
}

@media(max-width: 480px) {
	.footer-top .list-inner { gap: 1.25rem; }
	.footer-top .list-inner .list-item-md { -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.footer-top .list-inner .list-item ol:first-child { margin-bottom: 1rem; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background-color: #354C85; }
.header.hover { padding-right: 10px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {  }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {  }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Breadcrumb
\* ------------------------------------------------------------ */

.breadcrumb { margin: 10px 0 !important; }
.breadcrumb li { font-size: 16px; color: #808080; line-height: 1.375;  }
.breadcrumb a { text-decoration: none; }
.breadcrumb-item + .breadcrumb-item::before { filter: brightness(0) saturate(100%) invert(57%) sepia(2%) saturate(0%) hue-rotate(149deg) brightness(88%) contrast(87%); color: #808080; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { overflow: hidden; position: relative; border-radius: 5px; font-family: 'Opensans Bold', sans-serif; appearance: none; }
.btn span { position: relative; z-index: 10; }

.btn-bordered { padding: 10px 43px !important; border: 1px solid #354C85; padding: 0.5rem 1.25rem; background-color: transparent;  font-size: 14px; line-height: 1.35; color: #354C85; text-transform: lowercase; transition: all 0.3s ease; }
.btn-bordered::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #aaddff; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.3s ease; z-index: -1; } 
.btn-bordered:hover::before { z-index: 2; -ms-transform: translateX(0); transform: translateX(0); }
.btn-bordered:hover { border-color: transparent; color: white !important; }

.btn-light-primary { padding: 6px 3rem; background-color: #47CEFF; font-size: 16px; color: white; line-height: 1.37; transition: .3s ease; }	
.btn-light-primary:hover { background-color: #354C85 !important; color: white !important; }

.btn-search { position: absolute; right: .75rem; padding: 5px; background-color: white; }
.btn-search:hover,
.btn-search:focus,
.btn-search:active { border-color: transparent !important; }

.btn-inner { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; }
.btn-inner img { margin-right: 5px; }

@media (max-width: 767px) {
	.btn { font-size: 16px; }

	.btn-light-primary { padding: 6px 1.5rem; }
}

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { position: relative; border: none; }

.card-title { font-family: 'Comfortaa Bold', sans-serif; color: #354C85; }

.card-product-teaser { -ms-flex-direction: row; flex-direction: row; gap: 13px; margin-bottom: 3.75rem; background-color: transparent; transition: .3s ease; }
.card-product-teaser:hover .card-left img { box-shadow: 0 4px 4px rgba(0, 0, 0, .25); }
.card-product-teaser .btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #aaddff; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.3s ease; z-index: -1; } 
.card-product-teaser:hover .btn::before { z-index: 2; -ms-transform: translateX(0); transform: translateX(0); }
.card-product-teaser:hover .btn { border-color: transparent; color: white !important; }
.card-product-teaser .card-left { overflow: hidden; -ms-flex: 0 0 220px; flex: 0 0 220px; padding: 4px; }
.card-product-teaser .card-left img { width: 100%; transition: .3s ease; }
.card-product-teaser .card-title { margin-bottom: 14px; }
.card-product-teaser .card-text { margin-bottom: 1rem; font-size: 14px; line-height: 1.35; }
.card-product-teaser .card-right { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; }

.card-product-repair .card-img { overflow: hidden; border-radius: 0; }
.card-product-repair .card-img img { width: 100%; transition: .3s ease;}
.card-product-repair:hover .card-img img { -ms-transform: scale(1.05); transform: scale(1.05); } 
.card-product-repair .card-body { padding: 1.25rem; border-bottom-right-radius: 100px; background-color: #F6F6F6; text-align: center; }
.card-product-repair .card-title { margin-bottom: 13px; }
.card-product-repair .btn-inner { -ms-flex-pack: center; justify-content: center; }

.card-reference { margin-bottom: 3.25rem; text-decoration: none; box-shadow: 2px 4px 10px rgba(0, 0, 0, .25); }
.card-reference img { width: 100%; }
.card-reference .overlay { position: absolute; bottom: 5px; right: 5px; }

.card-agency { -ms-flex-direction: row; flex-direction: row; margin-bottom: 77px; }
.card-agency:hover img { box-shadow: 0 4px 4px rgba(0, 0, 0, .25); }
.card-agency .card-left { -ms-flex: 0 0 325px; flex: 0 0 325px; max-width: 325px; margin-right: 12px; }
.card-agency .card-left img { width: 100%; transition: .3s ease; }
/* .card-agency .card-right { flex: 0 0 auto; } */

@media (max-width: 991px) {
	.card-product-teaser { -ms-flex-direction: column; flex-direction: column; }
	.card-product-teaser .card-left { -ms-flex: none; flex: none; }

	.card-reference,
	.card-agency { margin-bottom: 2rem; }

}

@media (max-width: 767px) {
	.card-product-teaser { margin-bottom: 2rem; }
	.card-product-teaser .card-text { font-size: 16px; }

	.card-agency { -ms-flex-direction: column; flex-direction: column; -ms-flex: calc(50% - 1rem); flex: calc(50% - 1rem); gap: 1rem; }
	.card-agency .card-left { -ms-flex: none; flex: none; max-width: unset; margin-right: 0; }
}

@media (max-width: 575px) {
	.card-product-repair .card-body { text-align: start; }
	.card-product-repair .btn-inner { -ms-flex-pack: start; justify-content: flex-start; }
}

@media (max-width: 480px) {
	.card-agency { -ms-flex: 100%; flex: 100%; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { overflow: hidden; position: relative; }

.form-control { padding: 7px 10px; border-radius: 5px; font-style: italic; color: #BDBDBD; }
.form-control:focus { box-shadow: 2px 1px 4px #354C85; }
.form-contact .form-group { margin-bottom: 13px; }
.form-contact .form-control { border-color: transparent; background-color: #525252; font-size: 16px; }
.form-contact textarea { height: 100%; }

.form-search { overflow: visible; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.form-search .form-control { max-width: 225px; min-width: 225px; border-color: #354C85;  }


@media (max-width: 991px) {
	.form-search { -ms-flex-order: -1; order: -1; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 1.5rem; }
	.form-search .form-control { max-width: 100%; }
}

@media (max-width: 767px) {
	.form-contact .col-md-6:first-child { margin-bottom: 13px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-group-search-results { overflow-y: auto; overflow-x: hidden; position: absolute; top: 2.5rem; display: none; padding: 5px; border: 1px solid; height: 350px; border-radius: 0; border-top: 0; border-color: #354C85; background-color: white; }
.list-group-search-results.show { z-index: 20; display: block; width: 100%; background-color: white; }
.list-group-search-results .list-item { margin-bottom: .75rem; }
.list-group-search-results .list-item a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; }
.list-group-search-results .list-item img { max-width: 30%; margin-right: .5rem; }
.list-group-search-results .list-item h4 { margin-bottom: 4px; }
.list-group-search-results .list-item p { font-size: 14px; }

.list-product-info { margin-bottom: 3.35rem; }
.list-product-info .list-title { margin-bottom: 2.5rem; font-family: 'Opensans Bold', sans-serif; text-transform: uppercase; }
.list-product-info .list-item { font-size: 1.25rem; line-height: 1.35; }
.list-product-info .list-item span { margin-right: 2.5rem; }

.list-group-materials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 53px 30px; -ms-flex-align: end; align-items: flex-end; padding: 2.5rem 0; border-bottom: 1px solid #808080; border-radius: 0; }
.list-group-materials .list-title { margin-bottom: 1.5rem; }
.list-group-materials .list-item .btn { width: 100%; padding: 6px; }

@media (max-width: 1499px) {
	.list-group-search-results { top: 2.75rem; }
}

@media (max-width: 991px) {
	.list-group-search-results { width: 100%; }

	.list-group-materials { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.list-product-info { margin-bottom: 1.5rem; }
	.list-product-info .list-item { font-size: 1rem; }
	.list-product-info .list-title { margin-bottom: 1rem; }

	.list-group-materials { grid-template-columns: repeat(1, 1fr); }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navbar-main { display: block; padding: 0; transition: transform 0.3s ease }
.navbar-main .navbar { -ms-flex-pack: normal; justify-content: normal; padding: 0; background-color: transparent; }
.navbar-main .navbar-left { overflow: hidden; position: relative; height: 100%; }
.navbar-main .navbar-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; }
.navbar-main .navbar-brand { display: block; }
.navbar-main .navbar-collapse-c { -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0; }
.navbar-main .dropdown-menu { position: absolute; z-index: 100; min-width: 14rem; height: auto; padding: 1.25rem 1.5rem; opacity: 0; visibility: hidden; border: 1px solid #808080; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: white; box-shadow: 0px 6px 10px 0px #00000026; transition: all 0.25s ease-in-out; }
.navbar-main .dropdown-menu-lang { min-width: 5rem; padding: 1rem; text-align: center; }
.navbar-main .dropdown-menu-lang.show { right: 0; left: unset !important; }
.navbar-main .dropdown-item:first-child { margin-top: 0; }
.navbar-main .dropdown-item { margin-bottom: .5rem; padding: 0; color: white; }
.navbar-main .dropdown-item:last-child { margin-bottom: 0; }
.navbar-main .dropdown-item:hover { background-color: transparent; }
.navbar-main .dropdown-item:active { color: black !important; }
.navbar-main .dropdown-link { padding: 0; font-size: 1rem; transition: .3s ease; text-decoration: none; }
.navbar-main .dropdown-link:hover { color: #47CEFF; text-decoration: underline; }
.navbar-main .nav-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; margin-right: 18px; padding: 1.5rem 0; font-family: 'Comfortaa Regular', sans-serif; font-size: 13px; line-height: 1.01; color: white; text-transform: uppercase; transition: .3s ease; }
.navbar-main .nav-link:hover { color: #47CEFF; }
.navbar-main .nav-link:hover i { color: white; }


/* .navbar-main .navbar-right .nav-item .nav-link::before { content: ''; position: absolute; top: 55%; right: 50%; width: 100%; height: 1px; background: $white; transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 100% 50%; }
.navbar-main .navbar-right .nav-item:hover .nav-link::before { transform: scale(1,1) translate(50%, 0); transform-origin: 0 50%; } */

.navbar-end { padding-left: 0; }
.navbar-end .nav-link { margin-right: 0; }


@media(min-width: 992px){
	.navbar-main .navbar-inner { position: relative; }
	.navbar-main .navbar-collapse-c { position: static;}
	.navbar-main .dropdown-menu.show { left: 0; width: 100%; opacity: 1; visibility: visible; margin-top: 0rem; padding: 0; border-bottom-right-radius: 100px; border-color: transparent; }
	.navbar-main .dropdown-menu-lang.show { padding: .5rem; border-bottom-right-radius: 10px; background-color: #354C85; }
    .navbar-main .dropdown-item-submenu:hover > .dropdown-submenu { opacity: 1; visibility: visible; margin-top: 0rem; }
	.navbar-main .nav-item i { position: absolute; bottom: 10px; font-size: 12px; transition: .4s ease; }
    .navbar-main .nav-item.dropdown:hover .nav-link i { -ms-transform: rotate(180deg); transform: rotate(180deg); }
	.navbar-main .navbar-right .nav-item { position: static; }
}

/* @media(max-width: 1499px){
	.navbar-main .navbar-right .form-control-search { min-width: 300px; }
	.navbar-main .navbar-brand { margin-right: 1rem; }
	.navbar-main .navbar-right { margin-left: 1rem; }
	.navbar-main .dropdown-item { margin-bottom: 1rem; }
}

@media(max-width: 1399px) {
	.navbar-main .nav-link { margin: 0 1rem; padding: 2rem 0; }
	.navbar-main .navbar-right .form-control-search { min-width: 250px; }
} */

@media(max-width: 1199px){
	/* .navbar-main .navbar-brand { max-width: 80%; margin-right: 0; } */
	/* .navbar-main .navbar-right { margin-left: 0; } */
}

@media(max-width: 991px){
	.navbar-main { padding: .5rem 0; }
	.navbar-main .navbar-left { position: absolute; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
	.navbar-main .navbar-toggler { height: 2rem; padding: 0; border-color: transparent;  }
	.navbar-main .navbar-toggler .toggler-btn-c-lines { position: relative; z-index: 2; display: block; width: 1.5rem !important; height: 1.5px; background: white; margin-right: 1.5rem; margin-bottom: 0; padding: 0; cursor: pointer; }
	.navbar-main .navbar-toggler:focus { box-shadow: none; }
	.navbar-main .toggler-btn-c-lines::before,
	.navbar-main .toggler-btn-c-lines::after { content: ""; position: absolute; }
	.navbar-main .toggler-btn-c-lines,
	.navbar-main .toggler-btn-c-lines::before,
	.navbar-main .toggler-btn-c-lines::after { width: 2rem; height: 1.5px; background: white; transition: all 0.4s ease-in-out; }
	.navbar-main .toggler-btn-c-lines::before { -ms-transform: translate(-0.75rem, -0.5rem); transform: translate(-0.75rem, -0.5rem); }
	.navbar-main .toggler-btn-c-lines::after { -ms-transform: translate(-.75rem, .5rem); transform: translate(-.75rem, .5rem); }
	.navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines { background: transparent; }
	.navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::before { -ms-transform: rotate(45deg) translate(-0.5rem, 0.5rem); transform: rotate(45deg) translate(-0.5rem, 0.5rem); background: white; }
	.navbar-main .navbar-toggler[aria-expanded=true] .toggler-btn-c-lines::after { -ms-transform: rotate(-45deg) translate(-0.5rem, -0.5rem); transform: rotate(-45deg) translate(-0.5rem, -0.5rem); background: white; }
	.navbar-main .dropdown-menu { max-height: unset; }
	.navbar-main .dropdown-menu.show, 
	.navbar-main .dropdown-submenu.show { margin-top: 0; visibility: visible; opacity: 1; }
	.navbar-main .navbar-collapse-c .dropdown-menu.show, 
	.navbar-main .navbar-collapse-c .dropdown-submenu.show { position: relative; padding: 0; border: none; background-color: #354C85; color: white; }
	.navbar-main .navbar-collapse-c { overflow: auto; position: fixed; bottom: 0; left: -100%; display: block; min-width: 40%; padding: 1.25rem; border-top: 2px solid #47CEFF; border-right: 2px solid #47CEFF; background-color: #354C85; 
		visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; }
	.navbar-main .navbar-collapse-c.show { left: 0; padding: 0; visibility: visible; opacity: 1; }
	.navbar-main .nav-link { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; font-size: 1.25rem;  }
	.navbar-main .nav-link i { transition: .3s ease; }
	.navbar-main .nav-link.show i { -ms-transform: rotate(180deg); transform: rotate(180deg); }
	.navbar-main .nav-item .nav-link::before { display: none; }
	.navbar-main .dropdown-menu { box-shadow: none; }
	.navbar-main .navbar-brand img { display: block; margin: 0 auto; }
	
	.navbar-end { margin-left: auto; }
	.navbar-end .nav-link { -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; }
	.navbar-end .nav-link img { margin: 6px; }
}

@media(max-width: 575px) {
    .navbar-main .navbar-collapse-c { width: 60%; }
	.navbar-main .nav-link { font-size: 1rem; line-height: 1.2; }
}

@media(max-width: 480px){
	.navbar-main .navbar-right img { width: 28px; height: 28px; }
	.navbar-main .navbar-brand img { max-width: 80%; }
}

@media(max-width: 460px) {
    .navbar-main .navbar-collapse-c { width: 90%; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; padding: 1.75rem 0; }

.section-head { margin-bottom: 1.25rem; }

.section-bottom { margin-top: 2.5rem; }

.section-title { margin-bottom: 0; font-family: 'Comfortaa Bold', sans-serif; color: #354C85; }

.section-height-viewport { min-height: 80vh; }
.section-info { overflow: visible; }

.section-right-secondary .section-head { position: relative; }
.section-right-secondary .btn-inner { position: absolute; z-index: 10; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-right-secondary .slide-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; margin-right: 1px; border-color: transparent; background-color: #354C85; }
.section-right-secondary .slide-arrow i { font-size: 22px; color: white; }

.section-top { overflow: hidden; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-bottom-right-radius: 100px; }
.section-top::before {  content: ""; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(223, 247, 255, 1) 0%, rgba(250, 254, 255, 1) 100%); }
.section-top::after { content: ""; position: absolute;  z-index: 5; top: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 28%; height: 100%; background: linear-gradient(to right, transparent, #EDFBFF, transparent); pointer-events: none; }
.section-top .section-left { position: relative; z-index: 6; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1rem 2.5rem; }
.section-top .section-left a { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 2.5rem; border: none; border-bottom: 1px solid #808080; background-color: transparent; font-family: 'Comfortaa Regular', sans-serif; font-size: 18px; line-height: 1.11; color: #808080; text-decoration: none; transition: all 0.3s ease; }
.section-top .section-left a.active { color: #354C85; }
.section-top .section-left a:last-child { margin-bottom: 0; }
.section-top .section-left a:hover { color: #354C85; }
.section-top .section-left a i { position: static;  font-size: 14px; }
.section-top .section-right { position: relative; z-index: 5; }
.section-top .section-right img { display: block; margin: 0 auto; }
.section-top .section-inner { position: relative; z-index: 50; padding: 3.75rem; }
.section-top .section-inner a { font-family: 'Comfortaa Regular', sans-serif; font-size: 18px; line-height: 1.11; color: #808080; text-decoration: none; transition: all 0.3s ease; }
.section-top .section-inner a i { display: none; }
.section-top .section-inner a:hover,
.section-top .section-inner a.active { color: #354C85; }
.section-top .section-inner a.active i { display: inline-block; }
.section-top .section-inner .collapse-btn { position: absolute; z-index: 20; max-width: 30%; line-height: 1; }
.section-top .section-inner .collapse-btn.collapsed { position: relative; max-width: 100%; line-height: 1; }
.section-top .section-inner .collapse-btn span { display: inline-block; margin-left: .5rem; }
.section-top .section-inner .list-inner { column-count: 3; column-gap: 72px; transition: none; }
.section-top .section-inner .list-inner.show { padding-left: 0; column-count: 3; column-gap: 72px; }
.section-top .section-inner .list-inner .list-item { margin-bottom: 1.25rem; }
.section-top .section-inner .list-inner .list-item i { position: static;  }
/* .section-top .section-inner .list-inner .list-item:first-child { position: relative; } */

.section-info .section-head { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.section-info .section-text { max-width: 95%; }
.section-info .section-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 65px; }

.section-gallery .section-head { padding-bottom: 10px; border-bottom: 1px solid #808080; }
.section-gallery .section-title { font-family: 'Opensans Bold', sans-serif; color: #3E3E3E; }

.section-about-us section { clear: both; display: inline-block; margin-bottom: 1rem; }
.section-about-us .img-left { float: left; clear: both; width: auto; margin-right: 18px; }
.section-about-us .img-right { float: right; clear: both; width: auto; margin-left: 18px; }
.section-about-us div,
.section-about-us p { margin-bottom: 1.5rem; }
.section-about-us h1,
.section-about-us h2,
.section-about-us h3,
.section-about-us h4,
.section-about-us h5 { margin-bottom: 1.5rem; }
.section-about-us ul li { list-style: none; }

.section-general-terms ul li { list-style: upper-roman; font-weight: 800; }
.section-general-terms ul ol { margin-bottom: 18px; padding-left: 0; counter-reset: section; }
.section-general-terms ul ol li { list-style: auto !important; font-weight: 400; counter-increment: section; }
.section-general-terms ul ol li ol { counter-reset: sub-section; }
.section-general-terms ul ol li ol li { padding-left: 1.5rem; counter-increment: sub-section; list-style: none !important;}
.section-general-terms ul ol li ol li::before { content: counters(section, ".") "." counters(sub-section, ".") " "; }

.section-materials .section-head { margin-bottom: 0; padding-bottom: 30px; border-bottom: 1px solid #808080; }
.section-materials .list-group-materials:last-child { border-bottom: none; }

.section-gallery-inner.video { position: relative; background-color: #FAFAFA; } 
.section-gallery-inner.video img { display: block; margin: 0 auto; }
.section-gallery-inner .video-title { position: absolute; top: 1.5rem; left: 2.5rem; font-family: 'Opensans Regular', sans-serif; font-weight: 600;  color: white; }
.section-gallery-inner .overlay { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; pointer-events: none; }
.section-gallery-inner .play { width: 80px; }
.section-gallery-inner .gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; -ms-flex-pack: center; justify-content: center; }
.section-gallery-inner .gallery .img-inner img { width: 100%; }

.section-contacts .section-body { margin-top: 2.5rem; }
.section-contacts .section-body .section-title { margin-bottom: 22px; color: #525252; }
.section-contacts .section-body-inner { margin-bottom: 4rem; }
.section-contacts .section-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 99px; margin-bottom: 0; }
.section-contacts .section-left { max-width: 77%; }
.section-contacts .section-body p { margin-bottom: 2rem; }
.section-contacts .section-body span { display: block; }
.section-contacts .section-body a { display: block; text-decoration: none; }
.section-contacts .section-body a b { color: #47CEFF; }
.section-contacts .section-body b,
.section-contacts .section-body strong { font-family: 'Opensans Bold', sans-serif; }

@media(min-width: 992px) {
	/* .section-top .dialog-inner { display: none; } */
	.section-gallery-inner .gallery .img-inner { -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px); }
}

@media (max-width: 1499px) {
	/* .section-right-secondary .btn-inner { top: 4.75rem; left: 36rem; } */

	/* .section-top .section-left { flex: 0 0 60%; max-width: 60%; } */
}

@media (max-width: 1199px)  {
	.section-right-secondary .section-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	/* .section-right-secondary .btn-inner { position: static; } */
}

@media (max-width: 991px) { 
	.section-info .section-head { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; }

	.section-top { border-radius: 0; }
	.section-top::before,
	.section-top::after { display: none; }
	.section-top .section-left { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 1rem; padding: 1rem; background-color: #F6F6F6; }
	.section-top .section-left a { margin-bottom: 1.5rem; padding-left: 1rem; border-bottom: none; }
	.section-top .section-left a i { display: none; }
	.section-top .section-right { display: none; }
	.section-top .section-inner { padding: 1rem; background-color: #F6F6F6; }
	.section-top .section-inner .list-inner.show { column-count: unset; }
	.section-top .section-inner .collapse-btn { display: none; }
	.section-top .section-inner .list-inner .list-item:first-child { opacity: 1; }
	.section-top .section-inner .list-inner .list-item:first-child i { display: none; }
	.section-top .section-inner .list-inner .list-item { margin-bottom: 1rem; padding-left: 1rem; }
	/* .section-top .section-inner { padding: 1.5rem; }
	.section-top .section-inner .list-inner { column-gap: 2.5rem; }
	.section-top .section-inner .list-inner .list-item { margin-bottom: 1rem; } */

	.section-gallery-inner .gallery .img-inner { -ms-flex: 0 0 calc(33.33333% - 30px); flex: 0 0 calc(33.33333% - 30px); max-width: calc(33.33333% - 30px); }

	.section-news-list .slider-title { font-size: 1.25rem; line-height: 1.2; }
 }

@media (max-width: 767px) {
	.section { padding: 1rem 0; }

	.section-height-viewport { min-height: 65vh; }

	.section-right-secondary .slide-arrow { width: 35px; height: 35px; }
	.section-right-secondary .slide-arrow i { font-size: 16px; }

	/* .section-top { flex-direction: column; }
	.section-top::after { display: none; }
	.section-top .section-left { flex: 0 0 100%; max-width: 100%; width: 100%; order: 2; padding: 1.5rem; }
	.section-top .section-left button { margin-bottom: 1.5rem; text-align: start; }
	.section-top .section-left button i { transition: .3s ease; }
	.section-top .section-left button[aria-expanded="true"] i { transform: rotate(90deg); }
	.section-top .dialog-inner { margin-right: auto; margin-left: 1.5rem; margin-bottom: 1.5rem; }
	.section-top .dialog-inner h3 { font-size: 16px; }
	.section-top .dialog-inner p { margin-bottom: .5rem; font-size: 14px; line-height: 1.2; }

	.section-top .section-inner .list-inner,
	.section-top .section-inner .list-inner.show { column-count: 2; }
	.section-top .section-inner .collapse-btn { max-width: 47%; } */

	.section-info .section-text { max-width: 100%; }

	.section-info .section-inner { grid-template-columns: 1fr; }

	.section-about-us .img-left,
	.section-about-us .img-right { float: none; display: block; margin: 0 auto; margin-bottom: 1rem; }
	.section-about-us p { font-size: 16px; }
	.section-about-us div, 
	.section-about-us p { margin-bottom: 1rem; }

	.section-general-terms ul,
	.section-general-terms ol { padding-left: 1.25rem; }

	.section-gallery-inner .gallery { gap: 1rem; }
	.section-gallery-inner .gallery .img-inner { -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); }

	.section-contacts .section-inner { gap: 2.5rem; }
	.section-contacts .section-left { max-width: 100%; }
}

@media (max-width: 575px) {
	/* .section-top .section-inner .collapse-btn,
	.section-top .section-inner .collapse-btn.collapsed { position: static; display: block; max-width: 100%; line-height: 1.5 }
	.section-top .section-inner .list-inner .list-item:first-child { display: none; }
	.section-top .section-inner .list-inner.show { display: block;  column-count: 1; }
	.section-top .section-inner a,
	.section-top .section-inner .list-inner .list-item { margin-bottom: 0; padding-bottom: 1rem; font-size: 14px; } */

	.section-contacts .section-body-inner { margin-bottom: 2rem; }
	.section-contacts .section-inner { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
	.section-contacts .section-body .section-title { margin-bottom: 1rem; }
	.section-contacts .section-body p { margin-bottom: 1rem; }
}

@media (max-width: 480px) {
	.section-about-us .img-left,
	.section-about-us .img-right { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { overflow: hidden; position: relative; visibility: hidden; opacity: 0; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.slider.slick-initialized { visibility: visible; opacity: 1; }
.slider .slick-dots li button { padding: 0; }
.slider .slick-dots li.slick-active button:before { border: none; border-radius: 0px; background-color: #354C85; }
.slider .slick-dots li button:before { width: 40px; height: 5px; content: " "; border: none; border-radius: 0; background-color: #D9D9D9; border-color: transparent; color: #354C85; opacity: 1; filter: drop-shadow(1px 1px 1px rgba(0,0,0,.3)); }
.slider .slick-dots li { width: 0; height: 25px; margin: 0 10px; padding: 0 1.25rem; }

.slider .slides { list-style: none outside none; }

.slider .slides { list-style: none outside none; }
.slider-title { margin-bottom: 12px; font-family: 'Opensans Semibold', sans-serif; color: #354C85; }

.slider-main { overflow: visible; }
.slider-main .slide::before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(223, 247, 255, 1) 0%, rgba(223, 247, 255, 0.47) 47%, rgba(223, 247, 255, 0.28) 80%, rgba(223, 247, 255, 0) 100%); }
.slider-main::after { content: ""; position: absolute;  z-index: 5; top: 0; left: 52%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 20%; height: 100%; background: linear-gradient(to right, transparent, #EDFBFF, transparent); pointer-events: none; }
.slider-main .slide { overflow: hidden; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-bottom-right-radius: 100px; text-decoration: none; }
.slider-main .section-left { position: relative; max-width: 47%; padding: 1rem 1rem 1rem 3rem; }
.slider-main .slider-title { position: relative; z-index: 10; margin-bottom: 1rem; font-family: 'Comfortaa Bold', sans-serif; }
.slider-main .section-text { position: relative; z-index: 10; color: #737373; line-height: 1.38; }
.slider-main .section-right { padding: 0 4px 4px 0; }
.slider-main .section-right img { width: 100%; border-bottom-right-radius: 100px; opacity: .7; box-shadow: 4px 4px 4px rgba(0, 0, 0, .25); }
.slider-main .slick-dots { bottom: -40px; }

.slider-teaser { overflow: visible; }
.slider-teaser::before { content: ""; position: absolute; top: 0; left: 40%; width: 1000%; height: 100%; background-color: #F6F6F6; }
.slider-teaser .slide { display: -ms-flexbox; display: flex; }
.slider-teaser a { text-decoration: none; }
.slider-teaser a:hover { color: #3E3E3E; }
.slider-teaser .section-left,
.slider-teaser .section-left img { border-bottom-left-radius: 100px; }
/* .slider-teaser .section-left img { width: 100%; } */
.slider-teaser .section-right { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /*-ms-flex-pack: center; justify-content: center;*/ flex: 0 0 54%; max-width: 54%; padding: 2.35rem; }
.slider-teaser .section-right a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.slider-gallery { margin-bottom: 0 !important; }

.slider-product-gallery .slick-track { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 22px; }
.slider-product-gallery .slide img { width: 100%; }

@media (max-width: 1199px) {
	.slider-main .section-left { max-width: 47%; padding: 1rem 1.5rem 1rem 2.5rem; }
	.slider-teaser .section-right { padding: 3rem 2rem 2rem 2rem; }

	.slider-main::after { left: 50%; }
}

@media (max-width: 1024px) {
	.slider-teaser .section-text { font-size: 16px; }
}

@media (max-width: 991px) {  
	.slider-main .section-left { max-width: 55%; padding: 1rem 3rem 1rem 1.5rem; }
	.slider-main::after { left: 55%; }
	.slider-main .section-text { font-size: 16px; }

	.slider-teaser .slick-list { overflow: visible; }
	.slider-teaser .section-right { padding: 1.5rem; }
	.slider-teaser .btn-inner { /*top: -5rem; */ right: 0; left: auto; }

	.slider-teaser .section-text { font-size: 14px; }

	.slider-product-gallery .slick-track { gap: 10px; }
}

@media (max-width: 767px) {
	.slider-main::after { display: none; }
	.slider-main .slick-track { display: -ms-flexbox; display: flex; height: 100%; }
	.slider-main .slide { -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background-size: 0; border-bottom-right-radius: 0; }
	.slider-main .section-left { max-width: 100%; padding: 1rem; }
	.slider-main .section-right img { border-bottom-left-radius: 100px; box-shadow: 0px 2px 4px rgba(0, 0, 0, .25); }
	.slider-main .slider-title,
	.slider-main .section-text { text-align: center; }
	.slider-main .section-text { padding-bottom: 1rem; }

	.slider-teaser .btn-inner { top: 1rem; }
	.slider-teaser::before { left: -15%; }
	.slider-teaser .slide { -ms-flex-direction: column; flex-direction: column; }
	.slider-teaser .section-left img { width: 100%; border-bottom-right-radius: 100px; }
	.slider-teaser .section-right { flex: 0 0 100%; max-width: 100%; padding: 1rem 0; }
	.slider-teaser .section-text { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {  }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }