﻿/* Page Top margin-bottom: 35px; */

section.page-top {
	background-color: #F2F2F2;
	border-bottom: 5px solid #F7F7F7;
	border-top: 0px solid #FEFEFE;
	
	min-height: 50px;
	padding: 0;
	padding: 20px 0;
	position: relative;
	text-align: right;
}

section.page-top ul.breadcrumb {
	background: none;
	margin: -3px 0 0;
	padding: 0;
}

section.page-top ul.breadcrumb > li {
	text-shadow: none;
}

section.page-top h2 {
	border-bottom: 5px solid #0088CC;
	color: #171717;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	padding: 17px 0px ;
	position: relative;
}

/* Page Top Custom - Create your Own */
section.page-top.custom-product {
	background: #999;
	border-top: 5px solid #888;
}

section.page-top.custom-product div.row {
	position: relative;
}

section.page-top.custom-product p.lead {
	color: #CCC;
}

section.page-top.custom-product img {
	bottom: -20px;
	position: relative;
}

section.page-top.custom-product h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* Header */
header {
	clear: both;
	border-top: 5px solid #EDEDED;
	background: #fff;
	 
	min-height: 90px;
	padding: 8px 0;
	box-shadow:0 1px 5px rgba(0,0,0,0.5);
	-khtml-box-shadow:0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,0.5);
	-ms-box-shadow:0 1px 5px rgba(0,0,0,0.5);
	-o-box-shadow:0 1px 5px rgba(0,0,0,0.5);
	
	 	 
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
}
.nav-pills > li {
    float: right;
	    line-height: 24px;

}
.nav > li {
    display: block;
}
.dropdown-menu {
    background-clip: padding-box;
    display: none;
    float: right;
    font-size: 14px;
    list-style: none outside none;
    min-width: 160px;
    position: absolute;
    z-index: 1000;
}
header > .navbar-collapse > .container {
	position: relative
}

header div.header-top {
	min-height: 40px;
}

header.flat-menu div.header-top {
	margin-top: -8px;
}

  

header div.header-top p {
	float: right;
	font-size: 0.9em;
	line-height: 40px;
	margin: 0;
}

header div.header-top i {
	margin-left: 6px;
	margin-right: 6px;
	position: relative;
 
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 -8px;
    overflow: hidden;
    	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
    text-align: center;
    width: 26px;
	color:#555566;
	    background:  #ffffff ;
}

/* Top Navigation */
header div.header-top nav {
	float: right;
	width: auto;
}

header div.header-top ul.nav-top {
	margin: 7px -15px 0 0;
	min-height: 5px;
}

header div.header-top ul.nav-top li.phone {
	margin-left: 10px;
}

header div.header-top ul.nav-top li a {
	padding-right: 4px;
}

/* Responsive Nav Button */
a.btn-responsive-nav {
	display: none;
}
a.alang {
	display: none;
}

/* Social Icons */
header div.social-icons {
	clear: left;
	float: left;
	margin-top: -3px;
	margin-right: 5px;
	position: relative;
}

header div.search + div.social-icons {
	clear: none;
	margin-right: 10px;
	margin-left: 0;
	margin-top: 13px;
}

body.sticky-menu-active header div.social-icons {
	margin-top: -1px;
}

/* Header Container */
header > div.container {
	height: 100px;
	margin-bottom: -35px;
	position: relative;
	display: table;
	max-width: 1170px;
	width:100%;
}

header.flat-menu > div.container {
	height: 91px;
	margin-bottom: -82px;
}

body.boxed header.flat-menu > div.container {
	height: 109px;
	margin-bottom: -100px;
}

body.boxed header.flat-menu.colored > div.container {
	height: 115px;
}

 

/* Search */
header div.search {
	float: left;
	margin: 14px 15px 0 0;
	position: relative;
}

header div.search input.search:first-child {
	 
	width: 170px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 30px;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
}

header div.search input.search:focus {
	width: 220px;
	border-color: #CCC;
}

header div.search button.btn-default {
	border: 0;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	color: #CCC;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	 padding: 2px 6px;
}
header div.search button.btn-default  i{
	 
	 
	 color: #CCC;
}

/* Logo */
header h1.logo {
	margin: 0;
	 
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	color: transparent;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
}

header h1.logo a {
	position: relative;
	z-index: 1;
}

header h1.logo img {
	position: relative;
	color: transparent;
}

/* Navigation */
header nav {
	float: left;
}

header div.nav-main-collapse,
header div.nav-main-collapse.in {
	overflow-y: visible;
}

header nav ul.nav-main {
	margin: -7px 0 8px 10px;
}

header nav ul.nav-main > li + li {
	margin-right: -4px;
}

header nav ul.nav-main .dropdown-submenu {
	position: relative;
}

header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
	top: 0;
	right: 100%;
	margin-top: -6px;
	margin-right: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

header nav ul.nav-main .dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-right-color: #cccccc;
	margin-top: 5px;
	margin-left: -10px;
}

header nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-right-color: #ffffff;
}

header nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
	right: -100%;
	margin-right: 10px;
	-webkit-border-radius: 6px 6px 6px 0;
	-moz-border-radius: 6px 6px 6px 0;
	border-radius: 6px 6px 6px 0;
}

header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
 

header nav ul.nav-main ul.dropdown-menu {
	-moz-border-radius: 0 6px 6px 6px;
	-moz-box-shadow: 0px 2px 3px rgba(255,255,255, 0.08);
	-webkit-border-radius: 0 6px 6px 6px;
	-webkit-box-shadow: 0px 2px 3px rgba(255,255,255, 0.08);
	border: 0;
	border-radius: 0 6px 6px 6px;
	box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.08);
	margin: -5px 3px 0 0;
	padding: 5px;
	top: auto;
	 color: #333333;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
background-color: #ffffff;
 
}

header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	 
	margin-right: 0;
	margin-top: -10px;
}

 header.flat-menu ul.nav-main > li > a.a4 {
	color: #E14D43 ;
	font-size: 14px;
		 	padding-left: 0px;
			font-family: 'Open Sans', sans;
}

header nav ul.nav-main ul.dropdown-menu > li > a {
	color: #333333;
	font-weight: 400;
	padding-bottom: 4px;
	padding-top: 4px;
	text-transform: none;
	position: relative;
}

header nav ul.nav-main ul.dropdown-menu > li > a {
	padding: 8px 5px 8px 10px;
	font-size: 0.9em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

header nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
}

header nav ul.nav-main li a {
	font-size: 16px;
	 
	line-height: 24px;
	margin-right: 8px;
	margin-left: 8px;
  font-family: Aj-Regular  , "arabic typesetting", serif;
	font-weight: normal;
	letter-spacing:0px;
	 color: #0088CC;
}
header nav ul.nav-main > li > a > i {
margin-right: 4px;
  font-size: 14px;
  opacity: 0.5;
}
header nav ul.nav-main li ul a {
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}

header nav ul.nav-main li a:hover {
	 color: #0088cc;
}

header nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 11px;
	margin-bottom: -1px;
}

header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

header nav ul.nav-main li.dropdown:hover > ul {
	display: block;
}

/* Flat Menu */
header.flat-menu ul.nav-main {
	float: left;
	margin: -9px 0 -8px;
}

header.flat-menu nav ul.nav-main li a {
	margin-right: 1px;
	margin-left: 3px;
	padding-bottom: 20px;
	padding-top: 46px;
}

body.boxed header.flat-menu nav ul.nav-main > li > a {
	padding-top: 65px;
}

 

header.flat-menu ul.nav-main > li > a {
	margin-bottom: 0;
	border-bottom: 5px solid transparent;
}
 

body.boxed header.flat-menu ul.nav-main > li > a,
body.boxed header.flat-menu ul.nav-main > li.active > a {
	border-bottom-color: transparent;
}

header.flat-menu ul.nav-main li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

header.flat-menu nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 21px;
}

header.flat-menu nav ul.nav-main ul.dropdown-menu {
	margin: -5px 1px 0 0;
}

header.flat-menu nav ul.nav-main ul.dropdown-menu,
header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
 
body.sticky-menu-active header.flat-menu ul.nav-main > li > a,
body.sticky-menu-active header.flat-menu ul.nav-main > li:hover > a {
	padding-bottom: 26px;
	padding-top: 26px;
}

body.sticky-menu-active header.single-menu ul.nav-main > li > a,
body.sticky-menu-active header.single-menu ul.nav-main > li:hover > a {
	padding-bottom: 20px;
	padding-top: 21px
}

body.sticky-menu-active header.flat-menu nav ul.nav-main {
	margin-bottom: -10px;
	margin-top: 34px;
}
 

body.sticky-menu-active header.flat-menu h1.logo {
	padding-top: 15px;
}

header.flat-menu div.social-icons {
	margin:  0;
}

header.flat-menu div.search {
	margin-top: 10px;
}

header.flat-menu div.search #searchForm {
	margin: 0;
}

header.flat-menu div.search input.search-query {
	padding-bottom: 5px;
	padding-top: 5px;
}

body.sticky-menu-active header.flat-menu div.header-top {
	display: none;
}

body.sticky-menu-active header.flat-menu ul.nav-main > li > a {
	border-bottom-color: transparent;
}

/* Sticky Menu */
body.sticky-menu-active header {
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	border-bottom: 1px solid #E9E9E9;
	position: fixed;
	top: -57px;
	width: 100%;
	z-index: 1001;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	filter: none;
}

body.sticky-menu-active header nav ul.nav-main {
	margin-bottom: 7px;
	margin-top: -1px;
}
 /* Header Colored */
header.colored div.header-top p,
header.colored div.header-top a,
header.colored div.header-top span {
	color: #555566;
	font-size:14px;
}
 
 
header.colored div.header-top span a{
	color: #555566 ;
	 font-size:14px;
	  font-family: 'Raleway',sans-serif;
}

header.colored div.header-top span strong{
	color: #555566 ;
	  font-size:14px;
	  font-family: 'Raleway',sans-serif;
}
header.colored {
	border-top: 0;
}

header.colored div.search input.search-query {
	border: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

header.colored > div.container {
	height: 107px;
	margin-bottom: -92px;
}

header.colored ul.nav-main {
	margin: -15px 0 -8px;
}

header.colored nav ul.nav-main li a {
	padding-bottom: 34px;
	padding-top: 35px;
}

header.colored nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 34px;
}

header.colored nav ul.nav-main li.dropdown:hover > a > i {
	-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.9;
 
}
body.sticky-menu-active header.colored ul.nav-main > li > a,
body.sticky-menu-active header.colored ul.nav-main > li:hover > a {
	padding-bottom: 24px;
	padding-top: 24px;
}

body.sticky-menu-active header.colored h1.logo {
	padding-top: 6px;
}
  
 

/* Mega Menu */
@media (min-width: 992px) {
	nav.mega-menu .nav,
	nav.mega-menu .dropup,
	nav.mega-menu .dropdown,
	nav.mega-menu .collapse {
		position: static;
	}

	header nav.mega-menu ul.nav-main .mega-menu-content {
		text-shadow: none;
	}

	header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
		/* background: #FFF !important; */
		border-top: 3px solid #ffffff ;
		color: #333333;
		-moz-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		-webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
	}

	header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

	header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
		color: #777777;
		display: block;
		font-size: 1em;
		font-weight: 600;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
		color: #777;
		text-shadow: none;
		margin: 0 -8px 0 0;
		padding: 3px 8px;
		text-transform: none;
		font-size: 0.9em;
		display: block;
		font-weight: normal;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
		background: #F4F4F4 !important;
		text-decoration: none;
	}

	nav.mega-menu .navbar-inner,
	nav.mega-menu .container {
		position: relative;
	}

	nav.mega-menu .dropdown-menu {
		right: auto;
	}

	nav.mega-menu .dropdown-menu > li {
		display: block;
	}

	nav.mega-menu .nav.pull-right .dropdown-menu {
		left: 0;
	}

	nav.mega-menu .mega-menu-content {
		padding: 20px 30px;
	}

	nav.mega-menu .mega-menu-content:before,
	nav.mega-menu .mega-menu-content:after {
		display: table;
		content: "";
		line-height: 0;
	}

	nav.mega-menu .mega-menu-content:after {
		clear: both;
	}

	nav.mega-menu.navbar .nav > li > .dropdown-menu:after,
	nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
		display: none;
	}

	nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
		width: 100%;
		right: 0;
		left: 0;
	}
}


/* Social Icons */
ul.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

ul.social-icons li {
	background-image: url(images/social-sprites.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 0 100px;
	display: inline-block;
	margin: -1px 0 5px 1px;
	padding: 0;
	 
	overflow: visible;
 
	 
 
}

ul.social-icons li a {
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
}

ul.social-icons li[class] a {
	text-indent: -9999px;
}

ul.social-icons li a:hover {
	text-decoration: none;
}

ul.social-icons li a i[class^="icon-"] {
	color: #444;
	font-style: 16px;
	position: relative;
	top: 3px;
}


/* social top */
.social-top{ list-style:none; padding-left:0; float:left; margin:0;}
.social-top li:first-child { border-right:1px solid #ececec;}
.social-top li { border-left:1px solid #ececec; display:inline-block;}
.social-top li a{ color:inherit; padding:8px 12px; display:block; font-size:14px;}
.social-top a:hover, .social-top a:focus { text-decoration:none;}
.social-top .fa{ margin-right:0 !important;}
ul.social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}

ul.social-icons li:active,
ul.social-icons li a:active {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
 ul.social-icons li.rss {
	background-position: 0 -930px;
}

ul.social-icons li.rss:hover {
	background-position: 0 -900px;
}

ul.social-icons li.skype {
	background-position: 0 -990px;
}

ul.social-icons li.skype:hover {
	background-position: 0 -960px;
}


ul.social-icons li.pinterest {
	background-position: 0 -780px;
}

ul.social-icons li.pinterest:hover {
	background-position: 0 -810px;
}

ul.social-icons li.linkedin {
	background-position: 0 -570px;
}

ul.social-icons li.linkedin:hover {
	background-position: 0 -540px;
}


ul.social-icons li.lastfm {
	background-position: 0 -480px;
}

ul.social-icons li.lastfm:hover {
	background-position: 0 -510px;
}

ul.social-icons li.googleplus {
	background-position: 0 -330px;
}

ul.social-icons li.googleplus:hover {
	background-position: 0 -300px;
}
ul.social-icons li.facebook {
	background-position: 0 -150px;
}

ul.social-icons li.facebook:hover {
	background-position: 0 -120px;
}
ul.social-icons li.behance {
	background-position: 0 -1500px;
}

ul.social-icons li.behance:hover {
	background-position: 0 -1530px;
}

ul.social-icons li.twitter {
	background-position: 0 -1170px;
}

ul.social-icons li.twitter:hover {
	background-position: 0 -1140px;
}

 
/* Social colors */ 

header nav ul.nav-main ul.dropdown-menu {
	color: #333333;
	background-color: #ffffff !important;
}
 
header nav ul.nav-main ul.dropdown-menu li:hover > a {
	background-color: #fefefe !important;
}

header nav ul.nav-main ul.dropdown-menu {
	color: #333333;
	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
 	border-color: #343434 #343434 #353535;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-top: 6px solid #ffffff ;
}



 

header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a {
	background: none !important;
}

header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
	background: #fbfbfb !important;
}


.topbar-email ,  .topbar-phone  {
		
	 
			float: right;
	 
	line-height: 20px;
	margin: 4px 0px 4px 0px;
	 padding:  0px 0px 0px 15px ;
	}
	 .topbar-email  i ,  .topbar-phone  i {
			margin-right: 6px;
	margin-left: 2px;
	position: relative;
	top: 0px;
	}
	.topbar-s {
		
	 
			float: right;
	 
	line-height: 20px;
	margin: 5px 0px 10px 0px;
	 padding: 0 15px;
	}
	.topbar-phone {
		  padding: 0 15px;
		border-right: 1px solid #ffffff !important;
	}
	.topbar-emailw {
	border-right: 1px solid #0077b3 !important;
		border-left: 1px solid #0077b3 !important;
	}
header.colored div.header-top {
	background: #ffffff ;
	 border-bottom: 1px solid #ececec;
 
	
}

 
header.flat-menu  ul.nav-main li.active > a {
	color: #0088cc  !important;
	 background-color:  #fff  !important;
	 border-top: 3px solid #0088cc;
	 


}
header.flat-menu    ul.nav-main li.active > a:hover {
	color: #0088cc  !important;
	background: #fff  !important;
}
 

header.flat-menu   ul.nav-main li > a {
	color: #333333;
	border-top: 3px solid #ffffff;
}
 
header.flat-menu .nav  > li > a:hover{
 
background-color: #fff !important;
border-top: 3px solid #0088cc;
}

@media (min-width: 992px) {
div.servcenter {
text-align: center;
color: #aaaaaa;
}


div.servcenter a.servlink  {
text-align: center;
margin-top: 30px;
}
div.servcenter a.servlink .sevtit {
text-align: center;
	color: #333333;
		display: block;
		font-size: 16px;
	 
		padding-bottom: 5px;
		 
}
div.servcenter a.servlink:hover  i  ,div.servcenter a.servlink:hover span {
color: #0088cc  !important;

}
div.servcenter a.servlink i {
text-align: center;
  display: block;
  padding-bottom: 10px  ;
  color: #333333 ;
   font-size: 54px;
}

div.servcenter span.sevtit  {
text-align: center;
margin-top: 20px;
  display: block;
}
}
@media (max-width: 991px) {

	/* Navigation */
	header div.nav-main-collapse,
	header div.nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	header nav.nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
	}

	header div.nav-main-collapse.collapse {
		display: none !important;
	}

	header div.nav-main-collapse {
		top: 8px;
		position: relative;
	}

	header div.nav-main-collapse.in {
		display: block !important;
	}

	header div.nav-collapse div.container nav.nav-main {
		float: right;
		width: 100%;
	}

	header.flat-menu nav ul.nav-main li a {
		color: #FFF !important;
	}

	header div.nav-main-collapse {
		background: #171717;
		max-height: none;

	}

	header > div.container,
	header.flat-menu > div.container {
		margin-bottom: 0;
	}

	header nav ul.nav-main {
		margin-left: -10px;
	}

	header div.nav-collapse {
		background: #171717;
		width: 100%;
		clear: both;
		width: 100%;
	}

	header nav.nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	header nav.nav-main ul,
	header nav.nav-main ul li,
	header.flat-menu ul.nav-main {
		padding: 0;
		margin: 0;
	}

	header nav.nav-main ul li {
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #2A2A2A;
	}

	header nav ul.nav-main > li + li {
		margin-right: 0;
	}

	header nav ul.nav-main li a,
	header nav ul.nav-main ul.dropdown-menu li > a,
	header.flat-menu nav ul.nav-main li a,
	header.flat-menu nav ul.nav-main li.dropdown:hover > a,
	body header.single-menu nav ul.nav-main li.active > a {
		padding: 9px 8px;
		border: 0;
		border-bottom: 0;
		margin: 0;
	}

	header nav.nav-main ul li:last-child,
	header nav ul.nav-main ul.dropdown-menu li > a {
		border-bottom: none;
	}

	header nav ul.nav-main li.dropdown:hover > a {
		margin-bottom: -2px;
	}

	header nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding-right: 0;
	}

	header nav ul.nav-main li a i.icon-angle-down {
		position: absolute;
		left: 5px;
		top: 10px;
	}

	header nav.nav-main ul ul {
		margin-right: 20px !important;
	}

	header nav.nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	header nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	header nav.nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	header nav ul.nav-main .dropdown-submenu > a:after {
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-bottom: 5px solid #FFF;
	}

	header nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-right-color: transparent;
	}

	body header nav ul.nav-main ul.dropdown-menu,
	body header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	body header nav ul.nav-main li a,
	body header nav ul.nav-main li.active a,
	body header nav ul.nav-main li.dropdown:hover a,
	body header nav ul.nav-main ul.dropdown-menu li:hover > a,
	body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover,
	body header.flat-menu nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	header.center nav ul.nav-main > li {
		display: block;
	}

	/* Responsive Button Nav */
	a.btn-responsive-nav {
		background: #171717;
		top: 35px;
		display: block;
		position: absolute;
		left: 20px;
		color: #FFF;
	}
a.alang {
	top:  5px;
		display: block;
		position: absolute;
		left: 20px;
		 
}
	header.single-menu a.btn-responsive-nav {
		top: 30px;
	}

	header.center a.btn-responsive-nav,
	header.flat-menu a.btn-responsive-nav {
		top: 35px;
	}

	a.btn-responsive-nav:hover,
	a.btn-responsive-nav:active,
	a.btn-responsive-nav:focus {
		color: #CCC;
	}

	/* Logo */
	header h1.logo img {
		max-width: 180px;
	}

	header.center h1.logo {
		text-align: right;
	}

	/* Nav Top */
	header div.header-top ul.nav-top {
		float: right;
		margin: 7px -15px 0 0;
		min-height: 5px;
	}

	/* Social Icons */
	header div.social-icons {
		display: none;
	}

	/* Search  */
	header div.search {
		display: none;
	}

	

	/* Scroll to Top */
	a.scroll-to-top {
		display: none !important;
	}

}

@media (max-width: 767px) {

	/* Base */
	h1.big {
		font-size: 3.2em;
		line-height: 42px;
	}

	/* Boxed */
	body.boxed {
		background: none !important;
	}

	body.boxed div.body {
		border: 0;
		border-bottom: 0;
		border-top: 0;
		box-shadow: none;
		margin: 0;
		width: auto;
	}

	body.boxed header {
		padding: 5px 20px 15px 20px !important;
	}

	/* Header */
	header {
		display: block;
	}

	header > div.container {
		width: 100%;
	}

	/* Navigation */
	header.center nav {
		width: auto;
	}

	header nav ul.nav-top {
		float: left;
		margin-left: 0;
	}

	/* Responsive Button Nav */
	a.btn-responsive-nav {
		top: 55px;
	}
a.alang {
	top:  5px;
		 
}
	/* Social Icons */
	header div.social-icons {
		display: none;
	}

	

}

@media (max-width: 479px) {

	/* Base */
	body {
		font-size: 13px;
	}

	h2 {
		font-size: 2.3em;
		line-height: 33px;
	}

	/* Navigation */
	header nav ul.nav-top,
	header div.header-top {
		display: none;
	}

	 

}

/* Nav Responsive Breakpoints */
@media (max-width: 600px) {

	header nav ul.nav-top li {
		display: none;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

}

 

.envor-widget {
}
.envor-widget h3 {
	font-weight: lighter;
	margin-top:  0px;
}
.envor-widget-inner {
	width: 100%;
}
.envor-content .envor-widget {
	margin-bottom: 60px;
	width: 100%;
	display: inline-block;
}
.envor-content .envor-widget h3 {
	text-transform: capitalize;
	margin-bottom: 20px;
}
.envor-search-widget input[type=text] {
	width: 100%;
}
.envor-category-widget {
}
.envor-category-widget ul, .envor-category-widget ul li, .envor-category-widget ul li p, .envor-category-widget ul li small {
	width: 100%;
	float: right;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
}
.envor-category-widget ul li {
	border: 0px solid #e5e5e5;
	border-bottom-width: 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.envor-category-widget ul li:last-child  {
border-bottom-width: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.envor-category-widget ul li small {
	font-style: italic;
	line-height: normal;
}
.envor-category-widget ul li p .glyphicon, .envor-category-widget ul li p .fa {
	color: #ddd;
	margin-left: 5px;
	transition-style: linear;
	transition-duration: 0.2s;
}
.envor-category-widget ul li p a {
	text-transform: capitalize;
	margin-left: 10px;
	  color: #333333;
}
.envor-category-widget ul li p a:hover  {
 color: #363b3f;

}
  
.envor-category-widget ul :last-child {
	margin-bottom: 0px;
}



section   {
    
    padding:30px 0;
     
}
 
.webeng-content {
	width: 100%;
	float: right;
	text-align: right;
	 
}
.webeng-page-title-1 {
	width: 100%;
	 padding:50px 0;
	background-image: url(bg/allbg.jpg);
	background-size: cover;
	background-color: transparent !important;
	background-attachment: fixed;
	background-position: 50% 0 !important;
	background-repeat: no-repeat;
	position: relative;
	 
	 
}
.webeng-page-title-1.services {
	 
	background-image: url(bg/web.html)  !important;
	 
}
.webeng-page-title-1.our-offers {
	 
	background-image: url(bg/offers.html)  !important;
	 
}

.webeng-page-title-1.portfolio {
	 
	background-image: url(bg/portfolio.html)  !important;
	 
}

.webeng-page-title-1.get-free-quote {
	 
	background-image: url(bg/get-free-quote.html)  !important;
	 
}

.envor-page-title-1.blog {
	 
	background-image: url(bg/blog.html)  !important;
	 
}

.envor-page-title-1.about {
	 
	background-image: url(bg/about.html)  !important;
	 
}

.envor-page-title-1.contact {
	 
	background-image: url(bg/contact.html)  !important;
	 
}
.webeng-page-title-1 h1 {
	line-height: 30px;
	font-size: 160%;
	text-transform: capitalize;
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
	  font-family:  Aj-Light, "arabic typesetting", serif;
}
.webeng-page-title-1 .search {
	width: 100%;
	float: right;
}
/*
.envor-page-title-1 .search input[type=text] {
	width: 100%;
	background-color: rgba(255,255,255,0.3);
	border: 0px;
	transition-style: linear;
	transition-duration: 0.2s;
	margin-top: 3px;
}
.envor-page-title-1 .search input[type=text]:focus {
	background-color: rgba(255,255,255,0.7);
}


	envor-desktop-breadscrubs
*/

.webeng-desktop-breadscrubs {
	padding: 0px;
	margin-top: -30px;
}
.webeng-desktop-breadscrubs-inner {
-moz-border-radius: 4px 4px 0px 0px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-moz-box-sizing: border-box;
	-webkit-border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border-radius:  4px 4px 0px 0px;
 
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	width: auto;
	text-transform: capitalize;
	float: left;
	padding: 0px 30px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
		 background-color: #E14D43;
	color: #fff;
}
.webeng-desktop-breadscrubs-inner a {
	color: #fff;
}
.webeng-desktop-breadscrubs-inner a:hover {
	color: #fff;
}
.webeng-desktop-breadscrubs-inner i {
	margin: 0px 15px;
}

/*
	envor-mobile-breadscrubs
*/

.webeng-mobile-breadscrubs {
	width: 100%;
	float: right;
	padding: 30px 0px;
	color: #fff;
	display: none;
	text-transform: capitalize;
}
.webeng-mobile-breadscrubs a {
	color: #fff;
}
.webeng-mobile-breadscrubs a:hover {
	color: #fff;
}
.webeng-mobile-breadscrubs i {
	margin: 0px 15px;
}
.block {
    display: block !important;
}
/* social icons */
a.social								{ 
	display:inline-block; 
	width:38px; height:38px; 
	line-height:38px; 
	font-size:18px; 
	text-align:center; 
	background:rgba(0,0,0,0.3); 
	color:#fff; 
	margin:10px 1px; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:38px; height:38px; line-height:38px; }



/** Callout
 **************************************************************** **/
.callout {
	z-index:10;
	background-color:#F6F6F6;
	padding:30px 0;
}
.callout.styleBackgroundColor h2,
.callout.styleBackgroundColor h3,
.callout.styleBackgroundColor h4,
.callout.styleBackgroundColor p {
	color:#fff;
}
.callout.styleBackgroundColor .btn {
	border-color:rgba(255,255,255,0.3);
}
.callout h2,
.callout h3,
.callout h4 {
	font-weight:300;
	margin:0 0 8px 0;
}
.callout p {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:300;
}
.callout .btn {
	margin-top:0;
}


.callout.dark,
.callout.dark h2,
.callout.dark h3,
.callout.dark h4,
.callout.dark p {
	color:#fff;
	background-color:#333333;
}

.callout.dark p {
	color:#b1b1b1;
	font-size:17px;
	max-width:960px;
	margin:auto;
}
.callout.dark.arrow-up,
.callout.dark.arrow-down {
	position:relative;
	padding:60px 0;
}

.callout.dark.arrow-down:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #333333;
	right:50%; margin-right:-10px;
	bottom:-20px;
}
.callout.dark.arrow-up:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #333333;
	right:50%; margin-right:-10px;
	top:-20px;
}

@media only screen and (max-width: 990px) {
	.callout h2,
	.callout h3,
	.callout h4 {
		font-size:18px;
		font-weight:600;
	}
	.callout .btn {
		margin-top:20px;
	}
}




/** Footer
 **************************************************************** **/
#footer {
	color:#c0c0c0;
	display:block;
	vertical-align:bottom;
	background-color:#393939;
	border-top:#333333 5px solid;
	z-index:101;
}
#footer.bottom {
	position:absolute;
	right:0; left:0;
	bottom:0;
}
#footer a.copyright {
	color:#c0c0c0;
	padding:0;
}
#footer .logo {
	display:block;
	margin-bottom:10px;
}
#footer .spaced {
	padding:40px 15px;
}
#footer .logo_footer {
	padding:10px 15px;
}
#footer .dark {
	height:400px;
	background-color:#333333;
}

#footer h2,
#footer h3,
#footer h4 {
	color:#fff;
}

#footer .copyright {
	background-color:#333333;
	padding:20px 0;
}


#footer hr {
	border:0; margin:0; padding:0;
	border-top:#1e1e1e 1px solid;
	border-bottom:#3e3e3e 1px solid;
	height: 0px;
}
 
#footer li {
	position:relative;
	padding:6px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

#footer li:after {
	width: 100%;
	content: "";
	border-bottom: 1px solid #1e1e1e;
	position: absolute;
	bottom: 0;
	right: 0;
}
#footer li a {
	color:#c0c0c0;
	text-decoration:none;
	font-size:14px;
 line-height: 23px;
	-webkit-transition: all .2s ease 0s;
	   -moz-transition: all .2s ease 0s;
		 -o-transition: all .2s ease 0s;
			transition: all .2s ease 0s;
}
#footer li a:hover {
	color:#fff;
}
#footer li small {
	font-size:11px;
}
#footer li small.ago {
	color:#666;
}
#footer ul.corul{
margin:0;
padding:0;
}
#footer ul.corul li{
 padding:0px 5px;
border-bottom: 0px;
}
#footer ul.corul li:after{
 
border-bottom: 0px;
}
.fsize12 {
    font-size: 12px !important;
    line-height: 16px !important;
}
#footer .input-group-btn .btn, 
#footer .input-group .btn,
#footer .form-control {
	border:0;
	height:38px;
	margin-top:0;
}
#footer .input-group-btn .btn {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#footer input.form-control {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#footer form {
	padding:0;
}


/* simple list */
#footer ul.nobordered li:after,
#footer ul.nobordered li {
	border-bottom:0;
	padding:0;
}
#footer ul.nobordered li a {
	padding:3px 0;
}
#footer ul.nobordered li a>i.fa{
	padding-left:6px;
}

/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 768px) {
	#footer .spaced {
		padding:20px 15px;
	}
	#footer .dark {
		height:auto;
	}
}
@media only screen and (max-width: 990px) {
	#footer {
		border-top:#393939 1px solid;
	}

}