/* CSS Document */

html, body { width: 100%; font-size: 16px; font-family: proxima-soft, 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; cursor: pointer; }

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

h1, h2, h3, h4, h5 { font-family: haboro-contrast-normal, sans-serif; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 300; }

h1 { font-size: 2.25rem; color: #504842; margin: 0; line-height: 1.2em; }
h1 span { font-size: 1.375rem; color: #beb8b2; font-family: proxima-soft, sans-serif; letter-spacing: 0.15em; font-weight: 300; line-height: 1em; }
h2 { font-size: 1.7rem; color: #504842; margin-bottom: .75em; }
h2 span { font-size: 1.375rem; color: #FFF; font-family: proxima-soft, sans-serif; letter-spacing: 0.15em; font-weight: 300; }

h2.bios span { font-size: 1.25rem; color: #beb8b2; font-family: proxima-soft, sans-serif; letter-spacing: 0.1em; font-weight: 300; line-height: 1em; }

p { font-size: 1rem; color: #504842; line-height: 1.6em; margin-bottom: 1.5em; }

ul, ol { list-style-position: inside; margin: 0 0 1.5em 0; line-height: 1.6em; }
ul.nostyle { list-style: none; margin: 0 0 1.5em 0; list-style-position: inside; }
ul.nostyle li { font-size: 1rem; color: #504842; line-height: 1.6em; }

.whyus h2 { color: #beb8b2; }
.whyus ul li { color: #FFF; }
.whyus ul li.wb { display: block; width: 100%; height: 15px; background: url(../images/grey-bullet.png) no-repeat center; background-size: 30px 15px; margin: 15px 0; }
.whyus ul li.gb { display: block; width: 100%; height: 15px; background: url(../images/white-bullet.png) no-repeat center; background-size: 30px 15px; margin: 15px 0; }

ul.fa-ul { margin: 0 0 1.5em 1.4em; padding: 0; }

.benefits h2 { color: #beb8b2; }
.benefits p { color: #FFF; }
.benefits ul li { color: #FFF; line-height: 1.8em; }
.benefits .fas { color: #beb8b2; margin-right: 0; }

address { font-style: normal; }

.divcontact { font-size: 0.825rem; text-transform: uppercase; letter-spacing: 0.15em; color: #FFF; }

nav { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; }

.divbannercontent h2 { font-size: 2.85rem; color: #FFF; line-height: 1.2em; margin: 0; } 
.divbannercontent p { font-size: 1rem; color: #FFF; margin-bottom: 15px; }

.white p { color: #FFF; }
.white h2 { color: #beb8b2; }

.featured h2 { font-size: 1.5rem; color: #FFF; }

.team h2 { font-size: 1.35rem; color: #beb8b2; margin: 0; }

blockquote { font-size: 1.35rem; color: #9c9b9b; line-height: 1.6em; margin-top: 20px; }
blockquote cite { display: block; font-size: .8rem; color: #5e0a4f; font-style: normal; margin-top: 10px; } 

.btn { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.15em; }

footer { text-transform: uppercase; letter-spacing: 0.1em; font-weight: 300; }
footer h2 { font-size: 0.875rem; color: #504842; font-family: proxima-soft, sans-serif; letter-spacing: 0.1em; font-weight: 300; }
footer ul { list-style: none; }
footer ul li { font-size: 0.8rem; color: #FFF; line-height: 2.5em; }
footer .fas { color: #504842; }
footer p { font-size: 0.8rem; color: #FFF; margin: 0; }

.form, .form input, .form textarea, .form .send { font-size: 1rem; font-family: proxima-soft, sans-serif; font-weight: 300; color: #504842; }
.form p { font-size: 1rem; text-align: right; padding-right: 20px; color: #504842; }
.form .send { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 100; text-align: center; color: #FFF; }

.referrals input, .referrals textarea, .referrals .send { font-size: 1rem; font-family: proxima-soft, sans-serif; font-weight: 300; color: #504842; }
.referrals label { color: #504842; }
.referrals h2 { font-size: 1.4rem; color: #9c9b9b; }
.referrals p { line-height: 1.3em; color: #504842; margin: 2px 0; } 
.referrals .send { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 100; text-align: center; color: #FFF; }


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

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


.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: #504842; }
a:hover { color: #beb8b2; }

nav li a { color: #beb8b2;  }
nav li a:hover { color: #FFF; }

.divcontact a { color: #504842; padding: 0 5px; }
.divcontact a:hover { color: #FFF; }

.featured a { display: block; max-width: 340px; height: 340px; transition: filter .5s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.benefits a,
.white a { color: #beb8b2; }
.benefits a:hover,
.white a:hover { color: #FFF; }

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

.referrals a { color: #504842; }
.referrals a:hover { color: #beb8b2; }

.team a { color: #beb8b2; }
.team a:hover { color: #FFF; }

a.grey { color: #504842; }
a.grey:hover { color: #FFF; }

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

/* BTNS */
.btn a { display: inline-block; padding: 16px 35px; margin: 10px 5px 20px; border: 1px solid #beb8b2; text-align: center; color: #504842; transition: 0.4s; }
.btn a:hover { background: #beb8b2; color: #FFF; }

.btn1 a { color: #FFF; }

.btn2 a { margin: 0 5px 20px; border: 1px solid #504842; text-align: center; color: #FFF; background: #beb8b2; transition: 0.4s; }
.btn2 a:hover { background: #504842; color: #FFF; }

.btn3 a { margin: 0 5px 20px; border: 1px solid #beb8b2; text-align: center; color: #FFF; background: #504842; transition: 0.4s; }
.btn3 a:hover { background: #beb8b2; color: #FFF; }

.scrollToTop { width: 50px; height: 50px; position: fixed; bottom: 80px; right: 20px; display: none; background: url(../images/bact-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: -220px; 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: 60px 20px; }
.divcontentnarrow { position: relative; max-width: 870px; margin: auto; padding: 60px 20px; }
.divcontentnopad { position: relative; max-width: 1100px; margin: auto; padding: 0 20px; }
.divnobanner { margin-top: 155px; }
.divpopup { position: relative; display: block; max-width: 430px; padding: 30px; margin: auto; }

.lesstp { padding-top: 30px; }
.divxtrapad { padding: 80px 20px; }

.divider { display: inline-block; width: 150px; border-bottom: 1px solid #beb8b2; height: 2px; margin: 30px 0; }
.icondiv { display: inline-block; width: 100%; height: 55px; margin: 10px 0 30px; background: url(../images/logo-icon.png) no-repeat center; background-size: auto 100%; }

header { float: left; position: fixed; width: 100%; min-height: 120px; z-index: 999; }
header .divlogo { float: left; max-width: 360px; height: auto; margin: 25px 0 20px; }
header .divcontact { float: right; margin: 45px 0; }

nav { float: left; width: 100%; background: #504842; margin: 0; padding: 15px 0; border-bottom: 1px solid #beb8b2; }
nav ul { list-style: none; text-align: center; margin: 0; }
nav li { display: inline-block; padding: 0 8px; }

.slicknav_menu { display: none; }

#banner { float: left; position: relative; margin-top: 155px; width: 100%; height: 600px; }
.divbannercontent { width: 440px; margin: 85px 0; }
.divbannercontent.wide { width: 500px; margin: 85px 0; }

.topcurve { float: left; position: relative; width: 100%; height: 85px; margin: -85px 0 0 0; background: url(../images/top-curve.png) no-repeat center; background-size: 100% 100%; z-index: 10; }
.botcurve { float: left; position: relative; top: 0; width: 100%; height: 85px; margin: 0 0 50px 0; background: url(../images/bot-curve.png) no-repeat center; background-size: 100% 100%; z-index: 10; }
.botcurvefeatured { float: left; position: relative; top: 0; width: 100%; height: 85px; margin: 0; background: url(../images/bot-curve-featured.png) no-repeat center; background-size: 100% 100%; z-index: 10; }


.featured { display: block; position: relative; max-width: 340px; height: 340px; margin-bottom: 30px; }
.featured h2 { position: absolute; width: 100%; bottom: 20px; }

.featured.general { background: url(../images/general-dentistry-featured.jpg) no-repeat center; background-size: cover; }
.featured.newpatients { background: url(../images/new-patients-featured.jpg) no-repeat center; background-size: cover; }
.featured.hygiene { background: url(../images/oral-hygiene-featured.jpg) no-repeat center; background-size: cover; }
.featured.gums { background: url(../images/gum-disease-featured.jpg) no-repeat center; background-size: cover; }
.featured.rct { background: url(../images/root-canal-featured.jpg) no-repeat center; background-size: cover; }
.featured.emergency { background: url(../images/dental-emergency-featured.jpg) no-repeat center; background-size: cover; }
.featured.dentures { background: url(../images/dentures-featured.jpg) no-repeat center; background-size: cover; }

.featured.cosmetic { background: url(../images/cosmetic-dentistry-featured.jpg) no-repeat center; background-size: cover; }
.featured.implants { background: url(../images/dental-implants-featured.jpg) no-repeat center; background-size: cover; }
.featured.veneers { background: url(../images/porcelain-veneers-featured.jpg) no-repeat center; background-size: cover; }
.featured.invisalign { background: url(../images/invisalign-featured.jpg) no-repeat center; background-size: cover; }
.featured.whitening { background: url(../images/teeth-whitening-featured.jpg) no-repeat center; background-size: cover; }
.featured.fillings { background: url(../images/white-fillings-featured.jpg) no-repeat center; background-size: cover; }
.featured.crowns { background: url(../images/dental-crowns-featured.jpg) no-repeat center; background-size: cover; }

.featured.facial { background: url(../images/facial-aesthetics-featured.jpg) no-repeat center; background-size: cover; }
.featured.botox { background: url(../images/wrinkle-reduction-featured.jpg) no-repeat center; background-size: cover; }
.featured.fillers { background: url(../images/dermal-fillers-featured.jpg) no-repeat center; background-size: cover; }
.featured.peels { background: url(../images/chemical-peels-featured.jpg) no-repeat center; background-size: cover; }

.featured.implantref { background: url(../images/implant-referrals-featured.jpg) no-repeat center; background-size: cover; }
.featured.orthoref { background: url(../images/orthodontic-referrals-featured.jpg) no-repeat center; background-size: cover; }
.featured.endoref { background: url(../images/root-canal-referrals-featured.jpg) no-repeat center; background-size: cover; }
.featured.perioref { background: url(../images/gum-disease-referrals-featured.jpg) no-repeat center; background-size: cover; }
.featured.ctref { background: url(../images/ct-scan-referrals-featured.jpg) no-repeat center; background-size: cover; }
.featured.facialref { background: url(../images/facial-referrals-featured.jpg) no-repeat center; background-size: cover; }


.greyscale { transition: filter .5s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.greyscale:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.blocks { display: table; width: 100%; min-height: 550px; }
.blocks .imgblock { display: table-cell; width: 50%; padding: 0; } 
.blocks .txtblock { display: table-cell; width: 50%; padding: 8%; } 

.team IMG { display: inline-block; max-width: 235px; margin: 15px 0; }

.whyus { background: url(../images/why-choose-us.jpg) no-repeat center; background-size: cover; }
.promise { background: url(../images/our-promise-to-you.jpg) no-repeat center; background-size: cover; }
.newpatients { background: url(../images/new-patients.jpg) no-repeat center; background-size: cover; }
.hygiene { background: url(../images/oral-hygiene.jpg) no-repeat center; background-size: cover; }
.emergencies { background: url(../images/dental-emergencies.jpg) no-repeat center; background-size: cover; }
.gumdisease { background: url(../images/gum-disease.jpg) no-repeat center; background-size: cover; }
.rootcanal { background: url(../images/root-canal.jpg) no-repeat center; background-size: cover; }
.dentures { background: url(../images/dentures.jpg) no-repeat center; background-size: cover; }
.extractions { background: url(../images/tooth-extractions.jpg) no-repeat center; background-size: cover; }
.ctscans { background: url(../images/ct-scans.jpg) no-repeat center; background-size: cover; }
.implants { background: url(../images/dental-implants.jpg) no-repeat center; background-size: cover; }
.invisalign { background: url(../images/invisalign.jpg) no-repeat center; background-size: cover; }
.sixmonthsmiles { background: url(../images/six-month-smiles.jpg) no-repeat center; background-size: cover; }
.whitening { background: url(../images/teeth-whitening.jpg) no-repeat center; background-size: cover; }
.veneers { background: url(../images/porcelain-veneers.jpg) no-repeat center; background-size: cover; }
.crowns { background: url(../images/dental-crowns.jpg) no-repeat center; background-size: cover; }
.bridges { background: url(../images/dental-bridges.jpg) no-repeat center; background-size: cover; }
.fillings { background: url(../images/white-fillings.jpg) no-repeat center; background-size: cover; }
.inlays { background: url(../images/inlays-onlays.jpg) no-repeat center; background-size: cover; }
.digitalsmile { background: url(../images/digital-smile-design.jpg) no-repeat center; background-size: cover; }
.prosthodontics { background: url(../images/prosthodontics.jpg) no-repeat center; background-size: cover; }
.botox { background: url(../images/wrinkle-reduction.jpg) no-repeat center; background-size: cover; }
.fillers { background: url(../images/dermal-fillers.jpg) no-repeat center; background-size: cover; }
.peels { background: url(../images/chemical-peels.jpg) no-repeat center; background-size: cover; }
.refer { background: url(../images/refer-with-confidence.jpg) no-repeat center; background-size: cover; }
.carriedout { background: url(../images/treatment-carried-out-by.jpg) no-repeat center; background-size: cover; }
.carriedout-fa { background: url(../images/asethetics-carried-out-by.jpg) no-repeat center; background-size: cover; }

.borders { border-bottom: 1px solid #504842; padding: 40px 0; margin: 40px 0; }

.associations IMG { vertical-align: middle; margin: 5px 15px; }

footer { float: left; width: 100%; margin: -30px 0 0 0; }


/* PARALLAX SLIDES */
.parallax { position: relative; float: left; width: 100%; height: 600px; margin: 0; z-index: 80; background: #CCC; }
.slide1 { background: url(../images/floral-slide-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%; }

iframe.maps { pointer-events: none; width: 100%; height: 550px; }

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

.entryimage IMG { width: 100%; height: auto; }
.entryimage.medium IMG { width: 60%; height: auto; }
.entryimage.small IMG { width: 30%; height: auto; }

.darkbg { background: #504842; }
.greybg { background: #beb8b2; }
.lightgreybg {  background: #EEE; }


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

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


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

button { cursor: pointer; margin: 0; font-family: proxima-soft, 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: #FFF; background-color: #b5864b; border: none; font-size: 1.2em; }
.accordion__item.is-open .accordion__trigger { color: #fff; background-color: #9a9999; }
.accordion__content { background-color: #EEE; padding: 20px;  }
.accordion__content p { margin: 0; margin-bottom: 1.5em; line-height: 1.4em; }

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

.form { float: left; display: block; width: 100%; }
.form input { width: 100%; padding: 2% 0; background: transparent; border-bottom: 1px solid #504842; margin: 0 0 2px 0; } 
.form textarea { width: 100%; padding: 2% 0; height: 80px; overflow: auto; background: transparent; border-bottom: 1px solid #504842; margin: 0 0 2px 0; } 
.form label { display: inline-block; margin: 10px 10px 0; float: left; width: 150px; text-align: left; }
.form [type=checkbox] { display: block; margin: 5px 0 0 10px; width: 17px; float: right; }
.form .send { float: left; display: block; width: 100%; padding: 15px 0; min-height: 40px; cursor: pointer; border: 1px solid #504842; background: #504842; -webkit-appearance: none; transition: 0.4s; }
.form .send:hover { background: transparent; border: 1px solid #504842; color: #FFF; }

.g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin: 10px 0; }

.referrals input { width: 94%; padding: 2%; background: #FFF; border: 0; margin: 0 0 5px 0; } 
.referrals textarea { width: 94%; padding: 2%; height: 94px; background: #FFF; border: 0; margin: 0 0 5px 0; } 
.referrals label { display: inline-block; margin: 5px 0; float: left; text-align: left; }
.referrals [type=checkbox] { display: block; float: left; margin: 12px 8px 0 0; width: 17px; height: 17px; }
.referrals [type=radio] { display: block; float: left; margin: 15px 8px 0 0; width: 17px; height: 17px; }
.referrals .send { float: left; display: block; width: 100%; padding: 15px 0; min-height: 40px; cursor: pointer; border: 1px solid #504842; background: #504842; -webkit-appearance: none; transition: 0.4s; }
.referrals .send:hover { background: #beb8b2; border: 1px solid #504842; color: #FFF; }
.referrals .error { display: block; float: left; width: 100%; margin: 0 0 15px; color: #F70004; }

.treatments-half { width: 49%; display: inline-block; float: left; margin-right: 2%; }



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

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

.one-half { width: 49%; }
.one-third { width: 32%; }
.one-fourth { width: 23.5%; }
.two-thirds { width: 66%; }
.three-fourths { width: 74%; }
.full-width { width: 100%; }
.column-last { margin-right: 0 !important; }


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

.blocks .txtblock { padding: 100px 6%; } 

}

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

.featured h2 { font-size: 1.2rem; }

header { position: relative; }
header .divlogo { max-width: 300px; margin: 25px 0; }
header .divcontact { margin: 45px 0; }

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

#banner { margin-top: 0; }

.featured { max-width: 300px; height: 260px; margin-bottom: 20px; }
.featured h2 { bottom: 100px; }

}


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

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

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

h1 { font-size: 1.85rem; }
h1 span { font-size: 1.15rem; }
h2 { font-size: 1.5rem; }

.divbannercontent h2 { font-size: 1.75rem; } 

.divcredits { text-align: center; }
.divcredits .txtright { text-align: center; margin-top: 10px; }

.btn a { display: block; padding: 16px 35px; margin: 10px 5px; }

a.anchor { top: -50px; }

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

.divcontent,
.divcontentnarrow { padding: 60px 5%; }
.divcontentnopad { padding: 0 5%; }
.divpopup { width: 260px; padding: 15px; }

.lesstp { padding-top: 30px; }

header { position: relative; }
header .divlogo { float: none; display: block; margin: 20px auto 0; }
header .divcontact { float: left; width: 100%; margin: 10px 0 20px; text-align: center; line-height: 2em; }

.divider { width: 120px; margin: 20px 0; }
.icondiv { height: 45px; }

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

#banner { height: 380px; margin-top: 0; }
.divoverlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.45); }
.divbannercontent,
.divbannercontent.wide { width: 90%; margin: 5%; }

.topcurve { height: 30px; margin: -30px 0 0 0; }
.botcurve { height: 30px; margin: 0 0 70px 0; }
.botcurvefeatured { height: 30px; }

.featured { height: 300px; margin: 0 auto 15px; }
.featured h2 { bottom: 50px; }

.blocks .imgblock { float: left; width: 100%; padding: 0; min-height: 350px; } 
.blocks .txtblock { float: left; width: 90%; padding: 20% 5%; } 

.associations IMG { margin: 10px; }

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

iframe.maps { pointer-events: none; width: 100%; height: 350px; }

.entryimage IMG,
.entryimage.medium IMG,
.entryimage.small IMG { width: 100%; height: auto; }


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

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

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

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

.one-half { width: 100%; }
.one-third { width: 100%; }
.one-fourth { width: 100%; }
.two-thirds { width: 100%; }
.three-fourths { width: 100%; padding-right: 0; }

}