html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
margin: 0;
}
html, body {
height: 100%;
} html { 
font-size: 62.5%; 
} 
body {
font-size: 1.5em; line-height: 1.6;
font-weight: 400;
font-family: 'Montserrat',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #4F5A67; 
} img {
max-width: 100%;
height: auto;
} h1, h2, h3, h4, h5, h6 { 
margin-top: 0;
margin-bottom: 20px;
}
h1 { font-size: 30px; line-height: 40px; font-weight: 700; }
h2 { font-size: 24px; line-height: 34px; font-weight: 700;  }
h3 { font-size: 18px; line-height: 28px;   font-weight: 700;}
h4 { font-size: 16px; line-height: 26px;   font-weight: 700; }
h5 { font-size: 16px; line-height: 26px;   font-weight: 700; }
h6 { font-size: 16px; line-height: 26px;   font-weight: 700; }
p {
margin-top: 0; 
} a { 
color: #9AD48B; 
transition: all .2s linear 0s;
transition-property: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-webkit-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
}
a:hover { 
color: #4F5A67; 
} #nav-trigger {
display: none;
text-align: center; 
}
#nav-trigger span {
display: inline-block;
cursor: pointer;
}
nav#nav-main {
float: right;
font-weight: 600;
padding-top: 33px;
}
nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center; 
}
nav#nav-main li {
display: inline-block;
margin: 0;
}
nav#nav-main li:last-child {
border-right: none; 
}
nav#nav-main a {
display: block;
color: #4F5A67;
text-decoration: none;
padding-left: 22px;
}
nav#nav-main a:hover {
color: #9AD48B; 
}
nav#nav-mobile {
position: relative;
display: none; 
}
nav#nav-mobile ul {
display: none;
list-style-type: none; left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: black; 
z-index: 999;
}
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-bottom: solid 1px #fff; 
}
nav#nav-mobile li:last-child {
border-bottom: none; 
}
nav#nav-mobile a {
display: block;
color: white;
padding: 10px 30px; 
}
nav#nav-mobile a:hover {
background-color: #1EAEDB;
color: #fff; 
}
@media only screen and (min-width : 768px) and (max-width : 840px) {
nav#nav-main a {
display: block;
color: #4F5A67;
text-decoration: none;
padding-left: 18px;
}
} @media all and (max-width: 1125px) {
#nav-trigger {
display: block; 
float: right;
}
#nav-trigger i{
color: black;
font-size: 20px;
}
nav#nav-main {
display: none; 
}
nav#nav-mobile {
display: block; 
clear: both;
} 
} ul { 
list-style: circle inside; 
}
ol { 
list-style: decimal inside; 
}
ol, ul {
padding-left: 0;
margin-top: 0; 
}
ul ul, 
ul ol,
ol ol, 
ol ul { 
margin: 1.5rem 0 1.5rem 3rem; 
font-size: 90%; 
}
li {
margin-bottom: 1rem; 
} button,
.button {
margin-bottom: 1rem; 
}
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; 
}
pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; 
}
p {
margin-top: 0; 
}
.text-center{
text-align: center;
} hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1;
} header{
padding-top: 20px;
padding-bottom: 15px;
background: #fff;
position: fixed;
width: 100%;
z-index: 2;
}
a.mobile-link{
display: none;
color: #4F5A67;
float: right;
font-weight: 600;
padding-top: 14px;
text-decoration: none;
}
a.mobile-link:hover{
color: #9AD48B;
}
.container{
max-width: 1400px;
margin: 0 auto;
padding-left: 50px;
padding-right: 50px;
}
header.active{
padding-top: 42px;
padding-bottom: 5px;
box-shadow: 0 4px 4px -2px #90909017;
-moz-box-shadow: 0 4px 4px -2px #90909017;
-webkit-box-shadow: 0 4px 4px -2px #90909017;
}
.active { 
transition: 0.5s ease-in-out;
margin-top: -30px;
}
.active .logo{
width: 68px;
transition: 0.5s ease-in-out;
}
.active nav#nav-main{
padding-top: 23px;
transition: 0.5s ease-in-out;
}
.logo{
float: left;
width: 90px;
}
.content{
padding-top: 132px;
}
.introduction-banner {
position: relative;
padding-top: 170px;
padding-bottom: 230px;
background: #eb01a5;
text-align: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.introduction-banner p {
margin: 0;
font-size: 16px;
text-transform: uppercase;
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.06);
letter-spacing: 4px;
margin-bottom: 26px;
}
.introduction-banner h1{
font-size: 78px;
line-height: 88px;
font-weight: 700;
max-width: 1300px;
padding-left: 50px;
padding-right: 50px;
margin: 0 auto;
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.06);
}
a.next{
text-decoration: none;
color: #4F5A67;
}
.next{
position: absolute;
left: 0;
right: 0;
bottom: 10px;
text-align: center;
}
.next p{
text-transform: none;
letter-spacing: normal;
font-size: 12px;
margin-bottom: 0px;
}
.next img{
width: 15px;
}
.next:hover{
opacity: 0.4;
}
.curve {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
bottom: 0;
max-height: 50px;
pointer-events: none;
}
.section {
padding-top: 120px;
padding-bottom: 120px;
clear: both;
position: relative;
}
.section-container{
max-width: 1200px;
margin: 0 auto;
padding-left: 50px;
padding-right: 50px;
}
.section .half{
display: inline-block;
width: 43%;
padding: 3%;
vertical-align: top;
}
.sls-profile .half {
vertical-align: middle;
}
.section .third{
display: inline-block;
width: 30.9%;
padding: 1%;
vertical-align: top;
}
.section p.introduction{
text-align: center;
max-width: 700px;
margin: 0 auto;
margin-bottom: 20px;
}
.book{
background: #F5F5F5;
text-align: center;
}
.team{
background: #fff;
text-align: center;
}
.team .third{
text-align: center;
}
.conditions {
background: #F5F5F5;
}
.conditions .half img{
width: 90px;
margin-bottom: 20px;
}
.treatments{
background: #fff;
}
.testimonials{
text-align: center;
background: #ffffff;
}
.faqs{
background: #F5F5F5;
}
.faqs .section-container {
max-width: 1060px;
}
.faqs .section-container h2 {
margin-bottom: 50px;
}
.faq-title {
font-weight: 600;
margin-bottom: 10px;
}
.faq {
border-bottom: 1px solid #E1E1E1;
margin-top: 30px;
padding-bottom: 10px;
}
.profile-image{
background: url(//slschiro.co.uk/wp-content/themes/SLS-Chiro/images/test.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0 auto;
width: 110px;
height: 110px;
border-radius: 50%;
margin-bottom: 20px;
}
.testimonials .profile-image {
border: 1px solid #4f5a67;
}
footer{
color: white;
background: #4F5A67;
overflow: hidden;
padding-top: 50px;
padding-bottom: 90px;
position: relative;
}
footer .left{
width: 55%;
float: left;
}
footer .right{
width: 45%;
padding-top: 5%;
float: left;
}
footer .inside{
padding: 30px;
}
footer p{ 
margin-bottom: 5px;
font-size: 19px;
letter-spacing: 1px;
}
footer p span{
padding-right: 10px;
}
footer ul{
margin-top: 20px;
margin-bottom: 15px;
}
footer li{
list-style: none;
margin-bottom: -2px;
}
footer a{
font-size: 22px;
color: #fff;
text-decoration: none;
margin-right: 5px;
margin-top: 10px;
}
footer .email a{
font-size: 19px;
}
footer .social-media {
font-size: 32px;
}
footer .social a{
color: #fff;
text-decoration: none;
margin-right: 5px;
margin-top: 10px;
}
footer a:hover{
color: #9AD48B;
}
.post-footer {
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
.post-footer ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.post-footer li{
display: inline-block;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0;
padding-bottom: 0;
}
.post-footer .gcc{
height: 50px;
}
.post-footer .sca{
height: 80px;
}
.post-footer .rcc{
height: 80px;
}
.post-footer .bupa{
height: 80px;
}
.post-footer .axa{
height: 80px;
}
.written-content {
max-width: 880px;
padding-top: 30px;
}
.legal {
margin-top: 20px;
}
.legal a {
color: #4F5A67;
}
.legal li {
padding-left: 10px;
padding-right: 10px;
}   @media only screen and (min-width : 0px) and (max-width : 1125px) {
header{
padding-top: 5px;
padding-bottom: 0px;
}
a.mobile-link{
display: block;
}
.faqs .section-container h2 {
margin-bottom: 30px;
}
.container{
padding-left: 20px;
padding-right: 20px;
}
.active .logo{
width: 50px;
transition: 0.5s ease-in-out;
}
.active nav#nav-main{
padding-top: 23px;
transition: 0.5s ease-in-out;
}
.logo{
width: 50px;
}
.content {
padding-top: 60px;
}
.introduction-banner {
padding-top: 90px;
padding-bottom: 120px;
}
.introduction-banner h1{
font-size: 32px;
line-height: 40px;
padding-left: 12px;
padding-right: 12px;
}
.introduction-banner p {
font-size: 10px;
margin-bottom: 10px;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.section-container {
padding-left: 20px;
padding-right: 20px;
}
.section .half {
display: block;
width: 100%;
padding: 1%;
}
.section .third {
display: block;
width: 100%;
padding: 1%;
}
footer{
padding-bottom: 50px;
}
footer .left{
width: 100%;
float: none;
}
footer .right{
padding-top: 0px;
width: 100%;
float: none;
}
footer .inside{
padding: 10px;
}
.post-footer li{
display: block;
margin-bottom: 20px;
}
}