:root{
	--colorblack: #000000;
	--colorblack2: #000000;
	--colorblack-trans0: rgba(0,0,0,0.15);
	--colorblack-trans1: rgba(0,0,0,0.3);
	--colorblack-trans2: rgba(0,0,0,0.5);
	--colorblack-trans3: rgba(0,0,0,0.05);
	--colorwhite-trans1: rgba(255,255,255,0.4);
	--colorwhite-trans2: rgba(255,255,255,0.6);
	--colorwhite-trans3: rgba(255,255,255,0.2);
	--colorwhite-trans4: rgba(255,255,255,0.1);
	--colorwhite: #fff;
	--colorgrey1: #bdbdbd;
	--colorgrey2: #e0e0e0;
	--colorgrey3: #919191;
	--colorgrey4: #333333;
	--colorgrey5: #c0c0c0;
	--gradientwhite: linear-gradient(to right, #fff, transparent);
	--gradientgrey: linear-gradient(to right, #e0e0e0, transparent);
	--gradientcenter: linear-gradient(to right, #e0e0e0, #fff, #e0e0e0);
	--gradientgrey2: linear-gradient(to right, #919191, transparent);
	--h14vh: 14vh;
	--h7vh: 7vh;
	--bgwhite: #fff;
	--bggrey1: #bdbdbd;
	--bggrey2: #e0e0e0;
	--borderblack: #000000;
	--borderwhite: #fff;
	--borderwhite-trans: rgba(255,255,255,0.4);
	--bordergrey1: #bdbdbd;
	--bordergrey2: #e0e0e0;
	--bgwhite-trans1: rgba(255,255,255,0.4);
	--bgwhite-trans2: rgba(255,255,255,0.6);
	--bgwhite-trans3: rgba(255,255,255,0.2);
}
.gradient1, .mapstyle .bg-navy, .mapstyle .modal-dialog {background:var(--color2);background:-moz-linear-gradient(90deg,var(--color2) 0%,var(--color1) 100%);background:-webkit-linear-gradient(90deg,var(--color2) 0%,var(--color1) 100%);background:linear-gradient(90deg,var(--color2) 0%,var(--color1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color2)",endColorstr="var(--color1)",GradientType=1)}
.gradient2{background:var(--color1);background:-moz-linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);background:-webkit-linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);background:linear-gradient(90deg,var(--color1) 0%,var(--color2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color1)",endColorstr="var(--color2)",GradientType=1)}
.gradient-vert{background:var(--color1);background:-moz-linear-gradient(0deg,var(--color1) 0%,var(--color2) 100%);background:-webkit-linear-gradient(0deg,var(--color1) 0%,var(--color2) 100%);background:linear-gradient(0deg,var(--color1) 0%,var(--color2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color1)",endColorstr="var(--color2)",GradientType=1)}
.colorgrey2 svg{fill:var(--colorgrey2);}
.colorwhite svg{fill:var(--colorwhite);}
.colorwhite-trans1 svg{fill:var(--colorwhite-trans1);}
.btn-primary{background:#ff0000 !important;}

.bgviola{background:#aa84c7;}
.bggreen{background:#7fbb53;}
.bgyellow, .dzuhur{background:#f6b530;}
.bgtoska{background:#2baca0;}
.bgjingga{background:#C26991;}
.bgjingga2{background:#bb0046;}
.bgbiru{background:#5EAED0;}
.bgorange, .magrib{background:#ff8000;}
.facebook{background:#00499a;}
.twitter{background:#0095b4;}
.whatsapp{background:#00a610;}
.facebook{background:#00499a;}
.telegram{background:#0067a1;}
.imsak{background:#16776c;}
.subuh{background:#28aaab;}
.isya{background:#4d3569;}
.ashar{background:#e7941f;}
.carouselcustom-item:hover .itemstat.violastyle .itemstat-title{background:#ddc3f1;}
.carouselcustom-item:hover .itemstat.greenstyle .itemstat-title{background:#c9f1ac;}
.carouselcustom-item:hover .itemstat.yellowstyle .itemstat-title{background:#ffe4ad;}
.carouselcustom-item:hover .itemstat.toskastyle .itemstat-title{background:#9cdfd9;}
.carouselcustom-item:hover .itemstat.jinggastyle .itemstat-title{background:#ecbed3;}
.carouselcustom-item:hover .itemstat.birustyle .itemstat-title{background:#b8e0f1;}
.carouselcustom-item:hover .itemstat.orangestyle .itemstat-title{background:#ffd4af;}
.gradient-black-vert{background:rgba(0,0,0,0.8);background:-moz-linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 40%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 40%);background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 40%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.8)",endColorstr="transparent",GradientType=1)}

.nature{background:linear-gradient(to right, #0081b3, #02b84e);}
.travel{background:linear-gradient(to right, #864d8d, #ff5d38);}
.sunset{background:linear-gradient(to right, #e43f15, #f49b00);}
.ocean{background:linear-gradient(to right, #2d4d7a, #217ca3);}
.thered{background:linear-gradient(to right, #8c0004, #c8000a);}
.vintage{background:linear-gradient(to right, #67564c, #969346);}
.gogreen{background:linear-gradient(to right, #00a244, #70b92f);}
.sporty{background:linear-gradient(to right, #3d317c, #deb200);}
.village{background:linear-gradient(to right, #637d99, #98b53c);}
.forest{background:linear-gradient(to right, #3a7e3a, #805a3b);}
.casual{background:linear-gradient(to right, #138d90, #e1b16a);}
.dark{background:linear-gradient(to right, #000, #515151);}