body {
    padding-top: 0px;
     font-family: verdana, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
	color: #000;
}
a:hover, a:visited{color: rgb(51,51,51)}
.carousel .glyphicon-chevron-left,
.carousel .glyphicon-chevron-right {
	font-size: 45px;
	color: #FFF}
.news .iframe-container{ padding-top: 60.25%;}

.africa{  font-size:50px;
    margin-top:80px;
    font-family: verdana, sans-serif;
    text-transform: normal;
    font-weight: 600;
    color:#CCCCCC;
}
.links-africa24 {
    padding-top: 0px;
    font-family: verdana, sans-serif;
    font-size:18px;
    font-weight:300;
	color: #000;
}
.bak-greey-top{  
	background-color: #f8f9fa!important;
	margin:0px;
	padding: 20px;
	min-height:280px;

}
.links-menu {
    padding-top: 0px;
        font-family: 'Assistant', sans-serif;
    font-size:17px;
    font-weight:400;
    line-height: 1.6;
	color: #333;
}
.bak-greey{  
	background-color: #f8f9fa!important;
	margin:0px;
	padding: 18px;
	padding-bottom: 15px;
	min-height:305px;
border: 1px solid rgba(63,53,44,0.1);
}

.africa-1{  font-size:26px;
    margin-top:10px;
    text-transform: normal;
    font-weight:400;
    color:#000;
}

.africa-3{  font-size:24px;
    margin-top:10px;

	padding-top: 10px;
	height:80px;
	outline:#000; 
    text-transform: normal;
    font-weight:400;
    color:rgba(222,76,0,1.00);
}

.africa-3bc{  
	font-size:18px;
    margin-top:10px;
padding-top: 10px;
	height:80px;
	outline:#000; 
    text-transform: normal;
    font-weight:400;
    color:rgba(222,76,0,1.00);
}
.more{  font-size:15px;

	padding-left:0px;
	padding:60px 0 40px 0;
    font-weight:500;
    color: rgba(222,76,0,1.00);
}

.navbar-inverse .navbar-nav > li > a {color: #fff;
    font-size:18px;
    margin-right: 0px;
    text-transform: none;
	font-weight: 300;
    font-family: verdana, sans-serif;
    margin-bottom: 5px;
    margin-top:0px;}

.africa2 a { 
    font-size:19;
line-height: 1.4;
    color:#001245;
	margin-bottom: 15px;
	
}

.africa3{ 
	font-family: verdana, sans-serif;
    font-size:15px;
    line-height: 1.4;
    color: #585858;
}
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe,  .iframe-container2 iframe{
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.iframe-container2 {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}
	.key-figures{
		background-color:rgba(50,67,84,.9);
		color:rgb(255,255,255);
		width:100%;
		padding: 25px;}
		.key-figures .h1{margin-bottom:0;
		padding-top: 0;
		line-height: 1.1;}
		.key-figures .timer{
			font-size:35px;
			color:rgb(255,255,255);
			}
		.key-figures span{
			font-size:18px;
			color:rgb(255,255,255)}
		.key-figures p{
			color:#E0E0E0;
			font-size:21px;
			font-family: 'Assistant', sans-serif;
			margin: 0 0 15px;}
		
	
	.about p, .about h1 {
	color:#717171;
	font-family: verdana, sans-serif;}
	.about .more{padding:10px 40px;
	border: 1px solid rgb(194,20,27);
	margin-left: 0;
	
	font-size:17px;
	margin-top:10px}
	.about a .more {color:rgb(194,20,27);}
	.about .more:hover{background-color: rgba(50,67,84,.9);
	border: 1px solid rgba(50,67,84,.9);}
	.about a .more:hover{color:rgb(255,255,255);}
	.news1 {background-color:#5F5F5F;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 40px;
	font-size: 14px}
	.news1 h1{font-size: 40px;
	margin-top:0}
	.news1 h2{font-size: 30px;
	margin-top:0;
	color: #fff}
	.news1 .pro{font-size: 20px;
	color: #fff;
	text-transform:none}
	.news1 .pro2{font-size: 16px;
	color: #fff;
	text-transform:none}
	.news1 .date{font-size: 12px;
	margin-bottom:15px}
	.txt{padding-left:30px;
	padding-top: 20px}
	.news1 .more, .news1 .more3{color: #fff}
	.more3{  font-size:15px;
	padding-left:0px;
	padding:30px 0;
    font-weight:500;
    color: rgba(222,76,0,1.00);
}
	.txtright{padding-right:30px;}
	.products, .holder, .zoom, .zoom img:hover, .zoom-hover, .zoom-out, .zoom img, .contact img, .join img, .events .event .caption, .news-section .news .caption, .product, .product:hover{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}

.contact h2, .join h2 {
    color: rgb(51,51,51);
    font-size: 23px;
}

h2 {
   font-family: verdana, sans-serif;
    text-transform: uppercase;
    color: #333;
}
.contact, .join {
    background: rgb(255,255,255);
    overflow: hidden;
    margin: 40px 0;
    position: relative;
    padding: 10px 0 10px 10px;
    min-height: 150px;
    font-size: 14px;
    color: #333;
}
.contact i {
    margin-top: 25px;
    color: rgb(240, 89, 42);
}
.fa-4x {
    font-size: 4em;
}
h2 {
    font-size: 27px;
    font-weight: 500;
}

.products{
	font-size: 16px;
	color: rgb(51,51,51);
	margin-top: 50px;
	margin-bottom: 30px;
	background-clip: content-box;

	}
.holder {
	 perspective:600px;
	 transform: perspective(600px);
	 overflow:hidden;
	 margin-bottom: 30px;
	}
	.news .holder{margin-bottom:0}
.zoom {
	perspective:600px;
	border-radius: 5px;
	cursor: pointer;
	}
.zoom img:hover{
	-webkit-transform: translate3d(0,0,100px);
	-moz-transform: translate3d(0,0,100px);
	-ms-transform: translate3d(0,0,100px);
	-o-transform: translate3d(0,0,100px);
	transform: translate3d(0,0,100px);}	

.zoom-hover {
	-webkit-transform: translate3d(0,0,100px);
	-moz-transform: translate3d(0,0,100px);
	-ms-transform: translate3d(0,0,100px);
	-o-transform: translate3d(0,0,100px);
	transform: translate3d(0,0,100px);}
.zoom-out {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
	.expand{background:rgb(204,204,204);
	opacity: 1;
	transition: 0.3s;}
	.expand:hover {width:100%}
	.expand:hover img{	
	opacity: 0}
.products .caption{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(51,51,51,.8);
	color:rgb(255,255,255);
	right:0;
	height:50px;
	padding-left:20px
}
.products .caption p{
	padding: 0 15px 15px 30px;
	text-transform:uppercase;}
.red-line {
	width:5px;
	height:100%;
	background-color: rgb(194,20,27);
	position: absolute;}
	.red-line2 {
	width:5px;
	height:200px;
	background-color: rgb(194,20,27);
	position: absolute;}
	.white-line {
	width:5px;
	height:50px;
	background-color: rgb(255,255,255);
	position: absolute;}
	.grey-line {
	width:5px;
	height:200px;
	background-color:#717171;
	position: absolute;}
	/*.events .holder:hover .caption{width:100%;
	opacity:1}

	.events .holder:hover .certificates{
		display:block;
		width:300px}*/
	.events{margin-bottom:50px}
	.events .caption{
	background-color:
	rgb(194,20,27);
	opacity:.8;
	position: absolute;
	width:45%;
	height:100%;
	top:0;
	left:0;
	color:rgb(255,255,255);
	padding:15px;
	font-size: 15px}
	.events .event{
		position:relative;}
	.events h2{font-size:30px;
	    margin-bottom: 30px;}
	.safety, .certificates{
			float: left}
	.safety{width: 180px}
	.certificates{display:none;
	width:45%;
	position:absolute;
	right:40px;
	top: 40px;
}
	.certificates img{margin:10px;
	margin-left:20px;
	border: 1px solid #fff;}

/* .red-line:hover {width: 100%;}*/

.contact img{
	float:right;
	transform:rotate(0deg);
	bottom:10px;
	position:absolute;
	right:-5px
}
.join img{
	float:right;
	transform:rotate(-20deg);
	bottom:10px;
	position:absolute;
	right:0
}
.contact h2, .join h2{
	float:left;
	margin-top:16px;
	color:rgb(51,51,51);
	font-size:28px}

	.contact h2 div{
		color:rgb(194,20,27);
		display:inline-block}
	.contact h2 span{
		font-size:15px;
		text-transform: none;}		
			.join div a{
		color:rgb(194,20,27);
		font-size:25px;
		font-weight: 500;
		display: block}
	.contact, .join{background: #fff;;
	overflow:hidden;
	margin-bottom:10px;
	position:relative}
	.food-safety{
		background:url('../images/safety.jpg') no-repeat fixed;
		padding:30px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
}
	.person, .more-person{
		border: 1px solid rgb(204,204,204);
		margin-bottom:40px;
}
.person p{padding:5px;
font-size:16px}
.person span{
	font-weight:bold;
	color:rgb(194,20,27);
	font-size:17px}
	
.more-person:hover{
		background-color: rgba(50,67,84,.9);

}
.more-person h3{
	color:rgb(153,153,153);
    text-align: center;}
.more-person:hover h3{color: rgb(255,255,255)}
.person a:hover{color: rgb(255,255,255);}
.news{margin: 150px 0;
}
.news h1{margin-bottom: 50px}
.news p {
	border-left: 5px solid rgb(194,20,27);
	padding:10px;
	margin-top:10px;
	font-size:16px;
	}
	.news a:hover{color: rgb(194,20,27);}
	.news a:hover p{border-left: 5px solid #383838;}
	.news-section{
		background:rgb(244,244,244);
		padding: 30px 0 70px}
	.news-section .news p{font-size:14px;}
	.news-section .news{background:rgb(255,255,255);
		position:relative;
		margin:0 0 40px 0}
		.news-section .news img{
			padding-bottom:100px}
	.news-section .news .caption{
		position:absolute;
		bottom:0;
		background:rgb(255,255,255);
		height:100px;
		overflow:hidden}
		.news-section .news .caption div{
		display:none;
		padding: 0 20px}
		.news .arabic {
			text-align: right;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 17px;}
	.photo-gallery{
		margin-bottom:50px;
		position: relative;}
	.photo-gallery .caption {
    position: absolute;
    bottom: 20%;
    background-color: rgba(255,255,255,.9);
    z-index: 9999;
	padding: 0 30px;
	border-left: 5px solid rgb(194,20,27)
}
.photo-gallery .caption p {
    
    color: rgb(0,0,0);
    font-size: 18px;
}
.about-page{padding-top:45px}
.text{padding:50px;}
.about-page h2, .products-page h2{
font-size: 22px;
margin-top:50px;
color: rgb(194,20,27)}
.about-page h1, .products-page h1{border-bottom: 2px solid rgb(194,20,27);
font-weight:300;
font-size:35px}
.subtitle{color: rgb(58, 56, 56);
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: bold;
}
.img{padding-right: 0;
	padding-left: 0;}
.values div{padding: 10px;
text-transform:uppercase}
.values div:hover{background-color:rgb(233,233,233);
color:rgb(194,20,27);
font-weight:bold}
.product{padding-bottom:10px;
margin-bottom:32px}
.feed .zoom, .column10 .product{margin: 30px}
.product-page .column10{margin-bottom:0}
.product:hover{
	-webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1); 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}

.about-page h2, .products-page h2, .news h2,  .photo-gallery h2 {
    font-size:33px;
	padding-left:0px; 
    margin-top: 0px;
   font-family: verdana, sans-serif;
    text-transform: uppercase;
    font-weight:400;
    color:rgba(222,76,0,1.00);
}
.pro {
	padding-bottom: 20px;
	font-size:30px;
    color: #000;
	text-transform: uppercase;
}

.subtitle {
    color: rgb(153,153,153);
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 400;
}
.h88 {
    font-weight:400;

	line-height:24px;
    color:#2B2B2B;
}
.text8 {
    color: #D50005;
    font-family: verdana, sans-serif;
    font-size: 24px;
}
.top-photos8 {
    margin-top: 50px;
}
	.block img{
		float: left;
		margin-right:20px}
	.contact-page img {
		vertical-align: top;}
	.hotline{
		color: rgb(194,20,27);
		display: inline-block;
		font-weight: bold;}
/*start loading spinner*/
.loading {background:rgb(255,255,255);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;}
.loading-spinner {
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%) translateZ(0);
    top: 50%;
    width: 200px;
    height: 200px;
    z-index: 1;
    background: url('../images/logo.png') center no-repeat;
    background-size: contain;
	  /*animation: spinning 1.5s infinite ease-in-out;*/
	  display:none
}

.loading-spinner:after {
	content:"";
	position:absolute;
	width:230px;
	height:230px;
	background-color:rgba(0,0,0,0);
	border-radius:100%;
	margin:-15px;
	box-shadow: 0 4px 0 0 #000;
	transition: all 1s linear;
	animation: lds-eclipse 1s linear infinite;
}



@keyframes spinning {
	0% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
	50% { transform: translate(-50%,-50%) scale(1.1) translateZ(0);}
	100% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  
}

/*end loading spinner*/
@media (min-width:768px)
{
.key-figures .col-md-2{width: 20%}}
@media (max-width:767px) 
{
	.food-safety {
    padding: 40px 0;}
	.key-figures .container{
    padding-right: 0;
    padding-left: 0;}
	.key-figures .timer {
    font-size: 18px;}
	.key-figures span {
    font-size: 10px;
}
	.key-figures p {
    font-size: 12px;}
	.about {
    padding: 0;}
	.products {
    font-size: 12px;
	}
	.products .caption p {
    padding: 7px 15px 15px 30px;}
	.contact h2, .join h2 {
		font-size: 18px;}
	.contact h2 div {
    font-size: 30px;
}
	.join h2 a {
    font-size: 15px;
}
	.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size:10px;
    margin-right: 0px;
    text-transform: none;
    font-family: verdana, sans-serif;
    margin-bottom: 5px;
    margin-top: 0px;
}
.news-section .news{
	margin: 10px 0;}
	.news {
    margin: 50px 0;}

.about-page {
   padding-top: 0; 
   
}
.about-page .text {
    padding: 20px;
}
.top-photos8{
	margin-top:30px;}
}

a {
    color: #000;
}
a, a:hover, a:active {
    text-decoration: none;
}
/***********start overiding bootstrap*******/
h1, h2, h3, h4, h5, lead {font-family: verdana, sans-serif;font-color:#c90c0f; }
/*main navbar*/
.h1 {margin-bottom:10px;padding-top:10px;color: #333; line-height:45px;font-family: verdana, sans-serif; }


.h19 {margin-bottom:20px;padding-top:10px;text-transform: uppercase;color: #525252; line-height:45px;font-family: verdana, sans-serif; font-size: 28px; }

.textcover25 {color: #ADADAD; line-height:45px; font-size: 24px; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}    
.carousel-fade .carousel-inner .active {
  opacity: 1;
}    
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}    
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}    
.carousel-fade .carousel-control {
  z-index: 2;
}

/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

.white {background-color:rgba(255,255,255,.4)}



.h1index {margin-bottom:20px;
	padding-top:10px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-weight:100;
	color:#000; 
	line-height:3.7rem;
	font-family: verdana, sans-serif;
	font-size:3.2rem; }

.cover45{
	background-color: #fff;
	 }

.cover77 {
	background-color: #000;
	 }
	 
	.abot {
		height:180px;
		position: relative;
	
	 } 
	 
	 
	 .footer80 {
		 padding-top:0px;
		 padding-bottom:0px;
	background-color:#000;
	 }
	 
	 
.container3 {
  position: relative;
  width: 50%;
  margin-bottom:15px;
  margin-top:15px;
}

.image3 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle3 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container3:hover .image3 {
  opacity: 0.5;
}

.container3:hover .middle3 {
  opacity: 1;
}

.text3 {
  background-color:#D50005;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.text8 {
color:#D50005;
  
}

.text88 {
color:#D50005;
font-size:16px;
  
}


.column10 {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}
.column11 {
  float: center;
  width:20%;
  margin-bottom: 16px;
  padding: 0 8px;
}
.column12 {
  float:left;
  width:30%;
  margin-bottom: 16px;
  padding: 0 8px;
}
/* Display the columns below each other instead of side by side on small screens */

  .column10 {
    width:33%;
	margin-bottom:50px;
    display: block;
  }

.column11 {
    width:33%;
	margin-bottom:50px;
    display: block;
  }
/* Add some shadows to create a card effect */
.card10 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Some left and right padding inside the container */
.container10 {
  padding: 0 16px;
}

/* Clear floats */
.container10::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title10 {
  color: grey;
}

.cont{
  font-size: 14px;
  color:#FFF;
}
.button10 {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
 color: white;
  background-color:#3E3E3E;
  text-align: center;
  width: 100%;
}




.hr {
    margin-top:0px;
    margin-bottom:15px;
    border: 0;
    border-top: 1px solid #D70005;
}
.btn {
  border: 1px solid #D70005;
  background-color: white;
 text-align: center;
  margin-bottom:30px;
  padding:4px 8px;
  font-size:14px;
  cursor: pointer;
}

.bak-gree{background-color: #F4F4F4; padding:20px;}

/* Red */
.danger {
  border-color: #D70005;
  color: #D70005;
  text-align: center;
}

.danger:hover {
  background: #D70005;
  color: white;
}

.language {margin-top:0px;margin-right:10px;background-color: #666;;padding:5px;}

/*active link*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #000;
 background-color:#c90c0f;
}


.widget29 {
    background: #333;
    text-align: center;

}
.chhoose-offtype.row.index_products_block.text-center {
    max-width: 1270px;
    margin: 0 auto;
    padding: 100px 0 20px;
    font-size: 0;
    border-bottom: none;
}

/*active link*/

.navbar-inverse2 .navbar-nav2 > li > a >active {margin-top:0px;background-color:#F00;  color: #3A3A3A;font-size:14px; text-transform: none;font-family: 'Lato', sans-serif;font-weight:100;padding-top:5px; }
/*Brand name*/
.navbar-inverse .navbar-brand {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 40px;
    background-color: rgb(255,255,255);
    padding: 30px 25px 20px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
}
.navbar-inverse a.navbar-brand:hover, .navbar-inverse a.navbar-brand:visited, .navbar-inverse a.navbar-brand:active, .navbar-inverse a.navbar-brand:focus{
	background-color:rgb(255,255,255);
	}
.aside_speaker {
    float: left;
    width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
    border: 1px solid #e6e6e6;
    margin: 0 0 40px;
    position: relative;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.18);
}
.product-info-section__col {
    padding: 0 15px;
    font-size: 18px;
    line-height: 1.61;
}
.product-item {
    background: #fff;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    padding-left:25px;
	padding-top: 25px;
	  padding-right:25px;
    height: 100%;
}

.product-item2 {
    background: #fff;
    border-radius: 4px;
    padding-left:25px;
	padding-top: 25px;
	padding-bottom: 25px;
	  padding-right:25px;
    height: 100%;
}


.hy-honewrap.hy-hone-wr-upd {
	padding-top:60px;
	padding-bottom: 60px;

    margin: 0 auto;
    display: table;
	vertical-align: middle;
}
.banner_main_t .banner-content-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.nwp-rebrand-scope .nwp-rebrand-header .header .cta-button, .nwp-rebrand-scope .nwp-rebrand-header .header_fixed .cta-button {
    margin: 10px 14px 10px 0;
    padding: 10px 15px;
    min-height: 0;
    height: auto;
    outline: 0;
    display: inline-block;
    float: right;
    position: relative;
    color: #fff;
    background: #c90c0f;
    line-height: 16px;
    font-size:16px;
    font-weight: 700;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background-image: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 99;
}
.nwp-rebrand-button, .banner_search_section .autocomplete_holder input[type="submit"], .banner_search_section .autocomplete_holder--no-italic-side-submit input[type="submit"], body .banner_main_t .cta-button, .cta-button {
    background: #c90c0f;
    color: #fff;
    outline-color: #c90c0f;
    text-align: center;
}
.button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
.nwp-rebrand-button, .banner_search_section .autocomplete_holder input[type="submit"], .banner_search_section .autocomplete_holder--no-italic-side-submit input[type="submit"], body .banner_main_t .cta-button, .cta-button {
    background: #c90c0f;
    color: #fff;
    outline-color: #c90c0f;
    text-align: center;
}
.button[role='button'], button {
    border: none;
    -webkit-appearance: none;
}
.topphoto5 {
	margin-top:50px;
	margin-bottom:50px; 
	
}

.toppag25 {
	margin-top:20%;
	margin-bottom:50px; 
	
}

.toppagd {
	padding-left:20px;
	padding-right:20px; }

.top80 {
	padding-left:30px;
	padding-right:30px;
margin-left:40px;
margin-right:40px; }



.toppag22 {
	margin-top:5%;
	margin-bottom:50px; 
	
}

.toppag22a {
	padding-top:1%;
    height: 100%;
	
}
.backabout {
background-image: url(../images/back-about.jpg);
    height: 100%;
	
}

.text6{
	font-size:17px;
	color:#000;
    line-height: 28px;
	text-align: center;
	margin-bottom:25px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight:300;
    font-family: 'Montserrat', sans-serif;
}

.text6-f{
	font-size:20px;
	color: #8B8B8B;
	
    line-height:30px;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.text6c{
	font-size: 1.7rem;
	color:#000;
	font-family: 'Montserrat', sans-serif;
    line-height:3.5rem;
    padding-left: 0px;
	padding-bottom:30px;
    padding-right: 0px;
    font-weight:300;
  
}
.text677{
	font-size:1.7rem;
	color:#000;
	font-family: 'Montserrat', sans-serif;
    line-height:3.5rem;
    padding-left: 0px;
	padding-bottom:30px;
    padding-right: 0px;
    font-weight:300;
  
}

.text6v{
	font-size:1.8rem;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	line-height:2.4rem;
	padding-right:15px;

    padding-left: 20px;
	padding-bottom:30px;
    padding-right: 10px;
    font-weight:300;
  
}
.text56{
	font-size:1.6rem;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	line-height:2.4rem;
	padding-right:15px;

    padding-left: 0px;
	padding-bottom:30px;
    padding-right: 0px;
    font-weight:400;
  
}
.text7{
	font-size:28px;
color: #7F7F7F;
    line-height: 40px;
	padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.text78{
	font-size:28px;
color: #636363;
    line-height: 40px;
	padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 20px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.text7f{
	font-size:28px;
color: #7F7F7F;
    line-height: 40px;
	padding-bottom: 30px;
    padding-left:0px;
    padding-right:0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}


.text7a{
	font-size:22px;
color: #575757;
    line-height:32px;
	padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}


.text6a{
	font-size:17px;
	color: #676767;
	line-height: 25px;
padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.text6b{
	font-size:17px;
	color: #434343;
	line-height: 25px;
padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.text688{
	font-size:18px;
	color:#E9E9E9;
	line-height: 25px;
padding-left: 30px;
    padding-right:30px;
   
}

.line {
    border-bottom: 1px solid #999;
    padding: 0 0 10px;
    text-transform: uppercase;
    color: #111;
    letter-spacing: .015em;
}
.sub a, .sub1 a, .sub2 a {
    color: rgb(51,51,51);
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
}
.stats .stats2 {
    background: rgba(2,2,2,0.7);
    color: #B6B5B5;
    min-height: 300px;
}
.grey {
    padding-top: 0px;
    padding-bottom: 0px;
    color: rgb(141,141,141);
    font-size: 15px;
    font-weight: normal;
}

.textindex23 {
    font-size: 35px;
    color: #c90c0f;;
   font-family: verdana, sans-serif;
    font-weight: 600;
    padding-bottom:10px;
}
.logo2 {
	width:14%;
	
}

.grey-back {
    padding-top: 0px;
	height: auto;
	background: #ededed;
 padding-bottom: 0px;
    
    font-weight: normal;
}
.title-red {
    padding-top: 0px;
    padding-bottom: 0px;
    color:#B00002;
    font-size:20px;
    font-weight: normal;
	font-family: verdana, sans-serif;
}

.title-red2 {
    padding-top: 0px;
	padding-left: 10px;
	padding-bottom:10px; 
    color:#c90c0f;;
    font-size:22px;
    font-weight: normal;
}


.dropdown-prod-item__wrapper a.dropdown-prod-item__header {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
}
.dropdown-prod-item__wrapper a {
    color: #c90c0f;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.dropdown-prod-item__header {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #D7D7D7;
    text-decoration: none;
}
.optoff-whychoose h2.main_block_h, .chhoose-offtype h2.main_block_h, .offoptim-allinclusive h2.main_block_h {
    font-size: 30px;
    font-weight: 50;
    line-height: 1;
    padding: 25px 10px 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    padding-top: 20px;
}
.optoff-whychoose h2.main_block_h:before, .optoff-whychoose h2.main_block_h:after, .chhoose-offtype h2.main_block_h:before, .chhoose-offtype h2.main_block_h:after, .offoptim-allinclusive h2.main_block_h:before, .offoptim-allinclusive h2.main_block_h:after {
    content: "";
    width: 185px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -92px;
    background: #c90c0f;
}
body .banner_main_t {
    display: table;
	padding-top:25%;
	padding-bottom:40px; 
    width: 100%;
    height: 622px;
    text-align: center;
    color: #fff;
 position: relative;
    z-index: 200;
	 vertical-align: middle;
	-moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.egypt{background-color: #F4F4F4;
padding-bottom:50px;
text-align:center}
.timer-sme{font-size:36px}
.timer-overview{font-size:28px}
.units{font-size:18px;
color:rgb(153,153,153)}

.red {padding-top:0px; 
font-size:2.9rem;
color:#CD1014;
font-family: verdana, sans-serif;}

.white {padding-top:0px; 
font-size:2.9rem;
color:#fff;
font-family: verdana, sans-serif;}

.red2 {
 text-align: center;
 padding-top:15px;
 font-weight:400;
font-size:2.9rem;
color:#D70005;
font-family: verdana, sans-serif;}

.red3 {padding-top:0px; 
font-size:2.9rem;
padding-top:15px;
padding-bottom:15px;

 text-align: center;
color:#000;
font-weight:100;
font-family: verdana, sans-serif;}

.textindex{ font-size:1.8rem;font-family: verdana, sans-serif;font-weight: 500;padding-left:15px;padding-right: 15px; }

.textindex2{ font-size:19px; line-height:29px; color: #000; padding-top:10px; font-family: verdana, sans-serif; font-weight:400;padding-bottom:5px; }

.text-ani99{ font-size:45px; color: #fff; padding-top:10px; font-family: verdana, sans-serif; font-weight:500;}

.text100{ font-size:24px; color:#333; padding-top:10px; font-family: 'Dancing Script', cursive; font-weight:200;}
.text100a{ font-size:20px; color:#333; padding-top:10px; font-family: 'Dancing Script', cursive; font-weight:200;}

.text-ani99a{  color: #fff; font-weight:400;
    font-size: 20px; }

.text-ani99b{ font-size:20px; color: #fff;font-family: verdana, sans-serif;}

.textindex2a{ font-size:24px; color: #B00002; font-family: verdana, sans-serif; }


.textindex5a{ font-size:24px; color: #B00002; font-family: verdana, sans-serif;font-weight:500;padding-top:0px; }



.textindex2b{ font-size:16px; color: #000000; font-family: verdana, sans-serif;font-weight:700;padding-top:10px; }

.bak28{background-color: #f9f9f9;

}


.hy-honewrap.hy-hone-wr-upd .honehy {
    padding: 0;
    margin: 0;
    font-weight: 700;
	text-transform:normal;
}
.hy-honewrap.hy-hone-wr-upd .honehy {
    text-align: center;
    font-weight: 500!important;
}
.hy-honewrap.hy-hone-wr-upd .honehy {
    font-weight: 600;
	
}
.hy-honewrap.hy-hone-wr-upd h1, .hy-honewrap.hy-hone-wr-upd p {
    text-align: initial;

}

.banner-content-wrapper.updatedwrapperreskin .autocomplete_holder input.grey-bg-search, .hy-home-map-reskin .banner_search_section .autocomplete_holder input.grey-bg-search {
    background-color: #ededed;
    color: #6a6a6a;
}
.banner-content-wrapper.updatedwrapperreskin .autocomplete_holder input.grey-bg-search, .hy-home-map-reskin .banner_search_section .autocomplete_holder input.grey-bg-search {
    background-color: #ededed;
    color: #6a6a6a;
    background-image: url(../images/bak-search.jpg);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    padding-left: 40px;
}
.baner-sub-header-doubled {
    color: #fff;
    font-size: 17px;
    margin: 30px 0;
    font-weight: 500;
}
.topani{

	top:600px;

}


  
.text-links a{
    color: #000;
	font-weight: 600;
	text-transform: uppercase;
	font-family: verdana, sans-serif;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.5rem;
	top: 0px;
margin-top:20px;
}

.text-links2  a {
    color: #707070;
	padding-top: 10px;
	padding-bottom:15px;
	font-size:1.4rem;
	top: 0px;
}
.text-links3 a{
    color: #000;
	font-weight: 600;
    font-family: verdana, sans-serif;
	padding-top:13px;
	padding-bottom:15px;
	font-size:1.5rem;
	top: 0px;
margin:0;
}
.text-links3a{
    color: #707070;
	font-weight:400;
	padding-top:5px;
	line-height: 22px;
	padding-bottom:5px;
	font-size:1.5rem;
	top: 0px;
margin:0;
}

.more2 {
  margin-top:10px; 
	margin-bottom: 10px; 
	padding-top:10px; 
    font-size:12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #CF0003;
}

.links-small-right {
    color: #535353;
	top:10px; 
	padding-right:0px;
    font-size:13px;
    margin:0;
    font-weight: 500;
}

.links-small2 a{
  padding-left: 15;
	padding-top: 15;
	padding-bottom: 20px;
	padding-right: 15px;
    font-size:14px;
	color:#c90c0f;
    margin:0;
    font-weight: 500;
}


/* jQuery Styles
===================================*/
.navbar-scroll {
	background:#383838;
	padding: 0;
	margin:0;
	color:#000;
	
	
}
.navbar-scroll a {
	background:#383838;
	padding: 0;
	margin:0;
	color:#000;
	
	
}
.nav-dropdown-scroll {
	background: #383838;
	color:#000;
	
}

.contact a{
  color: #FDFDFD;
    font-size:14px;
    font-weight: 500;
}

.use-location-link {
    color: #000;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    margin: 10px 0 0 40px;
    background: transparent;
    border: 0;
    padding: 0;
}

.banner_search_section .autocomplete_holder--no-italic-side-submit input[type="text"] {
    background-color: #fff;
    color: #6a6a6a;
}
.nwp-rebrand-button:hover, .banner_search_section .autocomplete_holder input[type="submit"]:hover, .banner_search_section .autocomplete_holder--no-italic-side-submit input[type="submit"]:hover, .nwp-rebrand-button:focus, .banner_search_section .autocomplete_holder input[type="submit"]:focus, .banner_search_section .autocomplete_holder--no-italic-side-submit input[type="submit"]:focus {
    outline-color: #be1719;
    outline-style: solid;
    background: #be1719;
}
.use-location-link.fake-button {
    position: absolute;
    width:40px;
    height: 44px;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.navbar-inverse .navbar-brand span{color:#BF0003;}
/*drop down Menu*/ 
	
.dropdown-menu {
 background-color:rgba(34,46,58,0.9);
width:auto;
}

/*drop down Links*/
.dropdown-menu > li > a {color:#fff;padding: 6px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#A0171B;
	color:#EAEAEA;
	/*hover effect */
	padding-left:25px;
	/*to make th hover effect smother*/
	-webkit-transition:padding 0.7s ease; 
	-moz-transition:padding 0.7s ease;
	-o-transition:padding 0.7s ease;
	transition:padding 0.7s ease;
}
.dropdown-menu .divider {background-color:rgb(128,0,0);}
.navbar-right .dropdown-menu {left:0px;right:auto;}


/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.dropdown-menu2 {
	background-color:#f6f7f7;
	
	border-top:3px solid rgb(255,0,0);
	min-width: 200px;
}
/*drop down Links*/
.dropdown-menu2 > li > a {color:rgba(74,74,74,1.00);padding: 6px 20px;}
.dropdown-menu2 > li > a:hover, .dropdown-menu2 > li > a:focus {
	background-color:rgb(255,0,0);
	color:#5A5959;
	/*hover effect */
	padding-left:25px;
	/*to make th hover effect smother*/
	-webkit-transition:padding 0.7s ease; 
	-moz-transition:padding 0.7s ease;
	-o-transition:padding 0.7s ease;
	transition:padding 0.7s ease;
}
.dropdown-menu2 .divider {background-color:rgba(130,130,130,1.00);}
.navbar-right .dropdown-menu2 {left:0px;right:auto;padding:10px; }
/*didnt work with explorer
.navbar-nav > li > a {
  padding-top:10px;
  padding-bottom: 25px;
}*/
.home-page.header-homepage .header-global-main-wrapper {
    background: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    background: linear-gradient(to bottom,#000,transparent);
}
.header-global-main-wrapper {
    padding: 17px 40px;
    height: auto;
    position: relative;
    z-index: 9000;
    line-height: 1.375;
    background: none;
	z-index: 1;
    background-color: #fff;
}
.navbar-toggle {margin:20px; margin-top:20px;}
/* carouse */
.carousel-caption {
	padding-bottom:0px;
	padding-right:20px;
	padding-left:20px;
	background:rgba(0,0,0,0.3);
}
.carousel-captiont {
position: absolute;
    right: 10%;
    bottom: 10%;
    left: 10%;
    top: 65%;
    z-index: 10;
    padding-top: 0;
    color: #FFFFFF;
    text-align: center;
    background-color: rgba(0,0,0,.4);
    border-radius: 5px;
}
.carousel-indicators {bottom:0px;}
.carousel-indicators li {
	height:15px;
	width:15px;
	border: 1px solid rgb(102,102,102);
}
.carousel-indicators .active {
	height:17px;
	width:17px;
	background-color:rgb(255,0,0);
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%}
/***********end overiding bootstrap*******/

/* start section about */
.about {padding-top:0px;padding-bottom:0px;
background-color:#F1F1F1}
	
.about span {color:#110A0B;font-size:40px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 30px;}

	
	.test {color:#6A6969;font-size:26px;
	padding-top:0px;padding-bottom:20px;}
	
.redtitel3 {
	color: #BF0003;
font-size:2.2rem;
font-family: 'Lato', sans-serif;}


.about .lead {
	color:#2D2D2D;
	font-size:18px;
	margin-top:25px;
}

/* Display some links to the right */
.navbar-right {
  float: right;
}
.text-balck {
  font-size:24px;
	color:#000000;
    line-height: 1.27;
    font-weight: 400;
}

.text-balck3 {
  font-size:25px;
	color:#000000;
    line-height: 1.27;
    font-weight: 400;
}
.text-large {
  font-size:32px;
	font-weight:bold;
	colo:#fff;
}
/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  .navbar8 {
    padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  .navbar8 a {
    float: none;
    display: block;
    text-align: left;
  }
  .navbar-right {
    float: none;
  }
}
.top_banner_wrapp {
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    position: relative;
    background-size: cover;
    min-height: 650px;
    height: 100%;
    padding: 0;
    /* background-origin: content-box; */
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
    /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6); */
}
.top_banner_wrapp {
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
    background-size: cover;
    min-height: 650px;
    height: 100%;
    padding: 0;
    background-origin: content-box;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
}
.topphoto {
	background: url(../images/img5.jpg) no-repeat center center fixed ;
	height:800px;
-moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
.topphoto2 {
	background: url(../images/6-october-layouts.jpg) ;
	height: 776px;
	
}

.features {
	background-color:#fff;
	padding-top:0px;
	padding-bottom:60px;
}
.feat p {line-height:2em;}
.feat  {margin-bottom: 50px;}
.features .feat span.glyphicon {font-size:30px;margin-bottom:10px;}
.features .feat span.glyphicon hover {color:rgb(255,0,0);}
/* start section about */

/* end testimonials section */
.testimonials {padding-top: 50px;padding-bottom:50px;}
.testimonials .lead {line-height: 2em;margin-bottom:10px;}
.testimonials span {
	font-size:18px;
	font-weight:bold;
	color:rgb(255,0,0);
}
.testimonials .carousel-inner {min-height:160px;}
.testimonials .carousel-indicators {
	position:static;
	width:100%;
	margin-left:auto;
	padding-top:20px;
}
.testimonials .carousel-indicators li{
	text-indent:0px;
	width:80px;
	height:80px;
	opacity:0.5;
	border: 2px solid rgb(255,255,255);
	border-radius:50%; /* Circle*/
	overflow:hidden; /* to let the photo inside the border*/
	margin:5px;
}
.testimonials .carousel-indicators li.active{
	opacity:1;
	width:80px;
	height:80px;
	background:none;
	border: 2px solid rgb(51,51,51);
	border-radius:50%;
	overflow:hidden;
}
.testimonials .carousel-indicators li img{max-width:100%;}
/* start section price table */
.price-table {
	background-color:#F4F4F4;
	padding-top:0px;
	padding-bottom:0px;
}
.price-table66 {
	background-color:#FBFBFB;
	padding-top:0px;
	padding-bottom:0px;
}

.price-table7 {
	background-color:#D50005;
	padding-top:0px;
	padding-bottom:0px;
}

.price-table .price-box{
	background-color:rgb(255,255,255);
	padding:10px;
	border: 0px solid rgb(102,102,102);
	margin-bottom:5px;
}
.price-table .price-box:hover p{
	-webkit-transform:scale(1.1,1.1)rotate(360deg);/*scale to be bigger rotate to rotate */
	-moz-transform:scale(1.1,1.1)rotate(360deg);
	-o-transform:scale(1.1,1.1)rotate(360deg);
	transform:scale(1.1,1.1)rotate(360deg);
	border:2px solid rgb(153,153,153);
}
.price-table .price-box h3{margin:5px 0 15;}
.price-table .price-box p{
	font-size:35px;
	font-weight:bold;
	color:#666;
	width:100px;
	height:100px;
	background-color:rgb(204,204,204);
	border-radius:50%; /* to make a square*/
	line-height:100px; /* to make to text centered in the square*/
	border:2px solid rgb(255,255,255);
}
.price-table .price-box ul{line-height:250%;font-size:18px;}
.price-table .price-box a{margin-bottom:5px;}
/* end section price table */
/* start section our team */
.team {
	background:url("../images/back.jpg") no-repeat center center fixed;
opacity: 0.9;
	width:100%;
	min-height:600px;
}
.team .team2 {
	background:rgba(0,0,0,0.9);
	color:rgb(255,255,255);
min-height:600px;
	padding-top:40px;
	padding-bottom:40px;
}
.team2 .person {margin-bottom:40px; }
/* end section our team */

/* start section suscribe */
.subscribe {
	padding-top:10px;
	padding-bottom:50px;
	background:none;
}

.subscribe5 {
	padding-top:0px;
	padding-bottom:30px;
	background:none;
}


.subscribe .h1 {
	color:#B00002;
	letter-spacing:2px;
	margin-bottom:20px;
}
.subscribe p {margin-bottom:30px;}
.subscribe .form-control {
	border-radius:0;
	margin-right:-5px;
	width:300px;
}
.subscribe button {border-radius:0;}
/* end section suscribe */

/* start section stas */
.stats {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.stats .stats2 {
	background:rgba(2,2,2,0.7);
	color:#B6B5B5;
	min-height:300px;
	
}
.stats3 {margin-bottom:30px; }
.stats9 {margin-bottom:30px;color: #999;font-size:16px;line-height:30px;text-transform: uppercase;    }
.stats3a {color: #BF0003;padding-bottom:15px;
font-size:30px }
.stats3:hover {color:rgba(58,58,58,1.00);	}
.stats3 p{
	font-size:1.6rem;
	font-weight:500;
	margin-bottom:0px;
	background-color: #D10600;
	color:rgb(255,255,255);
	padding-top:5px;
	padding-bottom: 5px;
}
.stats3 {color: #000; padding-top:10px;padding-bottom: 10px;margin-bottom: 15px;line-height:22px; }


.text6d {
    font-size: 15px;
    color: #B1B1B1;
    line-height: 24px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}


.footer_widget {
    background-color:rgba(10,24,37,0.90);
color:#FFF;
    font-size: 13px;
 padding-left:0px;
    padding-right:0px;
	font-weight: 300;
        font-family: 'Lato', sans-serif;
}
.footer-titel {
    color: #fff;
	line-height: 24px;
	    text-transform: uppercase;
    padding-left:0px;
    padding-right:0px;
	font-weight: 500;
      font-family: 'Lato', sans-serif;
}
.footer-text {
    color:#BCBCBC;
	line-height: 24px;
	text-transform:normal;
	padding-left:0px;
    font-size: 14px;

	font-weight: 500;
      font-family: 'Lato', sans-serif;
}
.footer-titel2 {
    color:#999;
    line-height: 20px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight:300;
    font-family: 'Lato', sans-serif;
}
a, a:hover, a:active {
    text-decoration: none;
}

.separator4 {
    height: 1px;
    width:95%;
 margin-bottom: 15px;
	margin-top: 15px;
    background: #A4A4A4;
}

.footer-text25 {
    color: #848484;
    line-height: 20px;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.footer-text26 {
    color: #848484;
    line-height: 20px;
    padding-left: 0px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.contact25 {
	padding-left: 25px;
	padding-right: 25px;
  
}
p29 {
    margin: 0 0 10px;
    font-size: 14px;

    font-family: 'Open Sans', sans-serif;
}

.titel-menu {
    color: #fff;
	margin:20px;
	margin-top:40px;
	margin-left:35px;
	line-height:32px;
	font-weight:none;
	font-size:20px;
	    text-transform: uppercase;
    padding-left:0px;
    padding-right:0px;
  font-family: 'Lato', sans-serif;}
  
.text-menu {
    color: rgb(255,255,255);
	padding-left:10px;
	margin:5px;
	margin-left:35px;
	line-height: 24px;
	font-size:17px;
	    text-transform: none;
    padding-left:0px;
    padding-right:0px;
   font-family: 'Lato', sans-serif;
}
.text-menu:hover {
    color: rgba(255,255,255,.7);}
.menu1 {
	margin:0px;
	width:700px;}
.menu2 {
	margin:0px;
	width:750px;}
	
.menu3 {
	margin:0px;
	width:620px;}
	
	.contact66 {
	padding-right:30px;
	margin-right:20px;
	}
	
.p3 {
    margin: 0 0 10px;
    font-size: 18px;
	color: #000000;
    font-family: 'Open Sans', sans-serif;
}
/* end section stas */
/* start section skills */
.skils {padding-top:40px;padding-bottom:60px;background-color:#EDEDED;}
.skils h3 {font-weight:bold;margin-top:0px;}
.skils .progress {height:30px;}
.skils .progress-bar {
	line-height:30px; /*same as height to center vertically*/
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-indent:10px;/*sto make a space fefore the text*/
}
/* end section skills */

/* start section contact */
.our_contact {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
}
.contact_us {
	background:rgba(2,2,2,0.7);
	min-height:300px;
	color:rgb(153,153,153);
	padding-top:40px;
	padding-bottom:40px;
}
.contact_us p {margin-bottom:40px;}
.contact_us textarea {height:108px;}
.contact_us input[type="text"], .contact_us textarea{
	background:rgba(82,78,78,0.7);
	color:rgb(255,255,255);
	border:none;}
/* end section contact */
/* start section our clients */
.our_clients{
	background:#EEE;
	padding-top:20px;
	padding-bottom:20px;
}
.our_clients2{
	background:#FBFBFB;
	padding-top:20px;
	padding-bottom:20px;
	height:330px;
}
.LANGUAGE {
    font-size: 14px;
    color: #E00003;
    
}

.LANGUAGE25 {
    font-size: 14px;
    color: #000;
	padding-bottom: 15px;
    
}
.our_clients img{
	opacity:0.4;
	filter:alpha(opacity=40);/*for internet explorer*/
	margin-top:20px;
	margin-bottom:20px;	}
.our_clients img:hover {opacity:1;}

/* end section our clients */
/* start section footer */
.footer {
background-color: #222222;
	color:#DBDBDB;
	font-size: 13px;
	padding-top:10px;
}
.footer a{color:#AAA;	}
.footer a:hover {color:#FFF;}
.footer h3 {color:#EB0000;
	letter-spacing:1px;
	margin:30px 0px 20px;}

.footer .three-columns {overflow:hidden;}
.footer .three-columns li{
	width:33.3333%;
	float:left;
	padding:5px 0;
}

.footer .four-columns {overflow:hidden;}
.footer .four-columns li{
	width:25%;
	float:left;
	padding:5px 0;
}
.footer .social-list {overflow:hidden;margin:20px 0 10px;}
.footer .social-list li{
	float:left;
	margin:3px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.footer .social-list li:hover {opacity:1;filter:alpha(opacity=100);}
.footer .img-thumbnail {
	background:rgba(0,0,0,0.2);
	border:1px solid #444;
	margin-bottom:5px;}
.footer .copyright {
	background-color: #000;
padding:15px 0;
	margin-top:30px;
	font-size:18px;
}
.footer span {color:#0895d1;}
/* end section footer */
/* start our grouping system */
.our_contact, .team, .stats {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.footer .social-list li, .our_clients img, .stats3, 
.testimonials .carousel-indicators li.active, 
.price-table .price-box p{
	-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}	
/* end our grouping system */
/* there are 2 ways one to set the min & max width (in this way we have to type all the styles in every media) 
the other is to set min width only (in this case the style set in the first media will go through all other screens unless we overide it)*/
/* Mobiles and Tablets*/
@media (max-width:767px) 
{
	.navbar-inverse .navbar-brand {
	    width: 130px;
		padding: 25px 15px;}
	.navbar-nav > li > a {
		padding-top:10px;
		padding-bottom:10px;
		}
	.titel-menu {
    color: #fff;
	margin-top:0px;
	margin-left:15px;
	line-height:12px;
	font-weight:none;
	font-size:15px;
	    text-transform: uppercase;
    padding-left:0px;
    padding-right:0px;
  font-family: 'Lato', sans-serif;}
  
	.bak-greey {
    background-color: #f8f9fa!important;
    margin: 0px;
    padding: 18px;
    padding-bottom: 15px;
    min-height:350px;
    border: 1px solid rgba(63,53,44,0.1);
}
		.links-africa24 {
    padding-top: 0px;
    font-family: 'Lato', sans-serif;
    font-size:13px;
			text-transform: none;
    font-weight:300;
			font-
    line-height:20px;
	color: #000;
}
	.africa2 a { 
    font-size:16px;
line-height:24px;
    color:#001245;
	margin-bottom: 15px;
	
}
		.red3 {padding-top:0px; 
font-size:2.4rem;
color:#333;
font-weight:100;
font-family: 'Montserrat', sans-serif;}

		.subscribe .form-control{
			margin:20px auto;
		}
		.navbar-fixed-top .navbar-collapse, 
		.navbar-fixed-bottom .navbar-collapse
		{max-height:none;
			
		}
	.red2 {padding-top:0px; 
font-size:2.6rem;
color:#D70005;
font-family: 'Montserrat', sans-serif;}
	.toppag22 {
    margin-top:0px;
    margin-bottom: 50px;
}
.navbar-inverse .navbar-brand {

padding-left:0;
padding-top: 0;
    position: absolute;
    top: 0;
	left:10px;
	background-color:rgb(255,255,255);
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);

}
.abot {
    
    position: relative;
	height:110px;
}	
.toppag22a {
    padding:25px 0;
    height: 100%;
}	

.column11 {
    width:100%;
	margin-bottom:50px;
    display: block;
  }	.p {
    margin: 0px;
    font-size:10px;
    color: #838383;
    padding-bottom: 20px;
}
	.textindex {
    font-size: 16px;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
}
	
	
	.navbar-inverse .navbar-nav > li > a {
    
    font-size:16px;
	 line-height:0.8;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight:0;
}
	.topphoto {
	background: url(../images/img5.jpg) no-repeat center center fixed;

-moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
body .banner_main_t {
    display: table;
    padding-top:50%;
    width: 100%;
    height:100px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 200;
    vertical-align: middle;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.title-red {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #c90c0f;
    font-size: 16px;
    font-weight: normal;
}	
	.navbar {
    position: relative;
	
    min-height: 50px;
    border: none;
}
	.text-links a {
    color: #000;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    top: 0px;
    margin: 0;
}
	.text-links3 a {
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    top: 0px;
    margin: 0;
}
	.footer-text26 {
color: #E00003;
    line-height: 20px;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;

}
	.footer-text25 {
    color: #E00003;
    line-height: 20px;
    padding-left: 0px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.container3 {
  position: relative;
  width:100%;
}

.image3 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle3 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container3:hover .image3 {
  opacity: 0.5;
}

.container3:hover .middle3 {
  opacity: 1;
}

.text3 {
  background-color: #AC1317;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.column10 {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */

  .column10 {
    width:100%;
    display: block;
  }
  .reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
} 

@media (max-width: 767px) {

/* Add some shadows to create a card effect */
.card10 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Some left and right padding inside the container */
.container10 {
  padding: 0 16px;
}
.body {
    padding-top: 0px;
    font-family: 'Lato', sans-serif;
    font-size:11px;
    font-weight:300;
    line-height:1.1;
	color: #333;
}
/* Clear floats */
.container10::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title10 {
  color: grey;
}

.button10 {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #404040;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button10:hover {
  background-color:#B30000;
}
}

/* Small Screen*/
@media (min-width:768px) and (max-width:991px) 
{
	
}

/* Meduim Screen*/
@media (min-width:992px) and (max-width:1199px) 
{
	
}
/* Large Screen*/
@media (min-width:992px) 
{
	
}