.slidetemp {
	display: none
}

.tempsmall .click-col-base .carousel-caption a {
	text-shadow: 3px 2px 20px rgba(43, 43, 43, 0.59)
}
.text-success {
	color: #099 !important
}


.FontLarger{
font-size:larger !important;
color: black !important;
font-weight:400;
}
.carousel-tempslid {
	position: absolute;
	right: 15%;
	/*bottom: 1.25rem;*/
	left: 15%;
	padding-top: 1.5rem;
	
	text-align: center;
	line-height: initial;
}





.row-busines img,
.card-footer .btn,
.card-img-overlay .btn {
	border-radius: 10px !important
}
.FontSmallerbtn {
	border: 1px solid #099;
	border-radius: 10px !important;
	color: #099;
	font-size: x-small
}
.FontSmallerbtn:hover {
	color: white;
	background-color: #099 !important
}
.FontSmaller {
	font-size: 11px
}
.click-col-a {
	z-index: 10
}
.text-black {
	color: currentcolor !important
}
.carousel-caption-side {
	position: absolute;
	right: 5%;
	width: inherit;
	bottom: 8rem;
	width: inherit;
	line-height: 26pt
}
.workshork-side {
	position: absolute;
	right: 5%;
	width: inherit;
	bottom: 6rem;
	width: inherit;
	line-height: 26pt;
	color:white !important;
}
.workshork-side-a {
	margin-top: -18px !important
}
.carousel .carousel-caption,
.tempsmall .carousel-caption a,
.workshork-side {
	text-shadow: 2px 2px 2px #6E6169 !important
}
.testmasiryabi {
	right: 1%;
	bottom: 7rem
}
.connections {
	right: 3%
}
.click-col-base {
	border: none;
	overflow: hidden;
	border-radius: 20px
}
.click-col {
	min-height: 200px;
	border-radius: 20px
}
.carousel-inner {
	border-radius: 20px
}
@media (min-width: 768px) {
	.carousel-item img,
	.click-col-base {
		width: 100%
	}
	.click-col {
		min-height: 200px;
		border-radius: 20px
	}
	.Hami .card {
		height: 130px;
		width: 30% !important;
		margin: 5px;
		border-radius: 20px
	}
	.row-busines .owl-stage-outer .owl-stage .owl-item {
		padding: 20px !important
	}
	.listing-item {
		margin: 0 !important;
		border: 1px solid #d3d3d3;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		padding: 10px
	}
	.owl-prev {
		left: 0
	}
	.owl-next {
		right: 0
	}
}
@media (min-width: 430px) and (max-width: 768px) {
	.carousel-item img,
	.click-col-base {
		width: 100%
	}

	.click-col {
		min-height: 200px;
		border-radius: 20px
	}

	.Hami .card {
		width: 48% !important;
		margin: 3px;
		height: 120px;
		border-radius: 20px;
		font-size: smaller
	}

	.row-busines .owl-stage-outer .owl-stage .owl-item {
		padding: 5px !important
	}

	.listing-item {
		margin: 0 !important;
		border: 1px solid #d3d3d3;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		padding: 10px
	}

	.owl-prev {
		left: 0
	}

	.owl-next {
		right: 0
	}
}
@media (max-width: 429px) {
	.carousel-item img,
	.click-col-base {
		width: 100%
	}
	.click-col {
		min-height: 200px;
		border-radius: 20px
	}
	.Hami .card {
		/*width: 47% !important;*/
		height: 95px;
		margin: 3px;
		border-radius: 20px;
		font-size: smaller
	}
	.row-busines .owl-stage-outer .owl-stage .owl-item {
		padding: 5px !important
	}
	.listing-item {
		margin: 0 !important;
		border: 1px solid #d3d3d3;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		padding: 2px
	}
	.owl-prev {
		left: -7px
	}
	.owl-next {
		right: -7px
	}
}
.img-container {
	height: 300px;
	border-radius: 25px
}
.small-text-crowsel {
	font-size: 11px
}
.fa-play-circle {
	font-size: large
}
.row-samane .card-footer {
	background-color: unset;
	border-top: 0
}
.listing-item h6 a {
	color: #000
}
.owl-nav {
	width: 100%;
	position: relative;
	bottom: 150px
}
.owl-nav button {
	position: absolute;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.row-samane input {
	font-size: 13px !important
}
.modal {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(77, 77, 77, .7);
	transition: all .4s
}
.modal:target {
	visibility: visible;
	opacity: 1
}
.modal__content {
	border-radius: 4px;
	position: relative;
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding: 1em 2em
}
.modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: red;
	text-decoration: none
}
.myLink2 {
	display: none
}
.myLink2 video {
	width: 100%
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
	.click-col-sec img {
		height: 200px;
		width: 100% !important
	}
	.tempsmall .click-col-base img {
		height: 310px;
		width: 100%
	}
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
	.click-col-sec img {
		height: 200px;
		width: 100% !important
	}
	.tempsmall .click-col-base img {
		height: 310px;
		width: 100% !important
	}
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
	.click-col-sec img {
		height: 200px;
		width: 100% !important
	}
	.tempsmall .click-col-base img {
		height: 310px;
		width: 100% !important
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.col-xl-4 .card-has-bg img {
		height: 200px;
		width: 100% !important
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	.col-xl-4 .card-has-bg img {
		height: 200px;
		width: 100% !important
	}
}
@media only screen and (min-width: 1440px) {
	.col-xl-4 .card-has-bg img {
		height: 200px;
		width: 100% !important
	}
}
.tempsmall .click-col-base img {
	width: 100% !important
}

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}