/******************* Background ********************/
	
	html { 
		background-color: #FCFCFC;
	}
	
	#Wrapper, #Content { 
		background-color: #FCFCFC;
	}
	
		
	
/********************** Font | Family **********************/

	body {
		font-family: "Roboto";
		font-weight: 300;
	}

 	button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
				font-family: "Oswald";
		font-weight: 500;
		text-transform: uppercase;
		width:100%;
		border-radius: 0;
		
	}
	
	#menu > ul > li > a, #header_action_button, #header_cart {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#Subheader .title {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	h1, .text-logo #logo {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 500;
	}
	
	h2 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 500;
	}
	
	h3 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 500;
	}
	
	h4 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 500;
	}
	
	h5 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h6 {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	blockquote {
				font-family: "Roboto", Arial, Tahoma, sans-serif;
	}


/********************** Font | Size **********************/

	
/* Body */

	body {
		font-size: 16px;
		line-height: 24px;		
	}	
	#menu > ul > li > a {	
		font-size: 14px;
	}
	
/* Headings */

	h1, #Subheader .title, .text-logo #logo { 
		font-size: 32px;
		line-height: 32px;	
	}	
	h2 { 
		font-size: 30px;
		line-height: 30px;	
	}	
	h3 {
		font-size: 25px;
		line-height: 27px;	
	}	
	h4 {
		font-size: 21px;
		line-height: 25px;	
	}	
	h5 {
		font-size: 15px;
		line-height: 20px;	
	}	
	h6 {		
		font-size: 13px;
		line-height: 20px;	
	}
	
/* Responsive */
	
	
/********************** Sidebar | Width **********************/
	
	
	.with_aside .sidebar.columns {
		width: 23%;	
	}
	.with_aside .sections_group {
		width: 75%;	
	}
	
	.aside_both .sidebar.columns {
		width: 18%;	
	}
	.aside_both .sidebar-1{ 
		margin-left: -79%;
	}
	.aside_both .sections_group {
		width: 60%;	
		margin-left: 20%;	
	}	
	
/*********************  Landing Page Template **************************/


	.hero-form {
		background-color: #f2f2f2;
		padding: 20px 20px 0;
		margin-top: -347px;
		position: relative;
		z-index: 99999;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	}
	
	.hero-text {
		background-color: rgba(255,255,255,0.5);
		padding: 20px 20px 0;
		max-width:90%;
	}
	
	.maps iframe{
		pointer-events: none;
	}
	
	.landing-page-btn .button_label {
    background-color: #d40101;
    color: #fff;
	border-radius:0;
	transition: all 300ms ease;

	}

	a.landing-page-btn {
		background-color: #d40101;
		border-radius:0 !important;
		border: solid 1px #fff;
		transition: all 300ms ease; 
		vertical-align: top;
	}

	.landing-page-btn .button_label:hover {
		background-color: white;
		color:#d40101;
	}
	
	a.landing-page-btn:hover {
		background-color: white;
		color:#d40101;
	}