/*
Theme Name: Fitness Website Style
Theme URI: 
Description: A minimalist fitness design
Version: 1.1.1
Author: Joshua Terrington
Author URI: www.nextdoormedia.com.au
Tags: fitness, html5, responsive, one page

The CSS, HTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html
*/

body {
	background: #FFFFFF;
	font-family: 'Raleway', Helvetica, sans-serif;
	-moz-osx-font-smoothing: grayscale;
    color: #444e54;
}

h2 {
	font-family: 'Oswald', sans-serif;
	color: #2c2c2c;
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
}
h3 {
	font-family: 'Oswald', sans-serif;
	color: #2c2c2c;
	font-size: 44px;
	line-height: 48px;
	text-transform: uppercase;
}
h4 {
	font-family: 'Oswald', sans-serif;
	color: #2c2c2c;
	font-size: 17px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 400;
}
h5 {
	font-family: 'Raleway', sans-serif;
	color: #2c2c2c;
	font-size: 17px;
	line-height: 18px;
	font-weight: 700;
}
strong { font-weight: 400; font-family: 'Oswald', sans-serif; margin-bottom: 6px; }
svg { margin-bottom: 24px; }

p,div {
	font-family: "Raleway";
	font-size: 14px;
	line-height: 24px; 	
}
.text-center { text-align: center; }
.text-right { text-align: right; }



h3.heading,
h2.heading { display: inline-block; border-top: 3px solid #2c2c2c; border-bottom: 3px solid #2c2c2c; text-align: center; padding: 3px 0 6px; font-weight: 700; }
h4.heading { text-align: center; margin: 0px; padding-bottom: 12px; margin: 0px; font-size: 17px; line-height: 18px; text-transform: uppercase; }

.viewport { min-height: 690px; overflow: hidden; position: relative; }
#fitness-header.viewport { min-height: 690px; overflow: hidden; }

.csstransforms3d .viewport { opacity: 0; }
.no-js .csstransforms3d .viewport { opacity: 1; }
.csstransforms3d .viewport.animate {
	-webkit-animation: opacity 0.6s ease-in-out 0s normal forwards 1 fade-in;
	-moz-animation: opacity 0.6s ease-in-out 0s normal forwards 1 fade-in;
	-o-animation: opacity 0.6s ease-in-out 0s normal forwards 1 fade-in;
    animation: opacity 0.6s ease-in-out 0s normal forwards 1 fade-in;
    opacity: 1;
    z-index: inherit;
}

#fitness-header { 
	background: url("images/fitness-header-bg.jpg") no-repeat fixed center 0 #ededed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}


.navigation-bar { padding-top: 12px; }
.navigation-bar ul { margin: 0; }

/* Fix Nav-bar
-------------------------------------------------- */
.fixed.navigation-bar { 
	position: fixed; top: 0; 
	background-color: #1e1e1e;
	width: 100%; 
	z-index: 9999;
	margin: 0px; padding: 0px;
}
.csstransforms3d .fixed.navigation-bar.fade-in { 
	-webkit-animation: opacity 1s ease-in-out 0s normal forwards 1 fade-in;
	-moz-animation: opacity 1s ease-in-out 0s normal forwards 1 fade-in;
	-o-animation: opacity 1s ease-in-out 0s normal forwards 1 fade-in;
	animation: opacity 1s ease-in-out 0s normal forwards 1 fade-in;
	opacity: 1;
	z-index: 9999;
}
.csstransforms3d .fixed.navigation-bar.fade-out {
	-webkit-animation: opacity 0.4s ease-in-out 0s normal forwards 1 fade-out;
	-moz-animation: opacity 0.4s ease-in-out 0s normal forwards 1 fade-out;
	-o-animation: opacity 0.4s ease-in-out 0s normal forwards 1 fade-out;
	animation: opacity 0.4s ease-in-out 0s normal forwards 1 fade-out;
	opacity: 0;
	z-index: 9999;
}

/* 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 Kewframes
-------------------------------------------------- */
@-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;}
}


.logo { text-align: right; line-height: 54px; }

.logo img { vertical-align: middle; display: inline; height: 30px; }
.logo-heading { 
	font-family: 'Oswald', sans-serif;
	font-size: 18px; line-height: 54px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
nav.primary ul { text-align: right; }

nav.primary ul li a {
	font-family: 'Oswald', sans-serif;
	font-size: 18px; line-height: 54px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
nav.primary ul li:hover a,
nav.primary ul li a.hover,
nav.primary ul li:last-child > a:hover { color: #2c2c2c; border-bottom: none;  }
.fixed.navigation-bar nav.primary ul li:hover a,
.fixed.navigation-bar nav.primary ul li a.hover,
.fixed.navigation-bar nav.primary ul li:last-child > a:hover { color: #1281b2;  }
nav.primary ul li { padding-right: 30px; float: none; display: inline; line-height: inherit; margin-bottom: 0px; }
nav.primary ul li:last-child { padding: 0px; margin: 0px; }
nav.primary ul li:last-child > a {
    background-color: transparent;
    border-radius: 0;
    color: #FFF;
    line-height: 54px;
    padding: 0;
    position: relative;
    transition: all 0.25s linear 0s;
    vertical-align: inherit;
}
nav.primary ul li:last-child > a:hover {  background-color: transparent; }
a.toggleMenu {
    color: #FFF;
    float: right;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1em;
    line-height: 60px;
    position: relative;
    right: 0px;
    text-align: right;
    }
a.toggleMenu:hover { color: #2c2c2c; }
.fixed.navigation-bar a.toggleMenu:hover { color: #1281b2; }


#fitness-header-text { padding: 120px 0; text-align: center; }
#fitness-header-text h4 { 
	font-family: 'Oswald', sans-serif;
	font-size: 18px; line-height: 18px;
	font-weight: 700;
	padding-bottom: 18px;
	margin: 0px;
	color: #fff; 
}
#fitness-header-text h2 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 90px; line-height: 90px;
	padding: 12px 0px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	color: #fff;
	display: inline-block;
	margin-bottom: 30px;
}
#fitness-header-text h2 span { color: #1281b2; } 

/* Fitness Services
-------------------------------------------------- */
#fitness-services { background: #fff; padding: 66px 0; text-align: center; }
.section-heading { text-align: center; margin-bottom: 60px; }
#fitness-services p { 
	font-family: "Raleway";
	font-size: 14px;
	line-height: 24px; 
}
#fitness-services .fa {
	color: #2c2c2c;
	margin-bottom: 30px;
}

/* Fitness Packages
-------------------------------------------------- */

#fitness-packages {  }
#fitness-packages .backgrounds { position: absolute; width: 100%; }
#fitness-packages .backgrounds .image-viewport {
	background-color: #ededed;
    box-shadow: -15px -11px 40px -6px rgba(0, 0, 0, 0.1) inset;
    float: left;
    height: 100%;
    width: 50%;
    z-index: 1;
    min-height: 690px;
    overflow: hidden;
}
#fitness-packages .backgrounds .text-viewport {
	background-color: #FFFFFF;
    float: right;
    height: 100%;
    width: 50%;
    z-index: 1;
    min-height: 690px;
    overflow: hidden;
}

#fitness-packages .package-text { padding-top: 12px; }
#fitness-packages h3.heading { font-weight: 400; }
#fitness-packages h4 { font-size: 21px; line-height: 24px; margin-bottom: 30px; }

#website-package-slides { margin-top: 24px; }

.steps { text-align: left; }
.steps h4 { margin-bottom: 30px; }
.steps span {
	font-family: 'Oswald', sans-serif;
	border: 2px solid #2c2c2c;
	border-radius: 18px;
	color: #2c2c2c;
    display: inline-block;
    font-size: 17px;
    height: 36px;
    line-height: 32px;
    margin: 0 30px;
    text-align: center;
    width: 36px;
    vertical-align: top;
    background-color: #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    
}
.steps div.package-steps {  position: relative; padding-bottom: 36px; cursor: pointer; }
.steps div.package-steps:after {
	background-color: #2c2c2c;
    bottom: 0;
    content: "";
    left: 47px;
    position: absolute;
    top: 36px;
    width: 2px;
}
.steps div.package-steps:hover span,
.steps div.package-steps span.hover { background-color: #2c2c2c; color: #ffffff; }
.steps div.package-steps:last-child:after { background-color: transparent; width: 0px;  }
.steps div.package-steps-text  { display: inline-block; width: 75%; }

.package-includes { margin-top: 24px; }

#fitness-packages .package-site {
	background: url('images/fitness-websites-responsive-design.png') no-repeat scroll 50px 40% transparent; 
	min-height: 690px;
}

/* Control Nav Header */
#fitness-packages #website-package-slides.flexslider .flex-control-nav { position: absolute; width: 50%; bottom: 60px; text-align: center; }
#fitness-packages #website-package-slides.flexslider .flex-control-nav li { margin: 0 0 0 2px; display: inline-block; zoom: 1; *display: inline;}
#fitness-packages #website-package-slides.flexslider .flex-control-nav li:first-child { margin: 0;}
#fitness-packages #website-package-slides.flexslider .flex-control-nav li a { width: 10px; height: 10px; display: block; background-color: #bebebe;; cursor: pointer; text-indent: -9999px; border-radius: 10px; }
#fitness-packages #website-package-slides.flexslider .flex-control-nav li a:hover { background-color: #2c2c2c; }
#fitness-packages #website-package-slides.flexslider .flex-control-nav li a.flex-active { background-color: #2c2c2c; cursor: default; }

/* PT Packages Price
-------------------------------------------------- */
#pt-package { position: relative; overflow: hidden; }

#pt-pricing {
  text-align:center;
  position: relative;
  padding: 0 10%;
  width: 100%;
}
#pt-pricing .header{
	background-color: #3c3c3c;
	color: #f7f7f7;
	padding:12px;
	font-size:18px;
	line-height: 18px;
	font-weight:800;
	border-radius:6px 6px 0 0;
}
#pt-pricing .price {
    background-color: #ffdf09;
    color:white;
    padding:6px 6px 0;
    font-size:22px;
    line-height: 24px;
    font-weight:800;
    color: #3c3c3c;
}
#pt-pricing .triangle {
	overflow: hidden;
    padding-left: 50%;
    padding-right: 50%;
    padding-top: 8%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

#pt-pricing .triangle:after {
    border-left: 500px solid rgba(0, 0, 0, 0);
    border-right: 500px solid rgba(0, 0, 0, 0);
    border-top: 78px solid #ffdf09;
    content: "";
    display: block;
    height: 24px;
    margin-left: -500px;
    margin-top: -78px;
    overflow: hidden;
}


#pt-pricing small {  
	font-size: 40%;
	display: block;
}
#pt-pricing .figure {
    font-weight:800;
    font-size:1.2em;
    margin:0 2px;
}
#pt-pricing .itemsWrapper .monthly-price { font-size: 14px; font-weight: 700; }
#pt-pricing .details{
  color:#1281b2;
  font-size:.8em;
  display:block;
  overflow:hidden;
  transition: all 400ms ease;
}
  
#pt-pricing .itemsWrapper {
    border:1px solid #E6E6E6;
    border-top:none;
    border-radius:0 0 6px 6px;
    background:white;
    padding-top: 48px;
}
.items {
  list-style:none;
  padding: 6px 15px 24px;
  margin:0;
}
.items .item {
  text-transform:capitalize;
  border-bottom: 1px solid #ededed;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
#pt-pricing .itemsWrapper .item.ask { font-style: italic; font-size: .9em; }
#pt-pricing .itemsWrapper .more-button { margin-top: 24px; }

#pt-inclusion .content { 
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}
#pt-inclusion .img-center { text-align: center; }
#pt-inclusion img { display: inline-block; height: 90px; margin-bottom: 24px; }

/* Call to action
-------------------------------------------------- */
#call-to-action { 
	background-color: #1281b2; 
	color: #2c2c2c; 
	padding: 66px 0; 
	text-align: center;
}
#call-to-action p {
	text-align: center; 
	font-size: 21px; 
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 30px;
}

/* Fitness Work
-------------------------------------------------- */
#fitness-work .sites { overflow:hidden; background-color:#111111; }
#fitness-work .site {
	width: 25%; 
	display: block; 
	float: left; 
	opacity:0.6;
	overflow: hidden;
	cursor: pointer;
}
#fitness-work .site:hover { opacity: 0.8;  }
#fitness-work .site img { 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s; 
	-o-transition: all 0.3s ease-in-out 0s; 
	transition: all 0.3s ease-in-out 0s; }
#fitness-work .site:hover img { 
	-webkit-transform: scale(1.09, 1.09); 
	-moz-transform: scale(1.09, 1.09);  
	-o-transform: scale(1.09, 1.09);  
	transform: scale(1.09, 1.09); 
}


/* Testimonials
-------------------------------------------------- */
#testimonials {
	/*background: #1281b2; 
	background: url("images/workout-trainer-weights.png") no-repeat fixed center center #1281b2;*/
	
	background: url(images/workout-trainer-weights.png) no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	-webkit-background-attachment: fixed;
  	-moz-background-attachment: fixed;
  	-o-background-attachment: fixed;
  	background-attachment: fixed;
  	background-color: #1281b2;
	width: 100%;
	padding: 60px 0;
	text-align: center;
	
    -webkit-font-smoothing: antialiased; 
}
#testimonials span.fa { 
	text-align: center;
	padding: 20px;
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 24px;
}
 
#testimonials p { 
	color: #FFF;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
}
#testimonials p.author { font-size: 15px; font-weight: 300; } 

.dark.button a, .dark.button span, .dark.button input,
.blue.button a, .blue.button span, .blue.button input {
	font-family: "Raleway";
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	text-shadow: none;
}

.dark.flat.button {
	background-color: #2c2c2c;
	border: 1px solid #222222;
	color: #fff;
}
.dark.flat.button.medium { padding: 3px 15px; border-radius: 3px; }

/* Fitness Form Contact
-------------------------------------------------- */
#fitness-contact { position: relative; overflow: hidden; }
#fitnessform { margin: 66px 0px; }
#fitnessform .medium.blue.button { 
	text-align: center; 
    width: 100%;
    margin-top: 30px;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select {
	background-color: #f7f7f7;
	color: #2c2c2c;
	border: 1px solid #bebebe;
	font-family: "Raleway";
	width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
	background-color: #f6f6f6;
	border: 1px solid #cecece;
}

#contact input[type="email"], #contact input[type="text"], #error-page input[type="text"], #search-page input[type="text"] {
	background-color: #b3b8c2;
    border: 1px solid #7a8189;
    color: #000002;
    display: inline;
    font-size: 13px;
    margin-bottom: 12px;
    padding-left: 6px;
    width: 100%;
}
#contact div.button, #error-page div.button, #search-page div.button { width: 100%; text-align: center; border-radius: 3px; }
#contact ul li { margin-bottom: 0px; }

/* Media Queries
-------------------------------------------------- */

	@media (max-width: @iphone-screen)  {
        #fitness-header {  background-attachment: scroll; background-size: 100%; }
    }
    
	@media only screen and (min-width: 959px) and (max-width: 1200px) {
		svg rect { width: 95% !important; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { .csstransforms3d .viewport { opacity: 1; } }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
			.csstransforms3d .viewport { opacity: 1; }
			
			/* logo
			-------------------------------------------------- */
			#small-logo { margin-top: 6px; width: 50%; }
			#small-logo img { height: 48px; }   
			
			/* Nav
			-------------------------------------------------- */
			a.toggleMenu {  
				color: #FFFFFF;
				text-align: right;
				float: right;
				position: relative;
				letter-spacing: 1em;
				right: 10px;
				font-weight: 300;
			}
			
			
			nav.primary { width: 100% !important; margin: 0 !important; z-index: 99; position: relative; top:0px; height: 100%; }
	    	nav.primary {
				height: 0;
				border-bottom: none;
				
				text-align: center;
			}
	    	nav.primary ul {  
	    		display: block;
	    		position: relative;
		        width: 100%; margin: 0;
		        text-align: left;
		        background-color: #2c2c2c; 
		        z-index: 9999;
	    	}
	    	nav.primary ul li { 
	    		float: none; display: block; padding: 0; height: auto; line-height: inherit; 
				background-color: #2c2c2c;    		
				margin-bottom: 0;
				padding: 0px;
	    		border-bottom: 1px solid #222222;
	    		border-right: none;
	    		text-align: center;
	    	} 
	    	nav.primary ul li:hover { background: #222222; border-bottom: none; }
	    	nav.primary ul li a {
	    		color: #FFF;
	    		text-align: left;
	    		line-height: 54px;
	    		text-align: center;
	    		font-size: 15px;
	    		padding: 0px;
	    		display: block;
	    	}
	    	nav.primary ul li a:hover, 
	    	nav.primary a:hover { color: #1281B2; border-bottom: none; }
	    	nav.primary ul ul {
	    		float: none;
	    		width: 100%;
	    		border: none;
	    		background-color: #2c2c2c; 
	    	}
	    	nav.primary ul li:hover,
	    	nav.primary ul li.current-menu-item > a,
	    	nav.primary ul li.current-menu-item,
	    	nav.primary ul li > a.hover,
	    	nav.primary ul li:last-child > a:hover,
	    	nav.primary ul li.current-menu-item > a, nav.primary ul li.current-menu-ancestor > a, nav.primary ul li.current_page_item > a, nav.primary ul li.current_page_ancestor > a { background: #222222; color: #1281B2; border-bottom: none; }
	    	
	    	nav.primary ul > li.hover > ul , nav.primary ul li li.hover ul, nav.primary ul ul {
	        	position: static;
	        	background: #2c2c2c;
	    	}
	    	
	    	nav.primary ul > li > .parent { background-position: 95% 50%; }
	    	nav.primary ul li .parent {
			   background: transparent;
			}
			nav.primary ul li:last-child { margin-top: 0px; }
			
			#fitness-packages .package-site { display: none; }
			#fitness-packages .container-1200 .six.columns { width: 100% !important; }
			#fitness-packages strong { display: block; }
			#fitness-packages #website-package-slides.flexslider .flex-control-nav { bottom: -48px; width: 100%; }
			
			svg rect { width: 95% !important; }
			
			#fitness-work .site { width: 50%;  }
			#fitness-work .site:nth-of-type(2n+1) { clear: left;  }
			#fitness-work .site:before,
			#fitness-work .site:after { clear: both; }
			
			/* Footer
			-------------------------------------------------- */
			footer.bottom .first-credit,
			footer.bottom .second-credit { width: 100%; text-align: center; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
			.csstransforms3d .viewport { opacity: 1; }
			
			/* logo
			-------------------------------------------------- */
			#small-logo { margin-top: 6px; width: 50%; }
			#small-logo img { height: 48px; }   
			
			/* Navigation Bar
			-------------------------------------------------- */
			.navigation-bar .logo.one.column.alpha { text-align: left; width: 15%; padding-left: 3%; }
			.navigation-bar .logo-heading.four.columns { text-align: left; width: 50%; }
			
			/* Nav
			-------------------------------------------------- */
			a.toggleMenu {  
				color: #FFFFFF;
				text-align: right;
				float: right;
				position: relative;
				letter-spacing: 1em;
				right: 10px;
				font-weight: 300;
			}
			
			
			nav.primary { width: 100% !important; margin: 0 !important; z-index: 99; position: relative; top:0px; height: 100%; }
	    	nav.primary {
				height: 0;
				border-bottom: none;
				
				text-align: center;
			}
	    	nav.primary ul {  
	    		display: block;
	    		position: relative;
		        width: 100%; margin: 0;
		        text-align: left;
		        background-color: #2c2c2c; 
		        z-index: 9999;
	    	}
	    	nav.primary ul li { 
	    		float: none; display: block; padding: 0; height: auto; line-height: inherit; 
				background-color: #2c2c2c;    		
				margin-bottom: 0;
				padding: 0px;
	    		border-bottom: 1px solid #222222;
	    		border-right: none;
	    		text-align: center;
	    	} 
	    	nav.primary ul li:hover { background: #222222; border-bottom: none; }
	    	nav.primary ul li a {
	    		color: #FFF;
	    		text-align: left;
	    		line-height: 54px;
	    		text-align: center;
	    		font-size: 15px;
	    		padding: 0px;
	    		display: block;
	    	}
	    	nav.primary ul li a:hover, 
	    	nav.primary a:hover { color: #1281B2; border-bottom: none; }
	    	nav.primary ul ul {
	    		float: none;
	    		width: 100%;
	    		border: none;
	    		background-color: #2c2c2c; 
	    	}
	    	nav.primary ul li:hover,
	    	nav.primary ul li.current-menu-item > a,
	    	nav.primary ul li.current-menu-item,
	    	nav.primary ul li > a.hover,
	    	nav.primary ul li:last-child > a:hover,
	    	nav.primary ul li.current-menu-item > a, nav.primary ul li.current-menu-ancestor > a, nav.primary ul li.current_page_item > a, nav.primary ul li.current_page_ancestor > a { background: #222222; color: #1281B2; border-bottom: none; }
	    	
	    	nav.primary ul > li.hover > ul , nav.primary ul li li.hover ul, nav.primary ul ul {
	        	position: static;
	        	background: #2c2c2c;
	    	}
	    	
	    	nav.primary ul > li > .parent { background-position: 95% 50%; }
	    	nav.primary ul li .parent {
			   background: transparent;
			}
			nav.primary ul li:last-child { margin-top: 0px; }
			
			#fitness-packages .package-site { display: none; }
			#fitness-packages .container-1200 .six.columns { width: 100%; }
			#fitness-packages strong { display: block; }
			#fitness-packages #website-package-slides.flexslider .flex-control-nav { bottom: -48px; width: 100%; }
			
			#fitness-packages .backgrounds .image-viewport {
				background-color: #FFF;
			    box-shadow: none;
			    width: 0%;
			}
		
			.steps span { margin: 0 12px; }
			.steps div.package-steps:after { left: 29px; }
			svg rect { width: 95% !important; }
			
			#fitness-work .site { width: 50%;  }
			#fitness-work .site:nth-of-type(2n+1) { clear: left;  }
			#fitness-work .site:before,
			#fitness-work .site:after { clear: both; }
			
			
			
			/* Contact Form
			-------------------------------------------------- */
			input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select,
			#contact input[type="email"], #contact input[type="text"], #error-page input[type="text"], #search-page input[type="text"],
			#fitnessform .medium.blue.button,
			#contact div.button, #error-page div.button, #search-page div.button { width: 95%; }
			.blue.button.right { float: none; }
			
			/* Footer
			-------------------------------------------------- */
			footer.bottom .first-credit,
			footer.bottom .second-credit { width: 100%; text-align: center; }

			
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}