/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --cnvs-themecolor:  #3f1871;
    /*--cnvs-themecolor-rgb:  144,144,144;
    --cnvs-link-color: #212529;
    --cnvs-primary-menu-hover-color: #ededed;
    --cnvs-primary-font:  "Microsoft Jhenghei",  serif;
    --cnvs-body-font:  'Roboto',  sans-serif;
    --cnvs-secondary-font:  'Literata',  serif;
    --cnvs-secondary-font:  'Literata',  serif;*/
}
#header-wrap #logo img{
	margin:5px 0px;
}
.is-expanded-menu .sub-title .menu-container > .menu-item > .menu-link {
    --cnvs-header-height: 100px;
    --cnvs-primary-menu-padding-y: 50px;
    --cnvs-primary-menu-padding-x: 20px;
    position: relative;
    line-height: 14px;
}

.footer-logo{
	max-height:46px;
}

.circle-default{
	border-radius:50%;
}
.w-30{
	width:30%;
}
#content ul, #content ol{
	color:red;
	margin-left:24px;
}
#content table tr,#content table td,#content table th{
	border:1px solid #cccccc;
	text-align:center;
}
#content table td,#content table th{
	padding:30px 10px 5px 10px;
}
#content table th{
	background-color:#e2e2e2;
	color:#000;
}
#core-item h5{
	background-color:red;
	padding:24px 16px;
	color:#fff;
	text-align:center;
	border-top-right-radius:72px;
}
#core-item h5 span{
	background-color:#333333;
	padding:4px 14px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:0px;
	left:12px;
}
.product-title{
	min-height:70px;
}
.tab-content .tab-pane{
	padding:30px 40px;
}
.tab-content .tab-pane p, .tab-content .tab-pane ul{
    color:#000!important;;	
}
.tab-content .tab-pane ul li{
	padding:10px 0px;
}
.contact-desc h3, .contact-desc span.subtitle{
	display:block;
}

.contact-desc h3{
	border-bottom:2px solid var(--cnvs-themecolor);
}
.contact-desc  span.subtitle{
	color:#212529!important;
	padding-top:10px;
	font-size:18px;
	font-weight:400;
}


.popup-lang li{
	padding:5px 20px;
}
.popup-lang li:hover{
	background-color: rgba(255, 255, 255, 0.6);
}
.popup-lang a{
	color:#fff;
	font-size:24px;
}
.popup-lang button{
	display:none;
}

.btn-primary{
	background-color:#3f1871;
	border:1px solid #3f1871;
	max-width:360px;
}

.btn-primary:hover{
	background-color:#4f2683;
	border:1px solid #4f2683;
}

.btn-primary:focus{
	background-color:#4f2683;
}

.section-heading-line {
    content: '';
    display: block;
    width: 200px;
    height: 3px;
    background: #3f1871;
    border-radius: 25%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 5px;
}

.blog-category-list{
	list-style:none;
}

.blog-category-list li{
	padding:10px 10px;
	text-align:center;
	border-bottom:1px dashed #3f1871;
}

.blog-category-list li:hover, .blog-category-list li:hover a{
	background: #3f1871;
	color:#fff;
	
}

.blog-category-list li a:hover{
	color:#fff;
}

form input[type='text']{
	border: 1px solid #000000;
    width: 100%;
    margin-bottom: 12px;
    line-height: 36px;
    padding: 4px 4px;
}

.category-items p{
	background-color:#3f1871;
	color:#fff;
	padding:5px 10px;
}

.category-item:hover{
	border:1px solid #ccc;
}

.category-item p:hover{
	background-color:#ccc;
}

.certificates-slider .item .item-img{
	padding:4px 16px;
}

.certificates-items .item{
	padding:6px 18px;
}

.certificates-items .item img{
	width:100%;
}

.blog-list .item{
	padding:20px 20px;
}

.blog-list .item:hover{
	border:1px solid #ccc;
}

.button-more{
	background-color:#3f1871;
	border-radius:10px;
	color:white;
	padding:2px 8px;
}

.full-width{
	width:100%;
}

.text-left{
	text-align:left;
}

.ml-0{margin-left:0px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-80{margin-left:80px;}
.ml-90{margin-left:90px;}

@media screen and (max-width: 520px) {
    .ml-m-0{margin-left:0px;}
    .ml-m-10{margin-left:10px;}
    .ml-m-20{margin-left:20px;}
    .ml-m-30{margin-left:30px;}
    .ml-m-40{margin-left:40px;}
    .ml-m-50{margin-left:50px;}
    .ml-m-60{margin-left:60px;}
    .ml-m-70{margin-left:70px;}
    .ml-m-80{margin-left:80px;}
    .ml-m-90{margin-left:90px;}
    
    .footer-bar .company-name:before{
        content:"\a";
        white-space: pre;
    }
}

.mt-0{margin-top:0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}

.mb-0{margin-bottom:0px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}

.pl-0{padding-left:0px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}
.pl-90{padding-left:90px;}
.pl-100{padding-left:100px;}
.pl-110{padding-left:110px;}
.pl-120{padding-left:120px;}
.pl-130{padding-left:130px;}
.pl-140{padding-left:140px;}

.pr-0{padding-right:0px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}
.pr-90{padding-right:90px;}
.pr-100{padding-right:100px;}
.pr-110{padding-right:110px;}
.pr-120{padding-right:120px;}
.pr-130{padding-right:130px;}
.pr-140{padding-right:140px;}

.pt-0{padding-top:0px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}

.pb-0{padding-bottom:0px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}