﻿@import url(css/accordions.css );


@import url(css/blockquotes.css );


@import url(css/button.css );


@import url(css/carousel.css );


@import url(css/chart.css );


@import url(css/clients.css );


@import url(css/css3-animation.css );


@import url(css/flip-box.css);


@import url(css/form_style.css );


@import url(css/icon-box.css );


@import url(css/imagebox.css );


@import url(css/number.css );


@import url(css/ourteam.css );


@import url(css/portfolios.css );


@import url(css/pricing.css );


@import url(css/promo-boxes.css );


@import url(css/tabs.css );


@import url(css/testimonial.css );
@import url(bootstrap-5/bootstrap.rtl.min.css );

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

/@import url(css/accordions.css );


@import url(css/blockquotes.css );


@import url(css/button.css );


@import url(css/carousel.css );


@import url(css/chart.css );


@import url(css/clients.css );


@import url(css/css3-animation.css );


@import url(css/flip-box.css);


@import url(css/form_style.css );


@import url(css/icon-box.css );


@import url(css/imagebox.css );


@import url(css/number.css );


@import url(css/ourteam.css );


@import url(css/portfolios.css );


@import url(css/pricing.css );


@import url(css/promo-boxes.css );


@import url(css/tabs.css );


@import url(css/testimonial.css );
@import url(bootstrap-5/bootstrap.rtl.min.css );
html{
	font-size: 14px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

/* custom styel prs 666 ********************************* */
a {
	text-decoration: none !important;
  }
  
  li {
	list-style-type: none !important;
  }
  

.holdr-custom-navbar {
	display: flex;
	align-items: center;
	padding: 20px 0;
}

#dnngo_megamenu>div>ul>li>a>span {
	font-size: 1rem;
}

.primary_structure>li>a>span {
	color: #AE030E;
	padding: 0 10px;
	font-size: 0.9rem;
}

.menu-bar1,
.menu-bar2,
.menu-bar3 {
	width: 20px;
	height: 2px;
	background-color: rgb(109, 109, 109);
	margin: 0.5rem 0;
	transition: 0.4s;
}

.menu-bar2 {
	width: 15px;
}

.offcanvas.show~.menu-bar2 {
	opacity: 0;
}

.offcanvas-header {
	justify-content: end !important;
}

.mobile_menu ul li {
	list-style-type: none;
	margin: 5px 0;
}

.mobile_menu ul li>a {
	text-decoration: none;

}

.mobile_menu ul li>a>span {
	border-radius: 3px;
	display: block;
	background-color: #f2f2f2;
	padding: 10px 5px;

}

@media (max-width:767.98px) {

	.social,
	.contact {
		justify-content: center;
	}

	/* .social {
		margin: 10px 0;
	} */
}

.bg-custom-footer-ifm {
	padding: 50px 0;
	background-color: #DFDFDF;
}

.footer-one-title {
	font-weight: 500;
	margin-bottom: 20px;
}

.address,
.tell,
.email,
.fax {
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.address p {
	margin: 0;
}

.tell>div:nth-of-type(2)>a {
	text-decoration: none;
	display: inline-block;
	color: black;

}

.tell>div:nth-of-type(2)>a:nth-of-type(2),
.tell>div:nth-of-type(2)>a:nth-of-type(1) {
	padding: 5px 10px;
}

.email>div:nth-of-type(2) a {
	color: black;
	text-decoration: none;
}

.bg-custom-sampel-work {
	background-color: #393939;
}

.custom-priveyc {
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
}

.linkitem>a {
	color: #373434;
}

.about-us>h6 {
	font-weight: 500;
}

.about-us>h6 {
	font-weight: 900;
	font-size: 2rem;
}

.fax {
	display: flex;
	justify-content: space-between;
}

.about-us-address,
.about-us-tell,
.about-us-email,
.fax {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	border-bottom: 1px solid #E2DFDF;
}

.about-us-address svg,
.about-us-tell svg,
.about-us-email svg,
.fax svg {
	display: inline-block;
	margin: 0 0 0 10px;
}

.address svg,
.tell svg,
.email svg {
	display: inline-block;
	margin: 0 0 0 10px;
}

.about-us-address p {
	margin: 0;
}

.about-us-tell a {
	padding: 0 10px;
}

.fax a {
	text-decoration: none;
	color: black;
}

.about-us-tell>div:nth-of-type(2)>a {
	text-decoration: none;
	display: inline-block;
	color: black;

}

.about-us-tell>div:nth-of-type(2)>a:nth-of-type(2) {
	padding: 5px 10px;
}

.about-us-email>div:nth-of-type(2) a {
	color: black;
	text-decoration: none;
}

.dnnLabel span {
	display: none;
}

h3.dnnFormSectionHead {
	display: none;
}

div.dnnLabel {
	display: none;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT {
	width: 100% !important;
}

.dnnFormItem input[type="text"] {
	max-width: unset !important;
}

.dnnFormItem textarea {
	width: 100% !important;
	max-width: unset;
}

ul.dnnActions {
	width: 100%;
	display: flex;
	justify-content: end;
}

.dnnActions>li>a {
	font-size: 1rem;
	padding: 10px 15px;
	background: unset !important;
	border: none !important;
	box-shadow: unset !important;
	background-color: #AE030E !important;
}

.all-name-servise>h5 {
	font-weight: 900;
	text-align: center;
	margin: 40px 0;
}

.unorder_holder {
	columns: 1;
	padding: 0;
	margin: 0;
}

@media(min-width:500px){
	.unorder_holder {
		columns: 2;

	}

}


.all-name-servise>div {
	width: 85%;
	margin: 0 auto;
}

li {
	list-style-type: none;
}

ul.linklist>li {
	position: relative;
	padding: 10px;
}

ul.linklist>li::after,
ul.linklist>li::before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translate(-50%, -50%);

}

ul.linklist>li::before {
	right: -10px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	margin: 0 0 0 5px;
	background-color: #373434;


}

ul.linklist>li::after {
	left: 20px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-color: red;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.271' height='10.479' viewBox='0 0 5.271 10.479'%3E%3Cpath id='arrow-ios-forward-outline' d='M18.021,17.933a.747.747,0,0,0,.575-1.225l-3.346-4L18.477,8.7a.763.763,0,1,0-1.2-.941l-3.607,4.481a.747.747,0,0,0,0,.948L17.4,17.664a.747.747,0,0,0,.62.269Z' transform='translate(-13.498 -7.456)' fill='%373434'/%3E%3C/svg%3E%0A");
}

.about-us {
	margin-bottom: 40px;
}

.backtop01 {
    bottom: 150px !important;
    left: -400px;
}

.about_us_holder {
	margin: 0 0 50px 0;
}

.holder_oursrv {
	margin: 0 0 50px 0;
}

.tehe_title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
	color: white;
}

.slide-pic {
	margin-bottom: 40px;
}

.arrow_ifm_prev {
	position: absolute;
	top: 40%;
	right: -15px;
	transform: translateY(-50%) rotate(90deg);
	z-index: 5;
}

.arrow_ifm_next {
	position: absolute;
	top: 40%;
	left: -15px;
	transform: translateY(-50%);
	z-index: 5;
}

.custom-border_ifm {
	border: 10px solid #F7F5F2;
}

.slide-pic>div {
	border: 10px solid #f3f3f3;
}

.block {

	position: fixed;
	bottom: 0;
	left: -30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	transform: scale(0.5);
	z-index: 200;
}

.box {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	border-radius: 50%;
	background-color: #292929;
	box-shadow: 0 0 5px 3px #222121;
}

.box::before {
	position: absolute;
	content: "";
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	border-radius: 50%;
	border: 1px solid #353535;
}

.box .number span {
	color: #e9e9e9;
}

.box .number .num {
	font-size: 2.5rem;
	font-weight: bold;
}

.box .number .sub {
	font-size: 1.5rem;

}

.box .title {
	font-size: 1.1rem;
	color: #9b9b9b;

}

.dots {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all 0.2s;
}

.dots::after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 5px;
	left: 48%;
	border-radius: 50%;
	background-color: #b7b6b6;
	box-shadow: 0 0 5px 2px #585858;
	transform: translateX(-50%);

}

.svg {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: none;
	transform: rotate(-90deg);
}

.circle {
	stroke: url(#gradientstyle);
	stroke-width: 4px;
	stroke-dasharray: 503;
	stroke-dashoffset: 503;
	transition: all 0.3s;

}

.num.active {
	color: greenyellow !important;
}

.sub.active {
	color: greenyellow !important;
}

.link_module {
	margin: 10px 0 30px 0;
}

.boder-custom-ifm,
.holder-datil-ifm-pic-slide img,
.ifm-detai-slide img,
.slide_sapmle_fig img {
	border: 10px solid #DFDFDF;
}

.ifm-detai-slide img {
	margin: 0 auto;
}
/* .holder-custom-style-gallery-ifm{
	position: relative;
} */
/* .hover-gallery-ifm {
	opacity: 0;
	z-index: 2;
	background-color: #6666666e;
	color: white !important;
	position: absolute;
	width: 100% !important;
	padding:50px 0;
	height: 100%;
	top: 0;
	left: 0;
	display: flex !important;
	align-items:flex-start;
	justify-content: center;
	max-width: unset !important;
	transition: all 0.4s;
} */
/* .holder-custom-style-gallery-ifm:hover .hover-gallery-ifm{
	opacity: 1;
	 
} */