/*
  
Theme/Site Name: Muscle Gym
Description: A minimal HTML5 and CSS3 Fitness Templat
Theme Owner: Roberto Alanis (Alter)
Web:    http://robertoalanis.com
        http://themeforest.net/user/Alter        
*/


/*------------------------------------------------------------------------*/
/* Shortcodes*/
.center{margin-left: auto; margin-right: auto; }
.centered{text-align:center; }
.left {float: left; }
.right {float: right; }
.clear {clear: both; }
.push-right{margin-right:20px; }
.end{margin-right:0!important; }
.more:after	/* <= CSS2.1 syntax */
{
	content:" »";
}
.margin-bottom{
	margin-bottom: 21px;
}

.double-margin-bottom
{
	margin-bottom: 42px;
}

.margin-top-bottom
{
	margin-top: 21px;
	margin-bottom: 21px;
}

.highlight
{
	color: #08AFEE;
}



/*grids*/
.col1 { width:30px; }
.col2 { width:70px; }
.col3 { width:110px; }
.col4 { width:150px; }
.col5 { width:190px; }
.col6 { width:230px; }
.col7 { width:270px; }
.col8 { width:310px; }
.col9 { width:350px; }
.col10 { width:390px; }
.col11 { width:430px; }
.col12 { width:470px; }
.col13 { width:510px; }
.col14 { width:550px; }
.col15 { width:590px; }
.col16 { width:630px; }
.col17 { width:670px; }
.col18 { width:710px; }
.col19 { width:750px; }
.col20 { width:790px; }
.col21 { width:830px; }
.col22 { width:870px; }
.col23 { width:910px; }
.full { width:100%; }



/*type*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebas-neue/BebasNeue-webfont.eot');
    src: url('../fonts/bebas-neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas-neue/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/bebas-neue/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/bebas-neue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CoreHumanistSansRegular';
    src: url('../fonts/core-humanist-sans/CoreHumanistSans-Regular-webfont.eot');
    src: url('../fonts/core-humanist-sans/CoreHumanistSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/core-humanist-sans/CoreHumanistSans-Regular-webfont.woff') format('woff'),
         url('../fonts/core-humanist-sans/CoreHumanistSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/core-humanist-sans/CoreHumanistSans-Regular-webfont.svg#CoreHumanistSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/pt-sans/PTS55F-webfont.eot');
    src: url('../fonts/pt-sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt-sans/PTS55F-webfont.woff') format('woff'),
         url('../fonts/pt-sans/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/pt-sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bebas-neue
{
	font-family: 'BebasNeueRegular',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: normal;
}

.core-humanist
{
	font-family: 'CoreHumanistSansRegular',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: normal;
}


body, select, input, textarea { 
color: #5d5d5d; 
/* Set base font*/
font-family: 'PT Sans', Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}



h1, h2, h3, h4, h5
{
	color: #444;
	font-family: 'BebasNeueRegular', Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	padding-top: 6px;
}

.small 
{
	font-size: 9px;
} 

.normal, body 
{
	font-size: 13px;
	line-height:1.62;
}	

h5
{
	font-size: 17px;
	line-height:1;
	padding-top: 5px;
}

h4
{
	font-size: 21px;
	line-height:1;
	padding-bottom: 2px;
}

.big, h3 
{
	font-size: 28px;
	line-height:1.272;
	padding-bottom: 8px;
}

.large, h2 
{
	font-size: 34px;
	line-height:1;
	padding-bottom: 3px;
	margin-bottom: 21px;
}

.huge, h1 
{
	font-size: 45px;
	line-height:1.125;
	padding-bottom:13px;
	margin-bottom: 21px;
}


p+p 
{
	margin-top: 1.62em;
} 


/* main*/ 
html, body
{
	height:100%;
}

body
{
	position:relative;
	background: rgb(232,232,232);
	min-width:910px;
	-webkit-tap-highlight-color: #81e0fc;
	overflow: hidden;
}

[role="main"]
{
	width:910px;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px;
}


/*random boxes*/

.bg-pattern
{
	background: url(../images/diagonal-pattern.png);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -999;
	opacity: .6;
}

.box-pattern
{
	position: relative;
}

.box-pattern, .box-pattern *{-webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }


.box-pattern div {
    background: #fff;
    height: 50px;
    position: absolute;
    width: 50px;
}

.main-box
{
	width: 100%;
	height: 567px;
	position: relative;
}


/*header*/
header
{
	float: left;
	height: 100%;
	width: 190px;
	padding: 21px 20px;
	background: #fff;
	position: relative;
}

.logo
{
	display: block;
	margin: 21px 0;
}


/*navigation*/
nav
{
	float: left;
	width: 100%;
	margin: 21px 0;
	color: #08AFEE;
	font-size: 15px;
}


nav a
{
	display: block;
	padding: 6px 10px 7px;
}


nav a:before
{
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background: #ed478d;
	float: left;
	margin: 13px 15px 0 0 ;
}

nav li:nth-of-type(1) a:before { background-color: #ed478d; }
nav li:nth-of-type(2) a:before { background-color: #f5d700; }
nav li:nth-of-type(3) a:before { background-color: #974eac; }
nav li:nth-of-type(4) a:before { background-color: #009bd9; }
nav li:nth-of-type(5) a:before { background-color: #ff7232; }

nav a:hover, nav a:focus
{
	color: #fff;
	background: #08AFEE;
}


/*social links*/
.social
{
 position: absolute;
 bottom: 21px;
 left: 30px;
}

.social li, .social a
{
	background-image: url(../images/bg-social-icons.png);
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
}

.social li
{
	float: left;
	position: relative;
}

.social li + li
{
	margin-left: 10px;
}

.social a
{
	display: block;
	position: absolute;
	z-index: 30;
	text-indent: -9999px;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	opacity: 0;
}

.social a:hover{
	opacity: 1;
}

.twitter {
  background-position: 0px 0px;
}

.fb {
  background-position: -34px 0px;
}

.g-plus {
  background-position: -68px 0px;
}

.twitter a {
  background-position: 0px -34px;
}

.fb a {
  background-position: -34px -34px;
}

.g-plus a {
  background-position: -68px -34px;
}

.container
{
	float: left;
	width: 720px;
	display: none;
	background: #fff;
	height: 100%;
	padding: 42px 40px;
	z-index: 99;
}

.close{
    position:absolute;
    top:10px;
    right:10px;
    width:16px;
    height:16px;
    cursor:pointer;
    background: url(../images/icon-close.png)center center no-repeat;
    opacity:.4;
}

.close:hover{
    opacity:1;
}


/*-------
 sections
--------*/

/*about*/
.about h2 {
	color: #ed478d;
	margin: 0;
}

/* scroll-pane */
.scroll-pane
{
	width: 640px;
	height: 420px;
	overflow: auto;
	position: relative;
}

.jspContainer, .jspPane, .jspScrollable, .jspVerticalBar, .jspVerticalBar *
{
	-webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}

/*custom scrollbar ala Lion*/
.jspVerticalBar
{
	width: 14px;
}
	
.jspTrack
{
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #F2F2F2 #E4E4E4;
	-moz-box-shadow: 0px 3px 6px #e1e1e1 inset;
	-webkit-box-shadow: 0px 3px 6px #e1e1e1 inset;
	box-shadow: 0px 1px 6px #e1e1e1 inset;
}

.jspDrag
{ 
	width: 8px;
	margin: 0 auto;
	background:#24BFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;   
}


/*instructors*/

.instructors h2 {
	color: #f5d700;
}

.instructors article
{
	width: 150px;
	float: left;
	margin-bottom: 21px;
	position: relative;
	margin-right: 55px;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	background: #fff;
}

.instructors figure
{
	width: 150px;
	float: left;
	
}

.instructors article:hover
{
	-moz-box-shadow: 0 8px 12px -8px #000;
	-webkit-box-shadow: 0 8px 12px -8px #000;
	box-shadow: 0 8px 12px -8px #000;
}

.instructors figcaption
{
	text-align: center;
	font-weight: bold;
}

.instructors article ul
{
	position: absolute;
	float: left;
	height: 100%;
	width: 150px;
	padding: 20px;
	margin: 0 auto;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;	
	background: rgba(0,0,0,.8);
	color: #fff;
	opacity: 0;
}

.instructors ul:hover
{
	opacity: 1;
}

.instructors h5
{
	margin-bottom: 21px;
	color: #fff;
}

/*facilities*/

.facilities h2 {
	color: #974eac;
}

/*nivo slider - custom styles*/

.nivoSlider, .nivoSlider * { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }

.nivoSlider, .nivo-controlNav a
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #dcdcdc;
}

.nivoSlider {
	position:relative;
    width:640px;
    height:320px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

.nivoSlider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
}

.nivo-controlNav a {
	display:block;
	overflow:hidden; 
	width:124px;
	height:62px;
	float:left;
}

.nivo-control.active
{
	-webkit-box-shadow: 0 0 4px rgba(165, 212, 254, 0.7); 
	-moz-box-shadow: 0 0 4px rgba(165, 212, 254, 0.7); 
	box-shadow: 0 0 4px rgba(165, 212, 254, 0.7); 
	border-color:#4BA9FF;
}

.nivo-controlNav a:hover
{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-box-shadow: 0 12px 10px -10px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 12px 10px -10px rgba(0,0,0,.6);
	box-shadow: 0 12px 10px -10px rgba(0,0,0,.6);
	border: none;
}

.nivo-control.active:hover
{
	-moz-box-shadow: 0 12px 10px -10px rgba(0,0,0,.6), 0 0 4px #4BA9FF; 
	-webkit-box-shadow:0 12px 10px -10px rgba(0,0,0,.6), 0 0 4px #4BA9FF; 
	box-shadow:0 12px 10px -10px rgba(0,0,0,.6), 0 0 4px #4BA9FF; 
}


.nivo-controlNav a + a
{
	margin-left: 5px;
}

.nivo-directionNav a {
	top: 50%;
	width: 19px;
	height: 26px;
	display:block;
	background:url(../images/nav-controls.png) no-repeat;
	text-indent:-9999px;
}

a.nivo-nextNav {
	background-position:-19px -27px;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
	background-position:0px -27px;
}

.nivo-caption
{
	font-size: 34px;
	padding: 3px 10px 0;
	bottom: auto;
	top: 15%;
	width: auto;
	opacity: 1;
	background: #3ca9db;
	border: 1px solid rgba(255,255,255,.2);
}

/*prices*/

.prices h2 {
	color: #009bd9;
}

/*price table*/
.pricing-table, .pricing-table ul:before, .pricing-table ul:after {
    border: 1px solid #dcdcdc;
    border-top: none;
    z-index: 2;
}

.pricing-table
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	-webkit-border-radius: 11px 11px 0 0 ;
	-moz-border-radius: 11px 11px 0 0 ;
	border-radius: 11px 11px 0 0 ;
}

.pricing-table ul:before, .pricing-table ul:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 3px; 
}

.pricing-table ul:after {
    left: 4px;
    right: 4px;
    bottom: -6px; 
    box-shadow: 0 0 2px #ccc;
    z-index: 1;
}

.pricing-table ul
{
	float: left;
	-webkit-border-radius: 11px 11px 0 0;
	-moz-border-radius: 11px 11px 0 0;
	border-radius: 11px 11px 0 0;
	background: #fff;
	position: relative;
}

.pricing-table ul:hover{
	z-index: 100;
	-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
}

.pricing-table li
{
	padding:10px 20px;
}

.pricing-table ul li:first-of-type
{
	background: #42AAD6;
	background: -o-linear-gradient(90deg , rgb(48,152,196) 0%, rgb(80,183,228) 100%);
	background: -moz-linear-gradient(90deg , rgb(48,152,196) 0%, rgb(80,183,228) 100%);
	background: -webkit-linear-gradient(90deg , rgb(48,152,196) 0%, rgb(80,183,228) 100%);
	background: -ms-linear-gradient(90deg , rgb(48,152,196) 0%, rgb(80,183,228) 100%);
	background: linear-gradient(90deg , rgb(48,152,196) 0%, rgb(80,183,228) 100%);
	-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-border-radius: 11px 11px 0 0;
	-moz-border-radius: 11px 11px 0 0;
	border-radius: 11px 11px 0 0;
	border-bottom: 1px solid rgba(0,0,0,.2);
}


.pricing-table ul:hover li:first-of-type
{
	-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5), 0 0px 2px rgba(0,0,0,.8);
	-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5), 0 0px 2px rgba(0,0,0,.8);
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5), 0 0px 2px rgba(0,0,0,.8);
	position: relative;
	z-index: 100;
}

.pricing-table h5
{
	color: #fff;
	font-size:15px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	text-align: center;
}

.package-name
{
	width: 384px;
}

.month-fee, .year-fee
{
	width: 127px;
	text-align: center;
}

.pricing-table ul + ul li + li
{
	border-left: 1px solid #dcdcdc;
}

.pricing-table li:nth-of-type(even)
{
	background:#f2f7fb;
}

.pricing-table ul li + li:hover
{
	background:#dceefa;
	font-size: 15px;
	padding: 9px 20px 8px;
}

/*contact*/

.contact h2 {
	color: #ff7232;
}

.contact section
{
	float: left;
	width: 270px;
}

section.map
{
	width: 310px;
	margin-right: 40px;
}

/*contact form*/
form h5
{
	margin-bottom: 21px;
}

.contact *
{
	width: 100%;
}

input[type=text], input[type=email], textarea
{
	padding: 4px 5px 3px;
	margin-bottom: 21px;
	border: 1px solid #00aef1;
	-moz-box-shadow:inset 0px 1px 3px rgba(57,97,105,0.3);
	-webkit-box-shadow:inset 0px 1px 3px rgba(57,97,105,0.3);
	box-shadow:inset 0px 1px 3px rgba(57,97,105,0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


input[type=text]:focus, input[type=email]:focus, textarea:focus
{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-box-shadow: 0 8px 10px -8px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 8px 10px -8px rgba(0,0,0,.6);
	box-shadow: 0 8px 10px -8px rgba(0,0,0,.6);

}

input[type=submit]
{
	border: none;
	width: 70px;
	padding: 6px 0 5px;
	float: right;
	font-size: 11px;
	color: #fff;
	background: #00aef1;
	-moz-box-shadow: 0px 1px 0px rgba(1,49,67,0.6);
	-webkit-box-shadow: 0px 1px 0px rgba(1,49,67,0.6);
	box-shadow: 0px 1px 0px rgba(1,49,67,0.6);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input[type=submit]:active
{
	margin-top: 1px;
}

blockquote
{
	font-family: Georgia,'Times New Roman',Times,serif;
	font-style: italic;
	color: #999;
	margin: 1.62em 3.2em;
	border-left: 2px solid #999;
	padding-left: 1em;
}