/***************** =============================================================================================================================================================================================================================================================****************/
	 /* Table of content

	*) Google fonts import url
	*) General css
	*) Navigation
	*) video-section
	*) scroll to top
	*) key Features
	*) mobile_features_section
	*) fact_section
	*) view-demo-section
	*) web-features
	*) Footer
	*) Media query
	*/
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* *) Google fonts import url */
	@import url('https://fonts.googleapis.com/css?family=Open+Sans');
	@import url('https://fonts.googleapis.com/css?family=Montserrat');
	@import url('https://fonts.googleapis.com/css?family=Lato:300');
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* *) General css */
	html, body
	{
		height: 100%;
		font-family: 'Open Sans', sans-serif !important;
	}
	a
	{
		text-decoration: none;

	}
	a:hover
	{
		text-decoration: none;

	}
	.form-control:focus {
		border-color: #ccc !important;
		outline: 0 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
	{
		display: inline-block !important;
	}
	section
	{
		padding:4em 0;
	}

	.btn-check
	{
		color: #f73d5d;
		font-size: 17px !important;
		border-radius: 0 !important;
		border:1px solid #000 !important;
		margin: 20px 0 0 0 !important;
		padding: 9px 20px !important;
	}
	.btn-check:hover
	{
		color: #C2EDC6 !important;
	}
	 /***************** =============================================================================================================================================================================================================================================================****************/
	/* *) Navigation */
	.welcome_outer .navbar-default
	{
		/*background: #fff;*/
		background:transparent;
		font-weight: 700;
		margin-bottom: 0px;
		border:none;
		border-radius: 0px;
		font-family: 'Montserrat', sans-serif

	}
	.welcome_outer .navbar-default .navbar-brand
	{
		color:#fff;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.welcome_outer .navbar-default .navbar-nav>li>a
	{
		color: #fff;
		letter-spacing: 0.9px;
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.welcome_outer .navbar-default .navbar-nav>li>a:hover,
	.welcome_outer .navbar-default .navbar-brand:hover
	{
		 color: #fff;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		background: transparent !important;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* video-section */
			
	.video-section #video-background 
	{
		position: absolute;
		right: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: 1;
	}
	 .video-section
	{
		position: relative;
		min-height: 800px;
		font-family: 'Montserrat', sans-serif;
	}
	.video-section h1
	{
		font-size: 72px;
		max-width:960px;,
		margin-top:0px;
		margin: 0px auto;
		line-height: 59px;
		letter-spacing: 2px;
		/*text-shadow: 0px 1px 1px #fff;*/
	}
	.video-section p.lead
	{
		margin-top: 20px;
		max-width: 600px;
		margin: 20px auto;
		line-height: 40px;
	}
	.video-section .navbar
	{
		position: relative;
		z-index: 2;
		background: transparent !important;
		border-bottom: none !important;
	}
	.video-section  .header-content {
		position: relative;
		width: 100%;
		padding: 10px 15px 50px 15px;
		text-align: center;
		z-index: 2;
		color: #fff;
		display: table;
		height: 550px;
		overflow: hidden;
	}
	.video-section  .header-content .inner
	{
		display: table-cell;
		vertical-align: middle;
		
	}
	/***************** =============================================================================================================================================================================================================================================================****************/

	/* scroll to top */
	.welcome_outer #scroll {
		position:fixed;
		right:10px;
		bottom:10px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:rgba(0,0,0,0.6);

		display:none;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		outline: none;
	}
	.welcome_outer #scroll i {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		color:#fff
	}
	.welcome_outer #scroll:hover {
		background-color:rgba(0,0,0,0.6);
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}
	.welcome_outer #scroll:focus
	{
		outline: none;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* key Features */
	section.key_features
	{
		 background: #EDF3EE;
	}
	section .theme-heading
	{
		padding-bottom: 3em;
	}
	section .theme-heading span
	{
		font-family: 'Montserrat', sans-serif;
		color:#ccc;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 1.5px;
	}
	section .theme-heading h1
	{
		font-size: 42px;
		line-height: 52px;
	}
	section .theme-heading p
	{
		font-size: 18px;
		line-height: 28px;
		color: #444;
	}
	section .features_listing_content span.icon
	{
		margin-bottom: 20px;
	}
	section .features_listing_content .icon i
	{
		color: #aaa;
		font-size: 35px;
	}
	/*section .features_listing_content
	{
		padding: 30px 30px 0px 30px;
		-webkit-transition: 0.7s;
		-o-transition: 0.7s;
		transition: 0.7s;
		    min-height: 320px;
		
	}*/
	section .features_listing_content {
		padding: 30px;
		-webkit-transition: 0.7s;
		-o-transition: 0.7s;
		transition: 0.7s;
		min-height: 380px;
		}
	section .features_listing_content:hover,
	section .features_listing_content:focus
	{

    background: #C2EDC6;
    -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
	}
	section .features_listing_content:hover  h3,section .features_listing_content:focus  h3,
	section .features_listing_content:hover  p, section .features_listing_content:focus  p,
	section .features_listing_content:hover .icon i, section .features_listing_content:focus .icon i
	{
		color:#000;
	}
	section .features_listing_content  h3
	{
		font-size: 22px;
		color: #F73859;
		line-height: 32px;
	}
	section .features_listing_content  h3.queue
	{
		height: 64px;
	}
	section .features_listing_content  p
	{
		font-size: 16px;
		line-height: 28px;
		color: #828282;
	}
	section .features_listing_content  h3, 	section .features_listing_content  p
	{
		margin-bottom: 30px;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* mobile_features_section */
	section.mobile_featureslist_section ul.list-unstyled
	{
		padding-top:5em;
	}
	section.mobile_featureslist_section ul.list-unstyled
	{
		text-align:center !important;
	}

	section.mobile_featureslist_section ul.list-unstyled li
	{
		padding: 12px 0 20px 0;
	}
	section.mobile_featureslist_section ul.list-unstyled li p
	{
		line-height: 26px;
		font-size: 15px;
	}
	section.mobile_featureslist_section ul.list-unstyled li p.lead
	{
		margin: 5px;
		font-weight: 700;
		color: #F73859;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 16px;
		font-family: 'Montserrat', sans-serif;
	}
	section.mobile_featureslist_section .phone_img
	{
		padding-top: 5em;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* fact_section*/

	section.fact_section .feature-center
	{
		padding: 30px;
		 float: left;
		width: 100%;
		position: relative;
		bottom: 0;
		margin-bottom: 40px;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	section.fact_section .feature-center .counter {
		font-size: 50px;
		margin-bottom: 10px;
		color: #000;
		font-weight: 100;
		display: block;
		font-family: 'Lato', sans-serif;
		-webkit-transition: 0.6s;
		-o-transition: 0.6s;
		transition: 0.6s;
	}
	section.fact_section .feature-center  .counter-label {
		margin-bottom: 0;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.5);
		letter-spacing: .1em;
		font-size: 16px;
		text-align: center;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* view-demo-section*/
	section.View-demo-section
	{
		background-image:url("../images/handyphone.jpg");
		background-position: center center;
		background-attachment: fixed;
		color:#fff;
		padding:0;
		position: relative;
	}
	section.View-demo-section .container
	{
		padding: 4em 0;
	}
	section.View-demo-section .view-demo-overlay
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
	}
	section.View-demo-section  .theme-heading p, section.view-demo-section  .theme-heading h1, section.view-demo-section  .theme-heading
	{
		color:#fff;

	}
	section.View-demo-section  .user_app
	{
		padding: 30px 0 20px 0;
	}
	section.View-demo-section  .user_app img
	{
		padding: 10px 15px;
	}
	section.View-demo-section  .user_app  p.lead
	{
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: 'Lato', sans-serif;
		font-size: 19px;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* web-features*/
	section.web-features, section.fact_section
	{
		background: #f0f5f9;
	}
	section.web-features  .web-feature-card
	{

		background: #fff;
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding: 40px 20px;
		-webkit-box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
		-moz-box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
		box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
		position: relative;
		bottom: 0;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
		 min-height: 290px;
	}
	section.web-features  .web-feature-card:hover
	{
		bottom: 10px;
	}
	section.web-features  .web-feature-card p.lead
	{
		text-transform: uppercase;
		color: #f73d5d;
		letter-spacing: .5px;
		font-family: 'Montserrat', sans-serif;
	}
	section.web-features  .web-feature-card p
	{
		line-height:30px;

	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* Footer */
	footer
	{
		background:rgba(00, 66, 00, 0.9);
		padding: 5em 0;
		color:#cec8c8;
	}
	footer a, footer a:hover
	{
		/*color:#fff;*/
		text-decoration: none;
	}
	footer .container h3.section_title
	{
		font-size: 22px;
		position: relative;
		padding-bottom: 20px;
		color:#fff;
		margin-bottom: 26px;
	}
	footer .container p
	{
		line-height: 25px;
	}

	footer .contact_info li
	{
			font-size: 14px;
		list-style: none;
		margin: 0 0 20px 0;
		position: relative;
		padding-left: 40px;
	}
	footer .contact_info li>i
	{
			position: absolute;
		top: 0;
		left: 0;
		font-size: 20px;
	}
	footer .comment_section .form-control
	{
		border: none;
		border-radius: 0px;
	}
	footer .comment_section .form-group:focus
	{
		outline: none;
		border-radius: 0px;
	}
	footer .comment_section .form-group .btn
	{
			background: transparent;
		color: #fff;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		border: 1px solid #fff;
	}
	footer .social_media i
	{
		font-size: 20px;
	}
	footer ul.social_media li
	{
		display: inline;
		padding:0px 10px;
	}
	footer ul.social_media li a,
	footer ul.contact_info li i
	{
		color:#fff;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		o-transition: all ease 0.5s;
	}
	footer ul.social_media li a:hover
	{
		 color: #f6647e;
		 text-decoration: none !important;
	}
	/***************** =============================================================================================================================================================================================================================================================****************/
	/* media query */
	@media(max-width: 991px)
	{
		section.features .features_heading_content p
		{
				margin-bottom: 25px;
		}
		section, section.View-demo-section .container
		{
			padding:2em 0;
		}
		 .video-section
		{
			min-height: 700px;
		}
	}
	@media(max-width: 768px)
	{
		section.main_bg .main_bg_content
		{
			padding-top: 5em;
		}

		#first_slide p
		{
			line-height: 18px !important;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form
		{
			background:#fff;
		}
		
		.welcome_outer .hero_two
		{
			line-height: 12px !important;
		}

	}

	@media(min-width: 320px) and (max-width: 767px)
	{
		section .features_listing_content
		{
			padding: 20px;
			margin-bottom: 0px;
		}
		.welcome_outer .navbar-default .navbar-nav>li>a
		{
			color:#000 !important;
		}

		section .theme-heading
		{
			padding-bottom: 10px;
		}
		section.web-features  .web-feature-card:hover,
		section.fact_section .feature-center:hover, section.fact_section .feature-center:focus
		{
			bottom: 0;
		}
		section.fact_section .feature-center
		{
			margin-bottom: 0;
		}
		section.mobile_featureslist_section ul.list-unstyled li {
			padding: 5px;
		}
		
	}
	@media(min-width: 320px) and (max-width: 991px)
	{
		section.mobile_featureslist_section section .theme-heading,
		section.mobile_featureslist_section section .theme-heading
		{
			padding:0;
		}

		section.mobile_featureslist_section ul.list-unstyled
		{
			padding-top: 1em;
		}
		section.mobile_featureslist_section .phone_img
		{
			padding-top: 0em;
		}
		section.mobile_featureslist_section ul.list-unstyled
		{
			padding-top: 2em;
		}
		section.mobile_featureslist_section ul.list-unstyled:last-child,
		section.mobile_featureslist_section ul.list-unstyled:first-child
		{
			text-align: left !important;
		}
		.video-section h1
		 {
			font-size: 32px;
			line-height: 51px;
		 }
		 
		.video-section
		 {
			background-image: url("../images/albassami.jpg");
			background-size: cover;
			background-position: center center;
			padding:0;
		 }
		.video-section #video-background
		 {
			 display: none;
		 }
		 .video_section_overlay
		 {
			 position: absolute;
			 width: 100%;
			 height: 100%;
			 background: rgba(0,0,0,0.45);
		 }
		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
		{
			background: transparent;
		}
	}