@font-face {
	font-family: Noto Naskh;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/JannaLT-Regular.eot);
	src: url(fonts/JannaLT-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/JannaLT-Regular.woff2) format("woff2"),url(fonts/JannaLT-Regular.woff) format("woff"),url(fonts/JannaLT-Regular.ttf) format("truetype"),url(fonts/JannaLT-Regular.svg#svgFontName) format("svg")
}

html {
	direction: rtl;
}

body {
	font-family: Noto Naskh !important; 
	overflow-x: hidden; 
	direction: rtl;
	text-align: right
}

.layoutsonia {
	min-height: 100vh;
	display: flex;
	flex-wrap: wrap;
	max-width: 1920px;
	margin: 0 auto
}

h1, h2, h3, h4, h5, h6 {
	font-family: Noto Naskh !important;
}

footer {
	position: relative
}

.bg-gray {
	background: #f7f7f7; position:relative
}

.abouthome {
	position: absolute;
	top: 70px;
	right: 15px;
	background: #fff;
	width: 50%;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

.abouthome p{
	overflow:hidden; line-height:28px; max-height:84px
}

	.abouthome span {
		width: 100%;
		color: #c90020
	}

.abouthome h2 {
	
	color: #000; height:44px; overflow:hidden
	
}

.heightvercual {
	min-height: 360px
}

.bg-leftfooter {
	background: #f4f4f4; 
}

.bg-rightfooter {
	background: #dadada
}


.footerconter {  position:relative
}
.introvideo {
	position: relative;
}

	.introvideo img {
		width:100%
	}



.boxonesize {

	height: 200px;
	
}

.ar-cat { left:-15px
}

.boxtwosize {
	height: 415px;
}
	

.collection {
	position: relative;
	 margin:0 0 15px;
	overflow: hidden
}

	.collection img {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%; max-width:140%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	

	.collection p {
		position: absolute;
		bottom: 15px; background:rgba(0,0,0,0.6); padding:10px; text-transform:uppercase;
		color: #fff;
		font-size: 22px;
		right: 5%;
		margin: 0;
		width: 90%; max-width:240px;
		z-index: 3;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	.collection:hover p {
		color: #fff;
	}

	.collection p:before {
		position: absolute;
		z-index: 0;
		bottom: 0;
		width: 100%;
		height: 0;
		left: 0;
		content: "";
		background: #00AEEF;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
		-o-transition: all ease-in-out 0.2s;
		-ms-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
	}

	.collection p span {
	position:relative; z-index:1;
	}
		.collection:hover p:before {
		
			height: 100%;
			
		}

	.collection a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
	}

.graycarusel {
	position: relative;
	height: 520px;
	background: #e3e6e9
}

.offers {
	background: #c90020; height:250px; margin-bottom:15px; position:relative;
}

.offers a {
	position:absolute; top:0; left:0; width:100%; height:100%; z-index:3
}

	.offers p {
		border-bottom: 2px #fff solid;
		text-transform: uppercase;
		bottom: 30px;
		max-width: 90%;
		left: 5%;
		margin: 0;
		text-align: left;
		position: absolute;
		z-index: 2;
		font-family: 'Noto Naskh';
		color: #fff; font-weight:bold;
		font-size: 24px;
		line-height: 36px;
	}

	.offers i {
		font-size: 140px;  display:inline-block; margin:20px 0 0;
		color: #b5001d
	}

.prolines {
	position: relative;
	height: 255px;
	overflow: hidden
}

	.prolines a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4
	}

	.prolines p {
		bottom: 30px;
		max-width: 90%;
		left: 5%; text-transform:uppercase;
		text-align: left;
		position: absolute;
		z-index: 3;
		color: #fff; margin:0;
		font-size: 26px;
		line-height: 36px;
	}

	.prolines span {
	width:100%; display:inline-block;
		font-size: 40px;

	}
.prolines:before{
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,0.5);
}


	.prolines img {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

.prohome {
	position: relative;
	height: 320px;
	overflow: hidden;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

	.prohome img {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	.prohome p {
		position: absolute;
		bottom: 25px;
		padding: 13px 45px 0 15px;
		border-bottom: 15px #fff solid;
		color: #666;
		font-size: 18px;
		line-height: 26px;
		overflow: hidden;
		left: 4%;
		background: #fff;
		max-height: 105px;
		width: 92%;
		z-index: 2;
		-webkit-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-moz-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-ms-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	}

	.prohome span {
		position: absolute;
		top: 20px;
		padding: 0 12px;
		color: #666;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		right: 20px;
		background: #c90020; color: #fff;
		height: 24px;
		z-index: 2;
		-webkit-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-moz-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		-ms-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s, all ease-in-out 0.3s;
		box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	}

	.prohome:hover p {
		bottom: 35px;
	
	}
	
	.prohome p:before {
			position: absolute;
			bottom: -1px;
			right: 15px;
			color: #c90020;
			font-size: 24px;
			content: "\f178";
			font-family: "FontAwesome"
		}

	.prohome a {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 3;
		
	}

.footerlist h5 { text-transform:uppercase;
}

.footerlist ul {
margin:0; padding:0}

.footerlist ul li {
	list-style:none; margin:0 0 4px
}

	.footerlist ul li a {
		color: #343a40 !important; text-decoration:none !important
	}

		.footerlist ul li a:hover {
			color: #c90020 !important;
		}

 

.logofooter {
	position: relative
}

.logofooter img {
	max-width:200px;
}


.sliderhome {
	position: relative; overflow:hidden
}



.sliderhome .carousel-caption {
	right: 0;
	left: 0;
	padding-bottom: 0;
	top: 180px;
	text-align: center
}

.carousel-indicators {
	bottom: 0;
}

.sliderhome .carousel-indicators li {
	width:20px; height:20px; border:2px #fff solid; border-radius:50%; background:none; opacity:1; position:relative;
	margin-left:5px; margin-right:5px;
}

.sliderhome .carousel-indicators .active:before {
	top: 50%; content:""; width:8px; height:8px; background:#fff; border-radius:50%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) translateY(-50%); 
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.sliderhome .carousel-caption {
	position: absolute;
	width: 100%;
	z-index: 3;
	/*height: 100%;*/
	top: 60%;
	bottom: auto;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.sliderhome .carousel-control-next, .sliderhome .carousel-control-prev {
	z-index: 3; width:10%
}

.sliderhome .carousel-control-next-icon {
	background-image:none; position:relative
}

	.sliderhome .carousel-control-next-icon:before {
		position: absolute;
		bottom: -1px;
		left: 0;
		font-size: 24px;
		content: "\f178";
		font-family: "FontAwesome";
	}

.sliderhome .carousel-control-prev-icon {
	background-image: none; position:relative
}

	.sliderhome .carousel-control-prev-icon:before {
		position: absolute;
		bottom: -1px;
		left: 0;
		font-size: 24px;
		content: "\f177";
		font-family: "FontAwesome";
	}

.carousel .carousel-item {
	/*min-height: 350px;*/
	height: 100%;
	width: 100%;
}

	.carousel .carousel-item img {
		position: relative;
		z-index: 1;
		min-width: 100%; min-height:100%; max-width:150%;
		display: inline-block;
	}

	.carousel .carousel-item:before {
		background: linear-gradient(0deg, rgba(2,22,101,0.3), rgba(2,22,101,0.5), rgba(2,22,101,0.8));
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: ""
	}



.carousel-caption h3, .carousel-caption p {
	padding: .5em 20px .2em;
}

.carousel-caption h3 {
	font-family: Noto Naskh; font-weight:bold; font-size:40px;
}



.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	border-radius: 50%;
}

.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em;
}

/* Animation delays */
.carousel-caption h3:first-child {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.carousel-caption p {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

h1 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
}

.p {
	padding-top: 125px;
	text-align: center;
}

	.p a {
		text-decoration: underline;
	}

.caruslholder {
	float: right;
	width: 100%;
	direction: ltr;
	position: relative;
	z-index: 4
}

.partnerlogo { position:relative; height:60px; margin-top:25px;
}


	.partnerlogo img {
		position: absolute;
		width: auto !important;
		top: 50%;
		left: 50%;
		max-height: 60px;
		max-width: 100%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

.contactfooter p {
	position:relative; padding:0 0 0 24px; margin:0 0 10px
}

	.contactfooter p:before {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 20px;
		color: #818a91; content: "\f041";
		font-family: "FontAwesome"
	}

a.infofooter { 
	color:#000 !important; text-decoration:none !important; clear:both; padding:4px 0; float:left
}

	a.infofooter:hover {
		color: #c90020 !important;
	}

.linelink { border-bottom:2px #ddd solid;
}

.socialmedia {
float:left	
}

.socialmedia ul { margin:5px 0 0; text-align:left; padding:0
}

.socialmedia ul li {
	margin: 0 6px 0 0; list-style:none; display:inline-block
}

	.socialmedia ul li a {
		color:#fff; font-size:18px; display:inline-block; border:1px #fff solid; text-align:center; width:36px; height:36px; line-height:36px; border-radius:50%
	}

		.socialmedia ul li a i {
			height: 36px;
			line-height: 36px;
		}

		.socialmedia ul li a:hover {
			color: #00AEEF; background:#fff;
		}

.newsletterholder {
	background: #fff;
	display: inline-block;
	font-family: Noto Naskh; font-weight:bold;
}

.newsletterholder input[type="text"] {
	border:none;float:left; width:75%; outline:none !important
}

	.newsletterholder input[type="button"], .newsletterholder input[type="submit"] {
		border: none;
		background:#fff; color:#000; text-transform:uppercase; float:right
	}

a.infoheader {
	display: inline-block;
	margin: 2px 0 0 12px;
	padding: 0;
	position: relative;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 18px;
}




.productgallery { position:relative; overflow:hidden; height:450px; width:100%; display:inline-block
}

	.productgallery a {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	 width:100%;
		height: 100%;
		
	}

	.productgallery img {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 1;
		width: auto !important;
		min-width: 100%;
		max-width: 140%;
		min-height: 100%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

.copyright { float:left; width:100%; font-size:14px; color:#000; white-space:nowrap
}

	.copyright a {
		color: #c90020 !important;
		text-decoration: none !important;
		font-family: Noto Naskh; font-weight:bold;
	}

.titlehome {
	color: #545454;
	text-transform: uppercase;
	font-size: 28px;
	font-family: Noto Naskh; font-weight:bold;
}

a.morehome {
	border-bottom: 1px #000 solid;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0 0 2px;
	color: #000 !important;
	font-size: 18px;
	text-decoration: none !important;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

	a.morehome:before {
		position: absolute;
		top: 3px;
		left: -20px;
		color: #c90020; font-size: 18px;
		content: "\f178";
		font-family: "FontAwesome";
		-webkit-transition: all ease 0.2s;
		-moz-transition: all ease 0.2s;
		-o-transition: all ease 0.2s;
		-ms-transition: all ease 0.2s;
		transition: all ease 0.2s;
	}
	a.morehome:hover:before {
		
		left: 0;
	
	}

	a.morehome:hover {
		color: #c90020 !important; padding:0 0 2px 25px;
		border-bottom: 1px #c90020 solid;
	}

.techtitle h3 {
	color: #545454;
	font-size: 30px;
	font-family: Noto Naskh; font-weight:bold;
}


.techtitle span {
	color: #00AEEF;
}

.techtitle p {

	color: #8E8E8E;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

.event {
	cursor: pointer
}



.innerbanner { 
 max-height:300px;
}

.innerbanner:before {
	background: linear-gradient(0deg, rgba(2,22,101,0.3), rgba(2,22,101,0.5), rgba(2,22,101,0.8));
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}


.innerbanner h1 {
	color:#fff;  width:100%; top:225px; position:absolute; z-index:2
}

	.innerbanner ul {
		padding:0; margin:0
	}

	.innerbanner ul li {
		display:inline-block; list-style:none; padding-right:15px; position:relative 
	}

		.innerbanner ul li:last-child {
			
			padding-right: 0;
			
		}

			.innerbanner ul li:last-child:before {
				display:none
			}

		.innerbanner ul li:before {
			position: absolute; font-size:18px;
			right: 2px; color:#fff; 
			content: "/";
		}

		.innerbanner ul li a {
			
			color: #fff !important;
			text-decoration: none;
		}

.contactinfo strong { font-size:1.4em
}

.contactinfo p {
	font-size: 0.9em; color:#666
}

.contactinfo p a {

	color: #999 !important
}

.btncontact {
	background: #00AEEF;
	color: #fff;
	text-transform: capitalize;
	border: none; padding:0 20px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	border-radius: 20px;
}

.contactform input[type="text"], .contactform input[type="email"] {
	line-height: 40px;
	outline: none; border-radius:20px;
	padding: 0 15px;
	border: 1px solid hsl(var(--neutral-hue,210),14%,83%);
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}


	.contactform input[type="text"]:focus, .contactform input[type="email"]:focus, .contactform textarea:focus {
		border-color: hsl(var(--neutral-hue,210),7%,46%);
		-webkit-box-shadow: 0 3px 10px hsla(var(--neutral-hue,210),14%,83%,.25);
		box-shadow: 0 3px 10px hsla(var(--neutral-hue,210),14%,83%,.25);
	}

.validationstyle {
	color: #c90020; font-size:0.9em;
}

.contactform textarea {
	outline: none; min-height:120px; max-height:120px; min-width:100%; max-width:100%; height:120px;
	padding: 5px 15px; border-radius:20px;
	border: 1px solid hsl(var(--neutral-hue,210),14%,83%);
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.contactform input[type="button"], .contactform input[type="submit"] {
	clear:both;
}

.framemap iframe { border:none; height:400px; width:100%; display:inherit
}

.albumgallery {
	position: relative;
	height: 320px;
	overflow: hidden; border:1px #ddd solid;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

	.albumgallery img {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	.albumgallery p {
		position: absolute;
		bottom: 15px;
		padding: 13px 15px 0 15px;
		color: #666;
		font-size: 20px;
		line-height: 28px;
		overflow: hidden; text-align:center;
		text-transform: uppercase;
		left: 0;
		margin: 0;
		background: rgba(255,255,255,0.9);
		max-height: 98px;
		width: 100%;
		z-index: 2;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	.albumgallery:hover p {

		color:#c90020;
		background: rgba(255,255,255,1);
		
	}

	.albumgallery:before {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		background: rgba(255,255,255,0.9);
		height: 15px;
		width: 100%;
		z-index: 2;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	.albumgallery:hover:before {
		
		background: rgba(255,255,255,1);
		
	}

	.albumgallery a {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 3;
	}


.galleryzone {
	position: relative;
	height: 320px;
	overflow: hidden;
	border: 1px #ddd solid;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}

	.galleryzone img {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}


	.galleryzone:before {
		position: absolute;
		content: "";
		left: 15px;
		top: 15px;
		right: 15px;
		bottom: 15px;
		background: rgba(201,0,32,0);
		
		z-index: 2;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
		-o-transition: all ease-in-out 0.2s;
		-ms-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
	}

	.galleryzone:hover:before {
		background: rgba(201,0,32,0.8);
	}

	.galleryzone:after {
		position: absolute;
		content: "\f002";
		font-family: "FontAwesome";
		left: 50%;
		font-size: 20px;
		top: 50%; text-align:center;
		width: 40px;
		height: 40px; line-height:40px;
		border-radius: 50%;
		color: #c90020;
		background: #fff;
		z-index: 3;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0);
		-o-transform: translateX(-50%) translateY(-50%) scale(0);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0);
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

		.galleryzone:hover:after {
			-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
			-moz-transform: translateX(-50%) translateY(-50%) scale(1);
			-o-transform: translateX(-50%) translateY(-50%) scale(1);
			-ms-transform: translateX(-50%) translateY(-50%) scale(1);
			transform: translateX(-50%) translateY(-50%) scale(1);
		}

	.galleryzone a {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 4;
	}

.eventgrid {
	position: relative;
	height: 280px;
	overflow: hidden
}

.eventgrid img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.eventgrid:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0);
	top: 0;
	left: 0;
	z-index: 2
}

	.eventgrid:hover:before {
		background: rgba(0,0,0,0.2);
	}


.eventgrid a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
}

.listsitbar { background:#f3f3f3
}

	.listsitbar h3 {
		color: #000;
		font-size: 20px;
		font-family: Noto Naskh; font-weight:bold;
		padding:0 0 12px; margin:0 0 20px; position:relative
	}

	.listsitbar h3:before {
		position:absolute; left:0; bottom:0;
		width:60px; height:2px; background:#c90020; content:"";
	}

.listsitbar ul {
	margin:0; padding:0
}
	.listsitbar ul li {
		list-style: none;
		margin: 6px 0;
		border-bottom: 1px #ddd solid;
	}

		.listsitbar ul li span {
			float:right; padding:3px 5px; color:#fff; background:#c90020; font-size:13px
		}

	.listsitbar ul li a {
		margin:0; padding:0 0 6px 18px; color:#999 !important; text-decoration:none !important; font-size:16px; display:inline-block
	}
		.listsitbar ul li a:hover {
			
			color:#c90020 !important;
			
		}

		.listsitbar ul li a:before {
			font-family: "FontAwesome";
			content: "\f105";
			position: absolute;
			font-size: 16px;
			left: 15px;
		}

.eventpref h4 a { color:#c90020 !important; text-decoration:none !important;
				  max-height:64px; line-height:32px; overflow:hidden; 
}

.eventpref h4 a:hover {
	color: #000 !important;
}

.eventpref p {
line-height:24px; max-height:96px; overflow:hidden
}

.eventpref b, .eventpref span  {
	font-weight:normal; color:#999; position:relative
}

	.eventpref b:before {
		position: absolute;
		left: 0;
		font-family: "FontAwesome";
		font-size: 16px;
		content: "\f041"
	}

	.eventpref span:before {
		position: absolute;
		left: 0;
		font-size: 16px;
		font-family: "FontAwesome";
		content: "\f017"
	}


.eventdetails b, .eventdetails span {
	font-weight: normal;
	color: #999;
	position: relative
}

	.eventdetails b:before {
		position: absolute;
		left: 0;
		font-family: "FontAwesome";
		font-size: 16px;
		content: "\f041"
	}

	.eventdetails span:before {
		position: absolute;
		left: 0;
		font-size: 16px;
		font-family: "FontAwesome";
		content: "\f017"
	}

.pagenationstyle {
	float: right;
	width: 100%;
	padding: 0
}

	.pagenationstyle .pagination {
		float: right;
		margin-top: 0;
		margin-bottom: 0;
		text-align: center; display:inline-block;
		width: 100%;
	}

	

		.pagenationstyle .pagination > li {
			display: inline-block;
			text-align: center;
			margin: 0 4px;
		}

		.pagenationstyle .pagination > .active > a,
		.pagenationstyle .pagination > .active > span,
		.pagenationstyle .pagination > .active > a:hover,
		.pagenationstyle .pagination > .active > span:hover,
		.pagenationstyle .pagination > .active > a:focus,
		.pagenationstyle .pagination > .active > span:focus {
			background-color: #00AEEF;
			border-color: #00AEEF;
			color: #fff
		}

		.pagenationstyle .pagination > li > a,
		.pagenationstyle .pagination > li > span {
			margin-left: 0;
			color: #666;
			min-width: 40px;
			height: 40px;
			border-radius: 5px;
			text-align: center;
			line-height: 38px;
			display: inline-block;
			background-color: #f7f7f7;
			text-decoration: none !important;
			border: 1px #f7f7f7 solid;
		}

		.pagenationstyle .pagination > li:first-child{
			float: left
		}


		.pagenationstyle .pagination > li:last-child {
			float: right
		}

			.pagenationstyle .pagination > li:first-child > a,
			.pagenationstyle .pagination > li:first-child > span,
			.pagenationstyle .pagination > li:last-child > a,
			.pagenationstyle .pagination > li:last-child > span 
			{
				color: #fff !important;
				width: 110px;
				height: 40px;
				border-radius: 20px;
				background-color: #00AEEF !important;
				border: 1px #00AEEF solid !important;
			}

			.pagenationstyle .pagination > li > a:hover,
			.pagenationstyle .pagination > li > span:hover,
			.pagenationstyle .pagination > li > a:focus,
			.pagenationstyle .pagination > li > span:focus {
				
				background-color: #fff;
				border-color: #fff;
			}

.sharearticl {
	float: right;

}

	.sharearticl strong {
		display: inline-block; font-weight:normal
	}

	.sharearticl a {
		display: inline-block;
		width: 30px;
		font-size: 15px;
		margin: 0 5px 0 0;
		height: 30px;
		border-radius: 50%;
		text-align: center;
		color: #fff !important;
		text-decoration: none !important;
	}

		.sharearticl a i {
			height: 30px;
			line-height: 32px;
		}

a.facebookshare {
	background: #4064AD
}

a.twittershare {
	background: #1C9CEB
}

.productimg {
	position: relative;
	height: 360px;
	overflow: hidden
}

	.productimg img {
		position: absolute;
		top: 50%;
		left: 50%; max-width:120%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	.productimg:before {
		position: absolute;
		content: "";
		left: 15px;
		top: 15px;
		right: 15px;
		bottom: 15px;
		background: rgba(201,0,32,0);
		z-index: 2;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
		-o-transition: all ease-in-out 0.2s;
		-ms-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
	}

	.productimg:hover:before {
		background: rgba(201,0,32,0.8);
	}

	.productimg:after {
		position: absolute;
		content: "\f002";
		font-family: "FontAwesome";
		left: 50%;
		font-size: 20px;
		top: 50%;
		text-align: center;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		color: #c90020;
		background: #fff;
		z-index: 3;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0);
		-o-transform: translateX(-50%) translateY(-50%) scale(0);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0);
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	.productimg:hover:after {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		-o-transform: translateX(-50%) translateY(-50%) scale(1);
		-ms-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}


	.productimg a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 4;
	}

.productinfo h4  {
	color: #000 ;
	line-height: 32px;

}

.productinfo h3 {
	color: #c90020;
	line-height: 32px;
}

a.categorydetails {
	padding: 0 12px;
	font-size: 14px; height:22px;
	line-height: 24px; display:inline-block;
	overflow: hidden;
	background: #c90020; text-decoration:none !important;
	color: #fff !important;
	height: 24px;
}

.aboutimg img { width:100%;
}

.Searchtitle { color:#999; font-size:18px
}

.Searchtitle span {
	color: #000;
}



.searchblock a {
	color:#000; font-size:20px; color:#000 !important; text-decoration:none !important
}

	.searchblock span {
		background:#c90020; color:#fff; font-size:14px; height:24px; line-height:24px; padding:0 8px; display:inline-block
	}

.seachheader { float:right; width:200px; border:1px #ddd solid; position:relative
}

	.seachheader:before {
		position: absolute;
		z-index: 0; width:38px; height:38px; text-align:center; line-height:38px;
		right: 0;
		font-size: 15px;
		font-family: "FontAwesome";
		color: #000;
		content: "\f002"
	}

	.seachheader:hover:before {
	 background:#c90020;
		color: #fff;
	}

	.seachheader input[type="search"], .seachheader input[type="text"]   {
		border:none; width:160px; height:38px; line-height:38px; color:#666; font-size:14px; float:left; padding:0 5px;
	}

	.seachheader:hover input[type="search"], .seachheader:hover input[type="text"] {
		background:#f3f3f3
	}

	.seachheader input[type="button"], .seachheader input[type="submit"] {
		border: none; background:none !important; 
		width: 38px; float:right;
		height: 38px; position:relative; z-index:1;
		line-height: 38px;
		
	}

.faqsonia .btn-link { color:#c90020 !important; text-decoration:none !important
}

.faqsonia .btn-link:hover {
	color: #000 !important;
}

.newsletterzone {
	background: url(../images/newsltr_bg.jpg) center no-repeat;
	background-size:cover
}

.footercontat {
	background: #28303D
}

.contacthome a { color:#fff !important; text-decoration:none !important;
}

.newsletterform { background:#fff; border-radius:5px; position:relative; padding:0 40px 0 0;
}

	.newsletterform:before {
		border-left: 1px #666 solid;
		width: 30px;
		height: 24px;
		line-height: 24px;
		top: 8px;
		right: 5px;
		text-align: center;
		content: "\f003";
		position: absolute;
		font-family: "FontAwesome"
	}

	.newsletterform input[type="email"] {
		height: 40px;
		line-height: 40px;
		color: #666;
		font-size: 15px;
		border: none;
		width: 70%;
		outline: none !important;
	}

	.newsletterform input[type="submit"], .newsletterform input[type="button"] {
		height: 40px;
		line-height: 40px; outline:none !important;
		float: left;
		color: #666;
		font-weight: bold;
		background: #00AEEF; font-size: 15px;
		border-radius: 5px 0 0 5px;
		color: #fff;
		font-size: 16px;
		width: 120px;
		text-align: center;
		text-transform: capitalize;
		border: none
	}

.headertop { color:#fff; margin:40px 0 0; text-align:right
}


.headertop span {
	font-family: Noto Naskh !important
}



.linkstop {
	margin: 50px 0 0;
	text-align: left;
	position: relative;
	z-index: 2
}

a.language { width:42px; height:42px; line-height:42px; float:left;
			 text-transform:uppercase; display:inline-block; margin:0 8px 0 0;
			 text-align:center; background:#fff; border-radius:50%;
			 color:#666; font-size:16px; text-decoration:none;
}

.menuholder { height:48px;
}

.searchcase {
	position: relative; display:inline-block
}

	.searchcase:hover {
		background: none !important
	}

	.searchcase i {
		font-size: 24px !important; position:relative; top:3px
	}

	.searchcase a {
		padding: 0 5px !important; width:42px; height:42px; text-align:center; line-height:42px; display:inline-block; 
		color: #fff !important; position:relative; top:2px;
	}


div.activted > a {
	background-color:none;
	
	z-index: 2;
	color: #fff !important;

}

div.searchcase div {
	position: relative;
}

	div.searchcase div form {
		padding: 2px 5px 2px 1px;
		display: none;
		font-size: 0.75em;
		margin: 0 0 0 0;
		position: absolute;
		top: -44px;
		left: 0;
		z-index: 4;
	}

		div.searchcase div form.wrp2 {
			width: 380px;
		}

.nav .sep {
	right: 190px;
	border-right: 1px solid #E3E3E3;
	bottom: 0;
	height: auto;
	margin: 15px 0;
	position: absolute;
	top: 0;
	width: 1px;
}

div.searchcase div ul {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 170px;
	float: right;
	list-style-type: none;
}

	div.searchcase div ul li {
		margin: 0;
		padding: 0;
	}

		div.searchcase div ul li h3 {
			border-bottom: 1px solid #E3E3E3;
			color: #4F4F4F;
			font-weight: bold;
			margin: 0 5px 4px;
			font-size: 0.95em;
			padding-bottom: 3px;
			padding-top: 3px;
		}

div.searchcase ul ul {
	padding: 0 0 8px;
}

	div.searchcase ul ul li {
		margin: 0;
		padding: 0;
	}

		div.searchcase ul ul li a {
			color: #0060A6;
			display: block;
			margin-bottom: 1px;
			padding: 3px 5px;
			text-decoration: none;
			font-size: 0.9em;
		}

			li.searchcase ul ul li a:hover {
				background-color: #0060a6;
				color: #fff;
			}

#searchzone {
	background: #fff !important;
	padding: 0 !important; display:inline-block;
	width: 260px; border-radius:21px
}

	#searchzone input[type="text"], #searchbox {
		background: #fff;
		border: none;
		margin: 0;
		width: 200px;
		padding: 0 10px;
		height: 42px;
		line-height: 42px;
		font-size: 14px; text-align:right; 
		border-radius: 21px;
		color: #666;
		float: right;
	}

	#searchzone input[type="button"], #searchzone input[type="submit"] {
		background: url(../images/searchicon.png) center no-repeat;
		border: none;
		cursor: pointer;
		width: 42px;
		padding: 0;
		text-align: center;
		height: 42px;
		line-height: 42px;
		font-size: 0;
		color: #fff;
		float: left;
	}

.whitecontent {
	background: #fff; display:inline-block; width:100%;
	-webkit-box-shadow: 0 6px 10px rgba(12,12,12,.15);
	box-shadow: 0 6px 10px rgba(12,12,12,.15);
}

.filterside {
	background: #fff;
	-webkit-box-shadow: 0 6px 10px rgba(12,12,12,.15);
	box-shadow: 0 6px 10px rgba(12,12,12,.15);
}

.filterside h5 {
	 text-transform:uppercase; margin:0 0 15px;
}

.contactblock {
	background: #fff; min-height:312px;
	-webkit-box-shadow: 0 6px 10px rgba(12,12,12,.15);
	box-shadow: 0 6px 10px rgba(12,12,12,.15);
}

.contactinfo {
	position:relative; padding-right:40px; display:inline-block; width:100%;
}

.contactinfo i {
	 position:absolute; width:30px; height:30px; text-align:center; right:0
}

	.contactinfo p {
		margin:0; color:#999; width:100%; font-size:18px; display:inline-block
	}

.address { background:url(../images/addersicon.svg) center no-repeat;
}

.phone {
	background: url(../images/phoneicon.svg) center no-repeat;
}

.email {
	background: url(../images/mailicon.svg) center no-repeat;
}

.filbtn {
	background: #00AEEF;
	color: #fff;
	text-transform: capitalize;
	border: none;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-weight: bold;
	border-radius: 20px;
}

.unitslist {
	background: #fff; margin:0 0 30px;
	-webkit-box-shadow: 0 6px 10px rgba(12,12,12,.15);
	box-shadow: 0 6px 10px rgba(12,12,12,.15);
}

.imgunitlist { width:100%; height:210px; position:relative; overflow:hidden
}

	.imgunitlist a {
		
		position: absolute; left:0; top:0; width:100%; height:100%; z-index:2
		
	}

	.imgunitlist img {
		min-width: 100%;
		min-height: 100%; max-width:160%;
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

.pricelist {
	height: 178px;
	padding: 55px 0 0;
	text-align: center; font-weight:bold;
	color: #00AEEF; font-size:20px
}

.pricelist span {
	width:100%; text-align:center; margin:0; color:#000; font-size:15px; display:inline-block
}

a.morelist {
	color: #BEBEBE !important; display:inline-block; font-size:14px; font-weight:bold; height:40px; line-height:40px; text-decoration:none !important
}

a.morelist:hover {
	color: #000 !important;
}

a.book {
	color: #fff !important;
	font-size: 14px;
	display: inline-block; margin:0 15px 0 0;
	text-decoration: none !important;
	font-weight: bold;
	background: #00AEEF;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 20px;
}

a.taglink {
	position: relative; display:inline-block;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0; text-decoration:none !important;
	color: #C9C9C9 !important; font-size:12px;
}

.mapion {
	background: url(../images/mapion.svg) center left no-repeat;
}

.homeicon {
	background: url(../images/homeicon.svg) center left no-repeat;
}

.detailslist p {
	display: inline-block;
	width: 100%; margin:0 0 5px;
	color: #8E8E8E; line-height:22px; height:66px; font-size:14px; overflow:hidden;
}

.detailslist h5 {
	margin:10px 0 0
}

.detailslist h5 a {
	 color:#000 !important; font-size:20px; text-decoration:none !important; display:inline-block; overflow:hidden; max-height:46px
}

	.detailslist h5 a:hover {
		color:#00AEEF !important;
	}

.example {
	margin-bottom: 1.5em;
}


input[type=radio ]:not(old) {
	width: 2em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
}


	input[type=radio ]:not(old) + label {
		display: inline-block;
		margin-left: -2em;
		color: #BEBEBE; line-height: 1.5em;
	}


		input[type=radio ]:not(old) + label > span {
			display: inline-block;
			width: 19px;
			height: 19px; position:relative; top:2px; 
			margin: 0.25em 0.5em 0.25em 0.25em;
			border: 1px #EBEBEB solid;
			border-radius: 3px;
			background: #F8F8F8;
			vertical-align: bottom;
		}


	input[type=radio ]:not(old):checked + label > span {
		background: #F8F8F8;
	}



		input[type=radio]:not(old):checked + label > span > span {
			display: block;
			width: 11px;
			height: 8px;
			margin: 4px 3px;
			background: url(../images/check.svg) center no-repeat;
		}

.pricedetails {
	color: #fff; text-align:center; width:100%; display:inline-block; margin:15px 0;border-right:15px #fff solid; 
	background: #00AEEF; font-size:30px; padding:0 0 15px;
}

.pricedetails span {
	color: #fff;
	text-align: center;
	width: 100%; margin:0;
	display: inline-block;
	font-size: 16px;
}

.titleside {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-right: 6px;
}

.detailsinfo {
	position: relative;
	padding-left: 32px;
	display: inline-block;
	width: 100%;
}

	.detailsinfo i {
		position: absolute;
		width: 24px;
		height: 30px;
		text-align: center;
		left: 0; top:-3px
	}

	.detailsinfo p {
		margin: 0;
		color: #999;
		width: 100%;
		font-size: 15px;
		display: inline-block
	}

	.detailsinfo p a {
		color: #999 !important;

	}

.zone {
	background: url(../images/mapunit.svg) center no-repeat;
}

.type {
	background: url(../images/typeunit.svg) center no-repeat;
}

.showmap {
	background: url(../images/showmap.svg) center no-repeat;
}

.detailsunit {
	color: #8E8E8E; font-size:14px; line-height:22px; margin-right:10px;
}

.infounits { margin-left:15px
}

.mega-menu .menu-links > li {
	float:right !important
}

	.mega-menu .menu-links > li > a {
		font-family: Noto Naskh !important; font-weight:bold; text-align:right; 
	}

.mega-menu .menu-mobile-collapse-trigger {
	left:auto !important; right:0; top:156px !important
}

@media screen and (max-width:1200px) {
	.sliderhome .carousel-control-next-icon:before {
		left: 30px
	}

	.sliderhome .carousel-control-prev-icon:before {
		left: -30px
	}

	.abouthome {
		top: 30px
	}

	.offers p {
		font-size: 20px;
		line-height: 30px
	}

	.prolines p {
		font-size: 22px;
		line-height: 30px
	}

	.prolines span {
		font-size: 36px
	}
}

@media screen and (max-width:991px) {

	/*.ar-cat { left:0
	}*/
	
	.pricedetails {
		font-size: 20px
	}
	
	.fakeright {
		padding-left: 0 !important
	}
	
	.menuholder {
		margin-top: -45px
	}
	.newsletterform input[type="submit"], .newsletterform input[type="button"] {
		width: 100px
	}

	.newsletterform input[type="email"] {
		width:65%
	}

	.newsletterzone h2 {
		font-size:24px
	}
	.seachheader {
		top: 0;
		right: 70px;
		width: 210px;
		position: absolute
	}

		.seachheader:before {			
			width: 48px;
			height: 48px;
			line-height: 48px;
		}

		.seachheader input[type="search"], .seachheader input[type="text"] {
			
			height: 48px;
			line-height: 48px;
			
		}

		
		.seachheader input[type="button"], .seachheader input[type="submit"] {			
			width: 48px;
			height: 48px;
			line-height: 48px;
		}

	.copyrightholder {
		background: #dadada;
		margin-top: -15px;
		padding-bottom: 15px;
		position: relative;
		bottom: unset;
	}

	.sliderhome .carousel-control-next-icon:before {
		left: 10px
	}

	.sliderhome .carousel-control-prev-icon:before {
		left: -10px
	}
	.techtitle span {
		margin-top:10px; display:inline-block
	}

	.footergy {
		background: none
	}

		.footergy .container-fluid .bg-leftfooter {
			background: none
		}

		.footergy .container-fluid .bg-rightfooter {
			background: none
		}

	.offers {
		border: 15px #fff solid;
		margin-top: -40px;
	}

	.prolines {
		border: 15px #fff solid;
		margin-top: -20px;
	}
}

@media screen and (max-width:767px) {

	.ar-cat { left:0
	}

	.infounits {
		margin-left:0
	}

	.pricedetails {
		border-right: none
	}

	.whitecontent {
		padding:0 15px;
	}
	
	.detailslist {
		margin: 0 15px
	}

	.pricelist { border-left:none !important; padding:0; height:unset; margin:0 15px; border-top:1px #ddd solid
	}

	.detailslist h5 a {
		max-height:unset; overflow:unset
	}

	.detailslist p {
		height:unset;
		overflow:unset
	}

	.unitslist .pr-0  { padding-right:15px !important

	}
	.pr-sm {
		padding-right: 15px !important
	}
	.fakeright {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.fakebord { padding-left:15px !important; padding-right:15px !important
	}
	
	.contacthome {
		text-align: center
	}
	

		
		
		#bg-maifooter {
			height: 0 !important
		}
	


	.contactform { border-right:15px #fff solid;
	}

		.contactform {
			padding-left:15px!important
		}
	
	.layoutsonia {
		width: 100%;
		overflow-x: hidden;
	}

	.graycarusel {
		margin-top: -40px;
	}

	.carousel-caption h3 {
		font-size: 24px;
	}

	.carousel-caption h3, .carousel-caption p {
		padding: .5em 30px .2em
	}

	

	.introvideo {
		margin: 0 0 20px;
	}

	.footerconter {
		position: relative;
		background: #28303D
	}

	.heightvercual {
		min-height: 0
	}


	.abouthome {
		position: relative;
		top: unset;
		right: unset;
		width: 100%;
		transform: unset;
		-webkit-transform: unset;
		border: 15px #f7f7f7 solid;
		box-shadow: unset
	}
}


@media screen and (max-width:700px) {

	.sliderhome .carousel-caption { top:70%
	}
}

@media screen and (max-width:600px) {

	.sliderhome .carousel-caption {
		display:none
	}

	.sliderhome .carousel-indicators {
		display:none !important
	}
}

@media screen and (max-width:575px) {

	.sliderhome .carousel-caption {
		top: 35%
	}

	.innerbanner h1 { font-size:20px
	}
	
	.socialmedia {
		float: none;
		display: inline-block;
		text-align: center;
		width: 100%;
	}

		.socialmedia ul {
			display: inline-block;
			margin: -5px 0 15px
		}

}

@media screen and (max-width:540px) {

	

	.seachheader {
		top: 9px;
		right: unset;
		width: 100%;
		background: #f3f3f3;
		position: relative;
		margin: 0 0 17px;
	}

		.seachheader:before {
			width: 38px;
			height: 38px;
			line-height: 38px;
		}

		.seachheader input[type="search"], .seachheader input[type="text"] {
			height: 38px; background:#f3f3f3; width:85%;	
			line-height: 38px;
		}


		.seachheader input[type="button"], .seachheader input[type="submit"] {
			width: 38px;
			height: 38px;
			line-height: 38px;
		}
	
}

@media screen and (max-width:480px) {

	#searchzone { width:240px;
	}

		#searchzone input[type="text"] {
			width:197px
		}
		
		.mega-menu .menu-logo > li > a img {
			width: 90px
		}

	.mega-menu .menu-logo > li > a {
		margin: 40px 0 0; padding-bottom:17px;
	}

	.mega-menu .menu-mobile-collapse-trigger {
		top:136px
	}

	.carousel .carousel-item img {
		min-height:250px;
	}
	
	.innerbanner h1 {
		font-size: 24px;
	}
	
	.sliderhome .carousel-caption {
		top: 28%
	}

	.sliderhome .carousel-control-prev-icon:before {
		left: -8px;
	}

	.sliderhome .carousel-control-next-icon:before {
		left: 4px;
	}
}

@media screen and (max-width:400px) {
	.newsletterform input[type="email"] {
		width:60%
	}
	
	#searchzone {
		width: 220px;
	}

		#searchzone input[type="text"] {
			width: 177px
		}
}

@media screen and (max-width:380px) {
	#searchzone {
		width: 200px;
	}

		#searchzone input[type="text"] {
			width: 157px
		}
}

@media screen and (max-width:360px) {
	#searchzone {
		width: 180px;
	}

		#searchzone input[type="text"] {
			width: 137px
		}
}

@media screen and (max-width:340px) {
	.newsletterform input[type="email"] {
		width: 50%
	}
	#searchzone {
		width: 160px;
	}

		#searchzone input[type="text"] {
			width: 117px
		}
}