/*
Theme Name: FLEXIFIT - Version:  1.2 - Redesign
Description:  Designed by <a href="http://themeforest.net/user/josweb">josweb</a>.
Author:  <a href="http://www.spiralpixel.com">Jo</a>
01. General
02. Content
I.	Header
II.	Navigation
III.About Section
IV. The Team
V. 	Classes - icons - tabs - table
VI.	Blog
VII.Contact - form, social icons, twitter
VIII. Carousels for testimonials and blog
IX. Media queries
*/

/* RESET */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, nav, section {
	display: block;
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/***************************************************
	01. GENERAL
***************************************************/
body {
	background: #fff url(../images/bg.png) repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	line-height: 1.5em;
	margin:0 auto;
	text-shadow: 0px 1px 1px #fff;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

img,embed,object,video { max-width:100%; height:auto; }
strong { font-weight:bold; color:#999; }
.grey { color:#bbb; }
.blue { color:#df83a6; }
.red {
	color: #C00;
}
p { text-align:left; padding:0px 0px 15px 0px; }
.blog_video{ z-index:0; }
#center{ width:920px;display:block; margin:0 auto;}

a {
	color:#3387A3;
	text-decoration:none;
	cursor:pointer;
	font-style:normal;
	outline:none;
	-moz-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-webkit-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-o-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
}
a:hover { color:#58B8C1; text-decoration: none; }

/* TYPOGRAPHY++++++++++++++++++++++++++++++++++++++++++++*/

h1,h2,h3,h4,h5,h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#B63B64;
	font-weight:400;
	line-height:1.3em;
	font-style:normal;
}
h1 {
	color:#555;
	font-size:30px;
	line-height:1em;
	text-align:center;
	margin-bottom:0px;
}
h2 { font-size:24px; margin-bottom:10px; }
h3 { text-align:left; font-size:20px; margin-bottom:15px; }
h4 { font-size:19px; margin-bottom:10px; }
h5 { font-size:16px; margin-bottom:10px; }
h6 {
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	color:#777;
}
.subhead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	font-size:18px;
	margin:8px 0 35px 0;
	color:#888;
}

/* IMAGE STYLES++++++++++++++++++++++++++++++++++++++++++++*/
.image_left {
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	padding: 4px;
	margin: 0px 10px 10px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.image_right {
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	padding: 4px;
	margin: 0px 0px 10px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
}
.image_border {
	display:block; margin:0px 0px 10px 0px;
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.blog_left, .blog_video { 
	margin:5px 0px 14px 0px;
	width:97%;
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	padding: 4px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 }
.blog_video{ margin:5px 0px 19px 0px;}
.right_noborder { margin:0px 0px 10px 10px; float: right; }
.left_noborder { margin:0px 10px 10px 0px; float: left; }
img { -ms-interpolation-mode: bicubic; }

/* DIVIDERS++++++++++++++++++++++++++++++++++++++++++++*/
.divider, .divider2 {
	background-color: #ddd;
	width:100%;
	height:1px;
	float:left;
}
.divider { margin:10px 0px 10px 0px; }
.divider2 { margin:25px 0px 35px 0px; }

/* LIST STYLES++++++++++++++++++++++++++++++++++++++++++++*/

ul.star li, ul.bullet li, ul.pointer li, ul.square li, ul.basket li, ul.speech li,
 ul.card li, ul.certificate li,ul.flag li , ul.tag li, ul.clock li, ul.pencil li,
 ul.light li , ul.note li, ul.way li, ul.delivery li {
	margin-bottom:10px;
	display:block;
	list-style-type:none;
	text-align:left;
}
/*--star --*/
ul.star li { background:url(../images/star.png) no-repeat 0 1px; padding-left:28px; }
/*--bullet --*/
ul.bullet li { background:url(../images/bullet.png) no-repeat -4px 0px; padding-left:25px; }
/*--pointer --*/
ul.pointer li { background:url(../images/list-arrow.png) no-repeat -2px 1px; padding-left:25px; }
/*--square --*/
ul.square li { background:url(../images/square.jpg) no-repeat 2px; 7px; padding-left:25px; }
/*--ordered list --*/
ol.number { list-style:decimal; list-style-position:inside; }
ol.number li { padding-bottom: 10px; }

/* ICONS++++++++++++++++++++++++++++++++++++++++++++*/

ul.basket li { background:  url(../images/icons/basket.png) no-repeat 0 0;  padding-left:48px; }
ul.speech li { background:  url(../images/icons/blog.png) no-repeat 0 -6px; padding-left:48px; }
ul.card li { background:  url(../images/icons/card.png) no-repeat 0 -8px; padding-left:48px; }
ul.certificate li {background:  url(../images/icons/certificate.png) no-repeat 0 0; padding-left:48px; }
ul.flag li { background:  url(../images/icons/flag.png) no-repeat 0 0; padding-left:48px; }
ul.tag li { background: url(../images/icons/tag.png) no-repeat 0 0; padding-left:48px; }
ul.clock li { background:  url(../images/icons/clock.png) no-repeat 0 -2px; padding-left:48px; }
ul.pencil li { background: url(../images/icons/pencil.png) no-repeat 0 -5px; padding-left:48px; }
ul.light li { background:  url(../images/icons/light.png) no-repeat 0 0; padding-left:48px; }
ul.note li { background: url(../images/icons/note.png) no-repeat 0 0; padding-left:48px; }
ul.way li { background:  url(../images/icons/way.png) no-repeat 0 -4px; padding-left:48px; }
ul.delivery li { background:  url(../images/icons/delivery1.png) no-repeat 0 0; padding-left:48px; }

/***************************************************
	02. CONTENT
***************************************************/
/*--SECTION PADDING --*/
#about { padding: 80px 0px; }
#team { padding: 80px 0px; }
#news { padding: 80px 0px; }
#classes { padding: 80px 0px; }
#contact {
	padding: 110px 0px 0px 0px;
}

/* I. HEADER++++++++++++++++++++++++++++++++++++++++++++*/
#top_wrapper {
	background: url(../images/textured_stripes.png) repeat;
	width: 100%;
	height: auto;
	padding-top:110px;
	padding-bottom:20px;
	border-bottom:2px solid #ffffff;
}
#header {
	background: url(../images/navbg.png) no-repeat center 0px;
	width:960px;
	height: 90px; 
	z-index: 9999;
	position:fixed;
	top: 0;
	left: 50%;
	margin-left: -480px;
}
/*----- logo -----*/
.logo h1 { margin:0 0 0 -70px;}

/* II. NAVIGATION++++++++++++++++++++++++++++++++++++++++++++*/
#menu { float: left; }
#menu ul {
	padding-top: 20px;
	padding-right: 10px;
	z-index: 999;
	float: right;
}
#menu ul li {
	padding: 0px 10px;
	float: left;
	background: none;
	list-style-type: none;
}
#menu ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: 400;
	text-shadow: 0px 1px 0px #000000;
	text-decoration:none;
	text-transform: uppercase;
	word-spacing: 2px;
	outline: none;
}
#menu ul li a:hover { color: #df83a6; }

#menu select {
	display: none;
	cursor: pointer !important;
	color: #8b9192 !important;
	outline: none;
}

/* III. ABOUT++++++++++++++++++++++++++++++++++++++++++++*/
/*-- elastislide carousel --*/
.es-carousel-wrapper {
	background:#101010;
	padding:10px 37px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
	margin-bottom:0px;
}
.es-carousel { overflow:hidden; background:#000; }
.es-carousel ul { display:none; }
.es-carousel ul li { height:100%; float:left; display:block; }
.es-carousel ul li a { display:block; border-style:solid; border-color:#222; }
.es-carousel ul li a img {
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span {
	position:absolute;
	top:50%;
	left:12px;
	background:transparent url(../images/nav_white.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next { right:12px; left:auto; background-position:top right; }
.es-nav span:hover { opacity: 1.0; }


/* IV. THE TEAM ++++++++++++++++++++++++++++++++++++++++++++*/
#team .image_left { width:95%; }
.skill {
	margin-top:-15px;
	color:#777;
	font-size:11px;
	font-weight:bold;
}

/* V.CLASSES++++++++++++++++++++++++++++++++++++++++++++*/
/*-- icons --*/
.icon_bg {
	width:100px;
	height:100px;
	border:0px solid;
	margin:15px auto 47px auto;
}
.icon_bg img { float:left; }
#classes h3 { text-align:center; }
#classes p { text-align: justify; }

/*-- tabs--*/
ul.tabs {
	display:block;
	margin:0;
	border-bottom:1px solid #ddd;
	padding:0;
}
ul.tabs li {
	display:block;
	width:auto;
	height:30px;
	padding:0;
	float:left;
	margin-bottom:0;
	margin-right:3px;
	width:90px;
	text-align:center;
}
ul.tabs li a {
	display:block;
	text-decoration:none;
	width:auto;
	height:19px;
	padding:10px 10px 0px 10px;
	background:#eee;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	border:1px solid #ddd;
	line-height:10px;
	color:#666;
	margin:0;
	font-size:13px;
	-moz-transition:none;
	transition:none;
	-webkit-transition:none;
}
ul.tabs li a.active {
	background:#58b8c1;
	height:19px;
	position:relative;
	font-weight:400;
	padding-top:10px;
	border:1px solid #aaa;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	line-height:10px;
	color:#fff;
}
ul.tabs-content { margin:0; display:block; padding:20px 0px; text-align:left;}
ul.tabs-content>li { display:none; }
ul.tabs-content>li.active { display: block; }
/* Clearfixing tabs for stacking */
ul.tabs:before,ul.tabs:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
ul.tabs:after { clear:both; }
ul.tabs { zoom:1; }
.tab_prices {
	font-size:14px;
	color:#333;
	font-weight: 300;
	padding-top:70px;
}

/*-- table--*/
/* Generic Styling, for Desktops/Laptops */
table { background:transparent; width: 100%; background: #ddd;  border-collapse: collapse;  }
tr:nth-of-type(odd) { background: #eee; }
th { 
	background: #333; 
	color: #fff; 
	font-weight: normal;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
}
td, th {  padding: 6px;  border: 1px solid #ccc;  text-align: left; }
td { }	
/* This query will take effect for screens smaller than 760px and iPads*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block;  }
		
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {  position: absolute; top: -9999px; left: -9999px; }
	tr { border: 1px solid #ccc; }
td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
}
td:before { 
/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px; left: 6px; width: 45%; 
	padding-right: 10px; white-space: nowrap;
}
Label the data
		*/
		td:nth-of-type(1):before { content: ""; }
		td:nth-of-type(2):before { content: "Monday"; }
		td:nth-of-type(3):before { content: "Tuesday"; }
		td:nth-of-type(4):before { content: "Wednesday"; }
		td:nth-of-type(5):before { content: "Thursday"; }
		td:nth-of-type(6):before { content: "Friday"; }
		td:nth-of-type(7):before { content: "Saturday"; }
}
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body { padding: 0;  margin: 0;  width: 320px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { width: 495px; }
}

/* VI.BLOG slider settings are below 'carousel for testmonials and blog' +++++++++++*/
.read-more { color:#df83a6; text-align:left; }
.blog_star { font-size:17px; color:#df83a6;}
.read-more a { color:#555; }
.read-more a:hover { color:#df83a6;}
.holder { width:100%; margin:-10px 0 0 3px; }


/* VII.CONTACT ++++++++++++++++++++++++++++++++++++++++++++*/
/*-- contact form--*/
#contact_form { float:left; margin:0px 0px; }
#contact_form ul li { background:none; list-style-type:none; }
#contact_form .required { color:#df83a6; font-size: 1.0em; }
.error { color:#999; font-size:11px; }
#contact_form input,#contact_form textarea {
	background:#fcfcfc;
	width:100%;
	height:22px;
	padding:5px;
	border:1px solid #e6e6e6;
	font-family:'Open sans',sans-serif;
	font-size:12px;
	color:#999;
	line-height:1.5em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:block;
	margin-bottom:1px;
}
#contact_form textarea { height:100px; }
p.success {
	font-family:'open sans',serif;
	text-shadow:0px 1px 1px #fff;
	font-size:12px;
	display:block;
	margin:0px 0px;
	color:#777;
	text-align:left;
	position:relative;
	line-height:1.5em;
	margin-top:0px;
}
#contact_form label {
	display:block;
	text-shadow:0px 1px 0px #fff;
	font-size:11px;
	color:#777;
	margin-top:0px;
}
#contact_form input.submit {
	background:#2F93B5;
	color:#eee;
	font-family:'Open Sans',sans-serif;
	text-transform:uppercase;
	cursor:pointer;
	width:60px;
	height:30px;
	margin:10px 5px 45px 0px;
	font-size:11px;
	display:block;
	float:left;
	text-align:center;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	border:0;
	line-height:1;
	opacity:1.0;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
#contact_form input.submit:hover {
	color:#fff;
	background:#333;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
/*-- social icons--*/
#social {
	margin:0 0 20px;
	width:100%;
	padding:0;
	list-style-type:none;
	float:left;
}
#social ul { display:inline; padding:0; overflow:hidden; }
#social li { display:inline; list-style-type:none; padding-right:0; }
#social a {
	filter:0;
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1.0);
	filter:alpha(opacity=80);
	opacity:0.8;
	text-decoration:none;
}
#social a:hover {
	border-style:none;
	filter:0;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	filter:alpha(opacity=70);
	opacity: 0.7;
}
/*-- twitter--*/
.tweet,.query {
	font-family:'Open Sans',sans-serif;
	font-size:12px;
	color:#777;
	margin-top:20px;
	background:url('../images/tweet.png') no-repeat;
	padding:0px 0px;
	text-align:left;
}
.tweet_list {
	list-style:none;
	margin:0 0px 0 40px;
	padding:0px;
	overflow-y:hidden;
}
.tweet_list li {
	overflow-y:auto;
	overflow-x:hidden;
	padding:0em;
	list-style-type:none;
	border:0;
}
.tweet_list li a {}
.tweet_list .tweet_avatar { display:none; }
#ticker ul.tweet_list { height:6em; overflow-y:hidden; }
#ticker .tweet_list li { height:6em; overflow-y:hidden; }

/*-- footer--*/
.footer { float:left; font-size:12px;}
.footer2 { float:right;font-size:12px; }
.footer2 a { color:#999; }
.footer2 a:hover { color: #666; }

/* VIII.CAROUSELS FOR TESTIMONIALS AND BLOG ++++++++++++++++++++++++++++++++++++++++++++*/
.slidewrap ul li,.slidewrap2 ul li {
	margin:0;
	padding:0;
	list-style:none;
	border: 0;text-align:left;
}
/*-- testimonials carousel --*/
.slidewrap .slidecontrols li {
	font-size:14px;
	font-style:normal;
	display:block;
	float:left;
	margin:0px 0 20px 0;
	color:#ccc;
}
.slidewrap p {
	font-size:18px;
	font-style:italic;
	line-height:30px;
	color:#777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:10px;
}
.slidewrap .carousel-next {
	background:transparent url(../images/nav.png) no-repeat -14px 0px;
	width:16px;
	height:35px;
	display:block;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.5;
	padding-left:20px;
	margin-left:10px;
}
.slidewrap .carousel-prev {
	background:transparent url(../images/nav.png) no-repeat 2px 0;
	width:16px;
	height:35px;
	opacity:0.5;
	display:block;
	margin-left:-2px;
	text-indent:-9000px;
	cursor:pointer;
}
.slidewrap .carousel-next:hover { opacity: 1.0; }
.author {  padding:0 0 10px 0; color:#df83a6; }

/*-- blog carousel --*/
.slidewrap2 { padding-top:20px; text-align:left; }
.slidewrap2 .carousel-tabs {
	padding:0;
	clear:both;
	width:100%;
	margin-left:0px;
}
.slidewrap2 .carousel-tabs li { display:inline-block; padding:0 2px; border:0;}
.slidewrap2 .carousel-tabs a {
	background:#888;
	margin-top:20px;
	display:inline-block;
	height:15px;
	text-indent:-9999px;
	width:15px;
	border-radius:20px;
}
.ie .slidewrap2 .carousel-tabs li { display:block; float:left; }
.slidewrap2 .carousel-tabs .carousel-active-tab a { background: #409CBB; }

/* IX.MEDIA QUERIES ++++++++++++++++++++++++++++++++++++++++++++*/
/* iPads (portrait) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 959px) {
#sub_header { padding: 40px 0px 25px 0px; }
#header {
 background: #1b292c;
 border-bottom-right-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
 width:748px;
 left: 50%;
 margin-left: -374px;
 height: 70px;
}
#center{ width:720px; display:block; margin:0 auto; } 
#top_wrapper {
	background: url(../images/textured_stripes.png) repeat;
	width: 768px;
	height: auto;
	padding-top:110px;
	padding-bottom:20px;
	border-bottom:2px solid #ffffff;
}

#contact{ padding: 0px 0px; }
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body { width:100%; display:block; margin:0 auto; } 
#center{ margin:0 auto; } 
}

/*-----  Mobile (Portrait) / 320px -----*/
@media only screen
and (max-width: 767px) {
.logo h1 { margin: -10px  auto 0px auto; }
#top_wrapper{
	padding:0px 0px;
	border-bottom:1px solid #fff;
	background:url(../images/textured_stripes.png) repeat;
	width: 100%;
	height: auto;
}
#center{ width:100%;display:block; margin:0 auto;}
#menu ul { display: none; }
#menu { text-align:center; }
#menu select {
display: inline-block;
text-align:left;
width:60%;
border:solid 1px #46494d;
padding: 5px;
background:transparent;
color: #82848a;
}
#header {
 background: #222;
 border-bottom-right-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
 width:300px;
 position: relative;
 left: 50%; margin-bottom:-70px;
 margin-left: -150px;
 height: auto;
 padding-bottom: 10px;margin-bottom:10px;
}
#about, #team, #classes, #news, #contact{ padding: 30px 0px; }
.subhead { margin:8px 0 -3px 0; }
.blog_video, .blog_left {  width:95%;}
.read-more{ margin:0px 0px 12px 0px; }
}

/*----- Mobile (Landscape) / 480px -----*/
@media only screen 
and (min-width: 480px) and (max-width: 767px) {
#header {
 background: #222;
 border-bottom-right-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
 width:420px;
 position: relative;
 left: 50%;
 margin-left: -210px;
 height: auto;
 padding-bottom: 10px;
}
#center{ width:100%; display:block; margin:0 auto;}
}