.banner1,
.banner2,
.banner3,
.banner4{
	opacity: 0;
	transform: translateY(-120px);
	animation: dropdown 0.5s ease-out forwards;
}
.banner2{animation-delay:.75s;}
.banner3{animation-delay:1s;}
.banner4{animation-delay:1.5s;}
@keyframes dropdown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.flex-33{
	flex:0 33.33%;
	ms-flex:0 33.33%;
}
.banner1 .tx{
    top: 20px;
    right: 50px;
    color: #fff;
	width:350px;
	text-align:right;
	font-family: "Barlow", sans-serif;
	animation:fadeIn 1s ease-in both;
	animation-delay:.5s;
}
.banner1 .tx h2{
	font-size:40px;
	font-weight:bold;
}
.banner1 .tx p{
	font-size: 22px;
    line-height: 28px;
}

.banner2 .tx,
.banner3 .tx,
.banner4 .tx{
	bottom:20px;
	width:100%;
	text-align:center;
	font-family: "Barlow", sans-serif;
	font-style:italic;
	animation:fadeIn 1s ease-in both;
}
.banner2 .tx{animation-delay:1.5s;}
.banner3 .tx{animation-delay:2.25s;}
.banner4 .tx{animation-delay:3s;}
@keyframes fadeIn{
	0% {
		opacity: 0;
		transform: translate3d(0, 20%, 100%);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


.banner2 .tx h2,
.banner3 .tx h2,
.banner4 .tx h2{
	font-size:36px;
	color:#e0b379;
	margin-bottom:0;
}
.topContact {
    background: #eee;
}
.ctBox a{
	padding: 20px;
	display:block;
	border-right:1px solid #ccc;
	position:relative;
}
.ctBox a:hover{
    background: #f18b36;
	color:#fff;
}
.ctBox a:hover:before{
	filter: brightness(0) invert(1);
}
.ctBox a:hover span{
	color:#fff;
}
.ctBox:last-child a{
	border-right:0;
}
.ctBox a:after {
    content: "";
    display: block;
    clear: both;
}
.ctBox .ct_icon:before{
	content:"";
	position:absolute;
	left:20px;
	top: 50%;
	transform:translateY(-50%);
    background-size: cover;
    width: 35px;
    height: 35px;
}
.ctBox .ct_icon.phone:before{
	background-image:url('/wp-content/themes/dk_theme/images/phone.svg');
}
.ctBox .ct_icon.mail:before{
	background-image:url('/wp-content/themes/dk_theme/images/mail.svg');
}
.ctBox .ct_icon.shop:before{
	background-image:url('/wp-content/themes/dk_theme/images/shop.svg');
}
.ctBox span{
	display:block;
	line-height:1;
	font-size:13px;
	color:#f18b36;
}
.ctLabel{
    float: left;
    display: block;
    width: 100%;
	padding-left:50px;
}
.service_item{
	background:#eee;
}
.service_item video{
	width:100%;
	height:100%;
	object-fit:cover;
}
.service_item a{
	display:block;
}
.service_item:hover img{
	opacity:.7;
}
.service_item .item_exc{
	padding:30px;
	text-align:center;
}
.service_item .item_exc h3{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
}
.service_item .item_exc p{
	font-size:14px;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.service_item a.item_btn {
    background: #ddd;
    color: #f18b36;
    padding: 5px;
    font-size: 14px;
	font-weight:bold;
    width: 120px;
    margin: auto;
    box-shadow: 4px 4px 0px #f18b3659;
	text-align:center;
}
.service_item a.item_btn:hover{
	box-shadow:none;
}

.service_end .serviceWrap .service_item{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.service_end .serviceWrap:last-child .service_item{
	margin-bottom:0;
}
.service_end .service_item > .item_exc{
	flex:0 calc(100% - 150px);
	padding:10px;
	text-align:left;
}
.service_end .service_item > .item_exc > h3{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	color:#f18e36;
	margin-bottom:5px;
}
.service_end .service_item > .item_exc > p{
	font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    padding: .12rem;
}

.system_item{
	display:block;
}
.system_item:hover img{
	opacity:.7;
}
.system_item:hover h5{
	color:#f18d3a;
	transition:.3s;
}
.system_item h5{
	text-align: center;
    font-size: 16px;
	font-weight: 600;
    box-shadow: 2px 2px 15px #eee;
    padding: 15px;
	margin:0;
	transition:.3s;
}

.gridTitle{
	background:#eee;
	color:#f18b36;
	padding:10px;
	position:relative;
	text-transform:uppercase;
	text-align:center;
	font-size:22px;
}
.gridTitle h2{
	font-size:22px;
	margin:0;
}
.gridTitle a{
	color:#f18b36;
	text-align:center;
}

.ref_tt{
	box-shadow: 2px 2px 15px #eee;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 15px;
}
#fancybox-content{
	border:0!important;
}
.fancybox:focus-visible{
	outline:0;
}

.swiper, .swiper *{user-select: none;}
.swiper:not(.swiper-initialized){opacity: 0;}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets{
	bottom:0;
}
.swiper-button-next,
.swiper-button-prev{
	color:#fff;
	transform:translateY(-100%);
	background:#e0b379;
	padding:10px;
}
.swiper-button-next{right: 0!important;}
.swiper-button-prev{left: 0!important;}
.swiper-pagination-bullet-active{
	background:#e0b379;
}


@media(max-width:1199px){
	.system_item h5{
		font-size:13px;
		padding:15px 7px;
	}
	.blogPosts > a > img{
		width:175px;
	}
}
@media(max-width:991px){
	.service_end .serviceWrap > a > img{
		width:100px;
		object-fit:cover;
	}
	.service_end .service_item > .item_exc{
		flex:0 calc(100% - 100px);
	}
	.service_item .item_exc p{
		font-size:13px;
	}
}
@media(max-width:767px){
	.service_end{
		display:flex;
		flex-wrap:wrap;
		gap:3%;
	}
	.serviceWrap{
		flex: 1 48%
	}
	.ctBox a{
		padding:10px;
	}
	.ctLabel{
		padding-left:60px;
	}
	.ctBox span{
		font-size:12px;
	}
}
@media(max-width:575px){
	.banner1 img{
		max-height:300px;
		object-fit:cover;
	}
	.banner1 .tx{
		right:20px;
		bottom:0;
	}
	.banner1 .tx h2 {
		font-size: 24px;
	}
	.banner1 .tx p {
		font-size: 16px;
		line-height: 18px;
	}
	.banner2 .tx p{
		font-size:14px;
	}
	.banner2 .tx h2,
	.banner3 .tx h2,
	.banner4 .tx h2{
		font-size:20px;
	}
	.ctLabel small,
	.ctLabel span{
		display:none;
	}
	.ctBox a{
		padding:25px 0;
	}
	.ctBox .ct_icon:before{
		top: 7px;
        left: 50%;
        transform: translateX(-50%);
	}
	.service_item .item_exc h3{
		font-size:16px;
	}
	.service_item .item_exc p{
		font-size:11px;
		-webkit-line-clamp: 3;
	}
	.service_end .service_item > .item_exc > h3{
		font-size:12px;
	}
	.service_end .service_item > .item_exc > p{
		font-size:10px;
	}
	.service_end{
		gap:0;
	}
	.serviceWrap{
		flex:0 100%;
	}
	.ref_tt{
		font-size:12px;
	}
}
@media(max-width:480px){
	.banner2 .tx h2,
	.banner3 .tx h2,
	.banner3 .tx h2,
	.banner4 .tx h2{
		font-size:16px;
	}
}
@media(max-width:450px){
	.service_item .item_exc{
		padding:15px 8px;
	}
	.service_item .item_exc h3{
		font-size:14px;
	}
	.service_item .item_exc p{
		font-size:9px;
	}
	.service_item a.item_btn{
		font-size:12px;
		width:80px;
	}
	.system_item h5{
		font-size:11px;
		padding:10px;
	}
}