/*
Theme Name: tomatomortgages
Theme URI: http://www.tomatomortgages.com.au
Author URI: http://www.nextdoormedia.com.au/
Description: Experience Yoga
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: promisepay.com
Tags: Experience Yoga, Yoga, Fitness, Flat, Clean, Simple

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

promisepay is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, lRaleway, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	
}

h1 { font-size: 40px; line-height: 50px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 17px; line-height: 20px; }
h5 { font-size: 15px; line-height: 20px; }

p {
	margin-bottom: 20px;
}

b,
strong {
	font-weight: 500;
	color: #2b2b2b;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	padding: 0 20px;
	border-left: 1px solid #f1f1f1;
	font-size: 0.95em;
	font-style: italic;
}

address {
	padding: 0 0 20px;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

ul,
ol {
	margin: 0 0 20px 0;
}

ul {
	list-style: disc;
	list-style-position: inside;
}

ol {
	list-style: decimal;
	list-style-position: inside;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 10px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
.ie7 img { 
  -ms-interpolation-mode: bicubic; 
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 2px;
	background: #ee3338;
	border: 0px;
	border-bottom: 4px solid #e7141a;
	
	color: #FFF;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 17px;
	line-height: 30px;
	padding: 0 20px;
	
	-o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    
	
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	color: #6b6b6b;
	border: 1px solid #f1f1f1;
	border-radius: 2px;
	background-color: #FFF;
	width: 100%;
	
	padding: 5px 10px;
	margin-bottom: 20px;
	
	font-size: 17px;
	line-height: 24px;
	
	font-family: "Raleway";
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}
textarea { padding: 10px; }
select { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;	 
}
span.wpcf7-form-control-wrap.your-subject:after {
  content: "";
  color: #6b6b6b;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  right: 15px;
  top: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus { 
	border: 1px solid #ee3338; 
	background-color: #f1f1f1; 
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] {
	
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/*--------------------------------------------------------------
1.1 Site Styles
--------------------------------------------------------------*/
* { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { height: 100%; }
body {
	background: #FFFFFF;
	font: 17px/25px 'Raleway', sans-serif;
	color: #111B18;
	font-weight: 300;
}
::selection {
	background: #6b6b6b;
	color: #FFFFFF;
}
::-moz-selection {
	background: #6b6b6b;
	color: #FFFFFF;
}


img { max-width: 100%; display: block; height: auto; }

h2 {
	color: #5b5b5b;
	letter-spacing: -1px;
}

.blockspace { padding: 40px 0 0; }

div.bg-color { background-color: #F2F2F2; }

.toggleMenu { display: none; }


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:visited {
	text-decoration: none; 
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;


	color: #6b6b6b;
}

a:hover,
a:focus,
a:active {
	color: #ee3338;
}

p a,
p a:visited {
	color: #E82328;
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.textalignright { text-align: right; }
.textaligncenter { text-align: center; }

/* Buttons
-------------------------------------------------- */
.button.round.large {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 400;
	border-bottom: 4px solid #e7141a;
	background: #ee3338;
	
	-o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

	line-height:30px;
	padding: 0 20px;
	display: inline-block;
	
	cursor: pointer;
	vertical-align: middle;
	
}


/* Vertically Centering divs 
-------------------------------------------------- */
.display-center {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/* Fallback
-------------------------------------------------- */
.no-flexbox div.display-center { display: inline !important; }


/* Animation
-------------------------------------------------- */
.csstransforms3d .container-1200, .csstransforms3d .container { opacity: 1; }
.no-js .csstransforms3d .container-1200, .no-js .csstransforms3d .container,
.js-error .container-1200, .js-error .container,
.no-js .container-1200, .no-js .container { opacity: 1; }

.csstransforms3d .container-1200.animate, 
.csstransforms3d .container.animate {
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease; 
    opacity: 1;
    z-index: inherit;
    
}

	/* Fade In Keyframes
	-------------------------------------------------- */
	@-webkit-keyframes fade-in {
	    0%   { opacity: 0; }
	    100% {  opacity: 1; }
	}
	@-moz-keyframes fade-in {
	 	0%   { opacity: 0; }
	  	100% { opacity: 1; }
	}
	@-o-keyframes fade-in {
	  	0%   { opacity: 0; }
	  	100% { opacity: 1; }
	}
	@keyframes fade-in {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}
	
	/* Fade Out Keyframes
	-------------------------------------------------- */
	@-webkit-keyframes fade-out {
		0%   { opacity: 1; }
	    100% {  opacity: 0; }
	}
	@-moz-keyframes fade-out {
	  	0%   { opacity: 1; }
	  	100% { opacity: 0; }
	}
	@-o-keyframes fade-out {
	  	0%   { opacity: 1; }
	  	100% { opacity: 0; }
	}
	@keyframes fade-out {
		0%   { opacity: 1; }
		100% { opacity: 0;}
	}

/* Animation Duration	
-------------------------------------------------- */	
.animated {
  -webkit-animation-duration: 330ms;
  animation-duration: 330ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Breadcrumbs
-------------------------------------------------- */
.breadcrumb {  
	background-color: #f7f7f7;
	padding-left: 10px;
}
p.breadcrumbs { margin-bottom: 0px; color: #151515; font-size: 13px; line-height: 25px; }
p.breadcrumbs a { color: #141414; }

	
/* FlexSlider
-------------------------------------------------- */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 * 
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/*
Flexslider Browser Resets
================================================== */ 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
================================================== */
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; vertical-align: middle; height: auto; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Felxslider Custom Styles
-------------------------------------------------- */




/* 404 Header
-------------------------------------------------- */
body.error404 {
	
}

/* Home page styles
-------------------------------------------------- */

	/* Header
	-------------------------------------------------- */
	.nav-bar-top { height: 80px; width: 100%; top: 0px; background-color: #FFF; background-color: rgba(255,255,255,0.95); z-index: 999; position: fixed;  }
	h1.logo {  
		
		font-size: 34px;
		line-height: 80px;
		
		font-weight: 300;
		
		color: #3b3b3b;
	}
	h1.logo a { color: #3b3b3b; } 
	h1.logo a:hover { color: #ee3338; }
	.nav-bar-top ul { margin-bottom: 0px; }
	.menu-section ul li { display: inline; padding-left: 40px; }
	.menu-section ul li:first-child { padding-left: 0; }
	.menu-section ul li a { color: #3b3b3b; font-size: 13px; font-weight: 600; line-height: 80px; font-family: 'Raleway', sans-serif; text-transform: uppercase; }
	.menu-section ul li.hover a,
	.menu-section ul li a:hover,
	.menu-section ul li.current_page_item a { color: #ee3338; }
	
	.free-consult {
		height: 80px;
		position: absolute;
		background-color: #ee3338;
		color: #FFF;
		padding: 20px 30px;
		line-height: 20px;
		font-size: 13px;
		font-weight: 600;
	}
	.free-consult a { color: #FFF; }
	.free-consult a:hover { color: #3b3b3b; }
	
	.header-contact-form {
		position: absolute;
		top: 50px;
		width: 500px;
		height: 393px;
		background-color: #4ca081;
		border: 4px solid #459074;
		z-index: 100;
		right: 50px;
		padding: 30px 10px;
	}
	.header-contact-form h2 { color: #FFF; text-align: center; font-weight: 600; }
	.header-contact-form ul { list-style: none; margin: 20px 0 0; }
	.header-contact-form li input,
	.header-contact-form li select { margin-bottom: 10px; font-size: 15px; }
	.header-contact-form li input[type="submit"] { font-size: 17px; line-height: 28px; width: 100%; }
	
	#header-slideshow { position: relative; height: 490px; overflow: hidden;}
	#header-slideshow .slides li { position: relative; overflow: hidden; }
	#header-slideshow .flex-direction-nav { display: none; }
	#header-slideshow .flex-control-nav {
	  position: absolute;
	  right: 30px;
	  top: 40%;
	}
	#header-slideshow .flex-control-nav li { display: block; padding-bottom: 3px; }
	#header-slideshow .flex-control-nav li a.flex-active,
	#header-slideshow .flex-control-nav li a:hover { background-color: #ee3338; }
	#header-slideshow .flex-control-nav li a {
		background-color: #d7e5fa;
		display: inline-block;
		height: 10px;
		text-indent: -9999px;
		vertical-align: bottom;
		width: 10px;
		cursor: pointer;
		-o-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.slide-text { 
		width: 100%;
		height: 100%;
		display: block;
	}
	.slide-text h2 {
		position: absolute;
		top: 38%;
		width: 100%;
	
	  	font-size: 100px;
	  	line-height: 100px;
	  
	  	color: #fff;
	  	display: block;
	  
	  	cursor: pointer;
	}
	.slide-text h2 a { color: #FFF; }
	.slide-text h2:hover { opacity: 0.8; }
	.slide-text p {
		position: absolute;
		bottom: 0px;
		width: 100%;
	
		padding: 10px 20px;
		text-align: center;
		color: #3b3b3b;
		font-size: 20px;
		line-height: 24px;
		background: rgba(255,255,255,0.7);
		margin: 0;
	}
	
	/* Curtains scroll
	-------------------------------------------------- */
	ul.curtains { position: relative; height: 600px; }
	ul.curtains li { position: absolute; top: 0px; left: 0px; }
	
	.more-down { width: 100%; padding: 10px 0 0px; }
	
	
	/* Content Home Timetable
	-------------------------------------------------- */
	.timetable { padding: 40px 0; }
	.timetable h2 { font-size: 30px; padding-bottom: 10px; }
	.timetable ul { list-style: none; }
	.timetable ul li { font-size: 17px; padding-bottom: 5px; }
	.timetable ul { padding-top: 40px; }
	.timetable img { margin: 0 auto; padding-top: 40px;  }
	.timetable .today { margin-bottom: 40px; }
	
	.booknow > div { background-color: #4ca081; padding: 20px 0; color: #FFF;  }
	.booknow h2 { display: inline; padding-right: 10px; color: #FFF; font-size: 25px; line-height: 30px; }
	
	/* Testimonals 
	-------------------------------------------------- */
	.testimonials .blockspace { padding: 40px 0 80px; }
	.testimonials h2 { margin-bottom: 40px; }
	.testimonials article { margin-bottom: 40px; }
	
	.testimonials .front, .testimonials .back { cursor: pointer; backface-visibility: hidden; }
	.testimonials .front { background-color: #CCC; }
	.testimonials .back { color: #3b3b3b; font-size: 17px; line-height: 25px; padding: 10px 6px; }
	
	.testimonials .author { font-size: 15px; line-height: 16px; font-style: italic; }
	.testimonials .front img { width: 170px; }
	
	/* Bg Quote
	-------------------------------------------------- */
	.quote-text { color: #FFF; font-size: 20px; padding: 170px 100px 50px; font-size: 40px; line-height: 50px; font-weight: 500; }
	.quote-author { color: #FFF; font-size: 27px; }
	
	/* Map
	-------------------------------------------------- */
	.map.viewport { margin-bottom: 0px; }
	#map { height: 500px; }



/* Page Styles second level
-------------------------------------------------- */
.bg-image.page-header {
	
	background-position: top left;
	background-attachment: scroll;
	background-repeat: no-repeat;	
	
}

.bg-image.page-header h1 {	
	padding: 170px 0;
  	color: #FFF;
  	text-transform: uppercase;
  	font-size: 100px;
  	font-family: 'Raleway', sans-serif;
}
	
	/* Featured divs
	-------------------------------------------------- */
	.feature-div { padding: 0; overflow: hidden; }
	.feature-div h2 { 
		margin-bottom: 10px;
		font-size: 40px;
		line-height: 45px;
		color: #4ca081;
		font-weight: 500;
	}
	.feature-left .feature-text { padding-left: 20px; }
	.today ul { list-style: none; }
	
	.feature-text, .feature-img { padding-top: 20px;  padding-bottom: 40px; }
	.feature-text ul li { padding-bottom: 10px; }
	.feature-text ul li:last-child { padding-bottom: 0px; }
	
	/* lender
	-------------------------------------------------- */
	.lender { margin: 20px 0; }
	
	/* List 2
	-------------------------------------------------- */
	.list_two { margin: 30px 0 60px 0; overflow: hidden; }
	.list_two h2 {  
		margin-bottom: 10px;
		font-size: 30px;
		line-height: 40px;
		color: #4ca081;
		font-weight: 500;
	}
	.list_two .col1, .list_two .col2 { padding: 0 60px; }


/* Page level 3 styles
-------------------------------------------------- */
h1.page-header { 
	padding: 20px 0; 
	font-size: 60px; 
	line-height: 70px; 
	color: #c2c2c2; 
	letter-spacing: -4px;
}
.bg_image_spacer h1.page-header { padding: 80px 0; }

	/* Featured
	-------------------------------------------------- */
	.feature-introduction { padding: 40px 0 80px; }
	.feature-introduction p,
	.feature-introduction ul li { font-size: 20px; line-height: 30px; }
	
	.feature-introduction ul { list-style: disc inside; }
	
	.feature-right .feature-text { padding-right: 20px; }
	
	.feature-right-points { padding: 80px 0 40px; overflow: hidden; }
	.feature-right-points h2 { padding-bottom: 20px; }
	.feature-right-points .feature-text.one-half { padding-right: 20px; }
	.feature-right-points ul,
	.class-plan ul { list-style-position: inside; }
	.class-plan ul li { padding-bottom: 5px; }
	
	.class-plan { padding-bottom: 80px; overflow: hidden; }
	
	.feature-image-block { padding: 40px 0 80px; overflow: hidden; }
	.feature-image-block img { height: 80px; }
	.feature-image-block .img-left img { float: right; }
	.feature-image-block .img-right img { text-align: left; }
	
/* Single Post	
-------------------------------------------------- */	
.post-view { padding: 60px 0; }

/* Post
-------------------------------------------------- */
span.postmetadata { display: block; font-size: 11px; margin-top: 10px; }
span.postmetadata a {
  background-color: #f1f1f1;
  color: #6b6b6b;
  padding: 2px 10px;
  margin-right: 5px;
  border-radius: 4px;
}


/* Timetable Calendar
-------------------------------------------------- */
.ui.tiny.tbk-buttons .tbk-button, .ui.tiny.tbk-buttons .or, .ui.tiny.tbk-button,
span.tb-service-info,
.ui.form .field > lRaleway,
.ui.modal p, 
.ui.mini.lRaleways .lRaleway, .ui.mini.lRaleway,
.ui.list .list > .item .description, .ui.list > .item .description { font-size: 17px !important; }
.tb-service-info { display: block; padding-bottom: 10px; }
.tbk-header {  }
.ui.lRaleway { background-color: transparent; }
.ui.circular.lRaleways .lRaleway, .ui.circular.lRaleway {  
	text-indent: -9999px;
	padding: 0 !important;
}
.tb-pointing-lRaleway-dots { 
	height: 10px; width: 10px;
	max-height: 10px; max-width: 10px;
	min-height: 10px !important; min-width: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important; 
}
.ui.pointing.lRaleway.tbk-column,
.ui.pointing.lRaleway.tbk-column:before { background-color: transparent !important; }
.tb-frontend-calendar .today { margin-bottom: 0px; }

/* Contact
-------------------------------------------------- */
.contact-form ul { list-style: none; }
.contact-form ul li lRaleway { display: block; padding: 5px 0; }



/* Footer
-------------------------------------------------- */
.footer { color: #7b7b7b; margin-bottom: 30px; }
.footer h4 { color: #4b4b4b; margin-bottom: 10px; font-weight: 500; }
.footer h4 a { color: #4b4b4b; }
.footer span { padding-right: 5px; color: #4b4b4b; font-size: 15px; }
.footer span.fa { font-size: 17px; }
.footer a:hover span { color: #ee3338; }

.footer input[type='email'] { width: 60%; float: left; margin-right: 10px;  }

.blog .footer,
.single .footer { border-top: 1px solid #e7e7e7; }



/* Mobile and Tablet
-------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	
	h1.logo { padding-left: 10px; }

	.testimonials .two.columns { width: 30%; }	
	.testimonials .offset-by-one { padding-left: 10px; }
	
	.free-consult, .header-contact-form { display: none; height: 0px; }
	.container-1200 .menu-section.six.columns { width: 70%; }
	
	#header-slideshow { height: auto; }
	
}

@media only screen and (max-width: 960px) {

	h1.logo { font-size: 30px; }
	
	.slide-text p { font-size: 15px; }
	.more-down { padding-top: 10px; }
	.blockspace { padding: 0; }

	.timetable-calendar.six.columns { width: 90%; margin: 0 5%; }
	.today-calendar.six.columns { width: 0px; display: none; }
	
	
}

@media only screen and (max-width: 780px) {
	
	.slide-text h2 { font-size: 70px; }
	.slide-text p { display: none; }
	
	.menu-section.nine.columns { position: absolute; top: 10px;  }
	
	.container-1200 .one-half.column.alpha.omega { width: 100%; }
	
	.more-down { padding: 0; }
	.more-down fa-2x { font-size: 1.5em; }
	.timetable { padding: 0 0 20px; }
	
	.testimonials h2 { padding-top:40px; margin-bottom: 10px; }
	.testimonials .two.columns { width: 170px; margin: 0 20px; }
	
	.quote-text { padding: 150px 100px 50px; font-size: 30px; line-height: 30px; font-weight: 500; }
	.quote-author { color: #FFF; font-size: 25px; }
	
	
	#experinceyoga-map { height: 400px; }
}


@media only screen and (max-width: 480px) {

	.container-1200 { padding: 0 5%; }
	
	h1.logo { font-size: 30px; }
	h2 { font-size: 25px; line-height: 30px; }
	
	.slide-text h2 { font-size: 40px; top: 25%; }
	#header-slideshow .flex-control-nav { top: 25%; }
	#header-slideshow .flex-control-nav li { padding-bottom: 0px; }
	
	/* Timetable Calendar
	-------------------------------------------------- */
	.tb-frontend-calendar > .tbk-row:first-child > .tbk-column,
	.tb-day-schedule > .tbk-row:first-child > .tbk-column { font-size: 20px; }
	.ui.tiny.tbk-buttons .tbk-button, .ui.tiny.tbk-buttons .or, .ui.tiny.tbk-button,
	span.tb-service-info,
	.ui.form .field > lRaleway,
	.ui.modal p, 
	.ui.mini.lRaleways .lRaleway, .ui.mini.lRaleway,
	.ui.list .list > .item .description, .ui.list > .item .description { font-size: 13px !important; }
	.tb-service-info { display: block; padding-bottom: 5px; }
	
	.testimonials .two.columns { width: 90%; margin: 0px 5%; }
	.testimonials .front { float: left; margin-right: 10px; }
	.testimonials .flip-container { margin-bottom: 20px; }
	
	.bg-image-quote { background-position: center !important; }
	
	.quote-text { padding: 100px 50px 30px; font-size: 25px; line-height: 30px; font-weight: 500; }
	.quote-author { font-size: 25px; }	
	
	#experinceyoga-map { height: 300px; }
	.booknow > div { padding: 20px 0; }
	
	.footer { padding-top: 20px; text-align: center; }

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	

}


@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* Display table
	-------------------------------------------------- */
	.display-center { 
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		
		-webkit-align-items: none;
		-moz-align-items: none;
		-ms-flex-align: none;
		align-items: none;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Display center
	-------------------------------------------------- */
	.display-center { 
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		
		-webkit-align-items: none;
		-moz-align-items: none;
		-ms-flex-align: none;
		align-items: none;
	}
	

}

 @media only screen and (max-width: 480px) {
 
 	/* Display table
	-------------------------------------------------- */
	.display-center { 
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		display: inline !important;
		
		-webkit-align-items: none;
		-moz-align-items: none;
		-ms-flex-align: none;
		align-items: none;
	}

 }