/* CSS Document */


html, body { width: 100%; font-size: 16px; font-family: open-sans, 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, h6 { color: #a6c725; font-weight: 300; line-height: 1.2em; }

h1 { font-size: 2.125em; padding-bottom: .25em; color: #83a005; }
h2 { font-size: 1.65em; padding-bottom: .75em; }
h3 { font-size: 1.65em; padding-bottom: .5em; }
h3.black { color: #000; }
h4 { font-size: 1.5em; padding-bottom: 0; }

h2.inside { font-size: 1.45em; padding-bottom: .25em; }

span { color: #a6c725; }
sup { font-size: .5em; }

/* Botox Training Section */
.BTadvert h2 { font-size: 1.85em; color: #FBB03B; padding-bottom: 0; }
.BTadvert .subhed { font-size: 1.4em; color: #FFF; padding-bottom: 0.5em; }
.BTadvert .feature .txt { font-size: 1.5em; color: #FFF; }
.BTadvert .feature small { font-size: 1.125em; color: #FBB03B; }

.divbannercontent h2 { font-size: 3em; margin-bottom: 0; color: #a6c725; }
.divbannercontent h3 { font-size: 1.5em; margin-bottom: .5em; color: #FFF; }

hgroup { color: #FFF; text-align: right; }
hgroup .txt { font-size: 1.375em; }
hgroup .tel { font-size: 2.125em; color: #a6c725; }
hgroup .small { font-size: 1em; line-height: 1.6em;  }

.featured h2 { font-size: 1.6em; color: #a6c725; padding: 0 0 .5em 0; }

p, table { font-size: 1em; color: #333; line-height: 1.5em; padding-bottom: 1.5em; }

.white p { color: #FFF; }

nav { font-size: 1em; color: #FFF; text-align: center; font-weight: 400; }

ul { list-style: none; list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
ol { list-style-position: inside; margin: 0 0 1em 0; }
li { line-height: 1.5em; color: #333; }

ul.nostyle { list-style-type: none; }

.socialsidebar .link,
.socialmobile .links { font-size: 1.3em; }

.whyus ul li { list-style-type: none; font-size: 1.15em; color: #FFF; line-height: 2em; }
.whyus ul li .fa-check { color: #a6c725; }
.whyus p { font-size: 1.15em; }


footer li, footer p { font-size: 0.875em; color: #a6c725; }

footer span { color: #FFF; }
footer h3 { font-size: 1em; padding-bottom: .5em; color: #FFF; }

.fa-check-square, .fa-phone-square, .fa-envelope-square { margin-right: 8px; color: #FFF; }

.btn, .btn2 { font-size: 1.25em; }

.form, .form label, .form input, .form textarea { font-family: open-sans, sans-serif;  font-weight: 300; font-size: 1em; color: #FFF; }
.form .send { color: #A6062E; }
.form p { font-size: .95em; }

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

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

 
.txtcenter { text-align: center; }
.txtleft { text-align: left; }
.txtright { text-align: right; }

.left { float: left; }
.right { float: right; }

.medivision  { text-align: center; margin-bottom: 20px; }

/* ------------------------------------------------------------------------------------ */
/* LINKS and BUTTONS*/
/* ------------------------------------------------------------------------------------ */

a { color: #a6c725; font-weight: 400; }
a:hover { color: #333; }

header .tel a { color: #a6c725; }
header .tel a:hover { color: #FFF; }

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

table.fees a { color: #333; }
table.fees a:hover { color: #a6c725; }

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

.btnbanner a { color: #a6c725; } 
.btnbanner a:hover { color: #FFF; } 

.btn a { width: 100%; padding: 0; background: #a6c725; color: #FFF; border-radius: 10px; margin-top: 15px; }
.btn a:hover { background: #000; color: #a6c725; }

.button,
[class*="button-"] { position: relative; display: inline-block; overflow: hidden; height: 2.5em; font: 300 1em/2.5em 'Open Sans', sans-serif; text-decoration: none; color: #FFF; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all; }

.button:hover, 
[class*="button-"]:hover { background: #000; }

.button-hover:hover { line-height: 9em; }
.button-hover:before { content: attr(data-text); position: absolute; top: -3.25em; }

.btn2 a { display: inline-block; padding: 0 22px; background: #FBB03B; border: 2px solid #FBB03B; color: #FFF; border-radius: 10px; margin-top: 10px; }
.btn2 a:hover { background: #000; color: #FBB03B; }

.subnav li a { float: left; background: #a6c725; width: 90%; padding: 5%; margin-bottom: 2px; color: #FFF; border-radius: 10px; }
.subnav li a:hover, .subnav li a.active { background: #000; color: #a6c725; }

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

.sidebar .form a { color: #a6c725; }
.sidebar .form a:hover { color: #333; }

footer a { color: #a6c725; font-weight: 300; }
footer a:hover { color: #FFF; }


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

a.anchor { display: block; position: relative; top: -70px; 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: 1200px; margin: auto; padding: 50px 20px 40px; }
.divcontentnopad { position: relative; max-width: 1200px; margin: auto; padding: 0 20px; }
.divxtrapadbot { padding-bottom: 130px; }

.divider { display: block; width: 100%; height: 35px; margin: 15px 0 30px; background: url(../images/idental-icon-divider.png) no-repeat center; background-size: 35px; }

header { position: relative; width: 100%; height: 165px; background: url(../images/header_bg.jpg) no-repeat bottom #000; border-bottom: 4px solid #a6c725; z-index: 5; }
header hgroup { position: relative; max-width: 1200px; margin: auto; padding: 20px; }
hgroup .logo IMG { float: left; width: 350px; height: auto; }

nav { float: left; width: 100%; min-height: 40px; display: block; margin: auto; padding: 0; background: #a6c725; }
nav ul { list-style: none; text-align: center; margin: 0; }
nav li { display: inline-block; padding: 0 15px; }

ul.subnav  { float: left; width: 100%; margin-bottom: 30px; }

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

#banner { float: left; position: relative; width: 100%; height: 500px; }
.divbannercontent { width: 400px; margin: 70px 0; }

.badge { display: block; margin-top: 320px; width: 100px; height: 100px; background: url(../images/10-years-icon.png) no-repeat center; background-size: 100px; z-index: 9999; }

.slicknav_menu { display: none; }

.featured { float: left; width: 31.25%; margin: 2% 1%; } 
.featured h2 { width: 100%; border-bottom: 4px solid #a6c725; padding-bottom: 8px; }
.featured IMG { float: left; width: 100%; height: auto; margin: 5px 0 10px 0; }

.socialsidebar { position: fixed; right: 0; top: 25%; width: 40px; min-height: 80px; background: #000; border: 1px solid #a6c725; z-index: 9999; }
.socialsidebar .link a { display: block; width: 20px; height: 30px; padding: 5px 10px; background: #000; text-align: center; }
.socialsidebar .link a:hover { background: #a6c725; }  


.block { float: left; width: 44%; min-height: 400px; margin: 0 1%; padding: 2%; background: #1a1a1a; border-radius: 20px; } 

.BTadvert .feature { float: left; width: 19.25%; height: auto; background: #000; border: 2px solid #FBB03B; margin: 1% 0.5% 2%; padding: 2.5% 2%; }

.divcontentleft { float: left; width: 70%; }
.divcontentright { float: right; width: 26%; }

.team IMG { width: 175px; height: 175px; text-align: center; margin: 0 0 10px 0; }

footer .divcol { float: left; width: 21%; }
footer .divcolmap { float: left; width: 21%; }
footer .divcol2 { float: left; width: 17%; margin-left: 2%; }
footer .logo { float: left; width: 100%; margin-bottom: 25px; }
footer .logo IMG { float: left; width: 210px; height: auto; }
footer .rahul IMG { float: left; width: 80px; height: auto; margin-right: 10px; } 

.associations { width: 100%; border-top: 3px solid #a6c725; }
.associations IMG { vertical-align: middle; padding: 0 15px; }

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

.medivision { float: left; width: 100%; margin: 0 0 10px 0; }
.medivision IMG { width: 100%; height: auto; }

.entryimage { display: block; margin: 0 0 30px 0; }
.entryimage IMG { width: 100%; height: auto; }


.greenbg { background: #a6c725; }
.greybg { background: #1a1a1a; }
.lightgreybg { background: #EEE; }
.patternbg { min-height: 320px; background: url(../images/main-bg-pattern.jpg) no-repeat bottom center; background-size: 100%; } 


/* ------------------------------------------------------------------------------------ */
/* Parallax */
/* ------------------------------------------------------------------------------------ */

/* PARALLAX SLIDES */
.parallax { position: relative; float: left; width: 100%; min-height: 480px; padding: 50px 0; margin: 0; z-index: 80; background: #CCC; }
.slidebotox { background: url(../images/backgrounds/botox-bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.slideabout { background: url(../images/backgrounds/about-us-bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }


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

.form { float: left; width: 100%; }
.form input { width: 96%; padding: 2%; background: #a6c725; border: 0; margin: 0 0 2px 0; } 
.form textarea { float: left; width: 96%; padding: 2%; min-height: 70px; overflow: auto; background: #a6c725; border: 0; margin: 0 0 2px 0; }
.form [type=checkbox] { display: block; margin: 5px 8px 0 0; width: 17px; float: left; } 
.form .send { float: left; width: 100%; padding: 2% 0; background: #a6c725; color: #FFF; border-radius: 10px; margin: 0 0 0 -1px; cursor: pointer; -webkit-appearance: none; }
.form .send:hover { background: #FFF; color: #a6c725; }

.sidebar .form { float: left; width: 100%; margin-bottom: 30px; }
.sidebar .form input { width: 94%; padding: 3%; background: #a6c725; border: 0; margin: 0 0 2px 0; } 
.sidebar .form textarea { float: left; width: 94%; padding: 3%; min-height: 70px; overflow: auto; background: #a6c725; border: 0; margin: 0 0 5px 0; }
.sidebar .form [type=checkbox] { display: block; margin: 5px 8px 0 0; width: 17px; float: left; } 
.sidebar .form .send { float: left; width: 100%; padding: 3% 0; background: #a6c725; color: #FFF; border-radius: 10px; margin: 0 0 0 -1px; cursor: pointer; -webkit-appearance: none; }
.sidebar .form .send:hover { background: #000; color: #a6c725; }

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

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

table.fees { border: 1px solid #1a1a1a; width: 100%; margin: 0 0 30px 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
table.fees tr { border: 1px solid #1a1a1a; 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: #333; }
table.fees th { font-size: 1.1em; background: #333; font-weight: 300; }


/* ------------------------------------------------------------------------------------ */
/* 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: 64%; }
.three-fourths { width: 72%; 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; }	

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.45em; }

.featured h2 { font-size: 1.4em; }

nav li { padding: 0 10px; }

footer .divcol { width: 30%; }
footer .divcol2 { width: 21%; margin-left: 2%; }
footer .divcolmap { display: none; }

.g-recaptcha { transform: scale(0.7); transform-origin: 0 0; }

}


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

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

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }

.divbannercontent h2 { font-size: 1.6em; }
.divbannercontent h3 { font-size: 1.1em; }

footer h3 { padding-bottom: .5em; padding-top: 15px; }

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

header { z-index: 99; height: 55px; }
header hgroup { max-width: 100%; padding: 0; }
hgroup .logo IMG { width: 140px; height: auto; margin: 4px 15px 4px 8px; }
hgroup .icons { float: left; width: 32px; height: 35px; padding: 10px 5px; margin: 0 2px 0 0; text-align: center; }
hgroup .icons IMG { width: auto; height: 35px; }
hgroup .icons .fab { font-size: 2em; color: #a6c725; padding: 4px 0 0 } 
hgroup .icons .fas { font-size: 1.6em; color: #a6c725; padding: 5px 0 0 } 
hgroup .icons .fab a, hgroup .icons .fas a {color: #a6c725;} 
hgroup .icons .fab a:hover, hgroup .icons .fas a:hover {color: #FFF;} 
	
.divcontent { width: 90%; padding: 40px 5%; }
.divcontentnopad { width: 90%; padding: 0 5%; }
.divxtrapadbot { padding-bottom: 130px; }

.divider { display: inline-block; width: 100px; height: 100px; margin: 15px 0; background: url(../images/10-years-icon.png) no-repeat center; background-size: 100px; }

nav { display: none; }
.slicknav_menu { display: block; }
ul.slicknav_nav { position: absolute; width: 100%; background-color:#222; margin-top:50px; padding: 15px 0; z-index: 99; }

#banner { height: 330px; }
.divbannercontent { width: 90%; margin: 130px 0 0; padding: 5%; }

.divcontainer { width: 94%; padding: 3%; }

.featured { width: 100%; margin: 1% 0 3%; } 

.socialmobile { display: block; position: relative; width: 82px; height: 40px; margin: auto; z-index: 9999; }
.socialmobile .links a { float: left; width: 20px; height: 30px; padding: 5px 10px; background: #000; text-align: center; margin: 2px .5px }
.socialmobile .links a:hover { background: #a6c725; }  

.block { width: 90%; margin: 30px 0; padding: 5%; border-radius: 10px; } 
.BTadvert .feature { width: 93%; margin: 3% 0; padding: 3%; }

.divcontentleft { width: 100%; }
.divcontentright { float: left; width: 100%; }

.slidebotox,
.slideabout { position: relative; background-size: cover; background-attachment: scroll !important; background-position: bottom !important; }

.associations IMG { padding: 15px; }

footer .divcol { width: 100%; }
footer .divcol2 { width: 100%; margin-left: 0; }
footer .divcolmap { width: 96%; }
footer .logo IMG { float: left; width: 220px; height: auto; }

.patternbg { min-height: 150px; margin-bottom: -10px; background: url(../images/main-bg-pattern.jpg) no-repeat bottom center; background-size: 150%; } 

.g-recaptcha { transform: scale(0.8); transform-origin: 0 0; }

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

table.fees { border: 0; }
table.fees thead { display: none; }
table.fees  th { width: 100%; }
table.fees tr { margin-bottom: 10px; display: block; border-bottom: 1px solid #5e0a4f; }
table.fees td { display: block; text-align: right; font-size: .95em; border-bottom: 1px dotted #5e0a4f; }
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; }


}