/*Template Name: Ritmo - Mobile App Landing Page HTML5 Template
Theme URL: http://themeforest.net/user/DSA79/
Description: Ritmo - Mobile App Landing Page HTML5 Template
Author: DSA79
Author URL: http://themeforest.net/user/DSA79
Version: 1.0.0
Website: www.dsathemes.com
Tags: responsive, html5 template, one page, landing page, mobile, application, business, corporate, project
*/


/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - General & Basic Styles   */
/*   02 - Header & Navigation      */
/*   03 - Intro      			   */
/*   04 - Features List            */
/*   05 - Call to Action 	  	   */
/*   06 - Feature One		       */
/*   07 - Feature Two              */
/*   08 - Statistic Banner         */
/*   09 - Feature Three            */
/*   10 - Video Banner             */
/*   11 - Testimonials Rotator	   */
/*   12 - Feature Four             */
/*   13 - FAQs		 	  	       */
/*   14 - Newsletter	 	  	   */
/*   15 - Footer		 	  	   */
/*   16 - Scroll to Top	 	  	   */
/*   17 - Contact Form Response    */



/* ==========================================================================
   01. GENERAL & BASIC STYLES
   ========================================================================== */
 
/*------------------------------------------*/
/*	 Preload Animation 
/*------------------------------------------*/

#preloader{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999; 
	background-color: #fff;
}



h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	margin-bottom: 10px;
}

/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

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

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
	color: #444;
	text-decoration: none;
}

a:focus {
	color: #f8f8f8;
	outline: none;
	border: none;
	text-decoration: none;
} 

/*------------------------------------------*/
/*	 Theme Button
/*------------------------------------------*/

.btn-theme {
	background-color: #19acca;
	color: #fff;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	padding: 10px 20px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.btn-theme:hover {
	background-color: #1292ac;
	color: #fff;
}

/*------------------------------------------*/
/*	 Button Hover/Focus
/*------------------------------------------*/

.btn:focus {
	color: #f8f8f8;
	text-decoration: none;
	outline: none;
}


/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/

.form-control {
	height: 30px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-control input[type="text"],
.form-control input[type="email"]{
	background-color: #f0f0f0;
	color: #444;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}



textarea {
	color: #444;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}



.form-control select{
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0px;
color: #444;
display: inline-block;
height: 35px;
line-height: 31px;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle;
}

.form-control input[type="text"]:focus,
.form-control input[type="email"]:focus,
.form-control textarea:focus,
.form-control select:focus{
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
outline: 0px none;
}


/*------------------------------------------*/
/*	   Register Form Error Message 
/*------------------------------------------*/

.error {
	color: #fc0000;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
}