:root 
{
  --pc1: #701572; /* Pallete Color 1 = pc1 */
  --pc2: #d71f9d;
  --pc3: #DDDDDD;
  --pc4: #F5F5F5;
  --pc5: #500552;
  --pcw: #FFFFFF;
  --pcb: #000000;
  --pcy: #FFFF00;
  --bc1: #F5F5F5; /* Section Background Color 1 = bc1 */
}

.mb1r { margin-bottom: 1rem !important; }
.mb2r { margin-bottom: 2rem !important; }
.mb3r { margin-bottom: 3rem !important; }
.mb4r { margin-bottom: 4rem !important; }
.mb5r { margin-bottom: 5rem !important; }
.mb6r { margin-bottom: 6rem !important; }
.mb7r { margin-bottom: 7rem !important; }
.mb8r { margin-bottom: 8rem !important; }
.mb9r { margin-bottom: 9rem !important; }

.mt1r { margin-top: 1rem !important; }
.mt2r { margin-top: 2rem !important; }
.mt3r { margin-top: 3rem !important; }
.mt4r { margin-top: 4rem !important; }
.mt5r { margin-top: 5rem !important; }
.mt6r { margin-top: 6rem !important; }
.mt7r { margin-top: 7rem !important; }
.mt8r { margin-top: 8rem !important; }
.mt9r { margin-top: 9rem !important; }

.pb1r { padding-bottom: 1rem !important; }
.pb2r { padding-bottom: 2rem !important; }
.pb3r { padding-bottom: 3rem !important; }
.pb4r { padding-bottom: 4rem !important; }
.pb5r { padding-bottom: 5rem !important; }
.pb6r { padding-bottom: 6rem !important; }
.pb7r { padding-bottom: 7rem !important; }
.pb8r { padding-bottom: 8rem !important; }
.pb9r { padding-bottom: 9rem !important; }

.pt1r { padding-top: 1rem !important; }
.pt2r { padding-top: 2rem !important; }
.pt3r { padding-top: 3rem !important; }
.pt4r { padding-top: 4rem !important; }
.pt5r { padding-top: 5rem !important; }
.pt6r { padding-top: 6rem !important; }
.pt7r { padding-top: 7rem !important; }
.pt8r { padding-top: 8rem !important; }
.pt9r { padding-top: 9rem !important; }

.pl3r { padding-left: 3rem !important; }
.pr3r { padding-right: 3rem !important; }

.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

.fs1r   { font-size: 1rem !important; }
.fs1-1r { font-size: 1.1rem !important; }
.fs1-2r { font-size: 1.2rem !important; }
.fs1-3r { font-size: 1.3rem !important; }
.fs1-4r { font-size: 1.4rem !important; }
.fs1-5r { font-size: 1.5rem !important; }
.fs1-6r { font-size: 1.6rem !important; }
.fs1-7r { font-size: 1.7rem !important; }
.fs1-8r { font-size: 1.8rem !important; }
.fs1-9r { font-size: 1.9rem !important; }
.fs2r   { font-size: 2rem !important; }
.fs2-1r { font-size: 2.1rem !important; }
.fs2-2r { font-size: 2.2rem !important; }
.fs2-3r { font-size: 2.3rem !important; }
.fs2-4r { font-size: 2.4rem !important; }
.fs2-5r { font-size: 2.5rem !important; }
.fs2-6r { font-size: 2.6rem !important; }
.fs2-7r { font-size: 2.7rem !important; }
.fs2-8r { font-size: 2.8rem !important; }
.fs2-9r { font-size: 2.9rem !important; }
.fs3r   { font-size: 3rem !important; }
.fs4r   { font-size: 4rem !important; }
.fs5r   { font-size: 5rem !important; }

.tcb { color: var(--pcb) !important; }
.tcw { color: var(--pcw) !important; }
.tcy { color: var(--pcy) !important; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.br15 { border-radius: 15px; }
.br100pr { border-radius: 100%; }

@media (max-width: 991px) 
{
	.mmb0  { margin-bottom: 0 !important; }
	.mmb1r { margin-bottom: 1rem !important; }
	.mmb2r { margin-bottom: 2rem !important; }
	.mmb3r { margin-bottom: 3rem !important; }
	.mmb4r { margin-bottom: 4rem !important; }
	.mmb5r { margin-bottom: 5rem !important; }
	.mmb6r { margin-bottom: 6rem !important; }
	.mmb7r { margin-bottom: 7rem !important; }
	.mmb8r { margin-bottom: 8rem !important; }
	.mmb9r { margin-bottom: 9rem !important; }

	.mmt0  { margin-top: 0 !important; }
	.mmt1r { margin-top: 1rem !important; }
	.mmt2r { margin-top: 2rem !important; }
	.mmt3r { margin-top: 3rem !important; }
	.mmt4r { margin-top: 4rem !important; }
	.mmt5r { margin-top: 5rem !important; }
	.mmt6r { margin-top: 6rem !important; }
	.mmt7r { margin-top: 7rem !important; }
	.mmt8r { margin-top: 8rem !important; }
	.mmt9r { margin-top: 9rem !important; }

	.mpb0  { padding-bottom: 0 !important; }
	.mpb1r { padding-bottom: 1rem !important; }
	.mpb2r { padding-bottom: 2rem !important; }
	.mpb3r { padding-bottom: 3rem !important; }
	.mpb4r { padding-bottom: 4rem !important; }
	.mpb5r { padding-bottom: 5rem !important; }
	.mpb6r { padding-bottom: 6rem !important; }
	.mpb7r { padding-bottom: 7rem !important; }
	.mpb8r { padding-bottom: 8rem !important; }
	.mpb9r { padding-bottom: 9rem !important; }

	.mpt0  { padding-top: 0 !important; }
	.mpt1r { padding-top: 1rem !important; }
	.mpt2r { padding-top: 2rem !important; }
	.mpt3r { padding-top: 3rem !important; }
	.mpt4r { padding-top: 4rem !important; }
	.mpt5r { padding-top: 5rem !important; }
	.mpt6r { padding-top: 6rem !important; }
	.mpt7r { padding-top: 7rem !important; }
	.mpt8r { padding-top: 8rem !important; }
	.mpt9r { padding-top: 9rem !important; }

	.mpl3r { padding-left: 3rem !important; }
	.mpr3r { padding-right: 3rem !important; }

	.mfw100 { font-weight: 100 !important; }
	.mfw200 { font-weight: 200 !important; }
	.mfw300 { font-weight: 300 !important; }
	.mfw400 { font-weight: 400 !important; }
	.mfw500 { font-weight: 500 !important; }
	.mfw600 { font-weight: 600 !important; }
	.mfw700 { font-weight: 700 !important; }
	.mfw800 { font-weight: 800 !important; }
	.mfw900 { font-weight: 900 !important; }

	.mfs1r   { font-size: 1rem !important; }
	.mfs1-1r { font-size: 1.1rem !important; }
	.mfs1-2r { font-size: 1.2rem !important; }
	.mfs1-3r { font-size: 1.3rem !important; }
	.mfs1-4r { font-size: 1.4rem !important; }
	.mfs1-5r { font-size: 1.5rem !important; }
	.mfs1-6r { font-size: 1.6rem !important; }
	.mfs1-7r { font-size: 1.7rem !important; }
	.mfs1-8r { font-size: 1.8rem !important; }
	.mfs1-9r { font-size: 1.9rem !important; }
	.mfs2r   { font-size: 2rem !important; }
	.mfs2-1r { font-size: 2.1rem !important; }
	.mfs2-2r { font-size: 2.2rem !important; }
	.mfs2-3r { font-size: 2.3rem !important; }
	.mfs2-4r { font-size: 2.4rem !important; }
	.mfs2-5r { font-size: 2.5rem !important; }
	.mfs2-6r { font-size: 2.6rem !important; }
	.mfs2-7r { font-size: 2.7rem !important; }
	.mfs2-8r { font-size: 2.8rem !important; }
	.mfs2-9r { font-size: 2.9rem !important; }
	.mfs3r   { font-size: 3rem !important; }

	.mtac { text-align: center; }
	.mtal { text-align: left; }
	.mtar { text-align: right; }
	.mtaj { text-align: justify; }
}

p 
{
	font-size: 1.1rem;
}

.topnav
{
	padding: 10px 0;
	background-color: #FFFFFF;
}

.topnav.t4-sticky
{
	position: sticky !important;
	top: 0 !important;
	z-index: 100 !important;
	background-color: var(--pc5);
}

.mainnav > div > div.row
{
	align-items: center;
}

.topmenu nav.navbar
{
	float: right;
	font-weight: 500;
	font-size: 1.1rem;
}

.site-brand
{
	display: flex;
	align-items: center;
	color: var(--pc1);
}

.brand-title
{
	display: flex;
	flex-direction: column;
	line-height: 1;
}

.brand-title a
{
	display: inherit;
}

span.brand-name
{
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: #FFFFFF;
}

span.brand-slogan
{
	font-size: 0.7rem;
	padding-left: 0.1rem;
	color: #DDDDDD;
}

.brand-logo
{
	margin-right: 1rem;
}

.brand-logo img
{
	height: 70px;
	width: auto;
}

.topmenu
{
	display: flex;
	align-items: center;
	justify-content: end;
}

.topmenu nav li a
{
	color: #DDDDDD !important;
}

.topmenu nav li a:hover,
.topmenu nav li.active a
{
	color: #FFFFFF !important;
}

.t4-masthead-inner 
{
	padding: 3rem 0;
}

.valign-center 
{
	align-items: center;
}

.color1 
{
	color: var(--pc1);
}

.color2 
{
	color: var(--pc2);
}

.view-article .item-page h1
{
	font-size: 2rem;
	margin-top: 3rem;
	margin-bottom: 2rem;
    text-transform: inherit;
	color: var(--pc1);
}

.bs-breadcrumbs 
{
	color: #FAFAFA;
	background-color: var(--pc5);
	margin-top: 2rem;
	padding: 0.5rem 0;
}

.bs-breadcrumbs a
{
	color: #EFEFEF;
}

.bs-breadcrumbs a:hover
{
	text-decoration: none;
}

.breadcrumb-item.active 
{
    color: #CCCCCC;
}

.breadcrumb .divider:before
{
	content: "\f105";
	padding: 0 0.6rem;
	font-size: 0.9rem;
	font-family: 'FontAwesome';
}

.t4-footer .container 
{
	padding: 1rem;
}

.rh-number
{
	color: var(--pc2);
	font-size: 2rem;
	font-weight: 600;
	padding-right: 0.5rem;
}

.bgfa { background-color: #FAFAFA; }



















.homepage .section .section-maintitle
{
	margin: 0 0 60px;
	font-size: 40px;
	font-weight: 500;
}

.homepage .section .section-subtitle
{
	margin: 0 0 1rem;
	line-height: 1;
	position: relative;
}

.homepage .section .section-subtitle::after
{
	position: absolute;
	content: "";
	width: 80px;
	border-bottom: 3px solid var(--pc2);
	left: calc(50% - 40px);
	top: 100%;
	margin-top: 8px;
}

@media (max-width: 991px) 
{
	.homepage .section .section-maintitle
	{
		font-size: 34px;
	}
}










/*
.homepage .section1 
{
	padding: 80px 0 150px;
	color: #333333;
}
*/
/*.section1::before,*/
/*.section3::before,*/
/*.section6::before
{
	content: "";
	width: 360px;
	height: 270px;
	position: absolute;
	left: calc(50vw - 190px);
	bottom: 50px;
	background-image: radial-gradient(#EFEFEF 20%, transparent 22%);
	background-size: 30px 30px;
	background-position: 0 100%;
}*/

/* Wave Background
.section1::before 
{

    content: "";
    width: 390px;
    height: 270px;
    position: absolute;
    left: calc(50vw - 190px);
    bottom: 0;
    background-image: radial-gradient(circle at center bottom ,transparent 16%, #EFEFEF 17%, #EFEFEF 22%, transparent 23%), radial-gradient(circle at left top ,transparent 17%, #EFEFEF 18%, #EFEFEF 22%, transparent 23%), radial-gradient(circle at right top ,transparent 17%, #EFEFEF 18%, #EFEFEF 22%, transparent 23%);
    background-image: radial-gradient(circle at 0 0 ,transparent 22px, #EFEFEF 23px, #EFEFEF 27px, transparent 28px), radial-gradient(circle at 50% 100% ,transparent 22px, #EFEFEF 23px, #EFEFEF 27px, transparent 28px), radial-gradient(circle at 100% 0 ,transparent 22px, #EFEFEF 23px, #EFEFEF 27px, transparent 28px);
    background-image: radial-gradient(circle at 0 -10px ,transparent 24px, #EFEFEF 25px, #EFEFEF 29px, transparent 30px), radial-gradient(circle at 50% 110px ,transparent 24px, #EFEFEF 25px, #EFEFEF 29px, transparent 30px), radial-gradient(circle at 100% -10px ,transparent 24px, #EFEFEF 25px, #EFEFEF 29px, transparent 30px);
    background-image: radial-gradient(circle at 0 -20px ,transparent 29px, #EFEFEF 30px, #EFEFEF 34px, transparent 35px), radial-gradient(circle at 50% 120px ,transparent 29px, #EFEFEF 30px, #EFEFEF 34px, transparent 35px), radial-gradient(circle at 100% -20px ,transparent 29px, #EFEFEF 30px, #EFEFEF 34px, transparent 35px);
    background-size: 100px 100px;
    background-position: 0% 10%;
} */

.homepage .section1 .carousel-item .row 
{
	align-items: center;
}

.homepage .section1 .carousel-item .row svg.exhibition
{
	width: 100%;
	height: auto;
}


.homepage .section1 .carousel-item .row h1,
.homepage .section1 .carousel-item .row h2
{
	text-align: left;
	line-height: 1.5;
	margin-bottom: 2rem;
	font-size: 46px;
	font-weight: 600;
}

.homepage .section1 .carousel-indicators li
{
	background-color: var(--pc1);
}

@media (max-width: 991px) 
{
	.homepage .section1 .carousel-item .row h1,
	.homepage .section1 .carousel-item .row h2
	{
		font-size: 28px;
		text-align: center;
	}

	.homepage .section1 .carousel-item .row 
	{
		height: 440px;
		text-align: center;
	}

	.homepage .section1 .carousel-item .row svg.exhibition
	{
		width: 65%;
	}
/*
	.homepage .section1 
	{
		padding: 30px 0;
	}
*/
}


























.homepage .section2
{
	/* padding: 80px 0 240px; */
	/* background-image: url(../../../images/template/abstract3.svg); */
	/* background-size: contain; */
	background-repeat: no-repeat;
	background-position: center center;
}

.card1
{
	display: flex;
}

.card1 a
{
	display: block;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	padding: 30px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
	width: 100%;
	border-radius: 15px;
}

.card1 a img
{
/*	filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(270deg) brightness(94%) contrast(77%); */
	filter: invert(100%);
}

.card1 a > div
{
	width: fit-content;
	margin: 40px auto 50px;
	position: relative;
}

.card1 a > div::before
{
	content: "";
	width: 140%;
	height: 140%;
	display: block;
	position: absolute;
	top: -20%;
	left: -20%;
	border-radius: 100%;
	background-color: var(--pc1);
	background-image: linear-gradient(-45deg, var(--pc2), var(--pc1));
}
/*
.card1:nth-child(2) a > div::before
{
	background-color: #1a4c91;
}

.card1:nth-child(3) a > div::before
{
	background-color: #1a7891;
}

.card1:nth-child(4) a > div::before
{
	background-color: #1a916e;
}
*/
@media (max-width: 991px) 
{
	.homepage .section2 .section-maintitle
	{
		margin: 0 0 30px;
		font-size: 30px;
		font-weight: 500;
	}

	.card1 a 
	{
		display: flex;
		align-items: center;
		padding: 20px 20px 20px 40px;
	}

	.card1 a > div 
	{
		width: 50px;
		height: 50px;
		margin: 0 40px 0 0;
	}

	.card1 a > h3 
	{
		width: calc(100% - 100px);
		text-align: left;
		padding: 0;
		margin: 0;
		font-size: 23px;
	}
}

























/*
.homepage .section3
{
	padding: 0 0 150px;
}
*/

.slideshow-pt,
.slideshow-pt .carousel-inner 
{
	height: 100%;
	display: flex;
	align-items: center;
}

.slideshow-pt .pt-type
{
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 2rem;
}

.slideshow-pt .pt-name
{
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

.slideshow-pt .pt-desc
{
	text-align: justify;
	margin-bottom: 2rem;
}






















/*
.homepage .section4
{
}

.homepage .section4 .t4-section-inner
{
	padding-top: 100px;
	padding-bottom: 180px;
	background-image: url(../../../images/template/abstract5.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
*/

.homepage .section4 .rh-number
{
	color: var(--pc2);
	font-size: 3rem;
	font-weight: 700;
	padding-right: 0.5rem;
}





















/*
.homepage .section5
{
	margin-top: 80px;
	padding-top: 20px;
    padding-bottom: 120px;
    background-image: url(../../../images/template/worldmap.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.homepage .section5 .cn-name a
{
	color: #000000;
	color: var(--pc1);
	font-size: 1.4rem;
	font-weight: 500;
	text-decoration: none;
}

.homepage .section5 .cn-name a:hover
{
	color: var(--pc2);
}
*/





















.homepage .section6
{
	padding: 80px 0;
}

.homepage .section6 .ec-month > div.container > div.row
{
	background-color: #EEEEEE;
}

.homepage .section6 .ec-months > div:nth-child(n + 2)
{
	float: left;
}

.homepage .section6 .ec-months
{
	background-color: var(--pc1);
	color: #EEEEEE;
	font-size: 0.8rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.homepage .section6 .ec-months > div:nth-child(n + 1)
{
	padding: 0.4rem 0;
}

.homepage .section6 .ec-months > div.subject-value
{
	width: 20%;
	text-align: center;
}

.homepage .section6 .ec-months > div.subject-name
{
	width: 80%;
	padding-left: 0.4rem;
}

.homepage .section6 .ec-months > div.subjects-title
{
	width: 100%;
	text-align: center;
	padding: 0 0 0.5rem 0;
	font-size: 1.1rem;
	font-weight: 600;
}

.homepage .section6 .ec-days
{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.homepage .section6 .ec-days > div
{
	display: block;
	overflow: hidden;
	text-align: center;
}

.homepage .section6 .ec-days > div.months-title
{
	color: var(--pc2);
	font-size: 1.2rem;
	font-weight: 600;
}

/*
.homepage .section6 .ec-days > div:nth-child(2)
{
	color: #000000;
	font-size: 1.2rem;
	font-weight: 500;
}
*/


.homepage .section6 .ec-month-names > div,
.homepage .section6 .ec-day-names > div
{
	float: left;
	width: 33.33%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.homepage .section6 .ec-day-names > div
{
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin-bottom: 1.5rem;
}

.homepage .section6 .ec-month-names > div
{
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

.homepage .section6 .ec-news
{
	align-items: center;
	display: flex;
}

.homepage .section6 .ec-news > div > div > div:nth-child(n + 2)
{
	border-left: 2px solid #DDDDDD;
}

.homepage .section6 .ec-news > div > div > div,
.homepage .section6 .ec-news > div > div > div:nth-last-child(-n + 3)
{
	border-left: 2px solid #FFFFFF00;
}

.homepage .section6 .ec-news > div > div > div:nth-child(3n + 2)::before 
{
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background-color: var(--pc2);
	left: -7px;
	top: -7px;
	border-radius: 100px;
}

.homepage .section6 .ec-news > div > div > div:nth-child(3n - 1)
{
	font-size: 1.5rem;
}

.homepage .section6 .ec-news > div > div > div:nth-child(3n - 2)
{
	font-size: 0.9rem;
	color: #AAAAAA;
}

.homepage .section6 .ec-news > div > div > div:last-child
{
	padding-top: 1rem;
}

.homepage .section6 .ec-news > div > div > div:last-child a
{
	color: #EEEEEE;
	background-color: var(--pc1);
	padding: 0.7rem 1rem;
	text-decoration: none;
}

.homepage .section6 .ec-news > div > div > div:last-child a:hover
{
	background-color: #000000;
}
























.t4-footnav
{
	position: relative;
}

.t4-footnav::before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
    background-image: url(../../../images/template/worldmap.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
	opacity: 0.05;
}

p.footer-about 
{
	text-align: justify;
}

.t4-footnav .t4-module .module-title span 
{
    font-weight: 600;
    font-size: 1.2rem;
	color: #FFFFFF;
}

.t4-footnav .container 
{
	padding-bottom: 3rem;
}

.footer-icons a 
{
	font-size: 1.6rem;
	margin-right: 1rem;
}
















a.readmore1
{
	display: inline-block;
	padding: 4px 6px 4px 16px;
	border-radius: 100px;
	font-size: 1rem;
	text-decoration: none;
	color: #FFFFFF;
	background-color: var(--pc1);
	background-image: linear-gradient(-45deg, var(--pc2), var(--pc1));
	box-shadow: 0 0 15px rgb(112, 21, 114, 0%);
	margin: 5px 0 0 0;
	transition: margin 0.2s, box-shadow 0.3s;
}

a.readmore1:hover 
{
	box-shadow: 0 5px 15px rgb(112, 21, 114, 30%);
	margin: 0 0 5px 0;
	transition: margin 0.2s, box-shadow 0.3s;
}

a.readmore1::after 
{
	content: "\f061";
	font-family: FontAwesome;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: baseline;
	text-align: center;
	background-color: #FFFFFF;
	color: var(--pc1);
	margin: 3px 0 3px 10px;
	border-radius: 100px;
	font-size: 1.1rem;
}

@media (max-width: 991px) 
{
	a.readmore1 
	{
		font-size: 1rem;
	}
}









.t4-bs-page-heading 
{
	position: relative;
	background-color: var(--pc5);
	margin-bottom: 2rem;
}

.t4-bs-page-heading h1,
.t4-bs-page-heading h2
{
	color: #FAFAFA;
	font-weight: 600;
	font-size: 2.2rem;
	text-align: center;
}

.t4-bs-page-heading::before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--pc5);
	color: #FFF;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2rem;
	background-image: url(../../../images/template/background1.jpg);
	background-position-x: 0%;
	background-position-y: 40%;
	background-blend-mode: multiply;
	background-size: 150%;
	opacity: 0.3;
	animation-name: moveMyBackground1;
	animation-duration: 60s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes moveMyBackground1 
{
	from 
	{
		background-position-x: 0%;
	}

	to 
	{
		background-position-x: 100%;
	}
}




















.my-layout-blog-layout-1 h2 a,
.my-layout-blog-layout-2 h2 a,
.my-layout-blog-layout-3 h2 a,
.my-layout-blog-layout-4 h2 a
{
	text-decoration: none;
	color: var(--pc1);
	font-size: 1.3rem;
}

.my-layout-blog-layout-1 h2 a
{
	font-size: 1.2rem;
}

.my-layout-blog-layout-1 h2 a:hover,
.my-layout-blog-layout-2 h2 a:hover,
.my-layout-blog-layout-3 h3 a:hover,
.my-layout-blog-layout-4 h3 a:hover
{
	color: var(--pc2);
}

.my-layout-blog-layout-1 .items-row .item .item-image img,
.my-layout-blog-layout-3 .items-row .item .item-image img,
.my-layout-blog-layout-4 .items-row .item .item-image img 
{
	filter: brightness(1);
	transition: all 0.5s;
	border-radius: 15px;
}

.my-layout-blog-layout-1 .items-row .item:hover .item-image img,
.my-layout-blog-layout-3 .items-row .item:hover .item-image img,
.my-layout-blog-layout-4 .items-row .item:hover .item-image img
{
	filter: brightness(0.2);
	transition: all 0.5s;
}

.my-layout-blog-layout-1.item-page h1,
.my-layout-blog-layout-2.item-page h1,
.my-layout-blog-layout-3.item-page h1,
.my-layout-blog-layout-4.item-page h1
{
	font-size: 2.5rem;
	margin-top: 3rem;
	margin-bottom: 2rem;
    text-transform: inherit;
	color: var(--pc1);
}

@media only screen and (min-width: 992px) 
{
	.my-layout-blog-layout-1 .blog-items,
	.my-layout-blog-layout-3 .blog-items,
	.my-layout-blog-layout-4 .blog-items 
	{
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}

	.my-layout-blog-layout-1 .blog-items div.items-row 
	{
		width: calc(100% / 3);
		margin: 0;
	}

	.my-layout-blog-layout-1 .blog-items div.items-row .item,
	.my-layout-blog-layout-3 .blog-items div.items-row .item,
	.my-layout-blog-layout-4 .blog-items div.items-row .item
	{
		padding-top: 0;
	}
}

















.my-layout-blog-layout-2 h2 a
{
    font-size: 2rem;
}

.my-layout-blog-layout-2 .page-header h2,
.my-layout-blog-layout-2 .categories-list h2 
{
    font-size: 2.4rem;
    font-weight: 600;
}

.my-layout-blog-layout-2 .content-part p
{
	font-weight: 300;
	line-height: 1.7;
	margin-bottom: 2rem;
}

.my-layout-blog-layout-2 .items-row .item .item-image img 
{
	filter: brightness(1) saturate(1);
	transition: all 0.5s;
	border-radius: 15px;
}

.my-layout-blog-layout-2 .items-row .item:hover .item-image img 
{
	filter: brightness(0.9) saturate(1.2);
	transition: all 0.5s;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image a
{
	display: block;
	position: relative;
	padding: 0 0 4rem 4rem;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image a::before
{
	content: "";
	width: 360px;
	height: 270px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: radial-gradient(#EFEFEF 20%, transparent 22%);
	background-size: 30px 30px;
	background-position: 0 100%;
}

.my-layout-blog-layout-2 .blog-items div.items-row 
{
	margin: 0 0 2rem 0;
}

.my-layout-blog-layout-2 .blog-items div.items-row .item > div.content-part
{
	padding: 0 0 3rem 0;
}

@media only screen and (min-width: 992px) 
{
	.my-layout-blog-layout-2 .blog-items 
	{
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item
	{
		padding-top: 0;
		display: flex;
		align-items: center;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item > div.content-part
	{
		width: 60%;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row:nth-child(odd) .item > div.content-part
	{
		padding: 0 6rem 3rem 0;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row:nth-child(even) .item > div.content-part
	{
		order: 2;
		padding: 0 0 3rem 6rem;
	}

	.my-layout-blog-layout-2 .blog-items div.items-row .item > .item-image
	{
		width: 40%;
	}
}





















.my-layout-blog-layout-3 .blog-items div.items-row,
.my-layout-blog-layout-4 .blog-items div.items-row 
{
	margin: 0 0 2rem;
}

.my-layout-blog-layout-3 .blog-items div.items-row div.item.column-1,
.my-layout-blog-layout-4 .blog-items div.items-row div.item.column-1
{
	padding: 1rem;
	border: 1px solid #AAAAAA;
	height: 100%;
}

.my-layout-blog-layout-3 .blog-items div.items-row h2,
.my-layout-blog-layout-4 .blog-items div.items-row h2
{
	font-size: 1.2rem;
	font-weight: 300;
}

.my-layout-blog-layout-3 .blog-items .item-image a,
.my-layout-blog-layout-4 .blog-items .item-image a
{
	display: block;
	position: relative;
}

.my-layout-blog-layout-3 .blog-items .item-image a::after,
.my-layout-blog-layout-4 .blog-items .item-image a::after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 100px rgb(0 0 20 / 10%);
}

.my-layout-blog-layout-3.item-page h1,
.my-layout-blog-layout-4.item-page h1
{
	font-size: 2rem;
}

@media only screen and (min-width: 992px) 
{
	.my-layout-blog-layout-3 .blog-items div.items-row 
	{
		width: 33.33%;
	}

	.my-layout-blog-layout-4 .blog-items div.items-row 
	{
		width: 50%;
	}
}



























div.module.module-style-1 
{
	background-color: #FAFAFA;
	border-left: 1px solid var(--pc1);
	padding: 20px 15px;
	margin: 0 0 2rem;
}

.my-layout-blog-layout-1.view-article div.module.module-style-1:first-child
{
	margin-top: 2rem;
}

.module-style-1 .module-title 
{
	margin: 0 0 1rem;
	text-transform: inherit;
	font-weight: 400;
	font-size: 1.1rem;
	color: #000000;
}

.module-style-1 .navbar
{
	padding: 0;
}

.module-style-1 .navbar a 
{
	color: var(--pc1);
}

.module-style-1 .navbar a:hover 
{
	color: var(--pc2);
}




















.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
	border: none;
	padding: 0;
}












div.protfolio-details 
{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.protfolio-details div 
{
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	margin-bottom: 0.3rem;
}

.protfolio-details div:nth-child(odd)
{
	background-color: #F7F7F7;
	border-bottom: 2px solid #F2F2F2;
}

.protfolio-details div:nth-child(even)
{
	background-color: #FBFBFB;
	border-bottom: 2px solid #F7F7F7;
	color: var(--pc1);
	font-weight: 400;
}













.card2 > div
{
	padding: 1rem;
	border: 1px solid var(--pc3);
}

.card2 img
{
	background-color: var(--pc4);
	padding: 1rem;
}

.card2 p
{
	font-weight: 300;
}
















.card3 > div
{
	padding: 1rem;
	border: 1px solid var(--pc3);
	background-color: var(--pc4);
}





















/* Owl Carousel - Start */

.owl-carousel,
.owl-carousel .owl-item
{
	-webkit-tap-highlight-color: transparent;
	position: relative;
}

.owl-carousel
{
	display: none;
	width: 100%;
	z-index: 1;
}

.owl-carousel .owl-stage
{
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer
{
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item
{
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img
{
	display: block;
	width: 100%;
	padding: 0;
}

.owl-carousel .owl-item img.browseCategoryImage
{
	padding: 0;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled
{
	display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded
{
	display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev
{
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev
{
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}

.owl-carousel button.owl-dot
{
	background-color: #AAAAAA;
	border: none;
}

.owl-carousel.owl-loading
{
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden
{
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item
{
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item
{
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab
{
	cursor: move;
	cursor: grab;
}

.owl-carousel.owl-rtl
{
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item
{
	float: right;
}

.owl-carousel .animated
{
	animation-duration: 1s;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in
{
	z-index: 0;
}

.owl-carousel .owl-animated-out
{
	z-index: 1;
}

.owl-carousel .fadeOut
{
	animation-name: fadeOut;
}

@keyframes fadeOut
{
	0%
{
		opacity: 1;
	}

	100%
{
		opacity: 0;
	}

}

.owl-height
{
	transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy
{
	opacity: 0;
	transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""]
{
	max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy
{
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper
{
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon
{
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover
{
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn
{
	display: none;
}

.owl-carousel .owl-video-tn
{
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame
{
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

/* Owl Carousel - End */


/* Slider Template - Start */

.slider .owl-item
{
	position: relative;
}

.slider .owl-item .item-image
{
	margin: 0;
}

.slider .owl-item .item-title a
{
	display: block;
	text-align: center;
}

.slider .owl-item .featured-labels
{
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 5px 10px;
	line-height: 1;
}

.slider h3
{
	font-size: 12px;
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	padding: 0 10%;
	overflow: hidden;
}

.slider .owlPrevBtn,
.slider .owlNextBtn
{
	line-height: 1;
	font-size: 5rem;
	font-weight: 200;
	cursor: pointer;
}

.slider .owlPrevBtn::before,
.layout-slider4 .owlPrevBtn::before
{
	content: "‹";
	padding: 0 0.3rem;
}

.slider .owlNextBtn::before,
.layout-slider4 .owlNextBtn::before
{
	content: "›";
	padding: 0 0.3rem;
}

/* Slider Template - End */



/* Layout-Slider3 Template - Start */

.layout-slider3 .slider-header,
.layout-slider4 .slider-header
{
	color: #000000;
	font-weight: 500;
}

.layout-slider3 .slider-header:hover,
.layout-slider4 .slider-header:hover
{
	color: #E7042A;
}

.layout-slider3 > div
{
	position: relative;
}

.layout-slider3 .owlPrevBtn,
.layout-slider4 .owlPrevBtn,
.layout-slider3 .owlNextBtn,
.layout-slider4 .owlNextBtn
{
	position: absolute;
	top: calc(50% - 2rem);
	font-size: 4rem;
	font-weight: 400;
	cursor: pointer;
	z-index: 2;
	width: 1rem;
	height: 1rem;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem 1.75rem 2rem;
	border-radius: 10rem;
	opacity: 0;
}

.layout-slider3 .owlPrevBtn,
.layout-slider4 .owlPrevBtn
{
	left: 0;
}

.layout-slider3 .owlNextBtn,
.layout-slider4 .owlNextBtn
{
	right: 0;
}

.layout-slider3:hover .owlPrevBtn,
.layout-slider4:hover .owlPrevBtn,
.layout-slider3:hover .owlNextBtn,
.layout-slider4:hover .owlNextBtn
{
	opacity: 1;
}

.layout-slider3.mycarousel-module.slider
{
	margin-bottom: 4rem;
}

@media (max-width: 991px)
{
	.layout-slider3 .slider .owlPrevBtn,
	.layout-slider3 .slider .owlNextBtn
	{
		display: none;
	}
}

/* Layout-Slider3 Template - End */

/* Layout-Slider4 Template - Start */

.layout-slider4 > div
{
	position: relative;
}

.owl-carousel .owl-dots
{
	text-align: center;
	margin: 1rem 0 2rem;
}

.owl-carousel .owl-dot
{
	background-color: #CCCCCC;
	border: none;
	width: 20px;
	height: 4px;
	border-radius: 10px;
}

.owl-carousel .owl-dot + .owl-dot
{
	margin-left: 10px;
}

.owl-carousel .owl-dot.active
{
	background-color: #FF6666;
	border: none;
}

.owl-carousel .owl-stage
{
	display: flex;
}

.layout-slider4 .owl-item
{
	/*
	border: 1px solid #DFDFDF;
	margin: 3px;
	*/
}

.layout-slider4 .slider-header
{
	color: #000000;
	font-size: 1.9rem;
	font-weight: 600;
	line-height: 1.5;
}

.layout-slider4 .slider-header::before
{
	content: "SHOP";
	display: block;
	font-size: 1rem;
	font-weight: 500;
	color: #17a2b8;
}

.layout-slider4 .slider-header::after
{
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	background-color: #17a2b8;
	margin: 1rem auto 2rem;
	border-radius: 20px;
}

.layout-slider4 .owl-item .item-image
{
	margin: 0;
}

.layout-slider4 .owl-item .item-image a
{
	display: inline-block;
	margin: 0;
	position: relative;
}

.layout-slider4 .owl-item .item-image a::after
{
	/*
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0 0 0 / 5%);
	*/
}

.layout-slider4 .owl-carousel .owl-item img
{
	padding: 0;
}

.layout-slider4 h3
{
	font-size: 15px;
	font-weight: 600;
}

/* Layout-Slider4 Template - End */



















div.image-layout-1
{
	display: block;
	position: relative;
	padding: 0 0 4rem 4rem;
}

div.image-layout-1 img
{
	filter: brightness(1) saturate(0.8) contrast(1);
	transition: all 0.5s;
}

div.image-layout-1:hover img
{
	filter: brightness(0.9) saturate(1.2) contrast(1.2);
	transition: all 0.5s;
}

div.image-layout-1::before
{
	content: "";
	width: 360px;
	height: 270px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: radial-gradient(#EFEFEF 20%, transparent 22%);
	background-size: 30px 30px;
	background-position: 0 100%;
}









.formtextstyle1 
{
	padding: 1rem 2rem;
	border-radius: 2rem;
	border: 1px solid #DDDDDD;
	box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
}

.formtextstyle1::placeholder 
{
	color: #AAAAAA;
}

.buttonstyle1 
{
	padding: 6px 10px 6px 20px;
	font-weight: 300;
	border: none;
	border-radius: 100px;
	color: #FFFFFF;
	background-color: var(--pc1);
	background-image: linear-gradient(-45deg, var(--pc2), var(--pc1));
	box-shadow: 0 0 15px rgb(112, 21, 114, 0%);
	margin: 5px 0 0 0;
	transition: margin 0.2s, box-shadow 0.3s;
}

.buttonstyle1:hover 
{
	box-shadow: 0 5px 15px rgb(112, 21, 114, 30%);
	margin: 0 0 5px 0;
	transition: margin 0.2s, box-shadow 0.3s;
}

.buttonstyle1::after 
{
	content: "\f061";
	font-family: FontAwesome;
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	vertical-align: baseline;
	text-align: center;
	background-color: #FFFFFF;
	color: var(--pc1);
	margin: 3px 0 3px 10px;
	border-radius: 100px;
	font-size: 1.1rem;
}










.home-stats
{
	position: absolute;
	height: 150px;
	bottom: -80px;
	z-index: 10;
	background-color: var(--pc1);
	width: 800px;
	left: 50%;
	transform: translateX(-50%);
	color: #FFFFFF;
	text-align: center;
	border-radius: 30px;
	padding: 1rem;
}

.home-stats .nums 
{
	font-size: 2rem;
	font-weight: 700;
}

@media (max-width: 991px) 
{
	.home-stats
	{
		position: relative;
		height: auto;
		bottom: unset;
		width: 90%;
		left: unset;
		transform: none;
		margin: 1.5rem auto;
	}
}













.section.services 
{
	background-image: linear-gradient(to right, #2c0450 0%, #d90e90 100%);
}

.section.services::before 
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../../images/template/background5.jpg);
	background-position: center center;
	background-size: cover;
	opacity: 0.3;
}

.section.services h2, 
.section.services h5
{
	color: #FFFFFF;
}













.section.testimonials 
{
	background-image: linear-gradient(to right, #1f0052 0%, #9d0082 100%);
}

.section.testimonials::before 
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../../images/template/background7.jpg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	opacity: 0.2;
}

.section.testimonials h2, 
.section.testimonials h5
{
	color: #FFFFFF;
}

















/* Layout Articles 1 - Start */

.layout-articles1 .owl-carousel .owl-item img
{
	padding: 0;
	border-radius: 15px;
}

.layout-articles1 .item-image
{
	position: relative;
	margin-bottom: 0;
}

/*
.layout-articles1 .item-image::after
{
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 100px rgb(0 0 20 / 20%);
	border-radius: 15px;
}
*/

.layout-articles1 .item-title a
{
	color: #000000;
}

.layout-articles1 .item-title h3
{
	line-height: 1.5;
	font-size: 1.3rem;
}

.layout-articles1 .item-intro,
.layout-articles1 .item-date
{
	color: #888888;
}

.layout-articles1 .owl-stage
{
	display: flex;
	margin: 3px;
}

.layout-articles1 .item-contents
{
	padding: 1rem 2rem;
}

.layout-articles1 .owl-item
{
	background-color: #F5F5F5;
	margin-bottom: 2rem;
	border-radius: 15px;
}

@media (max-width: 991px)
{
	.layout-articles1 .item-title h3
	{
		font-size: 1rem;
	}

	.layout-articles1 .item-contents
	{
		padding: 1rem;
	}
}

/* Layout Articles 1 - End */
















/* Contact Icons - Start */

.contact-icons 
{
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 20;
}

.contact-icon
{
	text-decoration: none;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	animation-name: pulse1;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

.contact-icon:not(:last-child) 
{
	margin-bottom: 15px;
}

.whatsapp-icon 
{
	background: #25d366;
}

.phone-icon 
{
	background: #25d366;
}

.phone-icon 
{
	background-color: #DA2731;
	animation-name: pulse2;
}

@keyframes pulse1
{
	0%  { box-shadow: 0 0 0 0 rgb(37, 211, 102, 70%); }
	80% { box-shadow: 0 0 0 20px rgb(37, 211, 102, 0%); }
}

@keyframes pulse2 
{
	0%  { box-shadow: 0 0 0 0 rgb(218, 39, 49, 70%); }
	80% { box-shadow: 0 0 0 20px rgb(218, 39, 49, 0%); }
}

/* Contact Icons - End */






/* Testimonials - Start */

@media only screen and (min-width: 992px) 
{
	.mytestimonials div.carousel-item 
	{
		height: 420px;
	}
}

@media only screen and (min-width: 1200px) 
{
	.mytestimonials div.carousel-item 
	{
		height: 390px;
	}
}

.customer-avatar 
{
	border: 2px solid #FFFFFF;
}

/* Testimonials - End */













/* Homepage Intro Slideshow - Start */

@media (max-width: 991px) 
{
	#introslides div.carousel-caption 
	{
		right: 3%;
		left: 3%;
	}
}

/* Homepage Intro Slideshow - End */