/*
	Table of Contents
	update on Mon Jan 15 2024 15:30:10 GMT+0200 (GMT+02:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Container --------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Background -------------------------------
	         Color ------------------------------------
	         Line divider -----------------------------
	         Column -----------------------------------
	         ANimation --------------------------------
	II.  Regions --------------------------------------
	     01. Breadcrumb -------------------------------
	     02. Filter -----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Pagination -------------------------------
	     06. Sidebar ----------------------------------
	     07. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Card -------------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. List -------------------------------------
	         Filters ----------------------------------
	     06. Nav --------------------------------------
	     07. Section ----------------------------------
	     08. Slider -----------------------------------
	     09. Table ------------------------------------
	     10. Widget -----------------------------------
  */

/* $gb:                                'Gilroy Black', sans-serif;
$gsb:                               'Gilroy SemiBold', sans-serif;
$gm:                                'Gilroy Medium', sans-serif;
$gl:                                'Gilroy Light', sans-serif;
$gt:                                'Gilroy Thin', sans-serif;
$gh:                                'Gilroy Heavy', sans-serif;  */

/* ------------------------------------------------------------ *\
	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: 'Roboto Regular', sans-serif; font-size: 1rem; line-height: 1.2; color: #434343; }

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

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

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

h1,
.h1 { font-size: 38px; line-height: 42px; }
h2,
.h2 { font-size: 38px; line-height: 42px; }
h3,
.h3 { font-size: 24px; line-height: 26px; }
h4,
.h4 { font-size: 22px; line-height: 24px; }
h5,
.h5 { font-size: 20px; line-height: 22px; }
h6,
.h6 { font-size: 18px; line-height: 20px; }

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: 1499px) {
	html { font-size: 14px; }
}

@media (max-width: 1199px) {
	h1,
	.h1 { font-size: 35px; line-height: 40px; }
	h2,
	.h2 { font-size: 35px; line-height: 40px; }
}

@media (max-width: 767px) {
	h1,
	.h1 { font-size: 30px; line-height: 35px; }
	h2,
	.h2 { font-size: 30px; line-height: 35px; }
	h3,
	.h3 { font-size: 22px; line-height: 24px; }
	h4,
	.h4 { font-size: 20px; line-height: 22px; }
	h5,
	.h5 { font-size: 18px; line-height: 20px; }
}

/* Container */
@media(min-width: 1400px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl { max-width: 1300px !important; }
}

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

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

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

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

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

/* @font-face {
    font-family: 'Gilroy Black';
    src: url('../fonts/Gilroy-Black.woff') format('woff'),
         url('../fonts/Gilroy-Black.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Thin';
    src: url('../fonts/gilroy-thin-webfont.woff') format('woff'),
         url('../fonts/gilroy-thin-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/gilroy-medium-webfont.woff') format('woff'),
         url('../fonts/gilroy-medium-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/gilroy-light-webfont.woff') format('woff'),
         url('../fonts/gilroy-light-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy SemiBold';
    src: url('../fonts/gilroy-semibold-webfont.woff') format('woff'),
         url('../fonts/gilroy-semibold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Heavy';
    src: url('../fonts/fontsfree-net-gilroy-heavy-webfont.woff') format('woff'),
         url('../fonts/fontsfree-net-gilroy-heavy-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

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

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

@font-face {
    font-family: 'Roof Runners Active Italic';
    src: url('../fonts/roof-runners-active.italic-webfont.woff') format('woff'),
         url('../fonts/roof-runners-active.italic-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

/* body::-webkit-scrollbar { width: 0; opacity: 0; } */

.slick-dotted.slider-main  { margin-bottom: 0 !important; }

/* badge */
.badge-compare { position: absolute !important; z-index: 500; top: 3% !important; right: 4%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border: 1px solid; border-color: #DBDBDB; border-radius: 50%; transition: .3s ease-in; }
.badge-compare.active { border-color: var(--color2); }
.badge-compare.active i { color: var(--color2); }
.badge-compare i { font-size: 1.25rem; color: #DBDBDB; transition: .3s ease-in; }
.badge-compare:hover { border-color: var(--color2) !important; }
.badge-compare:hover i { color: var(--color2); }
.badge-compare.active:hover { border-color: var(--color2) !important; }

/* Background */
/*.bg-gradient { background: rgb(118,185,73); background: linear-gradient(260deg, rgba(118,185,73,1) 1%, rgba(11,70,151,1) 91%) !important; }*/
.bg-success { background-color: var(--color1) !important; }
.bg-dark { background-color: black !important; }

/* Color */
.text-primary { color: var(--color2) !important; }

/* Line divider */
.divider-lines { margin-bottom: .5rem; }
.line-lg { display: inline-block; width: 51px; height: 6px; margin-right: .5rem; border-radius: 3px; }
.line-md { display: inline-block; width: 18px; height: 6px; border-radius: 3px; }

.grecaptcha-badge {
    visibility: hidden;
}

/* Column */
@media( min-width: 1199px ) {
	.col-1of5 { -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; }
}

/* ANimation */
@keyframes slideLeft {
0% {
	opacity: 0;
	transform: translateX(100%);
}

100% {
	opacity: 1;
	transform: translateX(0%);
}

}
@keyframes slideRight {
0% {
	opacity: 1;
	transform: translateX(0%);
}

100% {
	opacity: 0;
	transform: translateX(100%);
	}
}

@media (max-width: 767px) {
	.line-lg { width: 46px; height: 4px; margin-right: .5rem; }
	.line-md { width: 14px; height: 4px; }
}

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

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

.breadcrumb-inner { padding: 1rem 0; background-color: #F6F6F6; }
.breadcrumb-inner .breadcrumb-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; color: #434343; }
.breadcrumb-inner .breadcrumb-item a { text-decoration: none; }
.breadcrumb-inner .breadcrumb-item + .breadcrumb-item::before { content: '\f105'; margin-bottom: -1px; font-family: 'Font Awesome 5 Pro'; font-size: 12px; color: #434343; }

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filter-inner .dropdown-menu { overflow-y: auto; overflow-x: hidden; width: 100%; --bs-dropdown-min-width: unset; padding: 0; border: none; background-color: white; }
.filter-inner .section-body { padding: 0 6px; }
.filter-inner .btn-filter { display: block; margin-left: auto; }
.filter-inner .btn-filter:active { border: none; }
.filter-inner .btn-product-filter[aria-expanded=false] .is-open { display: none; }
.filter-inner.filter-inner .btn-product-filter[aria-expanded=true] .is-close { display: none; }
.filter-inner .btn-text { margin-right: .5rem; line-height: 1; text-align: start; }

@media (max-width: 991px) {
    .filter-inner .dropdown-menu { height: 100vh; }
    .filter-inner .dropdown-menu.show { overflow: auto; position: fixed !important; top: 0; width: 55%; height: 100%; z-index: 1080; -ms-transform: none !important; transform: none !important; padding: 2rem; background-color: white; transition: all 0.3s ease; inset: 0px auto auto 0px !important; }
}

@media (max-width: 575px) {
    .filter-inner .dropdown-menu.show {
        width: 100%;
    }
}

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

.footer { position: relative; }
.footer .py-c { padding: 4rem 0; }
.footer-list { margin-bottom: 3.5rem; }
.footer-list .footer-title { margin-top: .5rem; margin-bottom: 1.25rem; font-family: 'Roboto Bold', sans-serif; color: white; font-weight: 700; text-transform: uppercase; }
.footer-list .list-item { font-size: 14px; color: white; line-height: 25px; }
.footer-list .footer-link { text-decoration: none; transition: .3s ease-in; }
.footer-list .footer-link:hover { color: var(--color1); }
.footer .form-control { padding: .5rem 1.25rem; }
.footer .form-control:-ms-input-placeholder { font-size: 18px; color: #727272; }
.footer .form-control::placeholder { font-size: 18px; color: #727272; }
.footer .captha-text { font-family: 'Roof Runners Active Italic', sans-serif; font-size: 24px; letter-spacing: 4px; line-height: 40px; }
.footer .btn-white { padding: .75rem 2rem; border-radius: 30px; border-color: white !important; background-color: white !important; font-size: 20px; color: var(--color1); font-weight: 700; text-transform: uppercase; }
.footer .btn-white:hover { color: var(--color1); }
.footer .footer-text { margin: 3rem 0; font-size: 18px; color: white; line-height: 29px; }
.footer .list-group-social { -ms-flex-direction: row; flex-direction: row; }
.footer .list-group-social i { font-size: 1.75rem; color: white; }
.footer-bottom { position: relative; padding: 1rem; background-color: #2A2A2A; }
.footer-bottom .flex-inner { display: flex; justify-content: end; align-items: center; color: white; }
.footer-bottom .flex-inner span { margin-right: .5rem; font-size: 14px; }
.footer-bottom .text-sm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; color: white; }

@media (max-width: 767px) {
	.footer-list .list-item,
	.footer .footer-text { font-size: 14px; line-height: 24px; }
	.footer .btn-white { font-size: 16px; }

	.footer-bottom .flex-inner { justify-content: space-between; }
	.footer-bottom .text-sm { position: static; margin-bottom: 0; transform: none; }
}

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

.header { z-index: 1071; background-color: white; }
.header .navbar-expand-lg { margin-top: -1.75rem; padding-bottom: 0; }

@media (max-width: 991px) {
	.header .navbar-expand-lg { margin-top: 0; padding: 1rem 0; }
}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination { -ms-flex-pack: center; justify-content: center; padding: 2rem 0; }
.pagination .page-item { margin-right: 1.25rem; }
.pagination .page-item:last-child { margin-right: 0; }
.pagination .page-link { border-radius: 9px !important; border-color: transparent !important; background-color: #F6F6F6 !important; font-family: 'Roboto Bold', sans-serif; font-size: 20px; color: #434343; }
.pagination .page-link.active { border-color: transparent; background-color: var(--color1) !important; color: white; }
.pagination .page-arrow { border-width: 2px; border-color: #C3C3C3 !important; background-color: white !important; color: #C3C3C3; }
.pagination .page-arrow.active { border-color: var(--color1) !important; color: var(--color1); background-color: white !important; }
.pagination .page-arrow.active .page-link { color: var(--color1); }

@media (max-width: 991px) {
	.pagination .page-link { font-size: 16px; }
}

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

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

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

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

.btn { appearance: none; }
.btn.active,
.btn:active { border-color: transparent !important; }

.btn-scroll-top { position: fixed; z-index: 1000; right: 50px; bottom: 50px; display: inline-block; width: 50px; height: 50px; border-radius: 6px; border-color: white !important; background-color: var(--color2) !important; visibility: hidden; opacity: 0; text-align: center; transition: background-color .3s, opacity .5s, visibility .5s; }
.btn-scroll-top i { font-size: 2rem; color: white; }
.btn-scroll-top:hover { background-color: var(--color2)bf !important; }
.btn-scroll-top.show { visibility: visible; opacity: 1; }
.btn-scroll-top:active { border-color: white !important; }

.btn-search { margin-left: -3rem; padding: 0; border-radius: 30px; background-color: #F6F6F6; }
.btn-search:active { border-color: transparent !important; }

.btn-primary { padding: .5rem 1.5rem; border-radius: 28px; border-color: var(--color2) !important; background-color: var(--color2) !important; font-size: 16px; color: white; font-weight: 700; text-transform: uppercase; }
.btn-success { padding: .75rem 2rem; border-radius: 30px; border-color: var(--color1) !important; background-color: var(--color1) !important; font-size: 16px; color: white; font-family: 'Roboto Bold', sans-serif; font-weight: 700; text-transform: uppercase; }
.btn-outline-success { padding: .5rem 2rem; border: 2px solid var(--color1); border-radius: 28px; font-family: 'Roboto Bold', sans-serif; font-size: 16px; color: var(--color1); transition: all.3s ease-in .1s; }
.btn-outline-success:hover,
.btn-outline-success:focus { background-color: var(--color1) !important; border-color: var(--color1) !important; }
.btn-outline-white { display: inline-block; padding: .5rem 2rem; border: 2px solid white; border-radius: 28px; font-family: 'Roboto Bold', sans-serif; font-size: 16px; color: white; transition: all.3s ease-in .1s; text-transform: uppercase; }
.btn-outline-white span { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 35px; height: 35px; margin-left: .75rem; border: 2px solid white; border-radius: 50%; }
.btn-outline-white i { font-size: 1rem; }
.btn-outline-white:hover,
.btn-outline-white:active { background-color: white !important; color: var(--color1) !important; }
.btn-outline-white:hover span,
.btn-outline-white:active span { border-color: var(--color1); }
.btn-product-filter { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 80%; margin-bottom: 1.25rem; padding: .75rem 1.75rem; border-radius: 39px; background-color: #F6F6F6 !important; font-family: 'Roboto Bold', sans-serif; font-size: 17px;/*font-size: 22px;*/ }
.btn-product-filter:active,
.btn-product-filter.active { border-color: transparent !important; }
.btn-lang { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; padding: .5rem 1.5rem; border-radius: 27px; background-color: #F6F6F6; font-family: 'Roboto Bold', sans-serif; font-size: 22px; }
.btn-lang i { margin-left: 2.5rem; font-size: 1rem; }
.btn-lang:active,
.btn-lang.active { border-color: transparent !important; }
.btn-lang:hover,
.btn-lang:focus { border-color: transparent !important; background-color: #F6F6F6 !important; }

@media (max-width: 1399px) {
	.btn-primary,
	.btn-success,
	.btn-outline-white,
	.btn-outline-success { font-size: 16px; }

	.btn-product-filter { width: 90%; }
}

@media (max-width: 991px) {
	.btn-product-filter { width: 100%; }
}

@media (max-width: 767px) {
	.btn-scroll-top { right: 10px; }

	.btn-primary,
	.btn-success,
	.btn-outline-white,
	.btn-outline-success { font-size: 16px; }

	.btn-lang { font-size: 18px; }
}

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

.card { border: none; }
.card-title { font-family: 'Roboto Bold', sans-serif; color: var(--color2); }

.card-product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; height: 100%; border-radius: 15px; text-decoration: none; transition: all .3s ease-in .1s; }
.card-product a { text-decoration: none; }
.card-product:hover { box-shadow: 0px 2px 3px 2px rgba(0, 0, 0,.1); color: #434343; }
.card-product:hover .btn-outline-success { background-color: var(--color1) !important; color: white; }
.card-product img { width: 100%; margin-bottom: .25rem; }
.card-product .card-body { text-align: center; }
.card-product .card-title { margin-bottom: 1rem; font-size: 20px; line-height: 22px; color: var(--color2); font-weight: 900; }
.card-product .card-text { font-size: 16px; }
.card-product .card-bottom { padding: 1rem; text-align: center; }

.card-about-us { height: 100%; border-radius: 0; background-color: rgba(255,255,255,.9); text-decoration: none; transition: .3s ease; }
.card-about-us:hover,
.card-about-us:focus { color: #434343; }
.card-about-us .card-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center !important; align-items: center !important; padding: 2rem 2.5rem; text-align: center; }
.card-about-us .card-title { margin: .5rem 0 0 0; font-size: 16px; line-height: 18px; }
.card-about-us .card-text { font-size: 14px; }
.card-about-us .card-text span { color: var(--color2); }

.card-overlay { overflow: hidden; height: 100%; border-radius: 0; }
.card-overlay img { display: block; width: 100%; height: 100%; }
.card-overlay .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 1rem; background-color: var(--color2); opacity: 0; transition: all .3s ease-in-out .1s; }
.card-overlay:hover .overlay { opacity: 1; }
.card-overlay .card-inner { overflow: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 67%; max-height: 350px; padding: 1.25rem; text-align: center;  scrollbar-color: var(--color1) white; scrollbar-width: thin; }
.card-overlay .card-inner::-webkit-scrollbar { width: 5px; }
.card-overlay .card-inner::-webkit-scrollbar-track { background: white; }
.card-overlay .card-inner::-webkit-scrollbar-thumb { background: var(--color1); }
.card-overlay .card-text { padding-bottom: 1.75rem; font-size: 16px; color: white; }

.card-news:hover img { -ms-transform: scale(1.1); transform: scale(1.1); }
.card-news .card-inner { overflow: hidden; border-radius: 10px; }
.card-news img { border-radius: 10px; transition: .3s ease; }
.card-news .card-title { margin: 1rem 0; }
.card-news .card-link { font-size: 16px; color: var(--color1); text-decoration: none; }

.card-teaser .overlay { position: relative; }
.card-teaser .overlay::before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: -ms-flexbox; display: flex; background: linear-gradient(to bottom, transparent 3%,rgba(0,0,0,0.1) 13%, rgba(0,0,0,0.2) 20%,rgba(0, 0, 0,0.2) 20%,rgba(0, 0 ,0,0.9) 82%,rgba(0, 0 ,0,1) 97%, rgba(0, 0, 0,1) 100%); opacity: 1;  transition:  opacity 1.2s ease-out; }
.card-teaser .overlay:hover::before { opacity: 0; }
.card-teaser .card-title { position: absolute; left: 50%; bottom: 10%; -ms-transform: translate(-50%); transform: translate(-50%); width: 100%; padding: 1rem; font-size: 18px; color: white; text-align: center; }

.card-bordered { border-left: 3px solid var(--color1); border-radius: 0; }
.card-bordered .card-body { padding: 0 1.75rem; }
.card-bordered .card-text { font-family: 'Roboto Light', sans-serif; font-size: 16px; font-weight: 300; line-height: 18px; }

.card-steps { background-color: transparent; }
.card-steps .card-inner { position: relative; }
.card-steps .number { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: 'Roboto Thin', sans-serif; font-size: 100px; font-weight: 300; color: white; line-height: 1; }
.card-steps .card-text { font-family: 'Roboto Light', sans-serif; font-size: 16px; color: white; line-height: 18px; text-align: center; }
.card-steps .progress-c { position: relative; max-width: 90%; margin: 0 auto; }
.card-steps .progress-inner-2 { -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
.card-steps .progress-inner-3 { -ms-transform: rotate(-95deg); transform: rotate(-95deg); }
.card-steps .progress-inner-4 { -ms-transform: rotate(170deg); transform: rotate(170deg); }
.card-steps .progress-inner circle { fill: rgba(0,0,0,0); stroke-dashoffset: 219.91148575129; stroke-width: 1; stroke: white; }
.card-steps .progress-inner circle.inprogress { opacity: 0; }
.card-steps .progress-inner circle.progress-full { stroke-dasharray: 219.91148575129; }
.card-steps .progress-inner .number { fill: white;  text-anchor: middle; }

.card-overlay-lg img { position: relative; }
.card-overlay-lg .card-body { position: absolute; top: 0; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 4.5rem; }
.card-overlay-lg .card-title { font-family: 'Roboto Regular', sans-serif; font-size: 45px; color: white; font-weight: 400; text-align: center; }
.card-overlay-lg strong { font-family: 'Roboto Bold', sans-serif; font-weight: 700; }
.card-overlay-lg .card-text { font-size: 14px; color: white; }
.card-overlay-lg a { text-decoration: none; }
.card-overlay-lg a:hover { color: white; }

.card-project-teaser { overflow: hidden; flex-direction: row; gap: 3rem; min-height:18.75rem; height: 100%; padding: 0 1.75rem 0 2.5rem; border-radius: 10px; text-decoration: none; color: white; }
.card-project-teaser:hover { color: white; }
.card-project-teaser .card-head { display: flex; flex-direction: column; justify-content: center; flex: 0 0 40%; }
.card-project-teaser .card-title { margin-bottom: 1rem; color: white; }
.card-project-teaser .card-body { display: flex; align-items: flex-end; padding: 0; }

.card-project { text-decoration: none; }
.card-project .card-img-top { overflow: hidden; margin-bottom: 1rem; border-radius: 10px; }
.card-project .card-img-top img { width: 100%; transition: .3s ease; }
.card-project:hover .card-img-top img { -ms-transform: scale(1.1); transform: scale(1.05); }
.card-project .card-title { margin-bottom: 1rem; color: var(--color2); }
.card-project .card-head p { margin-bottom: 0; color: var(--color2); }

@media (max-width: 1399px) {
	.card-product .card-title { font-size: 18px; line-height: 20px; }
	.card-overlay .card-inner { width: 95%; }

	.card-steps .number { font-size: 80px; }
}

@media (max-width: 991px) {
	.card-about-us:hover { box-shadow: 0px 2px 3px 2px rgba(0, 0, 0,.1); }

	.card-product .card-title { font-size: 22px; line-height: 24px; }

	.card-project-teaser .card-head { flex: 0 0 50%; }
}

@media (max-width: 767px) {
	.card-about-us .card-body { padding: 1rem; }

	.card-news { -ms-flex-align: center; align-items: center; text-align: center; }

	.card-steps .progress-c { max-width: 80%; }

	.card-overlay-lg  .card-body { padding: 2.5rem; }
	.card-overlay-lg .card-title { font-size: 32px; }
	.card-overlay-lg .card-text { line-height: 1; }
}

@media (max-width: 575px) {
	.card-overlay .card-inner { width: 98%; max-height: 140px; }

	.card-product .card-title { font-size: 20px; line-height: 22px; }

	.card-steps .progress-c { max-width: 60%; }

	.card-project-teaser .card-head { flex: 0 0 60%; }
}

@media (max-width: 480px) {
	.card-project-teaser { min-height: 12rem; gap: 2rem; justify-content: space-between; padding: 0 1rem; }
	.card-project-teaser .card-head { flex: 0 0 70%; }
}

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

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

.form { position: relative; }

.form-field .field-icon { position: relative; z-index: 20; display: flex; align-items: center; margin-right: .5rem; margin-left: -2.5rem; margin-top: -.15rem; background-color: transparent; font-size: 1.25rem; color: /*var(--color4);*/ #0B4697; }

.form-control { border-radius: 16px; border-color: transparent !important; }
.form-control:hover,
.form-control:focus { border-color: #F6F6F6 !important; box-shadow: none; }

.form-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 2rem; }
.form-search .form-control { width: 320px; padding: .5rem 1rem; border-radius: 29px; background-color: #F6F6F6; border-color: #F6F6F6; color: #434343; transition: .3s ease-in .2s; }
.form-search .form-control:-ms-input-placeholder { font-size: 16px; }
.form-search .form-control::placeholder { font-size: 16px; }
.form-search .form-control:hover,
.form-search .form-control:focus { border-color: #727272 !important; }

.form-subscribe { padding: 1.5rem 0; }
.form-subscribe .form-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.form-subscribe .form-title { -ms-flex: 0 0 37%; flex: 0 0 37%; margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; color: var(--color2); }
.form-subscribe .form-control { width: 675px; border-radius: 50px; background-color: #F6F6F6; }
.form-subscribe .btn-success { margin-left: -4rem; }

.form-offer .form-control { padding: 1rem !important; border-radius: 50px; background-color: #F6F6F6; }
.form-offer .form-control:-ms-input-placeholder { font-family: 'Roboto Light', sans-serif; font-size: 16px; color: #C3C3C3; }
.form-offer .form-control::placeholder { font-family: 'Roboto Light', sans-serif; font-size: 16px; color: #C3C3C3; }

.form-contact { margin-top: 2rem; }
.form-contact .form-control { margin-bottom: 1rem; }
.form-contact .form-control:-ms-input-placeholder { font-size: 16px; color: #C3C3C3; }
.form-contact .form-control::placeholder { font-size: 16px; color: #C3C3C3; }

@media (max-width: 1499px) {
	.form-subscribe .form-control { width: 500px; }
}

@media (max-width: 1399px) {
	.form-search .form-control { width: 300px; }
}

@media (max-width: 991px) {
	.form-search { margin-top: 2.5rem; margin-right: 0; }
	.form-search .form-control { width: 100%; }

	.form-subscribe .form-title { margin-bottom: 1.25rem; text-align: center; }
	.form-subscribe .form-inner { -ms-flex-direction: column; flex-direction: column; }
	.form-subscribe .form-control { width: 100%; }
	.form-subscribe .btn-success { white-space: nowrap; }
}

@media (max-width: 767px) {
	.form-control:-ms-input-placeholder { font-size: 14px !important; }
	.form-control::placeholder { font-size: 14px !important; }
	.form-subscribe .form-control:-ms-input-placeholder { font-size: 16px; }
	.form-subscribe .form-control::placeholder { font-size: 16px; }
}

@media (max-width: 767px) {
	.form-subscribe .btn-success { margin-top: 1.25rem; margin-left: 0; }
}

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

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

.list-search-results { overflow-y: auto; overflow-x: hidden; position: absolute; bottom: -450px; z-index: 500; display: none; width: 100%; max-height: 450px; height: 450px; padding: .5rem; border-radius: 0; background-color: white; filter: drop-shadow(1px 2px 6px #F6F6F6); scrollbar-width: thin; scrollbar-color: var(--color2) #F6F6F6; }
.list-search-results.show { display: block; }
.list-search-results::-webkit-scrollbar { width: 10px; }
.list-search-results::-webkit-scrollbar-track { background: #f1f1f1; }
.list-search-results::-webkit-scrollbar-thumb { background: var(--color2); transition: .3s ease; }
.list-search-results
.list-search-results .list-item { margin-bottom: 1rem; }
.list-search-results a { -ms-flex-align: center; align-items: center; text-decoration: none; }
.list-search-results h6 { color: var(--color2) }

/* Filters */
.list-group-filter .list-item { position: relative; margin-bottom: 1rem; }
.list-group-filter input { position: absolute; opacity: 0; }
.list-group-filter input[type="checkbox"]:checked + label { color: var(--color2); }
.list-group-filter input[type="checkbox"]:checked + label img { filter: brightness(0) saturate(100%) invert(19%) sepia(49%) saturate(3455%) hue-rotate(206deg) brightness(91%) contrast(96%); }
.list-group-filter label { font-size: 16px; color: #727272; }
.list-group-filter label img { margin-right: .75rem; filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(1507%) hue-rotate(271deg) brightness(92%) contrast(90%); }

.list-group-address .list-group { margin-bottom: 2rem; }
.list-group-address .list-title { margin-bottom: 1rem; font-family: 'Roboto Bold', sans-serif; font-size: 20px; color: var(--color2); line-height: 22px; font-weight: 900; }
.list-group-address .list-item { margin-bottom: 1rem; font-family: 'Roboto Thin', sans-serif; font-size: 16px; color: #434343; font-weight: 600; line-height: 18px; }
.list-group-address .list-link { text-decoration: none; transition: .3s ease; }
.list-group-address .list-link:hover { color: var(--color2); }

.list-group-power { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-group-power .list-item { position: relative; flex: 0 1; margin-right: .5rem; margin-bottom: .5rem; font-size: 12px; text-align: center; font-weight: 600; }
/* .list-group-power input { position: absolute; opacity: 0; } */
.list-group-power span { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; font-family: 'Roboto Medium', sans-serif; font-size: 14px; font-weight: 600; }
.list-group-power .bg-secondary-c { background-color: #F6F6F6; }
.list-group-power .bg-info-c { background-color: #A5DCFF; }
.list-group-power .bg-yellow { background-color: #FFF6B1; }
.list-group-power .bg-warning-c { background-color: #FFE244; }
/* .list-group-power input:checked + .bg-secondary-c { background-color: var(--color2); color: white; }
.list-group-power input:checked + .bg-info-c { box-shadow: inset 1px 1px 9px 11px rgba(125,204,253,.8); }
.list-group-power input:checked + .bg-yellow { box-shadow: inset 1px 1px 9px 11px rgba(255,227,73,.8); }
.list-group-power input:checked + .bg-warning-c { box-shadow: inset 1px 1px 9px 11px rgba(237,202,8,.8); } */
.list-group-power .form-check-input { display: flex; justify-content: center; width: auto; height: auto; margin-top: 0; border: none; text-decoration: none; }
.list-group-power .form-check-input:hover .bg-secondary-c { color: #434343; }
.list-group-power .form-check-input:focus { box-shadow: none; }
.list-group-power .form-check-input:active { filter: none; }
.list-group-power .form-check-input.active:hover .bg-secondary-c { color: white; }
.list-group-power .form-check-input.active .bg-secondary-c { background-color: var(--color2); color: white; }
/* .list-group-power .form-check-input.active .bg-info-c { box-shadow: inset 1px 1px 9px 11px rgba(125,204,253,.8); } */
.list-group-power .form-check-input.active .bg-yellow { box-shadow: inset 1px 1px 9px 11px rgba(255,227,73,.8); }
.list-group-power .form-check-input.active .bg-warning-c { box-shadow: inset 1px 1px 9px 11px rgba(237,202,8,.8); }
.list-group-power .form-check-input.active .bg-info-c::before { content: ''; border-radius: 50%; box-shadow: 1px 1px 9px 11px rgba(255,255,255,.5); }

.list-group-specific { overflow-x: scroll; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; width: 100%; padding: .5rem; border: 1px solid #d9d9d9; border-radius: 45px; scroll-snap-type: x mandatory; }
.list-group-specific::-webkit-scrollbar { width: 4px; height: 6px; border-radius: 30px; }
.list-group-specific::-webkit-scrollbar-track { background: var(--color2); border-radius: 30px; }
.list-group-specific::-webkit-scrollbar-thumb { background: var(--color1); border-radius: 30px; }
.list-group-specific .btn-show-more { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 63px; height: 63px; margin-left: 1rem; }
.list-group-specific .list-item { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; }
.list-group-specific .list-item .btn { padding: .25rem; }
.list-group-specific .list-item img { width: 63px; height: 63px; }

.list-group-product-desc { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-group-product-desc .list-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-right: 1.25rem; padding: .75rem 0; border-bottom: 1px solid #D9D9D9; }
.list-group-product-desc .list-item h5 { margin-right: .25rem; margin-bottom: 0; font-family: 'Roboto Bold', sans-serif; font-size: 14px !important; color: var(--color2); }
.list-group-product-desc .list-item span { font-size: 14px; color: #434343; }

.list-overlay .list-title { margin-bottom: 2rem; font-family: 'Roboto Bold', sans-serif; font-size: 20px; color: white; }
.list-overlay .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; font-size: 16px; color: white; }
.list-overlay .list-item:last-child { margin-bottom: 0; }
.list-overlay .list-item a { text-decoration: none; }

@media (max-width: 1599px) {
	.list-group-specific::-webkit-scrollbar { width: 4px; height: 8px; border-radius: 30px; }

	.list-overlay .list-item { font-size: 15px; }
}

@media (max-width: 991px) {
	.list-overlay .list-title { margin-bottom: 1rem; font-size: 16px; }
	.list-overlay .list-item { margin-bottom: 1rem; font-size: 14px; }
}


@media (max-width: 767px) {
	.list-group-address .list-title { font-size: 18px; line-height: 20px; }
	.list-group-address .list-item { font-size: 14px; line-height: 16px; }
}

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

.navbar-brand { max-width: 38%; margin-right: 0; padding: 0; }

.navbar-toggler { border: none; background: transparent !important; }
.navbar-toggler:hover { background: transparent !important; }
.navbar-toggler:focus { box-shadow: none !important; }

.navbar-top { -ms-flex-pack: justify; justify-content: space-between; margin: 35px 0; padding: 0; }
.navbar-top .nav-item { position: relative; margin-right: .5rem; }
.navbar-top .nav-item:last-child { margin-right: 0; }
.navbar-top .nav-link { color: #434343 !important; transition: .3s ease; }
.navbar-top .nav-link:hover { color: rgba(114, 114, 114, .8) !important; }
.navbar-top .badge { position: absolute; top: -5px; left: 5px; z-index: 20; border-radius: 50%; }
.navbar-top .badge-success { background-color: var(--color1); }
.navbar-top i { font-size: 1.25rem; color: var(--color2); }
.navbar-top .navbar { -ms-flex-direction: row !important; flex-direction: row !important; padding: 0; }
.navbar-top .dropdown-menu { overflow: hidden; position: absolute; width: 7rem; min-width: 7rem; }
.navbar-top .dropdown-item:hover { background-color: #dadada40 !important; }
.navbar-top .dropdown-item.active,
.navbar-top .dropdown-item:active { background-color: var(--color2) !important; color: white; }

.navbar-collapse { -ms-flex-align: normal; align-items: normal; }

.navbar-bottom { padding: 1rem 0; }
.navbar-menu-header { display: none; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.navbar-main .nav-item { display: inline-block; padding-right: 1.25rem; }
.navbar-main .nav-link { position: relative; border: 1px solid; border-radius: 16px; padding: .25rem .75rem; border-color: transparent; background-color: transparent; font-family: 'Roboto Bold', sans-serif; font-size: 18px; color: white !important; text-decoration: none; transition: all .3s ease-in-out 1s; outline: 0 none; }
.navbar-main .nav-link::after,
.navbar-main .nav-link::before,
.navbar-main .nav-link.active::after,
.navbar-main .nav-link.active::before { position: absolute; top: 0; left: 0; z-index: 30; -ms-transform: scale(0); transform: scale(0); width: 100%; height: 100%; border-radius: 20px; content: ""; transition: all 0.3s ease-in-out 0s; }
.navbar-main .nav-link::before,
.navbar-main .nav-link.active::before { border-bottom: 1px solid white; border-left: 1px solid white; -ms-transform-origin: 0 100% 0; transform-origin: 0 100% 0; }
.navbar-main .nav-link::after,
.navbar-main .nav-link.active::after { border-right: 1px solid white; border-top: 1px solid white; -ms-transform-origin: 100% 0 0; transform-origin: 100% 0 0; }
.navbar-main .nav-link:hover::after,
.navbar-main .nav-link:hover::before,
.navbar-main .nav-link.active::before,
.navbar-main .nav-link.active::after { -ms-transform: scale(1); transform: scale(1); }
.navbar-main .nav-item-dropdown { padding-bottom: 2rem; }
.navbar-main .menu-dropdown span { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: all 0.25s ease; }
.navbar-main .fas { display: none; font-size: 1.25rem; color: #434343; }
.navbar-main .menu-icon { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-top: 6px; font-size: 1.45rem; color: #434343; transition: all 0.25s ease; }
.navbar-main .submenu { position: absolute; z-index: 100; width: 100%; height: auto; margin-top: 1.75rem; background-color: white; transition: all 0.25s ease-in-out; box-shadow: 0px 0px 6px 3px rgba(67, 67, 67, .1); }
.navbar-main .megamenu { overflow-x:hidden; overflow-y: auto; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 60vh; margin: 0 auto; }
/* .navbar-main .submenu-list { overflow: auto; display: -ms-flexbox; display: flex; -ms-flex: 0 0 25%; flex: 0 0 25%; -ms-flex-direction: column; flex-direction: column; max-height: 700px; padding: 0 1.5rem; border-right: 1px solid #E2E2E2; } */
.navbar-main .submenu-list { overflow: auto; /*display: flex; flex: 0 0 25%; flex-direction: column;*/ max-height: 700px; padding: 0 1.5rem; /*border-right: 1px solid #E2E2E2;*/ column-count: 4; column-rule: solid #E2E2E2; column-rule-width: 1px; column-gap: 20px; }
.navbar-main .submenu-list::-webkit-scrollbar { opacity: 0; height: 0; }
.navbar-main .submenu-list:last-child { border-radius: 0; }
.navbar-main .submenu-list li { padding-left: .5rem; }
/* .navbar-main .submenu-inner { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; column-count: 4; padding: 0;} */
.navbar-main .submenu-inner { /*display: flex;*/ width: 100%; margin-bottom: 1rem; /*column-count: 4;*/ padding: 1.25rem 0 0 0;}
.navbar-main .submenu-title { margin-top: 1rem; margin-bottom: 1rem; font-family: 'Roboto Bold', sans-serif; color: #434343; }
.navbar-main .submenu-title a { text-decoration: none; }
.navbar-main .submenu-link { display: -ms-flexbox; display: flex; align-items: start; padding: 0.5rem 0; font-size: 16px; color: #727272; transition: all 0.3s ease-in-out; text-decoration: none; }
.navbar-main .submenu-link:hover,
.navbar-main .submenu-link img:hover { color: var(--color1); filter: brightness(0) saturate(100%) invert(55%) sepia(47%) saturate(514%) hue-rotate(52deg) brightness(109%) contrast(88%); }
.navbar-main .submenu-link img { filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(816%) hue-rotate(177deg) brightness(95%) contrast(83%); }
.navbar-main .submenu-link.active { color: var(--color2); }
.navbar-main .submenu-link.active img { filter: brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(5933%) hue-rotate(206deg) brightness(95%) contrast(92%); }
.navbar-main .overlay { position: fixed; top: 0; left: 0; z-index: 10; display: block; width: 100%; height: 100%;opacity: 0; background-color: transparent; transition: all 0.45s ease-in-out;  visibility: hidden; }

@media (min-width: 1199px) {
	/* .navbar-main .menu-dropdown:hover > .submenu { margin-top: 1rem; visibility: visible; opacity: 1; } */
	.navbar-main .nav-item-dropdown:hover > .megamenu { display: -ms-flexbox !important; display: flex !important; margin-top: 1rem; }
	.navbar-bottom { height: 64px; }
}

@media (max-width: 1599px) {
	.navbar-main .submenu-list { max-height: 515px; padding: 0 1rem; }
}

@media (max-width: 1499px) {
	.navbar-main .submenu-link { white-space: normal; }
}

@media (max-width: 1399px) {
	.navbar-brand { top: 4.5rem; max-width: 28%; }
}

@media (max-width: 1199px) {
	.navbar-main .submenu-list { column-count: unset; column-rule: unset; }

	.navbar-wrapper .bg-gradient { background: white !important; }
	.navbar-wrapper .bg-white-c { width: 100%; height: 100%; background: white; }

	.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; background-color: #434343; transition: all 0.2s; -webkit-transition: all 0.2s; }
	.navbar-toggler .icon-bar:nth-of-type(1) { position: relative; z-index: 2000; margin-bottom: 5px; -ms-transform-origin: -4% 55%; transform-origin: -4% 55%; -ms-transform: rotate(45deg); -ms-transform-origin: -4% 55%; -webkit-transform-origin: -4% 55%; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); }
	.navbar-toggler .icon-bar:nth-of-type(2) { margin-bottom: 5px; opacity: 0; filter: alpha(opacity=0); }
	.navbar-toggler .icon-bar:nth-of-type(3) { position: relative; z-index: 2000; transform-origin: 12% 110%; -ms-transform-origin: 12% 110%; -webkit-transform-origin: 12% 110%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(1) { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100); }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(3) { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); }

	.navbar-collapse-c { position: fixed; top: 0; bottom: 0; width: 40%; padding: 15px; transition: all 0.3s ease; }
	.navbar-collapse-c.collapsing { left: 50%; height: auto; margin-left: 50%; transition: all .2s ease; }
	.navbar-collapse-c.show { overflow-y: scroll; right: 0; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-pack: start; justify-content: start; height: 100%; padding: 3px 0 3px 3px; background: linear-gradient(to right, var(--color1), var(--color2), transparent); background-color: white; transition: all 0.1s ease; }

	.navbar-main { width: 100%; }
	.navbar-main .menu.is-active { -ms-transform: translate(0%); transform: translate(0%); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
	.navbar-main .navbar-menu-title { font-family: 'Roboto Bold', sans-serif; font-size: 22px; color: #434343; }
	.navbar-main .menu-inner { overflow-y: auto; overflow-x: hidden; height: 100%; padding: 1rem; }
	.navbar-main .navbar-menu-header { position: relative; z-index: 110; right: 10px; margin-right: -5px; background-color: transparent; visibility: hidden; }
	.navbar-main .navbar-menu-header.is-active { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; background-color: white; visibility: visible; }
	.navbar-main .navbar-menu-header.is-active > .navbar-menu-arrow { display: block !important; }
	.navbar-main .menu-dropdown span { -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 0; }
	.navbar-main .navbar-menu-arrow { display: none; width: 3rem; height: 4rem; text-align: center; cursor: pointer; }
	.navbar-main .navbar-menu-arrow > i { font-size: 1.5rem; color: #434343; line-height: 4rem; transition: all 0.25s ease; }
	.navbar-main .nav-item { display: block; margin-bottom: .5rem; padding-right: 0; line-height: 1; }
	.navbar-main .nav-link { font-size: 20px; color: #434343 !important; transition: .3s ease; }
	.navbar-main .nav-link:hover,
	.navbar-main .nav-link:focus,
	.navbar-main .nav-link:active { color: var(--color2) !important; }
	.navbar-main .nav-link img { width: 45px; height: 45px; margin-right: .75rem; }
	.navbar-main .fas { display: inline-block; }
	.navbar-main .megamenu { overflow-y: auto; overflow-x: hidden; position: absolute; -ms-transform: translateX(0%); transform: translateX(0%); display: none; top: 0; left: 0; width: 100%; height: 100%; max-width: none; min-width: auto; margin: 0; padding: 1rem; padding-top: 4rem; opacity: 1; box-shadow: none; visibility: visible; }
	.navbar-main .megamenu.is-active { height: 100vh; max-height: unset; }
	.navbar-main .submenu { overflow-y: auto; position: absolute; top: 0; left: 0; -ms-transform: translateX(0%); transform: translateX(0%); display: none; width: 100%; height: 100%; max-width: none; min-width: auto; margin: 0; padding: 4rem 1rem 1rem 1rem; opacity: 1; box-shadow: none; visibility: visible; }
	.navbar-main .submenu.is-active { display: block; }
	.navbar-main .submenu-inner { display: block; -ms-flex: auto; flex: auto; column-count: unset; }
	.navbar-main .submenu-list { overflow: hidden;max-height: unset;  margin-bottom: 1rem; padding: 0; border-right: none; }
	.navbar-main .submenu-link { display: block; }
	.navbar-main .overlay.is-active { opacity: 1; visibility: visible; }
	.navbar-main .navbar-togglerr-c { opacity: 1; visibility: visible; }

	.navbar-top { margin: 1rem 0; }
	.navbar-top .navbar-right { width: 100%; margin: 0 auto; }
	.navbar-top .navbar { margin-top: 1.5rem; padding: 0 1rem; }
	.navbar-top .nav-item { margin-right: 0; }
	.navbar-top .nav-link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 60px; height: 60px; border: 2px solid var(--color2); border-radius: 50%; padding: 5px; }
	.navbar-top i { font-size: 2.15rem; }
	.navbar-top .fa-search { font-size: 1.75rem; }

	.navbar-bottom { padding: 0; }
	.navbar-bottom.active { position: absolute; top: 0; width: 95%; }

	.navbar-brand { position: static; max-width: 40%; }
    .navbar-nav { flex-wrap: wrap; }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.navbar-brand { max-width: 46%; }
	.navbar-collapse-c { width: 55%; }
	.navbar-top .nav-link { min-width: 50px; height: 50px; }
	.navbar-top .fa-search { font-size: 1.5rem; }
	.navbar-top i { font-size: 1.75rem; }

	.navbar-main .nav-link img { width: 40px; height: 40px; }
	.navbar-main .nav-link { font-size: 18px; }
}

@media (max-width: 575px) {
	.navbar-brand { max-width: 60%; }

	.navbar-collapse-c { width: 100%; }
}

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

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

.section-body,
.section-bottom { margin-top: 1rem; }

.section-head { text-align: center; }
.section-title { font-family: 'Roboto Bold', sans-serif; color: var(--color2); font-weight: 900; }

.section-about-us .mt-c { display: block; margin-top: 8rem; }
.section-about-us .mb-c { display: block; margin-bottom: 15rem; }

.section-catalog { position: relative; height: 690px; }
.section-catalog .section-head { margin-bottom: 4rem; }
.section-catalog .section-title,
.section-catalog .section-text { color: white; }
.section-catalog .section-inner { max-width: 50%; margin-left: auto; }
.section-catalog .overlay { position: absolute; z-index: 20; top: 50%; right: -10%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); width: 100%; padding: 1rem 0 1rem 1rem; }
.section-catalog .section-text { max-width: 44%; margin: 0 auto; text-align: center; }
.section-catalog .section-bottom { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-top: 4rem; }

.section-catalog-lg .section-inner { max-width: 60%; margin-left: auto; }

.section-catalog-sm { height: auto; }
.section-catalog-sm .img { position: relative; height: 340px; }
.section-catalog-sm .section-inner { max-width: 60% !important; margin-top: 5rem; }
.section-catalog-sm .section-head { margin-bottom: 2rem; }
.section-catalog-sm .section-body { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.section-location { padding: 3rem 0; }
.section-location .map { width: 100%; height: 757px; /*filter: sepia(19%) hue-rotate(190deg) saturate(500%);*/ }

.section-address .dropdown-menu { min-width: 15rem !important; border-color: #F6F6F6; }
.section-address .dropdown-menu .dropdown-item { margin-bottom: .75rem; transition: .3s ease; }
.section-address .dropdown-menu .dropdown-item:hover,
.section-address .dropdown-menu .dropdown-item:focus { background-color: #DBDBDB !important; color: white; }

.section-product-list { margin-top: 2rem; }

.section-product-inner .section-head { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: justify; justify-content: space-between; }
.section-product-inner .section-title.text-dark { font-weight: 800; color: #434343; }
.section-product-inner .meta { position: relative; bottom: 5px; display: inline-block; margin-bottom: -1rem; padding: .5rem 2rem; border: 1px solid #434343; border-radius: 15px; font-size: 18px; line-height: 20px; text-align: center; }
.section-product-inner .col-right .section-body { max-width: 75%; }
.section-product-inner .form-offer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-product-inner .form-offer .form-control { -ms-flex: 0 0 70%; flex: 0 0 70%; }
.section-product-inner .form-offer .form-control:hover,
.section-product-inner .form-offer .form-control:focus { box-shadow: none; }
.section-product-inner .form-offer .btn { margin-left: -3rem; }
.section-product-inner hr { margin-top: 3rem; margin-bottom: 2rem; border-top: 1px solid #D9D9D9; opacity: 1; }
.section-product-inner .nav-tabs { border: none; }
.section-product-inner .nav-tabs .nav-link { margin-right: 1rem; padding: 1rem 2.5rem; border-radius: 39px; border: none; background-color: #F6F6F6; font-family: 'Roboto Bold', sans-serif; font-size: 16px; color: #434343; line-height: 18px; font-weight: 800; }
.section-product-inner .nav-tabs .nav-link.active { background-color: var(--color2); color: white; }
.section-product-inner .tab-pane { overflow: hidden; margin-top: 2rem; }
.section-product-inner .btn .badge { top: 0 !important; }

.section-related-product { background-color: #F6F6F6; }

.section-bg-img { width: 100%; height: 396px; }

.section-contact img { border-radius: 24px; }
.section-contact .section-body { padding: 2.5rem; background-color: #F6F6F6; }
.section-contact .section-text { font-family: 'Roboto Light', sans-serif; font-size: 18px; line-height: 30px; }
.section-contact .section-inner { text-align: center; }

.section-news .img-top { border-radius: 10px; }
.section-news .section-text { overflow-y: scroll; font-family: 'Roboto Light', sans-serif; font-size: 16px; font-weight: 300; line-height: 18px; }
.section-news .section-text p { margin-bottom: 0; }
.section-news .section-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: end; -ms-flex-align: center; align-items: center; margin-top: .5rem; }
.section-news .section-bottom span { margin-right: .5rem; font-family: rm; font-size: 16px; font-size: 16px; color: var(--color2); line-height: 19px; font-weight: 400; }
.section-news .icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; margin-right: .5rem; border-radius: 50%; text-decoration: none; }
.section-news .icon i { color: white; }
.section-news .icon-facebook { background-color: #3B5998; }
.section-news .icon-twitter { background-color: #55ACEE; }
.section-news .icon-linkedin { background-color: #007AB9; }

.section-news-list { margin-top: 2rem; padding: 3rem 0; background-color: #F6F6F6; }
.section-news-list .card-news { background-color: transparent; }

.section-distributor .section-desc { max-width: 70%; margin: 0 auto; font-family: 'Roboto Light', sans-serif; color: #434343; }
.section-distributor .section-body { margin: 2rem 0; }
.section-distributor .section-body h6 { margin-bottom: 1.75rem; font-family: 'Roboto Bold', sans-serif; color: var(--color2); font-weight: 900; }
.section-distributor .section-bottom { padding: 2rem; border-radius: 20px; }

.section-address .section-body { position: relative; }
.section-address .section-body .section-title { position: absolute; top: 10%; right: 0; left: 0; z-index: 20; max-width: 90%; margin: 0 auto; font-family: 'Roboto Regular', sans-serif; font-size: 45px; color: white; font-weight: 400; }
.section-address .overlay { position: absolute; top: 60%; right: 0; left: 0; z-index: 20; max-width: 90%; margin: 0 auto; }
.section-address a:hover { color: rgb(118,185,73) !important; }

.section-contact .map { width: 100%; height: 800px; }

.section-projects { padding-bottom: 5rem; }

.section-project .grid-flex { display: flex; }
.section-project .section-left { flex: 72%; max-width: 72%; padding-right: 2.5rem; border-right: 1px solid #E4E4E4; }
.section-project .section-right { flex: 28%; max-width: 28%; padding-left: 2.5rem; }
.section-project .section-inner { margin-bottom: 1.875rem; }
.section-project .section-inner img { margin-bottom: 1.875rem; border-radius: 10px; }
.section-project .section-body p,
.section-project .section-body span,
.section-project .section-body em,
.section-project .section-body a,
.section-project .section-body li { font-family: 'Roboto Light', sans-serif; font-weight: 300; line-height: 1.5; }
.section-project .section-body p, 
.section-project .section-body span,
.section-project .section-body b,
.section-project .section-body ul,
.section-project .section-body ol { margin-bottom: 1.5rem;  }
.section-project .section-body li { margin-bottom: 1rem; line-height: 1.5; }
.section-project .section-body h1,
.section-project .section-body h2,
.section-project .section-body h3,
.section-project .section-body h4,
.section-project .section-body h5,
.section-project .section-body h6,
.section-project .section-body b,
.section-project .section-body strong  { font-family: 'Roboto Bold', sans-serif; font-weight: 700; }
.section-project .section-body h1,
.section-project .section-body h2,
.section-project .section-body h3,
.section-project .section-body h4,
.section-project .section-body h5,
.section-project .section-body h6 { margin-bottom: 1rem; }
.section-project .section-body p:empty { margin-bottom: .5rem; } 

@media(min-width: 1025px) {
	.section-project .section-head { text-align: start; }
}

@media (min-width: 991px) {
	.section-about-us .border-c { border: 1px solid #DBDBDB; }
	.section-about-us .border-right-c { border-right: 1px solid #D9D9D9 !important; }
	.section-about-us .border-top-c { border-top: 1px solid #DBDBDB !important; }
}

@media (max-width: 1499px) {
	.section-catalog-sm .section-inner { margin-top: 8rem; }

	.section-product-inner .col-right .section-body { max-width: 100%; }

	.section-product-inner .form-offer .form-control { -ms-flex: 0 0 90%; flex: 0 0 90%; }
	.section-product-inner .form-offer .btn { margin-left: -6rem; padding: 1rem; font-size: 13px; }

	.section-news .section-bottom { margin-top: 1.5rem; }
}

@media (max-width: 1399px) {
	.section-catalog { background-position: right; }

	.section-catalog-sm .img { background-position: 50% 100% !important; background-size: cover !important; }
	.section-catalog-sm .section-inner { max-width: 75%; margin-top: 5rem; }

	.section-location .map { height: 500px; }

	.section-product-inner .form-offer .form-control { -ms-flex: auto; flex: auto; }
	.section-product-inner .form-offer .btn { margin-left: 1rem; white-space: nowrap; }

	.section-address .overlay { top: 50%; }
}

@media (max-width: 1199px) {
	.section-about-us { background-position: center; }

	.section-catalog .section-text { max-width: 85%; }

	.section-distributor .section-desc { max-width: 85%; }

	.section-address .img-top { height: 760px; object-fit: cover; }

	.section-project .section-left { padding-right: 1.5rem; }
	.section-project .section-right { padding-left: 1.5rem; }
}

@media (max-width: 1024px) {
	.section-project .grid-flex { flex-direction: column; }
	.section-project .section-left,
	.section-project .section-right { flex: 100%; max-width: 100%; padding: 0; }
	.section-project .section-inner > img:first-of-type { width: 100%; height: auto; }
}

@media (max-width: 991px) {
	.section-about-us .mt-c { margin-top: 2rem; }
	.section-about-us { background-position: unset; }
	.section-about-us .mb-c { margin-bottom: 0; }

	.section-catalog .overlay { right: 0; }
	.section-catalog .section-head { margin-bottom: 2rem; }
	.section-catalog .section-bottom { margin-top: 2rem; }
	.section-catalog .section-inner { max-width: 100%; }
	.section-catalog .section-text { max-width: 45%; }

	.section-catalog { height: 450px; }

	.section-bg-img { height: 205px; background-size: unset; }

	.section-news .section-text { overflow: hidden; text-align: center; }
	.section-news .section-bottom { -ms-flex-pack: center; justify-content: center; margin: 2rem 0 4rem 0; }

	.section-distributor .section-desc { max-width: 100%; }

	.section-address .overlay { top: 45%; }
}

@media (max-width: 767px) {
	.section-about-us { background-attachment: fixed; }

	.section-location .map { height: 450px; }

	.section-catalog { height: 540px; }
	.section-catalog .section-text { max-width: 62%; }

	.section-catalog-sm { height: auto; }
	.section-catalog-sm .section-inner { margin-top: 4rem; }

	.section-product-inner .nav-tabs .nav-link { padding: .5rem 1rem; font-size: 18px; }

	.section-contact .section-body { padding: 1rem; }

	.section-address .img-top { height: 1000px; }

	.section-product-inner .meta { font-size: 16px; line-height: 18px; }
}

@media (max-width: 575px) {
	.section-catalog .btn { font-size: 14px; }
	.section-catalog .btn span { width: 25px; height: 25px; }
	.section-catalog .btn i { font-size: .75rem; }
	.section-catalog .section-text { max-width: 100%; }

	.section-address .overlay { top: 20%; }

	.section-projects { padding-bottom: 3rem; }
}

/* ------------------------------------------------------------ *\
	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:before { width: 22px; height: 22px; border-radius: 50%; border: 1px solid #434343; background-color: #434343; color: #434343; font-size: 1.25rem; line-height: 1.25rem; opacity: 1; }
.slider .slick-dots li.slick-active button:before { border: 1px solid #434343; border-radius: 50%; background-color: white; color: white; opacity: 1; }

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

.slider-main { visibility: visible; opacity: 1; }
.slider-main img { width: 100%; height: 100%; }
.slider-main .slide { position: relative; }
.slider-main .slide a { text-decoration: none; }
.slider-main .slide a:hover { color: #434343; }
.slider-main .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; font-size: 1.5rem; color: var(--color2); }
.slider-main .arrow-prev { left: 1%; }
.slider-main .arrow-next { right: 1%; }
.slider-main .slick-dots li button { padding: 0; }
.slider-main .slick-dots li.slick-active button:before { border: none; border-radius: 5px; background-color: var(--color1); }
.slider-main .slick-dots li button:before { width: 40px; height: 6px; content: " "; border: none; border-radius: 5px; background-color: #DADADA; border-color: transparent; color: var(--color1); opacity: 1; filter: drop-shadow(1px 1px 1px rgba(0,0,0,.3)); }
.slider-main .slick-dots li { width: 0; height: 25px; margin: 0 5px; padding: 0 1.25rem; }
.slider-main .slick-dots { bottom: 2px;}
.slider-main .slide-arrow.slick-disabled { color: #DADADA; }

.slider-category { overflow: visible; display: flex; max-width: 88%; margin: 0 auto; padding: 2rem 0; }
.slider-category .slick-track { height: 100%; }
.slider-category .slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 .5rem; border-right: 1px solid white; text-decoration: none; }
.slider-category .slide p { margin-left: .75rem; font-size: 16px; color: white; }
.slider-category .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; font-size: 1.5rem; color: white; }
.slider-category .arrow-prev { left: -3%; }
.slider-category .arrow-next { right: -3%; }

.slider-partners { overflow: visible; visibility: visible; opacity: 1; }
.slider-partners .slide { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 4.5rem 2rem; border-top: 1px solid #DADADA; border-right: 1px solid #DADADA; border-left: .5px solid #DADADA; border-bottom: 1px solid #DADADA; filter: grayscale(1); opacity: .3; transition: .3s ease; }
.slider-partners .slide:first-child { border-left: .5px solid #DADADA; }
.slider-partners .slide:hover { filter: none; opacity: 1; }
.slider-partners > * { width: auto; }
.slider-partners .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; font-size: 1.25rem; color: var(--color2); }
.slider-partners .slide-arrow.slick-disabled { color: #D9D9D9; }
.slider-partners .arrow-prev { left: -5%; }
.slider-partners .arrow-next { right: -5%; }

.slider-product-single .slide { position: relative; z-index: 100; }
.slider-product-single .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: #F6F6F6; font-size: 1.25rem; color: #C3C3C3; }
.slider-product-single .slide-arrow i { font-size: 14px; }
.slider-product-single .slide-arrow.slick-disabled { color: #D9D9D9; }
.slider-product-single .arrow-prev { left: 0; }
.slider-product-single .arrow-next { right: 0; }
.slider-product-single .badge { position: absolute; top: 5%; z-index: 200; }
.slider-product-single .badge i { font-size: 1.5rem; color: #C3C3C3; }

.slider-related-product { overflow: visible; max-width: 90%; margin: 0 auto; padding: 1.5rem 0; }
.slider-related-product .slide { position: relative; padding: .55rem; }
.slider-related-product .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20; font-size: 1.5rem; color: white; }
.slider-related-product .arrow-prev { left: -3%; }
.slider-related-product .arrow-next { right: -3%; }

.slider-news { overflow: visible; }
.slider-news .slide-arrow { position: absolute; bottom: 0%; z-index: 20; padding: .5rem 1rem; border-style: solid; border-width: 2px; border-color: var(--color1); background-color: var(--color1); border-radius: 9px; font-size: 16px; color: white; font-weight: 400; line-height: 19px; }
.slider-news .slide-arrow i { font-size: 14px; }
.slider-news .arrow-prev { left: 51%; }
.slider-news .arrow-next { right: 31%; }
.slider-news .arrow-next span { margin-right: .5rem; }
.slider-news .arrow-prev span { margin-left: .5rem; }
.slider-news .slide-arrow.slick-disabled { border-color: #C3C3C3; background-color: white; color: #C3C3C3; }

.section-gallery-wrapper .row-gallery { margin-bottom: 1.875rem !important; }
.section-gallery-wrapper .col-inner { overflow: hidden; padding: 0 12px; border-radius: 10px; }
.section-gallery-wrapper .col-inner img { width: 100%; }
.section-gallery-wrapper .col-inner:not(:last-child) { margin-bottom: 1.5rem; }
/* .slider-gallery-wrapper .slider-gallery-arrows { display: flex; align-items: center; gap: 1rem; }
.slider-gallery-wrapper .btn-slider { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 2px solid; border-radius: 8px; border-color: var(--color1); background-color: white; transition: .3s ease; }
.slider-gallery-wrapper .btn-slider i { color: var(--color1); }
.slider-gallery-wrapper .btn-slider.disabled { border-color: #C3C3C3; color: #C3C3C3; }
.slider-gallery-wrapper .btn-slider.disabled i { color: #C3C3C3; } */

.slider-projects { margin-top: 1.875rem; }

@media (max-width: 1599px) {
	.slider-partners { max-width: 90%; margin: 0 auto; }
}

@media (max-width: 1399px) {
	.slider-news .arrow-next { right: 30%; }
}

@media (max-width: 1199px) {
	.slider-news .arrow-next { right: 27%; }
}

@media (max-width: 1024px) {
	.slider-gallery-wrapper { margin-bottom: 1.875rem; }
	.slider-gallery-wrapper .slider-gallery-arrows { justify-content: center; }

	.slider-projects { overflow: visible; display: -ms-flexbox; display: flex; max-width: 90%; margin: 0 auto; margin-top: 1.5rem; }
    .slider-projects .slick-track { height: 100%; }
    .slider-projects .slide { padding: 0 12px; }
	.slider-projects .slide-arrow { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; border: 2px solid; border-radius: 8px; border-color: var(--color1); background-color: white; transition: .3s ease; }
	.slider-projects .slide-arrow i { color: var(--color1); }
    .slider-projects .arrow-next { right: -4%; }
    .slider-projects .arrow-prev { left: -4%; }
	.slider-projects .slide-arrow.slick-disabled { border-color: #C3C3C3; background-color: white; color: #C3C3C3; }
	.slider-projects .slide-arrow.slick-disabled i { color: #C3C3C3; }
}

@media (max-width: 991px) {
	.slider-news .slide-arrow { bottom: 0%; }
	.slider-news .arrow-prev { left: 35%; }
	.slider-news .arrow-next { right: 35%; }

	.slider-category  { max-width: 80%; }

	.slider-partners .slide { padding: 3rem 2rem; }

	.slider-product-single .slide img { margin: 0 auto; }

	.slider-projects .arrow-next { right: -7%; }
    .slider-projects .arrow-prev { left: -7%; }
}

@media (max-width: 767px) {
	.slider-category .slide p { font-size: 16px; }

	.slider-news .arrow-prev { left: 30%; }
	.slider-news .arrow-next { right: 30%; }
}

@media (max-width: 575px) {
	.slider-main .btn-success { font-size: 14px; }
	.slider-main .slick-dots { bottom: -11px; }

	.slider-category { max-width: 88%; padding: 1rem 0; }
	.slider-category .slide { -ms-flex-direction: column; flex-direction: column; }
	.slider-category .slide p { margin-top: .75rem; margin-left: 0; font-size: 14px; text-align: center; }

	.slider-news .arrow-prev { left: 25%; }
	.slider-news .arrow-next { right: 25%; }

	.slider-projects .slide img,
	.slider-gallery .slide img { display: block; width: 100%; margin: 0 auto; }
}

@media(max-width: 440px){
	.slider-category { max-width: 90%; }

	.slider-news .arrow-prev { left: 20%; }
	.slider-news .arrow-next { right: 20%; }

	.slider-projects { max-width: 85%; }
	.slider-projects .arrow-next { right: -11%; }
	.slider-projects .arrow-prev { left: -11%; }
}

@media(max-width: 415px){
	.slider-category { max-width: 85%; }
}

@media(max-width: 392px) {
	.slider-category { max-width: 88%; }
}

@media(max-width: 380px) {
	.slider-news .arrow-prev { left: 15%; }
	.slider-news .arrow-next { right: 15%; }
}

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

.table-compare td { width: 50%; }

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

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