@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
1. Clearfix
2. Typography
3. Headings
4. Main Nav
5. Main Content
6. Background Images
7. Column Grid
8. Content Elements
9. Icons
10. Images
11. Footer
12. Lists
13. Price Tables
14. Blog
15. Circle Animation
-------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/* ----- clear fix for floats ----- */
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}/* hides clearfix from IE-mac */
.clearfix {
	display: block;
}/* end hide from IE-mac */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin: 0 auto;
	display: inline-block;
}
.alignnone {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}
.centered {
	text-align: center;
}
.hidden {
	display: none;
	visibility: hidden;
}
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after {
	-webkit-font-smoothing: antialiased;
}
.flexslider {
	-webkit-transform: translateZ(0px);
}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Typography
--------------------------------------------------------------------------------------------------------*/
html {
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
}
body {
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	color: #555;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
a {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a, a:hover, a:focus {
	color: #2b2b2b;
	text-decoration: none;
	outline: 0;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-rendering: optimizeLegibility;
	outline: 0;
}
*:focus, *:after:focus, *:before:focus {
outline: 0;
}
p {
	line-height: 1.5;
	font-size: 15px;
	padding: 0;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	position: relative;
}
p a {
	text-decoration: underline;
}
p a:hover {
	text-decoration: underline;
	color: #555;
}
a p {
	color: #555;
}
.padding-8 {
	padding: 8px;
}
/* Main Layout
--------------------------------------------------------------------------------------------------------*/
.wrapper {
	width: 100%;
	max-width: 1200px;
    margin: 0 auto;
    display: block;
}
header {
	width: 100%;
    display: block;
    clear: both;
    float: left;
	padding: 15px;
	z-index: 1;
	background: #ffffff;
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	transition: all 0.5s ease;
}
.mobile-menu-icon {
	display: none;
	float: right;
}

header .logo {
	float: left;
    font-size: 42px;
}
header.padding-8 .logo img {
	max-width: 150px;
	transition: all 0.5s ease;
}
header .logo img {
	transition: all 0.5s ease;
	max-width: 180px;
	width: 100%;
}
header nav {
    float: right;
}
header nav ul li {
	float: left;
    padding: 12px;
}
header nav ul li a {
	position: relative;
}
header nav ul li a.active {
	color: #e0ae15;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
header nav ul li a.active::after{
	content: '';
    border-bottom: 1px solid #e0ae15;
    width: 86%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
	margin-left: -42%;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	 -ms-animation: fadein 2s; /* Internet Explorer */
	  -o-animation: fadein 2s; /* Opera < 12.1 */
		 animation: fadein 2s;
}
header nav ul li a:hover {
	color: #7b6c6c;
}

#with-slider {
	margin: 100px auto;
    clear: both;
    float: left;
    width: 100%;
}
#demo-right, #demo-left {
	width: 49%;
	display: inline-block;
	vertical-align: top;
    padding: 20px;
}