@charset "UTF-8";
/* CSS Document */



/** Slider **/
@media (max-width: 768px) {
.slider {
display: none;
}
}

/** Header **/
header {
background: #3c7bc3;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.22);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.22);
z-index: 1000;
padding: 0 2rem;
}
@media (max-width: 768px) {
header {
margin: 0 0 60px 0;
}
}
.header-logo {
width: 260px;
height: 200px;
padding: 0;
position: relative;
left: 50%;
overflow: hidden;
margin: 0 0 0 -140px;
}
.header-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-socialmedia {
width: 100%;
font-family: 'Dosis', sans-serif;
font-size: 1.5em;
text-align: center;
color: #fff;
letter-spacing: .5px;
margin: -10px 0 0 0;
}
.header-socialmedia a {
color: #ffffff;
}
.header-socialmedia a:hover {
opacity: .6;
}
.header-contactinfo {
width: 100%;
font-family: 'Dosis', sans-serif;
font-size: 2em;
line-height: 1em;
text-align: center;
color: #fff;
font-weight: 600;
letter-spacing: .5px;
margin: 10px 0;
}
.header-contactinfo a {
color: #acd4fc;
}
.header-nav {
margin: 0 0 20px 0;
}
@media (min-width: 992px) {
.header-logo {
width: 280px;
height: 220px;
padding: 0;
margin: 0 0 0 2rem;
left: 0;
transition: 1s;
}
.header-contactinfo {
text-align: right;
font-size: 2em;
}
.header-socialmedia {
text-align: right;
margin: 10px 0 0 0;
}
}
@media (min-width: 1200px) {
header {
padding: 0 4rem;
}
}
@media (min-width: 1400px) {
header {
padding: 0 6rem;
}
}


/** Content **/
.content {

}
@media (min-width: 768px) {
.content {
padding: 50px 0
}
}

/** Misc **/
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.container-fullwidth {
padding: 20px 0;
margin: 20px 0;
}
.background-grey {
background: #dee0e0;
}
.background-dkgrey {
background: #596566;
}


/*** Teasers ***/
.teaser {
margin: 30px 0;
}
@media (max-width: 992px) {
.teaser {
text-align: center;
}
}
.teaser-pic {
position: relative; 
background-color: #dad8cd;
width: 100%;
height: 250px;
overflow: hidden;
margin: 20px 0;
}
.teaser-pic img {
width:100%;
height: 100%;
opacity:1;
filter: alpha(opacity=100);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
object-fit: cover;
}
.teaser .teaser-link a {
text-transform: uppercase;
font-size: 1.5em;
}

.teaser a {
font-family: 'Dosis', sans-serif;
font-weight: 700;
}
.teaser a:hover {

}

/*** Articles ***/
.article {
margin: 0;
padding: 20px 0 40px 0;
border-bottom: 1px dotted #333;
}
.floatleft {
float: left;
margin-right: 20px;
}
.floatright {
float: right;
margin-left: 20px;
}
.image-large {
width: 350px;
height: 260px;
overflow: hidden;
}
.image-large img {
width:100%;
height: 100%;
object-fit: cover;
margin: 0;
}
.articleimage {
width: 250px;
height: 250px;
overflow: hidden;
float: left;
margin-top: 20px;
margin-right: 20px;
}
.articleimage img {
width:100%;
height: 100%;
object-fit: cover;
margin: 0;
}



/*** Borders, Dividers & Spacers ***/
.borderedcontainer {
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
padding: 40px 0;
margin: 40px 0;
}
.halfwidth {
width: 50%;
height: 6px;
background: url(../images/hr-11.png) repeat-x 0 0;
border: 0;
}
.fullwidth {
width: 100%;
height: 6px;
background: url(../images/hr-11.png) repeat-x 0 0;
border: 0;
}
.margtop {
margin-top: 25px;
}
.margbottom {
margin-bottom: 25px;
}
.padtop {
padding-top: 25px;
}
.padbottom {
padding-bottom: 25px;
}

/** Footer **/
footer {
padding: 25px 0 100px 0;
background: #596566;
color: #fff;
}
@media (max-width: 992px) {
footer {
text-align: center;
}
}
footer h3 {
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
footer a {
color: #fff;
text-decoration: underline;
}
footer a:hover {
color: rgba(255,255,255,0.6);
}
footer li {
list-style-type: none;
font-size: 1.2rem;
margin-left: -40px;
font-weight: 300;
}
.footer-socialmedia {
width: 100%;
font-family: 'Dosis', sans-serif;
font-size: 1.5em;
text-align: left;
color: #fff;
padding-top: 10px;
letter-spacing: .5px;
}
@media (max-width: 992px) {
.footer-socialmedia {
text-align: center;
}
}
.footer-socialmedia a {
color: #ffffff;
}
.footer-socialmedia a:hover {
opacity: .6;
}

#map-canvas {
width: 100%;
height: 400px;
}


/*** Image backgrounds ***/
.banner {
width: 100%;
height: 250px;
margin-bottom: 30px;
}
.bg-image {
text-align: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.bg-image-physio {
background-image: url(../images/physiobanner.jpg);
}
.bg-image-treatments {
background-image: url(../images/treatmentbanner.jpg);
}
.bg-image-rehab {
background-image: url(../images/rehabbanner.jpg);
}
.bg-image-casestudies {
background-image: url(../images/casestudiesbanner.jpg);
}
.bg-image-diagnosis {
background-image: url(../images/diagnosis.jpg);
}
.bg-image-thanks {
background-image: url(../images/thanksbanner.jpg);
}



.underline {
text-decoration: underline;
}