/*******************************************************************************************************
 *******************************************************************************************************
                          CSS Project : Home
 *******************************************************************************************************
 *******************************************************************************************************/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
	#mainContent > section{margin:0 -15px;}
	#mainContent > section > div{padding:0 15px;}
	@media (min-width: 992px) {
		.slides-page #mainContent > section > div{padding:0 15px;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
/* ==========================================================================
   #banner
   ========================================================================== */
	#banner{position:relative;}
	#banner .item > div{display: inline-block;float: none;vertical-align: middle;padding: 0;margin:0 5%;width: 39%;}
	#banner h1{line-height: 50px;color:#262D3A;font-size:38px;}
		html[dir="ltr"] #banner h1{font-size:32px;font-weight:600;}
	#banner p{line-height: 28px;width: 50%;color:#5D5D5D;font-size: 16px;text-align: justify;}
	
	#banner .owl-carousel{margin-bottom:40px;}
	#banner .owl-carousel .owl-item img{margin:0 auto;width:100%;max-width: 699px;}
		@media (max-width: 1399px) {
			#banner h1{font-size: 28px;}
			#banner p{width: 70%;font-size: 16px;}
		}
		@media (max-width: 1199px) {
			#banner p{width: 70%;}
		}
		@media (max-width: 991px) {
			#banner{margin-bottom: 50px;}
			#banner .owl-carousel{margin-bottom: 30px;}
			#banner h1{line-height: 34px;font-size: 22px;}
			#banner p{width: auto;font-size: 14px;}
		}
		@media (max-width: 767px) {
			#banner{margin-bottom: 50px;}
			#banner .owl-carousel{margin-bottom: 20px;}
			#banner h1{line-height: 38px;font-size: 20px;}
			#banner p{width: auto;font-size: 14px;}
		}
		@media (max-width: 639px) {
			#banner .item > div{display: block;float: none;margin:0;width: auto;}
			#banner .owl-carousel .owl-item img{max-width: 320px;width:auto;margin:0 auto;}
			#banner h1{line-height: 38px;font-size: 18px;}
			#banner p{width: auto;font-size: 12px;}
		}

	.socialRight{position:absolute;left:50px;top:50%;margin-top:-40px;z-index:3;}
	.socialRight li{margin:15px 0;}
		html[dir="rtl"] .socialRight{right:50px;left: auto;}
		@media (max-width: 767px) {
			.socialRight{top:10%;left:10px;margin:0;}
				html[dir="rtl"] .socialRight{right:10px;left: auto;}
		}
	
	.devTools{}
	.devTools ul li {margin: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.devTools ul li a{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
	.devTools ul:hover li a {-webkit-filter: blur(2px);filter: blur(2px);transform: scale(0.7);}
	.devTools ul:hover li:hover a {-webkit-filter: blur(0px);filter: blur(0px);transform: scale(1);}
	.devTools ul li a{display:block;}
	.devTools ul li .tooltip-inner{font-size:20px;font-family: 'JF Flat';font-weight:500;}
	
	.animatedBox{position:relative;margin:0 auto;width: 100%;max-width: 600px;}
	.animatedBox img{}
	.animatedBox img:not(:first-child){
		position:absolute;top:0;left:0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	/* ==========================================================================
  .boxNewslettre
   ========================================================================== */
	.boxNewslettre{
		margin:20px 0;width:500px;
		-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
		-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);
	}
	.boxNewslettre .form-group{margin:0;}
	.boxNewslettre .form-control{
		width:310px;height: 58px;color:#6B6B6B;font-size:20px;background-color: #fff;border-color: transparent;
		-webkit-border-radius: 0 29px 29px 0;-moz-border-radius: 0 29px 29px 0;border-radius: 0 29px 29px 0;
	}html[dir="rtl"] .boxNewslettre .form-control{float:right;-webkit-border-radius: 29px 0 0 29px;-moz-border-radius: 29px 0 0 29px;border-radius: 29px 0 0 29px;}

	.boxNewslettre .form-control::-moz-placeholder {color: #d2d2d2;}
	.boxNewslettre .form-control:-ms-input-placeholder {color: #d2d2d2;}
	.boxNewslettre .form-control::-webkit-input-placeholder {color: #d2d2d2;}

	.boxNewslettre .btn{float:left;width: 190px;height:58px;color:#fff;font-size: 22px;border:none;-webkit-border-radius: 29px 0 0 29px;-moz-border-radius: 29px 0 0 29px;border-radius: 29px 0 0 29px;}
		html[dir="rtl"] .boxNewslettre .btn{float:right;-webkit-border-radius: 0 29px 29px 0;-moz-border-radius: 0 29px 29px 0;border-radius: 0 29px 29px 0;}
		@media (max-width: 1599px) {
			.boxNewslettre .form-control{font-size: 18px;}
			.boxNewslettre .btn{font-size: 18px;}
		}
		@media (max-width: 1199px) {
			.boxNewslettre{width: auto;}
			.boxNewslettre .form-group{float: left;width: 70%;}
				html[dir="rtl"] .boxNewslettre .form-group{float:right;}
			.boxNewslettre .form-control{width: 100%;height: 45px;font-size: 17px;}
			.boxNewslettre .btn{width: 30%;height:45px;font-size: 17px;}
		}
		@media (max-width: 991px) {
			.boxNewslettre .form-control{font-size: 16px;}
			.boxNewslettre .btn{font-size: 16px;}
		}
		@media (max-width: 767px) {
			.boxNewslettre .form-control{font-size: 16px;}
			.boxNewslettre .btn{font-size: 16px;}
		}
		@media (max-width: 639px) {
			.boxNewslettre .form-control{font-size: 14px;}
			.boxNewslettre .btn{font-size: 14px;}
		}
	
	
	/*	#aboutUs
	*************/
	#aboutUs{padding:50px 0;}
	#aboutUs h2{margin:30px 0 50px 0;}
	#aboutUs .shortDesc{line-height:40px;color: #5D5D5D;font-size: 18px;text-align: justify;}
	
	.videoBox{padding:100px 15px;text-align:center;background:transparent url(../../img/boxes/bg_row_1.png) center no-repeat;}
	.videoBox .splash{position:relative;margin:0 auto;width:100%;max-width:713px;}
	.videoBox a{position:absolute;top:50%;left:50%;margin: -71px 0 0 -71px;display:block;}
		@media (max-width: 1599px) {
			#aboutUs .shortDesc{font-size: 16px;}
		}
		@media (max-width: 1399px) {
			#aboutUs .shortDesc{font-size: 15px;}
		}
		@media (max-width: 1199px) {
			#aboutUs .shortDesc{font-size: 14px;}
			.videoBox{background-size:100% auto;}
		}
		@media (max-width: 991px) {
			#aboutUs h2{margin:20px 0;}
			#aboutUs .shortDesc{font-size: 14px;}
			.videoBox .splash{width: 80%;}
		}
		@media (max-width: 767px) {
			#aboutUs h2{margin:20px 0;}
			#aboutUs .shortDesc{font-size: 13px;}
			.videoBox{padding:0;margin: 20px 0 40px 0;background-size:100% 100%;}
			.videoBox .splash{width: 70%;margin:0 auto;}
		}
		@media (max-width: 639px) {
			#aboutUs{padding: 0;}
			#aboutUs .shortDesc{font-size: 14px;}
		}

	
	/*	#statics
	*************/
	#statics{padding: 30px 0;z-index:1;}
	#statics li{text-align:center;}
	#statics li i{display:block;margin:20px auto;}
	#statics li span{color:#fff;font-size: 30px;}
		html[dir="ltr"] #statics li span{font-size: 24px;font-weight:600;}
	#statics li p{color:#fff;font-size: 24px;}
		html[dir="ltr"] #statics li p{font-size: 20px;}
		@media (max-width: 1599px) {
			#statics li span{font-size: 29px;}
			#statics li p{font-size: 23px;}
				html[dir="ltr"] #statics li span{font-size: 22px;}
				html[dir="ltr"] #statics li p{font-size: 18px;}
		}
		@media (max-width: 1399px) {
			#statics li span{font-size: 26px;}
			#statics li p{font-size: 20px;}
				html[dir="ltr"] #statics li span{font-size: 22px;}
				html[dir="ltr"] #statics li p{font-size: 18px;}
		}
		@media (max-width: 1199px) {
			#statics{padding: 20px 0;}
			#statics li i{margin:15px auto;}
			#statics li span{font-size: 24px;}
			#statics li p{font-size: 17px;}
				html[dir="ltr"] #statics li span{font-size: 18px;}
				html[dir="ltr"] #statics li p{font-size: 16px;}
		}
		@media (max-width: 991px) {
			#statics li span{font-size: 22px;}
			#statics li p{font-size: 16px;}
				html[dir="ltr"] #statics li span{font-size: 16px;}
				html[dir="ltr"] #statics li p{font-size: 14px;}
		}
		@media (max-width: 767px) {
			#statics{padding: 15px 0;}
			#statics ul{padding:0;list-style-type: none;}
			#statics li{padding-bottom:15px;border-bottom:1px solid #fff;}
			#statics li:last-child{border:none;}
			#statics li i{margin:15px auto;}
			#statics li span{font-size: 18px;}
			#statics li p{font-size: 14px;}
				html[dir="ltr"] #statics li span{font-size: 16px;}
				html[dir="ltr"] #statics li p{font-size: 14px;}
		}

	/*	#ourServices
	*****************/
	#ourServices{padding:80px 0;background:transparent url(../../img/background/bg_laptop.png) center center no-repeat;}
	#ourServices .page-title{margin-bottom: 60px;}
	#ourServices .owl-carousel .owl-stage-outer{padding: 20px 0;}
	#ourServices .owl-theme .owl-nav{bottom: -20px;left: 45px;}
		@media (max-width: 1599px) {	}
		@media (max-width: 1399px) {
			#ourServices{padding:80px 0;}
		}
		@media (max-width: 1199px) {
			#ourServices{padding: 50px 0;background-size:100% 100%;}
		}
		@media (max-width: 991px) {
			#ourServices{background-size:100% auto;}
			#ourServices .page-title{margin: 30px 0;}
		}
		@media (min-width: 768px) {
			#ourServices .thumbnails .thumbnail:hover{background:transparent url(../../img/boxes/bg_items.png) 0 0 no-repeat;}
		}
		@media (max-width: 767px) {		}
		@media (max-width: 767px) {
			#ourServices{padding: 20px 0;}
			#ourServices .owl-carousel .owl-stage-outer{padding:0;}
			#ourServices .owl-theme .owl-nav{bottom: 0;left: 50%;width: 100px;}
		}
		

	/*	#ourServices
	*************/
	#ourProducts{padding:80px 0;}
	#ourProducts .page-title{margin-bottom:20px;}
	#ourProducts .list-inline{margin-left:0;}
	#ourProducts .list-inline li{position:relative;margin: 30px 3%;width: 80%;z-index:1;}
	
	#ourProducts .list-inline.item-6 li{margin: 30px 6%;width: 80%;vertical-align: top;}
	
	#ourProducts .list-inline li .thumbnail{
		border: none;
		-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);
	}
	#ourProducts .list-inline li img{max-width:122px;}
	#ourProducts .list-inline li h3{margin: 0 0 20px 0;color: #1A9C80;font-size: 16px;text-align:center;} 
	#ourProducts .list-inline li .caption{ 
		position:absolute;text-align:center;overflow:hidden;top:50%;left:50%;width:0;height:0;z-index:-1;opacity:0;
		background: rgb(26,142,181);background: linear-gradient(180deg, rgba(26,142,181,1) 0%, rgba(28,151,148,1) 50%, rgba(30,159,111,1) 100%);
		-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	}
	#ourProducts .list-inline li .caption .shorter{height: 260px;overflow:hidden;opacity:0;} 
	#ourProducts .list-inline li .caption h4{color:#fff;font-size: 26px;} 
	#ourProducts .list-inline li .caption p{margin:0 15%;line-height:30px;color:#fff;font-size: 18px;font-weight:normal;} 
	#ourProducts .list-inline li .caption .btn{display:none;} 
	#ourProducts .list-inline li .caption > a{
		position:absolute;bottom: -1px;left:0;z-index: 4;padding:18px 18px 12px 12px;background-color:#FFF;
		-webkit-border-radius: 0 100% 0 0;-moz-border-radius: 0 100% 0 0;border-radius: 0 100% 0 0;
		-webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);-moz-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);
	}
		html[dir="ltr"] #ourProducts .list-inline li .caption > a{left: auto;right:0;padding:20px 12px 12px 18px;-webkit-border-radius: 100% 0 0 0;-moz-border-radius: 100% 0 0 0;border-radius: 100% 0 0 0;}
	#ourProducts .list-inline li .caption > a:hover i{background-position: -100px 0;-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
	#ourProducts .list-inline li .caption > a:hover{
	  -webkit-animation: shadown 2s infinite; /* Safari 4+ */
	  -moz-animation:    shadown 2s infinite; /* Fx 5+ */
	  -o-animation:      shadown 2s infinite; /* Opera 12+ */
	  animation:         shadown 2s infinite; /* IE 10+, Fx 29+ */
	}
	#ourProducts .list-inline li:hover{z-index: 3;}
	#ourProducts .list-inline li:hover .caption,
	#ourProducts .list-inline li:hover .caption *{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	#ourProducts .list-inline li .open .caption,
	#ourProducts .list-inline li:hover .caption{display:block;z-index:3;top: -20%;left: -10%;width: 120%;height: 140%;opacity:1;}
	#ourProducts .list-inline li .open .caption .shorter,
	#ourProducts .list-inline li:hover .caption .shorter{opacity:1;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}

	#ourProducts .btn-primary{float: none;display: block;margin: 25px auto;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);}
	
	html[dir="ltr"] #ourProducts .list-inline li .caption > a{left: auto;right:0;padding:20px 12px 12px 18px;-webkit-border-radius: 100% 0 0 0;-moz-border-radius: 100% 0 0 0;border-radius: 100% 0 0 0;}

		@media (max-width: 1599px) {
			#ourProducts .list-inline li .caption h4{font-size: 26px;} 
			#ourProducts .list-inline li .caption p{font-size: 18px;}
		}
		@media (max-width: 1399px) {
			#ourProducts .list-inline li{width: 27%;}
			
			#ourProducts .list-inline.item-6 li{margin: 15px 2%;width: 80%;}
			
			#ourProducts .list-inline li .caption h4{font-size: 24px;} 
			#ourProducts .list-inline li .caption p{font-size: 17px;}
		}
		@media (max-width: 1199px) {
			#ourProducts .list-inline li{width: 27%;}
			#ourProducts .list-inline.item-6 li{margin: 15px 2%;width: 42%;}
			
			#ourProducts .list-inline li .open .caption,
			#ourProducts .list-inline li:hover .caption{top: -10%;left: -5%;width: 110%;height: 120%;opacity:1;}
	
			#ourProducts .list-inline li .caption .shorter{height: 180px;}
			
			#ourProducts .list-inline li .caption h4{font-size: 19px;} 
			#ourProducts .list-inline li .caption p{line-height:26px;font-size: 16px;}
		}
		@media (max-width: 991px) {
			#ourProducts{padding: 30px 0;}
			#ourProducts .list-inline li .caption{top: -10%;left: -10%;width: 120%;height: 130%;}
			#ourProducts .list-inline li .caption .shorter{height: 160px;} 
			#ourProducts .list-inline li .caption h4{font-size: 18px;} 
			#ourProducts .list-inline li .caption p{font-size: 15.5px;line-height:32px;}
		}
		@media (max-width: 767px) {
			#ourProducts{padding:30px 0;}
			#ourProducts .list-inline li{margin:25px 7%;width: 35%;}
			
			#ourProducts .list-inline.item-6 li{margin: 15px 2%;width: 42%;}
			
			#ourProducts .list-inline li .caption h4{font-size: 17.5px;} 
			#ourProducts .list-inline li .caption p{font-size: 15px;}
		}
		@media (max-width: 639px) {
			#ourProducts .list-inline li, #ourProducts .list-inline.item-6 li{margin:25px 0 0 0;padding:0;width: 100%;}
			
			#ourProducts .list-inline li .thumbnail{padding:0;background-color: #e9f3fb;-webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
			#ourProducts .list-inline li .thumbnail > a{display: block;padding:15px 0;}
			#ourProducts .list-inline li h3{display: none;}
			#ourProducts .list-inline li .caption,
			#ourProducts .list-inline li:hover .caption,
			#ourProducts .list-inline li .caption .shorter,
			#ourProducts .list-inline li:hover .shorter{opacity:1;position:static;top:auto;left: auto;width:auto;height:auto;}
			
			#ourProducts .list-inline li .caption{padding-bottom: 30px;}

			#ourProducts .list-inline li .caption h4{font-size: 16px;} 
			#ourProducts .list-inline li .caption p{margin:0 10px;font-size: 14px;text-align: justify;}
			
			html[dir="ltr"] #ourProducts .list-inline li .caption > a{bottom: 20px;}
			html[dir="rtl"] #ourProducts .list-inline li .caption > a{bottom: 20px;}
		}
		
	.viewModal .modal-header {padding: 15px 35px;}
	.viewModal .modal-title{color: #1e9e72;font-size:22px;}
	.viewModal .col-sm-4{text-align:center;}
	.viewModal .col-sm-4 img{display:inline-block;}
	.viewModal .desc{margin:15px 0 30px 0;padding:0 20px;line-height: 28px;font-size: 16px;text-align: justify;}
	.viewModal .btn-primary{margin-bottom: 20px;padding:10px 20px;font-size: 16px;}

/* ==========================================================================
   .pagination
   ========================================================================== */
	#mainContent .pagination { position: fixed; right: 4%; top: 30%; width:24px; font-size: 1.4em; z-index: 10;}
	#mainContent .pagination li {display:block;}
	#mainContent .pagination a { display: block; margin-bottom: 5px; color: white; position: relative; background: none; border: 1px solid transparent; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width: 20px; height: 20px; padding: 0;}
	#mainContent .pagination a span { background-color: #5D5D5D; display: block; width: 12px; height: 12px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin: 3px; opacity:0.22; }
	#mainContent .pagination .active a span {opacity: 1;}
	#mainContent .pagination .scroll-next i{margin-top: 20px;cursor:pointer;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}
		html[dir="rtl"] #mainContent .pagination {left: 4%; right: auto; }


@-webkit-keyframes pulse {  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
			
@-moz-keyframes pulse {  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
			
@-o-keyframes pulse {  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
			
@keyframes pulse {  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
			
			
			
@-webkit-keyframes shadown {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes shadown {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
/* ==========================================================================
   Responsive 
   ========================================================================== */
@media (max-width: 480px) {}

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

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

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

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

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

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

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

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