@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Roboto", sans-serif; font-optical-sizing: auto; background: #042538;}
.header-grid {display: grid; grid-template-columns: 40px 1fr 80px max-content; gap: 10px; max-width: 1300px; margin: 0 auto; align-items: center; padding: 20px 10px 10px 10px; line-height: 2px;}
#header, #footer {background: var(--header);}
#head {box-shadow: 0 0px 5px 0 #00000080, 0 2px 10px 0 #00000038; z-index: 9999; position: relative;}
#header a, #footer a {color: var(--color-fst-txt);}
@media (max-width: 991px) {
	#jux_megamenu118 .megamenu-wrapper ul.level0>li.megacss>a.megacss {color: #333;}
}
.switch-button {filter: invert(1);}
@media (max-width: 1330px) {
.header-grid {padding: 20px 50px 10px 50px;}
}
@media (min-width: 992px) and (max-width: 1225px) {
	.header-grid .mod_jux_megamenu .megamenu-wrapper ul.level0 li.megacss span.megacss, .header-grid .mod_jux_megamenu .megamenu-wrapper ul.level0 li.megacss a.megacss {padding: 12px 4px;}
}
@media (max-width: 1130px) {
	.header-grid {grid-template-columns: 40px 1fr 85px max-content; padding: 20px 50px 10px 50px;}
}
@media (max-width: 991px) {
.header-grid {grid-template-columns: 40px 1fr 85px 1fr;}
.menu {grid-column: 4 / 5;}
.button-head-group {grid-row: 1 / 2; grid-column: 3 / 4;}
.info-head {grid-row: 1 / 2; grid-column: 2 / 3; text-align: center;}
.mod_jux_megamenu .megamenu-wrapper {background-color: transparent;}
#megamenucss118 .accordion-nav {top: 50px; right: 50px; width: 200px; position: absolute; background: #fff; z-index: 999; border: 1px solid #c1c1c1; box-shadow: 0 7px 7px 0px #b5b5b5; border-radius: 0 0 10px 10px;}
#megamenucss118 .megaMenuToggle {position: absolute; top: 17px; right: 50px;}
}
.view-form .builder-layers button, .view-form .builder-layers .builder-list-tree-item-title {color: #333;}
.button-head-group {display: grid; gap: 10px; grid-template-columns: max-content max-content; justify-content: center;}
@media (max-width: 500px) {
	.header-grid {grid-template-columns: 3fr 1fr; padding: 20px 20px;}
	.logo {grid-column: 1 / 2; max-width: 40px;}
	.menu {grid-column: 2 / 3; grid-row: 1 / 2;}
	.button-head-group {grid-row: 2 / 3; grid-column: 2 / 3; justify-content: end;}
	.info-head {grid-row: 2 / 3; grid-column: 1 / 2; text-align: left;}
	#megamenucss118 .megaMenuToggle {right: 15px;}
	#megamenucss118 .accordion-nav {top: 65px; right: 0; width: 100%;}
}
.search {cursor: pointer;}
.mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss {border: none !important;}
.mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss.active > a.megacss {background: transparent;}
.mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss:hover > a.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss span.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss:hover > span.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 li.megacss a.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss.active > a.megacss {color: #333;}
.mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss:hover > span.megacss, .mod_jux_megamenu .megamenu-wrapper ul.level0 > li.megacss:hover > a.megacss {background: transparent;}
.search>form {position: absolute; bottom: -75px; z-index: 99999; background: #fff; padding: 15px 20px; border: 1px solid grey; border-radius: 20px;}
.search>form>label {margin-right: 20px;}
.mod-finder {display: none;}
.add-class {display: block !important;}
@media (max-width: 1200px) {
.search>form {bottom: -40px;}
}
@media (max-width: 500px) {
.search>form {bottom: -80px; left: 15px;}
}
.easystore-cart-empty-state .mb-4 {text-align: center;}
.easystore-drawer-content {padding: 12px 25px;}
.easystore-h2 {margin-top: 30px;}
.easystore-cart-empty-state .text-muted {margin-top: 30px;}
.easystore-cart-empty-state .btn-outline-primary {margin-top: 30px;}
#footer a {text-decoration: none;}
#footer, #footer a {color: #fff;}
.footer:first-child {max-width: 1300px; margin: 0 auto; padding: 35px 0px;}
.footer-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.f-grid-right {display: grid; grid-template-columns: 1fr 1fr; gap: 35px;}
.cherta {display: block; width: 100%; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.footer-cop-grid {margin-top: 30px; padding-top: 15px; border-top: 1px solid #fff; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
@media (max-width: 1330px) {
.footer {padding: 20px 50px 10px 50px;}
}
@media (max-width: 500px) {
.footer {padding: 20px;}
}
.logo-f {width: 270px; max-width: 40px;}
@media (max-width: 750px) {
	.footer-grid {grid-template-columns: 1fr;}
	.logo-f {width: 240px; justify-self: center; max-width: 100px;}
	.cherta {width: 100%;}
	.f-grid-right {gap: 35px;}
	
}
@media (max-width: 640px) {
	.f-grid-right {grid-template-columns: 1fr; gap: 25px;}
	.footer-cop-grid {margin-top: 25px; grid-template-columns: 1fr; gap: 25px; margin-top: 0; padding-top: 25px; border-top: none;}
	.f-cop-text {grid-row: 2 / 3;}
}
@media (min-width: 641px) {
.f-doc {justify-self: end; text-align: right;}
}
.easystore-cart-item-title {padding-right: 40px;}
.easystore-quantity-selector-btn {color: #333;}
.easystore-mini-cart-quantity-price {align-items: center;}
.easystore-drawer-close-button {color: #333; border-radius: 5px;}
.form-check-input {width: 15px; margin-left: 0;}
.form-check-inline {display: grid; gap: 10px; grid-template-columns: 15px max-content;}
.easystore-collections__wrapper {max-width: 1300px; margin: 0 auto;}
.easystore-collections__item-inner {height: 200px; border-radius: 10px; box-shadow: 0 4px 8px 0px #c7c7c7ab; border: 1px solid #ababab;}
.easystore-collections__item-inner:hover {box-shadow: 0 4px 10px 1px #4d4d4d9c;}
.easystore-collections__item-inner {height: 260px;}
.easystore-collections__item-title a {text-decoration: none;}
@media (max-width: 1330px) {
	.easystore-collections__wrapper {padding: 0 50px;}
}
@media (max-width: 500px) {
	.easystore-collections__wrapper {padding: 0 20px;}
}
.mod-breadcrumbs__wrapper, .view-category #content, .view-article #content {max-width: 1300px; margin: 0 auto; padding: 0 10px;}
.view-category #content, .view-article #content {padding-bottom: 40px; padding-top: 40px;}
.view-article .com-content-article {padding-top: 30px;}
@media (max-width: 1330px ) {
.mod-breadcrumbs__wrapper, .view-category #content, .view-article #content  {padding: 0 50px;}
}
@media (max-width: 700px ) {
.mod-breadcrumbs__wrapper, .view-category #content, .view-article #content  {font-size: 12px;}
}
@media (max-width: 500px ) {
.mod-breadcrumbs__wrapper, .view-category #content, .view-article #content  {padding: 0 20px;}
}
.breadcrumb {margin: 10px 0 0 0; margin-bottom: -44px; z-index: 999; position: relative; color: #fff;}
.breadcrumb a, .breadcrumb span  {color: #fff;}
.mod-breadcrumbs__divider {display: none;}
.breadcrumb-item a {text-decoration: none;}
.view-product .info-desc-mod, .itemid-152 .easystore-products-empty-state,  .itemid-158 .easystore-products-empty-state, .itemid-155 .easystore-products-empty-state {display: none;}
#contactus-form134 form {padding: 25px; border: 1px solid grey; border-radius: 10px; backdrop-filter: blur(4px);}
#contactus-form135 {max-width: 100% !important;}
#contactus-form135 form {display: grid; grid-template-columns: 9fr 1fr; gap: 0 15px; align-items: center;}
#contactus-form135 div.contactus-form div.joomly-contactus-div {margin-bottom: 0 !important;}
#contactus-form135 button, #contactus-form135 input {border-radius: 4px; color: #333;}
#contactus-form135 form>div:first-child, #contactus-form135 form>div:first-child>div:first-child, #contactus-form135 form>div:first-child>div:first-child input {height: 100%;}
#contactus-form135 button {width: 100%;}
@media (max-width: 390px) {
#contactus-form135 button {font-size: 12px; padding: 4px;}
}
.view-cart #maincontent, .view-checkout #maincontent {max-width: 1300px; margin: 0 auto; min-height: calc(100vh - 512px); padding-bottom: 50px;}
@media (max-width: 1330px) {
.view-cart #maincontent, .view-checkout #maincontent  {padding: 20px 50px 10px 50px;}
}
@media (max-width: 500px) {
.view-cart #maincontent, .view-checkout #maincontent  {padding: 20px 20px;}
}

.easystore-checkout-item .align-items-start {display: grid; grid-template-columns: 140px 2fr 1fr; gap: 15px;}
.easystore-checkout-item-thumbnail {padding: 0; border-radius: 10px; box-shadow: 0 4px 8px 0px #c7c7c7ab; border: 1px solid #ababab; object-fit: cover; height: 130px;}
.f-grid-left {display: grid; gap: 15px;}
.tg-footer {width: 40px;}
.f-grid-right li {margin-bottom: 3px;}
.com-content-category-blog__items {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
@media (max-width: 900px) {
	.com-content-category-blog__items {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 500px) {
	.com-content-category-blog__items {grid-template-columns: 1fr;}
}
.com-content-category-blog__items figure {border-radius: 12px; overflow: hidden; height: 100%;}
.com-content-category-blog__items figure img {transition: all .3s ease-in-out; object-fit: cover; height: 100%;}
.com-content-category-blog__items figure:hover img {transform: scale(1.1);}
.view-category .icon-calendar, .view-article .icon-calendar {display: none;}
.view-category .item-content {display: grid; gap: 10px;}
.view-category .article-info {grid-row: 1 / 2;}
.view-category .published, .view-category .page-header a {color: #028cdf; font-weight: 700;}
.view-category .tck-pagination .disabled {opacity: 0.35;}
.com-content-category-blog__counter {display: none;}
.com-content-category-blog h1 {margin: 15px 0;}
.com-content-article h1 {display: none;}
.view-article .com-content-article__body .post-body a {color: #cb0000; border-bottom: 1px dashed;}
.easystore-empty-cart .easystore-h3 {margin-bottom: 30px; margin-top: 30px;}
.easystore-cart-quantity-selector {display: grid; grid-template-columns: 100px 100px; align-items: center;}
.view-cart .btn-link {font-size: 1.25rem; text-decoration: none !important; margin-left: 15px;}
.view-cart .text-muted {margin: 15px 0;}
.easystore-cart-summary>div:nth-child(3) {margin-left: 15px;}
.view-checkout .justify-content-md-end {justify-self: end;}
.mod-finder__search.input-group button {background: var(--btn-back-tr); border: var(--border-btn-tr);}
.mod-finder__search.input-group button:hover {background: var(--btn-back-hov);}
.icon-search:before {color: var(--btn-back-hov);}
.btn-sp {background: var(--btn-back) !important; border: var(--border-btn-tr); border-radius: var(--radius-bt) !important; padding: var(--padding-btn); font-size: var(--btn-font-size); transition: background-color 0.4s;}
.btn-sp:hover {background: var(--btn-back-hov) !important;}
@media (max-width: 991px) {
.btn-sp {font-size: var(--btn-font-size-mob); padding: var(--padding-btn-tabl) !important;}	
}
.btn-sp2 {background: var(--btn-back-tr) !important; border: var(--border-btn-tr); border-radius: var(--radius-bt) !important; padding: var(--padding-btn); font-size: var(--btn-font-size); transition: background-color 0.4s;}
.btn-sp2:hover {background: var(--btn-back-trhov) !important;}
@media (max-width: 991px) {
.btn-sp2 {font-size: var(--btn-font-size-mob); padding: var(--padding-btn-tabl);}	
}







:root {
	--header: #25384b;
	--fst-bg-color: #1a2734;
	--scd-bg-color: ;
	--btn-back: #00b4db;
	--btn-back-hov: #008ead;
	--color-w: #fff;
	--color-b: #333;
	--btn-back-tr: transparent;
	--btn-back-trhov: #00b4db;
	--border-btn-tr: 1px solid #00b4db;
	--radius-bt: 6px;
	--padding-btn: 24px 48px;
	--padding-btn-tabl: 20px 30px;
	--btn-font-size: 20px;
	--btn-font-size-mob: 16px;
	--color-fst-txt: #fff;
	--color-scnd-txt: #333;
}