/*
Shameer 
------------------------------ */
.header { 
	position: fixed; top:0; left:0; z-index: 3001;
	width:100%; float:left; 
	padding:0 0 50px 0 30px; margin:0; }
.fixed-header { 
	padding:0 0 20px;
	background: rgb(34,47,47);
	background: linear-gradient(0deg, rgba(34,47,47,0) 0%, rgba(34,47,47,1) 100%);  }

.logo {
	position: relative; z-index: 3001;
	width:100%; text-align: center; 
	margin:0; padding:20px 0 15px;
	float:left; background:#fff; 
	
}
.logo a img { 
	width:190px; max-width:100%; float:left; 
	border-radius: 10px;}

.header .button { float:right; padding:10px 15px; font-size:14px; }


@media(max-width:991px){ 
	.header { padding:0 0 20px 0; }
	.ayzel_logo img { width:130px; }
}
@media(max-width:767px){
	.header .button { display: none; }
	.ayzel_logo img { width:120px; }
}
@media(max-width:575px){ }
@media(max-width:500px){ }
@media(max-width:480px){ }

@media(max-width:767px){
	
}
.lang { 
	margin:0 0 10px; padding:0;
	width:100%; float:left; text-align: right; }
.lang ul { 
	display:inline-block; 
	list-style:none; margin:0; padding:0 5px 0;
	background:#f1f3f4;
	border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
  }
.lang ul li { 
	border-right:1px solid #ddd; 
	display:inline-block; margin:0; padding:5px 5px 8px; }
.lang ul li a { 
	margin:0; padding:0; line-height: 1;
	font-family: "Cairo", sans-serif;
	font-size:12px; color:#666; text-decoration: none; }
.lang ul li:last-child { border:none; }
.lang ul li a.active,
.lang ul li a:hover { color:#2c3592; }
.lang {}





.banner-slider {
	width:100%; float:left; clear: both;
	background:none; position: relative; }
.banner-slide::after {
	width:100%; height: 100%;  z-index: 1; opacity: 0.5;
	content:''; position: absolute; top:0; left:0;
	background: rgb(34,47,47);
	background: linear-gradient(0deg, rgba(34,47,47,0) 0%, rgba(34,47,47,1) 100%); 
}
.banner-slide img { width:100%; min-height:550px; object-fit: cover; object-position: center; }


.banner-caption {
	position: absolute; top:0; z-index: 2;
  width:600px;	height: 100%; padding:0 15px; 
	display: flex;flex-direction: column; justify-content:center; } 
.banner-caption h1 { 
	margin:0 0 20px 0; padding:0;
	color:#fff; font-weight: normal; line-height: 1;
	font-family: "Cairo", sans-serif; font-size:77px;
  text-shadow: 0px 1px 10px #00000050; }
.banner-caption p { 
	color:#fff; font-weight: normal;
	font-family: "Cairo", sans-serif; font-size:18px;
	text-shadow: 0px 2px 5px #00000070; 
}

.banner-slider-stroke { 
	width:100%; z-index: 3;
	position: absolute; bottom:-2px; left:0;}
.banner-slider-stroke img { width:100%; float:left; }



@media(max-width:1200px){
	.banner-caption h1 { font-size:55px;}
}
@media(max-width:991px){
	.banner-caption { width:45%; }
	.banner-caption h1 { font-size:50px; }
	.banner-caption p { font-size:15px; }
}
@media(max-width:767px){
	.banner-caption { width:100%; }
	.banner-caption h1 { font-size:45px; }
	.banner-caption h1 br { display: none; }
	.banner-caption p { font-size:14px; }
}
@media(max-width:575px){
	.banner-slide img { min-height:450px; }
}

.footer { 
	width:100%; float:left; padding:40px 0; margin:0;
	background:#00328a; }
.footer a { color:#eeeeee; text-decoration: none; }
.footer p { color:#eeeeee; }
.footer h4 { color:#fff; }

.footer-strip {
	width:100%; float:left;
	background-size:100% 100%;
	background-image:url('../images/footer-strip.png');
	background-repeat:repeat-x;
  background-position:-1px;}
.footer-strip img {
	width:auto; opacity: 0;
	max-width:100%; float:left; }

.ftr_logo { margin:0 0 30px; }
.footer p.ftr_contact { font-size:15px; text-align: left; }


ul.social-list { 
	float:left; width:100%;
	list-style: none; margin:0 0 30px; padding:0; }
ul.social-list li {
	margin:0; padding:0 10px 0 0;
	display:inline-block; float:left; }
ul.social-list li a { 
	width:40px; height:40px; display:block;
	margin:0; padding:0; font-size:16px;
	text-align: center; line-height: 2.5;
	background:#fff; border-radius: 40px;
	color:#2d3691; }

.ftr_menu { margin-bottom:30px; }

ul.ftr_links { 
	width:50%; float:left;
	list-style: none; margin:0; padding:0; }
ul.ftr_links li { 
	margin:0; padding:0 0 15px 25px; 
  background-image:url(../images/icon-arrow-right-blue.svg);
	background-position:0 0px;
  background-repeat:no-repeat; background-size:17px;}
ul.ftr_links li a { font-size:15px; }

.ftr_contact { font-size:15px; }
.ftr_mail { font-size:17px;  font-family: "Cairo", sans-serif; }
.ftr_phone { font-size:22px;  font-family: "Cairo", sans-serif; float:left; clear:both; } 
.ftr_clicks { font-size:18px;  font-family: "Cairo", sans-serif; float:left; margin:0; padding:0; }

.footer-copycat { border-top:1px solid #144293; padding:20px 0 0; margin:0; }
.footer-copycat p { font-size:15px; }
.footer-copycat ul  { float:right; list-style: none; margin:0; padding:0; }
.footer-copycat ul li  { float:left; border-right:1px solid #fff; margin:0; padding:0 10px; }
.footer-copycat ul li a { font-size:15px; }
.footer-copycat ul li:last-child { border:none; padding-right:0; }

@media(max-width:767px){
	.footer p,
	.footer p.ftr_contact,
	.footer p.ftr_clicks { font-size:14px; }
	.ftr_mail { font-size:15px; }
	.ftr_phone { font-size:18px;}
	
	.ftr_logo { text-align: center; }
	.ftr_social { text-align: center; }
	ul.social-list { text-align: center; }
	ul.social-list li { float:none; padding:0 5px; }
	
	.footer-copycat { text-align: center; margin:30px 0 0; }
	.footer-copycat p { text-align: center; margin:0 0 10px; }
	.footer-copycat ul { float:none; width:100%;}
	.footer-copycat ul li { float:none; display: inline-block; }
	.footer-copycat ul li a { font-size:14px;}
	.footer-copycat ul li:first-child { padding-left:0; }
}


.intro-content { padding:70px 0; text-align:center; }
.intro-content h1 { text-align:left; font-size: 75px; font-weight: bold; }
.intro-content p { text-align:left; }
.intro-block-content {}
.intro-block-content img { margin-bottom:30px; }


.service-strip {
	position:relative; }
.service-strip::before {
	width:100%; height:60%;
	position:absolute; top:0; left:0; z-index:-1;  
	content:''; display: block;
	background-image:url('../images/services-bg.jpg');
	background-position:top center;
	background-repeat: repeat-x;
	background-color:#2d3691; }
.service-strip h1,
.service-strip p { text-align: center; color:#fff; }
.services-slider { margin-top:20px; }

.service-thumb { 
	width:100%; float:left;
	padding:0; margin:0 0 30px;
	position: relative; border-radius:8px; overflow:hidden; }
.service-thumb::after { 
	width:100%; height:100%; content: '';
	position: absolute; top:0; opacity:0.8;
   background: rgb(87,87,87);
	background: linear-gradient(0deg, rgba(87,87,87,1) 0%, rgba(87,87,87,0.01302527847076329) 24%, rgba(87,87,87,1) 100%);  }
.service-thumb span { 
	width:85%;
	color:#fff;  font-family: "Cairo", sans-serif; font-size:19px;
	position: absolute; bottom:30px; left:25px; z-index: 10; }

.services-slider .service-thumb { 
	margin-bottom:0; }

.services-slider .owl-carousel .owl-nav div { 
	width:45px; height:45px; line-height: 1; padding:10px 0 0;
	background:#1c93cf; text-align: center; color:#fff;
  border-radius:30px; }
.services-slider .owl-carousel .owl-nav div img { width:25px; }


.testimonials-strip { padding:50px 0; }
.testimonials-strip h1 { text-align:center; }
.testimonials-strip p { text-align:center; }

.quote-icon { text-align:center; width:100%; float:left; margin:20px 0 30px; padding:0; }
.quote-icon img { width:16px; } 
.testimonial p {  font-family: "Cairo", sans-serif; }
.testimonial h5 { text-align:center; }
.testimonial h5 span { color:#666; }



.brands-strip { background:#f8f8f8; }

.projects-strip {}
.projects-strip h1 { text-align: center; }
.projects-strip p { text-align: center; }

.project-left-thumbs { width:100%; margin:0; padding:0; }

.projects-strip img { }
.project-thumb { margin-top:30px; }
.project-thumb img { 
	width:100%; height:200px; border-radius:8px;
  object-fit: cover; object-position: center; }
.vertical-project img {}

@media(max-width:575px){
	.project-thumb img { max-height:400px; }
}


/* ---------------------------- */
/* INNER PAGE ----------------- */
.inner-banner {
	width:100%; float:left; max-height: 300px; 
	overflow: hidden; }
.inner-banner img {
	width:100%; flaot:left; clear:both;
	object-fit: cover; object-position: center; }
.inner-page {
	width:100%; float:left; 
	margin:0; padding:40px 0 40px; }


/* SERVICES ------------------------- */
.service-row {
	margin-bottom:30px; }
.service-content h3 { 
	margin:0 0 20px;
	text-transform:capitalize; }

/* PROJECTS ------------------------- */
.projects-block {
	width:100%; float:left; clear: both;
	margin:0 0 30px; padding:0 0 5px; }
.projects-block a img { 
	border:none; outline:none; }
.projects-block h6 { 
	width:100%; float:left; margin:10px 0 10px; padding:0;
  text-transform: capitalize; font-size:20px; }
.projects-block h6 span {}
.projects-block h6 strong {}

/* NEWS -------------------- */
.news-title { 
	background:#fff; padding:30px 30px 0;
	width:100%; float:left; clear:both; }
.news-title :is(h1, h2, h3, h4, h5, h6) {
	margin:0 0 20px; }
.news-title ul  { 
	list-style: none; margin:0 0 20px; padding:0;}
.news-title ul li { 
	float:left; position: relative; text-align: left;
  margin:0; padding:0 10px; display:inline-block; }
.news-title ul li:first-child { padding-left:0; }
.news-title ul li::before {
	font-size:10px; font-weight:900; color:#979797;
	content:'\f105'; position:absolute; top:1px; right:-2px; }
.news-title ul li:last-child::before { display:none; }
.news-title ul li a {  
	color:#979797;
  text-decoration: none; outline:none; }
.news-title ul li a:hover {}

.news-fullblock-image {
	margin-bottom:30px; }
.news-content { 
	margin:0; padding:30px;
  background:#fff; }

.newspage { 
	padding:40px 0; margin:0; background:#eee; }

.news-thumb { 
	width:100%; float:left;
	padding:0; margin:0 0 30px; }
.news-thumb img { 
	border-radius: 6px; 
	width:100%; height:240px;
	object-fit:cover; object-position:center; }
.news-thumb a {
	font-size:16px; color:#222222; 
	font-family:  font-family: "Cairo", sans-serif; }
.news-thumb a:hover { 
	color:#1d96d3; }

.news-thumb a img { 
	border:2px solid #eee; 
	transition: all 0.5s ease-in-out 0.5s; }
.news-thumb a:hover img { 
	border:2px solid #1d96d3;}

.news-thumb-img { 
	width:100%; float:left; margin:0 0 15px;
	position: relative; }
.news-thumb span { 
	background:#1d96d3;  font-family: "Cairo", sans-serif;;
	position: absolute; bottom:20px; left: 2px; 
	margin:0; padding:10px;
	display: inline-block; font-size:12px;
	text-transform: uppercase; color:#fff; }


.realeted-news {
	background:#fff; padding:40px 0; }
.news-slider {}
.releated-thumb { 
	width:100%; float:left;
	padding:0; margin:0 0 30px;
	position: relative; border-radius:8px; overflow:hidden; }
.releated-thumb::after { 
	width:100%; height:100%; content: '';
	position: absolute; top:0; opacity:0.8;
	background: rgb(241,241,241);
	background: linear-gradient(180deg, rgba(241,241,241,0) 0%, rgba(0,0,0,0.8) 100%); }
.releated-thumb span { 
	margin:0; padding:20px 20px 0; overflow: hidden;
	width:100%; max-height:100px; line-height: 1.2;
	color:#fff; font-family:  font-family: "Cairo", sans-serif; font-size:16px;
	position: absolute; bottom:20px; left:0px; z-index: 10; }


/* contact ------------- */
.contact-block {
	width:100%; float:left; 
	margin:0 0 30px; padding:50px 20px 50px;
	text-align: center;
	background:#eee; border-radius: 6px; }
.contact-block i { font-size:60px; }
.contact-block svg { color:#888; font-size:20px; margin:0 0 15px; padding:0; }
.contact-block h6 { color:#555; }
.contact-block a { color:#666; text-decoration: none; font-size:13px; }
.contact-block a:hover {}


/* what we do ---------------- */
.whatwedo-block { margin-bottom:30px; }
.whatwedo-block-image {
	width:100%; float:left; clear:both;
	position: relative;
}
.whatwedo-block-image img {
	width:100%; float:left; height:300px; 
	object-fit: cover; object-position: center;
	overflow: hidden; background:#eee;
}
.whatwedo-block-image::before {
	width:100%; height:80px; position: absolute; bottom: 0;
	background:red; display: block;
	content:''; z-index: 2;
	background:url(../images/image-stroke-pattern.png) left;
}
.whatwedo-block h5 { text-align: left; }
.whatwedo-block p { text-align: left; }
.right-content-web h5 { text-align: right; }
.right-content-web p { text-align: right; }

@media(max-width:767px){
	.whatwedo-block-image img { height:250px;}
}
@media(max-width:575px){
	.right-content-web h5 { text-align: left; }
.right-content-web p { text-align: left; }



}



.whatweIntro {
	width:100%; float:left; clear:both;
	background:#00338a; color:#fff;
	margin:0; padding:40px;
	border-radius:5px;
}
.whatweIntro p { 
	color:#fff; padding:0; margin:0;
	text-align: center;
  font-style:italic; font-size:16px; }




  @media(max-width:575px){

  .banner-caption {
 
    top: 50px;
 

}
.intro-content h1 {
    
    font-size: 72px;
    
}

  }