/*
Theme Name: Erange
Theme URI: http://themeforest.net/user/everislabs
Author: EverisLabs
Version: 1.1
*/

/* Table of Contents
-------------------------------------------------------------- 

	01 General
		- Body
		- Heading
		- Link
		- Form
		- Button
		- Placeholder text
	02 Header
		- Top header
		- Main header
		- Site menu
		- Header search
		- Fixed menu
		- Heading
		- Breadcrumb
	03 Slider Box
	04 Footer
		- Widget Area
		- Credit
		- Back to top
	05 Section
	06 Page Layout
	07 Heading Title
	08 Portfolio Item
		- Portfolio Short Filter
	09 Widgets
		- Tags Cloud
		- Flick
		- Recent Posts
		- Recent Comments
		- Recent Portfolio
		- Google Map
		- Contact Form
		- Button
		- Subscribe Form
		- Address Widget
		- Fixed Widget
		- Recent Product
	10 Elements
		- Icon List
		- Icon Small
		- Counter Box
		- Pricing
		- Team Member
		- Icon Box
		- Round Icon
		- Tweet Section
		- Timeline
		- Alert
		- Toggle
		- Accoridion border
		- Tabs
		- Border Tabs
		- Tab with right side
		- Tab width left side
		- Callout
		- Testimonial
		- Carousel Box
		- Feature Box
		- Word Rotate
		- Cilent
		- Divider
		- Chart
		- Testimonail Small
		- Modal Box
		- Dropcap
		- Highlight
		- Highlight Box
		- Icon Page
		- Hover Box
		- Form
	11 Job Board
	12 Blog Item
	13 Comments
	14 Archive
		- Entry Share
		- Relate Entry
		- Author Box
		- Custom Post Format
		- Page Navigation
	15 Sidebar
	16 Portfolio Archive
		- Option List
		- Isotope && Masonry
	17 Product Item
		- Product Review
		- Product Detail
	18 Mobile Menu
	19 Boxed Layout
	20 Social Media Color

/* =General
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,700italic,400italic|Open+Sans:400,700,700italic,600);



/* Form fields, general styles first. */
.button,
button{
	border: 0;
	font-size: 13.3px;
	margin-bottom: 2px;
}

/* Buttons */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	display: inline-block;
	padding: 6px 20px 5px;
	background: #EF4A43;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Lato';
	font-weight: 800
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	outline: none;
	cursor: pointer;
	background: #272727;
	color: #fff;
	text-decoration: none;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	
}
.button.medium{
	font-size: 11px;
}
.button.form{
	padding: 7px 25px 8px;
}



/* Button */
.button.red{
	background-color: #e74c3c
}
.button.blue{
	background-color: #7ac142 /*KK changed from #3498db*/
}
.button.green{
	background-color: #2ecc71
}
.button.orange{
	background-color: #d35400
}
.button.yellow{
	background-color: #f1c40f
}
.button.wisteria{
	background-color: #8e44ad
}
.button.gray{
	background-color: #7f8c8d
}

.button.black{
	background-color: #333
}

.button.large{
	padding: 15px 40px;
	text-decoration: none;
}

.button.extralarge{
	padding: 30px 80px;
	font-size: 18px; /*KK ADDED*/
	text-decoration: none;
}