/* Minification failed. Returning unminified contents.
(825,15): run-time error CSS1030: Expected identifier, found '.'
(825,31): run-time error CSS1031: Expected selector, found ')'
(825,31): run-time error CSS1025: Expected comma or open brace, found ')'
(926,19): run-time error CSS1030: Expected identifier, found '.'
(926,35): run-time error CSS1031: Expected selector, found ')'
(926,35): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff') format('woff'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-regular.ttf'); font-weight: normal; }
@font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-bold.ttf'); font-weight: bold; }
@font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-italic.ttf'); font-style: italic; }
@font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-semibold.ttf'); font-style: normal; font-weight: 600; }
@font-face { font-family: 'Open Sans'; src: url('fonts/opensans-regular.ttf'); font-weight: normal; }
@font-face { font-family: 'Open Sans'; src: url('fonts/opensans-bold.ttf'); font-weight: bold; }
@font-face { font-family: 'Open Sans'; src: url('fonts/opensans-italic.ttf'); font-style: italic; }
@font-face { font-family: 'Lora'; src: url('fonts/lora-bold.ttf'); font-weight: bold; }
@font-face { font-family: 'Lora'; src: url('fonts/lora-regular.ttf'); font-weight: normal; }

@keyframes animateleft {
    from { left: -300px; opacity: 0; }
    to { left: 0; opacity: 1; }
}

@keyframes animateright {
    from { right: -300px; opacity: 0; }
    to { right: 0; opacity: 1; }
}

@keyframes animatebottom {
    from { bottom: -300px; opacity: 0; }
    to { bottom: 0; opacity: 1; }
}

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.submit-container { position: relative; min-height: 30px; }
.submit-container:before { content: ""; width: 30px; height: 30px; border: 3px solid #212c52; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); display: none; }
.submit-container.loading:before { display: block; }
.submit-container.loading input { display: none; }
.submit-container .btn { opacity: 1; }
.submit-container.loading .btn { opacity: 0 !important; }

.banner-pre { font-size: 1.4rem; }

body { font-size: 0.8em; font-family: 'Open Sans', sans-serif; color: #666666; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
.clear { }

iframe { max-width: 100%; }

.scrollsection.services.gp.dentist { background-image: url(images/scrollsection_dentist.jpg) !important; }

.text.teamcenter { text-align: center; width: 80%; margin: 0 auto; font-size: 1.2em; }

ul.sitemap { font-size: 1.4em; }

.padded { padding: 30px 0px; }

span.position { font-size: 1.18em; color: #8cb4d2; }
img { border: 0; max-width: 100%; height: auto; }
input[type="submit"], input[type="text"], input[type="password"] { }
input[type="submit"] { cursor: pointer; }

.ui-autocomplete { background-color: #fff; width: 450px !important; padding: 0; margin: 0; list-style: none; z-index: 99999; border-radius: 0px 0px 10px 10px; overflow: auto; border-top: none; border-right: 1px solid #4aad94; border-bottom: 1px solid #4aad94; border-left: 1px solid #4aad94; }
.ui-menu-item { color: #666666; background-color: #fff; cursor: pointer; }
.ui-menu-item a { color: #666666; display: block; padding: 10px 15px; background-color: #fff; }
.ui-menu-item a:hover { background-color: #eee; color: #8cb4d2; }

.nav .on { color: #8cb4d2 !important; }
h1 { margin: 10px 0 15px 0; color: #333; font-size: 1.5em; font-family: 'Montserrat', sans-serif !important; }
h2 { margin: 10px 0 10px 0; color: #212c52; font-size: 1.3em; font-family: 'Montserrat', sans-serif !important; }

.quotemark { font-family: 'Lora',serif; font-weight: bold; font-size: 14em; color: #8cb4d2; }
.mapsection { margin-bottom: 30px; }
/*A Hover Visited Active Focus Styles */
a { text-decoration: none; color: #8cb4d2; }

.centerbox.header a.white:hover { color: #fff; }

.callback.thanks a { color: white; font-weight: bold; }

a { }

.member a:hover { color: #212c52; }

.nav li a:hover { color: #8cb4d2; }

.dblue-bg { background-color: #212C52; }
.medblue-bg { background-color: #8CB4D2; }
.lblue-bg { background-color: #dce8f1; }



.white-text { color: #fff; }

.flex-row { display: flex; gap: 20px; max-width: 700px; }
.flex-row .field, .flex-row.small .field { flex-grow: 1; }
.flex-col { display: flex; flex-direction: column; grid-gap: 25px; }

.dob.small { max-width: 64px; }

.mccloud h1 { line-height: 40px; }
.mccloud .banner-content { position: absolute; top: 50%; transform: translateY(-50%); max-width: 500px; }
.mccloud .banner-content div.text { line-height: 34px; color: #474747; }
.mccloud.scrollsection { height: 470px; position: relative; }
.mccloud-form { padding-top: 30px; padding-bottom: 50px; }
.mccloud-form input { height: 49px; border-radius: 3px; border: 2px solid #212C52; width: 100%; max-width: 320px; padding-left: 10px; font-size: 1.125rem; }
.mccloud-questions .questions label, .mccloud-questions span, .mccloud-form label { font-size: 1.125rem; color: #202C52; font-weight: 600; }
.mccloud-questions .editor-field { position: relative; }
.mccloud-questions span.field-validation-error { position: absolute; color: #9e0000; font-size: 1.1em; left: 13%; }
.mccloud-questions .btn { color: #fff; background-color: #202C52; width: 430px; height: 88px; border: none; border-radius: 2px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; }
.mccloud-questions .btn:hover { color: #202C52; background-color: #8cb4d2; }
.mccloud-questions #HowHear { border: 2px solid #212C52; border-radius: 3px; width: 470px; }
#RPSSUpload { color: #fff; }

.mccloud.rpss-upload { background-color: #fff; padding: 20px; position: relative; margin-top: 10px; border-radius: 3px; cursor: pointer; display: inline-block; width: 293px; height: 58px; }
.mccloud.rpss-upload:hover { background-color: #dce8f1; color: #fff; }
.mccloud.rpss-upload #FileUpload { position: absolute; left: -29%; bottom: -45%; }
.mccloud.rpss-upload #FileUpload::file-selector-button { visibility: hidden; }

.mccloud.rpss-upload span.content { position: absolute; display: flex; gap: 15px; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #212C52; }

.mccloud.rpss-upload span.content i { transform: translateY(10px); }

.mccloud.rpss-upload .field-validation-error { position: absolute; bottom: -70%; left: 0; font-size: 1.1em; font-weight: 600; color: red; }

.mccloud-form .field-validation-error, .mccloud-questions .field-validation-error span { float: unset; font-size: 0.8em; color: #9e0000; }

.mccloud-form .editor-field { position: relative; }
.mccloud-form .field-validation-error { margin-left: 15px; font-size: 1.1em; position: absolute; right: 8%; bottom: -25%; font-weight: 600; }
.mccloud-form .address-field .field-validation-error { right: 2%; top: 37%; }
.mccloud-form .dob .field-validation-error { margin: 0; right: 0; bottom: -42%; line-height: 15px; }
.mccloud-form .dob .dob.small .field-validation-error { margin: 0; right: 0; bottom: -65%; line-height: 15px; }

.mccloud.mccloud-next-steps .banner-content { max-width: 580px; }
.mccloud.mccloud-next-steps .banner-content a { color: #1426C5; font-weight: 600; text-decoration: underline; }

.mccloud-next-steps .read-more .btn { background: #fff; color: #212C52; cursor: pointer; font-size: 1.125rem; line-height: 34px; max-width: 168px; height: 49px; }
.mccloud-next-steps .read-more .btn:hover { background-color: #dce8f1; }

.loader { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; position: absolute; }

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.popup-modal.hidden { display: none; }
.popup-modal { z-index: 99999; position: fixed; top: 0px; left: 50%; transform: translateX(-50%); width: 101%; height: 100vh; }
.popup-modal .modal-inner { width: 100%; height: 100%; position: relative; }
.popup-modal .modal-inner .overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000; opacity: 0.5; }
.popup-modal .modal-inner .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); max-width: 875px; max-height: 80%; overflow: auto; z-index: 100; background-color: #fff; }
.popup-modal .modal-inner .modal-content .content-inner { padding: 50px 30px; width: 100%; height: 100%; position: relative; }
.popup-modal .modal-inner .modal-content .content-inner .close { color: #666; line-height: 20px; font-weight: bold; text-transform: uppercase; cursor: pointer; position: absolute; top: 40px; right: 40px; font-size: 16px; }
.popup-modal .modal-inner .modal-content .content-inner .close i { margin-left: 10px; transform: translateY(-1px); display: inline-block; line-height: 20px; color: #395793; border: solid 2px #395793; width: 24px; text-align: center; border-radius: 100%; color: #fff; font-size: 0.9em; }
.popup-modal .modal-inner .modal-content .content-inner .close i::before { transform: translate(0.5px, -0.5px); display: inline-block; color: #395793; }
.popup-modal .modal-inner .modal-content .content-inner .close:hover { color: #aaa; }
.popup-modal .modal-inner .modal-content .content-inner .close:hover i { background-color: #395793; color: #fff; }
.popup-modal .modal-inner .modal-content .content-inner .close:hover i::before { color: #fff; }

.popup-modal .modal-inner .modal-content .content-inner .modal-txt { max-width: 675px; margin: 0 auto; font-size: 1.4em; }
.content-inner .modal-txt img { width: 330px; height: auto; }
.content-inner .modal-txt ul { padding-left: 20px; color: #F59459; margin: 0px; }
.content-inner .modal-txt ul li { margin: 15px 0px; }
.content-inner .modal-txt ul li strong { color: #666; }
.content-inner .modal-txt h2 { font-size: 1.6em; margin: 30px 0px; }
.content-inner .modal-txt a { color: #395793; text-decoration: underline; }
.content-inner .modal-txt a:hover { text-decoration: none; }

.titleblog { color: #8cb4d2; }
.fa.fa-twitter, .fa.fa-facebook, .fa.fa-google-plus, .fa.fa-linkedin-square, .fa.fa-user, .fa.fa-user-circle-o, .fa-brands { font-size: 1.5em; margin-right: 5px; }
.scrollsection.gp { background-color: white; background-image: url(images/scrollsection_gp.jpg) !important; max-height: 473px !important; background-position: right; background-position-x: 55% !important; }
.gp .box { height: auto; background-color: transparent; width: 50%; float: right; font-size: 1.4em; line-height: 26px; }
.scrollsection.base { background-color: #e8f0f6; height: auto; padding: 20px 20px; padding-bottom: 50px; }
.scrollsection.base h1 { font-size: 2em; margin-bottom: 30px; color: #212c52; }
.scrollsection.header { background-color: #212c52; height: auto; padding-bottom: 40px; margin-top: 0; min-height: 190px !important; background-repeat: no-repeat; }
.scrollsection.header .centerbox { font-size: 1.6em; color: white; margin-top: 80px; font-family: 'Open Sans', sans-serif; font-weight: normal; }
.scrollsection.header .centerbox h1 { color: #8cb4d2; font-size: 2em; }
.scrollsection.header .box { box-shadow: none; }
.scrollsection.header .centerbox span { color: #8cb4d2; font-weight: bold; }
.scrollsection.header .centerbox .fa, .scrollsection.header .centerbox .fa-brands { color: white; padding: 14px; padding-top: 36px; padding-right: 36px; padding-left: 0; font-size: 1.6em; }

.scrollsection.header .centerbox .fa:hover { color: #8cb4d2; }
.help { display: none; }
.fade-left { animation: animateleft .5s; }
.fade-right { animation: animateright .5s; }
.fade-bottom { animation: animatebottom .5s; }
.fa.fa-twitter { color: #4099ff; }
.fa-brands { color: #000; }
.fa.fa-facebook { color: #395793; }
.topbump { margin-top: -20px; }
.footer .fa, .footer .fa-brands { color: white; margin-right: 10px; }
.fatooth { background-image: url(images/fatooth.png); padding: 37px 27px; margin-top: 15px; }
.spaced { font-size: 1.2em; color: #212c52; margin-right: 20px; }
.footermid { padding-right: 122px !important; }
.headerdesc { font-family: 'Lora', serif; font-weight: normal; }
.topmarginnav { margin-top: 15px; }

.contactblue { color: #212c52; }

.quotesymbol { height: 65px; }
.centerbox { font-size: 3.3em; font-weight: bold; color: #212c52; margin-top: 140px; line-height: 1.25; }
.centerbox.team { margin-top: 75px; }

.callback .text.small { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 0.45em; line-height: 27px; color: white; margin-top: 54px; }
.bottomtitle { font-size: 2em; font-weight: bold; width: 483px; color: #212c52; }
.header .centerbox.social { margin: 0 auto; }
.spaced span { color: #8cb4d2; }

.masthead { padding: 10px 0; background-color: #fff; position: fixed; top: 0; width: 100%; box-shadow: 0 0 8px rgba(0,0,0,.1); z-index: 10000; }
#headerright { text-align: right; font-size: 1.3em; }
#content { min-height: 500px; }
#content #pagecontent { }
.phone-icon, .menuicon { display: none; }
.phone-icon a { display: block; width: 21px; height: 20px; font-size: 1.9em; }

.headermid { margin-top: 10px; text-transform: uppercase; font-size: 1.3em; }
.header { color: white; margin-top: 20px; }

.footer { padding-top: 35px; color: white; padding-bottom: 25px; background-color: #212c52; }

.inline { display: inline-flex; }

.inline { width: 66%; }

.logos { margin-bottom: 10px; }
.footer .cols { min-height: 250px; }
.footer #col1 { background-color: Gray; }
.footer #col2 { background-color: Lime; }
.footer #col3 { background-color: Maroon; }
.footer #footnoteleft { }
.footer #footnoteright { text-align: right; }

.mapsection h2 { font-size: 2.2em; margin-bottom: 30px; margin-top: 20px; color: #212c52; }

.headercallus { cursor: pointer; }

.scrollsection.callback h1 { font-size: 1em; color: #212c52; }
.scrollsection.callback span { font-size: 0.8em; }
.callback .centerbox.title { }
.member.minor { height: 369px; max-width: 277.5px; text-align: left; max-height: 369px; margin: 12px 10px; }
.callback .btn.contact { font-size: 0.4em; text-shadow: none; padding: 0; line-height: 45px; cursor: pointer; margin-top: 30px; }

.scrollsection.gp .btn.contact { padding: 0 !important; line-height: 45px !important; }
.callback .btn.contact:hover { background-color: white; color: #212c52; }

.callback.thanks a.btn.contact { width: 100%; max-width: 420px; }

.purple a { color: #9a9ddd !important; }

.purple a:hover { color: #8cb4d2 !important; }

.footer a.fa:hover { text-decoration: none; }

.wehelp .centerbox { text-align: center; width: 100%; margin-top: 54px; font-size: 2.4em; }

.OK { padding: 10px; border: 1px solid #339933; color: #339933; background-color: #eeffee; margin: 5px 0px 5px 0px; }
.KO { padding: 5px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; margin: 2px 0px; margin-top: -4px; }
.Generic { padding: 10px; border: 1px solid #333; color: #333; background-color: #ccc; margin: 10px 0; }

/* Carousel base class */
.carousel { height: 500px; margin-bottom: 60px; }
.carousel-caption { z-index: 10; }
.carousel .item { height: 500px; background-color: #777; }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }

.spaced a { font-weight: bold; }

.scrollsection.base .title { text-align: center; font-size: 1.8em; }
.textarea { font-family: inherit !important; font-size: inherit; }
.scrollsection.callback .textarea { font-family: 'Montserrat', sans-serif; }

.login a { color: white; }

/* section classes */
.member { height: 470px; max-height: 470px; background-color: white; /* padding: 5px 20px; */ text-align: left; margin-top: 30px; font-family: 'Montserrat', serif; font-weight: bold; display: inline-block; max-width: 380px; margin: 20px 18px; /* margin-bottom:30px; */ }

.info { padding: 10px 20px; padding-right: 5px; }
.section.teamlarge { margin: 0 auto; }

.member.minor .info { font-size: 0.89em; }

span.contact { font-size: 1.15em; font-family: 'Open Sans', sans-serif; }
span.contact.alan a { color: #fff; }
span.name { font-size: 1.8em; color: #222b52; }
.fatooth:hover { background-image: url(images/fatooth2.png); }

.member img { }
.addresses a:hover { color: white; }
.scrollsection { }
.scrollsection.callback { background-color: white; background-image: url(images/scrollsection_callback.jpg); background-position: right; background-size: cover; }
.scrollsection.mccloud { background-color: white; background-image: url(images/bma-form-banner.jpg); background-position: right; background-size: cover; }


.scrollsection.callback.thanks { background-size: cover; min-height: 514px; min-height: calc(100vh - 514px); }
.scrollsection.services { background-image: url(images/doctors.jpg); background-repeat: no-repeat; background-position: left bottom; background-position-x: 14%; height: 708px; background-size: auto; }
.scrollsection.wehelp { background-color: #e8f0f6; height: 763px; }
.scrollsection.contact { background-image: url(images/scrollsection_contact.jpg); margin-bottom: 40px; height: 609px; padding-top: 55px; font-size: 1.3em; }
.scrollsection.contact.bma { background-image: url(images/scrollsection_contact.jpg); margin-bottom: 0; height: 609px; padding-top: 55px; font-size: 1.3em; background-size: cover; }
.centerbox.bottom { font-size: 1.9em !important; }
.centerbox.bottom span { color: #9a9ddd; }

.contact .text { font-size: 0.91em; }
.chevright { float: right; margin-top: -22px; color: inherit; font-size: 1.55em !important; }

.chevright:hover { color: inherit; }
.services .box { width: 100%; box-shadow: none; margin-top: 70px; line-height: 27px; font-size: 1.4em; }

.services ul li { color: #8cb4d2; }

.services ul li span { color: #666; }
.services .centerbox { font-size: 1.6em; margin-bottom: 36px; margin-top: 0px; line-height: 37px; }
.contact .box { width: 60%; box-shadow: none; font-size: 1.4em; padding-left: 0; float: none; }
.contact .centerbox { font-size: 1.195em; }
.input-box { float: right; background-color: #8cb4d2; color: white; display: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-top: -50px; margin-right: 146px; }
.btn { background-color: grey; padding: 5px; font-size: large; border-radius: 5px; height: 45px; text-align: center; }
a.btn.callback { width: 240px; background-color: white; /* padding: 15px; */ margin-top: 40px; display: block; text-shadow: none; color: #212c52; line-height: 37px; text-transform: uppercase; font-size: 0.4em; border-radius: 2px; }

.services .text { font-size: 1.1em; }

a.btn.callback:hover { background-color: #212c52; color: white; }
.services .btn { width: 240px; background-color: #8cb4d2; padding: 15px; margin-top: 4px; text-transform: uppercase; font-size: 0.4em; display: block; font-family: 'Montserrat',sans-serif; border-radius: 2px; line-height: 17px; font-size: 0.9em; font-weight: bold; color: white; }

.services a.btn:hover { background-color: #212c52; }
.wehelp .help { text-align: center; margin-top: 60px; font-size: 1.3em; }
.footer a { color: white; }

.footer a:hover { color: #8cb4d2; }

.static { position: static !important; }
.section.news { margin-top: 40px; margin-bottom: 40px; }

.address { font-size: 1.2em; color: white; margin: 10px; margin-top: 25px; margin-bottom: 25px; line-height: 19px; margin-left: 0; }

.request { text-transform: uppercase; font-size: 0.9em; padding-top: 25px; }

.help h2 { margin-bottom: 5px; font-size: 1.5em; min-height: 60px; }
.wehelp .help .fa { font-size: 5.8em; color: #9a9ddd; margin-bottom: 40px; }

.wehelp a.fa:hover { color: #8cb4d2 !important; }
.smallfoot { font-size: 0.9em; margin: 0px 3px; }
.smallfoot.first { }
.wehelp .fa a:hover { color: #8cb4d2 !important; }

.helps-spaceholder .fa a:hover { color: #8cb4d2; }

.box { height: auto; float: right; width: 405px; padding: 25px; padding-top: 16px; margin-top: 35px; }

.box.bma-callback { height: 600px; }
.callback .box, .header .box { background-color: #8cb4d2; box-shadow: 0px 0px 14px #666; border-radius: 2px; }

.btn.contact { width: 240px; background-color: #212c52; padding: 13px; margin-top: 40px; font-size: 0.66em; font-family: 'Montserrat',sans-serif; text-transform: uppercase; display: block; font-weight: bold; color: white; border-radius: 2px; }

.scrollsection.contact .btn.contact:hover { background-color: white; color: #212c52; }
.field-validation-error { color: #9e0000; float: right; font-size: 0.8em; }

.bottomdivs { min-height: 482px; }

.home.animawrap { display: none; }

.animawrap { position: relative; transition-duration: 500ms; animation-duration: 500ms; transition-timing-function: ease; transition-delay: 0ms; webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
a.btn.contact:hover { background-color: #212c52; color: #ffffff; }
.internal-list { color: #212c52; padding-left: 20px; }
.advicelist .internal-list span { color: #666 !important; font-weight: normal; font-size: 1em; }

.box2 input[type="submit"] { margin-top: 20px; }

.exit { position: absolute; right: 7px; color: #212c52; top: 7px; cursor: pointer; }
.fa.fa-times-circle { font-size: 1.6em !important; }
.quote { width: 100%; background-color: #e8f0f6; height: auto; margin: 25px 0 40px 0px; padding-left: 40px; }
.quote .fa { font-size: 5.5em; margin-top: 40px; height: 200px; color: #8cb4d2; }
.paddingquote { padding: 60px; padding-right: 100px !important; padding-left: 0; }
li.home { width: 14%; }
li.team { list-style-type: none; width: 12%; }
li.testimonial { width: 20%; }
li.news { width: 16%; }
li.contact { width: 18%; }

.gp .text { margin-top: 45px; font-size: 1.05em; }

.padding { padding: 23px; }

.section.center { padding: 63px 0; }

.doctors { background-image: url(images/doctors.jpg); height: 200px; }

.headerlogin { text-align: center !important; color: white; text-transform: uppercase; cursor: pointer; }
.exit2 { cursor: pointer; position: absolute; right: 7px; color: #212c52; top: 7px; }
.headerlogin a { color: white; text-transform: uppercase; }
.help-spaceholder { }
.bottomfade { display: none; }
#enquiryform form, #bmaform form { margin-top: 3px; }
#enquiryform .text-box.single-line, #enquiryform textarea, #bmaform .text-box.single-line, #bmaform textarea, select { padding: 10px; font-style: italic; font-family: 'Open Sans', sans-serif; font-size: 1.2em; color: #555555; }
#enquiryform select { width: 100%; height: 40px; border: none; outline: none; border-radius: 3px; }
#enquiryform .text, #bmaform .text { font-size: 2em; text-transform: uppercase; margin-top: 5px; color: white; font-family: 'Montserrat',sans-serif; font-weight: bold; margin-left: 17px; float: left; }
#enquiryform .icon, #bmaform .icon { font-size: 3.75em; position: static; color: #212c52; float: left; transform: none; }
#enquiryform input[type="submit"], #bmaform input[type="submit"], .btn.submit { cursor: pointer; display: flex; justify-content: center; align-items: center; background-color: #212c52; color: white; height: 45px; width: 100%; font-family: 'Montserrat', sans-serif; border-radius: 3px; font-weight: bold; text-transform: uppercase; font-size: 1.2em; border: none; margin: 10px 0; }



#enquiryform input[type="submit"]:hover, #bmaform input[type="submit"]:hover, .btn.submit:hover { background-color: white; color: #212c52; }

.inputlabels { font-family: 'Open Sans', sans-serif; font-size: 1.2em; border: none; border-radius: 3px; color: white; }
#enquiryform textarea, #bmaform textarea { max-width: 100%; min-width: 100%; width: 100%; border-radius: 3px; color: #666; border: none; font-size: 1em; font-family: 'Open Sans', sans-serif; font-style: italic; height: 81px; margin-bottom: 15px; }
.login { float: right; background-color: #8cb4d2; font-weight: bold; color: white; font-size: 0.75em; width: 142px; position: absolute; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-transform: uppercase; top: -11px; right: 7px; cursor: pointer; padding: 12px; }
.more { margin-top: 40px; font-weight: bold; font-size: 1.05em; }
.more a { color: #9a9ddd; text-transform: uppercase; }
.darkenpassword { display: none; background-color: black; width: 100%; height: 1539px; position: absolute; z-index: 10000; opacity: 0.8; top: 0; left: 0; }
.more a:hover { text-decoration: underline; }
.footer ul { list-style-type: none; padding: 0; font-size: 1.1em; }
.footer li { margin-top: 3px; font-size: 1.1em; }
.box input[type="text"] { width: 100%; height: 40px; border: none; border-radius: 3px; }
.left { float: left; text-align: left; }
.vertical-spacing { margin-top: 35px; margin-bottom: 20px; }

.enquiry { font-family: 'Montserrat', sans-serif !important; font-size: 1.2em; }
.advicelist { font-size: 1.49em; font-weight: normal; }

.advicelist.registrars { margin-top: 80px; }
.advicelist span { color: #212c52; font-weight: bold; font-size: 1.1em; }
.box2 { width: auto; height: 251px; z-index: 999999; border-radius: 2px; background-color: #8cb4d2; position: absolute; left: 50%; top: 180px; margin-left: -128px; display: none; }
.headercallus .fa, .headercallus a { color: white; }

.headercallus .fa { font-size: small; margin-right: 5px; }
.headercallus { font-size: 0.95em; }
.rssbox.rss { width: 416px; margin-left: -26px; }
.footer h2 { color: white; font-size: 1.5em; font-weight: bold; }
.fix { font-family: 'Montserrat', sans-serif !important; }
.quotetext { font-size: 2em; color: #666; }
.quoteend { font-size: 1.2em; color: #212c52; font-weight: bold; }
.nav li a { color: #212c52; list-style-type: none; font-size: 1.11em; }
.blogdate .date { font-size: 0.7em; }
.topics .btn { position: absolute; bottom: 20px; background-color: #8cb4d2; width: 184px; font-size: 0.8em; height: 45px; text-shadow: none; line-height: 20px; }
.readmore { color: white; position: absolute; bottom: 20px; font-weight: bold; font-size: 0.8em; }
.readmore:hover { text-decoration: underline; }
.letstalk { height: 191px; padding: 75px 0; text-align: center; font-size: 2em; font-family: 'Montserrat', sans-serif !important; color: #212c52; font-weight: bold; }
.help .content { padding-left: 25px; font-size: 1.1em; padding-right: 25px; }
.rssbox { background-color: #212c52; height: auto; min-height: 296px; font-size: 1.4em; padding: 21px; color: white; width: 387px; }
.rssbox.news { background-image: url(images/news.jpg); }
.rssbox.topics { background-image: url(images/topics.jpg); padding: 20px; background-color: transparent; padding-top: 2px; background-repeat: no-repeat; text-shadow: 0px 0px 22px black; font-size: 1.7em; padding-right: 104px; }

.rssbox.topics a { color: white; font-weight: bold; }

.rssbox.topics a:hover { color: #8cb4d2; }
.rssbox .title { color: white; margin-top: 5px; margin-bottom: 7px; font-size: 1.3em; font-weight: bold; }
.rssbox .content { color: white; margin-top: 1px; font-size: 0.8em; }
.rssbox .blogdate { color: white; font-size: 0.8em; text-transform: uppercase; }
.btn.callback a { width: 246px; color: red; }
.right { float: right; text-align: right; }

.logos { }
.box .editor-label { height: 29px; font-size: 1.2em; color: white; line-height: 29px; text-align: left; }
.gp .centerbox { font-size: 1.4em; line-height: 29px; }

.centerbox.fix.registrars { margin-top: -40px; }

.int-text h1, .int-text h2 { margin: 15px 0; }
.int-text h2:first-child { margin: 0 0 15px; }
.int-text ul { margin: 15px 0; padding: 0 0 0 18px; }

/* Professions */
.profession.head h1 { font-size: 2.875rem; margin-top: 150px; margin-bottom: 40px; color: #202C52; }
.profession.head .section .nopadd { padding: unset; }
.profession.search { color: #212c52; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; }
.profession.search h3 { font-weight: 600; margin: 70px 0 50px 0; }

.profession.search .form-inputs { display: flex; gap: 10px; margin-bottom: 120px; position: relative; }
.profession.search .form-inputs input[type=text] { font-size: 1.125rem; flex-grow: 1; padding-left: 20px; height: 50px; border: 2px solid #212C52; border-radius: 3px; background: url(images/icons/search.svg); background-repeat: no-repeat; background-position: 97% center; font-family: 'Montserrat', sans-serif !important; }
.profession.search .form-inputs button[type=submit] { font-size: 1.125rem; font-weight: 600; text-transform: unset; width: 148px; height: 50px; margin: unset; }
.profession.search .form-inputs span[role=status] { position: absolute; bottom: -42%; font-size: 0.88rem; }

.search-result .profession.search h3.prompt { display: none; }
.search-result .profession.search .form-inputs { margin: 25px 0; }
.search-result .profession.search .form-inputs input[type=text] { background-color: #fff; }
.search-result .results-list h1 { font-size: 2rem; font-weight: 600; }
.search-result .results-list .search-result-item { border-top: 1px solid #202C52; padding-top: 35px; font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif; }
.search-result .results-list .search-result-item > .section { display: flex; }
.search-result .results-list .search-result-item img { aspect-ratio: 1.54; width: 308px; height: 200px; border-radius: 5px; }
.search-result .results-list .search-result-item .info-section { display: flex; flex-direction: column; justify-content: space-around; }
.search-result .results-list .search-result-item .treatment-title { color: #202C52; font-size: 1.625rem; font-weight: 600; }
.search-result .results-list .search-result-item .treatment-meta { padding: 15px 0 20px 0; font-size: 1.125rem; }
.search-result .results-list .search-result-item a.btn.submit { max-width: 126px; text-transform: unset; font-weight: 400; font-size: 1.125rem; }

.profession-listing { margin: 35px 0 0 0; font-size: 1.125rem; }
.profession-listing h1 { font-size: 2rem; color: #212C52; }
.profession-listing h3 { font-size: 1.375rem; color: #212C52; margin-bottom: 5px; padding-top: 22px; }
.profession-listing > .section .bord-top { border-top: 2px solid #212C52; }
.profession-listing > .section .bord-bottom { border-bottom: 2px solid #212C52; }
.profession-listing > .section .resource { padding: 0 25px;  }
.profession-listing > .section .first-col { padding-right: 50px; }
/*.profession-listing > .section .second-col { padding-left: 50px; }*/

.profession-listing > .section .first-col img { aspect-ratio: 2.0221; width: 641px; height: 317px; margin-top: 20px; }
.profession-listing > .section .first-col .textbasic { font-size: 1.125rem; }
.profession-listing > .section .second-col iframe { margin-top: 20px; }
.profession-listing > .section .second-col a.btn.submit { text-transform: unset; font-size: 1.125rem; font-weight: 400; height: 49px; }
.profession-listing > .section .second-col a.btn.submit:hover { border: 1px solid #212c52; }

/* Screens bigger than 1231px; */
@media screen and (min-width: 1231px) {
}

@media screen and (max-width: 1229px) {
    .rssbox.rss { width: 333px; margin-left: -30px; }
    #enquiryform .icon, #bmaform .icon { font-size: 3.4em; top: 210px; left: 378px; color: #212c52; }
    .rssbox { width: auto; }
}


@media screen and (min-width: 768px) and (max-width: 991px) {
}


@media screen and (min-width:992px) {

    #enquiryform .recap .g-recaptcha div, #enquiryform .recap .g-recaptcha, #bmaform .recap .g-recaptcha div, #bmaform .recap .g-recaptcha { max-width: 302px !important; }
    .g-recaptcha div, .g-recaptcha { height: 45px; max-width: 302px; }
    .g-recaptcha div { margin-top: -14px; }
    .g-recaptcha { border-right: 1px solid #d3d3d3; border-top-right-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; border-bottom-left-radius: 3px; margin-top: 0px; margin: 0 auto; }
    .rc-anchor-normal { height: 74px; /* width: 300px; */ }

    .container.top { height: 121px; }
    .callback .box, .header .box { display: block !important; margin-bottom: 35px; }
    .pad-right { padding-right: 40px !important; }
    .nav li .last { border-bottom: none; }
    .pad-left { padding-left: 40px !important; }
    #headerleft { padding-top: 38px; padding-bottom: 38px; }
    #headerright { height: 37px; background-color: #8cb4d2; width: 154px; padding: 7px; font-size: 1em; float: right; text-transform: uppercase; font-weight: bold; margin-right: 15px; margin-top: -10px; color: white; }
    .services .box { height: 640px; background-color: white; padding-left: 18px; }
    .gp .box { height: auto; background-color: transparent; width: 50%; float: right; font-size: 1.4em; line-height: 26px; margin-top: 75px; }
    #headerright a { font-weight: bold; }
    .nav { padding: 0; margin: 0px; float: right; width: 90%; height: 50px; /* background-color: #e1e1e1; */ }
    .nav li div { top: 100%; visibility: hidden; width: 314px; position: absolute; top: 79px; background-color: #666; }
    .nav li a i { display: none; }
    .nav li:hover a.arrow { background-color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; color: inherit; }
    .nav li div ul { padding: 5px 10px; margin: 0; }
    .nav li div ul, .nav li div ul li { width: 100%; text-align: left; background-color: #212c52; }
    .nav li div ul li { height: auto; border-bottom: 1px solid #e8f0f6; line-height: 27px; padding: 6px; width: 100% !important; padding-left: 10px; color: white; float: none; }
    .nav li div ul li:hover { border-radius: 2px; color: #8cb4d2; }
    .nav li div ul li a { height: 25px; color: #ffffff; width: 100% !important; font-size: 1.4em; display: block; }
    .nav li:hover div { visibility: visible; }
    .nav li { float: left; display: block; padding-bottom: 79px; width: calc(100% / 6) !important; height: 50px; font-size: 0.8em; text-align: center; line-height: 50px; }
    .callback .centerbox { width: 537px; }
    .bma.callback .centerbox { width: 537px; }
    .nav li.drop:hover { background-color: #ffffff; color: #8cb4d2; }
    .nav li a { height: 50px; }
}

@media screen and (max-width:1229px) {
    .section.teamlarge { text-align: center !important; }

    .mccloud .banner-content { background-color: rgba(255,255,255,0.8); padding: 15px 25px; }
}

@media screen and (max-width:1229px) and (min-width:991px) {

    .services .box { height: 698px; margin-top: 10px; }
    .member.minor { font-size: 0.85em; }
    .break { margin-left: -64px !important; }
    .member .info { padding: 10px 15px; padding-right: 5px; }
    .member.minor .info { padding-left: 10px; }
}

@media screen and (min-width:767px) {
    .headercallus, .headerlogin { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
}

@media screen and (max-width:991px) and (min-width:476px) {
    .callback .box, .header .box { left: 50%; margin-left: -203px; position: fixed; }
    .mccloud.scrollsection { height: 470px !important; position: relative; padding: 0; }
}
/* Mobile screens and Mini Tablets */
@media screen and (max-width:991px) {
    .g-recaptcha { margin-bottom: 20px; }

    .advicelist.registrars { margin-top: 0px; }
    .section.center { padding: 5px 0; }
    .scrollsection.base { padding-bottom: 20px; }
    .logos { text-align: center; }
    .scrollsection.callback .centerbox { color: #ffffff; text-shadow: 0px 0px 3px #666; }
    .break { margin-left: 0 !important; width: auto !important; margin-top: 50px; }
    .wrapper { width: auto !important; }
    .scrollsection.callback .centerbox h1 { color: white; margin-bottom: 0; }
    .chevright { margin-right: 21px; margin-top: 8px; color: #212c52; }
    .scrollsection.gp { background-position-x: 88% !important; }
    .rssbox.rss { width: 292px; margin-left: -61px; }
    span.wrapsy { /* width: 100%; */ padding-left: 3%; height: 40px; font-size: 1.2em; display: block; line-height: 40px; background-color: #212c52; color: #ffffff; background-position: 95.6% center; background-repeat: no-repeat; background-size: 13px 20px; display: inline-block; }
    .nav li.drop a { display: inline-block; width: 81%; }
    .nav li.drop .arrow { display: block; width: auto; border-left: solid 1px #2c3965; }
    .menuicon .fa.fa-times-circle { font-size: inherit; }
    .login { float: right; background-color: #8cb4d2; font-weight: bold; color: white; font-size: 0.75em; width: auto; position: absolute; text-transform: uppercase; top: -6px; right: 58px; cursor: pointer; padding: 12px; }
    .callback .box, .header .box { display: none; }
    .darken { display: none; background-color: black; width: 100%; position: fixed; height: 1539px; z-index: 10000; opacity: 0.8; left: 0; top: 0; }
    .darkenactivated { position: absolute; z-index: 1000000; top: 110px; left: 0; height: auto; box-shadow: none !important; margin: 15px; }
    #call, #mail { display: none; }
    .scrollsection.services { background-image: none; }
    .rssbox { height: 395px; }
    .masthead .container.top { position: relative; }
    .doctors { background-image: url(images/doctors.jpg); height: 338px; width: 100%; background-size: cover; background-repeat: no-repeat; }
    .shut { height: 0px; overflow: hidden; }
    .nav.open { height: auto; overflow-y: scroll; min-height: 256px; max-height: 370px; }
    .phone-icon { display: block; position: absolute; right: 62px; top: 48%; }
    .menuicon { font-size: 2.8em; display: block; visibility: visible !important; cursor: pointer; height: 38px; position: absolute; right: 17px; top: 63px; color: #212c52; }
    .nav { width: 100%; padding: 0; margin: 0px; }
    .services .btn { margin: 0 auto; margin-top: 24px; display: block; }
    .nav li a:hover { /* background-color: #e8f0f6; */ text-decoration: none; }
    .nav li { width: 100% !important; float: none; text-align: left; background-color: #212c52; padding: 5px 0 5px 0px; list-style-type: none; border-bottom: 1px solid #ffffff; }
    .nav li.last { margin-bottom: -4px; border-bottom: none; }
    .nav li.drop { border: 0; border-bottom: 1px solid #e8f0f6; }
    .left.footermid { font-size: 0.8em; padding-right: 0px !important; }
    .nav div.shut { height: 0px; overflow: hidden; }
    .nav div ul { padding: 0px; list-style: none; background-color: #fff; }
    .nav li a { /* width:100%; */ padding-left: 3%; height: 40px; display: block; line-height: 40px; background-color: #212c52; color: #ffffff; /* display:block; */ background-position: 95.6% center; background-repeat: no-repeat; background-size: 13px 20px; }
    .nav li:hover { }
    .nav li ul li { padding-left: 40px; }
    .nav li a.arrow { float: right; padding-right: 3%; margin-right: 5px; cursor: pointer; }

    a.arrow:hover { background-color: rgb(44, 57, 101); }
    .nav a.arrow.open { background-image: url(images/nav-up.png); background-color: #E1E1E1; }

    #headerleft { z-index: 99; padding-top: 20px; padding-bottom: 20px; }
    #headerright { position: relative !important; min-height: 40px; }
    #headerright span a { float: right; margin-right: 25px; display: block; width: 21px; height: 19px; background-repeat: no-repeat; margin-top: 10px; }
    #headerright span a.facebook { color: #4099ff; font-size: 1.6em; }
    .headermid { width: 100% !important; }
    #headerright span a.twitter { color: #395793; font-size: 1.9em; }
    #headerright span a.google { color: #de4b3b; font-size: 1.7em; }
    .scrollsection { height: auto !important; padding: 20px; }
    .contact .box { width: 100% !important; height: auto; }
    .services .box { width: 100%; height: auto; margin: 0 auto; }
    .headercallus { float: right; background-color: #212c52; font-weight: bold; color: white; text-align: center; position: absolute; font-size: 1.1em; top: -10px; height: 40px; left: 0; padding: 11px; }
    .headerlogin { float: right; background-color: #8cb4d2; font-weight: bold; color: white; font-size: 1.1em !important; position: absolute; top: -10px; height: 40px; right: 0; padding: 7px; }
    #enquiryform textarea, #bmaform textarea { height: 127px; }



    .profession-listing { margin-bottom: unset; }
    .profession-listing > .section .first-col { padding-right: 15px; }
    .profession-listing > .section .second-col { padding-left: 15px; margin-top: 40px; }
    .profession-listing > .section .second-col .resource { margin-bottom: 50px; }
    .search-result .profession.search .form-inputs { flex-direction: column; padding-top: 25px; margin-bottom: 10px; }
    .profession.search form .inner { max-width: 100%; }
    .profession.search .form-inputs button[type=submit] { width: 100%; min-width: 148px; }
}

@media screen and (max-width:1230px) and (min-width:991px) {
    .g-recaptcha div, .g-recaptcha { max-width: 235px !important; }
    .rssbox .content { font-size: 0.75em !important; }
    .logos { float: left; }
    .gp .centerbox { font-size: 1.2em; margin-top: 58px; line-height: 29px; }
    .scrollsection.wehelp { height: 825px; }
    .member.minor { height: 422px; width: 289px; max-width: 283px; /* max-height: 422px; */ font-size: 1em; margin: 5px 1px; }
    .member { height: 422px; width: 309px; margin: 5px 1px; }
    .help h2 { margin-bottom: 10px; min-height: 90px; }
    .nav li { font-size: 0.8em !important; }
    .nav li .wrapsy { font-size: 1.1em; }
    .topmarginnav .headermid { width: 70%; }
    .topmarginnav .dw-md-4 { width: 30%; }
}

@media screen and (max-width:991px) and (min-width:767px) {
    .logos { margin-top: 20px; }
    .rssbox.news { background-size: cover; background-position: center; }
    .member .info { padding-left: 10px; }
    .member.minor { max-width: 231px; font-size: 0.8em; margin: 10px 3px; height: auto; padding-bottom: 10px; }
    .callback .centerbox { margin-top: 60px !important; }
    .member.minor .contact { font-size: 1.2em; }
    .member { font-size: 1em; max-width: 338px; margin: 10px 10px; }
    .email { font-size: 0.77em; }
    .rssbox.topics { background-size: cover; padding-right: 24px; background-position: top; }
    .help h2 { margin-bottom: 10px; min-height: 95px; }
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer { padding-left: 0; padding-right: 0; }
    .textbasic { font-size: 1.2em; }
}

@media screen and (max-width:992px) {
    .box.bma-callback { height: 680px; }
}

@media screen and (max-width: 768px) {
    /* Remove the padding we set earlier */
    .wehelp .centerbox { margin-top: 16px; margin-bottom: 0px; font-size: 2em; }
    .letstalk { height: auto; padding: 25px; font-size: 1.5em; }
    .section.teamlarge { text-align: center; }
    .help .content { padding: 0; }
    .callback .centerbox { text-align: center; margin: 0 auto; margin-top: 60px; padding: 0; width: 100%; font-size: 2.4em; }
    .callback .btn { margin: 0 auto; margin-top: 20px; font-size: 0.5em !important; text-shadow: none; }
    .services .box { text-align: center; font-size: 1.4em; padding: 0; line-height: 26px; text-align: left; }
    .caps { text-transform: uppercase; margin: 0 auto; text-align: center; width: auto; }
    .footer { margin: 0 auto; }
    .services .centerbox { font-size: 1.5em; margin-top: 25px; line-height: 1.25; margin-bottom: 25px; }
    .contact .centerbox { font-size: 1.1em; }
    .vertical-spacing { margin-top: 10px; margin-bottom: 20px; }
    .btn.contact { margin-top: 21px; margin-bottom: 48px; line-height: 20px; }

    a.btn.contact { }

    .callback.thanks a.btn.contact { font-size: 0.8em; }
    .associate { margin: 0 auto; }
    .dw-sm-6.dw-xs-12.right.topbump { position: absolute; }
    .dw-sm-6.dw-xs-12.left.footermid { margin-top: 0px; text-align: center; padding: 10px; }
    .rssbox.topics .btn.contact { margin-bottom: 0px; }
    .help h2 { min-height: 10px; }
    .wehelp .help { margin-top: 20px; }
}

@media screen and (max-width: 767px) {
    /* Remove the padding we set earlier */
    .hidden-social { display: inline-block !important; float: right; font-size: 0.8em; }
    .topbump { text-align: center; margin: 0; margin-right: 10px; }

    .logos { text-align: center; float: none; }
    .scrollsection.header { text-align: center; }
    .scrollsection.header .addresses { margin-bottom: 20px; }
    .scrollsection.header .centerbox .fa, .scrollsection.header .centerbox .fa-brands { padding: 16px !important; padding-top: 36px !important; }
    .member { margin-bottom: 20px; margin: 10px 3px; max-width: 270px; font-size: 0.9em; height: auto; text-align: left; padding-bottom: 10px; }
    .member.minor { max-width: 249px; margin: 10px 5px; width: auto; height: auto; }
    .rssbox { margin: 0 auto; margin-top: 20px; width: 387px; height: auto; }
    .rssbox.rss { width: 385px; margin: 0 auto; }
    .login { padding: 0; width: auto; top: 9px; right: 6px; }
    .footer #footnoteright, .footer #footnoteleft { text-align: center; margin-top: 5px; font-size: 0.8em; }

    .search-result .results-list .search-result-item > .section { flex-direction: column; gap: 20px; }
}


@media screen and (max-width:660px) {
}

@media screen and (max-width:644px) {
    .member { max-width: 359px; width: auto; }
    .member.minor { max-width: 251px; width: auto; }
}

@media screen and (max-width:612px) {
    .member.minor { width: auto; max-width: 350px; }
    .profession.search .form-inputs { flex-direction: column; }
}

@media screen and (max-width:537px) {
    .doctors { background-position-x: center; margin-bottom: -2px; }
    .contact .box { padding: 0; margin-top: 0; line-height: 27px; }
    .scrollsection.contact { padding-top: 30px; margin-bottom: 30px; }
    .scrollsection.contact.bma { margin-bottom: 0; }
    .services .btn { width: 100%; }
    .services.gp { background-image: none !important; max-height: none !important; }
    .advicelist { font-size: 1.2em; }
    .headercallus { font-size: 0.9em; }

    .popup-modal .modal-inner .modal-content .content-inner { padding: 80px 30px 60px 30px; }
    .mccloud-questions #HowHear { width: unset; max-width: 300px; }
}



@media screen and (max-width:476px) {
    .callback .box, .header .box { width: 92%; padding: 12px; }
    .scrollsection.callback { background-color: white; background-image: url(images/scrollsection_callback_mob.jpg); background-size: cover; background-repeat: no-repeat; }
    .quotetext { font-size: 1.6em; }
    .menuicon { top: 60px; }
    .paddingquote { padding: 30px !important; padding-left: 0px !important; padding-top: 60px !important; }

    .mccloud-questions .btn { color: #fff; background-color: #202C52; max-width: 300px; height: 88px; border: none; border-radius: 2px; }
    .mccloud.scrollsection { height: 600px !important; position: relative; padding: 0; }
    .mccloud-form .mobile-fl-col { flex-direction: column; }
}

@media screen and (max-width:430px) {

    .g-recaptcha div, .g-recaptcha { width: 165px !important; height: 61px; }
    .g-recaptcha { border-right: 1px solid #d3d3d3; border-top-right-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; border-bottom: 1px solid #d3d3d3; border-bottom-left-radius: 3px; }


    .headerlogin { font-size: 0.9em !important; }

    .inline { width: 100%; }
    .callback label { font-size: 0.82em; }
    .rssbox { width: 100% !important; }
    .rss { height: auto; }
    .bottomtitle.caps { font-size: 2.4em; margin-top: -10px; margin-bottom: -30px; }
    .rss .content { padding-bottom: 25px; }
    .menuicon { top: 56px; }
    .field-validation-error { font-size: 0.8em; }
    #bmaform .text, #enquiryform .text { font-size: 1.4em; margin-top: 13px; }
}

@media screen and (max-width:400px) {
    .scrollsection.header .centerbox { font-size: 1.2em; margin: 0 auto; }
    .member { font-size: 0.8em; height: auto; }
    .member.minor { height: auto; }
}

@media screen and (max-width:377px) {
    .headercallus { font-size: 0.8em; padding: 0 !important; padding-top: 12px !important; }
    .headerlogin { font-size: 0.8em; padding: 0 !important; padding-top: 9px !important; }
    .bottomtitle.caps { font-size: 2em; }
    .headerlogin a { font-size: 0.8em; }
    .menuicon { top: 50px; }
}

@media screen and (max-width:350px) {
    .member { font-size: 0.8em; }
}

@media screen and (max-width:340px) {
    .header .social { font-size: 0.8em; }
}

@media screen and (max-width:330px) {
    .email { font-size: 0.9em; }
    .btn { width: auto !important; }
}

.wrapper { width: 300px; margin: 0 auto; }
.break { width: 733px; margin-left: -141px; }
li.drop { width: 20%; width: 20%; color: #212c52; list-style-type: none; font-size: 0.9em; }

.scrollsection.callback.bma-bg { background-image: url("images/bma-form-banner.jpg"); }

.bma-page:has(.bmaform-wrapper) h2 { font-size: 1.625rem !important; font-weight: 400 !important; margin-bottom: 2rem; }
.bmaform-wrapper { max-width: 405px; padding: 16px 25px; background-color: #8cb4d2; margin-left: auto; box-shadow: 0px 0px 14px #666; border-radius: 2px; }
.bmaform-wrapper .captcha-wrapper { height: 45px; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; margin: 0; padding: 0; position: relative; overflow: hidden; max-width: 90%; margin: 0 auto; padding-top: 12px; }
.bmaform-wrapper .captcha-wrapper:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: calc((100% - 300px)/2); background-color: #f9f9f9; }
.bmaform-wrapper .captcha-wrapper .g-recaptcha { border: none !important; height: 55px !important; max-width: 300px !important; transform: translateX(-2px) }
.bmaform-wrapper .section { grid-row-gap: 1.5rem; }
.bmaform-wrapper .bma-btn { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.bmaform-wrapper .section { grid-row-gap: .5rem; }
.bmaform-wrapper input:not([type=submit]), .bmaform-wrapper textarea { width: 100%; font-size: 0.85rem !important; }
.bmaform-wrapper textarea { height: 124px; margin-bottom: 0 !important; }
.bmaform-wrapper label { font-size: 1rem; color: #fff; margin-bottom: 0.25rem; display: block; }
.bmaform-wrapper h1 { color: #fff; display: flex; align-items: center; grid-gap: 1rem; font-size: 1.6rem; margin-top: 0; margin-bottom: 0.75rem; }
.bmaform-wrapper i { font-size: 3rem; color: #212c52; }

.bmaform-wrapper input, .bmaform-wrapper textarea { border: none; outline: none; }
.bma-page { font-size: 1.313rem; color: #545557; }
.bma-page h2 { font-size: 1.563rem; color: #212C52; }
.bma-page ul { display: flex; width: 100%; flex-direction: column; grid-gap: 0.5rem; }
.bma-page li { font-size: 1.25rem; }
.bma-page li::marker { color: #202C52; }
.bma-page .section { display: flex; flex-wrap: wrap; }
.bma-page .section > * { float: none !important; }
.bma-banner { background-image: url(images/scrollsection_callback.jpg); background-position: right; background-size: cover; height: 540px; color: #212C52; }
.bma-banner .container { height: 100%; display: flex; align-items: center; font-size: 1.6rem; }
.bma-banner .container > div { max-width: 768px; font-weight: bold; }
.bma-banner h1 { color: inherit; }
.bg-section { background-image: url(images/bma-members.jpg); background-position: left; background-size: cover; padding-top: 30px; padding-bottom: 30px; color: #212C52; }

.bg-section .container { height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.bg-section .container > div { max-width: 600px; }

.lilac-bg { background-color: #E8EFF5; padding-top: 86px; padding-bottom: 86px; }
.lilac-bg .grid { display: grid; grid-template-areas: "title title" "text img" "post-text img" "btn img"; grid-template-columns: auto 732px; grid-column-gap: 100px; }
.grid h2 { grid-area: title; }
.grid .grid-text { grid-area: text; }
.grid .grid-post { grid-area: post-text; }
.grid > img { grid-area: img; }
.grid > strong { grid-area: btn; }
.bma-contact.btn.contact { font-size: 1rem !important; }
#bmaform input[type="submit"].bma-btn { background-color: #212C52; text-transform: uppercase; color: #fff; font-size: 1.125rem; padding: 0.5rem 2.5rem; display: flex; align-items: center; justify-content: center; height: 45px !important; margin-top: 2rem; max-width: fit-content; text-align: center; }
#bmaform input[type="submit"].bma-btn:hover { background-color: #8cb4d2; }
.scrollsection.callback h1.bma-callback {
    color: #202C52;
    font-weight: bold !important;

    text-align: start;
    font-size: 1.875rem !important;
    text-shadow: none;
    width: initial !important;
}

.scrollsection.callback h1.bma-callback span { font-size: 1.375rem; color: #474747; font-weight: normal; }
.bma-form-bg { background-image: url(images/scrollsection_callback.jpg); background-position: right; background-size: cover; }

.bma-cta { background-color: #fff; color: #202C52; font-size: 1.5rem; font-weight: bold; text-align: center; padding-top: 3rem; padding-bottom: 3rem; }

@media screen and (min-width:1500px) {
    .lilac-bg:not(.form-bg) .container { width: 1480px; }
    .bg-section .container { padding-right: 80px; }
}

@media screen and (max-width:1500px) {
    .lilac-bg .grid { grid-template-areas: "title title" "text img" "post-text img" "btn btn"; grid-template-columns: 1fr 1.2fr; grid-column-gap: 48px; }
}

@media screen and (max-width:1640px) and (min-width:600px) {
    .bma-frost { backdrop-filter: blur(10px); padding: 1rem !important; border-radius: 1rem; box-shadow: 0 0 8px 4px #00000014; padding: 2rem!important;
    background-color: #d5ddf254; margin-top:80px;}
}

@media screen and (max-width:1230px) {
    .lilac-bg .grid { grid-template-areas: "title title" "text img" "post-text post-text" "btn btn"; grid-column-gap: 24px; }
    .bmaform-wrapper .captcha-wrapper { max-width: fit-content; }
}


@media screen and (max-width:992px) {
    .bg-section { height: initial; padding-top: 2rem; padding-bottom: 2rem; position: relative; }
    .bg-section li::marker { color: #fff; }
    .bg-section .container { position: relative; z-index: 9; color: #fff; text-shadow: 0 0 16px #000; }
    .bg-section h2 { color: #fff; text-shadow: 0 0 16px #000; }
    .bg-section::before { content: ""; position: absolute; height: 100%; width: 100%; background-color: #1139388c; top: 0; }
    .bma-page { font-size: 1.125rem; }
    .bma-page li { font-size: 1rem; }
    .lilac-bg, .bma-cta { padding-top: 2rem; padding-bottom: 2rem; }
    .lilac-bg .grid { grid-template-areas: "title" "img" "text" "post-text" "btn"; grid-template-columns: 1fr; }
    .grid > img { margin-top: 1rem; margin-bottom: 1rem; }

    .bmaform-wrapper .captcha-wrapper { padding-top: 6px; }
}

@media screen and (max-width:768px) {
    .bma-btn { font-size: 1rem; }
    .bma-cta { font-size: 1.2rem; }
    .bma-banner { padding: 50px 15px 15px; height: initial; }
}

@media screen and (max-width:600px) {
    .bmaform-wrapper h1 { font-size: 1.6rem; }
    .bmaform-wrapper i { font-size: 3rem; }

    .bma-page:has(.bmaform-wrapper) h2 { font-size: 1.225rem !important; }
    .scrollsection.callback.bma-bg { padding: 0; background-position: -245px; }

    .scrollsection.callback h1.bma-callback > br + br { display: none; }
    .scrollsection.callback h1.bma-callback br { padding: 1rem; }
    .scrollsection.callback h1.bma-callback span { margin-top: 1rem; display: block; }
    .scrollsection.callback h1.bma-callback.bma-frost { color: #202C52 !important; text-shadow: none !important; font-size: 1.5rem !important; }
    .scrollsection.callback h1.bma-callback.bma-frost > span { color: #474747 !important; text-shadow: none !important; font-size: 1.2rem; }
}

@media screen and (max-width:390px) {

    .lilac-bg .grid .section { margin-top: 1rem; margin-bottom: 1rem; grid-row-gap: 0.5rem; }
    .lilac-bg .grid .section ul { margin: 0; }
}

*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.section { margin-right: -15px; margin-left: -15px; }
.container:before,.container:after,.section:before,.section:after{ display: table; content: " "; }
.container:after,.section:after { clear: both; }
.clear { clear:both; }

/* Awesome */
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.fa-facebook:before { content: "\f09a"; }
.fa-linkedin:before { content: "\f0e1";}
.fa-twitter:before { content: "\f099"; }
.fa-navicon:before {content: "\f0c9";}
.fa-chevron-up:before {content: "\f077";}
.fa-phone:before {content: "\f095";}
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-youtube-play:before {content: "\f16a";}
.fa-google-plus:before {content: "\f0d5";}
.fa-chevron-right:before {content: "\f054";}
.fa-envelope:before {content: "\f0e0";}
.fa-linkedin-square:before {content: "\f08c";}
.fa-user-md:before { content: "\f0f0"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-user-circle-o:before {content: "\f2be";}
.fa-stethoscope:before {content: "\f0f1";}
.fa-times-circle:before {content: "\f057";}
.fa-hospital-o:before {content: "\f0f8";}
.fa-caret-down:before {    content: "\f0d7";}
.fa-medkit:before {content: "\f0fa";}
.fa-quote-left:before {content: "\f10d";}
.fa-caret-up:before {content: "\f0d8";}
.fa-close:before {content: "\f00d";}
.fa-user:before {content: "\f007";}
.fa-pinterest:before {content: "\f0d2";}
.fa-chevron-down:before {content: "\f078";}
.fa-user-circle-o:before {content: "\f2be";}
.fa-mobile-phone:before, .fa-mobile:before {content: "\f10b";}
.fa-instagram:before {content: "\f16d";}
.fa-angle-down:before { content: "\f107"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-envelope-o:before {content: "\f003";}
.fa-map-marker:before {content: "\f041";}

.fs-18 { font-size: 1.125rem; }
.fs-22 { font-size: 1.38rem; }
.fs-30 { font-size: 1.88rem !important; }

.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }

.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-65 { padding-top: 65px; padding-bottom: 65px; }

.pb-10 { padding-bottom: 10px; }

.mb-10 { margin-bottom: 10px; }

.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }

.mt-25 { margin-top: 25px; }

.my-25 { margin-top: 25px; margin-bottom: 25px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }

.max-w-320 { max-width: 320px; }
.max-w-450 { max-width: 450px; }
.max-w-530 { max-width: 530px; }
.max-w-580 { max-width: 580px; }
.max-w-600 { max-width: 600px; }
.max-w-680 { max-width: 680px; }

.fl-al-start { align-items: flex-start; }

.dw-xs-1,
.dw-sm-1,
.dw-md-1,
.dw-lg-1,
.dw-xs-2,
.dw-sm-2,
.dw-md-2,
.dw-lg-2,
.dw-xs-3,
.dw-sm-3,
.dw-md-3,
.dw-lg-3,
.dw-xs-4,
.dw-sm-4,
.dw-md-4,
.dw-lg-4,
.dw-xs-5,
.dw-sm-5,
.dw-md-5,
.dw-lg-5,
.dw-xs-6,
.dw-sm-6,
.dw-md-6,
.dw-lg-6,
.dw-xs-7,
.dw-sm-7,
.dw-md-7,
.dw-lg-7,
.dw-xs-8,
.dw-sm-8,
.dw-md-8,
.dw-lg-8,
.dw-xs-9,
.dw-sm-9,
.dw-md-9,
.dw-lg-9,
.dw-xs-10,
.dw-sm-10,
.dw-md-10,
.dw-lg-10,
.dw-xs-11,
.dw-sm-11,
.dw-md-11,
.dw-lg-11,
.dw-xs-12,
.dw-sm-12,
.dw-md-12,
.dw-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dw-xs-1,
.dw-xs-2,
.dw-xs-3,
.dw-xs-4,
.dw-xs-5,
.dw-xs-6,
.dw-xs-7,
.dw-xs-8,
.dw-xs-9,
.dw-xs-10,
.dw-xs-11 {
  float: left;
}

.dw-xs-12 {
  width: 100%;
}

.dw-xs-11 {
  width: 91.66666666666666%;
}

.dw-xs-10 {
  width: 83.33333333333334%;
}

.dw-xs-9 {
  width: 75%;
}

.dw-xs-8 {
  width: 66.66666666666666%;
}

.dw-xs-7 {
  width: 58.333333333333336%;
}

.dw-xs-6 {
  width: 50%;
}

.dw-xs-5 {
  width: 41.66666666666667%;
}

.dw-xs-4 {
  width: 33.33333333333333%;
}

.dw-xs-3 {
  width: 25%;
}

.dw-xs-2 {
  width: 16.666666666666664%;
}

.dw-xs-1 {
  width: 8.333333333333332%;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .dw-sm-1,
  .dw-sm-2,
  .dw-sm-3,
  .dw-sm-4,
  .dw-sm-5,
  .dw-sm-6,
  .dw-sm-7,
  .dw-sm-8,
  .dw-sm-9,
  .dw-sm-10,
  .dw-sm-11 {
    float: left;
  }
  .dw-sm-12 {
    width: 100%;
  }
  .dw-sm-11 {
    width: 91.66666666666666%;
  }
  .dw-sm-10 {
    width: 83.33333333333334%;
  }
  .dw-sm-9 {
    width: 75%;
  }
  .dw-sm-8 {
    width: 66.66666666666666%;
  }
  .dw-sm-7 {
    width: 58.333333333333336%;
  }
  .dw-sm-6 {
    width: 50%;
  }
  .dw-sm-5 {
    width: 41.66666666666667%;
  }
  .dw-sm-4 {
    width: 33.33333333333333%;
  }
  .dw-sm-3 {
    width: 25%;
  }
  .dw-sm-2 {
    width: 16.666666666666664%;
  }
  .dw-sm-1 {
    width: 8.333333333333332%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .dw-md-1,
  .dw-md-2,
  .dw-md-3,
  .dw-md-4,
  .dw-md-5,
  .dw-md-6,
  .dw-md-7,
  .dw-md-8,
  .dw-md-9,
  .dw-md-10,
  .dw-md-11 {
    float: left;
  }
  .dw-md-12 {
    width: 100%;
  }
  .dw-md-11 {
    width: 91.66666666666666%;
  }
  .dw-md-10 {
    width: 83.33333333333334%;
  }
  .dw-md-9 {
    width: 75%;
  }
  .dw-md-8 {
    width: 66.66666666666666%;
  }
  .dw-md-7 {
    width: 58.333333333333336%;
  }
  .dw-md-6 {
    width: 50%;
  }
  .dw-md-5 {
    width: 41.66666666666667%;
  }
  .dw-md-4 {
    width: 33.33333333333333%;
  }
  .dw-md-3 {
    width: 25%;
  }
  .dw-md-2 {
    width: 16.666666666666664%;
  }
  .dw-md-1 {
    width: 8.333333333333332%;
  }
}

@media (min-width: 1230px) {
  .container {
    width: 1230px;
  }
  .dw-lg-1,
  .dw-lg-2,
  .dw-lg-3,
  .dw-lg-4,
  .dw-lg-5,
  .dw-lg-6,
  .dw-lg-7,
  .dw-lg-8,
  .dw-lg-9,
  .dw-lg-10,
  .dw-lg-11 {
    float: left;
  }
  .dw-lg-12 {
    width: 100%;
  }
  .dw-lg-11 {
    width: 91.66666666666666%;
  }
  .dw-lg-10 {
    width: 83.33333333333334%;
  }
  .dw-lg-9 {
    width: 75%;
  }
  .dw-lg-8 {
    width: 66.66666666666666%;
  }
  .dw-lg-7 {
    width: 58.333333333333336%;
  }
  .dw-lg-6 {
    width: 50%;
  }
  .dw-lg-5 {
    width: 41.66666666666667%;
  }
  .dw-lg-4 {
    width: 33.33333333333333%;
  }
  .dw-lg-3 {
    width: 25%;
  }
  .dw-lg-2 {
    width: 16.666666666666664%;
  }
  .dw-lg-1 {
    width: 8.333333333333332%;
  }
}


@-ms-viewport {
  width: device-width;
}


.visible-xs
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .visible-xs.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
}

.visible-sm
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .visible-sm.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
}

.visible-md
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .visible-md.visible-lg {
    display: block !important;
  }
}

.visible-lg
{
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .visible-lg.visible-md {
    display: block !important;
  }
}

@media (min-width: 1230px) {
  .visible-lg {
    display: block !important;
  }
}

.hidden-xs {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-xs
  {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm
  {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .hidden-xs.hidden-lg{
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-sm.hidden-xs
  {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}


@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm{
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1229px) {
  .hidden-lg.hidden-md{
    display: none !important;
  }
}

@media (min-width: 1230px) {
  .hidden-lg{
    display: none !important;
  }
}

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}


@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}