/*
    - Template Name: appy
    - Template URI: http://appy.bitballoon.com/
    - Author: Mohamed Kamel
    - Author URI: https://www.facebook.com/M.Kamel090
    - Description: appy This is html5 template for App Landing Page
    - Version: 1.2
    - Tags: HTML, Mobile App, Template, Landing Page , Responsive
    - Thame Color - 1 > Main Css
*/
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidKufi-Bold.eot);
  src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(../fonts/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}
.home-slide .overlay, #features .overlay, #download .overlay, #contact .overlay, #team .overlay{
	/*background: -moz-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background: -webkit-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background: -ms-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);*/
	background: #1c1c1c;
	background-image:none;
}


.col-md-4{
	margin-bottom: 20px !important;
}

#home_page .overlay, #feature .overlay, #downloads .overlay, #contactus .overlay {
	background: #1c1c1c;
	background-image:none;
}
.appy-menu{
	/*background: -moz-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background: -webkit-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background: -ms-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);*/
	background: #1c1c1c;
}
.preloader{
	background:-moz-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background:-webkit-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
	background:-ms-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%)
}
.mt-230{
	margin-top:180px
}
.mt-80{
	margin-top:80px;
}
.mt-70{
	margin-top:70px;
}

#home_banner{
	margin-left: -10px !important;
}

#home_banner .center-block{
	margin-bottom:80px;
}
.appy-menu .navbar-nav > .active > a, .appy-menu .navbar-nav > .active > a:focus, .appy-menu .navbar-nav > .active > a:hover{
	color: #1c1c1c !important;
}
.appy-menu ul li a:hover{
	color: #1c1c1c !important;
}
.appy-menu.sticky {
    /*background: -moz-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
    background: -webkit-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
    background: -ms-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);*/
    background: #1c1c1c;
}
.appy-menu .navbar-brand{
	max-width: 155px;
}
.appy-menu #header_logo img{
	max-width: 200px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}
.appy-menu.sticky #header_logo img{
	width:200px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
    margin-top: 10px;
}
@media (max-width: 767px) {
	.appy-menu.sticky #header_logo img{
		width:180px;
		margin-top: -5px;
	}
}
.appy-menu.sticky .navbar-nav > li > a{
	padding:38px 15px;
}
.appy-menu.sticky ul li a:hover::after, .appy-menu.sticky ul li.active a::after{
	bottom: 36px;
}

#home_banner .btn:hover {
    border-color: transparent;
    background: transparent;
}
#home_banner .btn{
	/*padding: 6px 12px 6px 0;*/
}
#home_banner h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#home_banner p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9 !important;
}
#home_page h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#home_page p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9 !important;
}
.section-heade h3, .section-heade p{
	color:#000;
}
#aboutus{
	background: #000;
}
#aboutus h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#aboutus p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9 !important;
}
.text-right{
	text-align: right;
}
.features-details h5{
	font-size: 22px;
}
.features-details p{
	font-size: 17px;
}
.features-icon img{
	display:block;
    margin:auto;
    position: relative;
}
.section-heade p{
	font-size: 17px;
}
#team{
	background: #000;
}
#team h2{
	font-weight: bold;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#team h4{
	font-weight: bold;
	color: #f7e59b !important;
}
#team h5{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 20px !important;
}
#team p{
	font-weight:100;
	font-size:14px;
	color: #e9e9e9 !important;
}
#team .section-heade h3, #team .section-heade p, #team .details h4, #team .details h3, #team .details p{
	color:#4f4f4f;
}
#downloadapp{
	border-bottom:1px solid #7a706e;
	background: #000;
}
#downloadapp h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#downloadapp p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9 !important;
}
#feature h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#feature p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9 !important;
}

#contactus h3{
	font-weight: 500;
	color: #f7e59b !important;
	font-size: 35px !important;
}
#contactus p{
	font-weight:100;
	font-size:17px;
	color: #e9e9e9;
}
#contactus .btn-default{
	background: #F7E59B;
	padding: 15px 20px !important;
	color: #000;
	border-radius: 0;
    border: none;
    margin: 20px 0;
    font-weight: 600;
}
#contactus .btn-default.focus, #contactus .btn-default:focus{
	color:#1c1c1c;
	background: #F7E59B;
}
#contactus .btn-default:hover, #contactus .btn-default:active{
	color:#1c1c1c;
}
#contactus .contact-info li .icon{
	width:60px;
}
#contactus .form-control {
    background: #323232;
    color: #f7e59b;
    height: 50px;
    padding: 10px 15px;
    border: none;
    border-radius: 0;
    font-weight: 300;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#contactus .form-control .error{
    border: 1px solid #f00;
}
.form-control::-moz-placeholder {
  color: #f7e59b;
}
.form-control:-ms-input-placeholder {
  color: #f7e59b;
}
.form-control::-webkit-input-placeholder {
  color: #f7e59b;
}
.form-control::-moz-placeholder {
  color: #f7e59b;
}
.form-control:-ms-select-placeholder {
  color: #f7e59b;
}
.form-control::-webkit-select-placeholder {
  color: #f7e59b;
}
.list-inline > li{
	padding-right:0;
	padding-left:0;
}
ul.social-icons li{
	border:0 none;
}
ul.social-icons li.instagram:hover{
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
ul.social-icons{
	padding-left:20px;
}

#contactus .contact-info li .text a {
	color: #e9e9e9 !important;
}
footer{
	border-top:1px solid #7a706e;
	background: #000;
	position: relative; bottom: 0; left: 0; width: -webkit-fill-available;
	color: #f7e59b !important;
}
footer p{
	font-size:13px;
	color: #f7e59b !important;
}
.dtitle{
	text-align: center;font-size: 25px; color: #e9e9e9;padding-bottom: 15px;
    padding-top: 15px;
}
@media (max-width: 992px){
	.dtitle{
	    font-size: 20px;
	}
}
@media only screen and (min-width: 990px){
	.dtitle{
	    width: 100% !important;
    }
}
.padding-50{padding:34px 0}


.dropdown-menu{
	min-width: 65px;
}
.appy-menu ul li .dropdown-menu{
	background: -moz-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
    background: -webkit-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
    background: -ms-linear-gradient(-29deg,#3B3C3E 0,#1F2022 100%);
}
.dropdown-menu{
	top:80%;
}
.details h3{
	margin-top:0;
}
#team .team-slider .owl-dots .owl-dot.active span{
	background: #e16725;
}
#team .team-slider .owl-dots .owl-dot span{
	background: #2d4051;
}

@media (max-width:767px){
	.appy-menu .navbar-brand img{
		max-width:75px;
	}
	.appy-menu.sticky .navbar-nav > li > a{
		padding: 10px 15px;
	}
	#download .text-left, #download .text-right{
		text-align:center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		/*background-color:#f5f5f5;*/
	}
	
	#contactus .contact-info li{
		overflow-y:inherit;
	}
	.navbar-right{
		margin-left:0;
		margin-right:0;
	}
	.details .client-img{
		margin-bottom:40px;
	}
	#home_page .btn img, #downloadapp .btn img{
		max-height: 54px;
	}
	#home_page h3{
	    font-size: 26px !important;
	}
	#home_page p{
	    font-size: 14px !important;
	}
	#aboutus h3{
	    font-size: 26px !important;
	}
	#aboutus p{
	    font-size: 14px !important;
	}
	#contactus h3{
	    font-size: 26px !important;
	}
	#contactus p{
	    font-size: 14px !important;
	}
	#feature h3{
	    font-size: 26px !important;
	}
	#feature p{
	    font-size: 14px !important;
	}
	.features-details h5{
    	font-size: 20px;
    }
    .features-details p{
    	font-size: 14px;
    }
    #downloadapp h3{
        font-size: 26px !important;
	}
	#downloadapp p{
	    font-size: 14px !important;
	}
	.appy-menu ul li a{
	    font-size: 15px !important;
	    font-weight: normal !important;
	}
	.dtitle{
	    font-size: 20px;
	}
	.btn{
	    padding: 0px 6px !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-bottom: 1px solid #F7E59B !important;
    }
}

@media screen and (max-width: 278px) {
	#home_page .btn img, #downloadapp .btn img{
		max-height: 27px;
	}
}

@media only screen and (min-device-width: 279px) and (max-device-width: 320px){
	#home_page .btn img, #downloadapp .btn img{
		max-height: 31px;
	}
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px){
	#home_page .btn img, #downloadapp .btn img{
		max-height: 37px;
	}
}

@media only screen and (min-device-width: 376px) and (max-device-width: 414px){
	#home_page .btn img, #downloadapp .btn img{
		max-height: 45px;
	}
}



@media (max-width:991px){
	.mt-230{margin-top:110px}
	.appy-menu #header_logo img{
		max-width: 180px;
		-webkit-transition: width 2s; /* Safari */
	    transition: width 2s;
	    margin-top: -5px;
	}
}