/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*general*/

html, body {
	font-size:100%;
	font-family: 'Maven Pro', sans-serif;
}

input[type=search], input[type=button], input[type=submit], textarea, input[type="text"] {
  -webkit-appearance: none;
}

a, .trans, .column img {
text-decoration:none;
outline: none;
 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}
  

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

:focus {
  -moz-outline-style: none;
}

.blocklink{
text-indent:-9999px;
display:block;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#page {
width:960px;
margin:auto;
}

strong{
font-weight:bold;}

em{
font-style:italic}

hr {
display:none;}

.centrer{
	width:85%;
	margin:auto;
}
p, h2, .page-content ul li{
font-family: 'Lato', sans-serif;
font-weight:300;}

p, .page-content ul{
	line-height:24px;
	margin-bottom:22px;
} 
.page-id-9 .page-content .centrer{
	text-align:center;
}
p strong{
	font-weight:700;
}
.page-content ul li{
	margin-left:5px;
	margin-bottom:0;
}

.page-content ul li::before { /* add the new bullet point */
  display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    margin-right: 0.5rem;
    background-color: #039cfd;
	position:relative;
	top:-2px;
}
.page-content a{
	color:#039cfd;;
}
.page-content a:hover, .page-content a:active{
	text-decoration:underline;
	
}
/*header*/

header {
height:80px;
background-color:rgba(3, 156, 253, 0.6);
padding-top:20px;
text-align:center;
position:fixed;
width:100%;
z-index:1000;
}
header.solid {
	background-color:rgba(0, 0, 0, 1);
	height:65px;
	padding-top:10px;
}
header.solid  h1 a{
	width:300px;
	height:50px;
}
header.solid h1{
	float:left;
}

header h1 a{
	width:400px;
	height:70px;
	background-image:url(images/dan-guillemette-sports-physiotherapist-logo.png);
	background-repeat:no-repeat;
	background-size:cover;
	

}
header h1{
	width:300px;
	margin:auto;
	display:inline-block;
}



/*main-nav*/

nav {
	position:absolute;
	width:20%;
	right:-20%;
	top:100px;
	background-color:rgba(0, 0, 0, 0.7);
	text-align:left;
}
header.solid nav{
	top:65px;
}
nav.visible{
	right:0;
}
nav ul li a{
	color:#fff;
	font-size:17px;
	display:inline-block;
	padding-bottom:10px;
}
nav ul li a:hover, nav ul li a:active, a h3, nav ul li.current-menu-item a, .home nav ul li.menu-item-32 a, footer a:hover, footer a:active  {
	color:#039cfd;
}
nav .menu{
	padding:55px;
	padding-right:0;
	padding-bottom:65px;
}

/* arrow */

.downArrow{
	position: absolute;
	bottom: 10%;
	left: 50%;
	background-image:url(images/arrow.png);
	background-size:cover;
	cursor:pointer;
	width:80px;
	height:80px;
	z-index:999;
	 transform: translateX(-50%);
	 display:none;	
}


/*slideshow*/
#slideshow{
	position:relative;
	height:70vh;
	background-color:#000;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.slide{
	height:70vh;
	background-size:cover;
	background-position:center center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}
.page-id-19 .slide{
	background-position:right center;
}
.page-id-190 #slideshow{
	display:none;}
	.page-id-190 .page-content{
		padding-top:130px;
	}
.home .slide{
display:none;
	height:100vh;
}
.home #slideshow{
	height:100vh;
}
.slide#retul{
	position:relative;
}
#slideshow h2{
	position:absolute;
	display:block;
	width:95%;
	color:#039cfd;
	font-size:28px;
	line-height:65px;
	bottom:0;
	background-color:rgba(0,0,0,0.65);
	padding-left:5%;
	z-index:10;
}




/*content*/

#lv8{
	padding-top:80px;
	padding-bottom:40px;
	text-align:center;
}
#lv8 p, .large-intro p{
	font-size:28px;
	margin-bottom:40px;
	line-height:45px;
	
}


.page-content{
padding-top:50px;
}

.flexer{
	display:flex; display:-webkit-flex;
}
.column{
	flex:1;
	-webkit-flex:1;
	margin-left:1%;
	margin-right:1%;
	text-align:center;
	
}
h3{
	font-size:27px;
	font-family:'Lato', sans-serif;
}
.column h3{
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	
	text-transform:uppercase;
}
.column:hover h3, .column:active h3{
	color:#fff;
}
#columns{
	position:relative;
}
.blackening{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:20%;
	background-color:#000;
	display:block;
	z-index:-10;
}
.column img{
	border:#000 solid 1px;
}
.column:hover img, .column:active img{
	border-color:#fff;
}

#retul span#diagram{
	display:inline-block;
	width:270px;
	height:430px;
	background-size:cover;
	position:relative;
	top:50px;

}
#retul{
	text-align:center;
	display:block;}
	h2{
		font-size:40px;
	}
	#retul h2{
		
		color:#fff;
		position:absolute;
position: absolute;
  top: 50%;
  left: 50%;

transform: translate(-50%,-50%);
		
	}
	#client-stories{
		text-align:center;}
	#client-stories h2{
		color:#010101;
		display:block;
		padding-top:40px;
		padding-bottom:40px;
	}
	#client-stories .column{
		background-color:#242424;
	}
	#client-stories .column h3{
		padding-top:20px;
		padding-bottom:0px;
	}
	#client-stories .column h4{
		color:#fff;
		font-size:22px;
		margin-bottom:35px;
		
	}
	#client-stories .column:hover, #client-stories .column:active{
		background-color:#4c4e42;
		}
	#client-stories img{
	border:0;
}

/*service listings */

.numeric-section{
	position:relative;
	margin-bottom:30px;
}
span.number{
	position:absolute;
	top:-5px;
	left:0;
	display:block;
	color:#33ace3;
	font-size:25px;
}

.numeric-section p{
	text-indent:25px;
}
.cost-duration{
	border:#0e0e0f 2px solid;
	border-left:0;
	border-right:0;
	margin-bottom:30px;
	padding:10px;
	margin-top:10px;
}
.cost-duration h3{
	display:inline-block;
	width:45%;
}
.cost{
	text-align:right;
	color:#33ace3;
}

a.cta, input.cta{
	display:inline-block;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	font-family: 'Maven Pro', sans-serif;
	color:#fff;
	background-color:#000;
	border-radius:3px;
	text-align:center;
	margin-bottom:60px;
	font-weight:bold;
	cursor:pointer;
	border:0;
}
a.cta:hover, a.cta:active, input.cta:hover, input.cta:active{
	color:#000;
	background-color:#33ace3;
	text-decoration:none;
}

/*form*/

.wpcf7-form p{
	font-weight:bold;


}
div.wpcf7-response-output{
	margin-left:0;
}
.wpcf7-text, .wpcf7-textarea{
	font-weight:normal;
	border:#b2b3b3 1px solid;
	line-height:40px;
	color:#999999;
	padding-left:3%;
	width:97%;
	height:40px;
}
.wpcf7-textarea{
	padding-top:11px;
	line-height:normal;
	height:70px;}
	
.wpcf7-submit {
	border:1px solid #000;
	color:#fff;
	background-color:#000;
	cursor:pointer;
	text-align:center;
	padding:15px;
	padding-left:40px;
	padding-right:40px;	
}
.wpcf7-submit:hover{

	background-color:#fff;

}

/*client stories*/
.story{
	border-bottom:2px dashed #ccc;
	padding-top:80px;
	padding-bottom:55px;
	text-align:center;
}
.story img{
	margin-bottom:50px;
}
.story h4{
	margin-bottom:50px;
	color:#ccc;
}
/*footer*/
#logo-set{
	padding-bottom:40px;
	padding-top:40px;
}
.bio-logos{
	text-align:center;
	margin-bottom:40px;
}
#logo-set a, .bio-logos a{
	width: 215px;
height: 130px;
	background-size:cover;
	display:inline-block;
}

.flex-holder{
	flex:1;
	-webkit-flex:1;
	display:block;
	text-align:center;
}
#logo-set{
	padding-bottom:40px;
	
}

footer{
padding-top:50px;
padding-bottom:50px;
background-color:#252525;
color:#fff;

}
footer a {
	color:#fff;
}
.foot-text{
	text-align:left;

}
a#insta{
	background-image:url(images/instagram.png);
	background-size:cover;
	width:72px;
	height:72px;
	margin:auto;
	margin-top:35px;
	opacity:0.6;
	
}
a#insta:hover, a#insta:active{
	opacity:1;
}
.flex-holder.browse-column{
	text-align:left;
}
#contact{
	text-align:right;
}
footer h3{
	margin-bottom:20px;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  padding-top:20px;
  display: inline-block;
  float:right;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  
  header.solid .hamburger {
	  padding-top:15px;
  }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media only screen and (max-width : 1140px) {

}
@media only screen and (max-width : 1024px) {
	.centrer{
		width:95%;
	}
	header h1{
	float:left;
}
		
	}
	
	@media only screen and (max-width : 920px) {
	.flexer{
		flex-wrap: wrap; -webkit-flex-wrap: wrap;
	}
	nav{
		width:33%;
		right:-33%;
	}
	#logo-set a, .bio-logos a{
		width:135px;
		height:80px;
	}
		
	}
	@media only screen and (max-width : 720px) {
		
		.flexer{
			display:block;
		}
	.flex-holder, .column{
		flex:0;
		-webkit-flex:0;
		margin:auto;
		text-align:center;
		width:100%;
		display:block;
		margin-bottom:20px;
	}
	#client-stories .column h4{
		
		padding-bottom:35px;
		}
		.flex-holder.browse-column, #contact{
			text-align:center;
			margin-bottom:0;
		}
		a#insta{
			margin-top:25px;
		}
		nav{
		width:64%;
		right:-64%;
		top:75px;
	}
	header {
	background-color:rgba(0, 0, 0, 1);
	height:65px;
	padding-top:10px;
}
header  h1 a{
	width:300px;
	height:50px;
}
header.solid .hamburger, .hamburger{
	padding-top:15px;
}
#slideshow{
	border-top: 65px #000 solid;
}
#slideshow, .slide{
	height:50vh;
	}
	
	#logo-set a, .bio-logos a{
	width: 215px;
height: 130px;

		
	}

		
	}

	@media only screen and (max-width : 390px) {
		
		header  h1 a, header.solid h1 a, header  h1{
	width:60px;
	height:50px;
}
#slideshow, .slide, .home #slideshow, .home .slide{
	height:40vh;}
	
		
	}
	
	.grecaptcha-badge{
		display:none !important;
	}