/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
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,
menu,
nav,
section {
    display: block;
}

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;
}

body {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-weight: 300;
  line-height: 1.6875;
  text-align: left;
  -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

#programs, #membership, #corporate, #book {background-color: #efefef;}

/* general font formatting */

h1 {font-size: 45px; line-height: 1; color: white; font-family: 'Abel', sans-serif; text-transform: uppercase;}

h2 {line-height: 1; font-family: 'Roboto', sans-serif; font-size: 28px; color: #0077c0; font-weight: 500; margin-bottom: 5px;}
.page-content h2, .page-text h2 {color: #000; font-size: 20px; line-height: 1.32; text-transform: none; font-weight: 400; margin: 15px 0px 10px 0px;}
.panel-title h2 {padding: 0px 15px; color: white; text-decoration: none; margin: 0px;}
.well h2 {margin-top: 0px; color: #0077c0;}

.page h1 {font-size: 35px; word-break: loose; color: #0077c0; margin-bottom: 25px; text-transform: none; font-weight: 500; font-family: 'Roboto', sans-serif;}



h3 {font-size: 17px; font-weight: 400;}

h3 strong {font-weight: 500;}

@media (max-width: 767px) {
	.page h1 {font-size: 25px;}
	.page-content h2, .page-text h2 {page-size: 17px;}
	h3  {font-size: 15px;}
}

p {margin: 0px 0px .7em 0px}

.page-content ul, .page-text ul {list-style-type: none;  margin: 10px 0px;}
.page-content ol {margin: 10px 0px; padding-left: 1.2em;}
.page-content ol {
	counter-reset: my-badass-counter;
	list-style-type: none;
	line-height: 2;
}
.page-content ol li {}
.page-content ol li:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	 color: #0077c0;
    font: bold 20px/1 Sans-Serif;
	margin-right: 8px;
}

.page-content ul li:before, .page-text ul li:before {color: #0077c0; content: "\f0da"; font-family: FontAwesome; margin-right: 5px; }

.page-content .nav-tabs li:before {background: none; margin-right: 0px; content: none;}

a {color: #666; text-decoration: none; transition:all 0.3s ease;opacity:1;}
a:hover {color: #0077c0;opacity:1; }
.page-content a {color: #0077c0; text-decoration: none; border-bottom: 1px solid #ccc; font-weight: 400;}
.page-content a:hover {color: #009df3;opacity:1; }
.page-content a.btn {color: #fff; text-decoration: none; border-bottom: 1px solid #ccc;}
.page-content a.btn:hover {color: #fff;opacity:1; }
@media (max-width: 767px) {.page-content a.btn {font-size: 12px;}}
.panel-title a {text-decoration: none;}
.page-content a.more {color: #0077c0; font-weight: 400;}
.page-content a.more:after {content: "\f05a"; font-family: FontAwesome; margin-left: 5px; color: #0077c0;}
.page-content a.more:hover {color: #009df3;}

.list-group-item em {color: #0077c0;}
.page-text .list-group-item:before {background: none; margin-right: 0px; content: none;}

strong {font-weight: 600;}

.adv-page-summary a {border: none; color: #333;}
.adv-page-summary .row {margin-bottom: 15px; padding: 15px 5px;}
.adv-page-summary .alt {background-color: #efefef; padding-top: 20px; padding-bottom: 10px;
margin-bottom: 20px;}
.adv-page-summary h2 {padding-right: 10px; margin-top: 0px; text-align: left;}
.page-content .adv-page-summary a.more {margin-left: 3px;}


.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ccc;
    border: 1px solid #fff;}
.page-content a.list-group-item {color: #333;font-weight: 400; }
	
.list-group-item:before { color: #0077c0; content: "\f0da"; font-family: FontAwesome; margin-right: 5px; }

.list-group .selected {background-color: #efefef; color: #0077c0;}
.page-content a.selected {color: #0077c0;font-weight: 500; font-size: 20px; line-height:1.2; }
.page-content a.selected:before{content: inherit;}
.list-group .selected:before {content: inherit; margin-right: 0px;}

/* other font formatting */

.sml {font-size: 75%;}
.terms {font-size: 12px;}


/* generl bootstrap resets */

.well {border-radius: 0px; border: none; box-shadow: none;}

/* general images */
a img {opacity: 1;}
a img:hover{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .9;
}
.pageimage .img-responsive {width: 100%;}

/* panels */

.panel-heading {text-align: center;background: #0073bc; /* Old browsers */
background: -moz-linear-gradient(top,  #0073bc 0%, #054289 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0073bc 0%,#054289 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0073bc 0%,#054289 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073bc', endColorstr='#054289',GradientType=0 ); /* IE6-9 */

}
.panel-title {color: #ffffff; font-size: 20px; line-height: 1; font-family: 'Abel', sans-serif; text-transform: uppercase; text-align: center;padding: 0px 10px; }

/*.panel-image {float: left;
    width: 45%;
    margin: 20px;
}*/

.panel-image {padding-top: 15px; padding-bottom: 15px; padding-right: 0px;}
@media (max-width: 767px) {.panel-image {padding-right: 15px;}
}
.panel-body p {margin-top: 0px;}

.panel-body {font-size: 90%;}


/* general jquery animations */

.fadeInBlock {
    opacity:0;
}


/* hero + header - home page*/


.hero-outer, .page-header-black-overflow, .page-title-wrapper {  background-repeat: repeat-y; background-position: top center;  }

@media (min-width: 768px) {
  .hero-outer, .page-header-black-overflow, .page-title-wrapper {
   background-image: url(../images/hero-bg-750.gif);
   
  }
}

@media (min-width: 992px) {
  .hero-outer, .page-header-black-overflow, .page-title-wrapper  {
    background-image: url(../images/hero-bg-970.png);
  }
}

@media (min-width: 1200px) {
  .hero-outer, .page-header-black-overflow, .page-title-wrapper  {
    background-image: url(../images/hero-bg-1170.gif);
  }
}


.overlay-content {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position:absolute; top:0px; z-index: 6;  width: 100%;
}

.hero {height: 400px; background-image: url(../images/hero-background.jpg); background-repeat: no-repeat; background-size: cover;}

@media (max-width: 767px) {
	.hero {height: auto; background-image: none; background-color: #000000;}
	.overlay-content {position: inherit; z-index:auto;}
}
	

@media (min-width: 768px) {
  .hero  {
	height: 400px;
  }
}

@media (min-width: 992px) {
  .hero  {
	height: 600px;
  }
}

@media (min-width: 1200px) {
  .hero  {
	height: 800px;
  }
}

.overlay {position:absolute; top:0px; z-index: 5; height: 600px;
}
.diagonal {
	border-top: 400px solid black;
  border-right: 150px solid rgba(0, 0, 0, 0);
  display: block;
  height: 0;
  width: 30%;
  float: left;
}

@media (max-width: 767px) {
	
.diagonal {width: 100%; float: none; border-top: none; border-bottom: none; background-color: black; 
height: auto; border-right: none; display: inherit; padding-bottom: 30px;}	

.mobi-diagonal {content: '';
width: 100%;
height: 90px;
background-color: #000000;
bottom: 0;
transform-origin: left top;
transform: skewY(-8deg);
}

.seperator .mobi-diagonal {background-color: #0077c0; transform-origin: right top;
transform: skewY(8deg);}
}

@media (min-width: 768px) {
 .diagonal {
  border-top: 400px solid black;
border-right: 230px solid rgba(0, 0, 0, 0);
width: 310px;
}
}

@media (min-width: 992px) {
  .diagonal {
  border-top: 600px solid black;
  border-right: 350px solid rgba(0, 0, 0, 0);
  width: 370px;
}
}

@media (min-width: 1200px) {
  .diagonal {
  border-top: 800px solid black;
  border-right: 400px solid rgba(0, 0, 0, 0);
  width: 400px;
}
}



.clear {
  clear: both
}


.no-padding {padding: 0px;}

.logo {margin-top: 30px; }

@media (max-width: 767px) {
	.logo {height: 150px; margin: 30px auto 0px auto;}
	#home .logo {margin-top: 0px; width: 95%; height: auto; margin-bottom: 0px;}
}
/* slideshow on home page */

.cycle-pager-active {color: white; font-size: 20px;}

.cycle-slideshow button {display: block;
text-align: center;
margin: 10px auto;
background-color: #000; }

@media (min-width: 768px) {
.cycle-slideshow p {font-size: 36px; font-family: 'Abel', sans-serif; text-transform: uppercase; color: white; text-align: center; position: relative; z-index: 10; top: 100px; line-height: 1.2; padding-right: 0px; padding-left: 30px; margin: 0px;}

}

@media (min-width: 992px) {
.cycle-slideshow img {height: 750px; position: relative; top: -80px; left: 300px;}
.cycle-slideshow p {font-size: 36px; font-family: 'Abel', sans-serif; text-transform: uppercase; color: white; text-align: center; position: relative; z-index: 10; top: 200px; line-height: 1.2; padding-right: 200px; padding-left: 0px; margin: 0px;}

}

@media (min-width: 1200px) {
.cycle-slideshow img {height: 900px; position: relative; top: -80px; left: 300px;}
.cycle-slideshow p {font-size: 36px; font-family: 'Abel', sans-serif; text-transform: uppercase; color: white; text-align: center; position: relative; z-index: 10; top: 250px; line-height: 1.2; padding-right: 200px; padding-left: 0px; margin: 0px;}

}

@media (max-width: 991px) {
	.cycle-slideshow img {display: none!important;}
}


/* phone and socials area in header */

.phone-socials { padding-top: 15px;}
.phone {color: white; font-family: 'Abel', sans-serif; padding-right: 15px; font-size: 1.1em; }
#home .phone {float: right;}
@media (max-width: 768px) {
	#home .phone {float: left;}
}
.page .phone { line-height: 1;}
.socials .fa-inverse {font-size: .8em; color: #000;}
.socials .fa-stack {width: 1.5em;height: 1.5em; line-height:1.5em;}
.socials .fa-stack-2x {font-size: 1.5em; color: white;}
.socials a:hover .fa-inverse  {font-size:.9em; color: #0077c0;}

/* header - page */

.page-logo-container {background-image: url(../images/page-logo-wedge-bg.png); background-repeat: no-repeat; background-position: right top;}
@media (max-width: 767px) {
.page-logo-container {background-image: none; background-color: #000;}
}

.page-header {background-image: url(../images/page-nav-bg.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px; margin-top: 0px; margin-bottom: 0px;  border: none;}

.page-header-outter {background-image: url(../images/content-bg.jpg); padding-right: 0px; padding-left: 0px;height: auto; margin-bottom: 40px; background-attachment: fixed; background-size: cover;}
.page .logo {margin-top: 0px; height: 130px;}
@media (max-width: 767px) {
	.page-header {background-image: none; background-color: #000000;}
	.page-header-outter {margin-bottom: 15px;}
.page .logo {margin: 0px 20px 20px 15px; height: 40px;}
}
.page-header-black-overflow {}
.page .navbar .container-fluid {padding-left: 0px;}

@media (max-width: 767px) {
	.page .navbar .container-fluid {padding-left: 15px;}
}
/* page title area */


.page-title-outter {background-image: url(../images/about-page-bg.png); background-repeat: no-repeat;background-position: bottom right; height: 200px; overflow: hidden;
}
.page-title-outter p { display: table-cell;
    vertical-align: bottom;
    width: auto; height: 200px; 
	color: #0077c0;
	padding-bottom: 10px;
	}
	
	@media (max-width: 767px) {
.page-title-outter {background-image: none; height: auto; font-size: 15px;}	
}


/* main nav */

.navbar-default {border: none; background: none; padding-top: 20px; margin-bottom: 0px;}
@media (max-width: 767px) {
	.navbar-collapse {background-color: #0077c0; border: none;}
	.navbar-nav {margin-top: 0px;}
	.navbar-nav > li > a {padding-top: 8px; padding-bottom: 8px;
line-height: 15px; color: #ffffff; font-weight: 500;font-family: 'Roboto', sans-serif;}
	.navbar-default .navbar-nav > li > a {color: #ffffff; }
	.navbar-default .navbar-nav > li.Home {display: none;}
	.navbar-collapse.in { background-color: #0077c0;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background-color: #009df3;}
	.navbar-toggle {margin-top: 0px;}
}
.rmHorizontal .rmText {padding: 0 5px 1px 0!important; color: white; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 11px;}

.RadMenu .rmSlide {margin-left: 12px; background-color: #000;}

.RadMenu .rmLink {padding: 0 0 0 8px!important;}
.RadMenu .rmFirst .rmLink {padding-left: 0px!important;}
.RadMenu .rmGroup .rmFirst .rmLink {padding-left: 8px!important;}

.navbar-collapse {padding-left: 0px;}

/* feature nav */

.feature-nav  {padding-left: 0px; background-image: url(../images/home-feature-nav-bg.png); background-repeat: no-repeat; background-position: left bottom; line-height: 1.4; }
.feature-nav li {display: block;}
.feature-nav a {color: white; font-family: 'Abel', sans-serif; font-size: 18px;
 text-transform: uppercase;}
 


.page .feature-nav {padding-left: 0px; margin-left: 0px; margin-top: 28px; background-image: none;}
.page .feature-nav a  {border-right: 1px solid #fff; font-size: 18px; padding: 3px 8px 3px 6px;}
.feature-nav a:hover {color: #0077c0;}

.page .feature-nav  {padding-left: 0px;}
.page .feature-nav li {display: inline-block;
}

@media (max-width: 767px) {
.feature-nav {width: 60%; margin: 30px auto 10px auto;}	
.feature-nav a {display: block; width: 100%; font-size: 20px; border-bottom: 1px solid #ffffff; padding-bottom: 5px ;margin-bottom: 5px;}	
	
}

@media (min-width: 768px) {
	.feature-nav a {font-size: 15px;}
	 .Membership1 {padding-left: 50px}
 .Programs1 {padding-left: 40px}
 .Corporate {padding-left: 30px}
 .Book-a-session {padding-left: 20px}

 
}

@media (min-width: 992px) {
	.feature-nav a {font-size: 18px;}
	 .Membership1 {padding-left: 60px}
 .Programs1 {padding-left: 48px}
 /*.Membership1 {padding-left: 48px}*/
 .Corporate {padding-left: 34px}
 .Book-a-session {padding-left: 17px}
 

}

@media (min-width: 1200px) {
	  .Membership1 {padding-left: 70px}
 .Programs1 {padding-left: 55px}
 /*.Membership1 {padding-left: 55px}*/
 .Corporate {padding-left: 40px}
 .Book-a-session {padding-left: 25px}
 
}

@media (max-width: 767px) {
.feature-nav {background-image: none; position: relative; z-index: 100;}	
.feature-nav li {text-align: center;}
	
}

/* mobi sub nav on internal pages */

.mobi-subnav {width: 100%;}
.mobi-subnav button {
    width: 100%;
    border: none;
    background-color: #404040;
    color: #ffffff;
    margin-bottom: 10px;
	font-family: 'Abel', sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
padding: 6px;
}

.mobi-subnav .dropdown-menu {
    clear: both;
    border-radius: 5px;
    padding-bottom: 5px;
    margin: 0px;
    border-left: none;
    padding-top: 0px;
	width: 100%;
	}


/* Programs button groups */
@media (max-width: 767px) {
.btn-group-justified > .btn-group {display: block; width: 100%;}
}

/* mobi home page layout */

.mobi-headline-outer {height: auto; background-image: url(../images/hero-background.jpg); background-repeat: no-repeat; background-size: cover;}
.mobi-headline p {    
	font-size: 20px;
    font-family: 'Abel', sans-serif;
    text-transform: uppercase;
    color: white;
    text-align: center;
    position: relative;
    line-height: 1.2;
    margin: 20px 0px 40px 0px;
}

/* Welcome */

.welcome {padding: 2.5em 0 2.5em 0; line-height: 1.6; background-color: #ececec;}
.welcome {font-size: 19px;}
.welcome h1 {margin: 0px 0px 7px 0px; color: #0077c0; font-family: 'Roboto', sans-serif; text-transform: none; font-weight: 600; font-size: 30px}
.welcome P {margin: 0px;}
.welcome .btn {padding: 3px 12px;; font-size: 14px;}
.welcome-inner {padding: 0px;
position: relative;
z-index: 9000;
line-height: 1.4;}
/*.welcome .in {display: block;
background-color: #000000;
padding: 10px;
margin-top: 10px;}*/
.welcome .in .form {margin-top: 0px;}
.welcome .in .form label {color: #0077c0;}
/*.welcome .in .form .textbox {
	background-color: #0077c0; 
	color: #ffffff;
	display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-image: none;
border: 1px solid #0077c0;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.welcome .in .form .riTextBox {border: 1px solid #0077c0;background-color: #0077c0; 
	color: #ffffff;border-radius: 4px;}
*/
@media (max-width: 767px) {
.welcome h1 {font-size: 22px;}
.welcome {padding-top: 1em; text-align: center; background-color: #ffffff;}	
.welcome-inner {
padding: 15px;
position: inherit;
z-index: auto;}
.welcome .btn  {display: block; width: 80%; font-size: 14px; padding: 10px; margin: 20px auto;}
	
}



/* internal page layout */

.page-title-wrapper {position: relative;}
.page-summary {padding: 20px 50px 0px 0px;}
.page-summary p {font-size: 35px; line-height: 1; color: white; font-family: 'Abel', sans-serif; text-transform: uppercase;}

.page-content {}

.page-title {margin: 0px auto 40px auto;}

@media (max-width: 767px) {.page-title {width: auto;}}
@media (min-width: 768px) {.page-title {width: 750px;}}
@media (min-width: 992px) {.page-title {width: 970px;}}
@media (min-width: 1200px) {.page-title {width: 1170px;}}

.page-title-overlay { position: absolute; top: 30px; z-index: 20; width: 100%;}
	
.page-title p {color: #0077c0; font-family: 'Roboto', sans-serif;  font-size: 20px; line-height: 10px; margin-bottom: 0px; margin-top: 0px;}

.page-title-overlay .page-title p {color: #ffffff; margin-top: 130px;}

.breadcrumb {color: white; font-size: 12px; font-family: 'Roboto', sans-serif; display: inline; background: none; margin: 0px; padding: 0px; line-height: 1;}
.pageimage {margin-bottom: 20px;}
@media (max-width: 767px) { .pageimage {margin-top: 15px;}}
.caption {padding: 15px 25px; background-color: #efefef; font-size: 11px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; }

.pageimage .caption {padding: 15px 25px; }

@media (max-width: 767px) {
.page-title-overlay {position: inherit; top: 0px; z-index: auto; padding: 0px;}
.page-title-overlay .page-title p {color: #ffffff; margin: 15px 0px; font-size: 20px;}
.page-title {margin-bottom: 0px;}
.page-summary {padding:15px;}
.page-summary p  {font-size: 28px; margin-bottom: 10px;}
}


/* internal - feature page - layout */

.feature-page { position: absolute; top: 40px; z-index: 10;}

.feature-page h1 {color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 10px;
margin-bottom: 0px;
text-transform: none;
line-height: 1;
font-weight: 400;}

@media (max-width: 767px) {
	.feature-page h1 {font-size: 20px; margin-bottom: 10px; font-weight: 300;}
}

.feature-page .page-title {margin-bottom: 80px; }

.feature-title-overlay {}

.feature-page-title .page-title-outter {background-image: none; height: 120px;}

.feature-page-title {background-image: url(../images/hero-bg-blue-alt-970.png); position:relative;}

.feature-page .page-title p {color: #fff; margin-top: 0px;}

.feature-page-title .page-title-outter p {height: auto;color: white;}

.feature-page-title .page-summary p {color: white;
font-family: 'Abel', sans-serif;
text-transform: uppercase; font-size: 28px; margin-top: 0px; line-height: 1; margin-bottom: 0px;}

.parallelogram {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 120px;
  left: 0;
  border: none;
  color: rgba(0,0,0,1);
  /*background-image: url(../images/feature-title-bg.png);*/
  background-color: #0077c0;
  background-position: left;
  -webkit-transform:    skewX(30deg);
  transform:    skewX(30deg);
  margin-right: 60px;
  float: right;
}

@media (max-width: 767px) {
	.parallelogram {display: none; }
	.feature-page { position: inherit; top: auto; z-index: auto; margin-top: 10px; padding: 0px;}
	.feature-page .page-title {margin-bottom: 0px; }
	.feature-page-title .page-title-outter {height: auto;}
}
	
/* section seperator  - why */

.section-heading {margin: 20px 0px 30px 0px;text-transform: uppercase; text-align: center; font-size: 32px; font-family: 'Abel', sans-serif;}	
.section-heading strong {color: #0077c0; font-weight: 400;}

.seperator-outer {  background-repeat: repeat-y; background-position: top center;}


@media (min-width: 768px) {
  .seperator-outer {
   background-image: url(../images/hero-bg-blue-750.gif);
  }
  .who .seperator-outer {
   background-image: url(../images/hero-bg-blue-alt-750.gif);
  }
}

@media (min-width: 992px) {
  .seperator-outer  {
    background-image: url(../images/hero-bg-blue-970.png);
  }
  .who .seperator-outer {
   background-image: url(../images/hero-bg-blue-alt-970.png);
  }
}

@media (min-width: 1200px) {
  .seperator-outer  {
    background-image: url(../images/hero-bg-blue-1170.gif);
  }
  .who .seperator-outer {
   background-image: url(../images/hero-bg-blue-alt-1170.gif);
  }
}


.seperator-hero {background-image: url(../images/section-why-background.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.who .seperator-hero {background-image: url(../images/section-who-background.jpg); background-attachment: fixed;}

.angle-content {padding-right: 0px; padding-top: 80px; color: white;}
.angle-content strong {font-weight: 500; font-size: 120%; line-height: 1.2;}
.who .angle-content {padding-right: 0px; padding-left: 0px;}

@media (max-width: 767px) {
.seperator-hero, .who .seperator-hero  {background-image: none; background-color: #000000;}
}



.why .angle-bg {background-image: url(../images/angle-blue-right.png); background-repeat: no-repeat;
background-color: none;}

.who .left-angle-bg {background-image: url(../images/angle-blue-left.png); background-repeat: no-repeat;
background-color: none; background-position: right top;}

.angle-bg h2, .left-angle-bg h2 {font-family: 'Abel', sans-serif; text-transform: uppercase; color: white; padding: 50px; z-index: 6; position: relative; top: 30px; font-size: 32px; }




@media (max-width: 767px) {
/*.angle-bg, .left-angle-bg {width: 100%; height: 100px;}	
.angle-bg:after, .left-angle-bg:after{
transform-origin: left top;
transform: skewY(7deg); }*/
.why .angle-bg {background-image: none; background-repeat: no-repeat; background-color: #0077c0;}
.who .left-angle-bg {background-image: none; background-repeat: no-repeat; background-color: #0077c0;}
.seperator-inner::before {display: block; content: none!important;}
.seperator-inner .row::before {display: block; content: none;}
.seperator .container-fluid::before {content: none!important; display: block;}
.angle-bg h2, .left-angle-bg h2 {top: 0px;}
}

@media (max-width: 767px) {
.angle-content {padding: 0px 0  55px 0px;}
.angle-bg, .left-angle-bg {height: auto; background-image: none;}
.angle-bg h2, .left-angle-bg h2 {margin: 0px; padding: 40px 0px 40px 0px; text-align: center; font-size: 26px;}
}

@media (max-width: 580px) {
.angle-bg h2, .left-angle-bg h2 {margin: 0px; padding: 40px 0px 0px 0px;}
}


@media (min-width: 768px) {
.angle-content {padding: 55px 0  55px 0px;}
.angle-bg, .left-angle-bg {height: 540px;}
.angle-bg h2 {margin: 0px 0% 0px 35%; padding: 40px 20px 0px 43px} 
.left-angle-bg h2 {margin: 0px 35% 0px 0; padding-left: 20px;}
 }

@media (min-width: 992px) {
.angle-bg, .left-angle-bg {height: 470px;}
.angle-bg h2  {margin: 0px 15% 0px 35%;}
.left-angle-bg h2 {margin: 0px 35% 0px 15%;}
}

@media (min-width: 1200px) {
  .seperator-hero  {
  }
  .angle-bg, .left-angle-bg {height: 450px;}
 .angle-bg h2 {margin: 0px 15% 0px 35%;}
 .left-angle-bg h2 {margin: 0px 35% 0px 15%;}
}




/* feature sections */

.feature {background-color: #ececec; padding: 30px 0px 20px 0px;}
.feature .well {background: none; border: none; text-align: center; box-shadow: none; padding: 0px;}
.feature .well img {width: 100%;}

/* CONTENT sections */

.content-section1-outter {padding: 0px 0px 40px 0px; }
.content-section2-outter {padding: 30px 0px; background-color: #efefef; }
.content-section3-outter {padding: 30px 0px; background-color: #ffffff; }
.content-section4-outter {padding: 30px 0px; background-color: #efefef; } 
.content-section5-outter {padding: 30px 0px; background-color: #ffffff;}
.content-angled-outter {background-color: #ffffff; padding: 0px; }

.testimonial { font-family: 'Satisfy', cursive; padding: 10px 0px; line-height: 1.2; color: #999;}


.angled-top {
   content: '';
  width: 100%;
  height: 60px;
  background-color: #efefef;
  bottom: 0;
  transform-origin: left top;
  transform: skewY(2deg);
}

.angled-bottom {
   content: '';
  width: 100%;
  height: 60px;
  background-color: #efefef;
  bottom: 0;
  transform-origin: left top;
  transform: skewY(-2deg);
}


 
/* image overlay #1 */

.overlayone{
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  border: none;
  background: none;
}
.overlayinn {
  height: 100%;
  width: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  position: absolute;
  padding: 30px;
  transition: opacity .5s;
  background-color: rgba(0, 0, 0, 0.3);	
}
.bens-blog .overlayinn {background: none;}

.overlayinn:hover {
  opacity: .8;
  transition: opacity .5s;
  background-color: rgba(0, 0, 0, 0.7);	
}

.overlayinn h2 {color: white; text-transform: uppercase; font-family: 'Abel', sans-serif;}
.overlayinn a {color: white;}

.bens-blog .overlayinn h2 {
    font-family: 'Abel', sans-serif;
    text-align: left;
    padding-right: 80px;
}

.bens-blog .overlayinn h2:before {content: "\f10d";
    font-family: FontAwesome; margin-right: 5px; color: #0077c0;}


@media (max-width : 767px) {
/* Smartphones (portrait) ----------- */
.overlayinn h2 {color: white; text-transform: uppercase; padding-top: 10px;	}
.bens-blog .overlayinn h2 {padding-top: 5px;}
}

@media (min-width : 768px) and (max-width : 1024px) {
/* iPads (portrait and landscape) ----------- */
.overlayinn h2 {padding-top: 20px;  font-size: 20px;}
.bens-blog .overlayinn h2 {padding-top: 0px;font-size: 16px; padding-right: 80px;}
.bens-blog .overlayone .btn-link {font-size: 12px;}
.overlayinn {padding: 20px;}

}

@media (min-width : 1025px) and (max-width : 1200px) {
/* iPads (portrait and landscape) ----------- */
.overlayinn h2 {padding-top: 40px;  font-size: 20px;}
.bens-blog .overlayinn h2 {padding-top: 10px;font-size: 18px;}
.bens-blog .overlayone .btn-link {font-size: 12px;}
}

@media (min-width : 1201px) {
/* Desktops and laptops ----------- */
.overlayinn h2 {padding-top: 60px; }
.bens-blog .overlayinn h2 {padding-top: 25px; }
}



/* home blog */

.home-blog .well {background: none; border: none; box-shadow: none; padding: 0px;}
.home-blog .well .blog-image {width: 100%; height: 200px; overflow:hidden; background-color: white;}
.blog-image img {width: 100%;}
.home-blog .well {font-family: 'Abel', sans-serif; font-size: 14px; color: #333;}
.home-blog P {margin-top: 0px; text-align: left; line-height: 1.2; font-weight: 600;}
.home-blog .date {color: #0077c0; display: block; margin: 5px 0px; text-align: left; line-height: 1;}



/* tables */

.table th {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0073bc+0,054289+100 */

background: #0073bc; /* Old browsers */
background: -moz-linear-gradient(top,  #0073bc 0%, #054289 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0073bc 0%,#054289 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0073bc 0%,#054289 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073bc', endColorstr='#054289',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #fff;
font-family: 'Abel', sans-serif; font-size: 14px; 
}
.table td {color: #333;
font-family: 'Abel', sans-serif; font-size: 14px; text-align: center; white-space: normal;}
.table-bordered > tbody > tr > th {border-color: #0077c0; }
.table-responsive > .table > tbody > tr > th {white-space: normal;}
.table-heading {background-color: #ccc; color: #333; font-size: 25px;}
.table-bordered > tbody > tr > td.table-heading  {border: none;}
.table-responsive > .table > tbody > tr > td {white-space: normal;}
.table-heading h2 {color: #333; font-weight: 400; font-size: 25px; margin-top: 10px;}

/* masonary style */

.masonarylist .item {
   display: inline-block;
padding: .25em;
width: 100%;
}

.masonarylist .well {
    position: relative;
    display: block;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 8px #efefef;
}

.masonarylist .row {
    -moz-column-width: 15em;
}

.well h3 {text-align: center;
margin-top: 10px; color: #333;
font-family: 'Abel', sans-serif; font-size: 18px; line-height: 1; text-transform: uppercase;}
.masonarylist .well h4 {text-align: center;}

/* PROGRAMS - all */

.btn-group .btn {background-color: #404040; font-size: 14px;}
.btn-group .btn:hover, .sld .btn {color: #ccc; background-color: #595959;}

.testimonial {font-size: 26px; font-weight: 300;}
.testimonial p:before {color: #ccc; font-size: 60px; content: "\f10d"; font-family: FontAwesome; display: block; text-align: center;  margin-bottom: 20px;}
.testimonial p:after {color: #ccc; font-size: 60px;content: "\f10e"; font-family: FontAwesome; display: block; text-align: center;  margin-top: 20px;}

.program-price {color: #0077c0; font-size: 20px;}
@media (max-width: 767px) {.program-price {font-size: 16px;}}
h2.buy-now div {display: inline;}
h2.buy-now {color: #0077c0;}


/** Caption : Fade **/
.box .fade-caption   {
	opacity: 0;
	width: 100%;
	text-align: center;
}


/* Image Box Style */

@media (min-width: 180px) {
	.box {
	cursor: pointer;
	height: 180px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;

}
.box img {width: 100%;}
.box .fade-caption {height: 180px; padding: 5px;}

.staff-list .box {height: 130px;}
.box .caption h2 {font-size: 12px;}
}

@media (min-width: 480px) {
	.box {
	cursor: pointer;
	height: 300px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;

}
.box img {width: 100%;}
.box .fade-caption {height: 300px; padding: 5px;}

.staff-list .box {height: 220px;}
.box .caption h2 {font-size: 24px;}
.caption {padding: 5px;}
}



@media (min-width: 768px) {
	.box {
	cursor: pointer;
	height: 220px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;

}
.box .fade-caption {height: 300px;}

.staff-list .box {height: 180px;}
.box .caption h2 {font-size: 24px;}

}

@media (min-width: 992px) {
	.box {
	cursor: pointer;
	height: 300px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.staff-list .box {height: 230px;}
.box .fade-caption {height: 300px;}

.staff-list .box .fade-caption {height: 230px;}
.box .caption h2 {font-size: 30px;}
}


@media (min-width: 1200px) {
	.box {
	cursor: pointer;
	height: 300px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;

}
.box .fade-caption {height: 300px;}

.staff-list .box {height: 300px;}
.staff-list .box .fade-caption {height: 300px;}
}

.box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}



.box .caption h2 {
	line-height: 1;
font-family: 'Abel', sans-serif;
text-transform: uppercase;
color: white;
margin-top: 25%;
}

.box .caption h2 a {color: white; border: none;}

/* Caption Common Style */
.box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
	
}



/** Fade Caption :hover Behaviour **/
.box:hover .fade-caption, .box:hover .scale-caption  {
	opacity: 1;
}


/** Scale Caption :hover Behaviour **/
.box:hover .program-image {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.box:hover .scale-caption h3, .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}

.program-list h3 {
margin-top: 0px;
background-color: #000000;
color: #fff;
padding: 20px 10px;
width: 100%;
clear: both;
text-align: center;
margin-bottom: 0px;
line-height: 1;
font-size: 20px;
}
@media (max-width: 767px) {.program-list h3 {margin-bottom: 5px; font-size: 12px;}}

.program-list a:hover h3 {background-color: #0077c0;}

.program-list .box {margin-bottom: 30px;}
.staff-list .box {margin-bottom: 0px; margin-top: 10px;}
.program-list .box .caption h2 {margin-top: 20%;}
.page-content .program-list a {border: none!important;}


/* PROGRAMS - Strength and Training */

.Strength-Training-Program .page-title {margin-bottom: 0px;}
.Food-and-Nutrition-Programs .page-title {margin-bottom: 0px;}


/* PROGRAMS -Footy Training */

.pagestaff {margin: 30px 0px;}

/* SHOP */

.shop-info h2 {font-size: 28px;}

.product-row {margin-bottom: 30px;}
.productimages {}
.productimages img {width: 100%;}
.productimages .clothes-back {
    display: none;
	
}


.productimages:hover .clothes-front
{
    display: none;
}

.productimages:hover .clothes-back {
    display: block;
}

.productimages .clothes-back, .productimages .clothes-front {
    width:100%;
    height:100%;
	position: relative;
}

a.productimages img:hover{
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.rotate-button {
	font-size: 20px;
position: absolute;
width: auto;
height: auto;
top: 0px;
right: 10px;
color: #ccc;
display:none;
}

.shop-info strong {color: #0077c0;}

.productslist {clear: both; margin: 50px 0px;}
.productslist .well {padding: 0px; border: none; background-color: #ccc;}
.productslist .well h3 {clear: both; margin-top: 15px;}
.page-content .productslist .well h3 {margin-top: 0px; background-color: #0077c0; color: #fff; padding:  15px; width: 100%; min-height: 50px;}
.page-content .productslist .well h3 a {color: #fff;border: none;  }
.page-content .productslist .well h3 a:hover {color: #000;}


.shipping-button:before {content: "\f0d1"; font-family: FontAwesome; margin-right: 5px; color: #666; }
.refunds-button:before {content: "\f0e2"; font-family: FontAwesome; margin-right: 5px; color: #666; }
.shipping-button:visited {color: #ccc;}
.modal-header {background-color: #0077c0}
.modal-header h2 {color: #ffffff;}
.modal {z-index: 7500;}

/* Shop item page */

.RadComboBox .rcbInputCell {background-color: #efefef!important; padding: 5px!important;}
.RadComboBoxDropDown .rcbScroll {background-image:url(../images/white-transparent-bg.png)!important; }
.product-properties .rcbArrowCell {display: none;}
.rcbHovered .text {color: #0077c0;}
.product-controls div {display: inline-block; }
.product-controls {display: block; margin: 20px 0px 15px 0px;}
.product-controls .RadInput .textbox {background-color: white; font-family: 'Abel', sans-serif; font-size: 16px; letter-spacing:  1px; text-transform: uppercase; display: inline-block; color: #0077c0; line-height: 2; border: 1px solid #ccc; width: 40px; }

.product-details {clear: both;}
.product-properties {margin: 20px 0px;}
.pbProductProperties .item {font-weight: 500;}

#additional-information table td {padding: 3px; text-align: left; font-size: 12px;}

.shop-item .nav-tabs {margin-top: 20px;}
.nav-tabs > li.active > a {background-color: #333; color: #fff;}
@media (max-width: 767px) {.nav-tabs > li > a {padding: 5px 8px; font-size: 14px;}}
.item_Colour , .item_Size{display: inline-block;}

.product-price {font-size: 2em;}

.rcbSlide .RadComboBoxDropDown .rcbList .image {float: right;}
.rcbSlide .RadComboBoxDropDown .rcbList .image img {width: 25px;}

/* mini cart */

.mini-cart {font-size: 12px; color: white; font-family: 'Abel', sans-serif; }
.mini-cart a {color: white; text-decoration: none;}
.cart-details {padding: 0px 12px;
line-height: 1.3;}

/* Forms */
.form {margin: 20px 0px;}
.form-errors {font-size: 11px; line-height: 1.2;}
.hiddenElement {display: none;}
label, .label {font-size: 14px; font-weight: 400; color: #0077c0;}
.form-group {margin-bottom: 8px;}
.textbox, select {width: 100%;}
.rqd {color: #bc241b;}

ul.form {list-style-type: none;}
ul.form li:before {content: inherit;}
ul.form .item {margin-bottom: 15px;}

ul.form .item .textbox, .form-group .textbox, ul.form .item .textarea, .form-group .textarea  {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

ul.form .item .textarea, .form-group .textarea {min-height: 150px;}

.RadCalendarPopup {z-index: 10000!important; background-color: #ffffff!important;}


/* buttons */

input[type="submit"] {color: white; font-family: 'Abel', sans-serif; font-size: 14px; letter-spacing:  1px; text-transform: uppercase; display: inline-block; background-color: #0077c0; border: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.125);padding: 6px 12px; line-height: 1.42857143;border-radius: 4px;}
.btn, .button {color: white; font-family: 'Abel', sans-serif; font-size: 14px; letter-spacing:  1px; text-transform: uppercase; display: inline-block; background-color: #0077c0; border: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.125); white-space: inherit;}
.btn-xlg {font-size: 24px; padding: 15px 20px;}
.btn-link {color: #0077c0; font-family: 'Abel', sans-serif; font-size: 16px; letter-spacing:  1px; text-transform: uppercase;}
.cart-button {background-color: #ccc; color: #0077c0!important; box-shadow: none; clear: both;}
.back {margin: 0 0 15px 15px;}
.btn:hover {background-color: #009df3; }
.services-back {text-align: right;}
.services-back .button {float: none!important;}
@media (max-width: 767px) {
table tr td input[type="submit"] {font-size: 12px; padding: 12px 10px;}	
}

/* staff item */

.spec-quals {border-bottom: 1px solid #0077c0; margin-bottom: 20px; padding-bottom: 20px;}
.spec-quals h3 {margin-bottom: 8px; line-height: 1.4;}
.spec-quals h1 {margin-bottom: 0px;}

/* checkout pages */

.table-cart th {background-color: #0077c0; color: white; font-weight: 500; padding: 3px; font-size: 12px;}
.table-cart td {padding: 3px; font-size: 12px; background-color: #efefef;}
.table-cart .tr-item:nth-of-type(2n+1) {background-color: #efefef;}
.table-cart .total-template td {background-color: #cccccc;}
.sub-total-template, .tax-total-template {border-top: 1px solid #cccccc;}
.sub-total-template, .tax-total-template, .total-template, .postage-total-template {font-weight: 500;}
.update-button {background-color: #000!important;}
input, select, textarea {font-size: 12px;}
.riUp:before {content: "\f062"; font-family: FontAwesome; }
.riDown:before {content: "\f063"; font-family: FontAwesome; }
.riUp span, .riDown span {display: none;}
.riUp, .riDown {border: none!important; margin: 0px 1px;}

.cart-controls {margin-top: 15px;}

.paymentMethod input, .checkout-postage-details input {margin-right: 3px;}
.paymentMethod label, .checkout-postage-details label {margin-right: 8px;}

.checkout-details .rqd {display: block; margin-bottom: 8px; font-weight: 400;}

#ctl02_page_template_pbscCheckoutPostageDetails_lblFreePostage:before {content: 'Not Required - '}

.checkout-details-receipt .form-horizontal .control-label {padding-top: 0px;}

.promocode .header {display: none;}
.promocode ul li::before {margin: 0px; content: none;}
.promocode .label {padding: 0px;}

.creditCardDetails .RadComboBox table {
border: 1px solid #ccc!important;
border-radius: 5px!important;
background-color: #fff;}

.creditCardDetails {list-style: none;
margin-left: 0px;
padding-left: 0px;
background-color: #efefef;
padding: 10px;}

.creditCardDetails li {margin-bottom: 8px;}

.page-content ul.creditCardDetails li:before {content: inherit;}

.creditCardDetails li .label {color: #000; font-size: 12px;}

.creditCardDetails .RadComboBox .rcbInputCell {padding: 0px!important;}
.checkoutPaymentDetails input[type="checkbox"], .checkoutPaymentDetails input[type="radio"] {
    margin: 0px 4px 0px 8px;
}

.creditCardDetails .RadComboBox .rcbInput {background-color: #ffffff;}

.RadComboBox .rcbArrowCell a {background-image: url(../images/credit-card-down-arrow.png); background-color: #0077c0; background-size: contain; background-repeat: no-repeat; height: 23px;}

/* Memberships page */
#membership table {background-color: transparent;}
#membership table .cost {font-size: 1.4em; font-weight: 600;}
#membership table .cost .sml {font-weight: 300; font-size: 11px;}
#membership table td.reg {background-color: #dbdbdb; }
#membership table td.clas {background-color: #e5e5e5;}
#membership table td.inf {background-color: #ffffff;}
#membership .table-bordered tbody tr td {border: 1px solid #bfbfbf;}
#membership table th {font-size: 18px;}

.modal-body {text-align: left;}

/* contact page */

.contact-details {font-size: 16px; margin: 20px 0px;}
.contact-details strong {color: #0077c0;}
/*.map  {
        position: relative;
        padding-bottom: 30%;
        height: 0;
        overflow: hidden;
		
    }*/
.map  iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		
    }

/* footer */

footer {background-color: black; color: #fff; padding: 3.5em 0; font-size: 12px; font-weight: 400; margin-top: 30px;}
#home footer {margin-top: 0px;}
footer a {color: #fff;}
footer .socials {margin-top: 10px;}

@media (max-width: 767px) {
footer {background-color: #e0e0e0; color: #000000;}	
footer a {color: #000000;}
 footer .socials {   font-size: 2em;
    margin: 10px auto;
    text-align: center;
}
footer .list-inline {margin-top: 20px;}
footer .list-inline > li {display: block;}
}

/* sitemap */
.RadTreeView li:before {content: inherit!important;}


/* video library */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* BLOG index page */

time, .time {font-weight: 700; font-size: 11px;}

.pbAdvPager {margin:0 auto 10px auto}
.pbAdvPager td {padding: 0 4px;}

.news-thumbnail {float: left;
margin-right: 20px;}
article.row {margin-bottom: 30px; border-bottom: 2px solid #efefef; padding-bottom: 20px;}
article.the-latest {border-bottom: 0px; background-color: #efefef;
    padding-top: 0px;
    padding-bottom: 40px;
    margin-bottom: 20px;
	color: #0077c0;
	font-size: 125%;
}
article.the-latest h2 {margin-top: 0px; text-transform: uppercase; text-decoration: none; font-size: 125%;}

article.the-latest h2 a  {text-decoration: none; border: none!important;}

.page-content article h3 {text-transform: uppercase;}
.page-content article h3 a {text-decoration: none; border: none;}

.blog-item .back {margin-left: 0px;}

.blog-index .pageimage .caption {text-align: left;}

p.heading {color: #000;
    font-size: 30px;
    line-height: 1.32;
    text-transform: uppercase;
    font-weight: 400;
    margin: 15px 0px 10px 0px;
}

.comment-item {margin-bottom: 15px; border-bottom: 1px solid #efefef; padding-bottom: 15px;}
.comment-item h4 {color:#0077c0; font-size: .9;}
.blog-comment-list {margin-bottom: 20px;}

/* Bens blog */

.bens-blog-image {background-image: url(../images/bens-blog-ben.png); background-repeat: no-repeat; background-size: cover;}

.blog-commenting {margin-top: 30px; border-top: 1px solid #000; padding-top: 20px;}

.blog-index .caption {text-transform: none; font-size: 14px;}

/* Testimonials */

.thumbnail-float {float: right; margin: 0 0 10px 15px;}

.testimonials .box-news-content {
    background-color: #efefef;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.4;
}


.testimonials .box-news-content-alt {
    background-color: #efefef;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.4;
}

.testimonials .box-news-content::before, .testimonials .box-news-content-alt::before {content: "\f10d"; font-family: FontAwesome; font-size: 3em; float: left; display: inline; margin-right: 20px; color: #0077c0; line-height: 1; }

.testimonials .btn-link {font-size: .8em; font-weight: 700; margin-left: 8px;}
.testimonials P {margin-bottom: 0px;}
.testimonials h3 {margin-top: 0px; display: block; text-align: right;}

.testimonials .caption {font-size: 1.4em; text-align: left;
	line-height: 1.6; color: #fff; background-color: #000; text-transform: none; padding: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
	
	.testimonials .caption .btn-link:visited {color: white;}
	
.testimonials .caption img {margin-bottom: 20px;}

.module {
  min-height: 100px;
  background: white;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.module:nth-child(even) {
  margin-right: 0;
}


.come-in {
  transform: translateX(150px);
  animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to {
    transform: translateX(0);
  }
}