/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map_canvas img,.google-maps img{max-width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}
/* mosne reset*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav ul ,nav ul li{ list-style: none; margin: 0; padding: 0;}
body,html{ margin: 0;  padding: 0;}
a{outline:0; text-decoration: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
p{margin: 0; margin-bottom: 1em;}
.hidden{display: none;}
body { margin: 0; font: 1em/1.5 sans-serif; }

/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/


/* -- Use this wrapper if you want to block-out a column with padding 
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */

.row {
  margin-left: -1em; /* gutter */
  overflow: hidden;
  clear: both;
}

 [class*="col-"]{
  float: left;
  padding-left: 1em; /* gutter */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/cs/js/boxsizing.htc);
 }
 
 
/*!
 * MOSNE RESPONSIVE DESIGN GRIDS 
 * Author  : mosne
 * URL     : http://mosne.it
 * ---------------------------------------*/
 
.col-full{ width: 100%;} .col-1-16{ width: 6.25%;} .col-1-8{ width: 12.5%;} .col-3-16{ width: 18.75%;} .col-1-4{ width: 25%;} .col-5-16{ width: 31.25%;} .col-3-8{ width: 37.5%;} .col-7-16{ width: 43.75%;} .col-1-2{ width: 50%;} .col-9-16{ width: 56.25%;} .col-5-8{ width: 62.5%;} .col-11-16{ width: 68.75%;} .col-3-4{ width: 75%;} .col-13-16{ width: 81.25%;} .col-7-8{ width: 87.5%;} .col-15-16{ width: 93.75%;} .col-1-1{ width: 100%;} .col-1-12{ width: 8.3333333333333%;} .col-1-6{ width: 16.666666666667%;} .col-1-3{ width: 33.333333333333%;} .col-5-12{ width: 41.666666666667%;} .col-7-12{ width: 58.333333333333%;} .col-2-3{ width: 66.666666666667%;} .col-5-6{ width: 83.333333333333%;} .col-11-12{ width: 91.666666666667%;} .col-1-10{ width: 10%;} .col-1-5{ width: 20%;} .col-3-10{ width: 30%;} .col-2-5{ width: 40%;} .col-3-5{ width: 60%;} .col-7-10{ width: 70%;} .col-4-5{ width: 80%;} .col-9-10{ width: 90%;} 

/* default responsive */
@media (max-width: 767px) { 
.col-1-16, .col-1-8, .col-3-16, .col-1-4, .col-5-16, .col-3-8, .col-7-16, .col-1-2, .col-9-16, .col-5-8, .col-11-16, .col-3-4, .col-13-16, .col-7-8, .col-15-16, .col-1-1, .col-1-12, .col-1-6, .col-1-3, .col-5-12, .col-7-12, .col-2-3, .col-5-6, .col-11-12, .col-1-10, .col-1-5, .col-3-10, .col-2-5, .col-3-5, .col-7-10, .col-4-5, .col-9-10, .col-full{ width: 100%;}
}

/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1200px)  {  

.b-col-1-16{ width: 6.25%;} .b-col-1-8{ width: 12.5%;} .b-col-3-16{ width: 18.75%;} .b-col-1-4{ width: 25%;} .b-col-5-16{ width: 31.25%;} .b-col-3-8{ width: 37.5%;} .b-col-7-16{ width: 43.75%;} .b-col-1-2{ width: 50%;} .b-col-9-16{ width: 56.25%;} .b-col-5-8{ width: 62.5%;} .b-col-11-16{ width: 68.75%;} .b-col-3-4{ width: 75%;} .b-col-13-16{ width: 81.25%;} .b-col-7-8{ width: 87.5%;} .b-col-15-16{ width: 93.75%;} .b-col-1-1{ width: 100%;} .b-col-1-12{ width: 8.3333333333333%;} .b-col-1-6{ width: 16.666666666667%;} .b-col-1-3{ width: 33.333333333333%;} .b-col-5-12{ width: 41.666666666667%;} .b-col-7-12{ width: 58.333333333333%;} .b-col-2-3{ width: 66.666666666667%;} .b-col-5-6{ width: 83.333333333333%;} .b-col-11-12{ width: 91.666666666667%;} .b-col-1-10{ width: 10%;} .b-col-1-5{ width: 20%;} .b-col-3-10{ width: 30%;} .b-col-2-5{ width: 40%;} .b-col-3-5{ width: 60%;} .b-col-7-10{ width: 70%;} .b-col-4-5{ width: 80%;} .b-col-9-10{ width: 90%;} 
}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.d-col-1-16{ width: 6.25%;} .d-col-1-8{ width: 12.5%;} .d-col-3-16{ width: 18.75%;} .d-col-1-4{ width: 25%;} .d-col-5-16{ width: 31.25%;} .d-col-3-8{ width: 37.5%;} .d-col-7-16{ width: 43.75%;} .d-col-1-2{ width: 50%;} .d-col-9-16{ width: 56.25%;} .d-col-5-8{ width: 62.5%;} .d-col-11-16{ width: 68.75%;} .d-col-3-4{ width: 75%;} .d-col-13-16{ width: 81.25%;} .d-col-7-8{ width: 87.5%;} .d-col-15-16{ width: 93.75%;} .d-col-1-1{ width: 100%;} .d-col-1-12{ width: 8.3333333333333%;} .d-col-1-6{ width: 16.666666666667%;} .d-col-1-3{ width: 33.333333333333%;} .d-col-5-12{ width: 41.666666666667%;} .d-col-7-12{ width: 58.333333333333%;} .d-col-2-3{ width: 66.666666666667%;} .d-col-5-6{ width: 83.333333333333%;} .d-col-11-12{ width: 91.666666666667%;} .d-col-1-10{ width: 10%;} .d-col-1-5{ width: 20%;} .d-col-3-10{ width: 30%;} .d-col-2-5{ width: 40%;} .d-col-3-5{ width: 60%;} .d-col-7-10{ width: 70%;} .d-col-4-5{ width: 80%;} .d-col-9-10{ width: 90%;} 
}


/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.t-col-1-16{ width: 6.25%;} .t-col-1-8{ width: 12.5%;} .t-col-3-16{ width: 18.75%;} .t-col-1-4{ width: 25%;} .t-col-5-16{ width: 31.25%;} .t-col-3-8{ width: 37.5%;} .t-col-7-16{ width: 43.75%;} .t-col-1-2{ width: 50%;} .t-col-9-16{ width: 56.25%;} .t-col-5-8{ width: 62.5%;} .t-col-11-16{ width: 68.75%;} .t-col-3-4{ width: 75%;} .t-col-13-16{ width: 81.25%;} .t-col-7-8{ width: 87.5%;} .t-col-15-16{ width: 93.75%;} .t-col-1-1{ width: 100%;} .t-col-1-12{ width: 8.3333333333333%;} .t-col-1-6{ width: 16.666666666667%;} .t-col-1-3{ width: 33.333333333333%;} .t-col-5-12{ width: 41.666666666667%;} .t-col-7-12{ width: 58.333333333333%;} .t-col-2-3{ width: 66.666666666667%;} .t-col-5-6{ width: 83.333333333333%;} .t-col-11-12{ width: 91.666666666667%;} .t-col-1-10{ width: 10%;} .t-col-1-5{ width: 20%;} .t-col-3-10{ width: 30%;} .t-col-2-5{ width: 40%;} .t-col-3-5{ width: 60%;} .t-col-7-10{ width: 70%;} .t-col-4-5{ width: 80%;} .t-col-9-10{ width: 90%;} 
}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.m-col-1-16{ width: 6.25%;} .m-col-1-8{ width: 12.5%;} .m-col-3-16{ width: 18.75%;} .m-col-1-4{ width: 25%;} .m-col-5-16{ width: 31.25%;} .m-col-3-8{ width: 37.5%;} .m-col-7-16{ width: 43.75%;} .m-col-1-2{ width: 50%;} .m-col-9-16{ width: 56.25%;} .m-col-5-8{ width: 62.5%;} .m-col-11-16{ width: 68.75%;} .m-col-3-4{ width: 75%;} .m-col-13-16{ width: 81.25%;} .m-col-7-8{ width: 87.5%;} .m-col-15-16{ width: 93.75%;} .m-col-1-1{ width: 100%;} .m-col-1-12{ width: 8.3333333333333%;} .m-col-1-6{ width: 16.666666666667%;} .m-col-1-3{ width: 33.333333333333%;} .m-col-5-12{ width: 41.666666666667%;} .m-col-7-12{ width: 58.333333333333%;} .m-col-2-3{ width: 66.666666666667%;} .m-col-5-6{ width: 83.333333333333%;} .m-col-11-12{ width: 91.666666666667%;} .m-col-1-10{ width: 10%;} .m-col-1-5{ width: 20%;} .m-col-3-10{ width: 30%;} .m-col-2-5{ width: 40%;} .m-col-3-5{ width: 60%;} .m-col-7-10{ width: 70%;} .m-col-4-5{ width: 80%;} .m-col-9-10{ width: 90%;} 
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* 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 {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 {width: 100%; display: block;}
.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;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 7px; height: 7px; display: block; background: #fff; background: rgba(255,255,255,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/* Track */
::-webkit-scrollbar {
    width: 5px;
    visibility: hidden;

}

/* theme styles */
  
  body, textarea, input{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #444;
  }
  
  body,html{
      background: #fff;
      margin: 0; padding: 0;
  }
  
  p,h2{
      margin-bottom: 1em;
  }
  
  h3{
      margin-top: 1em;
      margin-bottom: 0;
  }
  
  
  a{
      color: #000;
  }
  
  a:hover{
      text-decoration: underline;
  }
  
  
  #main{
  }
  
  
  #header{
      padding-bottom: 0;
  }
  
  .wrapper,
  #footer,
  #header h1{
      text-align: center;
  }
  
  .wrapper h2{
      background: #B1C6BF;
      padding: 80px 0;
      font-size: 150px;
      margin: 0;
      margin-bottom: 13px;
      color: #EDE7D0;
  }
  
  #contact .wrapper h2{
      background: #BD6467;
  }
  
  #works .wrapper h2{
      background: #EDE7D0;
      color: #666;
  }
  
  
  strong{
      font-weight: 400;
  }    
  
  
  
  h1,h2,h3,h4{
      font-weight: 400;
      font-size: 16px;
      color: #000;
  }  

   

.magicol{
 -webkit-column-count: 3;  -webkit-column-gap: 30px; 
     -moz-column-count: 3;     -moz-column-gap: 30px; 
          column-count: 3;          column-gap: 30px; 
          font-size: 14px;
}
  
  /*do the magic*/
  
  #header{
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      float: left;
      width: 100%;
      z-index: 9999;
  }
  
 
  
  
  #footer{
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      float: left;
      width: 100%;
      z-index: 9999;
  }
   
   #header a{
   text-transform: uppercase;
   padding: 5px 0;
   margin: 0 16px;
   text-decoration: none;
   }
  
  
  
  #half{
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      border-bottom: 0;
      float: left;
      width: 100%;
      height: 100%;
  }
  
  .wrapper{
      width: 100%;
      float: left;
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      position: relative;
  }
  
  .flex-active{
    border-bottom: 5px solid #333;
  }
  
  
/*parallax*/


.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

#second{
	background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third{
	background: url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;	
}

#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}
/**/
  

/* Portrait tablet to landscape and desktop */
@media (min-width: 1200px)  { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 1199px)  {
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 768px) {



.magicol{
 -webkit-column-count: 2;  -webkit-column-gap: 30px; 
     -moz-column-count: 2;     -moz-column-gap: 30px; 
          column-count: 2;          column-gap: 30px; 
}

#header{
    padding-top: 1em;
}

}


 
/* Landscape phones and down */
@media (max-width: 480px) {


.magicol{
 -webkit-column-count: 1;  -webkit-column-gap: 15px; 
     -moz-column-count: 1;     -moz-column-gap: 15px; 
          column-count: 1;          column-gap: 15px; 
}

.flex-control-nav li {
margin: 0 4px;
}



}


/* Retina-specific stuff here */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

}