@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap'); 
.black-t, .black-t p, .black-t h2, .black-t h3, .black-t h4, .black-t h5, .black-t h6, .black-t li {color:#000}
.white-t, .white-t p, .white-t h2, .white-t h3, .white-t h4, .white-t h5, .white-t h6, .white-t li {color:#fff}
.banner-content h2, .inter h2, .inter h3, body {font-family: "Inter", sans-serif!important; font-weight:200;} .banner-content h2, .inter h2, .inter h3{font-weight:300;}
.banner-content{text-align:center} .banner-content p{display:none}
.home-banner-carousel .owl-nav{ left: 50%; transform: translateX(-50%); bottom:25px }
.home-banner-carousel .owl-prev:hover, .home-banner-carousel .owl-next:hover, .white-cta a:hover, .blackcta a:hover { background: #000 !important; color:#fff!important}
.jambu-head ul.gva-nav-menu > li > a{color:#000} .jambu-head ul.gva-nav-menu > li > a:hover{color:#838694} 
.blackcta a::after, .white-cta a::after{ content: ''; position: absolute; width: 13px; height: 13px; top: 50%; right:15px; transform: translateY(-50%) rotate(45deg)}
.blackcta a::after{border-top: 1px solid #707070;  border-right: 1px solid #707070;} .white-cta a::after{  border-top: 1px solid #fff;  border-right: 1px solid #fff;} .blackcta a::before{border-top: 1px solid #707070;  border-right: 1px solid #707070;} .white-cta a::before{  border-top: 1px solid #fff;  border-right: 1px solid #fff;}  .white-cta a { border: 1px solid #ffffff !important;} .white-cta a{color:#fff!important}  

.blackcta a:hover::before, .blackcta a:hover::before {border-top : 1px solid #fff; border-right: 1px solid #fff;}
.blackcta a:hover::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}

.exploreart-item { background:#f4f4f4!important; border-radius: 0px; border: 1px solid #f4f4f4;} .about-art-item ul{margin-bottom:10px; } .about-art-item h3{ font-size: 22px; margin-bottom:15px}    .about-art-item ul li {font-size: 16px; padding-left: 5px; padding-right: 5px;} h5.artprice { font-size: 24px;}  .about-art-item ul li, .about-art-item ul {font-size: 16px; color:#000} .heartshore strong { font-weight: 600;}
.about-art-item{position:relative}.about-art-item .art-like { position: absolute; right: 0px;} .art-like svg{ width: 22px; }
.art-item img, .art-like{cursor:pointer} .art-like svg:hover {fill:#000}

/*nav*/
.exploreart-carousel .owl-nav{width:80px; background:red; position:relative; left:50%; bottom:-50px;  height: auto; transform: translateX(-50%);}
.exploreart-carousel .owl-nav .owl-prev{left:0px!important} .exploreart-carousel .owl-nav .owl-next{right:0px!important}

.exploreart-carousel .owl-prev::before { content: ''; position: absolute; width: 12px; height: 12px; border-top: 1px solid #707070; border-right: 1px solid #707070; top: 8px; left: 11px; transform: rotate(227deg);}
.exploreart-carousel .owl-next::before { content: ''; position: absolute; width: 12px; height: 12px; border-left: 1px solid #707070; border-bottom: 1px solid #707070; top: 8px; right: 11px; transform: rotate(227deg);}
.owl-prev:hover, .owl-next:hover, .owl-carousel .owl-nav > div:hover  {background:none}

@media all and (max-width: 767px){
	.banner-content h2, .fs64 h2, .fs64 h3, .fs64 h4, .fs64 h5, .fs64 h6{font-size:30px}  .fs40 h2, .fs40 h3, .fs40 h4, .fs40 h5, .fs40 h6{font-size:22px}
	
	
}
@media all and (min-width: 768px){
	.banner-content h2, .fs64 h2, .fs64 h3, .fs64 h4, .fs64 h5, .fs64 h6{font-size:36px}  .fs40 h2, .fs40 h3, .fs40 h4, .fs40 h5, .fs40 h6{font-size:22px}
	
	
}

@media all and (max-width: 1023px){
	.heartshore h4 { font-size: 20px;}
	
	
}
@media all and (min-width: 1024px){
	.banner-content h2, .fs64 h2, .fs64 h3, .fs64 h4, .fs64 h5, .fs64 h6{font-size:42px}
	 .fs40 h2, .fs40 h3, .fs40 h4, .fs40 h5, .fs40 h6{font-size:26px}
	.banner-content { padding: 60px 20% 0px 20%; } .artist-infocus{min-height:80vh} 
	.heartshore h4 { font-size: 22px;} .about-art-item h3{min-height:50px}
	
}

@media all and (min-width: 1280px){
	.banner-content h2, .fs64 h2, .fs64 h3, .fs64 h4, .fs64 h5, .fs64 h6{font-size:48px}  .fs40 h2, .fs40 h3, .fs40 h4, .fs40 h5, .fs40 h6{font-size:38px}
	
	
}
@media all and (min-width: 1366px){
	.banner-content h2, .fs64 h2, .fs64 h3, .fs64 h4, .fs64 h5, .fs64 h6{font-size:50px}  .fs40 h2, .fs40 h3, .fs40 h4, .fs40 h5, .fs40 h6{font-size:30px}
	.banner-content { padding: 60px 25% 0px 25%; } .heartshore h4 { font-size: 24px;} 
	
	
}