/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : App Launch - App Landing page HTML5 Template
* File          : App Launch main CSS file
* Version       : 3.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. Features area css
05. Awesome Features area css
06. How it works area css
07. FAQs area css
08. Screenshot area css
09. Testimonial area css
10. Pricing area css
11. Contact us area css
12. Footer area css
13. Media Screens
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	   01. General css		 ****/
/************************************/

body{
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top:0;
	font-weight: 700;
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	z-index: 9999;
}

.sk-wave{
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -25px;
}

.sk-wave .sk-rect{
	background-color: #fff;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	-moz-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1{
	-webkit-animation-delay: -1.2s;
	-moz-animation-delay: -1.2s;
	animation-delay: -1.2s;
}

.sk-wave .sk-rect2{
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-wave .sk-rect3{
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-wave .sk-rect4{
	-webkit-animation-delay: -0.9s;
	-moz-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-wave .sk-rect5{
	-webkit-animation-delay: -0.8s;
	-moz-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.btn-custom{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 16px 30px;
	min-width: 170px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.33);
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
}

.btn-custom:hover{
	background: #3ba4f4;
	color: #fff;
}

/************************************/
/***** 02. Navigation area css  *****/
/************************************/

.navbar{
	margin-bottom: 0;
}

.navbar-brand{
	padding: 24px 15px 0;
	height: auto;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

.navbar-brand img{
	transition: all 0.3s;
	height: 79px;
}

.navbar-default{
	background: none;
	border: none;
	border-bottom: none;
	border-radius: 0;
	z-index: 101;
	padding: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}

.navbar-nav li{
	padding: 40px 0;
	margin:0 2px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

.nav li{
    position: relative;
}


.navbar-default .navbar-nav>li>a{
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.05em;
	padding: 6px 16px 6px; 
	position: relative;
	border: 1px solid transparent;
}

.nav ul{
	display: none;
	padding: 0;
	min-width: 214px;
	list-style: none;
    position: absolute;
	top: 100%;
	left: 0;
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	margin-top: 0px;
}

.nav ul li{
	transition: all 0.4s;
	margin: 0;
}

.nav ul li:hover{
	background: rgba(255,255,255,0.14);
}

.nav li:hover a{
	border: 1px solid rgba(255,255,255,0.5);
}

.nav ul li a{
	border: none !important;
}

.nav .active a{
	background: none !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,0.5) !important;
	transition: all 0.3s;
}

.nav ul li a{
	display: block;
	color: #fff;
	padding: 12px 20px;
}

.nav .active ul li a{
	border: none !important;
}

.nav ul ul{
	left: 100%;
	top: 0;
	margin-top: -1px;
}

.nav ul li{
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: 1px solid rgba(255,255,255,0.12);
}

.nav ul li:last-child{
	border-bottom: none;
}

.sticky-header{
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sticky-header .navbar-brand{
	padding-top: 14px;
}

.sticky-header .navbar-brand img{
	height: 56px;
}

.sticky-header .navbar-nav>li{
	padding: 25px 0;
}

.sticky-header .navbar-brand h1{
	color: #fff;
}


.navbar-default .navbar-nav>li>a:hover{
	color: #fff;
}

.navbar-default .navbar-nav>li>a:focus{
	color: #fff;
}

.sticky-header .navbar-nav>li>a{
	color: #fff;
}

/************************************/
/*****   03. Slider area css    *****/
/************************************/

.banner{
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	padding: 140px 0 100px;
}

.banner:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/header-wawes.png) no-repeat bottom center;
	background-size: 100% auto;
}

.banner .row{
	position: relative;
	z-index: 1;
}

.header-content{
	padding-top: 60px;
}

.header-content h2{
	font-size: 64px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.3em;
}

.btn-download{
	position: relative;
	display: inline-block;
	color: #fff;
	background: #3461d9;
	padding: 10px 20px 8px 60px;
	font-size: 20px;
	font-weight: 500;
	min-width: 200px;
	margin-right: 20px;
	transition: all 0.3s linear;
	box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.10);
}

.btn-download span{
	font-size: 12px;
	font-weight: 400;
	display: block;
}

.btn-download i{
	font-size: 32px;
	position: absolute;
	top: 14px;
	left: 16px;
}

.btn-download:focus,
.btn-download:hover{
	background: #244fc3;
	color: #fff;
}

.header-content .download-button{
	margin-top: 40px;
}

/************************************/
/*****   04. Features area css  *****/
/************************************/

.section-title{
	text-align: center;
	margin-bottom: 80px;
}

.section-title h2{
	font-size: 36px;
	color: #454545;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 30px;
}

.section-title h2:after{
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background: #454545;
	margin-left: -40px;
	position: absolute;
	left: 50%;
	bottom: 0;
}

.features{
	padding-bottom: 340px;
	background: url(../images/feature-bg.png) no-repeat bottom center;
}

.feature-single{
	margin-bottom: 30px;
}

.feature-single .icon-box{
	margin-bottom: 40px;
}

.feature-single h3{
	font-size: 22px;
	color: #454545;
	font-weight: 400;
	margin-bottom: 30px;
}

.feature-single p{
	color: #797878;
	font-weight: 300;
	line-height: 1.5em;
}

/**********************************************/
/*****   05. Awesome Features area css    *****/
/**********************************************/

.awesome-feature{
	padding: 100px 0 20px;
	position: relative;
	background: url(../images/awesome-feature-bg.jpg) no-repeat top center fixed;
	background-size: cover;
}

.awesome-feature:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.83);
}

.awesome-feature .section-title h2{
	color: #fff;
}

.awesome-feature .section-title h2:after{
	background: #fff;
}

.awesome-feature-single{
	margin-bottom: 80px;
	text-align: center;
}

.awesome-feature-single .icon-box{
	margin-bottom: 30px;
}

.awesome-feature-single h3{
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

/******************************************/
/*****   06. How it works area css    *****/
/******************************************/

.how-work{
	padding: 100px 0;
	background: url(../images/how-work-bg.png) no-repeat center center;
}

.how-work .nav-tabs{
	border-bottom: none;
}

.how-work .nav-tabs>li{
	padding-right: 30px;
}

.how-work .nav-tabs>li>a{
	padding: 6px 0;
	margin-right: 0;
	font-size: 18px;
	color: #454545;
	font-weight: 500;
	border-radius: 0;
	border: none;
	transition: none;
	border-bottom: 3px solid transparent;
}

.how-work .nav-tabs .active a{
	color: #454545 !important;
	border: none !important;
	border-bottom: 3px solid #39eded !important;
}

.how-work .nav-tabs a:hover{
	background: none;
}

.how-work .nav-tabs a:focus{
	
}

.how-work .tab-content{
	padding-top: 40px;
}

.how-work .panel-body{
	border-top-color: #dae1ee;
}

.how-work .panel-body h3,
.how-work .tab-content h3{
	color: #454545;
	font-size: 22px;
	margin-bottom: 1em;
}

.how-work .panel-body p,
.how-work .tab-content p{
	color: #a3a1a1;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 1.5em;
}

.how-work .panel-group .panel{
	border-radius: 0;
	border: 1px solid #dae1ee;
	box-shadow: none;
}

.how-work .panel-heading{
	padding: 0;
	border-radius: 0 !important;
	border: none;
	background: #edf1f9;
}

.how-work .panel-heading h4 a{
	display: block;
	border-radius: 0;
	padding: 14px 20px;
}

/**********************************/
/*****   07. FAQs area css    *****/
/**********************************/

.faqs{
	background: #edf1f9;
	padding: 100px 0;
}

.faqs .panel-group .panel{
	border-radius: 0;
	box-shadow: none;
	background: none;
	padding: 16px 0 20px;
	border-bottom: 1px solid #fff;
}

.faqs .panel-heading{
	border-radius: 0;
	padding: 0;
}

.faqs .panel-heading h4{
	font-weight: 400;
}

.faqs .panel-heading h4 a{
	display: block;
	padding: 16px 0 16px 60px;
	font-size: 20px;
	color: #454545;
	background: url(../images/plus.png) no-repeat left center;
}

.faqs .panel-heading.active h4 a{
	background: url(../images/minus.png) no-repeat left center;
}

.faqs .panel-body{
	border: none !important;
	padding-left: 60px;
}

.faqs .panel-body p{
	font-size: 16px;
	color: #808080;
	font-weight: 300;
	line-height: 1.8em;
}

/****************************************/
/*****   08. Screenshot area css    *****/
/****************************************/

.screenshot{
	padding: 100px 0;
}

.screenshot-slider{
	position: relative;
	padding-top: 20px;
	max-width: 670px;
	margin: 0 auto;
}

.screenshot-phone{
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(38% + 4%);
	cursor: pointer;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	text-align: center;
	z-index: 100;
}

.screenshot-phone img{
	width: 100%;
}

.screenshot-single p{
	padding-top: 60px;
	position: relative;
	width: 140%;
	margin-left: -20%;
	text-align: center;
	font-size: 14px;
	color: #595757;
	line-height: 1.5em;
	opacity: 0;
	transition: all 0.5s;
}

.screenshot-slider .center .screenshot-single p{
	opacity: 1;
}

.screenshot-single img{
	border-radius: 16px;
}

.screenshot-slider .owl-nav{
	text-align: center;
	padding-top: 30px;
}

.screenshot-slider .owl-dots{
	text-align: center;
	margin-top: 30px;
}
	
.screenshot-slider .owl-dot{
	display: inline-block;
	margin: 0 4px;
}

.screenshot-slider .owl-dot span{
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #3ba9f4;
	border-radius: 50%;
}

.screenshot-slider .owl-dot.active span{
	background: #3ba9f4;
}

/****************************************/
/*****   09. Testimonial area css   *****/
/****************************************/

.testimonial{
	padding: 100px 0;
	position: relative;
	background: url(../images/awesome-feature-bg.jpg) no-repeat fixed;
	background-size: cover;
}

.testimonial:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	opacity: 0.86;
}

.testimonial .section-title h2{
	color: #fff;
}

.testimonial .section-title h2:after{
	background: #fff;
}

.testimonial-single{
	display: table;
	padding: 0 50px;
}

.testimonial-single figure{
	display: table-cell;
	vertical-align: middle;
	width: 16%;
	min-width: 130px;
	padding-right: 30px;
}

.testimonial-single figure img{
	width: auto !important;
	border-radius: 50%;
}

.testimonial-content{
	display: tab-cell;
	vertical-align: middle;
}

.testimonial-content .rating{
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}

.testimonial-content .rating i{
	color: #e5c306;
}

.testimonial-content p{
	color: #fff;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: 300;
	margin-bottom: 20px;
}

.testimonial-content h3{
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	vertical-align: top;
}

.testimonial-content h3 span{
	font-weight: 300;
	font-size: 16px;
}

.owl-testimonial .owl-nav .owl-prev,
.owl-testimonial .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 28px;
	margin-top: -14px;
}

.owl-testimonial .owl-nav .owl-prev{
	left: 0;
}

.owl-testimonial .owl-nav .owl-next{
	right: 0;
}

/************************************/
/*****   10. Pricing area css   *****/
/************************************/

.pricing{
	background: #f5f5f5 url(../images/pricing-bg.png) no-repeat top center;
	padding: 100px 0;
}

.pricing-title h3{
	font-size: 32px;
	color: #454545;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 40px;
}

.pricing-title .btn-custom{
	margin-bottom: 40px;
}

.pricing-title p{
	color: #454545;
	font-size: 14px;
	line-height: 1.5em;
}

.pricing-single{
	background: #fff;
	text-align: center;
}

.pricing-header{
	
	padding: 60px 0 40px;
}

.pricing-header h3{
	font-size: 34px;
	color: #454545;
	font-weight: 400;
	margin-bottom: 40px;
}

.pricing-header h4{
	color: #fff;
	font-size: 40px;
	padding: 14px;
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
}

.pricing-header h4 span{
	font-weight: 300;
	font-size: 20px;
}

.pricing-body ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-body ul li{
	color: #737171;
	padding: 8px;
}

.pricing-body ul li:before{
	content: '\f00c';
	font-family: FontAwesome;
	padding-right: 10px;
}

.pricing-footer{
	padding: 40px 0 60px;
}

/***************************************/
/*****   11. Contact us area css   *****/
/***************************************/

.contact{
	padding: 100px 0;
	background: url(../images/contact-bg.jpg) no-repeat bottom center;
	background-size: cover;
}

.contact-form{
	max-width: 480px;
	margin: 0 auto;
}

.contact-form .form-group{
	margin-bottom: 30px;
}

.contact-form .form-control{
	border: none;
	box-shadow: none;
	border-radius: 0;
	background: #f5f5f5;
	height: auto;
	padding: 18px;
	resize: none;
}

.btn-contact{
	border: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 16px 30px;
	margin-top: 40px;
	min-width: 170px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.33);
	background: #3ba4f4;
	background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
}

.btn-contact:focus,
.btn-contact:hover{
	background: #3ba4f4;
	color: #fff;
	outline: 0;
}

/***********************************/
/*****   12. Footer area css   *****/
/***********************************/

footer{
	padding: 60px 0;
}

.footer-logo{
	
}

.footer-menu{
	text-align: center;
	margin-bottom: 20px;
}

.footer-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-menu ul li{
	display: inline-block;
}

.footer-menu ul li a{
	color: #828181;
	display: block;
	padding: 0 10px;
	position: relative;
}

.footer-menu ul li a:hover{
	color: #3ba9f4;
}

.footer-menu ul li a:after{
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	right: -1px;
	height: 14px;
	width: 1px;
	background: #828181;
}

.footer-menu ul li:last-child a:after{
	display: none;
}

.footer-siteinfo{
	text-align: center;
}

.footer-siteinfo p{
	font-size: 14px;
	color: #828181;
}

.footer-social{
	text-align: right;
}

.footer-social a{
	display: inline-block;
	width: 36px;
	height: 36px;
	background: #bababa;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	padding-top: 8px;
	margin-left: 6px;
}

.footer-social a:hover{
	background: #3ba9f4;
}

/************************************/
/*****    13. Media Screens     *****/
/************************************/

@media only screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a{
		padding: 6px 12px;
	}
	
	.how-work .nav-tabs>li>a{
		font-size: 16px;
	}
}

@media only screen and (max-width: 991px){
	
	.navbar-toggle{
		display: block;
	}
	
	.navbar-header{
		float: none;
	}
	
	#main-nav .navbar-collapse{
		display: none !important;
	}
	
	.navbar-default .navbar-toggle{
		border-color: #fff;
		border-radius: 0;
		padding: 0;
	}
	
	.navbar-brand img{
		height: 56px;
	}
	
	.navbar-brand,
	.sticky-header .navbar-brand{
		padding: 14px 0 14px 15px;
	}
	
	.slicknav_menu{
		background: #3ba4f4;
		background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
		background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
		background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
		background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
	}
	
	.sticky-header .slicknav_menu{
		background: none;
	}
	
	.slicknav_menu{
		margin-left: -15px;
		margin-right: -15px;
		padding: 0;
	}
	
	.slicknav_menu li{
		padding: 0 10px;
	}

	.slicknav_menu a{
		color: #fff;
		padding-top: 6px;
		padding-bottom: 6px;
		text-transform: uppercase;
		border: 1px solid transparent;
	}

	.slicknav_menu a a{
		border: none !important;
	}
	
	.slicknav_nav .slicknav_row:hover,
	.slicknav_nav a:hover{
		background: none;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 0;
	}
	
	.slicknav_btn{
		padding: 4px 4px;
		background: none;
	}
	
	.slicknav_icon-bar{
		box-shadow: none;
		border-radius: 0;
		margin: 2px 0;
	}
	
	.navbar-toggle{
		top: 16px;
		margin-right: 0;
		transition: all 0.3s;
	}

	.sticky-header .navbar-toggle{
		top: 16px;
	}
	
	.navbar-collapse{
		border: none !important;
		border-top: 1px solid #fa534a !important;
		box-shadow: none;
		padding: 30px;
		background: #f93f35;
	}
	
	.navbar-toggle:hover{
		background: transparent !important;
	}
	
	.navbar-toggle .icon-bar{
		margin: 4px 0;
	}
	
	.header-content h2{
		font-size: 36px;
	}
	
	.banner{
		padding: 100px 0 60px;
	}
	
	.how-work-image{
		text-align: center;
		margin-bottom: 60px;
	}
	
	.testimonial-single figure{
		width: 26%;
		vertical-align: top;
	}
	
	.pricing-title{
		margin-bottom: 30px;
	}
	
	.pricing-single{
		margin-bottom: 30px;
	}
	
	footer{
		padding-top: 20px;
	}
	
	.footer-logo{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.footer-siteinfo{
		margin-bottom: 30px;
	}
	
	.footer-social{
		text-align: center;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	.navbar-toggle {
		top: 16px;
		margin-right: 15px;
	}
	
	.header-content{
		text-align: center;
		padding-top: 20px;
		margin-bottom: 40px;
	}
	
	.slider-image{
		text-align: center;
	}
	
	.section-title{
		margin-bottom: 60px;
	}
	
	.section-title h2{
		font-size: 26px;
		padding-bottom: 20px;
	}
	
	.awesome-feature{
		padding: 60px 0 20px;
	}
	
	.how-work,
	.faqs,
	.screenshot,
	.testimonial,
	.pricing,
	.contact{
		padding: 60px 0;
	}
	
	.screenshot-slider{
		padding-top: 0;
	}
	
	.screenshot-phone{
		display: none;
	}
	
	.screenshot-single img{
		width: auto !important;
		margin: 0 auto;
	}
	
	.testimonial-single figure{
		width: 100%;
		padding: 0;
		display: block;
		text-align: center;
	}
	
	.testimonial-single figure img{
		margin: 0 auto 30px;
	}
	
	.testimonial-content{
		display: block;
		text-align: center;
	}
}

/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
	
	.navbar-brand img{
		height: 56px;
	}
	
	.navbar-brand,
	.sticky-header .navbar-brand{
		padding: 14px 0 14px 15px;
	}
	
	.section-title h2{
		font-size: 22px;
		line-height: 1.5em;
	}
	
	.btn-download{
		display: block;
		max-width: 180px;
		margin: 0 auto 20px;
	}
	
	.feature-single .icon-box{
		margin-bottom: 30px;
	}
	
	.feature-single h3{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.feature-single p{
		font-size: 14px;
	}
	
	.awesome-feature-single{
		margin-bottom: 40px;
	}
	
	.awesome-feature-single .icon-box img{
		max-width: 120px;
	}
	
	.awesome-feature-single h3{
		font-size: 18px;
	}
	
	.faqs .panel-heading h4 a{
		background-size: 22px;
		font-weight: 600;
		font-size: 18px;
		line-height: 1.5em;
		padding-left: 40px;
	}
	
	.faqs .panel-body{
		padding-left: 40px;
	}
	
	.testimonial-single{
		padding: 0;
	}
	
	.testimonial-content .rating{
		display: block;
		margin: 0 0 10px;
	}
	
	.owl-testimonial .owl-nav{
		text-align: center;
	}
	
	.owl-testimonial .owl-nav .owl-next,
	.owl-testimonial .owl-nav .owl-prev{
		display: inline-block;
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		margin: 0 10px;
	}
	
	.pricing-title h3{
		font-size: 20px;
	}
}