::-moz-selection {background:#a3704f;color:#ffffff;text-shadow:none;}
::selection {background:#a3704f;color:#ffffff;text-shadow:none;}
body, html {margin:0;padding:0px;height:100%;width:100%;}

body {font-family: 'Alegreya Sans', sans-serif;color:#333;line-height:1.5;font-style:normal;font-size:1.3rem;font-weight: 300;-webkit-appearance: none;-webkit-font-smoothing: antialiased;overflow-x: hidden;letter-spacing: .5px;}
body.gap-top .main-page {margin-top: 3rem;}

input,
button,
select,
textarea {font-family: 'Alegreya Sans', sans-serif;}
/* Heading */
h1, h2, h3, h4, h5, h6 {font-family:"Alegreya Sans",  sans-serif;}
h2 {font-weight:400;}
h3 {font-weight:400;}
h4, .h4 {font-weight:400;}
h5 {font-weight:400;}



				hr{border: 0;border-top: 1px dashed #e1e1e1;border-top: 1px dashed rgba(0,0,0,.1);border-bottom: 0 none;}
				address{margin-bottom:10px;}

a {color: #000;text-decoration: none;}
				/* a:visited {color: #171717;text-decoration:none;} */
				a:focus{color: #171717;text-decoration:none;}
				a:active {color: #000;}
				a:hover {color: #a3704f;text-decoration:underline;}
			

				strong {font-weight:400;}

				.dropdown-menu,
				.btn {border-radius:0px;letter-spacing: 1px;}

				.btn:focus {box-shadow:none;}
.bootstrap-select .dropdown-toggle:focus {outline:thin solid #a3704f !important;}

.btn-basic {font-size:18px; background:#000000;color:#fff;font-weight:400;padding: 8px 30px;}
.btn-basic:hover, a.btn-basic:hover {background:#a3704f;color:#fff;text-decoration:none;}
.btn-basic > span {display: flex;flex-direction: row;align-items: center;border-bottom: none!important;}

img {height: auto;max-width: 100%;}
.btn.btn-secondary {background: transparent; margin-bottom:3rem; border: 1px solid #000;color:#000;transition: background .7s, color .7s;}
.btn.btn-secondary:hover {background: #000;color:#fff;text-decoration: none;}

.pageText {}
.pageText ul {padding:0px;margin:0px;list-style:none;}
.pageText ul li::before {content:"•";padding-right:10px;color:#143047;}

.page-cover {overflow: hidden;max-height:400px;width:100%;}
.page-cover img {width:100%;}

.video > iframe {min-height: 350px;}
				.btn-default {background:#000;color:#fff;}

				.btn:hover,
				.submit,
				.submit:hover {}

				.contact-form .row > div {border-radius: 15px;}
			 menuHeader .border-radius {border-radius: 3px;}




				.hidden {display:none;}


				

				/* right menu - The side navigation menu - Right panel width categories */
				/* body.has-active-right-panel {overflow: hidden;position:fixed;} */
				#mainPage {z-index:1;width:100%;height:100%;transition: transform 1s;float:left;display:block;}
				#mainPage.push-right {transform: translateX(-100%);}

				#menu-open-page-overllay {width: 100%;height: 100%;position:fixed;background: rgba(0,0,0,0.6);z-index: 1035;display: block;top: 0;left: 0;opacity: 1;animation-name: fadeInOpacity;animation-iteration-count:1;animation-timing-function: ease-in;animation-duration:1s;}
				#menu-open-page-overllay.fadeOut {opacity:0;animation-name: fadeOutOpacity;}

.iframe-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	}
				


/* ===== Footer ===== */
#footer {color:#fff;font-weight:300;line-height:30px;letter-spacing:1px;margin-top: 3rem;}
#footer {background-position: top center;background-size: cover;background-repeat: no-repeat;}
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#fff;}
#footer a {color:#fff; font-size:1rem;text-decoration: auto;}
#footer a:hover {color:#a3704f;}
#footer .footer-container.footer-overlay {padding:6rem 0 3rem 0;}
#footer .footer-container.footer-overlay {background: rgba(0,0,0,1);}

.footerText {margin: 3rem 0;}
.footerText h2 {margin-bottom:3rem;}

.footerSubContact ul,
.footerSubContact ul li {list-style:none;}

#footer .copyright {font-size:.9rem;color:#fff;}
#footer .copyright a {color:#fff;}
#footer .copyright .copy {margin-right: 1rem;}
#footer .copyright .webart {margin-left: 1rem;font-size:.9rem;color:#fff;}
.flogo {max-height: 60px;margin-bottom:20px;}
.xs #footer .copyright .copy {width: 100%;text-align: center;margin-right: 0;margin-bottom: 1rem;}
.xs #footer .copyright .webart {width: 100%;text-align: center;margin-left: 0;margin-bottom: 1rem;}

/* ===== Footer END ===== */

/* ===== Preloader ===== */
#pageloader {background-color:#FFFFFF;height:100%;position:fixed;top:0;width:100%;z-index:9999;}
#pageloader .loader {height: 4px;width: 100%;position: relative;overflow: hidden;background-color:#ccc;}
#pageloader .loader:before{display: block;position: absolute;content: "";left:0px;width:1px;height:3px;background-color:#a3704f;-webkit-animation: loading 2s linear;-moz-animation: loading 2s linear;-o-animation: loading 2s linear;animation: loading 2s linear;}
@keyframes loading { from {left: 0px; width:0%;} to {width: 100%;} }
/* ===== Preloader END ===== */


				

				/* ==== Simple Page ==== */
				.pageSection {}
				.pageSection.gapTop {margin: 5rem 0;}
				.pageSection.simplePage .container {max-width: 900px;}
				

				.pageHeader {padding:30px 0;margin:0;}
				.pageHeader h1 {color:#1E1E1E;margin:0px;padding:0px;font-weight: 300;}
				.pageHeader h2 {color:#1E1E1E;margin:0px;padding:0px;font-weight: 300;font-size: 30px;}
				.pageHeader a {color:#a3704f;}

.pageText h3,
.pageText h4 {padding-bottom: 0.5rem;padding-top: 2rem;}
.pageText a {font-weight:400;color:#a3704f;}


				/* ==== Simple Page End ==== */



/* ==== Product List ==== */
.blockPostsBanner .productDetails a {text-decoration: none;font-weight: 400;}
.blockPostsBanner .prodItem:hover {box-shadow: 0px 0px 35px 10px rgba(0, 0, 0, 0.07);}

.prodItem:hover .pTitle {color:#a3704f;}

				.prodList .pageTopRibbon {margin:0;}

				/* ==== Product List Hover Box ==== */



				@media (max-width: 991px) {
					.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:100%;}
				}


				@media all and (max-width: 991px) {

					.footCol {margin-bottom:50px;}
					#footer {font-size:18px;line-height: 28px}
					#footer .ftitle {margin-bottom:10px;font-size: 25px;}

				}


				/* ==== Product List END ==== */
				.pageContent {padding:0px;display:block;}

				


				/*** scroll to top ***/
				#toTop {display:none;position:fixed;bottom:5px;right:5px;z-index:108;border:none;outline:none;color:#a3704f;cursor:pointer;padding:0px;font-size:40px;line-height:40px;width:40px;height:45px;text-align: center;}
				#toTop:hover {color:#ccc;}
				/*** scroll to top END ***/

/* ==== cookies on footer ==== */
#cookiesOnSite {position:fixed;bottom:0;width:100vw;background:rgba(25, 85, 106, 0.7);color:#fff;padding:15px;z-index: 999;}
#cookiesOnSite p {padding:0px;margin:0px;line-height: 2;font-size: 1rem;}
#cookiesOnSite a {color:#fff;}
#cookiesOnSite a:hover {color:#171717;}
#cookiesOnSite .btn:hover {}
/* ==== cookies on footer END ==== */


.side-column.card{
	border: none;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.icon.not-active,
.cart-icon.not-active {color:#ccc;}



.list-container h3 a {text-decoration:none;}
.side-column h4 a {text-decoration:none;}
.side-column h5 a {text-decoration:none;}


/* ==== side column start ==== */
.pageSection .date {font-size: 1rem; font-weight: 400;font-style:italic;}
.pageSection .more {font-size: 0.7em;}
.list-container.articles-side-column h5 {line-height:1.2;overflow:hidden;text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
/* .list-container .list-main-image {max-width:100%;max-height:400px;overflow:hidden;} */
.list-main-image.image-link img {margin-bottom: 2rem;}

.articles.articles-index .date {font-style:italic;}
.articles.articles-index .text-ellipsis-2.title {height:54px;}
.articles.articles-index .text-ellipsis-2:not(.title) {height:52px;}
.articles.articles-index .section-container:hover {background: #fbfbfb;}

/* ==== side column End ==== */



				.form-group.error .checkbox {color:#d00;}



				h1.title {font-weight:300;font-size:30px;text-transform: uppercase;}
				h2.title {font-weight:300;font-size:30px;text-transform: uppercase;}

				.alert {margin: 20px 0;}

				@media all and (max-width: 991px) {
					.card_product_name {font-size:18px;line-height: 22px;}
				}

						
				form .dropdown.bootstrap-select .dropdown-menu {max-width:100%;}


/* ----------------------- ICONS START ----------------------- */

.circle-icon {border-radius:50%;background:#ccc;height:40px;width:40px;display:flex;align-items:center;justify-content:center;}
.circle-icon a {color:#fff!important;}
.circle-icon:hover {background:#a3704f;}

a.social-icon {border-radius:50%;background:#ccc;color:#fff;height:40px;width:40px; margin: 0 .5rem;display:flex;align-items:center;justify-content:center;transition: background .7s;}
a.social-icon:hover {background:#a3704f;}

/* ----------------------- ICONS END ----------------------- */

/* ----------------------- COL GAPS START ----------------------- */

.row.smaller-gaps {margin-right: -5px;margin-left: -5px;}
.row.smaller-gaps [class^="col"] {padding-right: 5px;padding-left: 5px;}

/* ----------------------- COL GAPS END ----------------------- */


/* ----------------------- TABS START ----------------------- */




.nav-tabs {
    border-bottom: none;
    margin-bottom: 1.5rem;
}

.nav-tabs .nav-item {
    position: relative;
	list-style-type: none;
}
.nav-tabs .nav-link {
    border: none;
	color:inherit;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    color: #a3704f;
	cursor:pointer;
}

body:not(.checkout) .nav-tabs .nav-link:before {
    position: absolute;
    bottom: 0em;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #a3704f;
    content: '';
    opacity: 0;
    transition: transform 0.2s ease-in;
    transform: scale3d(0, 1, 1);
}
body:not(.checkout) .nav-tabs .nav-link.active:before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.tab-content>.active {display:flex;}

.nav-tabs input[type=radio] {opacity: 0;position:absolute;}
 
/* -------------------- */

.webart-responsive-tabs {
	margin-bottom: 3rem;
}
.webart-responsive-tabs .nav-tabs {
    border-bottom: none;
    margin-bottom: .5rem;
	justify-content: center;
	display: none;
}
.lg .webart-responsive-tabs .nav-tabs,
.xl .webart-responsive-tabs .nav-tabs,
.xxl .webart-responsive-tabs .nav-tabs {
	display: flex;
}

.webart-responsive-tabs .nav-tabs > .nav-item {
    position: relative;
	list-style-type: none;
	padding-right: 1rem;
    padding-left: 1rem;
}

.webart-responsive-tabs .nav-content > .nav-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	margin-bottom: .5rem;
	cursor: pointer;
}

.lg .webart-responsive-tabs .nav-content > .nav-item,
.xl .webart-responsive-tabs .nav-content > .nav-item,
.xxl .webart-responsive-tabs .nav-content > .nav-item {
	display: none;
}

.webart-responsive-tabs .nav-link {
    border: none;
	color:inherit;
	font-size: 1.5rem;
	font-weight: 400;
}
.webart-responsive-tabs .nav-content .nav-item svg {transition: transform .5s;}
.webart-responsive-tabs .nav-content .nav-item svg {transform: rotate(360deg);}
.webart-responsive-tabs .nav-content .nav-item.active svg {transform: rotate(180deg);}



.webart-responsive-tabs .nav-content .nav-link {
    padding-left: 0;
    padding-right: 0;
}
.webart-responsive-tabs .tab-content .tab-pane {
    /* padding-bottom: 3rem; */

	max-height: 0;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0, 1, 0, 1);
}
.webart-responsive-tabs .tab-content .tab-pane.show {
	max-height: max-content;
	transition: all 0.5s cubic-bezier(1, 0, 1, 0) 0.5s;
}

.webart-responsive-tabs .tab-content .text-array {
    display: flex;
	flex-direction: column;
}

.webart-responsive-tabs .nav-tabs .nav-item.active, .webart-responsive-tabs .nav-tabs .nav-item:hover {
    color: #a3704f;
	cursor:pointer;
}

.webart-responsive-tabs .nav-tabs .nav-link{
	transition: color .5s;
}
.webart-responsive-tabs .nav-tabs .nav-item.active .nav-link,
.webart-responsive-tabs .nav-tabs .nav-link:hover{
	color: #000;
}

.webart-responsive-tabs .nav-tabs .nav-link:before {
    position: absolute;
    bottom: 0em;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #a3704f;
    content: '';
    opacity: 0;
    transition: transform 0.2s ease-in;
    transform: scale3d(0, 1, 1);
}
.webart-responsive-tabs .nav-tabs .nav-item.active > .nav-link:before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.webart-responsive-tabs .tab-content > .show {display:flex;}

.webart-responsive-tabs .nav-tabs input[type=radio] {opacity: 0;position:absolute;}

/* -------------------- */

.checkout .nav-tabs .nav-link {
	position: relative;
}

.checkout .nav-tabs .nav-link:before,
.checkout .nav-tabs .nav-link:after {
    position: absolute;
    bottom: 0em;
	left: 0;
	right: 0;
    width: 100%;
    height: 4px;
    content: '';
}
.checkout .nav-tabs .nav-link:before {
    background: #ccc;
}
.checkout .nav-tabs .nav-link:after {
    background: #a3704f;
    opacity: 0;
    transition: transform 0.2s ease-in;
    transform: scale3d(0, 1, 1);
}
.checkout .nav-tabs .nav-link.active:after {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.checkout .nav-tabs .nav-item:first-child .nav-link:before,
.checkout .nav-tabs .nav-item:first-child .nav-link:after {width: calc(100% - .5rem);margin-left: .5rem;}
.checkout .nav-tabs .nav-item:last-child .nav-link:before,
.checkout .nav-tabs .nav-item:last-child .nav-link:after {width: calc(100% - .5rem);}




.tab-content>.active {display:flex;}

.nav-tabs input[type=radio] {opacity: 0;position:absolute;}


/* ----------------------- TABS END ----------------------- */

/* ----------------------- VALID FORM START ----------------------- */


.invalid-feedback.err_invalid{display:none;}
.invalid-value~.invalid-feedback.err_invalid {display:block;}
.invalid-value~.invalid-feedback:not(.err_invalid) {display:none;}

/* ----------------------- VALID FORM END ----------------------- */


blockquote::before {content: open-quote;font-size:2rem;line-height:1;padding-right: 0.3rem;}
blockquote::after {content: close-quote;font-size:2rem;line-height:1;padding-left: 0.3rem;}
blockquote {quotes: "“" "”" "‘" "’";}






/* --- BANNERS - SLIDER --- */

.owl-carousel .slide .caption {bottom: initial;top:0px;padding:2rem;height: 100%;text-align: center;display: flex;align-items: center;}
.owl-carousel .slide .caption .layerTitle {color:rgba(255, 255, 255, 0.9);font-weight: 500;font-size: 5rem;line-height:5rem;}
.owl-carousel .slide .caption .layerText {font-size: 2rem;padding-top: 1rem;color: rgba(255, 255, 255, 0.9);font-weight: 500;font-style: italic;}
.owl-carousel .slide .btn.btn-basic {background:#a3704f;color:#fff;border-radius: 15rem;font-size:1.5rem;padding: 0.3rem 2rem;}


.blockSlider .owl-dots {display:flex;justify-content: center;background: #fff;padding:1rem;}
.blockSlider .owl-dots .owl-dot {display:block;width:10px;height:10px;background-color:#ccc;width:0.7rem;height:0.7rem;margin:0.7rem;border-radius: 1rem;}
.blockSlider .owl-dots .owl-dot.active {background-color:#a3704f;}
.blockSlider .owl-dots span{color: #fff !important;background: black !important;}


/* --- BANNERS --- */
.banner-shadow .item-block,
.block-shadow {padding: 2rem;box-shadow: 0 6px 25px rgb(0 0 0 / 7%);}
.block-shadow.banner {display:flex;flex-direction: column;
    background-image: -webkit-linear-gradient(0deg, #20c4d6 0%, #1cb7c7 100%);
    background-image: -ms-linear-gradient(0deg, #20c4d6 0%, #1cb7c7 100%);
	color:#fff;
    padding: 60px 65px 70px;
    border-radius: 5px;}
.block-shadow.banner > div {width: max-content;margin: auto;}
.block-shadow.banner .btn {margin-top: auto;width: max-content;}
.block-shadow.banner .text {margin-bottom: .5rem;text-align: left;font-size:1.7rem;height: auto;}
.block-shadow.banner .icon {margin: 0;margin-top: 0.5rem;}
.block-shadow.banner .icon svg {width:45px;height:45px;}
.block-shadow.banner .icon-opacity {position:absolute;opacity: .25;right: 0;}
.block-shadow.banner .icon-opacity svg {width:95px;height:95px;}

.banner-radius .item-block {border-radius: 0.5rem;}
.banner-radius .item-block .imageContainer {border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}

.banner-container {background:#f9f9f9;}

.blockContainer {margin: 0;}

.blockContainer:not(.blockSlider) {padding:2rem 0;}
.lg .blockContainer:not(.blockSlider),
.xl .blockContainer:not(.blockSlider),
.xxl .blockContainer:not(.blockSlider) {padding:3rem 0;}

.xs .owl-carousel .slide .caption .layerTitle {font-size:3rem;line-height: 3rem;}
/* --- BANNERS - END --- */

/* --- index Custom --- */



.bannerTitle {font-size:2.5rem!important;font-weight: 500!important;line-height: 1.2!important;}
.bannerText p {}




#products.blockContainer .item.sliderCol {padding:2rem;}

.textBlockText:last-child p {margin-bottom: 0;}
/* --- index Custom - END --- */



/* -------------------- ACCESS START -------------------- */

.user-access[data-ajax-url] .content {display:none;}
.login-menu .sidenav-btn {display:none;}

.sidenav input.form-control {color:#fff;}
.form-group.is-required input:required,
.form-group.is-invalid input,
.form-group.used input {border-color: #dc3545;}
.form-group.is-valid input {border-color: #28a745;}

.form-group .error {display: none;}
.form-group.is-required .error.required {display: block;}
.form-group.is-invalid .error.invalid {display: block;}
.form-group.used .error.used {display: block;}

form.access {display: flex;flex-direction: column;margin-bottom: 2rem;}
form.access button.btn {}
form.access .error.access-denied {display: none;}
form.access .error.access-denied.show {display: block;}
nav.access-menu ul {
	list-style-type:none;
	padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
}
nav.access-menu ul > li {	
	padding-top: .25rem;
    padding-bottom: .25rem;}

.sidenav .title {font-size:1.3rem;margin-bottom: 1rem;}
.sidenav .primary-link-container {display:flex;flex-direction: row;padding-top: .5rem;padding-bottom: 1rem;}
.sidenav .primary-link {font-size: 1em;text-decoration: underline;}
.sidenav .secondary-link {font-size: .82em;text-decoration: underline;}

.eye-btn {
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
}
.eye-btn button {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}


/* -------------------- ACCESS END -------------------- */


.certification_list {}
.certification_list .cert_code {font-size:larger;font-weight: 500;}
.certification_list .cert_title {}
.certification_list .cert_text p:last-child { margin-bottom: 0;}





/* .mainPageMenu {list-style: none;margin: 0;padding: 0;}
.mainPageMenu li.nav-item {list-style: none;margin: 0;padding: 0;display:block;margin-bottom:1rem;}
.mainPageMenu li.nav-item a.active {border-bottom:2px solid #a3704f;} */





.baannerCategoryMenu ul,
.baannerCategoryMenu ul li {list-style:none;}
.baannerCategoryMenu ul {padding:0;margin: 0;}



.baannerCategoryMenu li {position: relative;width:max-content;padding: .25rem 0;margin: 0;max-width:100%;}
.baannerCategoryMenu li > a {position: relative;overflow: hidden;max-width:100%;transition: left .3s;padding-left: 0;left: 0;align-items: center;color: inherit;width: max-content;display: flex;height: min-content;padding-top: 0;padding-bottom: 0;text-decoration:none;}

.baannerCategoryMenu li > a:before,
.baannerCategoryMenu li > a:after {content: "";width: 100%;position: absolute;display: block;transition: transform .3s;left: 0;z-index: 2;bottom: 0;}
.baannerCategoryMenu li > a:before {visibility: hidden;transform: translateX(-100%);}
.baannerCategoryMenu li:hover > a:before,
.baannerCategoryMenu li > a:not(.not-link):hover:before,
.baannerCategoryMenu li > a.active:before {transform: translateX(0);transition: transform .3s;visibility: visible;}
.baannerCategoryMenu li > a:after {visibility: visible;transition: transform .6s;transform: translateX(150%);}
.baannerCategoryMenu li:hover > a:after,
.baannerCategoryMenu li > a:not(.not-link):hover:after,
.baannerCategoryMenu li > a.active:after {transition: transform .3s .3s;transform: translateX(0);visibility: hidden;} 
.baannerCategoryMenu li > a:before,
.baannerCategoryMenu li > a:after {background-color: #a3704f;height: 1px;}

#product_list_filters.card,
.side-column .card {border: none;border-radius: 0;box-shadow:0px 0px 35px 10px rgba(0, 0, 0, 0.07);}
#product_list_filters .card-body,
.side-column .card .card-body {padding: 2rem 2rem;}

.side-column .card .title {font-weight: 400;font-size: 1.5rem; border-bottom: 1px solid #919191;margin: 0 0 1rem 0;padding: 0 0 1rem 0;}


.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #919191;
	font-size: 1.5rem;
}
.accordion-button:focus {border-color: #a3704f;box-shadow: 0 0 0 .25rem rgba(163, 112, 79, .25);}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
#collapseFilters {margin: 1rem 0 0 0;padding: 1rem 0 0 0;}
.accordion-button {font-size:inherit;padding:0.5rem;}


.latestPosts .postTitle {}
.latestPosts .item-block p {font-size: 1rem;}
.latestPosts .item-block {margin-bottom: 1.5rem;}








.prodCategories .prodItem {position: relative;}
.prodCategories .productDetails {justify-content:center;text-decoration:none;padding:2rem;color:#fff;text-align: center;position: absolute;left:0px;top:0px;width:100%;height: 100%;background: rgba(0,0,0,.25);transition: background .7s, transform .7s;}
.prodCategories .productDetails:hover {background: rgba(0,0,0,.5);transform: scale(.9);}
.prodCategories .productDetails h2 {font-size:1.75rem;}
.prodCategories .prodItem .imageContainer img {transition: transform .7s;}
.prodCategories .prodItem:hover .imageContainer img {transform: scale(1.1);}


.imageContainerOverlay {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 2;opacity: 0;transition: all 1s;}
.prodItem:hover .imageContainerOverlay {opacity: 1;}







/**************** index *************/
.index #menuHeader {position:absolute;width:100%;}
.index:not(.sticky-menu) #menuHeader .header-container {box-shadow:none;}
.index:not(.sticky-menu) #menuHeader nav.webart-navbar {background-color:rgba(0, 0, 0, 0.7);}
.index:not(.sticky-menu) #menuHeader nav.webart-navbar .level-1 > .nav-item > .level-2 {background-color:rgba(0, 0, 0, 0.7);}
.index:not(.sticky-menu) #menuHeader:hover nav.webart-navbar {background-color:#000;}
.index:not(.sticky-menu) #menuHeader:hover nav.webart-navbar .level-1 > .nav-item > .level-2 {background-color:#000;}

.index #mainSlider {z-index: 0;height: 100vh;position: relative;}
.index #mainSlider > div {position: fixed;}




.cPath {font-size: 0.9rem;}
.cPath a {color:#333;}


@media (max-width: 1600px) {
	#menuHeader .nav-item.home {display: none;}
}




.footerSubContact .bodyMenuList {display:flex;justify-content:center;}
.footerSubContact .bodyMenuList li {margin-right:1rem;margin-left:1rem;}
.footerSubContact {margin-bottom:3rem;margin-top:-1rem;}



.owl-dot span {display: none;}


a#i3-espa-pdf {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 2;
	max-width: 120px;
}
.tuv-logo {
	position: fixed;
	bottom: 85px;
	left: 20px;
	z-index: 2;
}

@media only screen and (max-width: 425px ) {
	a#i3-espa-pdf {
		bottom: 10px;
		left: 10px;
	}
	.tuv-logo {
		bottom: 75px;
		left: 10px;
	}
}

/* Front End Changes - https://app.clickup.com/t/20r707e */

#gemology-services .item-block a .itemTitle,
#gemology-services .item-block div.textBlockText p,
#gemology-services div.col.pt-4.px-3,
#gemology-services .item-block .imageArea .imageContainer img {
	transition:400ms;
}

#gemology-services .item-block:hover a .itemTitle,
#gemology-services .item-block:hover div.textBlockText p {
	color:#a3704f;
	transition:400ms;
}

/* #gemology-services .item-block:hover .imageArea .imageContainer img {
	filter: saturate(35%);
} */

#gemology-services div.col.pt-4.px-3:hover {
	transform:translateY(-20px);
	transition:400ms;
}

.jewellery-portfolio p,
.jewellery-portfolio div.itemTitle {
	transition:400ms;
}

.jewellery-portfolio a:hover p,
.jewellery-portfolio a:hover div.itemTitle,
.prodCategories .productDetails:hover{
	color:#a3704f !important;
	transition:400ms;
}


.latestNews .textBlock .itemTitle,
.latestNews .textBlock .textBlockText span,
.latestNews .textBlock .textBlockText div.text,
.latestNews .textBlock .textBlockText a {
	transition:400ms;
}

.latestNews .item-block.d-flex.flex-column:hover .textBlock .itemTitle,
.latestNews .item-block.d-flex.flex-column:hover .textBlock .textBlockText span,
.latestNews .item-block.d-flex.flex-column:hover .textBlock .textBlockText div.text,
.latestNews .item-block.d-flex.flex-column:hover .textBlock .textBlockText a {
	color:#a3704f !important;
	transition:400ms;
}

.latestNews 

#i3-espa {
    position: fixed;
    top: 85vh;
    left: 3vh;
    display: flex;
    box-shadow: 0px 0px 6px #0000005e;
    z-index: 3;
    transition: all 0.3s ease-in-out;
}

#i3-footer {
	background-color: black;
	color:white;
	padding: 100px 75px 35px 75px;
}

#i3-footer li{
	margin-bottom: 10px;
}

#i3-footer li a,
#i3-footer .footer-links a,
#i3-footer .site-information a{
	color: #BCBCBC;
	transition: 300ms;
	font-weight: 400;
}

#i3-footer li a:hover,
#i3-footer .footer-links a:hover,
#i3-footer .site-information a:hover{
	color: #a3704f;
	transition: 300ms;
	text-decoration: none;
}

#i3-footer .newsletter h3{
	font-size: 23px;
}

#i3-footer .newsletter div.d-flex.signup {
	gap: 20px;
}

#i3-footer .newsletter div.d-flex.signup input {
	padding-right: 40px;
}

@media only screen and (max-width: 1200px) {
	#i3-footer .newsletter div.d-flex.signup input {
		padding-right: 0;
	}
}



#i3-footer .newsletter input,
#i3-footer .newsletter input:focus{
	background: none;
    border: none;
    border-bottom: 1px solid white;
    font-size: 17px;
	color:white;
	outline: none;
}

#i3-footer .newsletter button{
	background-color: #a3704f;
	border: none;
	font-size: 17px;
	font-weight: 500;
	color:white;
}

#i3-footer .newsletter label,
#i3-footer .newsletter label a {
	color:white;
	font-size: 15px;
}

#i3-footer .newsletter label a {
	text-decoration: underline;
}

#i3-footer .newsletter label {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#i3-footer .newsletter input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

#i3-footer .newsletter span.checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid white;
}

@media only screen and (max-width: 1200px) {
	#i3-footer .newsletter span.checkmark {
		left: calc(50% - 165px);
	}	
}

@media only screen and (max-width: 427px) {
	#i3-footer .newsletter span.checkmark {
		left: calc(50% - 140px);
	}	
}

@media only screen and (max-width: 378px) {
	#i3-footer .newsletter span.checkmark {
		left: calc(50% - 95px);
	}	
}

#i3-footer .newsletter input:checked ~ .checkmark {
	background-color: #a3704f;
	border: none;
}

#i3-footer .newsletter .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

#i3-footer .newsletter input:checked ~ .checkmark:after {
	display: block;
}

#i3-footer .newsletter .checkmark:after {
	left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#i3-footer .site-logo {
	margin-bottom: 50px;
}

#i3-footer .owner,
#i3-footer .owner-subtitle{
	padding:0;
	margin:0;
}

#i3-footer .owner{
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 15px;
}

#i3-footer .owner-subtitle {
	color: #BCBCBC;
	/* margin-bottom: 10px; */
}
/* 
#i3-footer .site-information {
	padding-bottom: 10px;
} */

#i3-footer .site-information .site-info-item {
	margin-top:18px;
}

#i3-footer .site-information h3,
#i3-footer .site-information a {
	margin:0;
	font-size: 20px;
}

#i3-footer .site-information a {
	font-weight: 300;
}

#i3-footer .social-media {
	gap: 50px;
}

#i3-footer .social-media img,
#i3-footer .social-media img:hover {
	transition: 300ms;
}

#i3-footer .social-media img:hover {
	opacity:0.8;
}

#i3-footer .copyright-section {
	margin-top: 70px;
	font-size: 16px;
}

@media only screen and (max-width: 1200px) {
	#i3-footer .copyright-section {
		margin-top: 40px;
	}
}

#i3-footer .copyright-section span {
	color: #BCBCBC;
}

#i3-footer .copyright-section .tuv-document-link {
	transition: 300ms;
}

#i3-footer .copyright-section .tuv-document-link:hover .tuv-fx {
	fill: #A3704F;
	transition: 300ms;
}

#i3-footer .copyright-section .tuv-document-link .tuv-stroke-fx {
	stroke: #A3704F;
	transition: 300ms;
}

#i3-footer .copyright-section .tuv-document-link {
	font-size: 18px;
	gap:30px;
}

#i3-footer .copyright-section .tuv-document-link:hover {
	text-decoration: none;
}

#i3-footer .copyright-section .certifications .certification-title,
#i3-footer .copyright-section .certifications .certification-info {
	color:white;
	transition: 300ms;
}

#i3-footer .copyright-section .tuv-document-link:hover .certification-title,
#i3-footer .copyright-section .tuv-document-link:hover .certification-info {
	color: #A3704F;
	transition: 300ms;
}

#i3-footer .copyright-section .certifications .certification-title {
	font-weight: 500;

}

#menuHeader nav.webart-navbar .nav.navbar-nav li.nav-item > a:hover {
	color: #A3704F !important;
	transition: 300ms !important;
}

.mobile-items .langs-mobile {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: auto;
    font-size: 16px;
    margin-right: 20px;
    font-weight: 500;
}

.mobile-items .langs-mobile .lang a,
.langs .lang a {
	color: #a3704f;
}

.mobile-items .langs-mobile .lang a.not-active,
.langs .lang a.not-active  {
	color:white;
}

.mobile-items .langs-mobile .not-active,
.langs .not-active  {
	opacity:0.6;
}

/* Latest News Arrows */

#venikonos-blog .owl-nav {
	display: block;
	position: relative;
}

#venikonos-blog .owl-nav button.owl-prev,
#venikonos-blog .owl-nav button.owl-next {
	position: absolute;
    font-size: 150px;
    top: -700px;
    color: #a3704f;
    text-shadow: 0px 5px 10px black;
}

#venikonos-blog .owl-nav button.owl-prev {left:0;}
#venikonos-blog .owl-nav button.owl-next {right:0;}

#venikonos-blog .owl-carousel .owl-nav button:hover {background:none;}

#gemology-services .row .item-block .textBlock,
#gemology-services .row .item-block .imageArea{
	position:relative;
}

#gemology-services .row .textBlock.d-flex.flex-column::after,
#gemology-services .row .imageArea.d-flex::after {
	width: 100%;
    height: 0%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transition: 300ms;
}

#gemology-services .row .textBlock.d-flex.flex-column::after {
    background-color: rgb(0 0 0 / 100);
	z-index: -1;
}
#gemology-services .row .imageArea.d-flex::after {
	background-color: rgb(0 0 0 / 40%);
    z-index: 1;
}

#gemology-services div.col.pt-4.px-3:hover .textBlock.d-flex.flex-column::after,
#gemology-services div.col.pt-4.px-3:hover .imageArea.d-flex::after {
	height:100%;
}

.textBlock.d-flex.flex-column{
	position:relative;
}

.textBlock.d-flex.flex-column::after{
    width: 100%;
    height: 0%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transition: 300ms;
    background: black;
    z-index: -1;
}	

#venikonos-blog .item-block.d-flex.flex-column:hover .textBlock.d-flex.flex-column::after {
	height: 100%;
}