@charset "utf-8";
/* CSS Document */
.text-bg-dark .dropdown-item:hover, .text-bg-dark .dropdown-item:focus{
	background-color: rgba(255,255,255,.1);
}
.lang .dropdown-menu{
    min-width: inherit;
	text-align: center;
}
.pro-cag a:hover{
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
	color:var(--bs-white);
}
.imgbox{
	overflow: hidden;
}
.imgbox img, img.imgbox{
	transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.imgbox img:hover, img.imgbox:hover, .pro-card .card:hover img{
	transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}
.pro-card a{
	text-decoration: none;
	color: var(--bs-white);
	border:0;
	overflow: hidden;
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
	height: 100%;
}
.pro-card a:hover .card-body{
	color: var(--bs-primary) !important;
}
.p-justify{
	text-align:justify;
}
.cmp-imgbox{
	--bs-gutter-x: 1.5rem;
	padding-right: calc(var(--bs-gutter-x) * 0.5 + 0.5rem);
    padding-left: calc(var(--bs-gutter-x) * 0.5 + 0.5rem);
}
.cmp-bg{
	position: relative;
	z-index: 1;
	background: url("../images/logobg.png") no-repeat right bottom;
}
.cmp-bg1{
	position: relative;
	z-index: 1;
	background: url("../images/logobg-1.png") no-repeat left bottom;
}
.cmp-bg2{
	position: relative;
	z-index: 1;
	background: url("../images/logobg-2.png") no-repeat left top;
}
.cmp-imgbox .cmp-img-title{
	position:absolute;
	width: calc(100% - 1.5rem);
	padding: 1rem 5%;
	line-height: 1.25;	
	--bs-bg-opacity:.9;
	color: var(--bs-white) !important;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
	bottom: 0;
	left: 0.75rem;
}
.cmp-imgbox .position-relative .cmp-img-title{
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
	text-align: center;	
	
}
.cmp-imgbox .position-relative:hover .cmp-img-title{
	--bs-bg-opacity: 1;
	padding-bottom: 1.5rem !important;
}
.title-line{
	width: 23.6%;
	height: 1px;
	overflow: hidden;
	display: block;
	background: var(--bs-secondary);
	margin: 0 auto;
	margin-top:1.25rem;
	margin-bottom: 0.25rem;
}
#gtTop{
	display: none;
	position: fixed;
	width: 56px;
	height: 56px;
	right: 1.5rem;
	bottom: 3rem;
	border-radius: 50%;
	text-align: center;
	line-height: 56px;
	color:var(--bs-white);
	--bs-bg-opacity:.6;
	z-index: 99;
}
#gtTop:hover{	
	color:var(--bs-white);
	--bs-bg-opacity:1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.top-con a{
	color: var(--bs-white);
	text-decoration: none;
}
.top-con a:hover{
	color: var(--bs-primary);
}
.cate-bgimg{
	background-image: url("../images/bg1.png");
}
.circle-svg{
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
    justify-content: center;
	color:#fff;
	background-color: var(--bs-primary);
	border-radius: 50%;
}
.ser .circle-svg{
	width: 64px;
	height: 64px;
}
.ser-box{
	z-index: 1;
}
.ser-box::before{
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	background: url("../images/ser-img.jpg") no-repeat center;
	background-size: auto 100% ;
	top: 0;
	right: 0;
	opacity: 1;
	z-index: -1;
}
.con-bg{
	background: url(../images/con-bg.jpg) no-repeat center bottom;
    background-size: auto 100%;
	position: relative;
	z-index: 1;
	color: var(--bs-white)
}
.con-bg::before{
	content: "";
    background-color: rgba(var(--bs-black-rgb), .8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.subbanner-font{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	--bs-bg-opacity:.4;
	background-color: rgba(0,0,0, var(--bs-bg-opacity));
	color: #fff;
}
.subbanner h1{
	position: relative;
}
.subbanner h1::before{
	
}
.breadcrumb-item a{
	color: var(--bs-breadcrumb-item-active-color);
	text-decoration: underline;
}
.breadcrumb-item a:hover{
	text-decoration: none;
}
.text-shadow{
	/*text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.28) !important;*/
}
.cer-bg{
	position: relative;
	z-index: 2;
}
.cer-bg::after{
	content: "";
	width: 110%;
	height: 0px;
	border-bottom:100px solid var(--bs-primary);
	border-left: 50px solid transparent;
	border-right:50px solid transparent;
	position: absolute;
	left: -5%;
	bottom: 0;
	z-index: -1;
	opacity: .6;
}
.news-item{
	text-decoration: none;
}
.news-item:hover h4{
	color:var(--bs-primary);
}
.news-detail img{
	max-width:100%;
}
.img-darkbg{	
	position: relative;
	justify-content:center;
    display: flex;
	z-index: 1;
}
.img-darkbg::before{
	content: "";
	background-color: rgba(var(--bs-secondary-rgb), .7);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	
}
.mes-bg{
	background: url("../images/messege-bg.jpg") no-repeat center;
}
.pro-card .page-link.active, .pro-card .active > .page-link{
	color:var(--bs-primary);
}
.categories{
	position: sticky;
	position: -webkit-sticky;
	top:120px;
}
/*swiper*/
 .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        object-fit: cover;
		width:600px;
      }

      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: auto;
        width: 100%;
      }

      .mySwiper {
        height: auto;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: auto;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }
.mySwiper .swiper-slide-thumb-active .img-thumbnail{
	border-color:var(--bs-primary);
	border-width:2px;
}

      .swiper-slide img {
        display: block;
        object-fit: cover;
      }
.pro-other a{
	text-decoration: none;
	text-align: center;
}
.pro-other a:hover{
	color:var(--bs-primary);
}
footer a{
	color: var(--bs-white);
	text-decoration: none;
}
footer a:hover{
	color:var(--bs-primary);
}
@media (min-width: 576px) {
.border-tb{
	border-bottom: 2px dashed var(--bs-dark);
	border-top: 2px dashed var(--bs-dark);
	padding: 1.5rem 0;
	justify-content: center;
}
}
@media (min-width: 768px){	
	.con-bg{
		background-size: 100% auto;
	}
}
@media (min-width: 992px){	
	.mes-bg{
	    background-size: 100% auto;
    }
	.ser-bg:nth-child(even){
		flex-direction: row-reverse;
	}
}
@media (max-width: 991px){
	.navbar .nav-item{
		padding:0.5rem 0;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.lang .dropdown-menu{
		position:relative
	}
	.pro-cag a:nth-child(2){		
		border-left: 1px solid rgba(255,255,255,.2);
	}
	.pro-cag a:nth-child(3){		
		border-top: 1px solid rgba(255,255,255,.2);
	}
	.ser-box::before{
		width: 100%;
		top:auto;
		bottom: 0;
		opacity: 0
	}	
}
@media (max-width: 575px){
	.ser-sub{
		max-width: calc(100% - 1rem - 50px);
	}
	
}