.remodal,
body,
html {
    -ms-text-size-adjust: 100%
}

a[href='javascript:;'],
body,
button[disabled],
input[disabled] {
    cursor: default
}

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

a img,
hr,
img {
    border: 0
}

form,
hr {
    padding: 0
}

form textarea,
textarea {
    overflow: auto;
    resize: vertical
}

.floatc,
.fom .radiof .emspace,
.fwrp .emspace,
.paging,
.tblspc,
.tblwrp,
section {
    clear: both
}

.mfp-close,
.tbltab a:hover {
    text-decoration: none
}

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

body,
html {
    width: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font: 11px/18px arial, helvetica, verdana, sans-serif;
    background: #fff
}

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

hr {
    height: 1px;
    margin: 1em 0;
    border-top: 1px solid #ccc
}

.fom,
.nomp,
form {
    margin: 0
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
pre {
    width: 99%;
    font-family: 'Courier New', Courier, monospace;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap!important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

label {
    cursor: pointer
}

.colwrp,
.emspace,
.fom .radiof,
.fom .radiof input,
.fom form,
.fwrp,
.pl,
img {
    overflow: hidden
}

a:active,
a:focus,
a:hover,
input[class=btn]:focus,
input[type=submit]:focus {
    outline: 0
}

audio,
canvas,
video {
    display: inline-block
}

#ov,
.mob,
.nodisp,
.pl,
[hidden] {
    display: none
}

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

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

button,
input {
    line-height: normal
}

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

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner,
input[class=btn]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

#con ul, #con ol {
    margin-bottom: 1rem;
}

ol {
    list-style-type: decimal;
}

ol li {
    margin-bottom: 1rem;
    font-size: 1rem;
    list-style-position: inside;
	padding-left: 1rem;    
}

#con img.right {
    float:right;
    margin-left:10px;
    margin-bottom:8px;
}
#con img.left {
    float:left;
    margin-right:10px;
    margin-bottom:8px; 
}
#con img.center {
    float:none;
    margin:10px auto 10px auto;
    display:block;  
}
#con img.leftAlone {
    margin: 10px 100% 10px 0;
}

blockquote {
    font-style: italic;
    font-size: 16px;
    background: #f5f5f5;
    padding: 1rem;
    margin: 1rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.bcc-all {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.bcc-top {
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0
}

.bcc-bot {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px
}

.bcc-lef {
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px
}

#ov {
    position: fixed;
    left: 40px;
    bottom: 40px;
    z-index: 29999;
    width: 134px;
    height: auto;
    padding: 14px;
    color: #fff;
    background: #09c;
    border: 1px solid #016789;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: .9;
    -ms-filter: 'alpha(opacity=90)';
    filter: alpha(opacity=90)
}

.emspace {
    font: 10px/10px arial;
    height: 10px
}

.emspace.h1,
.pl {
    height: 1px
}

.floatl {
    float: left
}

.floatr {
    float: right
}

.pl {
    position: absolute;
    top: 0;
    left: 0
}

.nomp {
    padding: 0
}

.emspace.h5 {
    height: 5px
}

.emspace.h20 {
    height: 20px
}

.emspace.h30 {
    height: 30px
}

.emspace.h40 {
    height: 40px
}

.emspace.h50 {
    height: 50px
}

.emspace.h60 {
    height: 60px
}

.emspace.h70 {
    height: 70px
}

.emspace.h80 {
    height: 80px
}

.emspace.h90 {
    height: 90px
}

.center {
    text-align: center
}

.tright {
    text-align: right
}

.ll {
    float: left
}

.rr {
    width: 48%;
    float: right
}

.colwrp {
    width: 100%
}

.colfiv,
.colfor,
.coltre {
    float: left
}

.coltre {
    width: 33%
}

.coltre.mid {
    width: 34%
}

.colfor {
    width: 25%
}

.colfor.dbl {
    width: 50%
}

.colfiv {
    width: 20%
}

img.resp {
    max-width: 100%;
    height: auto
}

@media \0screen {
    img.resp {
        width: auto
    }
}

.fom {
    width: 100%;
    padding: 0
}

.fom form {
    padding: 0
}

.fom input,
.fom select,
.fom textarea {
    width: 370px;
    padding: 10px;
    color: #000;
    background: #fff
}

.fom input,
.fom select,
.fom textarea,
a.btn {
    border: 1px solid #ccc
}

.fom textarea {
    height: 194px
}

.fom select {
    width: auto;
    color: #777;
    background: #fcfcfc
}

.fom select[multiple=multiple] {
    height: 140px
}

.fom label.emp {
    cursor: default
}

.fom input,
.fom select,
.radiof {
    text-align: left
}

.fom input.disabled {
    border: 1px solid #aaa;
    background: #ccc
}

.fom form,
.fom input,
.fom label,
.fom select,
.fom textarea {
    margin: 5px 0
}

.fom .auto {
    width: auto
}

.fom label {
    padding: 0;
    display: block;
    margin: 5px 0 0
}

label.plain {
    width: auto;
    margin: 0;
    padding: 0;
    float: none
}

.fom .radiof {
    padding-top: 6px
}

.fom .radiof .emspace {
    height: 1px;
    overflow: hidden
}

.fom .radiof input {
    width: 16px;
    height: 16px;
    margin: 1px 2px 0 0;
    padding: 0;
    float: left;
    background: 0 0;
    border: none;
    vertical-align: middle
}

.fom .radiof label {
    width: auto;
    margin: 0;
    padding: 1px 0 0;
    text-align: left;
    float: left;
    line-height: 16px
}

.fom .radiof label.mr {
    margin-right: 10px
}

.fwrp {
    margin: 0 0 10px
}

.fwrp .fhead {
    font-weight: 700;
    font-size: 1.2em;
    padding: 10px 0 5px
}

.fwrp .fermsg,
.fwrp .fnotes {
    clear: both;
    padding-top: 2px;
    font-weight: 700
}

.fwrp .fnotes {
    color: #888;
    font-weight: 400
}

.fwrp .fermsg {
    display: none;
    color: #c00
}

.fwrp.fer .fermsg,
form label {
    display: block
}

.fwrp.fer input,
.fwrp.fer textarea {
    background: #fee5e5;
    border-color: #d4222f;
    color: #d4222f
}

.fwrp.fer label {
    color: #c00
}

.fom input:focus,
.fom select:focus,
.fom textarea:focus,
input.fon,
textarea.fon {
    background-color: #fff;
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: dotted thin\9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

input.fer,
textarea.fer {
    background: #ffcbcb;
    border-color: #d4222f
}

a.btn,
input.btn,
input[type=submit] {
    margin: 0;
    padding: 0 40px;
    cursor: pointer;
    text-align: center;
    width: auto;
    height: 43px;
    line-height: 43px;
    font-size: 20px;
    color: #fff;
    background-color: #f9703b;
    border: 0;
    position: relative;
    top: 1px
}

input[type=submit] {
	margin-bottom: 0.5rem;
}

fieldset {
    padding: 0;
    border: none
}

form label {
    margin: 0 0 5px;
    padding: 0;
    font-size: 0.85rem;
    line-height: 1.5;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

form label.error {
    color: red;
    font-weight: 400;
    font-size: 0.75rem;
}

::-webkit-input-placeholder {
    color: #999;
    font-weight: 300;
    font-size: 14px
}

::-moz-placeholder {
    color: #999;
    font-weight: 300;
    font-size: 14px
}

:-ms-input-placeholder {
    color: #999;
    font-weight: 300;
    font-size: 14px
}

:-moz-placeholder {
    color: #999;
    font-weight: 300;
    font-size: 14px
}

label.required:after {
    content: "*";
    color: #222
}

#soc a:after,
#utility .rr a:after,
.remodal-wrapper:after {
    content: ""
}

form .field {
    max-width: 450px;
    margin: 0 auto
}

form img {
    margin-bottom: 1rem
}

form label span {
    color: #3e91b5
}

form input,
form select,
form textarea {
    font-family: Ubuntu, sans-serif;
    position: relative
}

.field.checkbox,
.field.checkboxset,
.field.optionset {
    text-align: left;
    margin: 1rem auto
}

#backtotop,
#con,


.field.checkbox label,
.field.checkboxset label,
.field.optionset label {
    font-size: .85rem
}

.field.checkbox>label,
.field.checkboxset>label,
.field.optionset>label {
    font-size: 1rem
}

form input[type=text],
form input[type=password],
form input[type=email],
form input[type=tel],
form input[type=file],
form select,
form textarea {
    background: #FFF;
    border: 1px solid #CDD2D8;
    padding: 12px;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    color: #475372;
    margin: 0 auto 1rem;
    font-size: .9rem;
    box-sizing: border-box
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
    outline: 0;
    border: 1px solid #bbb
}

.flex-video,
.map-marker,
.mfp-bg,
.paging,
.tblspc {
    overflow: hidden
}

form input[type=file],
form input[type=checkbox],
form input[type=radio] {
    margin: 0 0 .44444rem
}

form input[type=checkbox]+label,
form input[type=radio]+label {
    font-size: 1em;
    display: inline-block;
    padding: 0;
    vertical-align: baseline;
    margin: 0 .88889em 0 .44444em
}

a.btn {
    display: inline-block
}

a.btn:focus,
a.btn:hover,
input.btn:focus,
input.btn:hover,
input[type=submit]:hover {
    background-color: #000;
    color: #fff
}

a.btn.short,
input.btn.short {
    padding: 0 20px
}

a.btn.smtxt,
input.btn.smtxt {
    font-size: 16px
}

.fwrp .textarea {
    width: 304px;
    height: auto;
    float: left;
    padding: 8px;
    letter-spacing: 1px;
    color: #888;
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

section {
    float: none;
    width: 100%;
    display: block;
    position: relative;
    height: 100%
}

.locations .colfor {
    float: none;
    display: inline-block;
    width: 20%;
    vertical-align: top
}

#utility a.scroll-logo:before,
.cycle-slideshow .disabled,
body #utility a.scroll-logo:after {
    display: none
}

@media screen and (max-width:767px) {
    .locations .colfor {
        width: 100%
    }
}

a.view.more {
    font-size: .85rem
}

.cta .btn i {
    margin-right: 1rem
}

section.locations {
    margin-bottom: 0;
    padding: 3rem 0;
    background-size: cover;
    background-position: center center;
}

.overlay {
    background-color: rgba(40, 54, 57, .75);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#hed,
.locations .colcon,
.locations h2 {
    position: relative
}

.locations .colcon h4,
.locations .colcon p {
    color: #fff
}

section.cta {
     margin: 0;
     padding: 2rem 0;
     background: #90b2bb
 }
section.cta2{
    margin: 0;
    padding: 2rem 0;

}

.locations h2 {
    color: #fff;
    margin-bottom: 1rem
}

.bod {
    color: #464646;
    background: #fff
}

#backtotop,
.org {
    background: #f9703b
}

.bod,
.fom * {
    font: 300 18px/21px 'Open Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 10px 0;
    font-weight: 300;
    line-height: 1.25
}

h1 {
    font-size: 1.8em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1em
}

h5 {
    font-size: .83em
}

h6 {
    font-size: .75em
}

p {
    margin: 0;
    padding: 10px 0 20px;
    line-height: 2;
    font-size: 1rem
}

a,
a:hover,
label.plain {
    color: #f9703b;
    text-decoration: none
}

a:hover,
label.plain:hover {
    color: #9ac7d4
}

#backtotop,
#copy a:hover,
#fot dl,
#fot dl a,
#soc a:hover,
#utility,
#utility a,
#utility a:hover,
.org {
    color: #fff
}

a.point {
    cursor: pointer
}

a,
b,
strong {
    font-weight: 600
}

blockquote {
    font-style: italic;
    font-size: 16px
}

#backtotop {
    cursor: pointer;
    position: fixed;
    bottom: -100px;
    right: 14px;
    width: 40px;
    height: 40px;
    font-size: 32px;
    line-height: 34px
}

#backtotop.tada {
    bottom: 14px
}

.wrp {
    max-width: 1002px;
    margin: 0 auto;
    padding: 0 2rem
}

#copy a,
#fot {
    color: #959595
}

.gry {
    background: #e7e7e7
}

#hed {
    width: 100%;
    height: 699px;
    background-color: #91b3bc;
    background-position: center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1
}

#con {
    min-height: 540px;
    height: auto!important;
    height: 540px
}

#fot {
    background: #464646
}

#hed.hbase {
    background-image: url(../img/_ui/bg_hed.jpg)
}

#hed.hbout {
    background-image: url(../img/_ui/bg_hed-bout.jpg)
}

#hed.hcare {
    background-image: url(../img/_ui/bg_hed-care.jpg)
}

#hed.hgprf {
    background-image: url(../img/_ui/bg_hed-gprf.jpg)
}

#hed.hspne {
    background-image: url(../img/_ui/bg_hed-spne.jpg)
}

.cycle-slideshow .cycle-next,
.cycle-slideshow .cycle-prev {
    position: absolute;
    top: 30%;
    z-index: 998;
    width: 16px;
    height: 36px;
    background: center no-repeat;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-size: 100% auto
}

.cycle-slideshow:hover .cycle-next,
.cycle-slideshow:hover .cycle-prev {
    opacity: 1
}

.cycle-slideshow .cycle-prev {
    left: 0;
    background-image: url(../img/_ui/cycle-prev.png)
}

.cycle-slideshow .cycle-next {
    right: 0;
    background-image: url(../img/_ui/cycle-next.png)
}

#utility {
    line-height: 50px;
    background: rgba(98, 92, 92, .5);
    position: absolute;
    height: 50px;
    z-index: 999
}

#utility.scrolled {
    position: fixed;
    top: 0;
    background: rgba(98, 92, 92, .75);
    transform: translateY(0);
    transition: transform .5s ease, background .9s ease;
    -webkit-transition: transform .5s ease, background .9s
}

#utility .scroll-logo {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#utility .rr a:after,
#utility a {
    -webkit-transition: all .5s ease
}

#utility a.scroll-logo {
    float: left;
    margin-top: -5rem
}

@media screen and (min-width:767px) {
    #utility.scrolled .scroll-logo {
        opacity: 1
    }
    #utility.scrolled a.scroll-logo {
        float: left;
        margin-top: 1rem
    }
}

#utility a {
    transition: all .5s ease
}

#utility .rr a:hover:before {
    border-color: #fff
}

#utility .rr {
    text-align: right;
    font-size: 21px;
    width: 100%
}

#utility .rr a {
    margin-left: 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: -10px
}

#utility .rr a:after {
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    left: 6px;
    bottom: 2px;
    background: #6d7e7b;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    transition: all .5s ease
}

#soc a:before,
#utility .rr a:before {
    margin-left: 1px;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

#utility .rr a:before {
    width: 26px;
    height: 26px;
    font-size: 12px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 99rem;
    padding: 5px;
    box-sizing: border-box;
    position: relative
}

#utility a.fa.fa-phone {
    top: -2px;
    margin-right: 1rem;
    padding-right: 1.35rem;
    border-right: 2px solid rgba(255, 255, 255, .5)
}

#fot dd,
#fot dl,
#fot dl a,
#fot dt {
    margin: 0;
    padding: 0
}

#utility span {
    font: 400 18px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    margin-left: .5rem
}

#soc {
    text-align: center;
    border-bottom: 1px solid #565656
}

#soc a {
    margin: 0 5px;
    font-size: 21px;
    color: #787878;
    position: relative
}

#soc a:before {
    width: 40px;
    height: 40px;
    font-size: 20px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 99rem;
    padding: 8px 5px;
    box-sizing: border-box;
    position: relative
}

#callbox dt:first-child{
    border: 0
}

#con h2.pgtsb span,
.paging img {
    vertical-align: middle
}

#soc a:hover:before {
    border: 2px solid rgba(255, 255, 255, 1)
}

#soc a:after {
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    left: 10px;
    bottom: 3px;
    background: #464646;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#fot a {
    font-weight: 300
}

#fot dt,
#fot dt a {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 10px
}

#fot dd a {
    font-weight: 300;
    font-size: 14px
}

#fot dd a:hover {
    color: #f9703b
}

.footer-links h5 {
    color: #fff;
    font-weight: 400;
    font-size: 1.1rem;
}
.footer-links ul li {
    font-weight: 300;
    font-size: 0.85rem;
    color: #fff;
    line-height: 1.75;
}
.footer-links ul li a {
    color: #fff;
}
.footer-links ul li a:hover {
    color: #f9703b;
}

#copy {
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #565656
}

#hero {
    width: 100%;
    height: 700px;
    z-index: 2
}

#hero .hbn {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#hero .hon {
    position: relative;
    top: 170px;
    width: 40%;
    color: #fff;
    display: inline-block
}

#hero .overlay {
    display: none
}

#hero .hon h2 {
    padding: 0 0 10px;
    line-height: 1.2;
    font-size: 1.8rem
}

#hero .hon h2,
#hero .hon h3 {
    padding-top: 0
}

#hero .hon a {
    display: block;
    line-height: 34px;
    color: #fff;
    background: url(../img/_ui/bg_hon.png) left bottom no-repeat
}

.hon ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 5px;
    position: relative;
    top: -1px;
    font-size: 12px;
}

#hero .hon a.lst {
    background: 0 0
}

#hero .hon a:hover {
    color: #222
}

#hero .hon a.watchvideo {
    width: 203px;
    height: 50px;
    display: block;
    background: url(../img/_ui/watchvideo.png) left top no-repeat
}

#hero .hon a.banner-link,
#hero .hon a.minterview {
    width: 286px;
    height: 50px;
    padding-left: 65px;
    font-size: 23px;
    color: #000;
    line-height: 2;
    display: block;
    font-weight: 400
}

#hero .hon a.minterview {
    background: url(../img/_ui/minterview.png) left top no-repeat
}

#hero .hon a.banner-link {
    background: url(../img/_ui/banner-arrow.png) left top no-repeat
}

#hero .hon a.banner-link:hover {
    color: #fff
}

#hero.cycle-slideshow .cycle-next,
#hero.cycle-slideshow .cycle-prev {
    top: 40%
}

#hero.cycle-slideshow .cycle-prev {
    left: 20px;
    background-image: url(../img/_ui/cycle-prev_w.png)
}

#hero.cycle-slideshow .cycle-next {
    right: 20px;
    background-image: url(../img/_ui/cycle-next_w.png)
}

.sub #hed {
    height: 287px
}

.org.center,
.sub #hero {
    align-items: center;
    background-image: linear-gradient(to right, #6ca59f, #8ec1bc, #89a68e, #9ec2a6, #7c9aa2, #aac8d0, #868195, #b0adb8);
    background-size: 3000%;
    background-position: 0 0;
    box-shadow: inset 0 0 10em rgba(0, 0, 0, .1);
    height: 100%;
    justify-content: center;
    animation-duration: 120s;
    animation-iteration-count: infinite;
    animation-name: gradients
}

@keyframes gradients {
    0%,
    100% {
        background-position: 0 0
    }
    25% {
        background-position: 50% 0
    }
    50% {
        background-position: 90% 0
    }
    60% {
        background-position: 60%
    }
    75% {
        background-position: 40%
    }
}

.sub #hero {
    background-size: 100%;
    background-image: none;
    background-color: #92B4BD
}

.sub #hero.green {
    background-color: #A0C4AA
}

.sub #hero.aqua {
    background-color: #89BCB5
}

.sub #hero.purple {
    background-color: #B6B0BD
}

.sub #hero .pagetit {
    position: relative;
    top: 170px;
    left: 0;
    color: #fff;
    padding-bottom: 10px
}

#callbox,#mnav,
#mbnav li ul {
    position: absolute
}

#mnav {
    width: 100%;
    top: 62px;
    left: 0;
    z-index: 240;
}

.colcon,
.gry h3 {
    text-align: center
}

#mbnav {
    cursor: pointer;
    top: 22px;
    right: 2rem;
    font-weight: 300;
    font-size: 24px;
    color: #fff
}

#callbox {
    top: 420px;
    right: 0;
    z-index: 201;
    width: 240px;
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    background: #e3e3e3;
    cursor: pointer
}

#callbox ul,
#callbox ul li {
    margin: 0;
    padding: 0
}

#callbox ul li {
    border-top: 1px solid #d3d3d3;
    padding: 3px 0
}


#callbox ul li a {
	color: #464646;	
}


#callbox ul li a {
	color: #464646;	
}


#callbox ul li a:hover {
	color: #f9703b;	
}


#callbox ul li:first-child a {
	color: #f9703b;	
}


#callbox ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 5px;
    position: relative;
    top: -1px;
    font-size: 12px;
}

#callbox ul {
    padding: 0 0 5px
}

#callbox a {
    color: #464646
}

#callbox a:hover {
    color: #000
}

@media only screen and (max-width:1440px) {
    #callbox {
        width: 180px;
        line-height: 16px
    }
    #callbox,
    #callbox a {
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen and (max-width:1366px) {
    #callbox {
        width: 140px
    }
}

@media only screen and (max-width:1280px) {
    #callbox {
        width: 100px
    }
}

@media only screen and (max-width:1024px) {
    #hero.cycle-slideshow .cycle-next,
    #hero.cycle-slideshow .cycle-prev {
        display: none
    }
    #callbox {
        position: relative;
        top: 0;
        left: 0;
        z-index: -1;
        width: 92%;
        padding: 4%;
        text-align: center
    }
    #callbox dt {
        border: 0
    }
}

.colcon {
    width: 92%;
    padding: 4%
}

.colcon h4 {
    padding: 5px 0;
    font-weight: 600
}

.colfor .pad {
    padding: 5px
}

.htcon {
    width: 84%;
    height: auto;
    margin: 0 auto
}

.htcon a span {
    color: #464646;
    font-weight: 300
}

.htcon h4 {
    padding: 20px 0 5px;
    font-weight: 600
}

.htcon p {
    padding: 5px 0 0;
    line-height: 1.5;
}

.htcon ul li a {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75;
    color: #464646;
    position: relative;
}

.htcon ul li a:hover {
	color: #f9703b
}

.htcon ul li a:after {
	content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 5px;
    position: relative;
    top: -1px;
    font-size: 12px;
    color: #f9703b;
}

.map-marker {
    width: 33px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background: url(../img/map-marker.png) center no-repeat
}

a.map-marker:hover {
    opacity: .75
}

.hnews {
    width: 100%;
    height: auto
}

section#newslist .paging {
    border: none
}

.hnews .hnwrp {
    width: 88%;
    padding: 0 6%
}

.hnews .hnwrp img {
    float: left;
    width: 27%
}

.hnews .hnwrp .hncn {
    float: right;
    width: 70%
}

.hnews .hnwrp .hncn.noimg {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 1rem
}

.hnews .hnwrp .image-container {
    height: 170px;
    float: left;
    width: 27%;
    position: relative;
    overflow: hidden;
    margin: .5rem 0
}

.hnews .hnwrp .image-container img {
    position: relative;
    top: 50%;
    width: 100%;
    float: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

form h3 {
    margin: 1rem auto
}

form label {
    text-align: left
}

#con .newswrp h2 {
    padding: 0
}

#con .newswrp img {
    margin-bottom: 2rem
}

.newswrp h2 a {
    font-weight: 300;
    line-height: 1.5
}

.hncn p {
    line-height: 1.5;
    padding-bottom: 0
}

.flex-video {
    height: 0;
    margin-bottom: .88889rem;
    padding-bottom: 56.34%;
    padding-top: 1.38889rem;
    position: relative; 
}

.flex-video.locations-flex-video {
    min-height: 300px;    
}

.locations-flex-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.remodal.locations-remodal {
    height: 80vh;
    background: #fff;
}

.flex-video.locations-flex-video iframe {
    overflow-y: scroll !important;
}

.locations-flex-video {
	height: 100%;
}

#con .pagetit,
#con h1,
{
    padding: 20px 0
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

#side {
    width: 234px;
    float: left
}

#con {
    width: 670px;
    float: right
}



#con h2.pgtsb {
    border-bottom: 1px solid #c7c7c7;
    cursor: pointer
}

#con h2.pgtsb span {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/_ui/acon-plus.jpg) center no-repeat #fff
}

#con h2.pgtsb.on {
    border: 0
}

#con h2.pgtsb.on span {
    background-image: url(../img/_ui/acon-minus.jpg)
}

#con .accordion .acon {
    display: none
}

#con p {
    line-height: 2;
}

.tilewrp {
    width: 100%;
    margin: 10px 0 20px
}

.tilecon,
.tilehed {
    padding: 14px 24px;
    font-size: 16px;
    color: #464646
}

.tilehed {
    font-weight: 600;
    text-transform: uppercase;
    background: #d3d3d3
}

.tilecon {
    background: #e3e3e3
}

.snav a {
    display: block;
    font-weight: 300;
    color: #464646
}

.snav a.active,
.snav a:hover {
    color: #f9703b
}

.newsviw .pagetit {
    padding-bottom: 0
}

.newsviw .newstim {
    font-size: 13px;
    line-height: 16px
}

.vlc {
    position: relative;
    z-index: 10
}

.viewmedica {
    padding: 30px 0;
    color: #fff;
    background: #464646
}

.viewmedica h2 {
    text-align: center;
    padding-bottom: 30px
}

.viewmedica .colwrp {
    float: left;
    width: 92%;
    padding: 0 4%
}

.viewmedica .cycle-slideshow .cycle-prev {
    background-image: url(../img/_ui/cycle-prev_w.png)
}

.viewmedica .cycle-slideshow .cycle-next {
    background-image: url(../img/_ui/cycle-next_w.png)
}

.viewmedica .colfor .vidt {
    padding: 10px;
    text-align: center
}

.viewmedica .colfor .vidt a {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1;
    margin: 1rem 0 2rem;
    color: #fff;
}

.viewmedica .colfor .vidt a:hover {
	color: #f9703b;		
}

.viewmedica .colfor .vidt .mp-inline,
.viewmedica .colfor .vidt .mp-youtube {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    color: #fff
}

.viewmedica .colfor .vidt .mp-inline:hover,
.viewmedica .colfor .vidt .mp-youtube:hover {
    color: #f9703b
}

.viewmedica .colfor .vidt .mp-inline img,
.viewmedica .colfor .vidt .mp-youtube img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0
}

.mfp-content .vidc {
    text-align: center
}

.vidc div,
.vidc div div.Viewmedica {
    text-align: center;
    margin: 0 auto
}

.fom .radiof {
    width: 370px;
    margin: 0 auto
}

.radiof label {
    font-size: 14px
}

#side input,
#side textarea {
    width: 212px
}

#side textarea {
    height: 100px
}

#side input.btn {
    width: auto
}

#backtotop,
#moloney-pop,
#viw,
.ll,
.resp,
.rr,
.wrp {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width:1280px) {
    #callbox {
        top: 400px
    }
}

@media only screen and (max-width:1280px) {
    #hero.cycle-slideshow .cycle-next,
    #hero.cycle-slideshow .cycle-prev {
        bottom: 1rem;
        top: auto;
        height: 32px;
        width: 32px;
        padding: 1rem;
        box-sizing: border-box;
        background-size: auto 16px;
        opacity: 1;
        border: 2px solid rgba(255, 255, 255, .3);
        border-radius: 99rem;
        display: block;
        right: 2rem;
        left: auto
    }
    #hero.cycle-slideshow .cycle-next:hover,
    #hero.cycle-slideshow .cycle-prev:hover {
        border: 2px solid rgba(255, 255, 255, 1)
    }
    #hero.cycle-slideshow .cycle-prev {
        right: 4.5rem
    }
}

@media only screen and (max-width:1024px) {
    #callbox {
        position: relative;
        top: 0;
        left: 0;
        z-index: -1;
        width: 92%;
        padding: 4%;
        text-align: center
    }
    #callbox dt {
        border: 0
    }
}

@media only screen and (max-width:1023px) {
    #con,
    #mbnav,
    #side {
        display: block
    }
    #hed,
    #hero {
        height: 450px
    }
    #hero {
        z-index: 210
    }
    #callbox {
        z-index: 0
    }
    #mbnav {
        z-index: 211
    }

    #con,
    #side {
        width: 100%;
    }
    #side,
    .hnews.cycle-slideshow .cycle-next,
    .hnews.cycle-slideshow .cycle-prev {
        display: none
    }
    .tilewrp {
        text-align: center
    }
    #hero .hon {
        top: 148px;
        width: 70%;
        font-size: 14px;
        line-height: 16px
    }
    #hero .hon .emspace.h30 {
        height: 20px
    }
}

@media only screen and (max-width:767px) {
    #hero .hon,
    .coltre,
    .coltre.mid {
        width: 100%
    }
    #mnav .wrp,
    .wrp {
        padding: 0 1rem
    }
    #hed,
    #hero {
        height: 450px
    }
    #hero .hon .emspace.h30 {
        height: 10px
    }
    #hero .hon a.watchvideo {
        display: none
    }
    .hom .org .wrp .emspace.h60 {
        height: 30px
    }
    .hom .org .wrp .quote {
        font-size: 24px;
        line-height: 100%
    }
    .hom .org .wrp .fontsize28 {
        font-size: 21px;
        line-height: 100%
    }
    .colfiv,
    .colfor {
        width: 50%
    }
    #hero .hon h2 {
        font-size: 1.5rem
    }

    #mbnav {
        right: 1rem;
        top: 5px
    }
    #hero .hon {
        top: 128px
    }
    #hero .hon .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .25)
    }
}

.tbltab a,
.tblwrp {
    position: relative
}

@media only screen and (max-width:640px) {
    .hnews {
        height: 300px
    }
    .hnews .hnwrp {
        width: 88%;
        padding: 0 6%;
        text-align: center
    }
    .hnews .hnwrp .image-container,
    .hnews .hnwrp img {
        display: none
    }
    .hnews .hnwrp .hncn {
        float: none;
        width: 100%
    }
	.content img {
	    width: 100%;
	}    
}

@media only screen and (max-width:568px) {
    .colfiv,
    .colfor {
        width: 100%
    }
    #fot dt {
        margin-top: 10px
    }
    .fom .radiof,
    .fwrp input,
    .fwrp textarea {
        width: 90%
    }
    a.btn,
    input.btn {
        width: auto;
        padding: 0 20px;
        display: inline-block;
        font-size: 14px
    }
}

@media only screen and (max-width:500px) {
    #utility .rr a:after,
    #utility span {
        display: none
    }
    #utility a.fa.fa-phone {
        top: -10px;
        margin-right: 5px;
        padding-right: 12px;
        border-right: 2px solid rgba(255, 255, 255, .5)
    }
    #utility .rr {
        text-align: left
    }
    a#logo img {
        max-width: 220px;
        height: auto;
        margin-top: 3px
    }
}

.paging {
    width: 100%;
    margin: 2rem 0 0;
    padding: .5rem 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    text-align: center
}

a.all,
a.next,
a.prev {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

a.prev {
    float: left
}

a.next {
    float: right
}

.paging a.inactive {
    color: #bbb;
    cursor: default
}

.paging .ll {
    width: 48%;
    float: left
}

.paging .rr {
    width: 48%;
    float: right;
    text-align: right
}

.paging span {
    color: #ccc
}

.paging span.pgnum {
    font-size: 14px;
    color: #000
}

.paging a,
.paging span {
    margin-right: 4px
}

table.sb-con tr {
    vertical-align: top
}

.mfp-container:before,
.mfp-content,
.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}

table.sb-con td,
table.sb-con th {
    padding: 5px;
    line-height: 18px;
    border: 1px solid #ccc
}

table.sb-con th {
    font: 700 12px/18px arial;
    text-align: left;
    color: #000
}

table.sb-con thead tr th {
    background: #e3e3e3
}

table.sb-con tbody tr {
    font: 12px/18px arial
}

table.sb-con table .actions {
    width: 100px
}

table.sb-con table .timedate {
    width: 110px;
    text-align: center
}

table.sb-con table .name {
    width: 200px
}

table.sb-con table .squeeze {
    width: 90px;
    text-align: center
}

table.sb-con table .checkbox {
    width: 16px;
    text-align: center
}

table.sb-con td em {
    color: #a0a0a0
}

.tbltab {
    float: left;
    padding-left: 3px
}

.tbltab.emp {
    width: 20px;
    padding: 0;
    background: 0 0;
    border: 0
}

.tbltab a {
    z-index: 1;
    width: auto;
    height: 32px;
    margin: 0 3px 0 0;
    padding: 7px 14px;
    float: left;
    display: block;
    font-size: 20px;
    line-height: 34px;
    color: #000;
    background: #eee;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    cursor: pointer;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.tbltab a.active,
.tbltab a.active:hover {
    color: #fff;
    background: #009edb;
    cursor: default
}

.tbltab a:hover {
    color: #fff;
    background: #0076a5
}

.tblspc {
    font: 10px/10px arial;
    height: 1px
}

.tblwrp {
    left: 1px;
    z-index: 0;
    padding: 14px 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    left: 0;
    top: 0;
    width: 100%
}

.tblwrp .tblcon {
    display: none;
    min-height: 420px;
    height: auto!important;
    height: 420px
}

.tblwrp .tblcon.active {
    display: block
}

@media only screen and (max-width:767px) {
    .tbltab {
        width: 100%;
        padding: 0;
        text-align: center
    }
    .tbltab a {
        font-size: 14px;
        line-height: 21px;
        height: 21px;
        padding: 7px 10px;
        margin: 0;
        float: none;
        display: inline-block
    }
}

.mfp-bg {
    position: fixed;
    z-index: 1042;
    height: 100%;
    opacity: .9;
    filter: alpha(opacity=90);
    background: #000
}

.mfp-wrap {
    position: fixed;
    z-index: 1043;
    height: 100%;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    position: absolute;
    height: 100%;
    padding: 0 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 1044;
    width: auto;
    margin-top: -.8em;
    color: #ccc
}

.mfp-preloader a {
    color: #ccc
}

.mfp-close,
.mfp-close-btn-in .mfp-close,
.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    z-index: 1046;
    padding: 0;
    display: block;
    overflow: visible;
    background: 0 0;
    border: 0;
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    top: 0;
    right: 0;
    font-style: normal;
    font-family: arial, monospace;
    opacity: .65;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    font-size: 28px;
    line-height: 44px
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    text-align: right;
    color: #fff
}

.mfp-counter {
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 18px;
    color: #ccc;
    right: 10px;
    padding: 5px 10px
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    opacity: .65;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset transparent;
    margin-top: 35px;
    margin-left: 35px
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #fff
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #fff
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

img.mfp-img {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.mfp-figure:after {
    display: none
}

.mfp-figure {
    line-height: 0;
    overflow: auto
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
    margin-top: -36px
}

#nav-icon,
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-title {
    line-height: 18px;
    text-align: left;
    word-break: break-word;
    padding-right: 36px;
    color: #f3f3f3
}

.mfp-figure small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #bdbdbd
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, .6);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px
    }
    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: rgba(0, 0, 0, .6)
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    width: 600px;
    margin-top: 5px;
    margin-left: -300px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-figure figure,
.nopadding {
    margin: 0;
    padding: 0
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-close-btn-in .mfp-close {
    background: 0 0
}

.fontsize11 {
    font-size: 11px
}

.fontsize13 {
    font-size: 13px
}

.fontsize16 {
    font-size: 16px
}

.fontsize19 {
    font-size: 19px
}

.fontsize21 {
    font-size: 21px;
    line-height: 24px
}

.fontsize24 {
    font-size: 24px
}

.fontsize32 {
    font-size: 32px
}

.fontsize48 {
    font-size: 48px
}

.underline {
    text-decoration: underline
}

#nav-icon,
.mobile-nav a,
ol,
ul {
    text-decoration: none
}

.image_left {
    float: left;
    margin: 0 20px 20px 0
}

.orange {
    color: #f9703b
}

.quote {
    width: 82%;
    margin: 0 auto;
    font-size: 38px;
    line-height: 42px
}

body,
html,
ol,
ul {
    margin: 0;
    padding: 0
}

.fontsize28 {
    font-size: 28px;
    line-height: 30px
}

#moloney-pop {
    margin: 0 auto;
    padding: 10px 20px;
    overflow: auto;
    border: 1px solid #ccc;
    position: fixed;
    z-index: 210;
    color: #fff;
    background-color: rgba(209, 17, 17, .9);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
    bottom: 10px;
    left: 10px;
    width: 640px;
    height: 400px
}

#menu.active,
body {
    overflow-x: hidden
}

#moloney-pop.of {
    display: none
}

#moloney-pop .name {
    font-weight: 700;
    font-size: 18px;
    line-height: 98%;
    padding: 14px
}

#moloney-pop p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 7px 0
}

#moloney-pop #popx {
    font-size: 11px;
    text-align: right;
    cursor: pointer
}

#moloney-pop .img {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 80px;
    padding: 0;
    display: none
}

body,
html {
    height: 100%
}

body {
    font-family: 'PT Sans';
    background-color: #FFFFF4;
    color: #000;
    min-height: 100%;
    position: relative;
    -webkit-text-size-adjust: none
}

body * {
    text-shadow: none
}

#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 260px;
    right: -260px;
    height: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

#menu.active {
    -webkit-transform: translate(-260px, 0);
    -moz-transform: translate(-260px, 0);
    -o-transform: translate(-260px, 0);
    -ms-transform: translate(-260px, 0);
    transform: translate(-260px, 0);
    overflow-y: scroll
}

#utility,
.page {
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

/*#utility.active,*/
/*.page.active {*/
/*    -webkit-transform: translate(-260px, 0);*/
/*    -moz-transform: translate(-260px, 0);*/
/*    -o-transform: translate(-260px, 0);*/
/*    -ms-transform: translate(-260px, 0);*/
/*    transform: translate(-260px, 0);*/
/*    position: fixed*/
/*}*/

#nav-icon span:nth-child(1),
#nav-icon span:nth-child(2) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center
}

#nav-icon,
#nav-icon span {
    display: block;
    position: absolute
}

#menu ul.mobile-nav>li>a {
    background: #90b2bb;
    color: #FFF;
    font-size: 1rem
}

.mobile-nav ul.sub-menu {
    text-transform: none
}

.mobile-nav a {
    display: block;
    color: #777779;
    padding: .35rem 1rem;
    border-top: 1px solid #d7e3e6;
    font-size: .85rem
}

.mobile-nav a:hover {
    background: #4F7389;
    color: #FFF
}

#nav-icon {
    width: 30px;
    height: 20px;
    right: 0;
    top: 9px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 3;
    color: #000
}


#nav-icon span {
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
    top: 0;
    transform-origin: left center
}

#nav-icon span:nth-child(2) {
    top: 8px;
    transform-origin: left center
}

#nav-icon span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.active #nav-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px
}

.active #nav-icon span:nth-child(2) {
    width: 0;
    opacity: 0
}

.active #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
    left: 8px
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,
[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: rgba(43, 46, 56, .9)
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: none;
    border: 0;
}
.remodal-cancel,
.remodal-close,
.remodal-confirm {
    overflow: visible;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-close,
.remodal-close:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal-close {
    height: 35px;
    padding: 0;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #000;
    background: 0 0;
    position: absolute;
    top: -18px;
    right: -18px;
    background: rgb(255, 255, 255);
    left: auto;
    border-radius: 99rem;
    z-index: 99;
}

.remodal-close:hover {
	background: #90b2bb;
	color: #fff;	
}

.remodal-close:focus,
.remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel,
.remodal-confirm {
    font: inherit;
    display: inline-block;
    min-width: 110px;
    padding: 12px 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus,
.remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus,
.remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.copyright p {
    font-size: .8rem;
    letter-spacing: .5px
}

@media screen and (min-width:1000px) {
    .copyright {
        float: left
    }
    .secure {
        margin-top: .5rem;
        float: right
    }
}

@media only screen and (max-width:1920px) {
    #moloney-pop {
        width: 400px;
        height: 500px
    }
}

@media only screen and (max-width:1650px) {
    #moloney-pop {
        width: 560px;
        height: 400px
    }
}

@media only screen and (max-width:1440px) {
    #moloney-pop {
        width: 460px;
        height: 440px
    }
}

@media only screen and (max-width:1366px) {
    #moloney-pop {
        width: 420px
    }
}

@media only screen and (max-width:1280px) {
    #moloney-pop {
        width: 380px;
        height: 390px
    }
}

@media only screen and (max-width:1024px) {
    #moloney-pop {
        height: 300px
    }
}

@media only screen and (max-width:800px) {
    #moloney-pop {
        width: 90%;
        height: 280px;
        bottom: 3px;
        left: -50%;
        right: -50%;
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    #moloney-pop {
        width: 88%
    }
}

@media only screen and (max-width:375px) {
    #moloney-pop {
        width: 86%
    }
}

@media only screen and (max-width:320px) {
    #moloney-pop {
        height: 200px;
        z-index: 1
    }
}

.home-content {
    padding: 3rem 1rem 2rem
}

section.cta-links .colwrp {
    padding: 3rem 0;
    border-top: 1px solid #ddd
}

section.content-padding {
    padding: 5rem 0;
    float: left;
    width: 100%
    background: #fff;    
}

.clearfix {
    clear: both;
}

.content-locations {
    margin-top: 2rem
}

article.newswrp {
    margin-bottom: 2rem
}

.content img {
    margin: 1.125em 0em;
    max-width: 100%;
    height: auto;
}
.content img.left,
.content .captionImage.left,
.content img.floatleft {
  float: left;
  max-width: 96%;
  margin: 1.125em 4% 1.125em 0;
}
.content img.right,
.content .captionImage.right,
.content img.floatright {
  float: right;
  max-width: 96%;
  margin: 1.125em 0 1.125em 4%;
}
.content .captionImage,
.content .captionImage.left,
.content .captionImage.right {
  position: relative;
}
.content .captionImage img {
  margin: 0;
  float: none;
  max-width: 100%;
  padding: 0;
}
.content .captionImage p.caption {
  font-style: italic;
  color: #737373;
  font-size: 1em;
  padding: 10px 0 0 0;
}
.content .media {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: 1em 0em;
}
.content .media iframe,
.content .media object,
.content .media embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-padding ul li {
    list-style: none;
    list-style-position: inside;
    line-height: 1.5;
    padding-left: 2rem;
    margin: 0 0 0.5rem;
    position: relative;
    font-size: 1rem;
}
.content-padding ul li:before {
    position: absolute;
    left: auto;
    content: "\2022";
    color: #999;
    font-size: 1.5rem;
    margin-left: -1rem;
    line-height: 1;
}

/* Enquiry Form */

/* Overrides Foundation */
form fieldset {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
}

/* Messages (eg. Validation Messages) */
form .message {
	padding: 8px 12px;
	padding: 0.5rem 0.75rem;
	margin: 12px 0px;
	margin: 0.75rem 0rem;
	background: #E3EFF2;
	border: 1px solid #ABC3CA;
	color: #04466f;
	border-radius: 5px;
	float: left;
	width: 100%;
}

form .message.good {
	background: #e1f5e1;
	color: darkgreen;
	border-color: #9cd29c;
}

form .message.bad, form .message.required {
	background: #FAE4E8;
	color: #7e0714;
	border-color: #D29CA6;
}

form .middleColumn {
	position: relative;
    /* Validation Errors */;
}

form .middleColumn .message.required {
	position: absolute;
	top: 100%;
	left: 0px;
	opacity: 0.925;
	width: auto;
}

form .middleColumn .message.required:after, form .middleColumn .message.required:before {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

form .middleColumn .message.required:after {
	border-color: rgba(250, 228, 232, 0);
	border-bottom-color: #FAE4E8;
	border-width: 10px;
	margin-left: -10px;
}

form .middleColumn .message.required:before {
	border-color: rgba(210, 156, 166, 0);
	border-bottom-color: #D29CA6;
	border-width: 11px;
	margin-left: -11px;
}

form.userform label {
	color: #464646;
	display: block;
	padding: 0px 0px 4px 0px;
    font-size: 0.95rem;
    line-height: 1;
    font-weight: 300 !important;
}

form .requiredField > label:after {
	content: ' *';
	color: #91b3bc;
}

form .field {
	float: left;
	width: 100%;
    float: none;
    margin: 0.5rem auto;
}

form .field.half {
	width: 48.5%;
	margin-right: 3%;
}

form .field.half.last {
	margin-right: 0;
}

form .field.third {
	width: 31.333333%;
	margin-right: 3%;
}

form .field.third.last {
	margin-right: 0;
}

form ul {
	margin: 0;
	padding: 0;
}

form ul.optionset li {
	list-style: none;
	padding: 8px 0px 0px;
	padding: 0.5rem 0rem 0rem;
    margin: 0;	
}

form ul label,
  form .contact-options label,
  form .field.checkbox label {
	float: none;
	text-align: left;
	color: #555555;
	padding: 0 0 0 30px;
}

form .radio-field label,
  form .checkbox-field label {
	margin: 0;
	padding: 0;
	color: #6d717b;
	font-weight: normal;
	position: relative;
}

form .radio-field label:hover,
  form .checkbox-field label:hover {
	color: #343b41;
}

form input[type="radio"],
  form input[type="checkbox"] {
	margin: 6px 0 2px 0;
	padding: 0;
	float: left;
}

form input[type="text"],
  form input[type="password"],
  form input[type="email"],
  form input[type="tel"],
  form input[type="file"],
  form textarea {
	width: 100%;
	line-height: 1.5;
	border: 1px solid #ddd;
	border-radius: 0px;
	background-clip: padding-box;
	padding: 12px;
	margin: 0;
	transition: border 0.5s;
	-moz-appearance: none;
	-webkit-appearance: none;
    /* Placeholder */;
}

form input[type="text"]:disabled,
    form input[type="password"]:disabled,
    form input[type="email"]:disabled,
    form input[type="tel"]:disabled,
    form input[type="file"]:disabled,
    form textarea:disabled {
	background-color: #E5EBEF;
	opacity: 0.5;
}

form input[type="text"].required,
    form input[type="password"].required,
    form input[type="email"].required,
    form input[type="tel"].required,
    form input[type="file"].required,
    form textarea.required {
	border-color: #D34151;
	box-shadow: 0 0 2px rgba(229, 128, 139, 0.5);
}

form input[type="text"].valid,
    form input[type="password"].valid,
    form input[type="email"].valid,
    form input[type="tel"].valid,
    form input[type="file"].valid,
    form textarea.valid {
	border-color: #53C74B;
	box-shadow: 0 0 2px rgba(128, 242, 115, 0.5);
	color: darkgreen;
}

form input[type="text"].valid:focus, form input[type="text"].required:focus, form input[type="text"]:focus,
    form input[type="password"].valid:focus,
    form input[type="password"].required:focus,
    form input[type="password"]:focus,
    form input[type="email"].valid:focus,
    form input[type="email"].required:focus,
    form input[type="email"]:focus,
    form input[type="tel"].valid:focus,
    form input[type="tel"].required:focus,
    form input[type="tel"]:focus,
    form input[type="file"].valid:focus,
    form input[type="file"].required:focus,
    form input[type="file"]:focus,
    form textarea.valid:focus,
    form textarea.required:focus,
    form textarea:focus {
	outline: none;
	border: 1px solid #23b7fb;
	box-shadow: 0 0 3px #62ceff;
}

form input[type="text"]::-webkit-input-placeholder,
    form input[type="password"]::-webkit-input-placeholder,
    form input[type="email"]::-webkit-input-placeholder,
    form input[type="tel"]::-webkit-input-placeholder,
    form input[type="file"]::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder {
	color: #BECAD2;
}

form input[type="text"]:-moz-placeholder,
    form input[type="password"]:-moz-placeholder,
    form input[type="email"]:-moz-placeholder,
    form input[type="tel"]:-moz-placeholder,
    form input[type="file"]:-moz-placeholder,
    form textarea:-moz-placeholder {
	color: #BECAD2;
}

form input[type="text"]::-moz-placeholder,
    form input[type="password"]::-moz-placeholder,
    form input[type="email"]::-moz-placeholder,
    form input[type="tel"]::-moz-placeholder,
    form input[type="file"]::-moz-placeholder,
    form textarea::-moz-placeholder {
	color: #BECAD2;
}

form input[type="text"]:-ms-input-placeholder,
    form input[type="password"]:-ms-input-placeholder,
    form input[type="email"]:-ms-input-placeholder,
    form input[type="tel"]:-ms-input-placeholder,
    form input[type="file"]:-ms-input-placeholder,
    form textarea:-ms-input-placeholder {
	color: #BECAD2;
}

form textarea {
	overflow: auto;
	resize: vertical;
}

form select {
	margin-bottom: 0;
}

form .field.CARDEXPIRYMONTH, form .field.CARDEXPIRYYEAR {
    width: 49%;
    float: none;
    display: inline-block;
    max-width: 223px;
    margin: 0;
}

form .field.checkbox.terms label {
    height: auto;
    line-height: 1;
    padding: 0;    
}

form .field.checkbox.terms label p {
    padding: 0;
    line-height: 1;
    margin-top: -4px;
    font-size: 0.85rem;
}

form select:hover {
	background: #f1f3f5;
      /* Old browsers */
	background: -moz-linear-gradient(top, #f1f3f5 0%, #e9ecef 100%);
      /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f3f5), color-stop(100%, #e9ecef));
      /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f3f5 0%, #e9ecef 100%);
      /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f3f5 0%, #e9ecef 100%);
      /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f3f5 0%, #e9ecef 100%);
      /* IE10+ */
	background: linear-gradient(to bottom, #f1f3f5 0%, #e9ecef 100%);
      /* W3C */;
}

form select.valid:focus, form select.required:focus, form select:focus {
	outline: none;
	border: 1px solid #23b7fb;
	box-shadow: 0 0 3px rgba(98, 206, 255, 0.5);
}

form .Actions:after {
	content: "";
	display: table;
	clear: both;
}

form input[type="reset"]:hover {
	opacity: 0.75;
}

form p#ForgotPassword {
	padding: 16px 0px 0px 0px;
}

form a {
	color: #128eb7;
	text-decoration: none;
	position: relative;
}

form a:hover {
	text-decoration: underline;
}

@media all and (max-width: 40.063em) {
	form .field.half,
  form .field.third {
		width: 100%;
		margin-right: 0;
	}
}

form.userform legend.left {
    font-weight: 300;
}

body form.userform {
	max-width: 450px;
    display: inline-block;
}

.g-recaptcha div {
    display: inline-block;
    margin-bottom: 0;
}

/*2019 New Search and Menu*/
/*Menu*/
#navbar{
    background: transparent;
}

#navbar .container{
    border-bottom: 1.25px solid #fff;
    position: relative;
}

#navbar .navbar-nav > li > a{
    color: #fff;
    text-transform: none;
    letter-spacing: 0.2px;
    font-size: 0.9rem;
    font-weight: 400;
    padding:1.4rem 0.5rem 1.6rem !important;
}

#navbar .navbar-nav > li > a:hover {
    background: rgba(134, 129, 149, 0.6);
    border-color: rgba(134, 129, 149, 0.8);
}

#navbar .navbar-nav > li > a:focus {
    background: #ffffff !important;
    text-decoration: none !important;
    border-color: #746f82!important;
    color: #868195 !important;
}

#navbar .dropdown-menu h5{
    font-weight: 600;
    font-size: 1em;
    text-transform: none;
    letter-spacing: 0.2px;
}

#navbar .dropdown-menu a.nav-link {
    font-size: 0.95rem;
    letter-spacing: 0.1px;
    text-transform: none !important;
}

#navbar .dropdown-menu a.nav-link:hover {
    color: #9ac7d4;
    width: 97%;
}

.menu-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.navbar-collapse.collapse.show, .navbar-collapse.collapsing {
    background-color: #fff;
    border-bottom: 1.25px solid #868195;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

#navbar .navbar-collapse.collapse.show .navbar-nav > li > a, #navbar  .navbar-collapse.collapsing .navbar-nav > li > a{
    color: rgb(33, 37, 41);
}

#navbar .navbar-collapse.collapse.show .navbar-nav > li > a:hover{
    color: #fff;
}

#navbar .nav-item.dropdown.menu-large.show .dropdown-toggle, #navbar .nav-item.dropdown.show .dropdown-toggle {
    color: #fff !important;
    background: #868195 !important;
}

@media screen and (min-width:991.98px) {
    #nav-icon {
        display: none
    }
    .nav-item.mob-search{
        display: none;
    }
    .navbar-collapse.collapse.show, .navbar-collapse.collapsing{
        background-color: transparent;
        border-bottom: none;
        box-shadow: unset;
    }

    #navbar .navbar-collapse.collapse.show .navbar-nav > li > a, #navbar .navbar-collapse.collapsing .navbar-nav > li > a{
        color: #FFFFFF;
    }
}

@media screen and (max-width:991.98px) {
    .nav-item.desk-search{
        display: none;
    }
}

@media (max-width: 991.98px){
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-bottom: 0.5em;
    }

    #navbar .navbar-collapse {
         max-height: none;
    }

    #navbar .dropdown-menu h5 {
        margin-top: 0;
    }

    #navbar .menu-large .megamenu {
        padding-top: 10px;
    }
}

@media (max-width: 576px){
    .container {
        max-width: none;
    }
}
@media (max-width: 768px){
    .container {
        max-width: none;
    }
}
@media (max-width: 992px){
    .container {
        max-width: none;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 1002px;
    }
}



/* Scrollbar styles */
.navbar-collapse.collapsing::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

.navbar-collapse.collapsing::-webkit-scrollbar-track {
    border: 1px solid #fff;
}

.navbar-collapse.collapsing::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
}

.navbar-collapse.collapsing::-webkit-scrollbar-thumb:hover {
    background: #daa710;
}


/*Search*/
.nav-item.mob-search {
    padding: 10px 10px;
}

.btn-template-main{
    background-color: #f9703b;
    border: 1px solid #f9703b !important;
    line-height: 1.4;
}

.btn-template-main:hover, .btn-template-main:focus {
    background: #000;
    color: #fff !important;
    border-color: #000 !important;
}

.search-results{
    text-align: left;
}
.keyword{
    font-weight: 600;
}

#search-results-list{
    text-align: left;
}

#search-results-list ul li{
    font-size: 1em;
    margin: .5em 0 .5em 1em;
    list-style: disc;
    padding-left: 0.5em;
}

#search-results-list ul li:before{
    display: none;
}

#search-results-list h2{
    padding: 0;
}

#search-results-list h2 a{
    font-weight: 300;
}


/*new blog style */
*::before,
*::after {
    box-sizing: border-box;
}



.blog {
    text-align: center;
    margin: 10px 0px;
}
.blog .blog_title {
    margin: 0px 0px 30px;
    color: #666;
    font-family: 'Raleway',sans-serif;
}
.blog .blog_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    width: 100%;
    justify-content: center;
}
.blog .blog_wrapper .blog_item {
    margin: 0px 20px 40px;
    min-height: 300px;
    background: #fff 50%;
    background-size: cover;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
    transition: all .5s ease;
}
.blog .blog_wrapper .blog_item a {
    color: inherit;
    /* blue colors for links too */
    text-decoration: inherit;
}
.blog .blog_wrapper .blog_item .bi_img {
    height: 200px;
    margin: 0px 0px 20px;
    overflow: hidden;
}
.blog .blog_wrapper .blog_item .bi_img img {
    width: 90%;
}
.blog .blog_wrapper .blog_item .bi_title {
    font-size: 1.2rem;
    font-weight: 500;

}
.blog .blog_wrapper .blog_item .bi_content {
    padding: 20px;
    font-size: 0.9rem;
    text-align: left;

}
.blog .blog_wrapper .blog_item .reading_time {
    font-family: 'Raleway', sans-serif;
    color: #738a94;
    font-size: 0.8rem;
    line-height: 33px;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.blog .blog_wrapper .blog_item:hover {
    box-shadow: 8px 28px 50px rgba(39, 44, 49, 0.07), 1px 6px 12px rgba(39, 44, 49, 0.04);
    transition: all .4s ease;
    transform: translate3D(0, -1px, 0) scale(1.05);
}
.blog .blog_button a {
    text-decoration: inherit;
    display: block;
    width: 200px;
    margin: 0px auto 24px;
    letter-spacing: 1px;
    padding: 15px 26px;
    background: #fc4f4f;
    color: white;
    outline-offset: -2px;
    transition: all .3s ease;
}
.blog .blog_button a:hover {
    background: #fff;
    color: #fc4f4f;
}

@media only screen and (max-width: 900px) {
    .blog .blog_wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 600px) {
    .blog .blog_wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
}


/*
cards - CTA */



img {
    width: 100%;
}

.landing {
    display: flex;
    justify-content: center;
    align-items: center;

}

.container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}

.card {
    width: 300px;
    background:#ffffff;
    overflow: hidden;
    font-family: sans-serif;
    box-shadow: 0 0 20px #00000070;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    margin: 5rem auto;
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-0.5rem) scale(1.03);
    color: #000;
}

.top-section {
    position: relative;
}





.info-section {
    padding: 0 40px 40px;

    opacity: 0.8;
}



@media (max-width: 768px) {
    .container {
        display: grid;
        grid-template-columns: 1fr;
    }
}


.c-preview {
    background: #6ca59f;
    background: linear-gradient(135deg, #000000 0%, #6ca59f 25%, rgba(98,93,93,0.005) 75%, rgba(144,178,187,1) 75%, rgba(108,165,159,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 400% 400%;
    background-repeat: no-repeat;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: .5s all;
    padding: 10%;
}
.c-preview__img {
    position: absolute;
    left: 0;
    top: 0;
    background: #6ca59f ;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .5;
    mix-blend-mode: screen;
}
.c-preview__title {
    position: relative;
    z-index: 10;
    font-weight: bold;
}
.c-preview:hover {
    background-position: 100% 100%;
    color: #464646;
    font-weight: bold;
}
.c-preview:hover__title {
    text-shadow: 0 0 20px black;
}