body {
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	font-size: 15px;
	color: #777777;
	direction:ltr;
}
p{
	text-align:justify;
}
a{
	text-decoration:none;
	color:#05558c;
}
a:hover, a:active, a:focus{
	color:#7fb401;
	text-decoration:none;
}
ul{
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
}
li{list-style:none;}
.clr{ clear:both;}


/*hazem*/
/*.logo-area{border-top: 4px solid #05558c;}*/
.logo-area>.container{position: relative;}
.language-link a{
	background: #05558c;
	color: #FFFFFF;
	border-radius: 0 0 6px 6px;
	padding: 0 10px 0;
}
.language-link a{
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 99999999;
}




.logo-header{
	text-align:center;
}
.logo-header a img{
	margin:4px auto;
    max-height: 108px;
}
.navbar-form{
	padding:4px 15px;
	text-align:center;
}
.navbar-form .form-group{display:inline-block;}
.navbar-form button{margin-top: -2px; margin-left: -3px;}
.form-control{
	border-radius:0;
}
.navbar-form .btn-default{
	border-radius:0;
    background-color: #05558c;
    border-color: #05385a;
	color:#FFF;
}
.social-media-header{
	text-align:center;
	margin-bottom: 8px;
    margin-right:10px;
}
/*hazem*/
.social-media-header a{
	/*margin:0 5px;*/
	margin:0 0px;
}
.company-title{
	font-size:30px;
	color:#05558c;
}




.navbar-nav{
	margin:1px 0 0;
	direction:ltr;
	text-align: left;
}

.navbar {
	min-height: 20px;
	border: none;
	z-index: 9;
	box-sizing: border-box;
	text-transform:uppercase;
	margin:0;
}
.navbar-brand{ height:auto; padding:8px; float:left;}
.navbar-default{background-color:#05558c; direction:rtl; text-align:center;}
.navbar-toggle{
	float:none;
	margin: 13px auto;
	border:none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #7fb401;
}
.navbar-toggle .icon-bar {
    width: 28px;
    height: 3px;
    border-radius: 1px;
}
.navbar-nav>li>.dropdown-menu{ margin-top:23px; padding-right:36px;}
.dropdown-menu>li>a{
	color:#05558c;
}
.navbar-default .navbar-nav>li>a{color: #05558c;font-size:16px;line-height:30px;text-align: left;padding-bottom: 5px;padding-top: 5px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#7fb401;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#7fb401;
	background:none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color:#7fb401;
	background:none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ text-align: left; font-size:14px;}
.dropdown-menu li{position:relative;}
.dropdown-menu li:after{
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: #7fb401;
    padding-left: 25px;
    position:absolute;
    left: -15px;
    top:2px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #ecf7ff;background-color: #ecf7ff;}
.nav>li{border-bottom: 1px solid #b1dfff;}
.nav>li:last-child{border-bottom: none}
.navbar-collapse{padding-right: 0; padding-left: 0}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #7fb401;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #05558c; background-color: transparent;
}
.navbar-default>.container{padding-right:0;padding-left: 0px;}
.navbar-header{float: left;}

.menu-word{
	display:inline-block !important;
}
.menu-word a{color:#FFF;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin-left: 0;
}
.divider{background-color: #ecf7ff !important;}

.slider-caption{
	position:absolute;
	max-width:360px;
	left:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	padding:18px 22px;
	color:#FFFFFF;
}
.slider-heading{
	font-size:22px;
	margin-bottom:18px;
}
.slider-heading a{
	color:#7fb401;
}
.slider-heading a:hover{
	color:#FFFFFF;
}



.section{
	/*padding:30px 0;*/
	overflow:hidden;
}

.ibex-heading{
	text-align: center;
    font-size: 22px;
    color: #05558c;
    padding-bottom: 0;
    background: url(../images/sep.png) bottom center repeat-x;
    margin: 0 auto 15px auto;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
}
.about-txt{
	margin-top:20px;
}
.about-factories{
	margin-top:20px;
}
.panel-default>.panel-heading{
	background:#05558c;
	color:#FFFFFF;
	border:1px solid #05558c;
	border-radius:0;
}
.panel-body p{ max-height:180px; overflow:hidden;}
.panel-group .panel+.panel{ margin:0;}
.panel{ border-radius:0;}
.panel-title a, .panel-title a:hover, .panel-title a:focus, .panel-title a:active{ color:#FFFFFF;}


.more-btn{
	width:100%;
	text-align:center;
	margin:15px 0;
}

/* Ujarak */
.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #7fb401;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
	border-radius: 2px;
}
.button--ujarak.button--inverted::before {
	background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	color: #fff;
	border-color: #7fb401;
}
.button--ujarak.button--inverted:hover {
	color: #05558c;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Common button styles */
.button {
	display: inline-block;
	margin: 0 auto;
	padding: 5px 15px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}


/* Borders */
.button--border-thin {
	border: 1px solid;
	border-color:#05558c;
	color:#05558c;
}

.products-section{
	background:#ecf7ff;
	border-top:6px solid #05558c;
	border-bottom:6px solid #05558c;
}
.product-box{
	overflow:hidden;
	border-radius:12px;
	position:relative;
	margin-top:30px;
}
.product-caption{
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	overflow:hidden;
	padding:24px;
	background:rgba(255,255,255,.7);
	transition:ease-in-out .2s;
	text-align:left;
}
.product-box:hover .product-caption{
	height:120px;
}
.farms-section .product-caption{
	height:48px;
	padding:12px;
}
.farms-section .category-name{
	margin-bottom:10px;
}
.farms-section .product-box:hover .product-caption{
	height:90px;
}
.category-name{
	color:#333333;
	font-size:19px;
	margin-bottom:20px;
}
.products-section .more-btn{
	margin-top:60px;
}

.farm-box{
	border-radius:0;
}


footer{
	background:#05558c;
	padding:30px 0 24px;
	text-align:center;
}
footer a{
	color:#FFFFFF;
	transition:ease-in-out .1s;
	opacity:.7;
}
footer a:hover, footer a:active, footer a:focus{
	opacity:1;
	color:#FFFFFF;
}
.footer-nav ul{
	margin:0;
    padding-start: 0px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
}
.footer-nav ul li{
	display:inline-block;
	list-style:none;
	margin:0 10px;
}
.social-media a{
	margin:0 12px;
}
.designed-by{
	color:#06cce2;
	font-size: 13px;
}
.footer-nav, .social-media, .designed-by {margin:15px 0;}

.inner-product-img{
	text-align:center;
}
.inner-product-img img{
	max-height:280px;
	margin:10px auto 30px;
	border:4px solid #D8D8D8;
	outline:1px solid #C8C8C8;
}

.carousel-control.left, .carousel-control.right{
	background:none;
	color:#05558c;
}
.inner-heading{
	text-align: center;
    color: #05558c;
    font-size: 20px;
    margin-bottom: 10px;
}


.contact-form input, .contact-form textarea{
	width:100%;
	background:#dff2ff;
	padding:5px 15px;
	margin:5px 0;
	border:1px solid #b7e2ff;
}
.contact-details{
	font-size:15px;
}
.contact-details span{
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
}

.map-wraper{
	overflow:hidden;
}
.map-wraper iframe{
	border:none;
	margin:-100px auto;
}
.contact-factory{
	background:#f3f3f3;
	border:1px solid #CFCFCF;
	padding:15px;
	margin-bottom: 15px;
}
.inner-img{
	width:100%;
	height:225px;
    /*hazem*/
	/*background:url(../images/inner-img.jpg);*/
    background-position:center;
	background-size:cover;
	background-attachment:inherit;
}
.event-caption{
	padding: 0 15px;
    background-color: #e1f5ff;
    display: -webkit-inline-box;
}
.event-title{
	height:62px;
	overflow:hidden;
	margin-top:10px;
}

.inner-pro-box{
    /*hazem*/
	padding-bottom:10px;
	border-bottom:1px dashed #9e9e9e;
	margin-bottom:10px;

    /*padding-bottom:40px;
	border-bottom:1px dashed #D7D7D7;
	margin-bottom:24px;*/
}
.inner-pro-box img{
    /*hazem*/
	max-height:140px;
	/*max-height:230px;*/
	margin:0 auto;
}
.inner-pro-box:last-child{
	padding:0;
	border:none;
	margin-bottom:0;
}
.ibex-inner-heading{
	font-size:20px;
	margin-bottom:24px;
	text-align:center;
	color:#7fb401;
}
.pro-txt a{
	font-size:18px;
	margin:24px 0;
	display:block;
	text-align:center;
}
.pro-txt p{
	position:relative;
}
.pro-read-more{
	display:inline-block !important;
	font-size:14px !important;
    position: absolute;
    bottom: -55px;
    right: 0;
}
.margin-btm{
	margin-bottom:30px;
}




.navbar-left2{float: right !important;margin-top: 15px;}

.nav-tabs{
	float:right;
}
.nav-tabs li{
	float:none;
	margin:0 0 0 1px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
    border-left-color: transparent;
}

.manager-pic{
	max-height:290px;
	margin:0 auto 30px;
}
.manager-name{
	text-align:center;
	font-size:14px;
	margin:-30px auto 30px;
	color:#05558c;
}
.section-about-inner{
	margin-bottom:48px;
}

.pull-left{float:none !important}


/* Naira */
.button--naira {
	padding: 0;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--naira::before {
	content: '';
	position: absolute;
	left: -50%;
	width: 200%;
	height: 200%;
	background: #05558c;
	top: -50%;
	z-index: -1;
	-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
	transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.button--naira.button--inverted::before {
	background: #7986cb;
}
.button--naira-up::before {
	-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
	transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.button--naira > span {
	display: block;
}
.button--naira .button__icon {
	position: absolute;
	top: 8px;
	width: 100%;
	left: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--naira-up .button__icon {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira > span,
.button--naira .button__icon {
	padding: 7px 17px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	text-align:center;
}
.button--naira:hover::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation: anim-naira-1 0.3s forwards ease-in;
}
.button--naira-up:hover::before {
	-webkit-animation: anim-naira-2 0.3s forwards ease-in;
	animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@-webkit-keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
.button--naira:hover {
	background-color: #05558c;
	-webkit-transition: background-color 0s 0.3s;
	transition: background-color 0s 0.3s;
}
.button--naira.button--inverted:hover {
	background-color: #7986cb;
}
.button--naira:hover .button__icon {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--naira:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira-up:hover > span {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.download-btn{
	text-align:center;
	margin-top:36px;
}

.breadcrumb{
    background-color: #e1f5ff;
}
.important-body{
	border:1px solid #B8B8B8;
	border-bottom:none;
}
.important-body li{
	padding:5px 15px;
	border-bottom:1px solid #B8B8B8;
}
.margin-top{
	margin-top:30px;
}
.inner-event-video{
	margin:0 auto 30px;
	max-width:540px;
}
.category-padge{
	position: absolute;
	top: 0;
	Left: 0;
	background: rgba(0,0,0,.7);
	padding: 5px 10px;
	color: #FFFFFF;
}


/*hazem*/
.SwitchLangaugeArabic {
    font-family:'AlHurraTxtreg';
    color: #7fb401;
    border: 1px solid #7fb401;
    border-radius: 0px 5px 0px 5px;
    padding: 0px 8px 0px 8px;
    font-size: 13px;
    margin-left: 18px !important;
    }
/*hazem*/
.SocialMediaImgCustom{
    width:24px;
    height:24px;
}










/* responsive part */
@media(min-width:768px){
    /*hazem*/
    .SwitchLangaugeArabic {
    color: white;
    border: 1px solid white;
    font-size: 16px;
    }
.navbar { border-radius: 0;}
.navbar-nav>li{ float:none; display:inline-block;}
.navbar-nav>li>a { padding-top: 0; padding-bottom: 0;}
.navbar-nav { float:left; display:inline-block; margin:24px 0;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ text-align: left;}
/*.navbar-brand img{ height:100px;}*/
.navbar-left{ display:inline-block; float:none !important;}

.navbar-form, .company-title{ padding:10px 0; text-align:center; margin-top:48px;}
.navbar-form{padding:10px 15px;}
.logo-header{ text-align:right;}
.logo-header a { margin: 14px 0;}
.logo-header a img{ margin:4px 0;}
.social-media-header{margin-top:24px;}
.navbar-nav>li>.dropdown-menu{padding-right:0;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #FFFFFF; background-color: #05558c;
}
.nav>li{border-bottom: none}
	.navbar-default .navbar-nav>li>a{padding-bottom: 0; padding-top: 0; color:#FFFFFF; }

    /*hazem*/
/*.section{padding:60px 0;}*/
.section{padding:30px 0;}
/*.ibex-heading{margin-bottom:30px;}*/
.pro-txt a{margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ float:left; background-color:transparent;}
.navbar-left2{ margin-top:0;}
.pro-txt a{ text-align:left;}
.company-title{ font-size:24px;}
.menu-word{display:none !important;}

.dropdown-menu li{list-style-type: none; margin-right:0;}
.dropdown-menu li:after{display:none;}

.farms-section .product-caption{height:70px;padding:24px;}
.farms-section .product-box:hover .product-caption{height:120px;}
.farms-section .category-name{margin-bottom:20px;}
.divider{background-color: #333;}
.pro-read-more{bottom: -35px;}
	.navbar-form button{margin-top: 0;}
}
@media(min-width:992px){

.footer-nav, .social-media, .designed-by {margin:0;}

.ibex-inner-heading{ text-align:right;}
.navbar-left{ float:right !important;}
.pull-left{float:left !important}
.company-title{ font-size:30px;}
.inner-img{ background-attachment:fixed;}
.inner-img{height:300px;}
}
@media(min-width:1200px){

}