/***************************************************
****************************************************
						CSS Project
Version: 1.0
Date : ====/==/==
Projet: Project
*****************************************************
*****************************************************/

@import url("../repository/css/bootstrap_custom.css?v=1.2");
@import url("icons.css?v=1.2");
@import url("forms.css?v=1.2");
@import url("../repository/js/vendor/select2/dist/css/select2.min.css?v=1.2");
@import url("../repository/js/vendor/select2/dist/css/select2-bootstrap.min.css?v=1.2");
@import url("../repository/js/vendor/fancybox/jquery.fancybox.min.css?v=1.2");

@font-face {
	font-family: 'JF Flat'; src: url('fonts/JFFlat/JFFlat-Medium.eot'); src: url('fonts/JFFlat/JFFlat-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Medium.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Medium.woff') format('woff'), url('fonts/JFFlat/JFFlat-Medium.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Medium.svg#JFFlat-Medium') format('svg'); 
	font-weight: 500; font-style: normal;
}
@font-face {
	font-family: 'JF Flat'; src: url('fonts/JFFlat/JFFlat-Regular.eot'); src: url('fonts/JFFlat/JFFlat-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Regular.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Regular.woff') format('woff'), url('fonts/JFFlat/JFFlat-Regular.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Regular.svg#JFFlat-Regular') format('svg'); 
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'JF Flat'; src: url('fonts/JFFlat/JFFlat-Light.eot'); src: url('fonts/JFFlat/JFFlat-Light.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Light.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Light.woff') format('woff'), url('fonts/JFFlat/JFFlat-Light.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Light.svg#JFFlat-Light') format('svg'); 
	font-weight: 300; font-style: normal;
}

/* ==========================================================================
   Global
   ========================================================================== */
   html[dir="ltr"] , body[dir="ltr"] {direction:ltr;}
   html[dir="rtl"] , body[dir="rtl"] {direction:rtl;}
   body{position:relative;font-family: 'JF Flat';font-weight: 500;font-style: normal;}
   a, button, input[type="submit"]{outline: none !important;}

/* ==========================================================================
Helper classes
========================================================================== */
	.relative{position:relative;}
	.badge.green, .active > a .badge.green{background-color:#02c410;}
	.badge.orange, .active > a .badge.orange{background-color:#eabb01;}
	.badge.purple, .active > a .badge.purple{background-color:#e704b4;}
	.badge.blue, .active > a .badge.blue{background-color:#55c6ff;}
	.badge.yellow, .active > a .badge.yellow{background-color:#ffc602;}
	.badge.red, .active > a .badge.red{background-color:#e70439;}

	.dropdown-menu.static{position:static;top: auto;right:auto;float:none;margin:0;padding:0;}
		html[dir="rtl"] .dropdown-menu.static{text-align:right;}
	
	.scrollbox{position:relative;height: 200px;overflow: hidden;margin: 0;padding: 0;width: 100%;}

	.details{color:#cc6600;}
	
	
	html[dir="ltr"] .hidden-ltr{display: none !important;visibility: hidden !important;}
	html[dir="rtl"] .hidden-rtl{display: none !important;visibility: hidden !important;}
	
	.tooltip-inner{font-family: 'JF Flat';font-weight: 500; font-style: normal;}

   /* ==========================================================================
   navbar / Ribbon
   ========================================================================== */
	#navbar{position:fixed;top:0;margin:0; padding: 20px 0;background:none;border:none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0)";
		zoom: 1;
		-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
	#navbar.fixed-header{
		top:0;padding:10px 0;background: #fff;
		-moz-box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.25);-webkit-box-shadow:0px 10px 25px 0px rgba(139, 180, 226, 0.25);box-shadow: 0px 10px 25px 0px rgba(139, 180, 226, 0.25);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.1);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.1)";
		zoom: 1;
	}
	
	#navbar .navbar-brand{margin:0;padding:0;line-height: normal;height: auto;}
		@media (max-width: 991px) {
			#navbar{position:relative;}
		}

/* ==========================================================================
	#rightMenu
   ========================================================================== */
	#rightCol{}

	/* 
		#logo
		**********/
	#logo{}
	#logo a{}
	#logo a img{width:100%;max-width: 260px;}
		@media (max-width: 1599px) {
			#logo a img{max-width:235px;}
		}
		@media (max-width: 1399px) {
			#logo{margin: 10px 0;}
		}
		@media (max-width: 1199px) {
			#logo a img{max-width:210px;}
		}
		@media (max-width: 991px) {
			#logo{float:none;margin-top:0px;margin-bottom: 10px;}
			#logo a{float:none;display:block;margin:0 auto;width:200px;}
			#logo a img{max-width:200px;}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			#navbar .navbar-brand{margin:0 auto;}
		}
		@media (max-width: 991px) {
			#navbar-collapse{text-align:center;}
		}
		@media (max-width: 767px) {
			#logo{margin-bottom:15px;}
		}
	/* 
		.hover-underline
		*****************/
	#navbar .hover-underline a{display:block;}
	#navbar .hover-underline .active a, #navbar .hover-underline a:hover{
		background: none;position: relative;overflow: hidden;
		vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
		-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0)";
		zoom: 1;
	}
	#navbar .hover-underline a:before {
		position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;height: 2px;background: #1E94A1;content: "";
		-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
	}
	#navbar .hover-underline li.active > a:before, #navbar .hover-underline a:hover:before, #navbar .hover-underline a:active:before {left: 0;right: 0;}

	/*
		#mainMenu
		**********/
	#mainMenu{float: none;text-align:center;}
	#mainMenu li{margin:0 10px;float: none;display: inline-block;vertical-align: top;}
	#mainMenu a{color:#5D5D5D;font-size: 18px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
	#mainMenu li.active > a{background: #fcfcfc;}
		@media (max-width: 1599px) {
			#mainMenu li{margin:0;}
			#mainMenu a{font-size: 18px;}
		}
		@media (max-width: 1399px) {
			#mainMenu li{margin:0 5px;}
			#mainMenu a{font-size: 18px;}
		}
		@media (max-width: 1199px) {
			.navbar-collapse{margin-top: 5px;}
			#mainMenu li{margin:0;}
			#mainMenu a{padding:10px;font-size: 20px;}
		}
		@media (max-width: 991px) {
			.navbar-collapse{float:none !important;padding:0;}
			#mainMenu li{margin:0;}
			#mainMenu a{padding:10px;font-size: 19px;}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			#mainMenu{float:none;margin-bottom: 20px;}
			#mainMenu li{float:none;display: inline-block;vertical-align: top;}
		}
		@media (max-width: 767px) {
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-bottom: 1px solid #e7e7e7;max-height: auto;}
			
			#mainMenu{margin: 7.5px 0;}
			#mainMenu li{display:block;text-align:center;}
			#mainMenu a{font-size: 15px;}
		}

	/* 
		#mainMenu
		**********/
		html[dir="ltr"] #sideMenu{float:right;}
		html[dir="rtl"] #sideMenu{float:left;}

	#sideMenu{padding-right:0;text-align:center;}
	#sideMenu li{margin:0;vertical-align:top;}
	#sideMenu li.vision{margin-top: 0;}
	#sideMenu li.dropdown > a{padding:8px 12px 8px 4px;color:#5D5D5D;text-decoration:none;vertical-align:middle;background-color:#FFF;border: 1px solid #fff;
		-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.1);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.1)";
		zoom: 1;
		-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
	}
	#sideMenu li.dropdown > a:hover{background-color:#f9f9f9;border-color:#ebebeb;}
	#sideMenu li.dropdown li{margin:5px 0;}
	#sideMenu li.dropdown li i{float:right;}
		html[dir="rtl"] #sideMenu li.dropdown li{text-align:right;}
		html[dir="rtl"] #sideMenu li.dropdown li i{float:left;}
		
	#sideMenu .dropdown-menu > .active > a, #sideMenu .dropdown-menu > .active > a:hover{background: #efefef;color: #1a8eb5;}

	#sideMenu li.lang > a .txt{display:none;}
		@media (max-width: 767px) {
			#sideMenu{margin: 0;}
			#sideMenu li{margin:10px 5px 0 5px;}
			#sideMenu li.lang > a span{display:none;}
			#sideMenu li.dropdown > a{padding:0;background-color:#FFF;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
			#sideMenu li.vision img{width:60px;}
			
		}
		@media (min-width: 768px) and (max-width: 991px) {
			#sideMenu{}
			#sideMenu li{margin:0 5px;}
			#sideMenu li.lang a{padding:6px 15px 6px 4px;}
			#sideMenu li.vision{width: 70px;}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			#sideMenu{margin-top: 8px;}
			#sideMenu li{margin:0;}
			#sideMenu li.lang a{padding:6px 15px 6px 4px;}
			#sideMenu li.vision{width: 70px;}
			
			html[dir="ltr"] #sideMenu{padding-left:0;}
			html[dir="rtl"] #sideMenu{padding-right:0;}
			
			#sideMenu li.vision{width: 60px;}
		}
		@media (min-width: 1200px) and (max-width: 1399px) {
			#sideMenu{}
			#sideMenu li{margin:12px 10px 0 0;}
			#sideMenu li.vision{width: 68px;}
			#sideMenu li.dropdown > a{padding:8px 12px 8px 4px;}
		}
		@media (min-width: 1400px) {
			#sideMenu{}
			#sideMenu li{margin:12px 10px;}
			#sideMenu li.vision{margin-top: 0;}
		}

	/* 
		#secondMenu
		**********/
	#secondMenu{background: #ebf4f9;}
	
	#secondMenu a{color:#5D5D5D;font-size: 18px;}
	#secondMenu .btn-primary{color:#fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
	#secondMenu .nav{float: none;margin:20px 0;text-align: center;}
	#secondMenu .nav li{float: none;display: inline-block;margin: 0 10px;vertical-align: top;}
		html[dir="rtl"] #secondMenu .nav li:first-child{margin-right: 0;}
		html[dir="rtl"] #secondMenu .nav li:last-child{margin-left: 0;}
		html[dir="ltr"] #secondMenu .nav li:first-child{margin-left: 0;}
		html[dir="ltr"] #secondMenu .nav li:last-child{margin-right: 0;}
	#secondMenu .list-inline{margin:25px 0;text-align: center;}
	#secondMenu .list-inline.menu li{margin:0 15px;text-align: center;}
	#secondMenu .play a{padding:8px 8px 4px 12px;}
		@media (max-width: 1199px) {
			#secondMenu .ppt a span{display: none;}
		}
		@media (min-width: 768px) and (max-width: 1199px) {
				#secondMenu .ppt a{padding:7px 11px;}
				#secondMenu .list-inline > li{padding:0;}
				#secondMenu a{padding: 15px 0;font-size: 16px;}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			#secondMenu .play{margin-right: 0;}
			html[dir="ltr"] #secondMenu .ppt a{font-size:15px;}
		}
	@media (min-width: 1200px){
		html[dir="rtl"] #secondMenu .play{margin-right: 50px;}
		html[dir="ltr"] #secondMenu .play{margin-left: 50px;}
	}

/* ==========================================================================
   fixed icons/btn/boxes
   ========================================================================== */
	/* 
		#chatlive
		**********/
	#chatlive{position:fixed;bottom:8%;left:0;z-index:10;}
	#chatlive .btn{padding: 15px 25px;height: 58px;line-height: 28px;color: #fff;font-size: 17px;-webkit-border-radius: 0  29px 29px 0;-moz-border-radius: 0  29px 29px 0;border-radius: 0  29px 29px 0;}
	#chatlive .btn i{margin-left:25px;}
		html[dir="rtl"] #chatlive{left: auto;right:0;}
		html[dir="rtl"] #chatlive .btn{-webkit-border-radius: 29px 0 0 29px;-moz-border-radius: 29px 0 0 29px;border-radius: 29px 0 0 29px;}
		html[dir="rtl"] #chatlive .btn i{margin-right:25px;}
		@media (max-width: 767px) {
			#chatlive{display:none;}
		}

/* ==========================================================================
   mainContent
   ========================================================================== */
	#mainContent{position: relative;margin-bottom: 62px;padding-top:100px;overflow:hidden;z-index:2;background:#FFF url(../img/background/bg_body_all.png) 0 0 no-repeat;background-size: 100% auto;}
		@media (max-width: 991px) {
			#mainContent{padding-top:0;}
		}
		@media (max-width: 767px) {
			#mainContent{margin-bottom: 90px;}
		}

/* ==========================================================================
   .page-title
   ========================================================================== */
	.page-title{}
	.page-title h2{color: #5D5D5D;font-size: 40px;}
		@media (max-width: 1599px) {
			.page-title h2{font-size: 38px;}
		}
		@media (max-width: 1399px) {
			.page-title h2{font-size: 36px;}
		}
		@media (max-width: 1199px) {
			.page-title h2{font-size: 32px;}
		}
		@media (max-width: 991px) {
			.page-title h2{font-size: 26px;}
		}
		@media (max-width: 767px) {
			.page-title h2{font-size: 20px;}
		}
		@media (max-width: 639px) {
			.page-title h2{font-size: 18px;}
		}
/* ==========================================================================
   thumbnails
   ========================================================================== */
	.thumbnails{}

	.thumbnails .thumbnail{
		position: relative;
		margin: 30px 6%;text-align:center;border: none;
		-webkit-box-sizing: border-box;box-sizing: border-box;overflow:hidden;
		-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);
	}
	.thumbnails .thumbnail .caption{height: 360px;padding: 25px 32px;overflow:hidden;}
	.thumbnails .thumbnail h4{line-height: normal;color:#178DB4;font-size: 28px;}
		html[dir="ltr"] .thumbnails .thumbnail h4{font-size: 22px;font-weight: 600;}
	.thumbnails .thumbnail p{line-height: 35px;color:#5D5D5D;font-size: 19px;font-weight: normal;}
	.thumbnails .thumbnail a{display:block;margin:15px;padding: 10px 0;color:#fff;font-size: 16px;font-weight: 500;}
		html[dir="ltr"] .thumbnails .thumbnail a{font-weight: 600;}

		@media (max-width: 1599px) {
			.thumbnails .thumbnail .caption{height: 328px;padding: 20px;}
			.thumbnails .thumbnail h4{font-size: 22px;}
				html[dir="ltr"] .thumbnails .thumbnail h4{font-size: 18px;}
			.thumbnails .thumbnail p{font-size: 16px;}
			.thumbnails .thumbnail a{font-size: 17px;}
		}
		@media (max-width: 1399px) {
			.thumbnails .thumbnail .caption{height: 275px;padding:15px;}
			.thumbnails .thumbnail h4{font-size: 20px;}
				html[dir="ltr"] .thumbnails .thumbnail h4{font-size: 17px;}
			.thumbnails .thumbnail p{font-size: 15px;}
			.thumbnails .thumbnail a{font-size: 16px;}
		}
		@media (max-width: 1199px) {
			.thumbnails .thumbnail .caption{height: 180px;}
			.thumbnails .thumbnail h4{font-size: 18px;}
				html[dir="ltr"] .thumbnails .thumbnail h4{font-size: 15px;}
			.thumbnails .thumbnail p{font-size: 13.5px;}
			.thumbnails .thumbnail a{font-size: 15px;}
		}
		@media (max-width: 991px) {
			.thumbnails .thumbnail h4{font-size: 17px;}
			.thumbnails .thumbnail p{font-size: 13px;}
			.thumbnails .thumbnail a{font-size: 14px;}
		}
		@media (min-width: 768px) {
			.thumbnails .thumbnail:hover{background:transparent url(../img/boxes/bg_items.png) top center no-repeat;background-size:100% 100%;}
			.thumbnails .thumbnail:hover *{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
			.thumbnails .thumbnail:hover h4{color:#fff;}
			.thumbnails .thumbnail:hover p{color:#fff;}
			.thumbnails .thumbnail:hover a{color:#fff;background: #02B58F;}
		}
		@media (max-width: 767px) {
			.thumbnails .thumbnail{
				background: rgba(26,142,181,1);
				background: -moz-linear-gradient(top, rgba(26,142,181,1) 0%, rgba(30,159,112,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,142,181,1)), color-stop(100%, rgba(30,159,112,1)));
				background: -webkit-linear-gradient(top, rgba(26,142,181,1) 0%, rgba(30,159,112,1) 100%);
				background: -o-linear-gradient(top, rgba(26,142,181,1) 0%, rgba(30,159,112,1) 100%);
				background: -ms-linear-gradient(top, rgba(26,142,181,1) 0%, rgba(30,159,112,1) 100%);
				background: linear-gradient(to bottom, rgba(26,142,181,1) 0%, rgba(30,159,112,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8eb5', endColorstr='#1e9f70', GradientType=0 );
			}
			
			.thumbnails .thumbnail h4{color:#fff;line-height: normal;font-size: 16px;}
			.thumbnails .thumbnail p{color:#fff;font-size: 12px;}
			.thumbnails .thumbnail a{color:#fff;font-size: 13px;background: #02B58F;}
		}
		@media (max-width: 767px) {
			.thumbnails .thumbnail{margin:0;}
			.thumbnails .thumbnail .caption{height: 220px;}
			
			html[dir="ltr"] .thumbnails .thumbnail h4,
			html[dir="rtl"] .thumbnails .thumbnail h4 {font-size: 16px;}
			
			.thumbnails .thumbnail p {font-size: 14px;text-align: justify;}
			
			.thumbnails .thumbnail a{font-size: 15px;}
		}
/* ==========================================================================
   Modal
   ========================================================================== */
	.modal input.form-control{height:48px;}
	.modal textarea.form-control{height:78px;}
	
	.modal {
	  text-align: center;
	  padding: 0!important;
	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px;
	}

	.modal-dialog {
	  display: inline-block;
	  vertical-align: middle;
	}
		html[dir="ltr"] .modal-dialog{text-align:left;}
		html[dir="rtl"] .modal-dialog{text-align:right;}
	
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}
	
	.modal .form-horizontal{padding:0 15px;}
	#loginBox, #forgotPsswdBox{}
	#forgotPsswdBox{display:none;}
	
/* ==========================================================================
   .boxCharts
   ========================================================================== */
	.owl-carousel .item{}
	
	.owl-carousel .owl-dots{display:none;}
	.owl-theme .owl-nav {
		margin-top: 10px;
		position: absolute;
		bottom: 25px;
		left: 135px;
		background: #fff;
		border-radius: 30px;
		box-shadow: box;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05);
	}
	.owl-theme .owl-nav [class*="owl-"]{
		background: none !important;color: #333 !important;
	}
		html[dir="rtl"] .owl-theme .owl-nav [class*="owl-"]{
			-webkit-transform: scaleX(-1);
			-moz-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			transform: scaleX(-1);

			filter: FlipH;
			-ms-filter: "FlipH";
		}
		
		@media (max-width: 767px) {
			.owl-theme .owl-nav{
				position: relative;
				left: 50%;
				bottom: 0;
				margin-left: -50px;
				width: 100px;
			}
		}
/* ==========================================================================
   scroller
   ========================================================================== */
   /* 
	.scroll down
	*************/
	.scroll {position:relative;width:100%;font-size:1.3em;margin-top:20px;display:inline-block;height:80px;}
	.scroll:hover {text-decoration:none;}
	.scroll:after {content:'';width:40px;height:40px;position:absolute;margin:auto;top:10px;right:0;left:0;-webkit-animation:3s arrow infinite ease;animation:3s arrow infinite ease;}
	.scroll:after { border-right:2px solid #FFF; border-bottom:2px solid #FFF; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);  } 
	@-webkit-keyframes arrow {
		0%,100% {top:10px;}
		50% {top:30px;}
	}
	@keyframes arrow {
		0%,100% {top:10px;}
		50% {top:20px;}
	}
	
	/* 
	.scrollTop
	**********/
	.scrollTop{display:none;position:fixed;bottom:8%;right:4%;z-index: 10;width: 60px;text-decoration:none;-webkit-animation:3s arrowTop infinite ease;animation:3s arrowTop infinite ease;}
	.scrollTop i{margin-top: 35px;width: 60px;height: 60px;line-height: 60px;color:#fff;font-size:20px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);}
	.scrollTop span{ display:block;margin-left: -12px;width:90px;color:#5D5D5D;font-size:20px;text-decoration:none; /* Safari */-webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
		html[dir="rtl"] .scrollTop{left: 4%;right: auto;}
		html[dir="rtl"] .scrollTop span{margin-right: -12px;}
		@media (max-width: 991px) {
			.scrollTop span{display:none;}
		}
	@-webkit-keyframes arrowTop {
		0%,100% {bottom: 8%;}
		50% {bottom: 10%;}
	}
	@keyframes arrow {
		0%,100% {bottom: 8%;}
		50% {bottom: 9%;}
	}

/* ==========================================================================
   .boxCharts
   ========================================================================== */
	.boxCharts{height: 400px; margin: 0 auto;}
	.boxCharts *{font-family: 'JF Flat';font-weight: 500;font-style:normal;}
		html[dir="ltr"] .boxCharts{direction:ltr;}
		html[dir="rtl"] .boxCharts{direction:rtl;}

/* ==========================================================================
   .tab-content > .tab-pane
   ========================================================================== */
	.tab-content > .tab-pane.{}
		@media (min-width: 768px) {
			.switched{display: none;}
		}
		@media (max-width: 767px) {
			.nav-tabs{display: none;}
			.switched{margin-top:10px;padding-bottom:10px;border-bottom: 1px solid #ccc;text-align: center;}
			.switched a{display: block;}
			.switched.active a{background: #ccc;}
		}
		
/* ==========================================================================
   #clients
   ========================================================================== */
	#clients{margin-bottom: 50px;padding: 30px 0;z-index:1;}
	#clients .page-title h2{margin-bottom: 40px;}
	#clients .owl-theme .owl-nav{bottom:-40px;left:0;}
	#clients .item{padding: 65px 0;}
	#clients .item a{display: block;margin: 0 auto;width: 123px;height:123px;}
	#clients .item img{max-width:123px;}
		@media (max-width: 767px) {
			#clients{padding-top:0;}
			#clients .item {padding-top: 0;}
			
			#clients .owl-theme .owl-nav{bottom: 0;left: 50%;width: 100px;}
		}
		
	#clients .list-icons .item{display: inline-block;vertical-align: top;}
	#clients .list-icons .item img{}
	
/* ==========================================================================
   .form
   ========================================================================== */
	/*	.form
	*************/
	.form{position:relative;top: -50px;margin-bottom:50px;padding: 50px 40px;background-color:#FFF;
		-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.03);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.03);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.03)";
		zoom: 1;
	}
	.form .focus label{position: relative;top: 41px;right: 10px;z-index:2;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
		html[dir="ltr"] .form .focus label{left: 11px;right: auto;}
	.form .focus .form-control{position: relative;z-index: 3;background: transparent;}
	.form label, .form .form-control, .form select option{color:#5D5D5D;font-size: 18px;font-weight: normal;}
	.form select, .form .form-control,
	.form .has-success .form-control, .form .has-error .form-control{
		height:48px;border:none;border-bottom: 1px solid rgba(93, 93, 93, 0.2);
		-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0)";
		zoom: 1;
	}
	.form .has-error .form-control{border-bottom-color: red;}
	.form .form-control:focus{border-bottom-color: #178DB4;}
	.form .form-control::-moz-placeholder {color: #5D5D5D;}
	.form .form-control:-ms-input-placeholder {color: #5D5D5D;}
	.form .form-control::-webkit-input-placeholder {color: #5D5D5D;}
	.form .btn-primary{float: right;display: block;margin: 25px 0;width: auto;min-width: 220px;height: 50px;line-height: 34px;color:#fff;font-size: 20px;font-weight: 500;-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);}
	.form .alert{display:none;margin: 25px 0;}
		html[dir="rtl"] .form .btn-primary{float: left;}
		@media (max-width: 1599px) {
			.form label, .form .form-control, .form select option{font-size: 16px;}
			.form .btn-primary{width: 150px;font-size: 17px;}
		}
		@media (max-width: 1399px) {
			.form{padding: 30px 25px;}
		}
		@media (max-width: 991px) {
			.form{top: 0;margin-top:30px;}
			.form label, .form .form-control, .form select option{font-size: 15px;}
			.form .btn-primary{font-size: 16px;}
		}
		@media (max-width: 767px) {
			.form label, .form .form-control, .form select option{font-size: 14px;}
			.form .btn-primary{font-size: 15px;}
		}
		@media (max-width: 767px) {
			.form label, .form .form-control, .form select option{font-size: 13px;}
			.form .btn-primary{font-size: 14px;}
		}
	
	/*	#contactUs
	*************/
	#contactUs{padding: 40px 0;background:transparent url(../img/background/bg_points.png) bottom right no-repeat;}
	#contactUs .page-title{margin-bottom: 80px;}
	#contactUs #gMaps{position:relative;background:transparent url(../img/background/map_rtl.png) 0 0 no-repeat;background-size:100% auto;}
	#contactUs #gMaps > div{position:relative;z-index:1;}
	#contactUs #gMaps:before{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;;background:transparent url(../img/background/pin_rtl.png) 0 0 no-repeat;background-size: 100% auto;content:"";}
		html[dir="ltr"]  #contactUs #gMaps{background-image: url(../img/background/map_ltr.png);}
		html[dir="ltr"]  #contactUs #gMaps:before{background-image: url(../img/background/pin_ltr.png);}
	#contactUs .address{}
	#contactUs .address li{
		display: block;float: left;margin:15px 2%;padding: 10px 0;width: 46%;background-color:#FFF;border: none;vertical-align: top;
		-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		-moz-box-shadow: 0 0px 9px -5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 0px 9px -5px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0px 9px -5px rgba(0, 0, 0, 0.5);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.5);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.5)";
		zoom: 1;
	}
	#contactUs .address li h4{margin: 10px 15px;color:#178DB4;font-size:21px;}
	#contactUs .address li p{position:relative;margin:10px 0;padding-left: 18px;color:#5D5D5D;font-size:14px;font-weight:normal;vertical-align: top;}
	#contactUs .address li p i{position: absolute;top:4px;left:0;}
	#contactUs .address li p a{color:#5D5D5D;}
	#contactUs .address li p a:hover{color:#178DB4;}
	
		html[dir="rtl"] #contactUs .address li{float: right;}
		html[dir="rtl"] #contactUs .address li p{padding-left: 0;padding-right: 18px;}
		html[dir="rtl"] #contactUs .address li p i{right: 0;left:auto;}
		@media (max-width: 1799px) {
			#contactUs .address li{float:none;margin:15px auto;width: 80%;}
			#contactUs .address li p{}
			
			html[dir="rtl"] #contactUs .address li{float: none;}
		}
		@media (max-width: 1399px) {
			#contactUs{padding:0;}
			#contactUs .address li{display:block;padding:8px 0;width: auto;}
			#contactUs .address li h4{font-size: 18px;}
			#contactUs .address li p{font-size: 13.5px;}
			#contactUs .form{padding: 30px 35px;}
		}
		@media (max-width: 1399px) {
			#contactUs{padding:0;}
			#contactUs .address li{display:block;padding:8px 0;width: auto;}
			#contactUs .address li h4{font-size: 18px;}
			#contactUs .address li p{font-size: 13.5px;}
			#contactUs .form{padding: 30px 35px;}
		}
		@media (max-width: 1199px) {
			#contactUs .address li h4{font-size: 17px;}
			#contactUs .address li p{font-size: 13px;}
		}
		@media (max-width: 991px) {
			#contactUs{padding: 0;}
			#contactUs .page-title{margin-bottom: 30px;}
			#contactUs .address li{display:inline-block;padding:8px;margin: 15px 0 15px 2%;width: 48%;}
			#contactUs .address li:nth-child(2n){margin-left: 0;}
			#contactUs .address li h4{font-size: 17px;}
			#contactUs .address li p{font-size: 12.5px;}
			#contactUs .form{margin: 0;margin-bottom:20px;}
		}
		@media (max-width: 767px) {
			#contactUs{padding: 0;}
			#contactUs .page-title{margin-bottom: 25px;}
			#contactUs .address li{margin:20px 0;}
			#contactUs .address li h4{font-size: 16px;}
			#contactUs .address li p{display:inline-block;font-size: 12px;}
		}
		@media (max-width: 639px) {
			#contactUs{padding: 0;}
			#contactUs .page-title{margin-bottom:15px;}
			#contactUs .address li{display: block;padding: 8px;margin: 15px auto;width: auto;max-width: 400px;}
			#contactUs .address li:nth-child(2n){margin-left: auto;}
			#contactUs .address li h4{font-size: 15px;}
			#contactUs .address li p{}
		}
	
	/*	#careers
	*************/
	#careers{margin-top:50px;padding:20px 0;overflow:hidden;}
	#careers .text-center img{margin:0 auto;}

	#careers .bgBuild{padding:40px 15px;}
	#careers .page-title{margin-bottom: 50px;}
	#careers .form{top: 0;margin-bottom:0;}
	#careers .form h4{margin-bottom:10px;color:#178DB4;font-size:22px;}
	#careers .form .scrollbox{height:140px;}
	#careers .form .domain .niceCheck{padding:15px;padding-left:70px; margin:  20px 0 0 20px;width: 40%;border:1px solid #efefef;background-color:#EFEFEF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;cursor:pointer;}
	#careers .form .domain .niceCheck:nth-child(2n){margin-left:0;}
	#careers .form .domain .niceCheck.checked{border-color: #178DB4;color: #178DB4;}
	#careers .form .domain .niceCheck:after{left:10px;top:50%;margin-top: -16px;width: 57px;height: 33px;border:none;background: transparent url(../img/icons/icons_57.png) 0 0 no-repeat;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=true,ShadowOpacity=0)";
		zoom: 1;
	}
	#careers .form .domain .niceCheck.odoo:after{background-position:	0 0;}
	#careers .form .domain .niceCheck.DB:after {background-position:	0 -34px;}
	#careers .form .domain .niceCheck.SP:after {background-position:	0 -68px;}
	#careers .form .domain .niceCheck.BI:after {background-position:	0 -102px;}
	#careers .form .domain .niceCheck.Dr:after {background-position:	0 -140px;}
	
	#careers .form .niceField a{display:block;margin-top:10px;margin-left:30px;width: auto;}
	#careers .form .niceField a:after{left:-30px;right: auto;}
		html[dir="rtl"] #careers .form .domain .niceCheck{padding:15px;padding-right:70px;margin:  20px 20px 0 0;}
		html[dir="rtl"] #careers .form .domain .niceCheck:nth-child(2n){margin-right:0;}
		html[dir="rtl"] #careers .form .domain .niceCheck:after{right:10px;left: auto;}
		html[dir="rtl"] #careers .form .niceField a{margin-left:0;margin-right:30px;}
		html[dir="rtl"] #careers .form .niceField a:after{left:auto;right:-30px;}
		@media (max-width: 1399px) {
			#careers{margin-top:0;background-size: 100% auto;}
			#careers .form .domain .niceCheck{margin:  15px 0 0 15px;width: 46%;font-size: 17px;}
			#careers .form h4{font-size:20px;}
		}
		@media (max-width: 1199px) {
			#careers .page-title{margin-bottom:0;}
			#careers .bgBuild{padding-top: 0;}
			#careers .form h4{font-size: 18px;}
		}
		@media (max-width: 767px) {
			#careers{padding:20px 0;}
			#careers .form h4{font-size: 16px;}
		}
		@media (max-width: 639px) {
			#careers{background:transparent url(../img/boxes/devices.png) center 80px no-repeat;background-size: 100%;}
			#careers .form h4{font-size: 14px;}
			#careers .form .domain .niceCheck{display:block;width: auto;font-size: 13px;}
				html[dir="rtl"] #careers .form .domain .niceCheck{margin: 10px 0;}
				html[dir="ltr"] #careers .form .domain .niceCheck{margin: 10px 0;}
		}

	/*	modal-body	*/
	.modal-body .align-center{text-align: center;}
	.modal-body .form{position:static;top: 0;margin: 0;padding: 15px 25px;background: rgb(233, 243, 251);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
	.modal-body .form h3{font-size: 18px;margin-top: 0;border-bottom: 1px solid rgba(93, 93, 93, 0.35);padding-bottom: 15px;}
	.modal-body .form .alert{margin: 20px 0;}
	
	html[dir="ltr"] .modal-body .form .btn{float: right;}

/* ==========================================================================
   Footer
   ========================================================================== */
   #footer{
	   position: fixed;width: 100%;bottom: 0;left: 0;right: 0;z-index: 0;
	   padding:15px 0;min-height: auto !important;height: auto !important;text-align:center;
   }
   #footer .copyright{float:right;}
   #footer .copyright p{margin:0;line-height:normal;color:#fff;font-size: 16px;font-weight:normal;}
   #footer ul{margin:0;}
		html[dir="rtl"] #footer .copyright{float:left;}
		@media (max-width: 1599px) {
			#footer .copyright p{font-size:18px;}
		}
		@media (max-width: 1399px) {
			#footer .copyright p{font-size:16px;}
		}
		@media (max-width: 1199px) {
			#footer .copyright p{font-size:15px;}
		}
		@media (max-width: 991px) {
			#footer .copyright p{font-size:14px;}
		}
		@media (max-width: 767px) {
			#footer .copyright{margin-top:10px;}
			#footer .copyright p{font-size:13px;}
		}
		@media (max-width: 639px) {
			#footer .copyright p{font-size:12px;}
		}
   
/* ==========================================================================
   gradient
   ========================================================================== */
	.h-gradient{
		background: -moz-linear-gradient(0deg, rgba(30,159,111,1) 0%, rgba(26,142,181,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30,159,111,1)), color-stop(100%, rgba(26,142,181,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(0deg, rgba(30,159,111,1) 0%, rgba(26,142,181,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(0deg, rgba(30,159,111,1) 0%, rgba(26,142,181,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(0deg, rgba(30,159,111,1) 0%, rgba(26,142,181,1) 100%); /* ie10+ */
		background: linear-gradient(90deg, rgba(30,159,111,1) 0%, rgba(26,142,181,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9f6f', endColorstr='#1a8eb5',GradientType=1 ); /* ie6-9 */  
	}
	.h-gradient-reverse{
		background: -moz-linear-gradient(0deg, rgba(26,142,181,1) 0%, rgba(30,159,111,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(26,142,181,1)), color-stop(100%, rgba(30,159,111,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(0deg, rgba(26,142,181,1) 0%, rgba(30,159,111,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(0deg, rgba(26,142,181,1) 0%, rgba(30,159,111,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(0deg, rgba(26,142,181,1) 0%, rgba(30,159,111,1) 100%); /* ie10+ */
		background: linear-gradient(90deg, rgba(26,142,181,1) 0%, rgba(30,159,111,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8eb5', endColorstr='#1e9f6f',GradientType=1 ); /* ie6-9 */ 
	}
	
	.h-gradient-reverse:hover{-webkit-animation: bgAnimate 7s ease infinite;-moz-animation: bgAnimate 7s ease infinite;-o-animation: bgAnimate 7s ease infinite;animation: bgAnimate 7s ease infinite;}
	.h-gradient:hover{-webkit-animation: bgAnimate 7s ease infinite;-moz-animation: bgAnimate 7s ease infinite;-o-animation: bgAnimate 7s ease infinite;animation: bgAnimate 7s ease infinite;}

	.gradient-animate{position:relative;z-index:1;}
	.gradient-animate::before {
	  position: absolute;
	  content: "";
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width:100%;height:100%;
	  z-index: -1;
	  -webkit-transition: opacity 0.5s linear;-moz-transition: opacity 0.5s linear;-o-transition: opacity 0.5s linear;transition: opacity 0.5s linear;
	  opacity: 0;
	}
	.gradient-animate:hover::before {
	  opacity: 1;
		background: linear-gradient(261deg, #1a8eb5, #1e9f6f);
		background-size: 400% 400%;
		
		-webkit-animation: bgAnimate 7s ease infinite;
		-moz-animation: bgAnimate 7s ease infinite;
		-o-animation: bgAnimate 7s ease infinite;
		animation: bgAnimate 7s ease infinite;
	}
   
/*------------------------------------------------------
           Responsive
--------------------------------------------------------*/
 @-webkit-keyframes bgAnimate {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes bgAnimate {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes bgAnimate {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes bgAnimate {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 767px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (max-width: 991px) {
	
}

@media (min-width: 991px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) {}

@media (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1400px) {}