/* CSS Document */

html, body { width: 100%; font-size: 16px; font-family: foco, sans-serif; font-weight: 300; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }

* { margin: 0; padding: 0; border: 0; }
a { outline: 0; text-decoration: none; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5 { font-family: foco, sans-serif; font-weight: 300; line-height: 1.25em; }

h1 { font-size: 2.375em; color: #333; margin: 0; }
h2 { font-size: 1.85em; color: #d3a404; margin: 0 0 .5em 0; }
h2.inside { font-size: 1.5em; color: #d3a404; margin-bottom: .25em; }
h3 { font-size: 1.4em; color: #d3a404; } 

.featurebox h2 { font-size: 3.55em; color: #FFF; line-height: 1em; margin: 70px 0 .5em; }
.featured h2 { font-size: 1.5em; margin-bottom: 0; color: #d3a404; }
.featured p { color: #FFF; }
.featured p span { color: #333; }

.entryimage p { margin-top: -20px; }

p, ul, ol { font-size: 1.1em; color: #333; line-height: 1.6em; margin-bottom: 1em; }
p.subhed { font-size: 1.25rem; color: #d3a404!important; font-weight: 500; }

ul, ol { list-style-position: inside; margin: 0 0 1.6em 0; line-height: 1.8em; }
ul.nostyle { list-style: none; margin: 0 0 1.6em 0; list-style-position: inside; }
ul.nostyle li { color: #333; }
ul.nostyle li .fas, 
ul.nostyle li .far { color: #d3a404; }

.white h1,
.white h2,
.white p, 
.white ul,
.white ul li, 
.white ol,
.white .fas,
.white ul li .fas { color: #FFF; }

.overview h1,
.overview p { color: #FFF; }
.overview h2 { font-size: 1.55rem; }
.overview ul.nostyle li { color: #FFF; line-height: 2.1em; }

address { font-style: normal; }

header h2 { font-size: 1.375em; color: #FFF; margin-bottom: .25em; line-height: 1.3em; }
header .cta { font-size: 1em; color: #FFF; }
header address { font-size: 1em; color: #d3a404; margin-top: 10px; }
header .cta span { padding: 0 .5em; }

header .fa-stack { margin: 0 2px 5px; }

.topnav { font-size: .9em; text-transform: uppercase; }

.divbannercontent h2 { font-size: 2.8em; color: #FFF; line-height: 1.1em; margin-bottom: .25em; } 
.divbannercontent h3 { font-size: 1.375em; color: #d3a404; }

.quicklinks h2 { font-size: 1.3em; color: #FFF; margin: 0; text-transform: uppercase; }
.quicklinks p { font-size: 1.1em; color: #FFF; margin: 0; }

.whyus h2 { font-size: 4.375em; color: #FFF; margin: 0; }
.whyus .divnum { font-size: 4.375em; color: #333; }
.whyus .divdesc { font-size: 1.625em; color: #333; }

.divflash h2 { font-size: 4em; color: #d3a404; margin: 0; font-weight: 400; }
.divflash p { font-size: 1.8em; color: #FFF; line-height: 1.3em; margin: -.25em 0 .25em 0 ; }
.divflash small { font-size: 1.2em; color: #FFF; }

blockquote { font-size: 1.375em; color: #636362; font-style: italic; line-height: 1.6em; }
blockquote cite { display: block; font-size: 1em; color: #d3a404; font-style: normal; margin: 10px 0 20px; } 

blockquote.inside { color: #d3a404; }
blockquote.inside cite { color: #333; } 

blockquote.white { font-size: 1.375em; color: #FFF; font-style: normal; line-height: 1.6em; }
blockquote.white cite { display: block; font-size: 1.1em; color: #d3a404; font-style: normal; margin: 10px 0 20px; } 

.btn, .btn1, .btn2, .btncta { font-size: 1em; text-transform: uppercase; }

.cta { font-size: 1.65em; color: #FFF; }

.goldstars { font-size: .95em; color: #d3a404; margin: 15px 0; }

footer h2 { font-size: 1em; color: #d3a404; text-transform: uppercase; }
footer ul li { font-size: .88em; color: #FFF; }
footer .fas,
footer .far { color: #d3a404; }

.divcredits { font-size: .93em; color: #FFF; }

.form, .form input, .form textarea, .form .send, .form select { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; color: #333; }
.form p { font-size: 1em; }
.form button { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; text-align: center; }

.newsletter, .newsletter input { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; color: #333; }
.newsletter p { font-size: .98em; margin-top: 4px; text-align: left; }
.newsletter button { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; text-align: center; }

.sideform, .sideform input, .sideform textarea, .sideform .send, .sideform select { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; color: #333; }
.sideform h2 { font-size: 1.6em; color: #d3a404; margin: 0 0 .5em 0; }
.sideform p { color: #333; font-size: .95em; line-height: 1em; }
.sideform button { font-size: 1em; font-family: foco, sans-serif; font-weight: 300; text-align: center; }

/* Placeholder Colour */
::-moz-placeholder { opacity: .6; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
 }
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
 color: #333;
}

.left { float: left; }
.right { float: right; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.caps { text-transform: uppercase; }

.CookieDeclarationDialogText { display: none; }

/* ------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------ */

a { color: #d3a404; }
a:hover { color: #333; }

header a { color: #d3a404; }
header a:hover { color: #FFF; }

header a.social,
.divsocialtop a.social { color: #d3a404; }
header a.social:hover,
.divsocialtop a.social:hover { color: #FFF; }
header a.social:hover .fab,
.divsocialtop a.social:hover .fab { color: #d3a404; }

nav li a { color: #FFF; }
nav li a:hover,
nav li a.active { color: #333; }

.overview a { color: #d3a404; }
.overview a:hover { color: #FFF; }

.white a { color: #FFF; }
.white a:hover { color: #333; }

a.white { color: #FFF; }
a.white:hover { color: #d3a404; }

.subnav li a { color: #FFF; }

.team a { font-size: 1.1rem; font-weight: 400; text-transform: uppercase; color: #333; }
.team a:hover { color: #FFF; }

.teamgold a { font-size: 1.1rem; font-weight: 400; text-transform: uppercase; color: #d3a404; }
.teamgold a:hover { color: #FFF; }

.cta a { color: #d3a404; }
.cta a:hover { color: #FFF; }

.divbannerql .quicklinks a { color: #FFF; }
.divbannerql .quicklinks a:hover { color: #333; }
.divbannerql .quicklinks a.gold:hover { color: #d3a404; }

.sidebar a { color: #FFF; }
.sidebar a:hover { color: #333; }

.divflash a { color: #d3a404; }
.divflash a:hover { color: #FFF; }

.form a { color: #FFF; }
.form a:hover { color: #333; }

.sideform a { color: #d3a404; }
.sideform a:hover { color: #333; }

footer a { color: #FFF; }
footer a:hover { color: #d3a404; }

.divcredits a { color: #333; }
.divcredits a:hover { color: #FFF; }


/* BTNS */
.btn { margin: 10px 0; }
.btn a { display: inline-block; padding: 10px 25px; border: 2px solid #d3a404; text-align: center; color: #FFF; }
.btn a:hover { color: #d3a404; }

.btn1 a { display: block; margin-bottom: 20px; padding: 15px; background: rgba(9,191,238,1.00); color: #FFF; }
.btn1 a:hover { background: rgba(2,95,151,1.00); }

.btn2 a { margin: 0 0 30px 0; display: block; margin-bottom: 20px; padding: 15px; background: #d3a404; color: #FFF; }
.btn2 a:hover { background: #333; }

.btnsml { margin: 5px 0; }
.btnsml a { display: inline-block; padding: 5px 15px; border: 1px solid #FFF; background: #d3a404; text-align: center; color: #FFF; }
.btnsml a:hover { background: transparent; color: #FFF; }

a.btn { display: inline-block; padding: 10px 30px; border: 2px solid #d3a404; text-align: center; color: #FFF; }
a.btn:hover { color: #d3a404; }

.btncta { margin: 12px 0 0; }
.btncta a { display: inline-block; padding: 10px 30px; margin: 0 5px 10px; background: #d3a404; border: 2px solid #d3a404; text-align: center; color: #FFF; }
.btncta a:hover { background: #333; color: #d3a404; }


.btncta2 { margin: 12px 0 0; }
.btncta2 a { display: inline-block; padding: 10px 30px; margin: 0 5px 10px; background: #333; border: 2px solid #333; text-align: center; color: #FFF; }
.btncta2 a:hover { background: transparent; color: #FFF; }

.bannerbtn a { display: block; width: 30px; height: 30px; margin: 20px auto; background: url(../images/banner-btn.jpg) no-repeat center; background-size: 30px; }
.bannerbtn a:hover { background: url(../images/banner-btn-hover.jpg) no-repeat center; background-size: 30px;  }


/* Sweep To Top */
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
  
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: #FFF; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

.scrollToTop { width: 50px; height: 50px; position: fixed; bottom: 100px; right: 30px; display: none; background: url(../images/back-to-top.png) no-repeat; z-index: 9999; cursor: pointer; background-size: 50px; }
.scrollToTop:hover { text-decoration: none; }

a.anchor { display: block; position: relative; top: -40px; visibility: hidden; }

/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

.mobilehide { display: block; }
.desktophide { display: none; }

.clearfix:after { content: ' '; display: block; clear: both; }

.divcontainer { float: left; width: 100%; }
.divcontent { position: relative; max-width: 1100px; margin: auto; padding: 50px 20px; }
.divcontentlesspad { position: relative; max-width: 1100px; margin: auto; padding: 20px 20px; }
.divcontentnopad { position: relative; max-width: 1100px; margin: auto; padding: 0 20px; }
.divcontentnarrow { position: relative; max-width: 950px; margin: auto; padding: 60px 20px; }

.divcontentlinks { position: relative; max-width: 800px; margin: auto; padding: 0 20px; }
.divimages { position: relative; max-width: 700px; margin: auto; }


.divpadleft { padding-left: 25px; }

.divicondivider { float: left; width: 100%; height: 70px; margin: 0 0 1em 0; }
.divicondivider IMG { width: 70px; height: 70px; }

.borders { border-top: 4px solid #d3a404; border-bottom: 3px solid #d3a404; }

header .divlogo { display: block; width: 350px; height: auto; margin: -5px auto; }
header .divlogo IMG { width: 100%; height: auto; } 

.topnav { float: left; width: 100%; margin: 0; padding: 0; background: #d3a404; }

.subnav ul { list-style: none; padding: 0; margin: 0 0 2em 0; border-top: 5px solid #333; border-bottom: 5px solid #333; }
.subnav li a { display: block; padding: 8px 15px; margin: 1.5px 0; background: #d3a404; }
.subnav li a:hover,
.subnav li a.active { background: url(../images/pattern.jpg) 0 -60px; background-size: 100% auto; } 

.slicknav_menu { display: none; }
.sticky-header { position: fixed; top: 0; left: 0; width: 100%; background: #d3a404; z-index: 9999; animation-duration: 0.8s; animation-name: fadeIn; border-bottom: 2px solid #333; }

#banner { float: left; position: relative; width: 100%; height: 650px; background: #EEE; z-index: 0; }
#banner.bannerinside { height: 525px; }
.divbannercontent { width: 380px; margin: 90px 0; }

.divbannerql { position: absolute; bottom: 50px; width: 100%; margin: auto; z-index: 2; }
.divbannerql .quicklinks { display: block; min-height: 50px; padding: 4% 3%; border: 1px solid #FFF; }

.featurebox { display: inline-block; width: 395px; height: 362px; background: #FFF; margin-bottom: 2%; }
.container { position: relative; }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/pattern.jpg) repeat center -50px #333; background-size: 425px auto; opacity: 1; overflow: hidden; width: 100%; height: 0; transition: .5s ease; }
.container:hover .overlay { height: 100%; }
.text { white-space: nowrap; position: absolute; overflow: hidden; top: 40%; left: 50%; transform: translate(-40%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.featurebox .btn { display: inline-block; padding: 10px 30px; border: 2px solid #d3a404; text-align: center; color: #FFF; }

.private-dentistry-bg { background: url(../images/private-dentistry-bg.jpg) no-repeat; background-size: cover; }
.general-dentistry-bg { background: url(../images/general-dentistry-bg.jpg) no-repeat; background-size: cover; }
.cosmetic-dentistry-bg { background: url(../images/cosmetic-dentistry-bg.jpg) no-repeat; background-size: cover; }
.facial-aesthetics-bg { background: url(../images/facial-aesthetics-bg.jpg) no-repeat; background-size: cover; }

.whyus { float: left; position: relative; width: 100%; height: 490px; }
.whyus .divleft { float: left; position: relative; width: 50%; height: 100%; background: #d3a404; margin: 0; }
.whyus .divright { float: right; position: relative; width: 50%; height: 100%; background: #FFF; margin: 0; }
.whyus h2 { position: absolute; left: 30%; top: 50%; transform: translate(-25%, -50%); }
.whyus .divcontainer { float: right; width: 100%; height: 490px; }
.whyus .divcontent { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); }

.whyus-no1 { background: url(../images/whyus-bg-1.jpg) no-repeat; background-size: cover; }
.whyus-no2 { background: url(../images/whyus-bg-2.jpg) no-repeat; background-size: cover; }
.whyus-no3 { background: url(../images/whyus-bg-3.jpg) no-repeat; background-size: cover; }
.whyus-no4 { background: url(../images/whyus-bg-4.jpg) no-repeat; background-size: cover; }
.whyus-no5 { background: url(../images/whyus-bg-5.jpg) no-repeat; background-size: cover; }
.whyus-no6 { background: url(../images/whyus-bg-6.jpg) no-repeat; background-size: cover; }

.divflash { display: block; width: 90%; height: 250px; padding: 25px 5%; margin: auto; background: url(../images/star-flash.png) no-repeat top center; background-size: 100% auto; }

section { display: block; width: 90%; padding: 5%; margin: 2em 0; background: #EEE; }

.sidebar { float: left; width: 100%; border-top: 5px solid #333; border-bottom: 5px solid #333; margin-bottom: 2em; background: #EEE; }
.sidebar section { float: left; width: 90%; padding: 5%; margin: 2px 0; background: #d3a404; }

.cqcreport { display: block; width: 280px; margin: 30px auto; }

.associations IMG { vertical-align: middle; margin: 0 10px; }

footer { float: left; width: 100%; border-top: 4px solid #d3a404; }
footer .divlogo IMG { display: block; width: 260px; height: auto; margin: -15px auto 40px; }
footer ul { list-style: none; }

.divcredits { padding: 15px 20px; }


/* CAROUSEL */
.slidernav { display: block; bottom: 0; text-align: center; width: 100%; background: transparent; }
.slidernav a { display: inline-block; padding: 0; margin-right: 0; background: transparent; color: #FFF; text-decoration: none; }

#navbtns a { margin: 20px 5px; }
#navbtns a.previous { width: 30px; height: 30px; background: url(../images/navbtn-prev.png) no-repeat; background-size: 30px; }
#navbtns a.next { width: 30px; height: 30px; background: url(../images/navbtn-next.png) no-repeat; background-size: 30px; }
#navbtns a.previous:hover { background: url(../images/navbtn-prev-hover.png) no-repeat; background-size: 30px; }
#navbtns a.next:hover { background: url(../images/navbtn-next-hover.png) no-repeat; background-size: 30px; }

.crsl-wrap { float: left; width: 100%; }

.featured { float: left; width: 100%; text-align: center; margin: 30px 0 15px; }
.featured.scroll { width: 100%; text-align: center; margin-bottom: 0; }
.featured IMG { display: block; width: 180px; height: 180px; background: #FFF; margin: 10px auto; border-radius: 180px; border: 2px solid #d3a404 }


/* PARALLAX SLIDES */
.parallax { position: relative; float: left; width: 100%; min-height: 550px; padding: 50px 0 0; z-index: 80; }
.leafbg { background: url(../images/leaf-bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }

.video-container { position: relative; padding-bottom: 52%; padding-top: 35px; height: 0; overflow: hidden; margin: 20px 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* VIMEO BG VIDEO */
.vimeo-wrapper { position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; background: #FFF; }
.vimeo-wrapper iframe { position: absolute; width: 100vw; height: 56vw; min-height: 75vh; min-width: 177.77vh; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.maps iframe { pointer-events: none; width: 100%; height: 400px; margin-bottom: 20px; }

.medivision { text-align: center; margin-bottom: 20px; }
.medivision IMG { width: 100%; height: auto; }

.entryimage IMG { width: 100%; height: auto; margin: 5px 0 25px; }
.entryimage.medium IMG { width: 60%; height: auto; }
.entryimage.small IMG { width: 30%; height: auto; }


.greybg { background: #333; }
.lightgreybg { background: #f2f2f2; }
.goldbg { background: #d3a404; }
.patternbg { background: url(../images/pattern.jpg) repeat center -50px #333; background-size: 425px auto; }
.goldfadebg { background: url(../images/gold-fade.png) repeat-x bottom; }


/* ------------------------------------------------------------------------------------ */
/* COLLAPSABLE DATA TABLE (FEES) */
/* ------------------------------------------------------------------------------------ */

table { border: 1px solid #333; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
table tr { border: 1px solid #333; padding: 5px; }
table tr:nth-child(even) { background: #EEE; }
table tr:nth-child(odd) { background: #FFF; }
table th { padding: 10px; text-align: left; color: #FFF; }
table td { padding: 10px; text-align: left; color: #333; }
table th { font-size: 1.1em; background: #d3a404; font-weight: 300; }

table.plans { border: 1px solid #333; width: 100%; margin: 0; padding: 0; border-collapse: none; border-spacing: 0; }
table.plans tr { border: 1px solid #333; padding: 0; }
table.plans tr:nth-child(even) { background: #EEE; }
table.plans tr:nth-child(odd) { background: #FFF; }
table.plans thead td { color: #FFF!important; font-weight: 700;}
table.plans td.col1 { padding: 2%; text-align: left; color: #333; width: 36%!important; }
table.plans td.col2 { padding: 2%; text-align: left; color: #333; width: 15%!important; }
table.plans th { font-size: 1.1em; background: #d3a404; font-weight: 300; }


/* ACCORDION STYLE */
ul#accordion { padding: 2px 0; margin-bottom: 40px; }
ul#accordion li { list-style-type: none; }
ul#accordion p { color: #000000; }
ul#accordion a { text-decoration: none; color: #5e0a4f; }
ul#accordion a:hover { text-decoration: none; }
ul#accordion a:focus { text-decoration: underline; }

button { cursor: pointer; margin: 0; font-family: foco, sans-serif; font-weight: 400; text-align: left; }

/* Helpers */
.is-hidden { display: none; }
.accordion__item { width: 100%; border-top: 1px solid #fff;  }
.accordion__item:first-child { border: none; }
.accordion__trigger { display: block; width: 100%; padding: 10px 20px; color: #ffffff; background-color: #d3a404; border: none; font-size: 1.2em; }
.accordion__item.is-open .accordion__trigger { color: #fff; background-color: #000000; }
.accordion__content { background-color: #ffffff; padding: 20px;  }
.accordion__content p { margin: 0; margin-bottom: 1.5em; line-height: 1.4em; }

/* ------------------------------------------------------------------------------------ */
/* FORMS */
/* ------------------------------------------------------------------------------------ */

.form { float: left; width: 100%; padding: 0; margin-top: 15px; }
.form input { width: 94%; padding: 0 3%; height: 43px; background: #FFF; border: 0; margin: 0 0 2px 0; } 
.form select { width: 100%; padding: 0 2%; height: 43px; background: #FFF; border: 0; margin: 0 0 2px 0; } 
.form textarea { width: 94%; height: 80px; overflow: auto; padding: 3%; background: #FFF; border: 0; margin: 0 0 5px 0; } 
.form label { display: inline-block; margin: 10px 10px 0; float: left; width: 150px; text-align: left; }
.form [type=checkbox] { display: block; margin: 15px 8px 0 0; height: 17px; width: 17px; float: left; }
.form button { float: left; display: block; width: 100%; height: 44px; margin-top: 15px; cursor: pointer; border: none; background: #333; color: #FFF; -webkit-appearance: none; }
.form button:hover { background: #333; color: #FFF; }


.sideformwrap { float: left; width: 100%; border: 1px solid #333; margin-bottom: 2em; background: #FFF; }
.sideform { float: left; width: 90%; padding: 5%; margin: 2px 0; }
.sideform input { width: 94%; padding: 0 3%; height: 37px; background: #EEE; border: 0; margin: 0 0 5px 0; } 
.sideform select { width: 100%; padding: 0 2%; height: 37px; background: #EEE; border: 0; margin: 0 0 5px 0; } 
.sideform textarea { width: 94%; height: 100px; overflow: auto; padding: 3%; background: #EEE; border: 0; margin: 0 0 5px 0; } 
.sideform label { display: inline-block; margin: 10px 10px 0; float: left; width: 150px; text-align: left; }
.sideform [type=checkbox] { display: block; margin: 10px 5px 0 0; height: 17px; width: 17px; float: left; }
.sideform button { float: left; display: block; width: 100%; height: 37px; margin-top: 15px; cursor: pointer; border: none; background: #d3a404; color: #FFF; -webkit-appearance: none; }
.sideform button:hover { background: #333; color: #FFF; }

.newsletter { display: inline-block; width: 400px; padding: 0; }
.newsletter input { width: 94%; padding: 3%; background: #FFF; border: 0; margin: 0 0 2px 0; } 
.newsletter [type=checkbox] { display: block; margin: 10px 4px 0 0; width: 17px; float: left; }
.newsletter button { float: left; display: block; width: 100%; height: 37px; margin-top: 15px; cursor: pointer; border: none; background: #333; color: #FFF; -webkit-appearance: none; }
.newsletter button:hover { background: #d3a404; color: #FFF; }

.g-recaptcha.small { transform: scale(0.72); -webkit-transform: scale(0.72); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-half-alt, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { display: inline-block; float: left; margin-right: 2%; min-height: 50px; }

.one-half-alt { width: 49%; }
.one-half { width: 47%; margin-right: 6% }
.one-third { width: 32%; }
.one-fourth { width: 23.5%; }
.two-thirds { width: 64%; }
.three-fourths { width: 72.5%; margin-right: 4%; }
.full-width { width: 100%; }
.column-last { margin-right: 0 !important; }


@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {

html, body { font-size: 15px; }

header h2 { font-size: 1.1em; }
header .cta { font-size: .9em; }
header address { font-size: .9em; margin-top: 15px; }

.quicklinks h2 { font-size: 1.2em; }
.quicklinks p { font-size: 1em; }

.featurebox h2 { font-size: 2.6em; margin: 60px 0 .5em; }

.divflash h2 { font-size: 2.6em; }
.divflash p { font-size: 1.4em; }
.divflash small { font-size: 1em; }

.divcontentnarrow { max-width: 670px; }

.divflash { width: 155px; height: 155px; padding: 20px 5%; margin: auto; }


/* QL FLIP EFFECT */
.featurebox { width: 330px; height: 303px; }
.featurebox IMG { width: 330px; height: 303px; }

header .divlogo { width: 260px; margin: 0 auto 15px; }

nav { display: none; }
.slicknav_menu { display: block; }

.g-recaptcha.small { transform: scale(0.58); -webkit-transform: scale(0.58); transform-origin: 0 0; -webkit-transform-origin: 0 0; }


}


.divpopup { width: 500px; min-height: auto; padding: 10px; }	

.divpopup { position: relative; display: block; max-width: 430px; min-height: auto; padding: 30px; margin: auto; background-color: #d3a404; color: black; }



@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
.mobilehide { display: none; }
.desktophide { display: block; }

html, body { font-size: 15px; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h2.inside { font-size: 1.45em; }
h3 { font-size: 1.3em; color: #d3a404; } 

header .cta { position: absolute; top: 12px; right: 10px; font-size: 1.1em; font-weight: 400; }

.divbannercontent h2 { font-size: 1.65em; } 
.divbannercontent h3 { font-size: 1em; }
.featurebox h2 { font-size: 2em; margin: 35px 0 .5em; }

.whyus h2 { font-size: 2em; }
.whyus .divnum { font-size: 2em; }
.whyus .divdesc { font-size: 1.2em; }

footer h2 { margin-top: 15px; }

.form p, .newsletter p, .sideform p { font-size: 1em; }

.btncta a { padding: 15px 0; width: 100%!important; }

.scrollToTop { width: 40px; height: 40px; bottom: 100px; right: 20px; background-size: 40px; }

/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

.divpadleft { padding-left: 0; }

.divsocialtop { position: absolute; top: 8px; left: 10px; }
header .divlogo { width: 240px; margin: 30px auto 5px; }

.subnav ul { margin-top: 1.5em; }

#banner,
#banner.bannerinside { height: 280px; }

.divbannercontent { width: 200px; margin: 0; }
.divbannerql { display: none; }

.featurelinks { padding: 4%; margin-bottom: 10px; }

.whyus { height: 350px; }
.whyus .divleft { width: 100%; height: 150px; }
.whyus .divright { float: left; width: 100%; height: 150px }
.whyus .divcontainer { float: left; height: 200px; }

.divflash { width: 200px; height: 200px; padding: 40px; }


/* QL FLIP EFFECT */
.featurebox { width: 250px; height: 229px; }
.featurebox IMG { width: 250px; height: 229px; }

.associations IMG { margin: 10px; }

.entryimage IMG,
.entryimage.medium IMG,
.entryimage.small IMG { width: 100%; max-width: 350px; height: auto; }

/* PARALLAX SLIDES */
.leafbg { position: relative; background-size: cover; background-attachment: scroll !important; background-position: bottom !important; }

.newsletter { width: 90%; padding: 0; }

/* ------------------------------------------------------------------------------------ */
/* COLLAPSABLE DATA TABLE (FEES) */
/* ------------------------------------------------------------------------------------ */

table { border: 0; }
table thead { display: none; }
table tr { margin-bottom: 10px; display: block; border-bottom: 1px solid #333; }
table td { display: block; text-align: right; font-size: .95em; border-bottom: 1px dotted #d3a404; }
table td:last-child { border-bottom: 0; }
table td:before { content: attr(data-label); float: left; font-weight: bold; }
	
table { width: 100%!important; border: 0; }	
table.plans thead { display: block; width: 100%!important; margin: 0; border: 0!important; }	
table.plans tbody { display: block; width: 100%!important; margin: 0; border: 0!important; }			
table tr { margin-bottom: 0; display: block; border-bottom: none; }
table.plans td { display: inline-block; text-align: left; border-bottom: none; padding: 0; }
table.plans td:last-child { border-bottom: 0; }
table.plans td:before { content: none; float: none; font-weight: bold; }	


/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-half-alt, .one-third, .one-fourth, .two-thirds, .three-fourths, .full-width { margin-right: 0; }

.one-half-alt { width: 100%; }
.one-half { width: 100%; }
.one-third { width: 100%; }
.one-fourth { width: 100%; }
.two-thirds { width: 100%; }
.three-fourths { width: 100%; padding-right: 0; }
	
.divpopup { width: 250px; min-height: auto; padding: 10px; }	

.divpopup { position: relative; display: block; max-width: 250px; min-height: auto; padding: 30px; margin: auto; background-color: #d3a404; color: black; }
	
}