@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');

@font-face {
    font-family: 'Arial';
    src: url("../fonts/arial.eot?#iefix") format("embedded-opentype"), url("../fonts/arial.woff") format("woff"), url("../fonts/arial.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Arial';
    src: url("../fonts/arialbd.eot?#iefix") format("embedded-opentype"), url("../fonts/arialbd.woff") format("woff"), url("../fonts/arialbd.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Arial';
    src: url("../fonts/ariali.eot?#iefix") format("embedded-opentype"), url("../fonts/ariali.woff") format("woff"), url("../fonts/ariali.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-Black-webfont.woff") format("woff"), url("../fonts/AmsiPro-Black-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-Black.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-BlackItalic-webfont.woff") format("woff"), url("../fonts/AmsiPro-BlackItalic-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-BlackItalic-webfont.ttf") format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-Bold-webfont.woff") format("woff"), url("../fonts/AmsiPro-Bold-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-BoldItalic-webfont.woff") format("woff"), url("../fonts/AmsiPro-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-SemiBold-webfont.woff") format("woff"), url("../fonts/AmsiPro-SemiBold-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-SemiBold-webfont.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-SemiBoldItalic-webfont.woff") format("woff"), url("../fonts/AmsiPro-SemiBoldItalic-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-Ultra-webfont.woff") format("woff"), url("../fonts/AmsiPro-Ultra-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-Ultra.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'AmsiPro';
    src: url("../fonts/AmsiPro-UltraItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AmsiPro-UltraItalic-webfont.woff") format("woff"), url("../fonts/AmsiPro-UltraItalic-webfont.woff2") format("woff2"), url("../fonts/AmsiPro-UltraItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
 *display:inline;
 *zoom:1
}

audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
 display:none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: sans-serif
}
:-ms-input-placeholder.form-control {
 opacity:unset
}

body {
    margin: 0;
    font-family: "Arial";
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #6D6D6D
}

a {
    word-wrap: break-word;
}

a:active, a:hover, a:focus {
    outline: 0;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p, pre {
    margin: 0 0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

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
}

dl, menu, ol, ul {
    margin: 0
}

dd {
    margin: 0 0 0 0
}

menu, ol, ul {
    padding: 0 0 0 0
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
 *margin-left:-7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
 *vertical-align:middle
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
 *overflow:visible
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
 *height:13px;
 *width:13px
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ma-top-header {
    background-color: #003349;
    padding: 0 0 9px
}

.ma-top-header ul {
    text-align: center
}

.size-full, center a img {
    max-width: 100%;
    height: auto;
}
@media (min-width: 992px) {

.ma-top-header ul {
    float: right
}
}

.ma-top-header ul li:not(:last-child) {
    margin-right: 35px
}

.ma-top-header ul li:first-child {
    display: none
}
@media (min-width: 992px) {

.ma-top-header ul li:first-child {
    display: inline-block
}
}

.ma-top-header ul li, .ma-top-header ul a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

header .ma-logo {
    width: 250px;
    padding: 10px 0;
    margin: 0 auto
}
@media (min-width: 992px) {

header .ma-logo {
    width: auto;
    padding: 15px 0
}
}

header .ma-logo img {
    width: 100%
}

header .ma-mobile-menu {
    background-color: #003349;
    padding: 12px 15px;
    position: absolute;
    left: 0;
    width: 88%;
    top: 0
}
@media (min-width: 992px) {

header .ma-mobile-menu {
    display: none
}
}

header .ma-mobile-menu .ma-menu-text {
    position: absolute;
    top: 8px;
    left: 60px;
    text-transform: uppercase;
    color: #fff
}

header .ma-mobile-menu #ma-nav-icon {
    width: 30px;
    height: 19px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

header .ma-mobile-menu #ma-nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header .ma-mobile-menu #ma-nav-icon span:nth-child(1) {
    top: 0px
}

header .ma-mobile-menu #ma-nav-icon span:nth-child(2), header .ma-mobile-menu #ma-nav-icon span:nth-child(3) {
    top: 8px
}

header .ma-mobile-menu #ma-nav-icon span:nth-child(4) {
    top: 16px
}

header .ma-mobile-menu #ma-nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

header .ma-mobile-menu #ma-nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .ma-mobile-menu #ma-nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .ma-mobile-menu #ma-nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

header .ma-search-box {
    position: absolute;
    top: 0;
    z-index: 99;
    right: 0;
    width: 0;
    height: 100%;
    border-radius: 0;
    border-right: none;
    opacity: 0 !important;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    height: 43px
}
@media (min-width: 1200px) {

header .ma-search-box {
    height: 100%;
    right: 15px
}
}

header .ma-search-box.open {
    width: 100%;
    opacity: 1 !important
}
@media (min-width: 1200px) {

header .ma-search-box.open {
    width: 95%
}
}

header .ma-search {
    position: absolute;
    right: 0;
    top: 0;
    background: #D9D9D9;
    width: 12%;
    height: 43px;
    padding: 0;
    text-align: center;
    z-index: 999;
    cursor: pointer
}
@media (min-width: 992px) {

header .ma-search {
    height: 100%;
    width: 70px;
    right: 15px;
    background: none;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7
}

header .ma-search.active {
    border-left: none
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {

header .ma-search {
    width: 50px
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {

header .ma-search {
    width: 40px
}
}

header .ma-search .ma-search-icon {
    position: relative;
    display: block
}
@media (min-width: 992px) {

header .ma-search .ma-search-icon {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    left: 0;
    right: 0
}
}

header .ma-search .ma-search-icon:before {
    content: "";
    background-image: url(../images/icons/search.png);
    background-position: 0 0;
    background-size: 100%;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    margin: 0 auto
}

header nav {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 41px;
    background-color: #fff;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

header nav.active {
    height: auto;
    opacity: 1;
    z-index: 999
}
@media (min-width: 992px) {

header nav {
    z-index: 99;
    opacity: 1;
    position: relative;
    top: auto;
    height: 101px;
    display: table;
    width: 88%;
    margin: 0 auto;
    text-align: right
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {

header nav {
    width: 95%;
    margin: 0;
    text-align: left;
    height: 80px
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {

header nav {
    width: 95%;
    margin: 0;
    text-align: left;
    height: 80px
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {

header nav {
    width: 92%;
    padding-right: 50px;
    height: 92px
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

header nav {
    width: 92%;
    margin: 0;
    height: 86px
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

header nav {
    width: 90%;
    padding-right: 30px;
    height: 106px
}
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {

header nav {
    width: 90%;
    padding-right: 30px;
    height: 120px
}
}

header nav .navbar {
    padding: 0;
    display: block
}
@media (min-width: 992px) {

header nav .navbar {
    padding: 0;
    display: table-cell;
    vertical-align: middle
}
}

header nav .navbar .nav-item {
    width: 100%;
    position: relative
}
@media (min-width: 992px) {

header nav .navbar .nav-item {
    width: auto;
    display: inline-block
}

header nav .navbar .nav-item:not(first-child) {
    margin-right: 49px
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 13px
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 8px
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 10px
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 9px
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 18px
}
}
@media screen and (min-width: 1680px) and (max-width: 1805px) {

header nav .navbar .nav-item:not(first-child) {
    margin-right: 35px
}
}

header nav .navbar .nav-item>a {
    background-color: #f4f4f4;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #003349;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc
}

header nav .navbar .nav-item>a:hover {
    color: #D50032;
    text-decoration: underline
}
@media (min-width: 992px) {

header nav .navbar .nav-item>a {
    background: none;
    border: none;
    padding: 10px 0
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

header nav .navbar .nav-item>a {
    font-size: 10px
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {

header nav .navbar .nav-item>a {
    font-size: 12px
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

header nav .navbar .nav-item>a {
    font-size: 11px
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

header nav .navbar .nav-item>a:not(first-child) {
    font-size: 13px
}
}

header nav .navbar .nav-item.active a {
    color: #D50032;
    text-decoration: underline
}

header nav .navbar .nav-item .ma-mob-menu-accordian {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 1px;
    height: 47px;
    background: #000;
    width: 47px;
    text-align: center;
    line-height: 47px;
    font-size: 20px;
    color: #fff
}
@media (min-width: 992px) {

header nav .navbar .nav-item .ma-mob-menu-accordian {
    display: none
}
}

header nav .navbar .nav-item .dropdown-list li a {
    display: block;
    padding: 4px 25px;
    text-transform: uppercase;
    color: #003349;
    font-size: 12px;
    font-weight: 700
}

header nav .navbar .nav-item .dropdown-list li a:hover {
    color: #D50032;
    text-decoration: underline
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

header nav .navbar .nav-item .dropdown-list li a {
    font-size: 10px
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {

header nav .navbar .nav-item .dropdown-list li a {
    font-size: 13px
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

header nav .navbar .nav-item .dropdown-list li a {
    font-size: 11px
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

header nav .navbar .nav-item .dropdown-list li a:not(first-child) {
    font-size: 13px
}
}
@media (min-width: 992px) {

header nav .navbar .nav-item .dropdown-list {
    position: absolute;
    background: #fff;
    z-index: 99;
    width: 250px;
    text-align: center;
    left: -60px;
    right: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
}

header nav .navbar .nav-item:hover>a {
    color: #D50032;
    text-decoration: underline
}

header nav .navbar .nav-item:hover .dropdown-list {
    height: auto;
    opacity: 1;
    padding: 15px 0
}

.ma-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.99);
    left: 0;
    top: 0;
    right: 0;
    z-index: 99999
}

.ma-preloader .preloader-image {
    width: 120px;
    height: 120px;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: -50px auto 0
}

.ma-icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px
}

.ma-icon:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -3px;
    top: 8px
}

.ma-icon.ma-icon-phone:before {
    background-image: url(../images/icons/telephone.png)
}

.ma-icon.ma-icon-email:before {
    background-image: url(../images/icons/email-icon.png)
}

.ma-icon.ma-icon-user:before {
    background-image: url(../images/icons/user.png)
}

.ma-icon.ma-icon-cart:before {
    background-image: url(../images/icons/cart.png)
}

.ico-zoom {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.ico-zoom:before {
    content: "";
    background-image: url(../images/icons/zoom.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0
}

.mt70 {
    margin-top: 40px
}
@media (min-width: 1200px) {

.mt70 {
    margin-top: 70px
}
}

.mt30 {
    margin-top: 30px
}

.mt15 {
    margin-top: 15px
}

.mt40 {
    margin-top: 40px
}

.mb30 {
    margin-bottom: 30px
}

h1, h2, .quote-title, h4 {
    font-family: "AmsiPro";
    font-weight: 600
}

h1, .quote-title {
    font-size: 36px;
    line-height: 40px
}

.quote-title {
    font-style: italic
}

h2 {
    font-size: 24px;
    line-height: 30px;
    color: #003349
}

h3.sub-header-1, h3.sub-header-2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
}

h3.sub-header-1 {
    text-transform: uppercase
}

h4 {
    font-size: 18px;
    line-height: 26px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.main-title {
    width: 100%;
    margin: 0 auto;
}

.main-title h3 {
    font-size: 24px;
    line-height: 30px;
    color: #003349;
    font-family: "AmsiPro";
    font-weight: 600;
    margin: 0;
}
@media (min-width: 1200px) {

.main-title {
    width: 980px;
}
}

.main-title h2 {
    margin: 0
}

.main-title .title-content {
    margin-top: 20px
}

.main-title .title-content p {
    color: #242424;
    margin-top: 15px
}

.main-title .title-content p:first-child {
    margin-top: 0
}

.main-title .title-content .btn {
    margin-top: 15px
}

.ma-description {
    margin-top: 20px
}

.ma-description p {
    margin-top: 20px
}

.ma-description p img {
    width: 100%;
    height: auto;
}

.ma-description h2 {
    font-family: "Arial";
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #6D6D6D;
    margin-top: 20px;
}

.ma-description h3 {
    font-size: 22px;
    line-height: 30px;
    color: #003349;
    font-weight: 700;
    margin-bottom: -10px;
    margin-top: 30px;
}

.ma-description h4 {
    margin: 15px 0 0;
}

.single-programmes .ma-description {
    margin-top: 0;
}

.ma-description p:first-child {
    margin-top: 0
}

.ma-description ul {
    margin-top: 20px;
    padding-left: 15px
}

.ma-description ul li {
    padding-left: 0;
    position: relative;
    list-style: disc
}

.ma-description p a, .ma-description li a {
    color: #D50032;
}

.ma-description .ma-buttons {
    margin-top: 20px
}

.ma-description .ma-buttons a {
    width: 100%;
    margin-top: 10px
}
@media (min-width: 992px) {

.ma-description .ma-buttons a {
    width: auto;
    margin-top: 0;
    margin-right: 15px
}
}

.ma-description .ma-buttons a:first-child {
    margin-top: 0
}

.ma-dark-text {
    color: #242424
}

.ma-dis-table {
    display: table
}

.ma-dis-table .ma-dis-table-cell {
    display: table-cell;
    vertical-align: middle
}

.btn {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    padding: 20px 35px;
    border: none
}

.btn.btn-primary {
    background-color: #D50032
}

.btn.btn-primary:hover {
    background-color: #b7002b
}

.btn.btn-primary:focus, .btn.btn-primary:active {
    background-color: #e80036 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff
}

.btn.btn-secondary {
    background-color: #0098DB
}

.btn.btn-secondary:hover {
    background-color: #0089c5
}

.btn.btn-secondary:focus, .btn.btn-secondary:active {
    background-color: #00a2ea !important;
    box-shadow: none !important;
    outline: none !important
}

.ma-inner-banner {
    margin-top: 42px
}
@media (min-width: 992px) {

.ma-inner-banner {
    margin-top: 0
}
}

.ma-inner-banner .container-fluid {
    padding: 0
}
@media (min-width: 1200px) {

.ma-inner-banner .container-fluid {
    padding-right: 15px;
    padding-left: 15px
}
}

.ma-inner-banner .ma-inner-banner-content {
    height: 280px;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.single-online_short_course .ma-inner-banner .ma-inner-banner-content {
  
    background-position: 100%;
    
}
@media (min-width: 1200px) {


.ma-inner-banner .ma-inner-banner-content {
    height: 326px
}
}

.ma-inner-banner .ma-inner-banner-content h1 {
    color: #242424;
    display: inline-block;
    margin: 0 0 0 25px;
    font-size: 30px
}
@media (min-width: 1200px) {

.ma-inner-banner .ma-inner-banner-content h1 {
    margin: 0 0 0 35px;
    font-size: 36px
}
}

.ma-inner-banner .ma-inner-banner-content h1 span {
    background: rgba(255,255,255,0.78);
    padding: 10px 20px
}

.ma-tab-wrap .ma-tab-content {
    background-color: #003349
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-tab-wrap .ma-tab-content ul {
    display: none !important;
}
}
@media (max-width: 767px) {

.ma-tab-wrap .ma-tab-content ul {
    display: none !important;
}
}

.ma-tab-wrap .ma-tab-content ul li:not(:last-child) {
    margin-right: -5px
}

.ma-tab-wrap.ma-contact-tabs .ma-tab-content ul li:not(:last-child) {
    margin-right: -5px
}

.ma-tab-wrap .ma-tab-content ul li a {
    display: block;
    padding: 20px 50px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-right: 1px solid #D7D7D7
}

.ma-tab-wrap .ma-tab-content ul li.active a {
    background-color: #D50032;
    border-right: 1px solid #D50032
}

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box {
    display: none
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box {
    display: block;
    padding: 15px 20px
}
}
@media (max-width: 767px) {

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box {
    display: block;
    padding: 10px
}
}

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box label {
    width: 100%
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box label {
    width: 48.7%;
}

.ma-tab-wrap.ma-contact-tabs .ma-tab-content .ma-mobile-tab-box label {
    width: 100%;
}
}
@media (max-width: 767px) {

.ma-tab-wrap .ma-tab-content .ma-mobile-tab-box label {
    width: 100%;
}
}

.blog-tab-wrap ul {
    display: table;
    width: 100%
}
@media (max-width: 991px) and (min-width: 768px) {

.blog-tab-wrap ul {
    display: none
}
}
@media (max-width: 767px) {

.blog-tab-wrap ul {
    display: none
}
}

.blog-tab-wrap ul li {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.blog-tab-wrap ul li a {
    padding: 20px 10px !important
}
@media (min-width: 992px) and (max-width: 1199px) {

.blog-tab-wrap ul li a {
    font-size: 12px !important
}
}

.blog-tab-wrap ul li:last-child {
    width: 25%;
    padding: 0 20px
}

.blog-tab-wrap ul li .ma-select-box label {
    margin-bottom: 0
}

.blog-tab-wrap .ma-mobile-tab-box {
    display: none
}
@media (max-width: 991px) and (min-width: 768px) {

.blog-tab-wrap .ma-mobile-tab-box {
    display: block;
    padding: 15px 20px
}
}
@media (max-width: 767px) {

.blog-tab-wrap .ma-mobile-tab-box {
    display: block;
    padding: 10px
}
}

.blog-tab-wrap .ma-mobile-tab-box label {
    width: 48.8%;
    float: left
}

.blog-tab-wrap .ma-mobile-tab-box label:not(:last-child) {
    margin-right: 16px
}
@media (max-width: 767px) {

.blog-tab-wrap .ma-mobile-tab-box label {
    width: 100%
}

.blog-tab-wrap .ma-mobile-tab-box label:not(:last-child) {
    margin-bottom: 10px
}
}

.ma-contact-tabs .ma-tab-content ul li:last-child {
    width: auto;
    padding: inherit
}
@media screen and (min-width: 992px) and (max-width: 1326px) {

.ma-contact-tabs .ma-tab-content ul li a {
    padding: 20px 4px !important;
    font-size: 11px !important;
    line-height: 15px !important;
}
}

.ma-contact-tabs .ma-tab-content ul {
    display: flex;
    flex-direction: row;
}

.ma-contact-tabs .ma-tab-content ul li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #D7D7D7;
    flex-grow: 1;
    flex-basis: 0;
}

.ma-contact-tabs .ma-tab-content ul li a {
    border: none !important;
}

.ma-tab-wrap .ma-tab-content ul li a {
    border-right: 1px solid #ffffff;
}

.ma-tab-wrap .ma-tab-content ul li.active {
    background-color: #D50032;
    border-right: 1px solid #D50032;
}

.ma-tab-wrap .ma-tab-content ul li a {
    font-size: 12px;
    line-height: 17px;
}

.page-link {
    border: none;
    color: #8d8d8d
}

.page-link:hover {
    background: none
}

.page-link i {
    font-size: 25px;
    line-height: 18px
}

.page-item.active .page-link {
    color: #003349;
    background: none;
    font-weight: 700
}

.modal .modal-content {
    border-radius: 0
}

.modal .close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: 10px;
    font-size: 27px;
    top: 7px
}

.modal .ma-block-form {
    background: none;
    text-align: left
}

.modal .ma-block-form h2 {
    color: #003349
}

.modal .btn.btn-primary {
    float: none
}

.form-control {
    border-radius: 0;
    border: 1px solid #D7D7D7;
    box-shadow: none;
    height: 48px;
    padding: 10px !important
}

.form-control:focus {
    box-shadow: none;
    border-color: #D7D7D7;
    outline: none !important
}

.gfield_error .form-control {
    background: rgba(255,0,0,0.3) !important;
    border: 1px solid #f00 !important
}

textarea.form-control {
    height: 120px
}

.ma-select-box {
    position: relative
}

.ma-select-box label {
    position: relative;
    width: 100%
}

.ma-select-box label:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 25px;
    pointer-events: none
}

.ma-select-box select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    padding: 0 10px !important
}

.checkbox input[type="checkbox"] {
    opacity: 0
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    margin: 0;
    cursor: pointer
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    border: none;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c"
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -17px;
    margin-top: -1px;
    font-size: 11px;
    color: #555555
}

.btn-file {
    float: none !important
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile+label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden
}

.no-js .inputfile+label {
    display: none
}

.inputfile-6+label span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 15px
}

.inputfile-6+label strong {
    height: 100%;
    display: inline-block
}
@media screen and (max-width: 50em) {

.inputfile-6+label strong {
    display: block
}
}

input.button.gform_button_select_files {
    border: none;
    background-color: #0098DB;
    color: #ffffff
}

#field_18_10 {
    width: 100% !important
}

.gform_wrapper.gf_browser_chrome select {
    padding: 5px 0 5px 3px !important;
    color: #666 !important
}

.gform_wrapper label.gfield_label {
    font-weight: 400 !important;
    font-size: inherit !important;
    margin-bottom: 0 !important
}

.start-date .ginput_container.ginput_container_date {
    margin-right: 15px
}

.start-date .ginput_container.ginput_container_date input {
    width: 100% !important
}

.end-date .ginput_container.ginput_container_date {
    margin-left: 15px
}

.end-date .ginput_container.ginput_container_date input {
    width: 100% !important
}

.ginput_container.ginput_container_checkbox {
    overflow: hidden;
    clear: all
}

.ginput_container.ginput_container_checkbox ul li {
    width: 33.33%;
    float: left
}

.ginput_container.ginput_container_checkbox ul li input[type="checkbox"] {
    opacity: 0
}

.ginput_container.ginput_container_checkbox ul li label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    margin: 0;
    cursor: pointer;
    font-weight: 400 !important
}

.ginput_container.ginput_container_checkbox ul li label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -18px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out
}

.ginput_container.ginput_container_checkbox ul li label:after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -15px;
    margin-top: 3px;
    font-size: 11px;
    color: #555555
}

.ginput_container.ginput_container_checkbox ul li input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c"
}

.card {
    border: none;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    border-radius: 0;
    margin-top: -1px
}

.card .card-header {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none
}

.card .card-header h5 {
    margin: 0;
    font-size: 16px
}

.card .card-header h5 a {
    display: block;
    padding: 15px 0;
    font-weight: 700;
    color: #003349
}

.card .card-header h5 a:before {
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 25px
}

.card .card-header h5 a.collapsed:before {
    content: "\f107"
}

.card .card-header h5 a:before {
    content: "\f106"
}

.card .card-body {
    padding: 0px 0 20px 0
}

.card .card-body .ma-description {
    margin: 0
}

a.ma-link, span.ma-link, .exp, .exp2 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 26px;
    color: #D50032;
    display: block;
    margin-top: 10px;
    cursor: pointer
}

.exp, .exp2 {
    display: block
}

.ma-back-link {
    margin-top: 10px
}

.ma-back-link a {
    color: #003349;
    position: relative;
    padding-left: 20px
}

.ma-back-link a:before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 24px
}

.ma-home-banner-wrap {
    position: relative;
    margin-top: 42px
}
@media (min-width: 992px) {

.ma-home-banner-wrap {
    margin-top: 0
}
}

.ma-home-banner-wrap .container-fluid {
/*    padding:0*/
}

.ma-home-banner-wrap .container-fluid .row {
/*    margin:0*/
}

.ma-home-banner-wrap .container-fluid .row .ma-slider-col {
    padding: 0 0px 0 15px;
}
@media screen and (max-width: 991px) {

.ma-home-banner-wrap .container-fluid .row .ma-slider-col {
    padding: 0 0px 0 0;
}

#chips-implemented .row .ma-video {
    width: 100%;
    min-height: 300px;
    height: 100%;
}
}

.ma-home-banner-wrap .ma-home-slider .ma-home-slider-image {
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50% 50%
}
@media (min-width: 1200px) {

.ma-home-banner-wrap .ma-home-slider .ma-home-slider-image {
    height: 765px
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.ma-home-banner-wrap .ma-home-slider .ma-home-slider-image {
    height: 466px
}
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    background: rgba(255,255,255,0.75);
    height: 50px;
    font-size: 25px;
    width: 25px;
    text-align: center;
    line-height: 50px
}

.owl-nav .owl-prev {
    left: 0;
    padding: 0 5px 0 0;
    border-radius: 0 25px 25px 0
}

.owl-nav .owl-next {
    right: 0;
    padding: 0 0 0 5px;
    border-radius: 25px 0 0 25px
}

.owl-dots {
    text-align: center
}

.owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px
}

.owl-dots .owl-dot span {
    display: block;
    background-color: #6D6D6D;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.owl-dots .owl-dot.active span {
    background-color: #003349
}

.ma-banner-right-blocks {
    margin-top: 30px
}
@media (min-width: 992px) {

.ma-banner-right-blocks {
    margin-top: 0
}
}

.ma-banner-right-blocks .ma-banner-block {
    width: 100%;
    height: 245px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative
}
@media (min-width: 992px) and (max-width: 1199px) {

.ma-banner-right-blocks .ma-banner-block {
    height: 145px
}
}

.ma-banner-right-blocks .ma-banner-block .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-banner-right-blocks .ma-banner-block h2 {
    color: #fff;
    z-index: 2;
    position: absolute;
    text-align: center;
    margin: 0;
    left: 0;
    right: 0;
    top: 40%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    padding: 10px 0
}

.ma-banner-right-blocks .ma-banner-block:hover .overlay {
    visibility: hidden;
    opacity: 0
}

.ma-banner-right-blocks .ma-banner-block:hover h2 {
    background-color: #003349;
    top: 0
}

.two-block-text-overlay .btn {
    position: absolute;
    right: 10px;/*top:100px*/
}
@media (min-width: 1200px) {

.two-block-text-overlay .btn {
    right: 15px;/*top:315px*/
}
}

.two-block-text-overlay .block-text-overlay {
    height: 330px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 30px
}
@media (min-width: 1200px) {

.two-block-text-overlay .block-text-overlay {
    height: 550px;
    margin-bottom: 0
}
}
 @media screen and (min-width: 992px) and (max-width: 1199px) {

.two-block-text-overlay .block-text-overlay {
    height: 430px;
}
}

.two-block-text-overlay .block-text-overlay .text-overlay {
    padding: 20px;
    background: rgba(255,255,255,0.75);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 9
}

.two-block-text-overlay .block-text-overlay .text-overlay p {
    color: #242424;
    height: 58px;
    overflow: hidden
}
@media (min-width: 1200px) {

.two-block-text-overlay .block-text-overlay .text-overlay p {
    height: auto
}
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    /*bottom:auto;*/
    bottom: 0px
}
@media (min-width: 1200px) {

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay {
    bottom: 0px
}
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay .ma-overlay-more {
    height: 50px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay p {
    margin-top: 15px
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay p:first-child {
    margin-top: 0
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay.open {
    background: #003349
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay.open .ma-overlay-more {
    height: auto
}

.two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay.open h2, .two-block-text-overlay.ma-text-overlay-moreless .block-text-overlay .text-overlay.open p {
    color: #fff
}

.ma-service-list .owl-carousel {
    padding: 0 25px
}

.ma-service-list .item {
    text-align: center
}

.ma-service-list .item img {
    width: 150px;
    margin: 0 auto
}

.ma-service-list .item p {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600
}

.ma-service-list .owl-nav .owl-prev, .ma-service-list .owl-nav .owl-next {
    background: none
}

.ma-service-list.ma-venue-list .item img {
    width: 110px
}

.ma-video {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}
@media (min-width: 992px) {

.ma-video {
    height: 450px;
    margin: 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-video {
    height: 450px;
    margin: 10px 0;
}
}

.ma-video > img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.ma-video a {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -25px
}

.ma-sleep-content .mt40 {
    margin: 40px auto 0 !important;
}

.ma-sleep-content .main-title h2 {
    margin-bottom: 5px;
}

.ma-optisleep-programme {
    margin-top: 25px;
}

.ma-sleepcheck-programme {
    margin-top: 25px;
}

.ma-sleepcheck-programme:first-child {
    margin-top: 0;
}

.ma-sleepcheck-programme .ma-description {
    margin-top: 10px;
}

.ma-optisleep-programme ul {
    margin-top: 0 !important;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.image-source-link {
    color: #98C3D1
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.ma-media-image {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}
@media (min-width: 992px) {

.ma-media-image {
    height: 450px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-media-image {
    height: 450px
}
}
@media (min-width: 992px) {

.ma-media-image.ma-media-image-large {
    height: 700px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-media-image.ma-media-image-large {
    height: 700px
}
}
@media (min-width: 992px) {

.ma-media-text {
    margin: 0;
    height: 450px
}
}
@media (min-width: 992px) {

.ma-media-text.ma-media-text-large {
    margin: 0;
    height: 700px
}
}

.ma-left-media-img img {
    width: 100%;
}
 @media screen and (max-width: 991px) {

.ma-left-media-img {
    margin-top: 30px;
}
}

.ma-left-media-wrap .ma-home-banner-wrap .ma-home-slider-image {
    height: 280px
}
@media (min-width: 992px) {

.ma-left-media-wrap .ma-home-banner-wrap .ma-home-slider-image {
    height: 450px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-left-media-wrap .ma-home-banner-wrap .ma-home-slider-image {
    height: 450px
}
}

.ma-blog-box {
    margin-bottom: 30px
}

.ma-blog-box .blog-img {
    width: 100%;
    height: 230px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.ma-blog-box .ma-caption {
    padding: 20px;
    border: 1px solid #D7D7D7
}

.ma-blog-box .ma-caption h3 {
    height: 48px;
    overflow: hidden
}

.ma-blog-box .ma-caption .ma-blog-category {
    font-size: 12px;
    display: block;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.ma-blog-box .ma-caption p {
    height: 100px;
    overflow: hidden
}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%
}
@media (max-width: 767px) {

#sticky.stick {
    position: relative
}
}

.ma-one-page-scroll {
    position: relative;
    background: none
}
@media (min-width: 1200px) {

.ma-one-page-scroll {
    background: #003349
}
}

.ma-one-page-scroll .ma-select-box {
    display: block;
    width: 100%
}

.ma-one-page-scroll .ma-select-box select {
    padding: 15px 10px
}
@media (min-width: 1200px) {

.ma-one-page-scroll .ma-select-box {
    display: none
}
}

.ma-one-page-scroll ul {
    width: 100%;
    text-align: center;
    display: none
}
@media (min-width: 1200px) {

.ma-one-page-scroll ul {
    display: block
}
}

.ma-one-page-scroll ul li {
    list-style: none;
    display: inline-block;
    margin: 0 30px
}

.ma-one-page-scroll ul li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 10px 0
}

.ma-one-page-scroll ul li.active a {
    color: #D50032
}
@media screen and (max-width: 991px) {

.ma-gym-member-option table {
    display: block
}

.chips-macsteel-gym-member-option table {
    display: block
}
}

.ma-gym-member-option table tr:nth-of-type(odd) {
    background: #0098DB;
    color: #fff
}

.ma-gym-member-option table tr:nth-of-type(even) {
    background: #fff;
    color: #003349
}

.chips-macsteel-gym-member-option table tr:nth-of-type(odd) {
    background: #0098DB;
    color: #fff
}

.chips-macsteel-gym-member-option table tr:nth-of-type(even) {
    background: #fff;
    color: #003349
}
@media screen and (max-width: 991px) {

.ma-gym-member-option table tr {
    display: block;
    padding: 20px
}

.chips-macsteel-gym-member-option table tr {
    display: block;
    padding: 20px
}
}

.ma-gym-member-option table td {
    padding: 20px;
    vertical-align: middle
}

.ma-gym-member-option table td h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: "AmsiPro"
}

.ma-gym-member-option table td:first-child {
    width: 18%
}

.ma-gym-member-option table td:nth-child(2) {
    width: 26%;
    font-size: 14px;
    line-height: 20px
}

.ma-gym-member-option table td:nth-child(3) {
    width: 10%;
    font-size: 20px;
    font-weight: 600;
    font-family: "AmsiPro"
}

.ma-gym-member-option table td:nth-child(4) {
    width: 13%;
    font-weight: 600
}

.ma-gym-member-option table td:nth-child(5) {
    font-weight: 600
}

.ma-gym-member-option table td:nth-child(6) {
    width: 8%;
    font-size: 20px;
    font-weight: 600;
    font-family: "AmsiPro"
}

.ma-gym-member-option table td:nth-child(6) span {
    font-size: 14px;
    font-weight: 400;
    font-family: "Arial"
}

.chips-macsteel-gym-member-option table td {
    padding: 20px;
    vertical-align: middle
}

.chips-macsteel-gym-member-option table td h4 {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:first-child {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:nth-child(2) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:nth-child(3) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:nth-child(4) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:nth-child(5) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
"
}

.chips-macsteel-gym-member-option table td:nth-child(6) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}

.chips-macsteel-gym-member-option table td:nth-child(7) {
    font-size: 20px;
    font-weight: 400;
    font-family: "AmsiPro";
}
@media screen and (max-width: 991px) {

.ma-gym-member-option table td {
    display: block;
    padding: 5px;
    border: none
}

.ma-gym-member-option table td:first-child, .ma-gym-member-option table td:nth-child(2), .ma-gym-member-option table td:nth-child(3), .ma-gym-member-option table td:nth-child(4), .ma-gym-member-option table td:nth-child(5), .ma-gym-member-option table td:nth-child(6), .ma-gym-member-option table td:nth-child(7) {
    width: 100%
}

.chips-macsteel-gym-member-option table td {
    display: block;
    padding: 5px;
    border: none
}

.chips-macsteel-gym-member-option table td:first-child, .chips-macsteel-gym-member-option table td:nth-child(2), .chips-macsteel-gym-member-option table td:nth-child(3), .chips-macsteel-gym-member-option table td:nth-child(4), .chips-macsteel-gym-member-option table td:nth-child(5), .chips-macsteel-gym-member-option table td:nth-child(6), .chips-macsteel-gym-member-option table td:nth-child(7) {
    width: 100%
}
}

.ma-text-center-block {
    border: 1px solid #D7D7D7;
    margin-bottom: 30px
}

.ma-text-center-block h2 {
    margin-bottom: 20px
}

.ma-text-center-block .ma-block-image {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.ma-text-center-block .ma-block-image .btn {
    position: absolute;
    right: 10px;
    top: 210px
}
@media (min-width: 992px) {

.ma-text-center-block .ma-block-image .btn {
    right: 15px;
    top: 240px
}
}
@media (min-width: 992px) {

.ma-text-center-block .ma-block-image {
    height: 380px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-text-center-block .ma-block-image {
    height: 380px
}
}

.ma-text-center-block .ma-block-caption {
    padding: 25px 20px
}
@media (max-width: 767px) {

.ma-text-center-block .ma-block-caption {
    height: auto !important
}
}

.ma-text-center-block .ma-block-caption p {
    height: 50px;
    overflow: hidden
}

.ma-text-center-block .ma-block-caption ul {
    margin-top: 20px;
    padding-bottom: 50px
}
@media (max-width: 767px) {

.ma-text-center-block .ma-block-caption ul {
    padding-bottom: 0
}
}

.ma-text-center-block .ma-block-caption ul li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px
}

.ma-text-center-block .ma-block-caption ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #6D6D6D;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.ma-text-center-block.ma-center-text-block-4 .ma-block-image {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}
@media (min-width: 992px) {

.ma-text-center-block.ma-center-text-block-4 .ma-block-image {
    height: 310px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-text-center-block.ma-center-text-block-4 .ma-block-image {
    height: 280px
}
}

.ma-text-center-block.ma-center-text-block-4 .ma-block-caption p {
    height: 100px
}

#bike_fitting .ma-text-center-block .ma-block-caption p {
    height: auto !important
}

#bike_fitting .ma-text-center-block .ma-block-caption ul {
    padding-left: 15px
}

#bike_fitting .ma-text-center-block .ma-block-caption ul li {
    padding: 0
}

#bike_fitting .ma-text-center-block .ma-block-caption ul li:before {
    display: none
}

.ma-block-form {
    background: #003349;
    padding: 20px;
    text-align: center;
    min-height: auto
}
@media (min-width: 992px) {

.ma-block-form {
    padding: 35px 40px;
    min-height: 570px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-block-form {
    padding: 35px 40px;
    min-height: 588px
}
}

.ma-block-form h2 {
    color: #fff;
    margin-bottom: 25px
}

.ma-block-form .btn {
    float: right
}

.ma-block-form .checkbox {
    color: #ffffff
}

.ma-time-table-box li {
    width: 50%;
    position: relative;
    margin: 0 !important;
    display: block;
    float: left
}
@media (min-width: 992px) {

.ma-time-table-box li {
    width: 20%
}
}
@media (min-width: 1440px) {

.ma-time-table-box li {
    width: 14.28%
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-time-table-box li {
    width: 20%
}
}

.ma-time-table-box li .ma-tt-box {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

.ma-time-table-box li .ma-tt-box:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.ma-time-table-box li .ma-tt-box .ma-tt-content {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    text-align: center;
    top: 50%;
    margin: -25px auto 0;
    padding: 10px;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-time-table-box li .ma-tt-box .ma-tt-content p:first-child {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px
}
@media (min-width: 1200px) {

.ma-time-table-box li .ma-tt-box .ma-tt-content p:first-child {
    font-size: 20px;
    line-height: 24px
}
}

.ma-time-table-box li .ma-tt-box .ma-tt-content p:last-child {
    font-size: 12px;
    margin: 0;
    line-height: 14px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    height: 0
}
@media (min-width: 1200px) {

.ma-time-table-box li .ma-tt-box .ma-tt-content p:last-child {
    font-size: 14px;
    line-height: 20px
}
}

.ma-time-table-box li .ma-tt-box .overlay {
    position: absolute;
    background: rgba(0,0,0,0.64);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-time-table-box li:hover .ma-tt-content {
    margin: -60px auto 0
}

.ma-time-table-box li:hover .ma-tt-content p:first-child {
    color: #003349
}

.ma-time-table-box li:hover .ma-tt-content p:last-child {
    visibility: visible;
    opacity: 1;
    height: auto
}

.ma-time-table-box li:hover .overlay {
    background: rgba(255,255,255,0.84);
    transform: scale(0.88);
    -o-transform: scale(0.88);
    -ms-transform: scale(0.88);
    -webkit-transform: scale(0.88);
    -moz-transform: scale(0.88)
}

.ma-operating-hours {
    background: #0098DB;
    padding: 55px 0
}

.ma-operating-hours .main-title h2, .ma-operating-hours .main-title p {
    color: #fff
}

.ma-operating-hours .ma-hours {
    border-bottom: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 10px
}

.ma-operating-hours .ma-hours:last-child {
    padding-bottom: 0;
    border-bottom: none
}
@media (min-width: 992px) {

.ma-operating-hours .ma-hours {
    border-bottom: none;
    padding: 0 15px;
    border-right: 1px solid #fff
}

.ma-operating-hours .ma-hours:last-child {
    padding-bottom: 0;
    border-right: none
}
}

.ma-operating-hours .ma-hours h2, .ma-operating-hours .ma-hours li, .ma-operating-hours .ma-hours address {
    color: #fff
}

.ma-operating-hours .ma-hours a {
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px
}

.ma-operating-hours .ma-hours h2 {
    margin-bottom: 15px
}

.ma-operating-hours .ma-hours li {
    list-style: none;
    margin-bottom: 15px;
    overflow: hidden
}
@media (min-width: 992px) {

.ma-operating-hours .ma-hours li {
    margin-bottom: 2px
}
}

.ma-operating-hours .ma-hours li span {
    display: block;
    width: 100%
}
@media (min-width: 992px) {

.ma-operating-hours .ma-op-hours li span {
    float: left
}

.ma-operating-hours .ma-op-hours li span:first-child {
    width: 25%
}

.ma-operating-hours .ma-op-hours li span:last-child {
    width: 75%
}
}
@media (min-width: 992px) {

.ma-operating-hours .ma-cr-hours li span {
    float: left
}

.ma-operating-hours .ma-cr-hours li span:first-child {
    width: 70%
}

.ma-operating-hours .ma-cr-hours li span:last-child {
    width: 28%
}
}

.ma-right-text-block .ma-right-text-box {
    margin-bottom: 30px;
    overflow: hidden;
    clear: all
}

.ma-right-text-block .ma-right-text-box .ma-left-image, .ma-right-text-block .ma-right-text-box .ma-right-text {
    width: 100%;
    float: none
}
@media (min-width: 1200px) {

.ma-right-text-block .ma-right-text-box .ma-left-image, .ma-right-text-block .ma-right-text-box .ma-right-text {
    width: 50%;
    float: left
}
}

.ma-right-text-block .ma-right-text-box .ma-left-image {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}
@media (min-width: 1200px) {

.ma-right-text-block .ma-right-text-box .ma-left-image {
    height: 470px
}
}

.ma-right-text-block .ma-right-text-box .ma-right-text {
    padding: 35px 20px;
    border: 1px solid #D7D7D7;
    height: auto
}
@media (min-width: 1200px) {

.ma-right-text-block .ma-right-text-box .ma-right-text {
    height: 470px;
    padding: 0 35px
}
}

.ma-right-text-block .ma-right-text-box .ma-right-text .ma-link {
    display: block;
    margin-top: 15px
}

.ma-right-text-block .ma-right-text-box .ma-right-text .btn {
    margin-top: 25px
}

.ma-right-text-block .ma-right-text-box .ma-background {
    background-color: #003349;
    border: none
}

.ma-right-text-block .ma-right-text-box .ma-background h2, .ma-right-text-block .ma-right-text-box .ma-background p, .ma-right-text-block .ma-right-text-box .ma-background .ma-link {
    color: #fff
}

.ma-right-text-block .ma-block-form {
    height: auto;
    min-height: auto;
    background-color: #0098DB;
    padding: 35px 20px
}
@media (min-width: 1200px) {

.ma-right-text-block .ma-block-form {
    height: 470px;
    padding: 10px 40px
}
}

.ma-right-text-block .ma-block-form textarea.form-control {
    height: 176px
}

.ma-3-block-box-wrap .ma-3-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-common {
    height: 340px;
    margin-bottom: 30px
}

.ma-3-block-box-wrap .col-lg-4, .ma-3-block-box-wrap .col-lg-6 {
    overflow: hidden;
    position: relative;
}

.ma-3-block-box-wrap .col-lg-4 img, .ma-3-block-box-wrap .col-lg-6 img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.ma-2-block-box-wrap .ma-3-box {
    height: 450px;
}
 @media screen and (max-width: 1199px) and (min-width: 992px) {

.ma-2-block-box-wrap .ma-3-box {
    height: 350px;
}
}
 @media screen and (max-width: 991px) {

.ma-3-block-box-wrap .col-lg-4 img,  .ma-3-block-box-wrap .col-lg-6 img {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ma-2-block-box-wrap {
    margin-top: 30px;
}

.ma-2-block-box-wrap .ma-3-box {
    height: auto;
    margin-bottom: 30px;
}
}
 @media screen and (min-width: 768px) and (max-width:991px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-common {
    height: 550px;
    margin-bottom: 10px;
}
}
@media (min-width: 992px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-common {
    height: 510px;
    margin-bottom: 0
}
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-common.ma-3-box-common-large {
    height: 560px
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-common.ma-3-box-common-large {
    height: auto;
}
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-image {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-quote {
    text-align: center;
    padding: 10px 35px
}
@media (max-width: 767px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-quote {
    height: 340px
}
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-quote .quote-title {
    font-weight: 800
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-quote span {
    display: block;
    margin-top: 15px;
    text-transform: uppercase
}
@media (max-width: 767px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-text {
    height: auto
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-text {
    height: auto
}
}
@media (max-width: 767px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-list {
    height: auto !important;
    padding: 12px 0 20px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-list {
    padding: 12px 0 20px
}
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-list .ma-description {
    padding: 0 35px
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-list .ma-description ul {
    padding-left: 15px
}
@media (max-width: 767px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video {
    height: auto !important
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video {
    height: auto !important
}
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video .ma-video {
    height: 265px;
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video .ma-video.mt30 {
    margin-top: 30px;
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video .ma-box-hours {
    text-align: center;
    height: 265px;
    width: 100%
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video .ma-box-hours h2 {
    color: #fff
}

.ma-3-block-box-wrap .ma-3-box .ma-3-box-video .ma-box-hours p {
    font-size: 18px
}

.ma-benefit-box {
    height: 215px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 30px;
    font-size: 18px;
    font-family: "AmsiPro";
    font-weight: 600
}
@media (min-width: 992px) {

.ma-benefit-box {
    width: 25%
}
}

.ma-benefit-box.ma-benefit-border {
    border: 1px solid #D7D7D7;
    color: #003349
}

.ma-benefit-box.ma-benefit-color {
    color: #fff;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.ma-form-image-wrap .ma-form-mage {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 486px
}

.ma-form-image-wrap .ma-block-form {
    background-color: #0098DB;
    padding: 20px 40px;
    text-align: left;
    width: 100%
}
@media (min-width: 992px) {

.ma-form-image-wrap .ma-block-form {
    padding: 8px 40px;
    min-height: 486px
}
}

.ma-form-image-wrap .ma-block-form h2 {
    margin-bottom: 10px;
    margin-top: 15px
}

.ma-form-image-wrap .ma-block-form p {
    color: #fff;
    margin-bottom: 5px
}

/* .ma-form-image-wrap .ma-block-form textarea.form-control{
    height:240px
} */


.ma-form-image-wrap .ma-block-form textarea.form-control {
    height: 146px
}

.ma-facility-wrap .ma-facility-box li {
    width: 50%;
    position: relative;
    margin: 0 !important;
    display: block;
    float: left
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

.ma-facility-wrap .ma-facility-box li {
    width: 20%
}
}
@media (min-width: 1200px) {

.ma-facility-wrap .ma-facility-box li {
    width: 16.66%
}
}

.ma-facility-wrap .ma-facility-box li .ma-tt-box {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    width: 100%
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

.ma-facility-wrap .ma-facility-box li .ma-tt-box {
    height: 250px
}
}

.ma-facility-wrap .ma-facility-box li .ma-tt-box .ma-tt-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    padding: 0 20px;
    text-align: center;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-facility-wrap .ma-facility-box li .ma-tt-box .ma-tt-content p {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px
}
@media (min-width: 1200px) {

.ma-facility-wrap .ma-facility-box li .ma-tt-box .ma-tt-content p {
    font-size: 20px;
    line-height: 24px
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

.ma-facility-wrap .ma-facility-box li .ma-tt-box .ma-tt-content p {
    font-size: 16px;
    line-height: 20px
}
}

.ma-facility-wrap .ma-facility-box li .ma-tt-box .overlay {
    position: absolute;
    background: rgba(0,0,0,0.64);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-facility-wrap .ma-facility-box li:hover .ma-tt-content {
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 15px 10px;
    background-color: #003349
}

.ma-facility-wrap .ma-facility-box li:hover .ma-tt-content p {
    color: #fff
}

.ma-facility-wrap .ma-facility-box li:hover .overlay {
    background: rgba(255,255,255,0)
}

.ma-filter-wrap .ma-filter-box {
    float: left;
    width: 19.2%
}
@media screen and (min-width: 1363px) and (max-width: 1530px) {

.ma-filter-wrap .ma-filter-box {
    width: 19.1%
}
}
@media screen and (min-width: 1229px) and (max-width: 1362px) {

.ma-filter-wrap .ma-filter-box {
    width: 19%
}
}
@media screen and (min-width: 1120px) and (max-width: 1228px) {

.ma-filter-wrap .ma-filter-box {
    width: 18.9%
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {

.ma-filter-wrap .ma-filter-box {
    width: 48%;
    margin-bottom: 10px
}

.ma-filter-wrap .ma-filter-box:first-child {
    width: 100%;
    margin-bottom: 10px
}
}
@media screen and (max-width: 767px) {

.ma-filter-wrap .ma-filter-box {
    width: 100%;
    margin-bottom: 10px
}
}

.ma-filter-wrap .ma-filter-box:not(:last-child) {
    margin-right: 15px
}

.ma-video-overview-wrap .main-title {
    width: 100%
}

.ma-video-overview-wrap .ma-overview-image {
    height: 280px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}
@media (min-width: 992px) {

.ma-video-overview-wrap .ma-overview-image {
    height: 450px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-video-overview-wrap .ma-overview-image {
    height: 450px;
    margin-top: 20px
}
}
@media (max-width: 767px) {

.ma-video-overview-wrap .ma-overview-image {
    margin-top: 20px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-video-overview-wrap .ma-block-form {
    margin-top: 20px
}
}
@media (max-width: 767px) {

.ma-video-overview-wrap .ma-block-form {
    margin-top: 20px
}
}

.ma-overview-logo .main-title {
    width: 100%
}

.ma-overview-logo .ma-clinic-logo {
    width: 100%
}
 @media screen and (max-width: 767px) {

.ma-overview-logo .ma-clinic-logo {
    margin-bottom: 30px;
}
}

.ma-2-block-image-wrap .ma-2-block-image-box {
    height: 330px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px
}
@media (min-width: 992px) {

.ma-2-block-image-wrap .ma-2-block-image-box {
    height: 510px;
    margin-bottom: 0
}
}

.ma-clinical-contact-wrap .ma-contact-box h2 {
    margin-bottom: 30px
}

.ma-clinical-contact-wrap .ma-contact-box address p {
    color: #0098DB;
    font-weight: 700
}

.ma-testimonial-wrap {
    background: #0098DB;
    padding: 40px 0 60px;
    text-align: center;
    position: relative
}

.ma-testimonial-wrap h2, .ma-testimonial-wrap p, .ma-testimonial-wrap span {
    color: #fff
}

.ma-testimonial-wrap h2 {
    margin-bottom: 20px
}

.ma-testimonial-wrap p {
    font-family: "AmsiPro";
    font-weight: 600;
    font-style: italic
}

.ma-testimonial-wrap span {
    text-transform: uppercase;
    display: block;
    margin-top: 30px;
    font-weight: 700
}

.ma-testimonial-wrap .owl-carousel {
    width: 90%;
    margin: 0 auto
}

.ma-testimonial-wrap .owl-nav .owl-prev, .ma-testimonial-wrap .owl-nav .owl-next {
    background: none;
    color: #fff;
    font-size: 50px
}

.ma-testimonial-wrap .owl-nav .owl-prev {
    left: -5%
}

.ma-testimonial-wrap .owl-nav .owl-next {
    right: -5%
}

.ma-testimonial-wrap .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -40px
}

.ma-testimonial-wrap .owl-dots .owl-dot span {
    background-color: #fff
}

.ma-testimonial-wrap .owl-dots .owl-dot.active span {
    background-color: #D50032
}

.ma-partners-wrap .ma-partner-block {
    position: relative;
    border: 1px solid #D7D7D7;
    overflow: hidden
}

.testimonial_title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: "AmsiPro" !important;
    font-weight: 600 !important;
    font-style: normal !important;
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-partners-wrap .ma-partner-block {
    margin-bottom: 30px
}
}
@media (max-width: 767px) {

.ma-partners-wrap .ma-partner-block {
    margin-bottom: 30px
}
}

.ma-partners-wrap .ma-partner-block .ma-partner-image {
    border-bottom: 1px solid #D7D7D7
}

.ma-partners-wrap .ma-partner-block .ma-partner-image img {
    width: 100%
}

.ma-partners-wrap .ma-partner-block .ma-partner-caption {
    padding: 30px 30px 25px
}

.ma-partners-wrap .ma-partner-block .ma-partner-caption p {
    height: 100px;
    overflow: hidden
}

.ma-partners-wrap .ma-partner-block .ma-partner-caption span.ma-link {
    margin-top: 10px;
    z-index: 10;
    position: relative;
    display: block
}

.ma-partners-wrap .ma-partner-block .read-more-wrap .ma-partner-detail-popup {
    height: 100%;
    background: #003349;
    top: 100%;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 9;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #fff
}

.ma-partners-wrap .ma-partner-block .read-more-wrap .ma-partner-detail-popup .text-details {
    height: 90%;
    padding: 30px 10px 30px 30px
}

.ma-partners-wrap .ma-partner-block .read-more-wrap .ma-partner-detail-popup p {
    margin-bottom: 15px;
    padding-right: 20px
}

.ma-partners-wrap .ma-partner-block .read-more-wrap.active .ma-partner-detail-popup {
    top: 0
}

.ma-document-download-wrap .ma-download-list {
    margin: 30px auto 0;
    width: 780px
}
@media (max-width: 767px) {

.ma-document-download-wrap .ma-download-list {
    width: 100%
}
}

.ma-document-download-wrap .ma-download-list ul li {
    list-style: none;
    display: inline-block;
    width: 21.33%;
    vertical-align: top;
    margin: 0 10px 0
}
@media (max-width: 767px) {

.ma-document-download-wrap .ma-download-list ul li {
    width: 100%;
    display: block;
    padding: 0 20px;
    margin-bottom: 30px
}
}

.ma-document-download-wrap .ma-download-list ul li p {
    font-size: 18px;
    margin-top: 20px;
    font-family: "AmsiPro";
    font-weight: 600;
    color: #6D6D6D
}

.ma-team-wrap .row-eq-height .col-sm-6 {
    margin-bottom: 30px;
}

.ma-team-box {
    margin-bottom: 30px;
    height: 100%;
    display: table;
    width: 100%;
}

.ma-team-box .ma-team-image img {
    width: 100%
}

.ma-team-box .ma-team-caption {
    border: 1px solid #D7D7D7;
    text-align: center;
    padding: 20px;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.ma-team-box .ma-team-caption span {
    display: block
}

.ma-team-box .ma-team-caption .ma-team-title {
    font-size: 16px;
    font-weight: 700;
    color: #6D6D6D
}

.ma-team-box .ma-team-caption .ma-team-registration {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 7px
}

.ma-team-box .ma-team-caption p {
    height: 105px;
    overflow: hidden;
    margin-top: 10px
}

.ma-gallery-wrap ul li {
    list-style: none;
    float: left;
    width: 16.66%;
    margin: 0;
    padding: 0
}
@media (min-width: 992px) and (max-width: 1199px) {

.ma-gallery-wrap ul li {
    width: 20%
}
}
@media (max-width: 991px) and (min-width: 768px) {

.ma-gallery-wrap ul li {
    width: 25%
}
}
@media (max-width: 767px) {

.ma-gallery-wrap ul li {
    width: 50%
}
}

.ma-gallery-wrap ul li a {
    display: block;
    position: relative;
    background: #000
}

.ma-gallery-wrap ul li a img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-gallery-wrap ul li a span.ma-zoom-icon {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    right: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.ma-gallery-wrap ul li a:hover img {
    opacity: 0.4
}

.ma-gallery-wrap ul li a:hover span.ma-zoom-icon {
    opacity: 1;
    visibility: visible
}

.mfp-figure figure {
    padding: 80px 50px 120px;
    background-color: #fff
}
@media screen and (max-width: 767px) {

.mfp-figure figure {
    padding: 10px;
}
}

.mfp-figure figure img {
    padding: 0;
    width: 100%
}

.mfp-auto-cursor .mfp-content {
    width: 75%;
    max-width: 65%
}
@media (max-width: 767px) {

.mfp-auto-cursor .mfp-content {
    width: 100%;
    max-width: 100%
}
}
@media (max-width: 991px) and (min-width: 768px) {

.mfp-auto-cursor .mfp-content {
    width: 100%;
    max-width: 100%
}
}

.mfp-counter {
    display: none
}

.mfp-bottom-bar {
    top: 0;
    margin: 0;
    height: 100%
}

.mfp-bottom-bar h2, .mfp-bottom-bar p {
    text-align: center
}

.mfp-bottom-bar h2 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 12px
}

.mfp-bottom-bar p {
    position: absolute;
    bottom: 25px;
    padding: 0 50px;
    color: #6d6d6d;
    font-size: 14px;
    line-height: 18px;
    height: 76px;
    overflow: hidden
}

.mfp-arrow-left {
    left: 21%
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {

.mfp-arrow-left {
    left: 20.3%
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

.mfp-arrow-left {
    left: 21.6%
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

.mfp-arrow-left {
    left: 20.8%
}
}
@media (max-width: 767px) {

.mfp-arrow-left {
    left: 16px
}
}
@media (max-width: 991px) and (min-width: 768px) {

.mfp-arrow-left {
    left: 56px
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.mfp-arrow-left {
    left: 22.5%
}
}

.mfp-arrow-right {
    right: 21%
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {

.mfp-arrow-right {
    right: 20.3%
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

.mfp-arrow-right {
    right: 21.6%
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

.mfp-arrow-right {
    right: 20.8%
}
}
@media (max-width: 767px) {

.mfp-arrow-right {
    right: 16px
}

.mfp-arrow {
    margin-top: -30px !important;
}

.mfp-arrow:active {
    margin-top: -30px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {

.mfp-arrow-right {
    right: 56px
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.mfp-arrow-right {
    right: 22.5%
}
}

.mfp-arrow {
    opacity: 1;
    width: 25px;
    height: 55px
}

.mfp-arrow-right:before, .mfp-arrow-left:before, .mfp-arrow-right:after, .mfp-arrow-left:after {
    border: none;
    opacity: 1;
    margin: 0
}

.mfp-arrow-left:before, .mfp-arrow-right:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.8);
    height: 50px;
    font-size: 25px;
    width: 25px;
    line-height: 50px
}

.mfp-arrow-right:before {
    content: "\f105";
    padding: 0 0 0 5px;
    border-radius: 25px 0 0 25px
}

.mfp-arrow-left:before {
    content: "\f104";
    padding: 0 5px 0 0;
    border-radius: 0 25px 25px 0
}

.ma-gallery-title, .ma-gallery-content {
    display: none
}

.ma-full-width-image img {
    width: 100%
}

.ma-two-block-image .ma-two-image {
    height: 330px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 30px
}
@media (min-width: 1200px) {

.ma-two-block-image .ma-two-image {
    height: 550px;
    margin-bottom: 0
}
}

.ma-blog-quote {
    background-color: #0098DB;
    padding: 150px 0;
    margin: 30px -15px 0
}

.ma-blog-quote .ma-blog-quote-size {
    text-align: center;
    width: 100%
}
@media screen and (min-width: 1280px) {

.ma-blog-quote .ma-blog-quote-size {
    width: 1280px;
    margin: 0 auto
}
}

.ma-blog-quote .ma-blog-quote-size p {
    margin: 0;
    font-size: 36px;
    font-family: "AmsiPro";
    font-weight: 600;
    font-style: italic;
    color: #fff;
    line-height: 40px
}

.ma-blog-detail-wrap {
    border-top: 1px solid #D7D7D7
}

.ma-blog-detail-wrap .ma-back-link {
    margin: 5px 0 15px
}

.ma-blog-detail-wrap .ma-blog-title h1 {
    color: #003349
}

.ma-blog-detail-wrap .ma-blog-title .ma-date-name {
    margin-top: 15px;
    font-size: 14px
}

.ma-blog-detail-wrap .ma-blog-title .ma-date-name span:not(:last-child) {
    margin-right: 35px
}

.ma-blog-detail-wrap .ma-blog-share {
    margin-top: 15px
}

.ma-blog-detail-wrap .ma-blog-share ul li {
    text-transform: uppercase;
    font-weight: 700;
    color: #003349;
    text-align: center;
    border-right: 1px solid #D7D7D7;
    margin: 0;
    padding: 0 15px 0 10px
}

.ma-blog-detail-wrap .ma-blog-share ul li:first-child {
    padding: 0 15px 0 0
}

.ma-blog-detail-wrap .ma-blog-share ul li:last-child {
    border: none
}

.ma-blog-detail-wrap .ma-blog-share ul li a {
    color: #003349
}

.ma-room-table table th {
    background-color: #003349;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.ma-room-table table td {
    width: 22%;
    text-align: center;
    vertical-align: middle
}

.ma-room-table table td:first-child {
    background-color: #003349;
    color: #fff;
    text-align: left
}

.ma-contact-wrap h2 {
    margin-bottom: 15px
}

.ma-contact-wrap address {
    margin-bottom: 35px
}

.ma-contact-wrap address span {
    display: block;
    color: #0098DB;
    font-weight: 700
}

.ma-contact-wrap address ul li span {
    display: inline-block;
    color: #6D6D6D;
    font-weight: 400;
    width: 150px
}

.ma-maps {
    margin-top: 30px;
    margin-bottom: -78px
}
@media (max-width: 767px) {

.ma-maps {
    margin-bottom: 0
}
}

.ma-maps iframe {
    width: 100%;
    height: 628px
}
@media (max-width: 767px) {

.ma-maps iframe {
    height: 350px
}
}
@media (max-width: 767px) {

.ma-contact-form {
    margin-top: 30px
}
}

.ma-contact-form p {
    color: #003349;
    margin-bottom: 15px;
    font-weight: 600
}

.ma-contact-form .form-group label {
    height: 48px;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    line-height: 20px
}
@media (max-width: 767px) {

.ma-contact-form .form-group input {
    margin-bottom: 15px
}
}

.ma-contact-form .checkbox input[type="checkbox"] {
    position: absolute
}

.ma-contact-form .checkbox label {
    display: inline-block !important;
    padding-left: 25px;
    width: auto;
    height: auto
}

.ma-contact-form .checkbox label:before {
    border: 1px solid #D7D7D7;
    margin-left: 0;
    top: 1px
}

.ma-contact-form .checkbox label:after {
    margin-left: 3px;
    margin-top: 0px
}

.ma-free-membership .ma-media-image {
    height: 100%
}

/****************new class**************/

#chips-implemented {
    padding: 0 15px;
}

#chips-implemented .row [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

#chips-implemented .row .ma-media-text .ma-dis-table-cell {
    padding: 40px;
    background-color: #F5F5F5;
}

#chips-implemented .row .ma-video {
    width: 100%;
    height: 100%;
}

.text-blue {
    color: #0097db;
}

.blue-bg {
    background-color: #003349;
}

#chips-implemented .row .blue-bg .ma-media-text .ma-dis-table-cell {
    background-color: #003349;
    color: #ffffff;
}

#chips-implemented .row .blue-bg .ma-media-text .ma-dis-table-cell .ma-description h2 {
    color: #ffffff;
}

#reach .main-title .title-content p {
    color: #6D6D6D;
}

.chips-contact-info a {
    font-family: "AmsiPro";
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
}

.blue-icon-bg {
    background-color: #003349;
    color: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    line-height: 92px;
}

.fitness-center-small-block {
    display: table;
    width: 100%;
    height: 96%;
}

.fitness-center-small-block .ma-block-caption {
    display: table-cell;
    vertical-align: middle;
}

.meet-our-people-block ul {
    margin: 0;
    padding: 0;
}

.meet-our-people-block ul li {
    list-style-position: outside;
    margin-left: 20px;
}

.wrap-404 {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.not-found {
    min-height: 870px;
    align-items: center;
    padding: 50px 0px;
}

.not-found-content {
    background-color: rgba(0, 51, 73, 0.7);
    padding: 60px;
    width: 100%;
    max-width: 620px;
}

.not-found-content .page-header .page-title {
    color: #ffffff;
    font-size: 79px;
    line-height: 79px;
    padding-bottom: 15px;
}

.not-found-content .page-header .page-title span {
    font-size: 38px;
    line-height: 45px;
    font-weight: normal;
    display: block;
    padding-bottom: 15px;
}

.not-found-content .page-content p {
    color: #ffffff;
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 40px;
}

.not-found-content .page-content .search-form {
    display: flex;
}

.not-found-content .page-content .search-form .search-submit.btn {
    padding: 16px 35px;
}
@media screen and (max-width: 1024px) {

.fitness-center-small-block {
    height: 100%;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {

.ma-free-membership .ma-media-image {
    height: 450px;
    margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {

.ma-free-membership .ma-media-image {
    height: 250px;
    margin-bottom: 30px;
}
}

.ma-free-membership .ma-free-text h2 {
    margin-top: 0
}

.ma-free-membership .ma-free-text p {
    margin-top: 15px
}

.ma-free-membership .ma-free-image {
    height: 337px;
    position: relative
}

.ma-free-membership .ma-free-image .ma-free-member {
    position: absolute;
    left: 25px;
    bottom: 25px
}

.ma-free-membership .ma-free-image .ma-free-member h2 {
    margin-bottom: 20px
}
@media (max-width: 767px) {

.ma-free-membership .ma-free-image .ma-free-member h2 {
    font-size: 16px
}
}

.ma-free-membership .ma-free-image .ma-free-member h2 span {
    background: rgba(255,255,255,0.67);
    padding: 5px 20px 12px
}

.ma-team-content {
    margin-top: 25px
}

.ma-team-content .ma-team-qualification {
    margin-top: 10px;
    font-weight: 700
}

.ma-team-content .ma-team-position {
    text-transform: uppercase;
    font-size: 12px;
    color: #6D6D6D;
    margin-top: 2px
}

.ma-team-content .ma-team-interest {
    color: #242424
}

.ma-team-content a {
    text-transform: uppercase;
    margin-top: 0
}

.personalized_coaching_bottom_caption {
    color: #0098DB;
    font-size: 18px;
    font-weight: 700;
    margin: 25px 0
}

footer {
    background-color: #003349;
    padding: 40px 0
}
@media (min-width: 1200px) {

footer {
    padding: 68px 0
}
}

footer a, footer a:focus, footer a:hover {
    color: #fff
}

footer .ma-footer-link li {
    display: block
}
@media (min-width: 1200px) {

footer .ma-footer-link li {
    display: inline-block
}

footer .ma-footer-link li:not(last-child) {
    margin-right: 60px !important
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {

footer .ma-footer-link li:not(last-child) {
    margin-right: 13px !important
}
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

footer .ma-footer-link li:not(last-child) {
    margin-right: 13px !important
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {

footer .ma-footer-link li:not(last-child) {
    margin-right: 20px !important
}
}
@media screen and (min-width: 1681px) and (max-width: 1805px) {

footer .ma-footer-link li:not(last-child) {
    margin-right: 51px !important
}
}

footer .ma-footer-link li a {
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

footer .ma-footer-link li a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
}

footer .ma-foot-social {
    margin-top: 15px
}
@media (min-width: 1200px) {

footer .ma-foot-social {
    margin-top: 70px
}
}

footer .ma-foot-social li:not(:last-child) {
    margin-right: 25px
}

footer .ma-foot-social li a {
    font-size: 20px
}
@media (min-width: 1200px) {

footer .ma-foot-social li a {
    font-size: 30px
}
}
@media (min-width: 1200px) {

footer .ma-newsletter {
    margin: 0
}
}

footer .gform_wrapper .gform_footer {
    padding: 0 !important;
}

footer .ma-newsletter h4, footer .ma-newsletter p {
    color: #fff
}

footer .ma-newsletter h4 {
    font-size: 24px;
    line-height: 30px;
}

footer .ma-newsletter form {
    margin-top: 15px
}

footer .ma-newsletter .btn {
/*float:right*/
}

footer .ma-copyright {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.event_timer {
    background-color: #003349;
}

.event_timer #countdown {
    background-color: #D50032;
    color: #ffffff;
    text-align: center;
    padding: 20px 15px 15px 15px;
}

.event_timer #countdown .timer_digits {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin: 0 5px;
}

.event_timer #countdown .timer_digits .digits .value {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px 5px;
    text-align: center;
    margin: 0 2px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 30px;
}

.event_timer #countdown .timer_digits .digits-label .label {
    font-size: 14px;
}

.timer-detail {
    text-align: center;
    color: #ffffff;
    padding: 20px;
}
 @media screen and (max-width: 1199px) {

footer .ma-copyright {
    margin-top: 20px;
}
}

footer .gform_wrapper {
    margin: 0 !important;
}

footer .gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 0 !important;
}
/*.resident-img{ background-size: 100% !important; }*/
/*.resident-img img{width: 100%;}*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {

.resident-img {
    height: 150px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 800px) {

.resident-img {
    height: 180px !important;
}
}
@media (max-width: 420px) {

.resident-img {
    height: 160px !important;
}
}

#gform_wrapper_27 .gsection_description {
    color: #ffffff;
}

#gform_wrapper_27 .gfield_radio {
    color: #ffffff;
}

#gform_wrapper_27 .gfield_label {
    color: #ffffff;
}

#gform_wrapper_27 .gform_confirmation_wrapper {
    color: #ffffff;
}

#gform_wrapper_27 .gfield_description {
    color: #ffffff;
}
 @media screen and (max-width: 991px) {

.ma-mobtop-spce {
    margin-top: 30px;
}
}

.ma-newsearch-wrap {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.ma-newsearch-wrap .ma-search-list {
    margin-bottom: 20px;
}

.ma-newsearch-wrap .page-title {
    margin-bottom: 30px;
    color: #003349;
}

.ma-newsearch-wrap .ma-search-list:last-child {
    margin-bottom: 0;
}

.ma-newsearch-wrap .ma-search-list a {
    color: #0098DB;
}
 @media screen and (max-width: 767px) {

.mfp-title {
    display: none;
}
}

.ma-service-list .item a {
    color: #0097db;
}

.ma-service-list .item a:hover {
    color: #0097db;
}
@media (min-width: 1200px) {

.ma-accredited-provide-images .container {
    max-width: 830px;
}
}

.ma-accredited-provide-images {
    text-align: center;
}

.ma-accredited-provide-images img {
    width: 90%;
    margin: 0 auto;
}

.ma-accredited-provide-images p {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.ma-new-event-timer .timer-detail {
    text-align: left;
}

.ma-new-event-timer table {
    margin-top: 20px;
    width: 100%
}

.ma-new-event-timer table td {
    padding: 9px;
    border: 1px solid #cccccc;
    vertical-align: middle;
}

.breadcrumb {
    padding: 6px 15px;
    margin-bottom: 1rem;
    list-style: none;
    background: none;
    border-radius: 0;
    background: #ebebeb;
    font-size: 14px;
}

.breadcrumb li.breadcrumb-item a {
    color: #888888;
}

.breadcrumb li.breadcrumb-item.active a {
    color: #dd1e34;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    color: #d7d7d7;
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {

.ma-home-banner-wrap .ma-home-slider .ma-home-slider-image {
    height: 565px;
}

.ma-banner-right-blocks .ma-banner-block {
    height: 178px;
}

.ma-banner-right-blocks .ma-banner-block h2 {
    top: 32%;
}
}

/* Add MS */

#study-exercise-science--biokinetics- .ma-video {
    background-repeat-x: repeat;
    background-position: -220px 50%;
}

#ma-assessments-slider .item p {
    color: #0097db;
}

#transport .transport-box {
    background-color: #042743;
}

#transport .transport-box p, #transport .transport-box h2 {
    color: #ffffff;
}

.sleep-science-postblog {
    background-color: #003448;
    margin: 0 -15px;
}

.sleep-science-postblog h2, .sleep-science-postblog .title-content p {
    color: #ffffff;
}

.sleep-service-postblog .ma-text-center-block {
/*border:none;*/
}

.sleep-service-postblog .sleep-service-box {
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #D7D7D7;
    padding: 25px 20px;
}

.sleep-service-postblog .sleep-service-box h3 {
    font-size: 18px;
    margin: 0;
}

.sleep-service-postblog .sleep-service-box p {
    color: #242424;
}

.sleep-service-postblog .sleep-service-box h3 + p {
    margin-top: 10px;
}

#sleep_important p, #sleep_important li {
    color: #242424;
}

.sleep-science-contactus {
    background-color: #f4f3f3;
    margin: 0 -15px;
}

.sleep-science-contactus .contact-banner {
    height: 459px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sleep-science-contactus .sleep-science-box {
    padding-left: 70px;
}

.sleep-science-contactus .sleep-science-box p {
    margin: 0;
    color: #242424;
}

.sleep-science-contactus .sleep-science-box p span {
    min-width: 100px;
    display: inline-block;
}
@media (max-width: 767px) {

.sleep-science-contactus .sleep-science-box {
    padding-left: 0;
}

.sleep-science-contactus .sleep-science-box p span {
    min-width: 80px;
}

.not-found {
    padding: 15px;
}

.not-found-content {
    max-width: 100%;
}

.not-found-content .page-header .page-title {
    font-size: 70px;
    line-height: 70px;
}
}
@media (max-width: 575px) {

.not-found-content {
    padding: 40px;
}

.not-found-content .page-header .page-title {
    font-size: 34px;
    line-height: 34px;
}

.not-found-content .page-header .page-title span {
    font-size: 22px;
    line-height: 30px;
}

.not-found-content .page-content p {
    font-size: 22px;
    line-height: 30px;
}
}
@media (max-width: 480px) {

.not-found-content .page-content .search-form {
    display: block;
}

.not-found-content .page-content .search-form .search-submit.btn {
    float: right;
    margin-top: 15px;
}
}

#transport .col-xl-4:nth-child(odd) .transport-box {
/*background-color: #0097db;*/
}

.moreinfo-sportcenter-form.ma-right-text-block .ma-block-form textarea.form-control {
 //height: 240px;
    height: 146px;
}

#brandon .ma-3-block-box-wrap .ma-3-box .ma-3-box-common {
    margin-bottom: 30px;
}
@media screen and (min-width: 991px) {

#brandon .ma-3-block-box-wrap .ma-3-box .ma-3-box-common {
    height: 445px;
}
}

.job_shadow_confirm .ginput_container_checkbox ul li {
    width: 100%;
    color: #ffffff;
}

.gfield_error.job_shadow_confirm .ginput_container_checkbox ul li {
    color: red !important;
}

.txtupper {
    text-transform: uppercase;
}

.img-full {
    width: 100%;
}

.sleep-service-box p img {
    width: auto;
}

.text-red {
    color: red;
}

.ma-newsletter span {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: 0;
 margin-bottom: .5rem;
    font-family: "AmsiPro";
    font-weight: 600;
}

.ma-block-form p {
    color: #ffffff;
}

.cod_gender ul {
    display: flex;
}

.cod_gender ul.gfield_radio li {
    color: #ffffff;
    margin-right: 30px;
}

.cod_gender ul.gfield_radio li label {
    margin-left: 20px;
}

.cod_dob .datepicker.medium.form-control {
    width: 100% !important;
}

.add_info_cod .textarea {
    height: 126px !important;
}

.page-template-career-open-day .ma-form-image-wrap .ma-form-mage {
    height: 535px !important;
}

#gform_55 .gform_footer {
    padding: 0px 0 0px;
    margin: 16px 0 0;
    clear: both;
    width: 100%;
    text-align: right;
}

#gform_55 .ma-block-form .btn {
    float: none;
}

.partner_with-us-img {
    width: 100%;
}

.partner_with_us_contact {
    position: absolute;
    top: 40px;
    padding: 40px;
    background-color: #0097db;
    min-width: 375px;
    min-height: 190px;
    color: #ffffff;
}

.partner_with_us_contact h2 {
    color: #ffffff;
}

.partner_with_us_contact h4 {
    margin-bottom: -5px;
}

.partner_with_us_contact p {
    font-size: 14px;
}

.partner_with_us_contact a {
    text-decoration: underline;
    color: #ffffff;
    font-size: 16px;
    margin-top: 10px;
    display: block;
    font-weight: 100;
    letter-spacing: 1px;
}

.gform_validation_error #gform_55 .btn {
    float: none;
}
.short-course{
    font-family: 'Lato', sans-serif;
}
.short-course .title {
    
    text-transform: uppercase;
    color: #6d6d6d;
    font-size: 18px;
    font-weight: bold;
}

.short-course .content {
    color: #242424;
    font-size:14px;
}

.short-course .content p {
    margin-bottom: 0px;
    margin-top: 0px;
}
.short-course .main-title .title-content{margin-top: 0px;}
.short-course-sub{
    background-color: #003349;
    color: #ffffff;
    padding-top: 70px;
    padding-bottom: 90px;
}
.short-course-sub .video-js{
    width: 100%;
    max-width: 844px;
    max-height: 562px;
    height: 100% !important;
    margin-top: 20px;
    border: 1px solid #234d60;
}
.short-course-sub .position-relative{
    height: 100%;
}
.vjs-tech { object-fit: cover; }

.short-course-sub .vjs-poster{background-color: rgb(0,51,73);}


.price-box{
    border: 1px solid #234d60;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 100%;
    max-width: 430px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;

}
.price-box .price{
    border: 1px solid #234d60;
    max-width: 244px;
    width: 100%;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}

.price-box .btn-sec{
    max-width: 244px;
    width: 100%;
    border-radius: 20px;
    font-size: 16px;
    text-transform: none;
    padding: 16px;
    margin-left: auto;
    margin-right: auto;
}

.price-box .content{
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 50px;
    max-width: 244px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


@media (max-width: 768px) {
    .price-box{
        max-width: initial;
        padding: 30px;
    }
    .price-box .price, .price-box .btn-sec, .price-box .content{max-width: initial;}
    .short-course-sub .position-relative{
        height: auto;
    }
    

}