@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'JF-Flat-regular';
	src: url('../fonts/JF-Flat-regular.eot');	 /* IE9 Compat Modes */
	src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */ url('../fonts/JF-Flat-regular.woff') format('woff'),   /* Modern Browsers */ url('../fonts/JF-Flat-regular.ttf') format('truetype'),	 /* Safari, Android, iOS */ url('../fonts/JF-Flat-regular.svg#JF-Flat-regular') format('svg');  /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
html, body, h1, h2, h3, h4, h5, h6, p, a, img, ul, li,  strong, b, input, select, textarea, .highcharts-title, .highcharts-axis-labels, .highcharts-yaxis-title {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
	font: 15px/30px 'JF-Flat-regular';
	color: #5b5959;
}
a:hover, a:focus, a:active {text-decoration: none;}
.clear { clear:both;}

.foot ul li, img , a, .social .fb, .item, .title1, .item .fa, .item p, .click, li, .social .twit , .social .ytub, .social .plus, .menu ul li a,.btn-danger, .read,.slick-prev, .slick-next ,.service  button, .send, .fa
{ -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

body { direction:ltr;}


.header
{ float:right; width:100%; background:#fff; box-shadow:0px 1px 10px #ccc; padding:10px; position:relative; border-top:3px solid #174863;}
 .top:after
{ content:"";
display:block;
	 border-style:solid;
border-width:0px 55px 55px 0;
border-color:#174863 #174863 transparent #174863;
position:absolute;
top:0px;
right:0px; z-index:1000;}

.logo {float:left; text-align:left}
.logo img{ width:270px;}
/****menu****/
nav  { float:left; padding-top:10px;}
nav a 
{
    
	position: relative;
	display: inline-block;
	margin: 20px 5px;
	outline: none;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:15px;
}
nav ul li { float:left;}
nav a:hover,
nav a:focus {
	outline: none;}
	
	/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%; top:20px;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fbb140;
	text-shadow: 10px 0 #fbb140, -10px 0 #fbb140;
	font-size:1.35em
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #fbb140;
}
.active { color:#fbb140;}
.sticky { position:fixed;  z-index:1000; border-bottom:none;}
.sticky  nav a { margin-top:5px; margin-bottom:7px;}
.sticky .logo img { width:200px;}


/**********about***********/
.about { padding-top:50px ;  }
.image { width:100%; height:100%; position:relative; overflow:hidden; padding-top:30px;}
.image img { border-top:5px solid #fbb140;}
.image:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1);}
.title {width: 100%;text-align: center;font-size: 23px; position:relative;color: #000; padding-bottom:10px; }
.title:after,.title:before {content: " ";position: relative;border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: #fbb140;display: table;padding-top: 11px;left: 0px;right: 0px;margin: 0 auto;width: 150px;}
.title:before{ width:55px; top:41px; padding:0;    border-bottom-width: 3px;}
.tit { color:#fbb140; font-weight:bold; padding-top:10px;}
.titles {font-size: 23px; position:relative;color: #000; padding-bottom:10px;}
.titles:after,.titles:before{content: " ";position: relative;border-bottom-style: solid;border-bottom-color: #fbb140;display: table;padding-top: 11px;left: 0px;right: 0px;width: 150px;}
.titles:before{ width:55px; top:46px; padding:0;    border-bottom-width: 4px; z-index:10;}
.titles:after {border-bottom-color: #ddd;border-bottom-width: 6px; border-bottom-left-radius:6px;}
/*********news **************/
.news { padding-top:50px;}
.news .our-news
{ background:url(../images/slide2.jpg)50% 50%  fixed; min-height:350px; position:relative; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}
.our-news  .c-overlay
{ background:rgba(0, 0, 0, 0.74);min-height:350px;
padding-top:50px;
padding-bottom:50px;
width:100%;}
.thumbnail { background-color:#fbb140; border:1px solid #fbb140; }
.title2 a{padding-top:15px;padding-bottom:20px; font-size:18px;  color:#fff ; text-align:left;}
.news .title
{color: #fff; }
.news .title:after,.news .title:before
{border-bottom-color: #fff; text-align:left} 
.news .our-news p
{ color:#dacece; font-size:13px; text-align:left  }

/*********footer***********/
.footer { background:#174863; padding:30px 0; position:relative;}
.footer .top:after {border-color:#fbb140 #fbb140 transparent #fbb140;}
.title2
{ position:relative; padding-top:15px;padding-bottom:20px; font-size:18px;  color:#fff ; }
.title2:after
{ content:""; width:40px; border-bottom-style:solid; border-bottom-color:#fbb140; border-bottom-width:3px;
 display:table;
 padding-top:10px; }
.category ,.key { float:right;}
.category ul li a{ color:#fff; font-size:15px; padding:5px;}
.category ul li:hover a { padding-right:15px; text-decoration:underline; }
.category .fa { margin-left:7px; font-size:13px; }
.category ul li:hover .fa {color:#fbb140;} 
.key ul li { float:right; margin:0 0 20px 10px;}
.key ul li a { background:#0c344a; padding:10px 20px; border-radius:5px; color:#fff;}
.key ul li a:hover { background:#fbb140; color:#fff;}
.end-footer { background:#0c344a; width:100%; float:right; padding:10px; margin-top:30px;}
.footer p { color:#fff;}
.end-footer p{ text-align:center; color:#fff; font-size:15px;}
.end-footer span { color:#fbb140; font-family:Arial, Helvetica, sans-serif;}
/*******social**********/
.social { display:none; float:right; position:fixed; top:100px; right:0; z-index:100;}
.social  ul li
{ width:150px; height:40px; line-height:40px; background:#000; margin-bottom:7px; text-align:left; margin-right:-100px;padding-left: 20px;  }
.social  ul li:hover { margin-right:0;}
.social  ul li a { color:#fff; text-transform:capitalize;}
.social .fa
{ color:#fff; font-size:15px; padding-right:23px;}
.social .fb
{  background:#3b5998;}
.social .twit
{  background:#20afd9;}

.social .ytub, .social .plus
{  background:#e52c27;}

/******works**************/
.slick-slider {
	float: right;
	width: 100%;
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	direction: ltr;
	padding-top:40px;
}
.slick-list {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	float: right;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-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);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
[dir='rtl'] .slick-slide {
	float: left;
}
.slick-slide {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0px 10px;
	position: relative;
	float: right;
	height: 100%;
	min-height: 1px; direction:ltr; background:rgba(23, 71, 99, 0.88); padding:10px;
}
.slick-slide img {
	width: 100%;
	height: 140px;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-prev, .slick-next {
	position: absolute;
	top: -8px;
	display: block;
	width: 35px;
	height: 35px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background: #fbb140;
	font-size: 20px;
	line-height: 15px;
	color: #fff;
}
.slick-prev:hover, .slick-next:hover { background:#174863 ;  color:#fff;}
.slick-prev {
	left: auto; right:40px;
}
.slick-next {
	right: 0px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 0px;
}
.slick-dots {
	display: block;
	float: left;
	position: absolute;
	top: -35px;
	padding: 0;
	margin: 0;
	left: 10px;
	visibility: hidden;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0;
	cursor: pointer;
	margin-right: 5px;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	height: 15px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	float: left;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-size: 60px;
	position: absolute;
	top: 0;
	content: '•';
	text-align: center;
	color: #000;
	z-index: 100;
	left: -16px;
	top: 3px;
}
.slick-slide small { text-align:left; color:#dacece; float:right; width:100%; padding-top:10px;}
.slick-slide small .fa { padding-left:5px;}
.slick-slide  .title2 { width:100%; float:left; padding-top:0; padding-bottom:5px;}
.slick-slide p { height:98px; overflow:hidden; float:right; width:100%;}
/*******service***********/
.service { padding:50px 0;}

.service  button {
  background:#fbb140;
  padding: 5px 20px;
  border: 0; border-radius:4px; margin-top:15px; outline:none;}
.service  button:hover { background:#174863; box-shadow:3px 0px 5px #174863; }
.service .info img {
  width: 100%;
  height: 100%;
  transition: 2s
}

.info:hover img {
  transform: scale(2);
}

.service .info {
  overflow: hidden;
  position: relative;
  margin-top: 30px; height:300px;
}


/* hover 1*/

.caption {
  background: rgba(23, 71, 99, 0.88); padding:50px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.6s;
  color: #fff;
  transform: skew(50deg);
  opacity: 0
}

.info:hover .caption {
  transform: skew(0deg);
  opacity: 1
}
.caption  .title2:after{ margin:0 auto;}
.caption .det  { height:60px; overflow:hidden; color:#fff; font-size:14px;}

/*******page***********/
.about-us { padding-top:50px; padding-bottom:150px;}

.light {
float: right;
 margin-top: 40px;}
 .light img {
    width: 100%;
    border: 3px solid #174863; height:200px;}


.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc; }.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em; display:none;}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:none;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
 .contact { padding:70px 0;}
 .contact .title { font-size:20px;}
 .send{ background:#fbb140; padding:8px 20px; color:#fff; border-radius:4px; border:0;}
.send:hover { background:#174863;}
.input-group { width:100%; margin-bottom:15px;}
.form-control { height:40px;}
textarea { resize:none;}
.form-control:hover { border:1px solid #fbb140;}
.adress  { margin-top:10px;}
.adress ul li { margin-bottom:7px;}
.adress ul li .fa{ width:35px; height:35px; line-height:35px; text-align:center;background:#fbb140; color:#fff;margin-left:7px;} 
.adress ul li .fa:hover { background:#174863;}
.adress ul li a{ font-family: Tahoma, Geneva, sans-serif;}
.adress ul li a:hover { color:#fbb140; text-decoration:underline;}


/*****scrolltop****/
.scrollToTop {width:40px;height:40px; line-height:40px;position: fixed;bottom: 5px;right: 30px;display: none;background:#fbb140;z-index: 1000;text-align: center;color: #fff;font-size: 20px;}
.scrollToTop:hover{ color:#fff;}
.scrollToTop .fa { padding-top:10px; font-size:18px;}
		
		@media only screen and (min-width:200px) and (max-width:1000px){
			 nav { display:none;} .search{ display:none;} .search2 { display:block;}
			.maps, .connect-us{ width:100%;}.connect-us .overlay{ padding-left:50px;}
		}
	@media only screen and (min-width:200px) and (max-width:1000px){
.logo img  {width:180px;}
	}
	
			@media only screen and (min-width:200px) and (max-width:1200px){
			nav a { margin:15px;}}
			
				@media only screen and (min-width:200px) and (max-width:500px){
		
             .caption{ padding:15px;}}