/* cmsms stylesheet: layout modified: 03/12/18 21:52:03 */
/* Page */
body {
    overflow-x: hidden;
}
body.noscroll {
	overflow:hidden;
}

/* reset */
a,
a:hover {
	text-decoration:none;
}
* {
	padding: 0;
	margin: 0;
}
/* Fix up BS */
input[type=image] {
	width: auto;
	height: auto;
}
.img-responsive {
	width: auto;
}

/* TinyMCE editor overrides */
#tinymce h1,#tinymce h2,#tinymce h3,#tinymce h4, #tinymce,
#tinymce p,#tinymce ul li,#tinymce ol li,#tinymce p a {
    font-family: 'Verdana', sans-serif;
}
#tinymce img {
	max-width: 100%;
}

/* tables */
section table {
	width: 100%;
	border-collapse:collapse;
}
section table tr th,
section table tr td,
section table thead tr th,
section table tbody tr td {
	padding: .2em;
}
section table tr td .multi {
	overflow: auto;
}
section table tr td .multi .form-control {
	width: 75%;
	float: right;
}

/* viewtable */
.dataTables_scrollHeadInner {
	padding-left: 0px !important;
}
.viewtable thead .sorting:after, .viewtable thead .sorting_asc:after, .viewtable thead .sorting_desc:after,
.viewtable thead .sorting_asc_disabled:after, .viewtable thead .sorting_desc_disabled:after {
	bottom: 2px !important;
	right: 2px !important;
}
.badgebutton {
	margin-right: 10px;
	float: left;
	position:relative;
}

/* badges */
.badge-notify {
	position:absolute;
	right: -5px;
	bottom: -5px;
}

/* breadcrumbs */
section .breadcrumb {
	padding: 0;
	margin: 0;
	background-color: transparent;
}
section .breadcrumb > li + li:before {
    content: ">";
}

/* padding and margins */
.nopadding {
	padding: 0px !important;
}
/* content defaults */
blockquote {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: 0px;
	top: -20px;
}
blockquote cite {
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}
section blockquote,section .testimonials p {
	font-family: Georgia, serif;
	font-style: italic;
}

ul.multicolumn {
	overflow:hidden;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
ul.multicolumn li {
	float:left;
	display:inline;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #f0f0f0;
}
ul.double li  { width:50%;}
ul.triple li  { width:33.333%; }
ul.quad li    { width:25%; }

/* Testimonial */
.testimonials p {
	background: #d1d1d1;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 20px;
	position: relative;
}
.testimonials p:after {
	border-top: 22px solid ;
	border-left: 0px solid transparent;
	border-right: 22px solid transparent;
	left: 60px;
	bottom: -22px;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	border-top-color: #d1d1d1;
	border-left-style: inset;
	border-right-style: inset;
}
.testimonials .testimonial-info {
  min-height: 60px;
}
.testimonials .testimonial-info span {
  color: #000000;
}
.testimonials .testimonial-info span em {
  color: #777;
  display: block;
}
.testimonials .testimonial-info img {
  border: 4px solid #d1d1d1;
  float: left;
  height: 60px;
  margin-right: 15px;
  padding: 2px;
  width: 60px;
}
.testimonials .carousel-indicators {
  bottom: 46px;
  left: auto;
  right: 80px;
  width: auto;
}
.testimonials .carousel-indicators li {
  border-color: #b3b3b3;
}
.testimonials-arrows {
  bottom: 57px;
  left: auto;
  right: 37px;
  width: auto;
  position: absolute;
}
.testimonials-arrows a {
  color: #b3b3b3;
}
.testimonials-bg-primary p {
  background: #3c3343;
  color: #ffffff;
}
.testimonials-bg-primary p:after {
  border-top-color: #3c3343;
}
.testimonials-bg-light p {
  background: #ffffff;
}
.testimonials-bg-light p:after {
  border-top-color: #ffffff;
}
.testimonials-bg-dark p {
  background: #27212c;
  color: #FFFFFF;
}
.testimonials-bg-dark p:after {
  border-top-color: #27212c;
}

/* special formating */
.removemargin p:last-child,
.removemargin .form-group:last-child {
	margin-bottom: 0px;
}

/* Embeded content */
.embed-responsive-map {
	width: 100%;
	height: 230px;
}
.embed-responsive-socialfeed {
	width: 100%;
	height: 600px;
}

/* Header */
header.coverpage {
    text-align: center;
}

/* Navigation */
header {
	min-height: 0px;
	margin: 0px;
}
.nav-stacked>li{
	float: none;
}
.navstyle1 nav,
.navstyle2 nav,
.navstyle3 nav,
.navstyle4 nav,
.navstyle5 nav,
.navstyle6 nav,
.navstyle7 nav {
	border: none;
	min-height: 0px;
	border-radius: 0px;
	margin: 0px;
}
.navbar-brand {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: auto;
}
.navstyle1 .navbar-brand {
	padding-top: 10px;
}

.widemenu .nav,
.widemenu .dropup,
.widemenu .dropdown,
.widemenu .collapse {
  position: static;
}
.widemenu .navbar-inner,
.widemenu .container {
  position: relative;
}
.widemenu .dropdown-menu {
  left: auto;
}
.widemenu .dropdown-menu > li {
  display: block;
}
.widemenu .dropdown-submenu .dropdown-menu {
  left: 100%;
}
.widemenu .nav.pull-right .dropdown-menu {
  right: 0;
}
.widemenu .widemenu-content {
  padding: 20px 30px;
  *zoom: 1;
}
.widemenu .widemenu-content:before,
.widemenu .widemenu-content:after {
  display: table;
  content: "";
  line-height: 0;
}
.widemenu .widemenu-content:after {
  clear: both;
}
.widemenu.navbar .nav > li > .dropdown-menu:after,
.widemenu.navbar .nav > li > .dropdown-menu:before {
  display: none;
}
.widemenu .dropdown.widemenu-fullwidth .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0;
}
@media (max-width: 969px) {
  .widemenu .dropdown.widemenu-fullwidth .dropdown-menu {
    width: auto;
  }
  .widemenu .widemenu-content {
    padding-left: 0;
    padding-right: 0;
  }
  .widemenu .dropdown-menu > li > ul {
    display: block;
  }
}

/* nav-stacked */
ul.nav-stacked {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
ul.nav-stacked li {
	margin: 0px;
	padding: 0px;
}
ul.nav-stacked li ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
ul.sidenav {
	margin: 0;
	padding: 0;
}

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	header.coverpage {
		color: #fff;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}	
}

/* sections */
section.flush .container {
	padding-left: 0px;
	padding-right: 0px;
}
section.shaded {
	box-shadow:	inset 0px 20px 20px -7px rgba(0,0,0,0.1);
}
section.shaded .container {
	background-color: transparent;
}
section.boxed {
	background-color: transparent;
}
section {
	padding: 0px;
	margin: 0px;
}
section.parallax {
	background-position: 50% 0%;
    background-attachment: fixed;
    background-repeat: repeat;
	background-size:100% 100%;
/*
	background-size: 50% 0;
	height: auto; 
	margin: 0 auto;
	position: relative;
	padding: 100px 0;
*/
}
.section-diamondmenu {
	padding: 0px;
}
.hoverlink:hover {
	cursor: pointer;
}
header.boxed .container,
footer.boxed .container,
section.boxed .container {
	background-color: white;
}
.diamondswrap .iteminfo {
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding-top: 100px;
	color: white;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.diamondswrap .item:hover .iteminfo {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.diamondswrap .iteminfo:hover {
	background: rgba(0, 0, 0, 0.7);
}
.diamondswrap .item {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0% 0;
    background-position: center center;
    background-size: 400px;
/*    background-size: cover; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.diamonds {
	width: 2000px;	
	position: relative;
	left: -200px;
	top: -200px;
	text-align: center;
	overflow: visible;
	white-space: nowrap;
	display: inline-block;
}

.diamond-row-wrap {
    text-align: center;
    position: relative;
    float: left;
    clear: both;
}
.diamond-row-upper, .diamond-row-lower {
    overflow: visible;
    clear: both;
    width: 100%;
}
.diamond-row-lower {
    position: absolute;
    bottom: 0;
}
.diamond-row-lower .diamond-box {
	margin-left: 64.644660941%; /* 1 - 1 / sqrt(2) / 2 */
	margin-top: 64.644660941%;
}

.diamond-box-wrap {
    float: left;
}
.diamond-box {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;
    
    position: relative;
    z-index: 1;
    
    width: 70.710678118%; /* x = sqrt(x^2 / 2) = 1 / sqrt(2) = 0.70710678118 */
    height: 70.710678118%;
    margin: 14.644660941%;
    
    border: 1px solid transparent;
}

.diamond-box-inner {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    width: 141.421356237%; /* sqrt(2) */
    height: 141.421356237%;
    margin: -20.7106781185% 0 0 -20.7106781185%; /* (1 - sqrt(2)) / 2 */
}

/* Carousels */
.sequencecontainer {
    position: relative;
	overflow: hidden;
}
.sequencecontainer > .sequence-canvas li > * {
    position: absolute;
}
.sequencecontainer > .sequence-canvas { 
    height: 100%; 
    width: 100%;
	padding: 0px;
	margin: 0px;
}
.sequencecontainer > .sequence-canvas > li { 
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
	padding: 0px;
	margin: 0px;
}
.animate-in .framespeed,
.animate-out .framespeed {
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -ms-transition-duration: .25s;
    transition-duration: .25s;
}

/* isotope */
.isotopegrid .item .item-wrap {
	position:relative;
	overflow:hidden;
	margin-bottom: 20px;
}
.isotopegrid .item .item-wrap .caption {
	position:absolute;
	top:0;
	background:rgba(50, 50, 50, 0.25);
	height:100%;
	width:100%;
	right:0;
	display: none;
	text-align:center;
	color:#fff !important;
	z-index:2;
}
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.multiitemcarousel {
	overflow: hidden;
}
.multiitemcarousel .carousel-control.left,
.multiitemcarousel .carousel-control.right {
    background-image: none;
	width: 40px;
}
.multiitemcarousel .carousel-control.left {
	left: 0px;
}
.multiitemcarousel .carousel-control.right {
	right: 15px;
}
.multiitemcarousel .carousel-control .glyphicon {
	font-size: 50px;
}
.multiitemcarousel .carousel-inner {
	width: auto;
	margin-left: 50px;
	margin-right: 50px;
}
/* Fade in and out slides */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function:linear;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}
.listcarousel {
}
.listcarousellist {
	list-style:none;
	padding: 0px;
	margin: 0px;
}
.listcarousellist li {
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid red;
}
.listcarousellist li.active {
	background-color: #666666;
}
/* carousel - thumbnails */
.thumbcarousel {
	position: relative;
}
.thumbcarousel .carousel-inner .item {
	margin-bottom: 80px;
	overflow: hidden;
}
.thumbcarousel .carousel-inner .item img {
	height: 300px;
}
.thumbcarousel .carousel-inner .item img {
	margin: 0 auto;
	text-align:center;
}
.thumbcarousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 0;
    overflow: auto;
    width: 100%;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
.thumbcarousel .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: 60px;
    width: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.thumbcarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
	margin: 0px;
	padding: 0px;
    height: 60px;
}
.thumbcarousel .carousel-indicators li.active img {
    opacity: 1;
}
.thumbcarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* back to top */
#back-top a{position:fixed;bottom:30px;right:30px;color:#eee;background-color:rgba(0,0,0,0.3);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;padding:10px;border-radius:5px;text-align:center}
#back-top a:hover{background-color:rgba(0,0,0,0.7)}

/* buttons and icons */
.btn {
display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;
}
ul.largesocialicons {
    margin-bottom: 0;
}
ul.largesocialicons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.icon-large:hover{ 
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%);
    filter: none;
}

/* content animation */
.animateblock img.img-responsive,
.animate {
    opacity:0;
}
/* forms */
.form-group.required label:after {
	font-family: 'FontAwesome';
	content: " \f069";
	vertical-align:top;
}
.form-group input[type=text],
.form-group input[type=checkbox],
.form-group input[type=radio],
.form-group select,
.form-group input[type=password] {
	height: auto;
}
.form-group textarea.form-control {
	height: 8em;
}
input[type=checkbox],
input[type=radio] {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}
.form-subfields {
	overflow: auto;
	width: 100%;
}
.form-subfields select {
	margin-right: 20px;
	width: auto;
	float: left;
}
form h1,form h2,form h3,form h4 {
	text-align:center;
}
/* content */
section br {
	clear: both;
}

/* images - gallery */
.gallery {
	overflow: hidden;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.imggogrey:hover{ 
	-webkit-filter: grayscale(90%);
	-webkit-filter: grayscale(1);
	filter: grayscale(90%);
	filter: gray;
}
.imggocoloured {
	-webkit-filter: grayscale(90%);
	-webkit-filter: grayscale(1);
	filter: grayscale(90%);
}
.imggocoloured:hover {
	-webkit-filter: grayscale(0%);
	-webkit-filter: grayscale(0);
	filter: none;
}

.imagebutton {
	position: relative;
}
.imagebutton .zoom {
    overflow: hidden;
}
.imagebutton .zoom img {
    -webkit-transition: all .5s ease; /* Safari and Chrome */
  	-moz-transition: all .5s ease; /* Firefox */
  	-o-transition: all .5s ease; /* IE 9 */
  	-ms-transition: all .5s ease; /* Opera */
  	transition: all .5s ease;
	z-index: 5;
}
.imagebutton:hover .zoom img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}
.imagebutton .captionlower {
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
}
.imagebutton .captioncentred {
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	top: 0px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}

.flipcard {
border: 1px solid red;
  width: 100%;
  height: auto;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
}

.flipcard.flipped {
  -webkit-transform: rotateY( 180deg );
	 -moz-transform: rotateY( 180deg );
	   -o-transform: rotateY( 180deg );
		  transform: rotateY( 180deg );
}

.flipcard figure {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	   -o-backface-visibility: hidden;
		  backface-visibility: hidden;
}

.flipcard .flipcardfront {
}

.flipcard .flipcardback {
  -webkit-transform: rotateY( 180deg );
	 -moz-transform: rotateY( 180deg );
	   -o-transform: rotateY( 180deg );
		  transform: rotateY( 180deg );
}
/* links */
.btn-tiny,.btn-small,.btn-large {
	transition: all 0.3s ease 0s;
}

/* images */
section p[style*="text-align: center"] img {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.imgcircle {
	overflow: hidden;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}
.imgcircle div {
	padding: 30px 30px;
}
.imgcircle img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	width: auto;
	height: 200px;
}
.hoverborder1 .hoverborder,
.hoverborder1:hover .hoverborder {
	border-width: 4px;
	border-style: solid;
}
.hoverborder1 .hoverborder {
	transition: border 200ms ease-in-out;
}
.hoverborder2 .imgcircle {
	position: relative;
}
.hoverborder2 .imgcircle .hoverborder {
	border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	transition: box-shadow 200ms ease-in-out;
	pointer-events: none;
}

/* Extra Small Devices, Phones col-xs- */ 
/* content */
header.coverpage .coverpageinner {
	padding-top: 80px;
	padding-bottom: 70px;
}
#back-top a i{font-size:1em}

/* Small Devices, Tablets col-sm- */
@media only screen and (min-width : 768px) {
	#back-top a i{font-size:3em}
	header.coverpage .coverpageinner {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.navbar-default .dropdown:hover>.dropdown-menu {
		display: block;
	}
}

/* Medium Devices, Desktops - col-md- */
@media only screen and (min-width : 992px) {
	header.coverpage .coverpageinner {
		padding-top: 250px;
		padding-bottom: 250px;
	}
	.navbar-default .navbar-centered {
		width: 100%;
		display: flex;
  	}
	.navbar-default .navbar-centered li {
		flex: 1;
		text-align: center;
	}
	.navbar-default .navbar-centered li a {
		display: block;
	}
}

/* Large Devices, Wide Screens - col-lg- */
@media only screen and (min-width : 1200px) {
}
/* cmsms stylesheet: styles modified: 02/14/19 10:13:15 */
@font-face {
  font-family: 'Brush Tip';
  src: url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.eot'); /* IE9 Compat Modes */
  src: url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.woff') format('woff'), /* Modern Browsers */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*
	dark blue - #0059aa
	light blue - #59c4f0
	really light blue - #eaf3fa
*/
* {
/*   	border: 1px dashed red;    */
}
/* base document properties */
body {
    background-color: white;
    font-family: 'Dosis',Helvetica,Arial,sans-serif;
}

/* type size - variable across devices */
body { font-size: 16px; line-height: 1.5; }
@media only screen and (min-width : 768px ) { body { font-size: 14px; } }
@media only screen and (min-width : 992px ) { body { font-size: 15px; } }
@media only screen and (min-width : 1200px) { body { font-size: 21px; } }

/* type size - fixed across all devices */
/*body { font-size: 12px; line-height: 1.3; } */

/* TinyMCE */
.wysiwyg {
	background-color: white;
}
.wysiwyg h1 { font-size: 20px; }
.wysiwyg h2 { font-size: 17px; }
.wysiwyg h3 { font-size: 15px; }
.wysiwyg h4,
.wysiwyg p,
.wysiwyg ul li, .wysiwyg ol li {
	font-size: 13px;
}

/* clear margins on headings */
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,
section h1,section h2,section h3,section h4 {
	clear: both;
}
/* fonts and weights */
section h1,section h2,section h3,section h4,
.modal h2,.modal h3 {
	font-weight: 400;
	line-height: 1.3;
}
section h1 {
	font-weight: 600;
}
section h1 strong,section h2 strong,section h3 strong,section h4 strong,
section p strong,
.alert span,
section table thead tr th,section table tr th,
section .breadcrumb > li + li:before {
	font-weight: 800;
}

/* typesizes */
section p,section p a,section p a:hover,.form-group,
section ul li,section ol li,
.modal p,.modal p a,
section blockquote,section .testimonials p,section blockquote cite,
section .alert,
section table thead tr th,section table tbody tr td,section table tr th,section table tr td,
div.dataTables_paginate .paginate_button,
.btn-tiny, .btn-small, .btn-large
{
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.25em;
}
section .form-group label,section .form-group .control-label,section .form-group .form-control,
section .dataTables_wrapper label,section .dataTables_wrapper .dataTables_info,section .dataTables_wrapper select, section .dataTables_wrapper input
{
	font-weight: 400;
	font-size: 1em;
}
section .form-group .control-label {
	padding-top: 0.3em;
}
section .form-group .form-control {
	padding: 0.3em;
}
.form-group.required label:after {
	font-size: 0.6em;
}
.wysiwyg h1,
section h1 {
	font-size: 2em;
	margin: 0 0 0.2em 0;
}
.wysiwyg h2,
section h2 {
	font-size: 1.8em;
	margin: 0 0 0.2em 0;
}
.wysiwyg h3,
section h3 {
	font-size: 1.2em;
	margin: 0 0 0.4em 0;
}
.wysiwyg h4,
section h4 {
	font-size: 0.95em;
	margin: 0 0 0.4em 0;
}
section .breadcrumb li {
	font-size: .75em;
}
section table,
.wysiwyg p,.wysiwyg ul,.wysiwyg ol,
section p,section ul,section ol,
section .breadcrumb {
	margin-bottom: 0em;
	font-weight: 600;
}
.wysiwyg ul,.wysiwyg ol,
section ul,section ol {
	margin-left: 2em;
}
.wysiwyg ul li,.wysiwyg ol li,
section ul li,section ol li {
	padding: 0 0 0 0.3em;
}
.wysiwyg ul li:last-child,.wysiwyg ol li:last-child,
section ul li:last-child,section ol li:last-child {
	padding-bottom: 0;
}
.btn-tiny, .btn-tiny:hover {
	font-size: 1em;
	line-height: 1;
	padding: .3em;
	margin-right: 0.3em;
}
div.dataTables_paginate .paginate_button,
.btn-small, .btn-small:hover {
	font-size: 1.2em;
	line-height: 1;
	padding: .4em;
	margin-right: 0.4em;
}
.btn-large, .btn-large:hover {
	font-size: 1.4em;
	line-height: 1;
	padding: .4em;
	margin-right: 0.4em;
}
.alert {
	font-size: 1em;
	padding: .8em;
}
/* section [default] - colours */
section .container,
section .container-fluid {
	background-color: white;
}
/* form */
.btn-small,
.btn-small:hover,
.form-control {
	font-size: 0.8em;
	margin-bottom: 15px;
}
.form-control {
 	color: #59c4f0;
}
.btn-small {
	width: 100%;
}
.btn-large {
	width: 100%;
}
.wysiwyg a,
section a {
	color: blue;
}
div.dataTables_paginate .paginate_button,
.btn-tiny,.btn-small,.btn-large {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
div.dataTables_paginate .paginate_button:hover,
div.dataTables_paginate .paginate_button.current,
.btn-tiny:hover,.btn-tiny:focus,.btn-tiny:active,.btn-tiny.active,
.btn-small:hover,.btn-small:focus,.btn-small:active,.btn-small.active,
.btn-large:hover,.btn-large:focus,.btn-large:active,.btn-large.active {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
.btn-large {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
.btn-large:hover,.btn-large:focus,.btn-large:active,.btn-large.active {
	background-color: #11a0db;
	border-color: #11a0db;
	color: #0059aa;
}
section table tr th,
section table thead tr th,
section table tbody tr td {
	border: 1px solid #cccccc;
}
section table thead tr th,
section table tr th {
	background-color: #CCCCCC;
}
section table .clickable:hover {
	background-color: #DDDDDD;
	cursor: pointer;	
}
section table tr:nth-child(odd) {
	background-color: #EEEEEE;
}
.editabletableorderable tr:hover td:first-child {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

div.dataTables_paginate {
	text-align:center !important;
	padding: 10px 0px;
}
div.dataTables_paginate .paginate_button {
	cursor:pointer;
	margin-right: 1px;
	padding: 0.2em 0.8em;
}
div.dataTables_paginate .paginate_button.disabled {
	display: none;
}
div.dataTables_paginate .paginate_button.previous {
	-webkit-border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px;
}
div.dataTables_paginate .paginate_button.next {
	-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;
}

/* homepage styles */
section.homestyle1 .container-fluid {
	padding: 0px;
}
section.homestyle2 .container-fluid,
section.homestyle3 .container-fluid {
	background-size: cover;
	background-repeat: no-repeat;
}
section.homestyle2 h1,
section.homestyle2 p {
	color: white;
}
section.homestyle2 h3 {
	color: #59c4f0;
}
section.homestyle3 h2,
section.homestyle3 p {
	color: white;
}
section.homestyle3 p a,
section.homestyle3 p a:hover {
	color: #0059aa;
}

/* Inner styles */
.row-eq-height {
/*
	padding-top: 20px;
	padding-bottom: 20px;
*/
}
section.innercontent .innercol {
	padding-top: 20px;
	padding-bottom: 20px;
}
section.innercolwhite .container-fluid {
	background-color: white;
}
section.innercontent .container-fluid {
	background-repeat: no-repeat;
	background-size: cover;
}
section.innercontent .innercol {
	background-repeat: no-repeat;
	background-size: cover;
}
section.innercontent .blueonwhite {
	background-color: white;
}
section.innercontent .darken {
	background-color: rgba(0,0,0,0.5);
}
section.innercontent .blueonblue {
	background-color: #59c4f0;
}
section.innercontent .blueonlightblue {
	background-color: #c9e0f4;
}
section.innercontent .transparent {
	background-color: transparent;
}
ul.innermenu li a,
section.innercontent .image p,
section.innercontent .blueonwhite p, section.innercontent .blueonwhite ul li,section.innercontent .blueonwhite ol li {
	color: #59c4f0;
}
.wysiwyg p,.wysiwyg ul li,.wysiwyg ol li,
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,
ul.innermenu li a:hover,
section.innercontent .blueonwhite h1,section.innercontent .blueonwhite h2,section.innercontent .blueonwhite h3,section.innercontent .blueonwhite h4,
section.innercontent .image h1,section.innercontent .image h2,
section.innercontent .alldarkblue h1,section.innercontent .alldarkblue h2,section.innercontent .alldarkblue h3,section.innercontent .alldarkblue h4,
section.innercontent .alldarkblue p,section.innercontent .alldarkblue ul li,section.innercontent .alldarkblue ol li,
section.innercontent .blueonblue p,section.innercontent .blueonblue ul li,section.innercontent .blueonblue ol li,
section.innercontent .blueonlightblue h1,section.innercontent .blueonlightblue h2,section.innercontent .blueonlightblue h3,section.innercontent .blueonlightblue h4,
section.innercontent .blueonlightblue p,section.innercontent .blueonlightblue ul li,section.innercontent .blueonlightblue ol li {
	color: #0059aa;
}
section.innercontent .allwhite h2, section.innercontent .allwhite h3, section.innercontent .allwhite h4, section.innercontent .allwhite p, section.innercontent .allwhite ul li,
section.innercontent .blueonblue h2, section.innercontent .blueonblue h3, section.innercontent .blueonblue h4 {
	color: white;
}
section.innercontent p.textstyle-darkblue {
	font-weight: 700;
}
section.innercontent ul {
	list-style-type: square;
}
.wysiwyg .badge,
section.innercontent .badge {
	border: 1px solid white;
	background-color: #0059aa;
	color: white;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 0.8em;
	vertical-align: baseline;
	float: left;
}
.faq {
	background-color: #eaf3fa;
	border: 1px solid #0059aa;
	padding: 20px;
	margin-bottom: 15px;
}
.faq p {
	margin: 0px;
}
ul.innermenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}
ul.innermenu li {
	border-top: 2px solid white;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	overflow: auto;
	font-size: 1.2em;
	font-weight: 600;
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
}
ul.innermenu li ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	width: 45%;
}
ul.innermenu li ul li {
	border-top: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: 400;
}
ul.innermenu li {
	background-image: url('https://www.exerscience.co.nz/uploads/layout/icon-man-off.png');
	background-repeat:no-repeat;
	background-size: auto 20px;
	background-position: 0px 3px;
}
ul.innermenu li,
ul.innermenu li ul li {
	padding-left: 25px;
}
ul.innermenu li:hover {
	background-image: url('https://www.exerscience.co.nz/uploads/layout/icon-man-on.png');
}
span.brushtip {
	font-family: 'Brush Tip';
}
h1 span.brushtip {
	font-size: 3em;
	color: rgba( 255,255,255,0.8);
}
/* content styles */
.textstyle-white {
	color: white;
}
.wysiwyg .textstyle-white {
	color: #e0e0e0;
}
.wysiwyg .textstyle-red,
.textstyle-red {
	color: red;
}
.wysiwyg .textstyle-blue,
.textstyle-blue {
	color: #59c4f0;
}
section.innercontent p.textstyle-darkblue,
.wysiwyg .textstyle-darkblue,
.textstyle-darkblue {
	color: #0059aa;
}
.wysiwyg .textstyle-small,
section.innercontent p.textstyle-small {
	font-size: 0.7em;
}
.wysiwyg .textstyle-reference,
section.innercontent p.textstyle-reference {
	color: black;
	font-size: 0.5em;
}

/* global - image treatment */
.btn-small,
.btn-large {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
section img,
.faq,
img.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
section .carousel-inner img {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
.faq,
img.rounded {
	margin-bottom: 10px;
}
.gallery,
section img.niceborder {
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fafafa;
}
.wysiwyg img[style*="float: left"] {
	margin-right: 15px;
	margin-bottom: 15px;
}
.wysiwyg img[style*="float: right"] {
	margin-left: 15px;
	margin-bottom: 15px;
}
section img.img-icon {
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.imagebutton .captionlower {
	background:rgba(0,0,0,0.7);
}
.imagebutton .captionlower a {
	color: white;
}
.imagebutton .captioncentred a {
	color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);	
}

/* global carousel - dynamicwidecarousel */
.dynamicwidecarousel .item img {
	width: 100%;
	height: auto;
}
.dynamicwidecarousel .overlay {
	position: absolute;
	z-index: 1000;
	right: 0px;
	width: 100%;
}

/* navigation - font and colours */
.navbar-default .navbar-nav > li > a {
	color: white;
	font-size: 1.2em;
	padding: 0.2em 0.5em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: white;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
	color: white;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none !important;
	padding: 0px;
	margin: 0px;
	color: #0059aa;
	font-weight: 700;
	font-size: 1em;
}
.navbar-default .navbar-toggle i {
	font-size: 0.7em;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu {
	background-color: transparent;
}
.navbar-default .navbar-nav .dropdown-menu {
	background-color: rgba(255,0,0,0.7);
	width: auto;
	overflow: auto;
}
.navbar-default .navbar-nav .dropdown-menu > li {
	width: auto;
	padding: 0;
	text-align: left;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .dropdown-menu > li > a {
	color: red;
	background-color: transparent;
	font-size: 1em;
	padding: 0.2em 0.5em;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
	color: white;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li.active > a,.navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li.active > a, .navbar-default .navbar-nav .dropdown-menu > li.active > a:hover {
	color: blue;
	background-color: yellow;
}
.navbar-default .tagline {
	font-size: 1em;
	padding: 0;
	text-transform:uppercase;
}
.navbar-default .tagline,
.navbar-default .tagline p,
.navbar-default .tagline a {
	color: green;
}

/* Footer */
.footerrow1 {
	background-color: white;
}
.footerrow1 p {
	color: #59c4f0;
	font-size: 1em;
	margin: 0px;
}
.footerrow2 {
	background-color: #59c4f0;
}
.footerrow2 h4 {
	color: white;
	font-size: 1em;
}
.footerrow2 p {
	color: #0059aa;
}
footer .navfooter li a,
footer .navfooter li a:hover {
	color: #0059aa;
}	

/* ------------------ Extra Small Devices, Phones col-xs- ------------------ */ 
/* sections */
section .container,
section.parallax .container,
section.alternate .container {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* navigation - navstyle2 */
.navstyle2 {
	background-color: transparent;
	padding: 10px 0px 0px 0px;
}
.navstyle2 nav {
	background-color: white;
}
.navstyle2 .navbar-collapse {
	background-color: #0059aa;
}
.navstyle2 .nav {
	padding: 0px;
	margin: 0px;
	border: none;
}
.navstyle2 .navbar-brand {
	height: 60px;
	padding-top: 0px;
	padding-left: 10px;
	float: left;
}
.navstyle2 .navbar-brand img {
	height: 50px;
}
.navstyle2 .navbar-toggle {
	margin: 20px 20px 0px 0px;
	float: right;
}
.navstyle2 .row2 {
	background-color: orange;
}
.navstyle2 .nav li a {
	padding: 3px 0px;
}
/* content */
section img.pull-right {
	margin-bottom: 10px;
}
section img.pull-left {
	margin-bottom: 10px;
}
.imagebutton .captionlower {
	padding: 5px;
}
.imagebutton .captionlower a {
	font-size: 20px;
}
.imagebutton .captioncentred {
	padding: 20px;
}
.imagebutton .captioncentred a {
	font-size: 35px;
	line-height: 40px;
}
.footerrow1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.footerrow2 {
	padding-top: 10px;
	padding-bottom: 10px;
}
footer .navfooter {
	margin: 10px;
}

/* ------------------ Mobile overrides ------------------ */
@media only screen and (max-width : 768px) {
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-right,
	section img.pull-left {
		width: 100%;
		float: none;
	}
}
/* ------------------ Small Devices, Tablets col-sm- ------------------*/
@media only screen and (min-width : 768px) {
	/* sections and header */
	section .container-fluid {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	section.innercontent .container-fluid {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	section.homestyle3 .container-fluid {
		padding-bottom: 100px;
	}
	/* navstyle2 - make menu a dropdown */
	.navbar-header {
        float: none;
    }
    .navbar-default .navbar-toggle {
        display: block;
		margin: 26px 0px 0px 0px;
		padding: 0px;
		width: 370px;
		text-align:left;
    }
    .navbar-collapse {
		position: absolute;
		border: none !important;
		background-color: #0059aa;
		width: 400px;
		right: 0px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		z-index: 1100;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
    }
    .collapse.in{
  		display:block !important;
	}
	/* navstyle2 */
	.navstyle2 .navbar-collapse {
		margin: 0px;
		padding: 0px;
	}
	.navstyle2 .nav {
		padding: 10px 0px !important;
	}
	.navstyle2 .nav li a {
		padding: 10px 0px 10px 18px;
	}
	.navstyle2 .container {
		background-color: orange;
	}
	.navstyle2 .navbar-header {
		width: 100%;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 60px;
	}
	.navstyle2 .navbar-header {
		height: 70px;
	}
	.navstyle2 .navbar-brand {
		padding-left: 55px;
	}
	.navbar-default .navbar-toggle {
		font-size: 2em;
	}
	/* sectionnav */
	.sectionnav {
		position: fixed;
		top: 40%;
		right: 0px;
		z-index: 1000;
		background-color: rgba( 108, 103, 99, 0.6 );
		padding: 10px;
	}
	.sectionnav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	.sectionnav ul li {
		padding-bottom: 10px;
	}
	.sectionnav ul li:last-child {
		padding-bottom: 0px;
	}
	.sectionnav ul li a div {
		background-image: url('https://www.exerscience.co.nz/uploads/layout/sectionnav-off.png');
		background-repeat:no-repeat;
		width: 40px;
		height: 36px;
	}
	.sectionnav ul li.active a div {
		background-image: url('https://www.exerscience.co.nz/uploads/layout/sectionnav-on.png');
	}
	/* content */
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-left,
	section img.pull-right {
		width: initial;
		max-width: 300px;
	}
	section img.pull-right {
		margin-left: 15px;
		margin-bottom: 15px;
	}
	section img.pull-left {
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.imagebutton .captionlower {
		padding: 5px;
	}
	.imagebutton .captionlower a {
		font-size: 16px;
	}
	.imagebutton .captioncentred {
		padding: 20px;
	}
	.imagebutton .captioncentred a {
		font-size: 35px;
		line-height: 40px;
	}
	.row-eq-height {
		padding-top: 0px;
		padding-bottom: 0px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	/* Inner styles */
	section.innercontent .badge {
		width: 32px;
		height: 32px;
	}
	section.innercontent .innercol {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	ul.innermenu li {
		background-size: auto 16px;
	}
	ul.innermenu li,
	ul.innermenu li ul li {
		padding-left: 22px;
	}
	section.innercontent p.textstyle-reference {
		margin-right: 30%;
		margin-top: 50%;
	}

	section.innercontent .lastcolumn p,
	section.innercontent .lastcolumn h2, section.innercontent .lastcolumn h3, section.innercontent .lastcolumn h4,
	section.innercontent .lastcolumn ul {
		margin-right: 70px;
	}
	section.innercontent .lastcolumn p.imageonly {
		margin-right: 0px;
	}
	.formpadding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* footer */
	.footerspacing {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow1 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	footer .navfooter li {
		float: left;
		width: 50%;
		padding: 3px;
	}
	.footerrow2 h4,
	.footerrow2 p {
		margin: 0px;
	}
	.footerrow1 p {
/* 		margin-top: 30px; */
	}
}

/* ------------------ Medium Devices, Desktops - col-md- ------------------*/
@media only screen and (min-width : 992px) {
	/* sections */
	section .container-fluid {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section.homestyle1 .container-fluid {
		padding: 0px;
	}	
	/* navstyle2 */
	/* content */
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-left,
	section img.pull-right {
		max-width: 500px;
	}
	section img.pull-right {
		margin-left: 20px;
		margin-bottom: 20px;
	}
	section img.pull-left {
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.imagebutton .captionlower {
		padding: 2px;
	}
	.imagebutton .captionlower a {
		font-size: 14px;
	}
	.imagebutton .captioncentred {
		padding: 15px;
	}
	.imagebutton .captioncentred a {
		font-size: 25px;
		line-height: 30px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 50px;
		margin-bottom: 100px;
	}
	/* Inner styles */
	
	/* images */
	.imgcircle {
		width: 150px;
		height: 150px;
	}
	.imgcircle img {
		height: 150px;
	}
	/* footer */
	footer ul.navfooter {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: flex;
	}
	footer ul.navfooter li {
		background-image: url( 'https://www.exerscience.co.nz/uploads/layout/footer-bg.png' );
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 0px 7px;
		flex: 1;
		height: 50px;
		float: left;
		margin: 0px;
		padding: 0px 10px 0px 34px;
	}

	footer ul.navfooter li {
		font-size: 0.6em;
		font-weight: 600;
	}
	.footerrow1 p {
/*		margin-top: 40px; */
	}
}

/* ------------------ Large Devices, Wide Screens - col-lg- ------------------ */
@media only screen and (min-width : 1200px) {
	/* sections */
	section .container-fluid {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section.homestyle1 .container-fluid {
		padding: 0px;
	}
	section.homestyle3 .container-fluid {
		padding-bottom: 250px;
	}
	/* navstyle2 */
    .navbar-default .navbar-toggle {
		margin-top: 27px;
		width: 410px;
    }
    .navbar-collapse {
		width: 450px;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 80px;
	}
	.navstyle2 .navbar-header {
		height: 90px;
	}
	/* sectionnav */
	.sectionnav {
		padding: 20px;
	}
	.sectionnav ul li {
		padding-bottom: 15px;
	}
	/* content */
	.imagebutton .captionlower {
		padding: 3px;
	}
	.imagebutton .captionlower a {
		font-size: 16px;
	}
	.imagebutton .captioncentred {
		padding: 15px;
	}
	.imagebutton .captioncentred a {
		font-size: 33px;
		line-height: 40px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 75px;
		margin-bottom: 125px;
	}
	/* Inner styles */
	section.innercontent .badge {
		width: 40px;
		height: 40px;
	}
	ul.innermenu li {
		background-size: auto 24px;
	}
	ul.innermenu li,
	ul.innermenu li ul li {
		padding-left: 32px;
	}
	/* images */
	.imgcircle {
		width: 200px;
		height: 200px;
	}
	.imgcircle img {
		height: 200px;
	}
	.gallery {
		height: 150px;
	}

	/* footer */
	.footerrow1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footerrow2 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow1 p {
/*		margin-top: 22px; */
	}
}
/* ------------------ Super large Devices ------------------ */
@media only screen and (min-width : 1600px) {
	/* sections */
	section.homestyle1 .container-fluid {
		padding: 0px;
	}
	/* navstyle2 */
	.navbar-default .navbar-toggle {
		font-size: 3em;
	}
    .navbar-default .navbar-toggle {
		margin-top: 27px;
		width: 560px;
    }
    .navbar-collapse {
		width: 600px;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 113px;
	}
	.navstyle2 .navbar-header {
		height: 123px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 100px;
		margin-bottom: 200px;
	}	
	/* Inner styles */
	ul.innermenu li {
		background-position: 0px 7px;
	}
	/* footer */
	.footerrow2 h4,
	.footerrow2 p {
		font-size: 1.5em;
		line-height: 1.2em;
	}
}

/* Printing */
@media print {
	* {
		font-size: 1em;
		line-height: 1em;
	}
	a[href]:after {
		content: none;
	}
	.noprint,
  	header,
	.alert,
	.btn,
	.navbar {
		display: none;
	}
	section .form-group .control-label {
		text-align: left;
	}
	.table>tbody>tr>td {
		padding: 2px;
	}
	table tr td .form-control,
	section .form-group .form-control {
    	box-shadow: none;
		border: none;
		padding: 0px;
	}
}

/* taglie */
@font-face {
  font-family: 'Brush Tip';
  src: url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.eot'); /* IE9 Compat Modes */
  src: url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.woff') format('woff'), /* Modern Browsers */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.exerscience.co.nz/uploads/fonts/brtter_15-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*
	dark blue - #0059aa
	light blue - #59c4f0
	really light blue - #eaf3fa
*/
* {
/*   	border: 1px dashed red;    */
}
/* base document properties */
body {
    background-color: white;
    font-family: 'Dosis',Helvetica,Arial,sans-serif;
}

/* type size - variable across devices */
body { font-size: 16px; line-height: 1.5; }
@media only screen and (min-width : 768px ) { body { font-size: 14px; } }
@media only screen and (min-width : 992px ) { body { font-size: 15px; } }
@media only screen and (min-width : 1200px) { body { font-size: 21px; } }

/* type size - fixed across all devices */
/*body { font-size: 12px; line-height: 1.3; } */

/* TinyMCE */
.wysiwyg {
	background-color: white;
}
.wysiwyg h1 { font-size: 20px; }
.wysiwyg h2 { font-size: 17px; }
.wysiwyg h3 { font-size: 15px; }
.wysiwyg h4,
.wysiwyg p,
.wysiwyg ul li, .wysiwyg ol li {
	font-size: 13px;
}

/* clear margins on headings */
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,
section h1,section h2,section h3,section h4 {
	clear: both;
}
/* fonts and weights */
section h1,section h2,section h3,section h4,
.modal h2,.modal h3 {
	font-weight: 400;
	line-height: 1.3;
}
section h1 {
	font-weight: 600;
}
section h1 strong,section h2 strong,section h3 strong,section h4 strong,
section p strong,
.alert span,
section table thead tr th,section table tr th,
section .breadcrumb > li + li:before {
	font-weight: 800;
}

/* typesizes */
section p,section p a,section p a:hover,.form-group,
section ul li,section ol li,
.modal p,.modal p a,
section blockquote,section .testimonials p,section blockquote cite,
section .alert,
section table thead tr th,section table tbody tr td,section table tr th,section table tr td,
div.dataTables_paginate .paginate_button,
.btn-tiny, .btn-small, .btn-large
{
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.25em;
}
section .form-group label,section .form-group .control-label,section .form-group .form-control,
section .dataTables_wrapper label,section .dataTables_wrapper .dataTables_info,section .dataTables_wrapper select, section .dataTables_wrapper input
{
	font-weight: 400;
	font-size: 1em;
}
section .form-group .control-label {
	padding-top: 0.3em;
}
section .form-group .form-control {
	padding: 0.3em;
}
.form-group.required label:after {
	font-size: 0.6em;
}
.wysiwyg h1,
section h1 {
	font-size: 2em;
	margin: 0 0 0.2em 0;
}
.wysiwyg h2,
section h2 {
	font-size: 1.8em;
	margin: 0 0 0.2em 0;
}
.wysiwyg h3,
section h3 {
	font-size: 1.2em;
	margin: 0 0 0.4em 0;
}
.wysiwyg h4,
section h4 {
	font-size: 0.95em;
	margin: 0 0 0.4em 0;
}
section .breadcrumb li {
	font-size: .75em;
}
section table,
.wysiwyg p,.wysiwyg ul,.wysiwyg ol,
section p,section ul,section ol,
section .breadcrumb {
	margin-bottom: 0em;
	font-weight: 600;
}
.wysiwyg ul,.wysiwyg ol,
section ul,section ol {
	margin-left: 2em;
}
.wysiwyg ul li,.wysiwyg ol li,
section ul li,section ol li {
	padding: 0 0 0 0.3em;
}
.wysiwyg ul li:last-child,.wysiwyg ol li:last-child,
section ul li:last-child,section ol li:last-child {
	padding-bottom: 0;
}
.btn-tiny, .btn-tiny:hover {
	font-size: 1em;
	line-height: 1;
	padding: .3em;
	margin-right: 0.3em;
}
div.dataTables_paginate .paginate_button,
.btn-small, .btn-small:hover {
	font-size: 1.2em;
	line-height: 1;
	padding: .4em;
	margin-right: 0.4em;
}
.btn-large, .btn-large:hover {
	font-size: 1.4em;
	line-height: 1;
	padding: .4em;
	margin-right: 0.4em;
}
.alert {
	font-size: 1em;
	padding: .8em;
}
/* section [default] - colours */
section .container,
section .container-fluid {
	background-color: white;
}
/* form */
.btn-small,
.btn-small:hover,
.form-control {
	font-size: 0.8em;
	margin-bottom: 15px;
}
.form-control {
 	color: #59c4f0;
}
.btn-small {
	width: 100%;
}
.btn-large {
	width: 100%;
}
.wysiwyg a,
section a {
	color: blue;
}
div.dataTables_paginate .paginate_button,
.btn-tiny,.btn-small,.btn-large {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
div.dataTables_paginate .paginate_button:hover,
div.dataTables_paginate .paginate_button.current,
.btn-tiny:hover,.btn-tiny:focus,.btn-tiny:active,.btn-tiny.active,
.btn-small:hover,.btn-small:focus,.btn-small:active,.btn-small.active,
.btn-large:hover,.btn-large:focus,.btn-large:active,.btn-large.active {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
.btn-large {
	background-color: #0059aa;
	border-color: #0059aa;
	color: white;
}
.btn-large:hover,.btn-large:focus,.btn-large:active,.btn-large.active {
	background-color: #11a0db;
	border-color: #11a0db;
	color: #0059aa;
}
section table tr th,
section table thead tr th,
section table tbody tr td {
	border: 1px solid #cccccc;
}
section table thead tr th,
section table tr th {
	background-color: #CCCCCC;
}
section table .clickable:hover {
	background-color: #DDDDDD;
	cursor: pointer;	
}
section table tr:nth-child(odd) {
	background-color: #EEEEEE;
}
.editabletableorderable tr:hover td:first-child {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

div.dataTables_paginate {
	text-align:center !important;
	padding: 10px 0px;
}
div.dataTables_paginate .paginate_button {
	cursor:pointer;
	margin-right: 1px;
	padding: 0.2em 0.8em;
}
div.dataTables_paginate .paginate_button.disabled {
	display: none;
}
div.dataTables_paginate .paginate_button.previous {
	-webkit-border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px;
}
div.dataTables_paginate .paginate_button.next {
	-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;
}

/* homepage styles */
section.homestyle1 .container-fluid {
	padding: 0px;
}
section.homestyle2 .container-fluid,
section.homestyle3 .container-fluid {
	background-size: cover;
	background-repeat: no-repeat;
}
section.homestyle2 h1,
section.homestyle2 p {
	color: white;
}
section.homestyle2 h3 {
	color: #59c4f0;
}
section.homestyle3 h2,
section.homestyle3 p {
	color: white;
}
section.homestyle3 p a,
section.homestyle3 p a:hover {
	color: #0059aa;
}

/* Inner styles */
.row-eq-height {
/*
	padding-top: 20px;
	padding-bottom: 20px;
*/
}
section.innercontent .innercol {
	padding-top: 20px;
	padding-bottom: 20px;
}
section.innercolwhite .container-fluid {
	background-color: white;
}
section.innercontent .container-fluid {
	background-repeat: no-repeat;
	background-size: cover;
}
section.innercontent .innercol {
	background-repeat: no-repeat;
	background-size: cover;
}
section.innercontent .blueonwhite {
	background-color: white;
}
section.innercontent .darken {
	background-color: rgba(0,0,0,0.5);
}
section.innercontent .blueonblue {
	background-color: #59c4f0;
}
section.innercontent .blueonlightblue {
	background-color: #c9e0f4;
}
section.innercontent .transparent {
	background-color: transparent;
}
ul.innermenu li a,
section.innercontent .image p,
section.innercontent .blueonwhite p, section.innercontent .blueonwhite ul li,section.innercontent .blueonwhite ol li {
	color: #59c4f0;
}
.wysiwyg p,.wysiwyg ul li,.wysiwyg ol li,
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,
ul.innermenu li a:hover,
section.innercontent .blueonwhite h1,section.innercontent .blueonwhite h2,section.innercontent .blueonwhite h3,section.innercontent .blueonwhite h4,
section.innercontent .image h1,section.innercontent .image h2,
section.innercontent .alldarkblue h1,section.innercontent .alldarkblue h2,section.innercontent .alldarkblue h3,section.innercontent .alldarkblue h4,
section.innercontent .alldarkblue p,section.innercontent .alldarkblue ul li,section.innercontent .alldarkblue ol li,
section.innercontent .blueonblue p,section.innercontent .blueonblue ul li,section.innercontent .blueonblue ol li,
section.innercontent .blueonlightblue h1,section.innercontent .blueonlightblue h2,section.innercontent .blueonlightblue h3,section.innercontent .blueonlightblue h4,
section.innercontent .blueonlightblue p,section.innercontent .blueonlightblue ul li,section.innercontent .blueonlightblue ol li {
	color: #0059aa;
}
section.innercontent .allwhite h2, section.innercontent .allwhite h3, section.innercontent .allwhite h4, section.innercontent .allwhite p, section.innercontent .allwhite ul li,
section.innercontent .blueonblue h2, section.innercontent .blueonblue h3, section.innercontent .blueonblue h4 {
	color: white;
}
section.innercontent p.textstyle-darkblue {
	font-weight: 700;
}
section.innercontent ul {
	list-style-type: square;
}
.wysiwyg .badge,
section.innercontent .badge {
	border: 1px solid white;
	background-color: #0059aa;
	color: white;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 0.8em;
	vertical-align: baseline;
	float: left;
}
.faq {
	background-color: #eaf3fa;
	border: 1px solid #0059aa;
	padding: 20px;
	margin-bottom: 15px;
}
.faq p {
	margin: 0px;
}
ul.innermenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}
ul.innermenu li {
	border-top: 2px solid white;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	overflow: auto;
	font-size: 1.2em;
	font-weight: 600;
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
}
ul.innermenu li ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	width: 45%;
}
ul.innermenu li ul li {
	border-top: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: 400;
}
ul.innermenu li {
	background-image: url('https://www.exerscience.co.nz/uploads/layout/icon-man-off.png');
	background-repeat:no-repeat;
	background-size: auto 20px;
	background-position: 0px 3px;
}
ul.innermenu li,
ul.innermenu li ul li {
	padding-left: 25px;
}
ul.innermenu li:hover {
	background-image: url('https://www.exerscience.co.nz/uploads/layout/icon-man-on.png');
}
span.brushtip {
	font-family: 'Brush Tip';
}
h1 span.brushtip {
	font-size: 3em;
	color: rgba( 255,255,255,0.8);
}
/* content styles */
.textstyle-white {
	color: white;
}
.wysiwyg .textstyle-white {
	color: #e0e0e0;
}
.wysiwyg .textstyle-red,
.textstyle-red {
	color: red;
}
.wysiwyg .textstyle-blue,
.textstyle-blue {
	color: #59c4f0;
}
section.innercontent p.textstyle-darkblue,
.wysiwyg .textstyle-darkblue,
.textstyle-darkblue {
	color: #0059aa;
}
.wysiwyg .textstyle-small,
section.innercontent p.textstyle-small {
	font-size: 0.7em;
}
.wysiwyg .textstyle-reference,
section.innercontent p.textstyle-reference {
	color: black;
	font-size: 0.5em;
}

/* global - image treatment */
.btn-small,
.btn-large {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
section img,
.faq,
img.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
section .carousel-inner img {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
.faq,
img.rounded {
	margin-bottom: 10px;
}
.gallery,
section img.niceborder {
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fafafa;
}
.wysiwyg img[style*="float: left"] {
	margin-right: 15px;
	margin-bottom: 15px;
}
.wysiwyg img[style*="float: right"] {
	margin-left: 15px;
	margin-bottom: 15px;
}
section img.img-icon {
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.imagebutton .captionlower {
	background:rgba(0,0,0,0.7);
}
.imagebutton .captionlower a {
	color: white;
}
.imagebutton .captioncentred a {
	color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);	
}

/* global carousel - dynamicwidecarousel */
.dynamicwidecarousel .item img {
	width: 100%;
	height: auto;
}
.dynamicwidecarousel .overlay {
	position: absolute;
	z-index: 1000;
	right: 0px;
	width: 100%;
}

/* navigation - font and colours */
.navbar-default .navbar-nav > li > a {
	color: white;
	font-size: 1.2em;
	padding: 0.2em 0.5em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: white;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
	color: white;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none !important;
	padding: 0px;
	margin: 0px;
	color: #0059aa;
	font-weight: 700;
	font-size: 1em;
}
.navbar-default .navbar-toggle i {
	font-size: 0.7em;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu {
	background-color: transparent;
}
.navbar-default .navbar-nav .dropdown-menu {
	background-color: rgba(255,0,0,0.7);
	width: auto;
	overflow: auto;
}
.navbar-default .navbar-nav .dropdown-menu > li {
	width: auto;
	padding: 0;
	text-align: left;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .dropdown-menu > li > a {
	color: red;
	background-color: transparent;
	font-size: 1em;
	padding: 0.2em 0.5em;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
	color: white;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li.active > a,.navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li.active > a, .navbar-default .navbar-nav .dropdown-menu > li.active > a:hover {
	color: blue;
	background-color: yellow;
}
.navbar-default .tagline {
	font-size: 1em;
	padding: 0;
	text-transform:uppercase;
}
.navbar-default .tagline,
.navbar-default .tagline p,
.navbar-default .tagline a {
	color: green;
}

/* Footer */
.footerrow1 {
	background-color: white;
}
.footerrow1 p {
	color: #59c4f0;
	font-size: 1em;
	margin: 0px;
}
.footerrow2 {
	background-color: #59c4f0;
}
.footerrow2 h4 {
	color: white;
	font-size: 1em;
}
.footerrow2 p {
	color: #0059aa;
}
footer .navfooter li a,
footer .navfooter li a:hover {
	color: #0059aa;
}	

/* ------------------ Extra Small Devices, Phones col-xs- ------------------ */ 
/* sections */
section .container,
section.parallax .container,
section.alternate .container {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* navigation - navstyle2 */
.navstyle2 {
	background-color: transparent;
	padding: 10px 0px 0px 0px;
}
.navstyle2 nav {
	background-color: white;
}
.navstyle2 .navbar-collapse {
	background-color: #0059aa;
}
.navstyle2 .nav {
	padding: 0px;
	margin: 0px;
	border: none;
}
.navstyle2 .navbar-brand {
	height: 60px;
	padding-top: 0px;
	padding-left: 10px;
	float: left;
}
.navstyle2 .navbar-brand img {
	height: 50px;
}
.navstyle2 .navbar-toggle {
	margin: 20px 20px 0px 0px;
	float: right;
}
.navstyle2 .row2 {
	background-color: orange;
}
.navstyle2 .nav li a {
	padding: 3px 0px;
}
/* content */
section img.pull-right {
	margin-bottom: 10px;
}
section img.pull-left {
	margin-bottom: 10px;
}
.imagebutton .captionlower {
	padding: 5px;
}
.imagebutton .captionlower a {
	font-size: 20px;
}
.imagebutton .captioncentred {
	padding: 20px;
}
.imagebutton .captioncentred a {
	font-size: 35px;
	line-height: 40px;
}
.footerrow1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.footerrow2 {
	padding-top: 10px;
	padding-bottom: 10px;
}
footer .navfooter {
	margin: 10px;
}

/* ------------------ Mobile overrides ------------------ */
@media only screen and (max-width : 768px) {
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-right,
	section img.pull-left {
		width: 100%;
		float: none;
	}
}
/* ------------------ Small Devices, Tablets col-sm- ------------------*/
@media only screen and (min-width : 768px) {
	/* sections and header */
	section .container-fluid {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	section.innercontent .container-fluid {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	section.homestyle3 .container-fluid {
		padding-bottom: 100px;
	}
	/* navstyle2 - make menu a dropdown */
	.navbar-header {
        float: none;
    }
    .navbar-default .navbar-toggle {
        display: block;
		margin: 26px 0px 0px 0px;
		padding: 0px;
		width: 370px;
		text-align:left;
    }
    .navbar-collapse {
		position: absolute;
		border: none !important;
		background-color: #0059aa;
		width: 400px;
		right: 0px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		z-index: 1100;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
    }
    .collapse.in{
  		display:block !important;
	}
	/* navstyle2 */
	.navstyle2 .navbar-collapse {
		margin: 0px;
		padding: 0px;
	}
	.navstyle2 .nav {
		padding: 10px 0px !important;
	}
	.navstyle2 .nav li a {
		padding: 10px 0px 10px 18px;
	}
	.navstyle2 .container {
		background-color: orange;
	}
	.navstyle2 .navbar-header {
		width: 100%;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 60px;
	}
	.navstyle2 .navbar-header {
		height: 70px;
	}
	.navstyle2 .navbar-brand {
		padding-left: 55px;
	}
	.navbar-default .navbar-toggle {
		font-size: 2em;
	}
	/* sectionnav */
	.sectionnav {
		position: fixed;
		top: 40%;
		right: 0px;
		z-index: 1000;
		background-color: rgba( 108, 103, 99, 0.6 );
		padding: 10px;
	}
	.sectionnav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	.sectionnav ul li {
		padding-bottom: 10px;
	}
	.sectionnav ul li:last-child {
		padding-bottom: 0px;
	}
	.sectionnav ul li a div {
		background-image: url('https://www.exerscience.co.nz/uploads/layout/sectionnav-off.png');
		background-repeat:no-repeat;
		width: 40px;
		height: 36px;
	}
	.sectionnav ul li.active a div {
		background-image: url('https://www.exerscience.co.nz/uploads/layout/sectionnav-on.png');
	}
	/* content */
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-left,
	section img.pull-right {
		width: initial;
		max-width: 300px;
	}
	section img.pull-right {
		margin-left: 15px;
		margin-bottom: 15px;
	}
	section img.pull-left {
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.imagebutton .captionlower {
		padding: 5px;
	}
	.imagebutton .captionlower a {
		font-size: 16px;
	}
	.imagebutton .captioncentred {
		padding: 20px;
	}
	.imagebutton .captioncentred a {
		font-size: 35px;
		line-height: 40px;
	}
	.row-eq-height {
		padding-top: 0px;
		padding-bottom: 0px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	/* Inner styles */
	section.innercontent .badge {
		width: 32px;
		height: 32px;
	}
	section.innercontent .innercol {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	ul.innermenu li {
		background-size: auto 16px;
	}
	ul.innermenu li,
	ul.innermenu li ul li {
		padding-left: 22px;
	}
	section.innercontent p.textstyle-reference {
		margin-right: 30%;
		margin-top: 50%;
	}

	section.innercontent .lastcolumn p,
	section.innercontent .lastcolumn h2, section.innercontent .lastcolumn h3, section.innercontent .lastcolumn h4,
	section.innercontent .lastcolumn ul {
		margin-right: 70px;
	}
	section.innercontent .lastcolumn p.imageonly {
		margin-right: 0px;
	}
	.formpadding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* footer */
	.footerspacing {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow1 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	footer .navfooter li {
		float: left;
		width: 50%;
		padding: 3px;
	}
	.footerrow2 h4,
	.footerrow2 p {
		margin: 0px;
	}
	.footerrow1 p {
/* 		margin-top: 30px; */
	}
}

/* ------------------ Medium Devices, Desktops - col-md- ------------------*/
@media only screen and (min-width : 992px) {
	/* sections */
	section .container-fluid {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section.homestyle1 .container-fluid {
		padding: 0px;
	}	
	/* navstyle2 */
	/* content */
	.wysiwyg img[style*="float: left"],
	.wysiwyg img[style*="float: right"],
	section img.pull-left,
	section img.pull-right {
		max-width: 500px;
	}
	section img.pull-right {
		margin-left: 20px;
		margin-bottom: 20px;
	}
	section img.pull-left {
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.imagebutton .captionlower {
		padding: 2px;
	}
	.imagebutton .captionlower a {
		font-size: 14px;
	}
	.imagebutton .captioncentred {
		padding: 15px;
	}
	.imagebutton .captioncentred a {
		font-size: 25px;
		line-height: 30px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 50px;
		margin-bottom: 100px;
	}
	/* Inner styles */
	
	/* images */
	.imgcircle {
		width: 150px;
		height: 150px;
	}
	.imgcircle img {
		height: 150px;
	}
	/* footer */
	footer ul.navfooter {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: flex;
	}
	footer ul.navfooter li {
		background-image: url( 'https://www.exerscience.co.nz/uploads/layout/footer-bg.png' );
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 0px 7px;
		flex: 1;
		height: 50px;
		float: left;
		margin: 0px;
		padding: 0px 10px 0px 34px;
	}

	footer ul.navfooter li {
		font-size: 0.6em;
		font-weight: 600;
	}
	.footerrow1 p {
/*		margin-top: 40px; */
	}
}

/* ------------------ Large Devices, Wide Screens - col-lg- ------------------ */
@media only screen and (min-width : 1200px) {
	/* sections */
	section .container-fluid {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section.homestyle1 .container-fluid {
		padding: 0px;
	}
	section.homestyle3 .container-fluid {
		padding-bottom: 250px;
	}
	/* navstyle2 */
    .navbar-default .navbar-toggle {
		margin-top: 27px;
		width: 410px;
    }
    .navbar-collapse {
		width: 450px;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 80px;
	}
	.navstyle2 .navbar-header {
		height: 90px;
	}
	/* sectionnav */
	.sectionnav {
		padding: 20px;
	}
	.sectionnav ul li {
		padding-bottom: 15px;
	}
	/* content */
	.imagebutton .captionlower {
		padding: 3px;
	}
	.imagebutton .captionlower a {
		font-size: 16px;
	}
	.imagebutton .captioncentred {
		padding: 15px;
	}
	.imagebutton .captioncentred a {
		font-size: 33px;
		line-height: 40px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 75px;
		margin-bottom: 125px;
	}
	/* Inner styles */
	section.innercontent .badge {
		width: 40px;
		height: 40px;
	}
	ul.innermenu li {
		background-size: auto 24px;
	}
	ul.innermenu li,
	ul.innermenu li ul li {
		padding-left: 32px;
	}
	/* images */
	.imgcircle {
		width: 200px;
		height: 200px;
	}
	.imgcircle img {
		height: 200px;
	}
	.gallery {
		height: 150px;
	}

	/* footer */
	.footerrow1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footerrow2 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footerrow1 p {
/*		margin-top: 22px; */
	}
}
/* ------------------ Super large Devices ------------------ */
@media only screen and (min-width : 1600px) {
	/* sections */
	section.homestyle1 .container-fluid {
		padding: 0px;
	}
	/* navstyle2 */
	.navbar-default .navbar-toggle {
		font-size: 3em;
	}
    .navbar-default .navbar-toggle {
		margin-top: 27px;
		width: 560px;
    }
    .navbar-collapse {
		width: 600px;
	}
	.navstyle2 .navbar-brand,
	.navstyle2 .navbar-brand img {
		height: 113px;
	}
	.navstyle2 .navbar-header {
		height: 123px;
	}
	/* homepage styles */
	section.homestyle2 h1 {
		margin-top: 100px;
		margin-bottom: 200px;
	}	
	/* Inner styles */
	ul.innermenu li {
		background-position: 0px 7px;
	}
	/* footer */
	.footerrow2 h4,
	.footerrow2 p {
		font-size: 1.5em;
		line-height: 1.2em;
	}
}

/* Printing */
@media print {
	* {
		font-size: 1em;
		line-height: 1em;
	}
	a[href]:after {
		content: none;
	}
	.noprint,
  	header,
	.alert,
	.btn,
	.navbar {
		display: none;
	}
	section .form-group .control-label {
		text-align: left;
	}
	.table>tbody>tr>td {
		padding: 2px;
	}
	table tr td .form-control,
	section .form-group .form-control {
    	box-shadow: none;
		border: none;
		padding: 0px;
	}
}

/* tagline */
@media only screen and (min-width : 768px) {
	.tagline {
		width: 410px;
		float: right;
	}
	.navbar-default .tagline a.btn-small {
		margin-bottom: 0px;
		color: white;
		float: right;
		width: 200px;
	}
	.navbar-default .navbar-toggle {
		margin-top: 0px;
		float: left;
	}
	.navbar-default .navbar-toggle {
		width: 150px;
	}
	.navbar-default .tagline a.btn-small {
		width: 200px;
		margin-top: 10px;
	}
    .tagline {
		width: 370px;
	}
}
@media only screen and (min-width : 1200px) {
	.navbar-default .navbar-toggle {
		width: 150px;
	}
	.navbar-default .tagline a.btn-small {
		width: 250px;
		margin-top: 17px;
	}
    .tagline {
		width: 410px;
    }
}
@media only screen and (min-width : 1600px) {
	.navbar-default .navbar-toggle {
		width: 250px;
	}
	.navbar-default .tagline a.btn-small {
		width: 300px;
		margin-top: 32px;
	}
    .tagline {
		width: 560px;
    }
}