/**
  Theme Name: Fresh Smile Clinic
  Theme URI: http://www.freshsmileclinic.co.uk
  Version: 1.0
  Author: Dental Design
  Author URI: http://www.dental-design.co.uk
  Description: A theme created for Fresh Smile Clinic by Dental Design.
*/

/* ===============================
----------- Contents -------------
==================================

1.0 Generic Styles
	1.1 Colours
	1.2 Text/Typography
	1.3 Font Awesome
2.0 Header
3.0 Buttons
4.0 Navigation
5.0 Slider
6.0 Quicklinks
7.0 Homepage
	7.1 Our Services
	7.2 About Us
8.0 Contact Section
	8.1 Contact Area
	8.2 Form
9.0 Partners
10.0 Logo
11.0 Fees
12.0 Treatments
13.0 Footer
	13.1 Footer Treatments
14.0 Testimonials
15.0 Team Members/Profiles
16.0 Referral Form
17.0 Page Content
18.0 Services
	NOTE!
	18.1 Replace my teeth (implants) Service Styles
	18.2 Repair Teeth (Veneers and Crowns) Services Styles
19.0 Get in Touch
18.0 Return to Top
21.0 News
	21.1 News Index
	21.2 News Single Page
	21.3 Facebook Link bar
	21.4 Share this Article
	21.5 Tags
	21.6 Social
	21.7 Category
	21.8 Trackbacks
22.0 Float Clear
23.0 Transitions
24.0 Webfont Kit

25.0 New Home Pages styles!!!
================================== */



/* ===============================
1.0  Generic Styles --------------
================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin: 0;
	font-size: 14px;
	background: #efefef;
	color: #606060;
}

body,
ul.fees-row li small {
	font-family: 'Open Sans', sans-serif;
}

body {
	color: #606060;
}

h1,
.contact-details,
ul.fees-row li,
.large-text {
	font-family: 'swiftefregular', sans-serif;
	letter-spacing: 0.02em;
}

h1 {
	color: #b3cb0c;
	font-size: 32px;
	margin: 0 0 20px;
}

h2 {
	color: #666;
	font-size: 24px;
	margin: 20px 0 0;
}

h3 {
	color: #b3cb0c;
	font-size: 20px;
	margin: 20px 0 0;
}

h4 {
	font-size: 18px;
	color: #000;
	line-height: 24px;
	margin: 10px 0;
}

img {
	border: none;
}

strong {
	font-family: 'Lato';
	font-weight: 700;
}

em {
	font-family: 'Lato';
}

.JB_Slide_Half .large-text,
h2, h3, h4, h5,
a.all-btn,
input,
textarea,
ul.footer-treatments,
ul.treatments a,
.flexy-menu li {
	font-family: "Lato";
}

small {
	font-size: 0.7em;
}

a {
	color: #b3cb0c;
	text-decoration: none;
}

a:hover {
	color: #818e23;
}

hr, hr.trans {
	border: 0;
	height: 1px;
	margin:30px 0;
	background: #eee;
	clear: both;
}

hr.trans {
	height: 1px;
	background: rgba(255,255,255,0);
}

hr.style-two {
    border: 0;
    height: 1px;
    margin: 10px 0;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0.1), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0.1), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0.1), rgba(255,255,255,1));
    background-image: -o-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0.1), rgba(255,255,255,1));
}

p {
	line-height:24px;
	margin:15px 10px;
}

ul, ol {
	line-height:24px;
	margin:15px 40px;
	padding:0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.alignright,
.alignleft,
.video-right {
	padding:10px;
}

.alignright {
	float:right;
	margin:0 0 10px 20px;
}

.alignleft {
	float:left;
	margin:0px 20px 10px -10px;
}

.video-right {
	float:right;
	margin:0 0 10px 20px;
}

.video-right iframe {
    max-width: 100%;
}

/* -------------------------------
1.1 Colours ----------------------
----------------------------------*/

.green-text {
	color: #b3cb0c;
}

/* -------------------------------
1.2 text/Typography---------------
----------------------------------*/
.center-text {
	text-align: center;
}

.left-text {
	text-align: left;
}

.large-text {
	font-size: 2.2em;
}

.text-area {
	float: left;
	width: calc(100% - 350px);
	margin-bottom: 30px;
}

.sidebar {
	float: right;
	width: 320px;
	padding-bottom: 30px;
}

/* -------------------------------
1.3 Font Awesome------------------
----------------------------------*/

.fa-1 {
	font-size: 1.2em !important;
}

.fa-2 {
	font-size: 2em !important;
}

.fa-3 {
	font-size: 2.4em !important;
}

.fa-4 {
	font-size: 3em !important;
}

.fa-5 {
	font-size: 4.4em !important;
}

.fa-6 {
	font-size: 1.15em !important;
}

.fa-ul {
	padding-left: 20px !important;
}

.fa-li {
	top: .33185714em !important;
	padding: 2px 10px 0 30px;
}

.fa-check-square {
	margin-left: -30px;
	color: #d49a6a;
}

/* ===============================
2.0 Header -----------------------
================================== */

header, section {
	width: 1200px;
	margin: 0 auto;
}
section {
	max-width: 1200px;
    width: 100%;
	padding: 20px 0;
	position: relative;
	z-index: 11;
}

.logo {
	float: left;
}

.contact-details {
	float: right;
	margin: 26px 0 0;
	text-align: right;
	font-size: 16px;
	line-height: 25px;
}

.contact-details .fa-phone {
	color: #fff;
	background: #cad400;
	padding: 6px 6px 4px 4px;
	width: 17px;

	position: relative;
	right: 5px;
	top: -5px;

	-webkit-border-radius: 45px;
	border-radius: 45px;
}

.fa-map-marker {
	color: #d9d8d8;
}

.call-us,
.phone-no {
	font-family: 'Lato';
}

.call-us {
	color: #c1d82f;
	font-size: 24px;
}

.phone-no {
	color: #666;
	font-size: 36px;
}

/* ===============================
3.0 Buttons ----------------------
================================== */

a.all-btn,
a.orange-btn,
#referral-form .submit {
	padding: 1% 3%;
	color: #fff;
	font-size: 17px;
	text-decoration: none;
	position: relative;
	z-index: 19;
	/* margin-top: 10px; */
	background: #b3cb0c;
	border: 1px solid #b3cb0c;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}

a.all-btn:hover,
a.orange-btn:hover,
#referral-form .submit:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

a.orange-btn {
	background: #da4a37;
	border: 1px solid #da4a37;
}

a.orange-btn:hover {
	color: #da4a37;
	border: 1px solid #da4a37;
}


a.readmore-btn {
	padding: 10px 15px;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	position: relative;
	z-index: 19;
	margin-top: 10px;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

a.readmore-btn:hover{
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

a.price-review-all-btn{
	background: #333;
	border: 1px solid #333;
	border-radius: 50% !important;
	height: 120px;
	width: 120px !important;
	padding-top: 45px !important;
}

a.price-review-all-btn:hover{
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0%;
	border-radius:  0%;
}
a.price-more-all-btn{
	background: #333;
	border: 1px solid #333;
	border-radius: 50% !important;
	height: 120px;
	width: 120px !important;
	padding-top: 40px !important;
	line-height: 20px;
	margin-left: 20px;
}

a.price-more-all-btn:hover{
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0%;
	border-radius:  0%;
}

/* ===============================
5.0 Slider Hompage ---------------
================================== */

.halfpage {
	width: 600px;
	height: 520px;
	margin: 0;
	padding: 0;
	float: left;
}

.awards {
	width: 192px;
	height: 104px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/awards-slider.png) no-repeat;
}

.go-to a{
	position: fixed; 
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    background: #b3cb0c;
    color: #fff;
    padding: 15px 30px 30px 30px;
    font-size: 25px;
    right: -84px;
    top: 60%;
    text-align: center;
    border: 1px solid transparent;
    z-index: 99999999;
    border-radius: 20px 20px 0 0;
	font-family: 'Lato', sans-serif;
}
.go-to a:hover{
    border-radius: 0px;
    border: 1px solid #b3cb0c;
    background: #fff;
    color: #b3cb0c;
}




/* ===============================
6.0 Quicklinks -------------------
================================== */

.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	z-index: 4;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(images/quicklinks/q1.png);
}

.ch-img-2 { 
	background-image: url(images/quicklinks/q2.png);
}

.ch-img-3 { 
	background-image: url(images/quicklinks/q3.png);
}

.ch-img-4 { 
	background-image: url(images/quicklinks/q4.png);
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #928f8d;
	text-align: center;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 32px;
	margin: 0 30px;
	padding: 50px 0 10px 0;
	font-weight: 300;
}

.ch-info p {
	color: #fff;
	padding: 5px;
	margin: -10px 30px 20px;
	font-size: 14px;
}

.ch-info a.all-btn {
	padding: 4% 7%;
}

.ch-item:hover {
	box-shadow: 
	inset 0 0 0 110px rgba(200, 162, 200, 0.33),
	inset 0 0 0 16px rgba(200, 162, 200, 0.33),
	0 1px 2px rgba(200, 162, 200, 0.74);
}

.ch-item:hover .ch-info {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);  
}

.ch-grid {
	padding: 0;
	list-style: none;
	width: 280px;
	float: left;
}


.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 280px;
	height: 250px;
	display: inline-block;
}
.ch-grid li:last-child {
	margin: 20px 0 0 0;
}

.ch-grid-wide {
	width: 100%;
	margin: 0 0 40px 0;
}
.ch-grid-wide li {
	width: 235px;
	height: 300px;
	display: inline-block;
}
.ch-grid-wide .ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	z-index: 4;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-grid-wide .ch-img-1 { 
	background-image: url(images/services/replace.png);
	background-position: center;
}

.ch-grid-wide .ch-img-2 { 
	background-image: url(images/services/repair.png);
	background-position: center;
}

.ch-grid-wide .ch-img-3 { 
	background-image: url(images/services/straighten.png);
	background-position: center;
}

.ch-grid-wide .ch-img-4 { 
	background-image: url(images/services/whiten.png);
	background-position: center;
}

.ch-grid-wide .ch-img-5 { 
	background-image: url(images/services/clean.png);
	background-position: center;
}

.ch-grid-wide .ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #928f8d;
	text-align: center;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-grid-wide .ch-info h3 {
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 29px;
	margin: -10px 30px 0 30px;
	padding: 0px 0 10px 0;
	font-weight: 300;
}

.ch-grid-wide .ch-info p {
	color: #fff;
	padding: 5px;
	margin: 0px 20px 10px;
	font-size: 14px;
	line-height: 19px;
}

.ch-grid-wide .ch-info a.all-btn {
	padding: 4% 7%;
	position: relative;
	top: 235px;
}

.ch-grid-wide .ch-item:hover {
	box-shadow: 
	inset 0 0 0 110px rgba(200, 162, 200, 0.33),
	inset 0 0 0 16px rgba(200, 162, 200, 0.33),
	0 1px 2px rgba(200, 162, 200, 0.74);
}

.ch-grid-wide .ch-item:hover .ch-info {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);  
}

/* ===============================
7.0 Homepage ---------------------
================================== */
/* -------------------------------
7.1 Our services (homepage) ------
----------------------------------*/

.our-services, 
.our-practice, 
.our-practice-page,
.our-contact-page {
	width: 100%;
	padding: 50px 0;
	height: auto;
	overflow-y: hidden;
	background: url(images/wood_1.png) #333;
}

.our-practice-page {
	padding: 0;
}

.our-services {
	text-align: center;
}

.our-services h2, 
.our-practice h2,  
.patient-reviews h2 {
	text-align: center;
	margin: 0 0 30px;
	font-size: 36px;
}
.our-practice-page h2{
	margin: 0 0 30px;
	font-size: 36px;
}

.our-services h2 {
	color: #fff;
}

ul.three-column {
	width: 100%;
	margin: 15px 0;
}

ul.three-column li {
	float: left;
	width: 30%;
	margin: 1%;
	padding: 1%;
	background: #000;
	background: rgba(0,0,0,.3);
	list-style: none;
	text-align: center;
	color: #ccc;
}

ul.three-column li:first-child {
	margin: 1% 1% 1% 0;
}

ul.three-column li:last-child {
	margin: 1% 0 1% 1%;
}

ul.three-column li img {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

ul.three-column h3 {
	font-size: 1.5em;
	margin: 10px 0;
	color: #fff;
}


ul.five-column {
	width: 100%;
	margin: 15px 0;
}

ul.five-column li {
	float: left;
	width: 18.25%;
	margin: 1%;
	background: #000;
	background: rgba(0,0,0,.3);
	list-style: none;
	text-align: center;
	color: #ccc;
	font-size: 0.9em;
}

ul.five-column li:first-child {
	margin: 1% 1% 1% 0;
}

ul.five-column li:last-child {
	margin: 1% 0 1% 1%;
}

ul.five-column li img {
	width: 100%;
	height: auto;
}

ul.five-column h3 {
	font-size: 1.3em !important;
	margin: 10px 0;
	color: #fff;
}

/* -------------------------------
7.2 About Us (homepage)-----------
----------------------------------*/

.our-practice,
.our-practice-page,
.our-contact-page {
	background:#f6f6f6;
	background-size: 30%;
}
.our-practice-page {
	padding-top: 30px;
}

.our-practice h3,
.our-practice-page h3,
.contact-area h3,
.newsletter-area h3,
.our-contact-page h3 {
	font-size: 2.6em;
	color: #928f8d;
	line-height: 1.1em;
	letter-spacing: 0;
	padding: 0 10px 20px 10px;
	margin: 12px 0 0 -10px;
	border-bottom: 1px solid #ccc;
}

.our-practice h2, 
.our-practice-page h2,
.our-contact-page h2,
.patient-reviews h2 {
	color: #b3cb0c;
}

.two-column {
	width: 100%;
}

.two-column-left, .two-column-right {
	width: 47%;
	padding: 1%;
}

.two-column-left {
	float: left;
	margin: 1% 1% 1% 0;
}

.two-column-right {
	float: right;
	margin: 1% 0 1% 1%;
}

.our-practice a.all-btn {
	padding: 2% 5%;
	top: 20px;
}

.directions,
.directions h2 {
	text-align: left;
}

.directions .fa {
	float: right;
}

/* ===============================
8.0 Contact Section --------------
================================== */
/* -------------------------------
8.1 Contact Area -----------------
----------------------------------*/

.contact-area,
.get-in-touch,
.service-text-2,
.newsletter-area  {
	background: url(images/wood_1.png);
	position: relative;
}

.contact-area {
	width: 100%;
	height: 440px;
	margin: 0 auto;
	color: #666;

	position: relative;
	z-index: 12;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.newsletter-area {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	color: #666;
    float: left;

}

.footer-wrapper{
 width: 100%;
 margin: 0 auto;
 /* float: left; */
 overflow: overlay;
}

.footer-wrapper:last-of-type {
    background: #111;
    border-top: 1px solid #eee;
}
.contact-area .two-column-left,
.newsletter-area .two-column-left {
	margin: 1% 1% 4% 0;
}

.contact-area hr
.newsletter-area hr {
	margin: 50px 0 30px;
	background: #000;
}

.contact-area p,
.newsletter-area p {
	color: #666;
}

.contact-area h3,
.newsletter-area h3 {
	color: #eee;
	border-bottom: 1px solid #666;
}

.contact-area h2,
.newsletter-area h2 {
	color: #ccc;
	margin: 20px 10px;
}

.contact-area .fa-mobile {
	font-size: 0.8em;
	color: #999;
}

.phone {
	color: #eee;
}


.three-column {
	width: 100%;
	float: left;
}

.three-column-left, .three-column-right {
	width: 30%;
	padding: 1%;
}

.three-column-left {
	float: left;
	margin: 1% 1% 1% 0;
}

.three-column-right {
	float: right;
	margin: 1% 0 1% 1%;
}



/* -------------------------------
8.2 Conatct Form -----------------
----------------------------------*/

html {
	background-size: cover;
	height:100%;
}

#feedback-page {
	text-align:center;
}

#form-main {
	width:100%;
	/* float:left; */
	padding-top:0px;
}

#form-div {
	width: 100%;
	/* float: left; */
}

#form-div p {
	margin: 10px 0;
}

.feedback-input {
	color:#3c3c3c;
	font-weight:300;
	font-size: 13px;
	border-radius: 0;
	line-height: 20px;
	background-color: #121212;
	background: rgba(0,0,0,0.3);
	padding: 6px 5% 6px 10%;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus {
	background: #fff;
	box-shadow: 0;
	border: 3px solid #b3cb0c;
	color: #3498db;
	outline: none;
	padding: 6px 13px 6px 54px;
}

.focused {
	color:#30aed6;
	border:rgba(179,203,12,1);
}

/* Icons ---------------------------------- */
#name {
	background-image: url(images/form/name.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus {
	background-image: url(images/form/name.svg);
	background-size: 34px 18px;
	background-position: 8px 5px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#tel {
	background-image: url(images/form/tel.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#tel:focus {
	background-image: url(images/form/tel.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}


#email {
	background-image: url(images/form/email.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus {
	background-image: url(images/form/email.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment {
	background-image: url(images/form/comment.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
	width: 100%;
	height: 120px;
	line-height: 150%;
	resize:vertical;
}

input:hover, textarea:hover {
	background: #eee;
}

input:focus, textarea:focus {
	background-color:white;
}

#button-green {
	/* float:left; */
	width: 100%;
	border: #000 solid 1px;
	cursor:pointer;
	background: rgba(179,203,12,1);
	color:white;
	font-size:16px;
	padding:14px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top:-4px;
	letter-spacing: 0.02em;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}

#button-green:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.submit:hover {
	color: #fff;
}

@media only screen and (max-width: 580px) {
  #form-div{
    left: 3%;
    margin-right: 3%;
    width: 88%;
    margin-left: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
}



.contact-page-form textarea {
	width: 100%;
	height: 120px;
	line-height: 150%;
	resize:vertical;
	background: #eee;
	border: 1px solid rgba(0,0,0,0.1);
}

.contact-page-form input:hover, .contact-page-form textarea:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
}

.contact-page-form input:focus, .contact-page-form textarea:focus {
	background-color:white;
	border: 1px solid #b3cb0c;
}

.contact-page-form #button-green {
	float:left;
	width: 100%;
	border: #fff solid 1px;
	cursor:pointer;
	background: rgba(179,203,12,1);
	color:white;
	font-size:16px;
	padding:14px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top:4px;
	letter-spacing: 0.02em;

	-webkit-border-radius: 45px;
	border-radius: 45px;
}
.contact-page-form input {
	color:#222;
	font-weight:300;
	font-size: 13px;
	border-radius: 0;
	line-height: 20px;
	background: #eee;
	padding: 6px 5% 6px 10%;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);
}

.contact-page-form #button-green:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}
h2 .contact-phone{
	color: #606060;
}
/* ===============================
9.0 Partners----------------------
================================== */

.partners {
	width: 100%;
	background: #fff;
}

/* ===============================
10.0 Logo ------------------------
================================== */

.logo-stamp,
.logo-stamp-page {
	width: 550px;
	height: 520px;
	position: absolute;
	right: 0;
	top: 220px;
	background: url(images/logo-stamp.png) no-repeat;
	z-index: 10;
}

.logo-stamp-page {
	top: 460px;
}

/* ===============================
11.0 Fees ------------------------
================================== */

ul.fees-title {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    overflow:hidden;
    color: #fff;
    text-align: left;
	margin-top: 10px;
    background: #b3ca15;
    background: rgba(172,202,21,1);
}

ul.fees-row {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    color: #121212;

    height: auto;
    overflow: auto;
}

ul.fees-row:hover {
    background:rgba(255,255,255,.8);
    padding: 0 2px 0 2px;
    color:#121212;
}

ul.fees-row strong {
	color: #000;
	font-size: 1.2em;
}

ul.fees-row li,
ul.fees-title li {
    padding: 8px 1%;
    display: inline;
    font-size: 18px;
}
.fees-item-split-1{ 
	float: left;
    width: 30%;
}
.fees-item-split-2{ 
	float: left;
    width: 30%;
    text-align: center;
}
ul.fees-row li.fees-item,
ul.fees-title li.fees-item {
    float: left;
    width: 60%;
}

ul.fees-row li.fees-from,
ul.fees-title li.fees-from {
    float: left;
    width: 4%;
    font-size:11px;
    text-align: right;
}

ul.fees-row li.fees-price1,
ul.fees-title li.fees-price1,
ul.fees-row li.fees-price2,
ul.fees-title li.fees-price2 {
    float: left;
    width: 20%;
    text-align: center;
}

ul.fees-row li.fees-price {
	color: #000;
}
.price-list{
	max-width: 1000px;
	width: 100%;
	margin: 20px auto;
}
.price-liost-holder{
	width: 100%;
	float: left;
}

.price-list-info{
	width: 100%;
	float: left;
}

.price-list-examples{
	width: 100%;
	float:left; 
	margin-bottom: 10px;
}
.price-list-examples section{
	width: 100%;
	max-width: 1010px;
	margin:0 auto;
}
.price-list-example-box{
	border: 1px solid #b3cb0c;
	background: #fff;
	width: calc(50% - 10px);
	float: left;
	margin: 0 5px;
	padding: 20px 20px 0;
}
.price-list-example-box h2{
	font-size: 27px;
	margin:0;
}
.price-list-example-box p{
	font-size: 60px;
	color: #b3cb0c;
	margin: 10px 0 20px;
	line-height: 60px;
	font-weight: 300;
}
.price-list-finance section{
	border: 1px solid #b3cb0c;
	background: url(images/price-list-advert-bg.jpg) no-repeat #fff;
	background-position: right;
	background-size: cover;
	max-width: 1000px;
	width: 100%;
	margin:0 auto 10px;
}
.price-list-finance{
	float: left;
	width: 100%;
}
.price-list-finance-info{
	width: 66%;
	padding: 20px 0 20px 40px;
	float: left;
}
.price-list-finance h2{
	color: #666;
	font-weight: 300;
	font-size: 35px;
	line-height: 40px;
}
.price-list-finance h2 span{
	color: #b3cb0c;
}
.price-list-finance p{
	color: #ccc;
}
.price-cta-0percent{
	font-size: 170px;
	color: #b3cb0c;
	margin: 0 0 5px;
	line-height: 140px;
}
.price-cta-interest{
	color: #b3cb0c;
	font-size: 50px;
	text-transform: uppercase;
	margin: 0 0 10px;
	line-height: 45px;
}
.price-cta-months{
	color: #b3cb0c;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 20px;
	letter-spacing: 1.5px;
}
.price-list-finance-advert{
	width: 33%;
	float: left;
}
.price-list-calculator{
	width: 100%;
	float: left;
}
.price-list-calculator section{
	border: 1px solid #b3cb0c;
	background: #fff;
	max-width: 1000px;
	margin:0 auto 10px;
	width: 100%;
}
.price-liost-holder:after,
.price-list-info:after,
.price-list-calculator:after,
.price-list-finance:after,
.price-list-examples:after,
.price-list-finance-info:after,
.price-list-finance-advert:after,
.price-list-finance section:after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/* ===============================
12.0 Treatments ------------------
================================== */

ul.treatments {
    list-style: none;
    margin: 20px 1%;
    padding: 0;

    background: #fff;
    float: left;
    width: 31%;
    min-height: 320px;
    padding-bottom: 20px;

    text-align: center;
}

ul.treatments h2 {
	font-size: 22px;
	margin: 20px 0;
}

ul.treatments li {
    display: inline;
    margin: 0;
}

ul.treatments a {
    float: left;
    width: 94%;
    margin: 0 3% 1%;
    text-decoration:none;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    
    background: #b3cb0c;
	border: 1px solid #b3cb0c;

	-webkit-border-radius: 45px;
	border-radius: 45px;
}

ul.treatments a:hover {
    background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

ul.treatments img {
    width: 96%;
    padding: 2%;
    height: auto;
}
ul.treatmentsV2{
	list-style: none;
    margin: 20px 1%;
    padding: 0;

    float: left;
    width: 31%;
    min-height: 270px;
    padding-bottom: 20px;

    text-align: left;
    position: relative;
    color: #222;
    z-index:7;
    border-radius: 20px;
}

ul.treatmentsV2 h2 {
	font-size: 22px;
	margin: 20px 0 0 20px;
	text-shadow:1px 1px 30px #fff;
    position: relative;
    z-index:20;
    width: 100%;
    float: left;
}

ul.treatmentsV2 p {
	margin: 10px 0 20px 20px;
	width: 45%;
	font-size: 13px;
    position: relative;
    z-index:7;
    float: left;
}

ul.treatmentsV2 li {
    display: inline;
    margin: 0;
    position: absolute;
    z-index:8;
    top: 230px;
}

ul.treatmentsV2 a {
    float: left;
    width: 220px;
    margin: 0 20px;
    text-decoration:none;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    
    background: #b3cb0c;
	border: 1px solid #b3cb0c;

    z-index:9;
	-webkit-border-radius: 45px;
	border-radius: 45px;
    position: absolute;
    top: -20px;
}

ul.treatmentsV2 a:hover {
    background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

ul.treatmentsV2 img {
    width: 96%;
    padding: 2%;
    height: auto;
}
.treatment1{
	background: url(images/services/7.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.treatment2{
	background: url(images/services/8.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.treatment3{
	background: url(images/services/9.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.treatment4{
	background: url(images/services/10.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.treatment5{
	background: url(images/services/11.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.treatment6{
	background: url(images/services/12.jpg)  no-repeat #fff;
	background-size: contain;
	background-position: top right;
}
.more-treatments{
	width: 100%;
	float: left;
}
.more-treatments a {
	width: 400px !important;
    margin: 0 auto;
    text-decoration:none;
    text-align: center;
    padding: 1% 3% !important;
    font-size: 16px;
    color: #fff;
    
    background: #b3cb0c;
	border: 1px solid #b3cb0c;

	-webkit-border-radius: 45px;
	border-radius: 45px;
    top: 0px;
}

.more-treatments a:hover {
    background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* ===============================
13.0 Footer ----------------------
================================== */

footer {
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0 0 100px;
	color: #666;
}

.footer-section {
	float: left;
	width: 30%;
	margin: 1%;
	padding: 1% 1% 2% 1%;
	list-style: none;
	text-align: center;
}

.footer-left {
	margin: 1% 1% 2% 0;
}

.footer-right {
	margin: 1% 0 2% 1%;
}

.footer-section h3 {
	font-size: 1.8em;
	margin: 10px 0;
	color: #666;
}

.copyright {
	/* border-top: 1px solid #eee; */
	margin: 0;
	padding: 30px 0 0;
	text-align: center;
	clear: both;
}

/* -------------------------------
13.1 Footer Treatments------------
----------------------------------*/

.our-treatments {
	text-align: center;
}

ul.footer-treatments {
	list-style: none;
	margin: 20px 0 0 10px;
	padding: 0;
	width: 100%;
	clear: both;
}

ul.footer-treatments li {
	display: inline;
}

ul.footer-treatments a {
	float: left;
	width: 42%;
	margin: 0 1% 1% 0;
	color: #fff;
	text-decoration:none;
	text-align: center;
	padding: 2% 3%;
	font-size: 14px;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;

	-webkit-border-radius: 45px;
	border-radius: 45px;
}

ul.footer-treatments a:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* patient reviews */

.patient-reviews {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 2% 2% 1%;
	/* float: left; */
	margin: 0;
}

.patient-reviews h2 {
	margin: 10px 0 0;
	width: 100%;
	float: left;
	text-align: center;
}

.secondary-reviews{
	border-top: 1px solid #f6f6f6;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 0% 2% 1%;
	margin: 0;
}
.patient-content {
	padding: 0;
}

.patient-picture {
	width: 45%;
	max-width: 500px;
	float: left;
	margin: 50px 2.5% 30px;
}

.patient-picture img {
	width: 100%;
	height: auto;
}

.patient-testimonial {
	width: 44%;
	padding: 3%;
	
	float: left;
	text-align: left;
	font-size: 20px;
	font-weight: 300;	
}

.patient-testimonial p {
	line-height: 28px;
}

/* ===============================
14.0 Testimonials ----------------
================================== */
.testimonial {
	width: 48%;
	margin: 1%;
	padding:2% 3%;
	background:#FFF;
	position: relative;
}

.testimonial:before {
	content: '\f10d';
	font:normal normal normal 30px/1 FontAwesome;
	position: absolute;
	top:10px;
	left: -10px;
	color: #b3c73c;
}

.testimonial cite {
	font-weight: 700;
}

.testimonial h3 {
	color: #333;
}
.rating-group-1,
.rating-group-2,
.rating-group-3,
.rating-group-4,
.rating-group-5 {
    overflow: hidden;
    width: 100%;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-group-1 .rating-input,
.rating-group-2 .rating-input2,
.rating-group-3 .rating-input3,
.rating-group-4 .rating-input4,
.rating-group-5 .rating-input5 {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}
.rating-group-1:hover .rating-star:hover,
.rating-group-1:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star,
.rating-group-2:hover .rating-star:hover,
.rating-group-2:hover .rating-star2:hover ~ .rating-star2,
.rating-input2:checked ~ .rating-star2,
.rating-group-3:hover .rating-star3:hover,
.rating-group-3:hover .rating-star3:hover ~ .rating-star3,
.rating-input3:checked ~ .rating-star3,
.rating-group-4:hover .rating-star4:hover,
.rating-group-4:hover .rating-star4:hover ~ .rating-star4,
.rating-input4:checked ~ .rating-star4,
.rating-group-5:hover .rating-star5:hover,
.rating-group-5:hover .rating-star5:hover ~ .rating-star5,
.rating-input5:checked ~ .rating-star5 {
    background-position: 0 0;
}
.rating-star,
.rating-star2,
.rating-star3,
.rating-star4,
.rating-star5,
.rating-group-1:hover .rating-star,
.rating-group-2:hover .rating-star2,
.rating-group-3:hover .rating-star3,
.rating-group-4:hover .rating-star4,
.rating-group-5:hover .rating-star5 {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('images/stars.png') 0 -16px;
}
.leave-review{
	width: 100%;
	background: #fff;
	padding:30px 20px 0;
	float: left;
	margin-bottom: 20px;
}
.review-form-elements{
	width: 100%;
	display: flex;
	justify-content: space-between;
	float: left;
}
.leave-review h2{
	color:#b3c73c;
	font-size: 30px;
	width: 100%;
	margin:0 0 30px;
}
.review-form ul{
	width: 50%;
	padding: 0px 10px 20px;
	list-style: none;
	margin: 0;
}
.review-form ul li{
	width: 100%;
	padding: 0 0 7px;
	margin-bottom: 7px;
	float: left;
}
.review-form .review-rating-questions li{
	border-bottom: 1px solid rgba(150,150,150,0.3);
}
.review-form .review-rating-questions{
	padding: 0 0 0 15px;
}
.review-form input,
.review-form textarea{
	width: 100%;
	border: 1px solid #ccc;
	padding: 15px;
}
.review-form .title label,
.review-form .comment label{
	text-align: left;
	width: 100%;
	display: block;
	padding: 5px 15px;
	background: rgba(150,150,150,0.1);
	border: 1px solid #ccc;
	border-bottom: none;
}
.review-question p{
	width: 65%;
	padding: 10px 15px 10px 10px;
	float: left;
	margin: 0;
	text-align: left;
}
.review-question select{
	width: 30%;
	padding: 10px 0 10px 10px;
	margin: 7px 0;
	float: right;
	border: 1px solid #ccc;
	color: #999;
}
.review-question fieldset{
	width: 30%;
	padding: 20px 0 10px 10px;
	float: right;
}
.review-question input{
	width: 30%;
	padding: 10px 0 10px 10px;
	margin: 7px 0;
	float: right;
}
.review-constent{
	width: 100%;
	text-align: left;
	float: left;
	padding: 20px 10px 0;
}
.review-constent p{
	padding: 0;
	margin-left: 0;
}
.review-constent input{
	width: 20px;
}
.review-iconsent{
	float: left;
	margin: 5px 5px 0 0 ;
	display: inline-block;
}
.form-button{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}
.form-button button{
    margin:0 auto;
    width: 300px;
    cursor: pointer;
    background: rgba(179,203,12,1);
    color: white;
    font-size: 16px;
    padding: 14px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -4px;
    letter-spacing: 0.02em;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    border:1px solid #fff;
}
.form-button button:hover{
	border-radius: 0px;
    color: rgba(179,203,12,1);
    background: #fff;
    border:1px solid rgba(179,203,12,1);
}
/* ===============================
15.0 Team  -----------------------
================================== */

.team-slider .JB_FWS{
	background: none !important;
}

.team-slider{width: 100%;position: relative;z-index: 20;background: none !important;overflow: hidden;/* height: 30%; */border-bottom: 10px solid #b3cb0c;margin-top: 112px;}

.team-slider img {
    width: 100%;
    height: auto;
    display: block;
}

.team-slider h4 {
    display: none;
}

h3.slider-over{
	position:relative;
	top:-130px;
	left:0;
	text-align: center;
	font-size: 45px;
	color: #fff;
	z-index: 26666;

	font-family: 'Lato', sans-serif;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5);

}

.profiles {
	margin-bottom: -20px;
	width: 100%;
	background: url(images/wood_1.png) #222;
	padding: 0;
	max-width: none;
}

.intro {
	padding-left: 140px;
}

.intro h2 {
	margin: 0 0 7px;
}

.intro .lead {
	line-height: 120%;
	font-size: 1.1em;
	font-style: italic;
	margin: 0 0 35px;
}
.team-subheader{
	font-size: 25px;
	line-height: 35px;
	margin: 30px 0 20px;
}
.profile {
	position: relative;
	margin:0x;
	width: 50%;
    float: left;
    padding: 2%;
    min-height: 420px;
	color: #fff;
}

.profile:nth-child(4n+2),
.profile:nth-child(4n+3){
  background: rgba(0,0,0,0.35);
}
.profile:nth-child(4n+1),
.profile:nth-child(4n+4){
  background: rgba(0,0,0,0);
}

.profile:nth-of-type(odd) {
    clear: left;
}

.profile:first-child,
.profile:nth-child(2) {
    min-height: 590px;
}

.profile:hover) {
	background: rgba(0,0,0,1);
}
.profile-header {
	position: absolute;
	top: 30px;
	max-height: 300px;
	/* min-height: 300px; */
	width: 300px;
	overflow: hidden;
	border-radius: 200px;
	border: 4px solid #b3c73c;
	background: #fff;
}

.profile-header img {
	float: left;
	width: 300px;
	top: 0px;
	position: relative;
}

.profile-header img:hover {
	top: -300px;
}

.profile-content {
	font-size: 14px;
	padding: 0;
	line-height: 1.4em;
	margin: 30px 0 0 325px;
}

.profile-content h3 {
	margin: 0 0 12px;
	font-size: 29px;
	font-weight: 300;
}

.profile-content .lead {
	font-size: 1.3em;
	line-height: 100%;
	font-style: italic;
	margin: 3px 0 20px;
}

.profile-content:before {
	content: '';
	width: 36px;
	height: 3px;
	/*background: #dededc;*/
	position: absolute;
	top: 30px;
}

.profile-content p {
	margin: 0 0 10px;
}

.profile-footer {
	position: absolute;
	top: 121px;
	width: 100px;
	text-align: center;
}

.profile-footer a {
	line-height: 18px;
	margin: 0 3px;
	display: inline-block;
}

.profile-footer a:hover i {
	color: #595959;
}
.profile-footer a:active i {
	color: #000;
}

.profile-footer i {
	font-size: 18px;
	position: relative;
}

.profile-footer i.icon-envelope {
	font-size: 16px;
	top: -1px;
}

.profile-footer i.icon-linkedin {
	font-size: 16px;
	top: -1px;
}

/* ===============================
16.0 referral form ---------------
================================== */

#referral-form {
	width: 100%;
	padding:0;
	margin:0;
	display:inline; 
}


#referral-form h2 {
	margin:50px 0 10px;
}

#referral-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#referral-form li {
	height: auto;
	overflow: auto;
	padding: 3px 0 2px 0;
	margin: 0 0 5px 0;
	clear:both;
}

#referral-form select {
	float: left;
	margin: 20px 0 0 25px;
	border: 1px solid #EBEBEB;
	padding: 5px;
}

#referral-form li.standard {
}

#referral-form li.required {
}

#referral-form li.last {
	border:none;
	background:none;
}

#referral-form input {
	width: 60%;
	/* height: 15px; */
	padding: 12px 0 12px 10px;
	margin:10px 0 0;
	float:right;
	border:1px solid #E6E6E6;
	font-style: italic;
	background: #fff;
}

.bigger-input-field {
	/* height:24px !important; */
}

#referral-form textarea {
	width: 60%;
	height: 70px;
	padding: 10px 0 10px 10px;
	margin:10px 0 0;
	background: none;
	float:right;
	border:1px solid #E6E6E6;
	background:#fff;
	font-style: italic;
}

#referral-form label {
	width:34%;
	font-size:13px;
	float:left;
	padding:15px 0 0 10px;
	height:100%;
}

#referral-form label.bigger {
	width: 36%;
	font-size:13px;
	float:left;
	padding:15px 0 0 10px;
	height:100%;
}


#referral-form label.dental-wish {
	width: 394px;
	font-size:13px;
	float:left;
	padding:15px 0 0 10px;
	height:100%;
}

#referral-form .submit {
	height: 44px;
	max-width: 300px;
}

a.btn-pdf {
	padding: 5px 15px 30px;
	line-height: 1.5;
	border-radius: 3px;
	color: #fff;
	background: #333;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;

	font-size: 12px;
	text-transform: uppercase;
	width: 27%;
	margin: 1%;
}

a.btn-pdf:hover {
	background: #990000;
}

.btn-pdf .fa {
	margin: 10% 10% 5%;
}

/* ===============================
17.0 Page Content ----------------
================================== */

.page-title {
	width: 100%;
	text-align: center;
	padding: 2%;
	background: rgba(255,255,255,0.3);
}

.page-header {
	width: 100%;
	margin: 113px 0 10px;
	position: relative;
	z-index: 13;
}

.page-header-news {
	width: 100%;
	margin: 110px 0 0px;
	position: relative;
	z-index: 13;
	min-height: 150px;
	background: url('images/page-header/news.jpg');
	background-size: cover;
	padding-bottom: 20px;
	background-position: center;
}

.page-header-news h1{
	/* position: absolute; */
	z-index: 14;
	/* top: 20px; */
	/* left: calc(50% - 570px); */
	font-size: 65px !important;
	color: #444;
	padding-left: 10%;
	padding-top: 20px;
}

.page-header-news h1 span{
	color: #b3cb0c;
}
.page-header img,
.page-header-news img {
	width: 100%;
}

.embed-container {
}

.maps iframe{
    pointer-events: none;
}



/* ===============================
18.0 Services ----- --------------
================================== */
.unslider-arrow{
	top: 50%;
	position: absolute;
	z-index: 999999;
}
.unslider .next{
	right:80px;
	color: rgba(0,0,0,0);
}
.unslider .next:after{
  	font-family: 'FontAwesome';
	content: "\f054";
	font-size: 40px;
	opacity: 1;
	color:#b3cb0c;
}
.unslider .prev{
	left:80px;
	color: rgba(0,0,0,0);
}
.unslider .prev:before{
  	font-family: 'FontAwesome';
  	content: "\f053";
	font-size: 40px;
	opacity:1;
	color:#b3cb0c;
}
/* ------------------------------------------------------------------------------------------------
NOTE: 18.1 Includes Generic Service styles that maybe used on other services ----------------------
---------------------------------------------------------------------------------------------------*/
.service-header {
	width: 100%;
	margin: 110px 0 10px;
	z-index: 13;
	height: 84vh;
	position: relative;
	top: 0;
}
.service-header-slide {
	width: 100%;
	margin: 110px 0 10px;
	z-index: 13;
	height: 94vh;
	position: relative;
}
.service-header-slide section{
	margin: 110px auto 0;
	max-width: 1200px;
	width: 100%;
}
.service-header-slide h1{
	line-height: 66px;
	float: left;
}
.service-header-repair-slide1{
	background:url(images/service-images/backgrounds/implants.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-repair-slide2{
	background:url(images/service-images/backgrounds/implants-ct.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-repair-slide3{
	background:url(images/service-images/backgrounds/implants-vid.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-6month-slide1{
	background:url(images/service-images/backgrounds/6months.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-6month-slide2{
	background:url(images/service-images/backgrounds/6months-examples.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-invis-slide1{
	background:url(images/service-images/backgrounds/straighten.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-invis-slide2{
	background:url(images/service-images/backgrounds/straighten-examples.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-invis-slide3{
	background:url(images/service-images/backgrounds/straighten-mismile.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-inman-slide1{
	background:url(images/service-images/backgrounds/inman.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-inman-slide2{
	background:url(images/service-images/backgrounds/inman-examples.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-hyg-slide1{
	background:url(images/service-images/backgrounds/clean.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.service-header-hyg-slide2{
	background:url(images/service-images/backgrounds/airflow.jpg) no-repeat; 
	background-position:right; 
	background-size:cover;
	width: 100%;
	margin: 110px 0 10px;
	z-index: 12;
	height: 94vh;
}
.slide-image-box{
    border: 1px solid #dedede;
    background: #fff;
    padding: 10px 10px;
    max-width: 700px;
    width: 50%;
    position: absolute;
    float: right;
    top: 100px;
    right: 0;
}
.slide-image-box img{
	width: 100%;
}
.slide-video-box{
    border: 1px solid #dedede;
    background: #fff;
    padding: 10px 10px 0;
    max-width: 700px;
    width: 50%;
    position: absolute;
    float: right;
    top: 100px;
    right: 0;
}
@media only screen and (max-width: 375px) {
.slide-video-box{
  padding: 0px 0;
}
}
.slide-video-container {
    position: relative;
    padding-bottom: 70%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
div + .slide-video-box{
    margin-top: 10px;
}
.slide-video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-header img {
	width: 100%;
}


.service-header h1{
	font-size: 60px;
	width: 45%;
	color: #444;
	font-weight: 300;
	font-family: "Lato";
	margin: 70px 0 20px 0;

}

.invis-video-container {
    position: relative;
    padding-bottom: 55%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin:35px 0 10px;
}
.invi-video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-header h1 span{
	color: #b3cb0c !important;
}
.service-header p{
	font-size:30px;
	width: 40%;
	line-height: 34px;
	font-weight: 300;
}
.service-header a{
	float: left; 
	font-size: 20px;
	padding: 15px;
	font-weight: 300;
	text-align: center;
	width: 190px;
}
.service-header-larger {
	width: 100%;
	margin: 110px 0 10px;
	z-index: 13;
	font-family: 'Lato';
	font-weight: 300;
	height: 85vh;
	position: relative;
	background: #f00;
}

.service-header-larger img {
	width: 100%;
}


.service-header-larger h1{
	font-size: 68px;
	width: 45%;
	font-family: 'Lato';
	font-weight: 300;
	color: #444;
	margin: 70px 0 20px 0;

}

.service-header-larger h1 span{
		color: #b3cb0c !important;
}
.service-header-larger p{
	font-size:25px;
	width: 40%;
}
.service-header-larger a{
	float: left; 
	font-size: 20px;
	padding: 15px;
	font-weight: 300;
	text-align: center;
	width: 190px;
}

.services-wrapper{
	background: #fff;
	width: 100%;
	border-radius: 30px;
	padding: 20px;
	/* float: left; */
	margin: 10px 0;
	overflow: auto;
}

.services-wrapper ul{
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}
.services-wrapper ul li{
	width:32%;
	float: left;
	list-style: none;
	margin: 0 1% 10px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:0.4s all ease-in-out;
}
.services-wrapper ul li a{
	display: block;
	width:100%;
	padding: 8px 10px;
	background: #b3cb0c;
	color: #fff;
	float: left;
	border-radius: 30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:0.4s all ease-in-out;
	border: #fff 1px solid;
}
.services-wrapper ul li a:hover{
	background: #fff;
	color: #b3cb0c;
	border-radius: 0;
	border: #b3cb0c 1px solid;
}



/* ------------------------------------------------------------------
18.1 before and after are with quotes and price ----------------------
---------------------------------------------------------------------*/
.service-testimonial-images{
	width: 100%;
	text-align: center;
	padding: 50px 0;
	float: left;
	position: relative;
	margin-top: -60px;
	z-index: 666;
	background: #efefef;
}

.service-testimonial-images section {
	color: #444;
	max-width: 1200px;
	margin: 0 auto 50px;
	width: 100%;
}
.service-review-holder{
	width: 100%;
	padding: 0px 0px 50px 0;
	/* float: left; */
	margin-top: 10px;
	background: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.5);
	overflow: overlay;
}
.service-review-testimonial-holder{
	width: 50%;
	color: #666;
	float: left;
}
.service-review-testimonial {
	text-align: left;
	width: 100%;
	padding: 3%;
	float: left;
	font-size: 20px;
	font-weight: 300;	
}
.service-review-testimonial h2{
	font-size: 32px;
	text-align: center;
	color: #b3cb0c;
}
.service-review-testimonial blockquote,
.service-review-testimonial blockquote p{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 28px;
}
.service-review-testimonial blockquote:before{
	content: '\f10d';
	font:normal normal normal 30px/1 FontAwesome;
	position: relative;
	top:35px;
	left: -30px;
	color: #b3c73c;
}
.service-review-price{
	width: 100%;
	float: left;
	text-align: center;
}
.service-review-price p{
	font-size: 30px;
	width: 250px;
	margin: 0 auto;
	background: #b3cb0c;
	color: #fff;
	padding: 20px 30px;
	border-radius: 10px;
}
.service-review-price p span{
	font-size: 19px;
	font-weight: 300;
}
.implant-benefits{
	max-width:1000px;
	width: 100%;
}
.implant-benefits h3{
	color: #b3cb0c;
	width: 100%;
	text-align:center;
	font-weight: 300;
	font-size: 40px;	
}
.implant-benefits ul{
	list-style: none;
}
.implant-benefits ul li{
	margin-bottom: 25px;
	color: #fff;
	line-height: 30px;
	font-size: 24px;
	font-weight: 300;
}
.implant-benefits ul li:before {
    content: "-";
    color:#b3cb0c;
    position: relative;
    margin:0 10px 0 -20px;
}
/* ------------------------------------------------------------------
18.1 Replace My Teeth (implants) Service Styles ----------------------
---------------------------------------------------------------------*/


.button-spacer{
	margin-right: 10px;
}
.service-title{
	top:-30px;
	z-index: 900;
	position: relative;
	text-align: center;
}
.service-title h5{
	padding: 10px 20px;
	background: #b3cb0c;
	margin: 0 auto;
	width:250px;
	min-width: 100px;
	font-size: 20px;
	color: #fff;
}
.service-content-holder{

	background: url(images/wood_1.png) #333;
	width: 100%;
	float: left;
	margin: 0px 0 60px 0;
	position: relative;
	float: left;
	z-index: 20;
	padding:40px 0;
}
.service-content{
	width: 100%;
}
.service-content li,.service-content p{
	font-size: 17px;
}
ul.service-content-left{
	/*width: 47%;*/
	width: 680px;
	float: left;
	list-style: none;
	font-size: 35px;
	line-height: 39px;
	padding: 0px;
	margin: 0;
	font-weight: 300;
	color: #fff;
}
.service-content-left span, .service-content-left span{

	color: #b3cb0c;
}
ul.service-content-left p{
	margin-left: 0px;
	font-size: 20px;
}
.service-content-left li{
	margin: 20px 0;
	font-family: 'Lato';
	font-weight: 100;
}

.service-content-left li:before{
	content:"- ";
	margin-left: -15px;    
}
ul.service-content-right{
	width: 420px;
	/* calc(49% - 60px)*/;
	float: right;
	margin: 0;
	padding: 0px;
	list-style: none;
	font-size: 18px;
	margin: 0 50px 0 0;
	padding: 20px;

}
.service-content-right li{
	margin: 0 0 22px 0;
	font-weight: 300;
	color: #fefefe;

}
.service-content-right li:before{
	content:"- ";
	margin-left: -15px;
	color: #b3cb0c;
	margin-right: 5px;
}
/*.service-content-right li::before{
	color: rgba(255, 255, 255, 0.5);
	content: "\f054";
	font-family:"FontAwesome";
	margin-right: 5px;
}*/

.service-content p {
	color: #fff !important;
	font-weight: 300;
}

.service-content p span{
		color: #b3cb0c;
}

.title-holder {
	width: 100%;
	text-align: center;
	margin: 0px 0 30px 0;
	}

.title-holder h2 {
	font-size: 2em;
	color: #fff;
	width:600px;
	padding: 15px 60px;
	border-radius: 50px;
	background: #b3cb0c;
	margin: 0 auto;
}
.title-holder-implants {
	width: 100%;
	text-align: center;
	margin: 0px 0 00px 0;
	}

.title-holder-implants h2 {
	font-size: 3em;
	color: #b3cb0c;
	/* width:580px; */
	padding: 15px 60px;
	margin: 0 auto;
	text-align: center;
}

.service-logos-holder{
	background: rgba(0,0,0,0.04);
	width:100%;
	padding-top: 20px;
}
.service-logos {text-align: center;}

.service-logos img{
	padding:0 33px 50px;
}

.service-image-holder{
	width:100%;
	text-align: center;
}
.service-image-holder img{
	width: calc(25% - 3px);
}

.service-text-2 {
	color: #fff;
	float: left;
	width: 100%;
	padding: 0 1%;
}
.service-text-2 section {
	color: #fff;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
.service-text-2 h2{
	margin: 50px 0 20px;
	color: #fff;
	font-weight: 300;
	font-size: 30px;
	text-align: center;
}
.service-text-2 h4{
	margin: 20px 0 12px;
	color: #b3cb0c;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
}

.service-text-2 p{
	text-align: center;
	font-size: 17px;
}
.service-text-2 ul{
	max-width: 685px;
	width: 100%;
	margin: 0 auto;
}
.service-text-2 li{
	margin: 12px 0px;
	font-weight: 300;
	font-size: 17px;
}

.service-text-2 h2 span{
	color: #b3cb0c !important;
}
.service-text-2-left{
	width: 48%;
	float:left;
	
}
.service-text-2-right{
	width: 50%;
	float:right;
	
}

.service-text-2-right ul{
	margin: 50px 0;
	list-style: none;
}


.service-text-2-right ul li{
padding: 15px 20px;
border: rgba(255, 255, 255, 0.3) 1px solid;
background:  rgba(255, 255, 255, 0.1);
margin-bottom: 10px;
border-radius: 20px;
}


.service-text-3-holder{

}
.service-text-3 {
	width: 100%;
	text-align: center;
	padding: 50px 0;
	position: relative;
	background: #efefef;
}


.service-text-3 section {
	color: #444;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
.service-text-3 h2{
	font-size: 40px;
	color: #b3cb0c;
	font-weight: 300;
	margin: 0 0 25px; 
	width: 100%;
}

.service-text-3 h4{
	text-align: center;
	font-size: 22px;
	color: #444;
}
.service-text-3 span{
	color: #b3cb0c;
}
.service-text-3 p,
.service-text-3 li {
	font-size: 17px;
}
.service-text-3 p span{
	font-weight: 500;
}
.service-price-holder{
	max-width: 800px;
	width: 96%;
	margin: 15px auto;
	border: 1px solid #fff;
	/* float: left; */
	height: 120px;
	border-radius: 30px;
	overflow: hidden;
	transition:all ease-in-out 0.2s;
}
.service-price-left{
	width: 25%;
	float: left;
	background: rgba(255,255,255, 0.65);
	color: #444;
	padding:30px 0;
	font-size: 17px;
	position: relative;
	height:100%;
	transition:all ease-in-out 0.2s;

}

.service-price-left p.twolines{
	margin: 5px 0px;
}
.service-price-middle{
	width: 50%;
	float: left;	
	background: none;
	color: #fff;
	padding: 30px;
	height: 100%;
	text-align: left;
	transition:all ease-in-out 0.4s;
	overflow: hidden;
	position: relative;

}
.service-price-right{
	width: 25%;
	float: left;
	background:  #b3cb0c;
	color: #fff;
	padding:30px;
	font-size: 25px;
	height: 100%;
	font-weight: normal;
	position: relative;
	transition:all ease-in-out 0.2s;
}
.price-monthly{
	font-size: 20px;
}

.price-monthly span{
	font-size: 16px;
	line-height: 20px;	
	}
.price-interested{
	margin: 60px -30px;
	width: calc(100% + 60px);
	background:  #b3cb0c;
	text-align: center;
	transition:all ease-in-out 0.6s;
}
.price-interested a{
	padding: 15px 0 !important;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 18px;

}
.service-price-holder:hover{
	border-radius: 0px;
}

.service-price-holder:hover .service-price-middle{
	background: rgba(255,255,255, 0.35);
	padding: 7px 30px 0;
}

.service-price-holder:hover .price-interested{
	margin-top: -5px;
}
.service-price-holder:hover .service-price-left{
	background: rgba(255,255,255, 0.95);
}
.service-price-holder:hover .service-price-right{
	font-weight: bold;
	font-size:30px;
}
.implant-why-title-h3{
	font-weight: 300;
	font-size:30px;
	color: #fff;
	text-align: center;
}
.implant-why-title-h4{
	font-weight: 300;
	font-size:20px;
	margin-bottom:15px; 
	color: #fff;
}
.implant-title-h3{
	font-weight: 300;
	font-size:30px;
	color: #666;
}
.implant-title-h4{
	font-weight: 300;
	font-size:20px;
	color: #666;
}
.implant-left-list{
	list-style: none;
	padding: 0px 30px 0 0;
	margin: 0px;
	color: #fff;
}
.implant-left-list li{
	margin: 13px 0;
	font-size: 25px;
	font-weight: 300;
	line-height: 30px;
	color: #fff;
 }
.implant-left-list li span{
	color: #b3cb0c;
 }
.implant-right-list{
	font-weight: 300;
	margin: 10px 0px 25px;
    padding: 0;
}
.implant-right-list li{
	color: #666;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 5px;
 }
.implant-right-list li span{
	color: #b3cb0c;
 }
.implant-offers{
	color:#666;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}
.service-what-we-offer{	
	background: #efefef;
	border-bottom: 1px solid rgba(0,0,0,0.09);
	width: 100%;
	position: relative;
	float: left;
	margin: -60px 0 60px 0;
	position: relative;
	z-index: 20;
	padding:40px 0;
}
.service-what-we-offer section{
	max-width: 950px;
	width: 100%;
	margin: 0 auto 60px;
}
.service-what-we-offer section h3{
	width: 100%;
	font-size: 40px;
	text-align: center;
}
.implant-950width section{
	max-width: 950px;
	width: 100%;
	margin: 0 auto 60px;
}
/* --------------------------------------------------
18. STandard page -------
-----------------------------------------------------*/
.service-standard-review-holder{
	width: 100%;
	padding: 0px 0px 20px 0;
	float: left;
	margin: 10px 0 30px;
	background: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.5);
}
.service-standard-review-holder .service-review-testimonial-holder{
	width: calc(50% - 50px);
	color: #666;
	float: left;
}
.service-standard-review-holder .service-review-testimonial {
	text-align: left;
	width: 100%;
	padding: 3%;
	float: left;
	font-size: 20px;
	font-weight: 300;	
}
.service-standard-review-holder .service-review-testimonial h2{
	font-size: 32px;
	text-align: center;
	color: #b3cb0c;
}
.service-standard-review-holder .service-review-testimonial blockquote,
.service-standard-review-holder .service-review-testimonial blockquote p{
	font-size: 22px;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 28px;
}
.service-standard-review-holder .service-review-testimonial blockquote:before{
	content: '\f10d';
	font:normal normal normal 30px/1 FontAwesome;
	position: relative;
	top:35px;
	left: -30px;
	color: #b3c73c;
}
.service-standard-review-holder .service-review-price{
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}
.service-standard-review-holder .service-review-price p{
	font-size: 30px;
	width: 250px;
	margin: 0 auto;
	background: #b3cb0c;
	color: #fff;
	padding: 20px 30px;
	border-radius: 10px;
}
.service-standard-review-holder .service-review-price p span{
	font-size: 19px;
	font-weight: 300;
}

.service-standard-review-holder .patient-picture {
	width: 40%;
	max-width: 500px;
	float: left;
	margin: 50px 50px 30px;
}

.service-standard-review-holder .patient-picture img {
	width: 100%;
	height: auto;
}
.treatment-page-top{
	max-width: 1200px;
	width: 100%;
}

.treatment-page-top h1 {
    padding-left: 10px;
}

/* --------------------------------------------------
18.2 Repair Teeth (veneers and Crowns) Styles -------
-----------------------------------------------------*/

.pre-content-title{
	font-size: 25px;
	color: #fff;
	position: relative;
	background: #b3cb0c;
	border-radius: 20px;
	padding: 10px 20px;
	z-index: 1000;
	font-weight: 300;
	width: 200px;
	text-align: center;
	margin:  -75px auto -20px;
	opacity: 0;
}
.service-2col-price-holder{
	width: 100%;
	float: left;
	margin:0 0 15px 0;
	border: 1px solid #fff;
	float: left;
	height: 120px;
	border-radius: 30px;
	overflow: hidden;
	transition:all ease-in-out 0.2s;

}
.service-2col-price-left{
	width: 50%;
	float: left;
	background: rgba(255,255,255, 0.65);
	color: #444;
	padding:30px 0;
	font-size: 17px;
	position: relative;
	height: 100%;
	transition:all ease-in-out 0.2s;
	z-index: 29;


}

.service-2col-price-right{
	width: 50%;
	float: left;
	background:  #b3cb0c;
	color: #fff;
	padding:30px;
	font-size: 25px;
	height:100%;
	font-weight: normal;
	position: relative;
	transition:all ease-in-out 0.2s;
	z-index: 29;

}


.service-2col-price-holder:hover{
	border-radius: 0px;
}

.service-2col-price-holder:hover .service-2col-price-left{
	padding:10px 0 50px 0px;
	background: rgba(255,255,255, 1);
	
}
.service-2col-price-holder:hover .service-2col-price-right{
	padding:10px 30px 50px 30px;
	
}

.service-2col-price-appointment{
	width: 100%;
	position: relative;
	margin-top: 120px;
	background: #555;
	text-align: center;
	color: #fff;
	z-index: 30;
	transition:all ease-in-out 0.4s;
	border-top:1px #fff solid;

}

.service-2col-price-appointment a{
	width: 100%;
	color: #fff;
	margin: 0;
	line-height: 0;
	padding: 0;
	padding: 10px;
	display: block;
	top:0;
	position: relative;
	transition:all ease-in-out 0.4s;
	z-index: 31;
}
.service-2col-price-appointment a:hover{
	transition:all ease-in-out 0.4s;
	color:  #b3cb0c;
}
.service-2col-price-holder:hover .service-2col-price-appointment a{
	top:-25px;
}
	
.service-2col-price-holder:hover .service-2col-price-appointment{
	
	margin-top: 65px;
	
}

.service-2col-left h2, .service-2col-right h2{

	font-size: 30px;
	color:  #b3cb0c;
	text-align: center;
}

.service-2col-left li, .service-2col-right li{

	color:  #fff;
	padding: 5px 0px;
	list-style: none;
}


.service-2col-left li:before, .service-2col-right li:before{
	content: '- ';
	color:  #b3cb0c;
	font-size: 20px;
	margin-left: -15px;
}

.service-2col-left strong, .service-2col-right strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.service-beforeaAfter-image-holder{
	width:100%;
}
.service-beforeaAfter-image-holder img{
	width: calc(25% - 3px);
	margin-top: 3px;
}

.veneer-image{
	width: 96%;
	height: 250px;
	background: url('images/service-images/veneer-smile.jpg') no-repeat #fff;
	background-position: right;
	background-size: contain;
	margin: 20px 0 0 0;
}



/* --------------------------------------------------
18.3 Six Month Smiles Styles --------------------
-----------------------------------------------------*/
.buttons-center{
	width: 280px;
	position: relative;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.buttons-center p{
	width: 40%;
	float: left;
	display: block;
}
.button-6months{
	width: 550px !important;
}
.sixmonth-h1{
	width: 500px !important;
	margin-top: 15% !important;
	font-size: 55px !important;
	color: #444 !important;
	width: 600px;
	font-weight: 300;
	text-align: center;
}
.sixmonth-h1 img{
	width: 500px !important;
}
h1.sixmonth-h1 span{
	color: #2a9ac2 !important;
}
.sixmonth-p{
	width: 500px !important;
	color: #666;
	text-align: center;
	font-size: 30px !important;
	line-height: 34px;
}
.sixmonth-buttons{
	width: 600px !important;
}
.sixmonth-buttons p{
	float: left;
	width: 130px;
	margin: 0;
}
.sixmonth-buttons p a{    
	float: left;
    font-size: 20px;
    padding: 15px ;
    font-weight: 300;
    text-align: center;
    width: 190px;
}
.sixmonth-content .one_half{
	padding: 0 20px;
}
.sixmonth-content .one_half img{
	margin-top: 40px;
	width: 200px;
}
/* --------------------------------------------------
18.3 Straigten YOur Teeth Styles --------------------
-----------------------------------------------------*/

h1.straighten-h1{
	width: 100%;
	text-align: center;
	margin-top: 30%;
	font-size: 47px;
	color: #222;
	font-family: "Lato";
	font-weight: 300;
	text-shadow: 0px 0px 30px #fff;
}
h1.straighten-h1 span{
	color: #2a9ac2 !important;
}
.invisalign-bar{
	background: #2f8daf;
	width: 100%;
	position: relative;
	margin: -40px 0 40px 0;
	color: #fff;
	float: left;
	padding: 0 0 20px 0;


}
.service-content-holder-white{

	background: #fff;
	width: 100%;
	float: left;
	margin: -40px 0 60px 0;
	position: relative;
	z-index: 20;
	padding-top:40px;
}

h2.straighten-header{
	text-align: center;
	font-size: 30px;

}
p.straighten-content{
	text-align: center;
	color: #333 !important;
}

.invisalign-half{
	/*background: #2a9ac2;*/
	background: #2f8daf;
	color: #fff;
	float: left;
	width: 50%;
	height:450px;
}
.invisalign-half-content{
	width: calc(590px - 3%);
	padding: 40px 4% 30px 1%;
	float: right;
	height:calc(100% - 30px);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: url(images/invisalign-50.png) bottom center no-repeat;
}
.inman-half-content{
	width: calc(590px - 3%);
	padding: 40px 1% 30px 4%;
	float: left;
	height:calc(100% - 30px);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: url(images/inman-50.png) bottom center no-repeat;
}
.inman-half{
	background: #ff9000;
	color: #fff;
	float: left;
	width: 50%;
	height:450px;
}
.inman-half-content strong, .invisalign-half-content strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.service-logo-holder{
	width: 50%;
	float: left;
	height: 90px;
	text-align: center;
}

.inman-half-content, 
.interest-free-bar {
}
.interest-free-bar h2.straighten-header{
	margin: 20px 0 -10px 0;
}


.service-straight-price-box{
	width: 450px;
	overflow: hidden;
	margin:0 0 15px 0;
	border: 1px solid #fff;
	height: 475px;
	border-radius: 30px;
	transition:all ease-in-out 0.2s;
	margin: 0 auto;


}
.straighten-price-header{
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 40;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.2s;
	padding: 25px 0;
	text-align: center;

}
.straighten-price-content{
	width: 100%;
	background: rgba(255,255,255, 0.45);
	height: 225px;
	border-top: 1px solid #fff;
	position: relative;
	z-index: 30;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 15px;
	top: 0;
	transition:all ease-in-out 0.2s;

}

.straighten-price-price1{
	width: 100%;
	height:300px;
	position: relative;
	background: #444;
	z-index: 40;	
	color: #fff;
	padding: 10px;
	top: 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-top: 1px solid #fff;
	transition:all ease-in-out 0.2s;

}
.straighten-price-price2{
	width: 100%;
	height: 300px;
	position: relative;
	border-top: 1px solid #fff;
	background: #b3cb0c;
	z-index: 40;
	color: #fff;
	padding: 10px;
	font-size: 25px;
	top: -225px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.3s;

}
.straighten-price-book{
	width: 100%;
	position: relative;
	top:-250px;
	background: #e9e9e9;
	border-top: 1px solid #fff;
	z-index: 40;
	color: #333;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.4s;
	height: 200px;

}

.straighten-price-price2 span{
	font-size: 16px;
}
.service-straight-price-box:hover{
	border-radius: 0px;

}


.straighten-price-book a{
	width: 100%;
	padding: 50px 0;
	text-align: center;
	display: block;
	color: #333;
	font-size: 16px;

}
.service-straight-price-box:hover .straighten-price-book{
	top: -450px;
}
.service-straight-price-box:hover .straighten-price-header{
	height:125px;
}

.service-straight-price-box:hover .straighten-price-price1{
	top: -250px;
	height:225px;
	padding: 30px
}
.service-straight-price-box:hover .straighten-price-price2{
	top:-350px;
	height:225px;
	padding: 30px
}


.invisalign{
	background: #2f8daf;
}
.inman{
	background: #ff9000;
}
.invisalign-list-header{
	text-align: center;
	color: #b3cb0c;
	font-size: 30px;
}
.invisalign-list-1{
	width: 100%;
  	display: flex;
  	margin: 20px 0;
  	justify-content: center;
  	list-style: none;
}
.invisalign-list-1 li{
	width: 25%;
	background:rgba(255,255,255,0.1);
	padding: 30px 20px;
	margin-left: 15px;
	text-align: center;
}
.invisalign-list-1 li:first-child{
	margin-left: 0;
	padding: 40px 20px;
}
.invisalign-list-1 li:nth-child(2){
	padding: 40px 20px;
}	
.invisalign-list-1 li:nth-child(3){
	padding: 42px 20px;
}	
.invisalign-list-1 li:nth-child(4){
	padding: 30px 20px;
}
.invisalign-list-1 li:before {
    content: none !important;
    color: rgba(0,0,0,0) !important;
    font-size: 0px;
    margin-left:0px !important;
}
.invisalign-payment{
}
.inman-box{
	background: #36263e; 
}
.invisalign-box{
	background: #2b9ac2;
	
}
.invisalign-payment section{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 20px;
}
.invisalign-payment-box{
	width: 100%;
	border: 1px solid rgba(255,255,255,0.3);
	background:rgba(255,255,255,0.1);
	transition:all 0.3s ease-in-out;
}
.invisalign-payment-box:hover{
	width: 100%;
	border: 1px solid rgba(255,255,255,0.7);
	background:rgba(255,255,255,0.3);
}
.invisalign-payment-info{
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;
	width: 100%;
}
.invisalign-payment-left{
	width: 25%;
	display: block;
	position: relative;
	text-align: center;
	padding: 30px 20px;
}
.invisalign-payment-left img{
	width: 100%;
}
.invisalign-payment-middle{
	width: 50%;
	position: relative;
	padding: 10px;
	color: #fff;
	display: block;
}
.invisalign-payment-middle h3{
	color: #fff;
}
.invisalign-payment-middle h3 sup{
	font-size: 7px;
	position: relative;
	top: -8px;
}
.invisalign-payment-middle p{
	padding: 0;
	margin: 5px;
	font-weight: 300;
}
.invisalign-payment-right{
	width: 30%;
	display: block;
	border-left: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;
	font-weight: 300;

}
.invisalign-payment-price1{
	width: 100%;
	display: block;
	font-size: 17px;

}
.invisalign-payment-price2{
	width: 100%;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.2);
	font-size: 40px;
	padding-top: 15px;
}
.invisalign-payment-price1 span{
	font-size: 15px;
}
.invisalign-payment-price2 span{
	font-size: 18px;
	position: relative;
	top:-7px;
}
.invisalign-payment-book{
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
}
.invisalign-payment-book a{
	border-top: 1px solid rgba(255,255,255,0.3);
	background:rgba(255,255,255,0.1);
	padding: 15px 0;
	width: 100%;
	display: block;
	color: #fff;
}
.invisalign-payment-book a:hover{
	border-top: 1px solid rgba(255,255,255,0.9);
	background:#b3cb0c;
	color:#fff;
}


.straighten-buttons{
	width: 100%;
	margin: 0 auto;
}

.straighten-buttons p{
	float: left;
	width: 200px;
	margin: 0;
}
.straighten-buttons p:last-child{
	float: right;
	width: 150px !important;
	margin: 0;
}
.straighten-buttons p a{    
	float: left;
    font-size: 20px;
    padding: 15px ;
    font-weight: 300;
    text-align: center;
    width: 190px;
}


.service-content li{

	color:  #fff;
	padding: 5px 0px;
	list-style: none;
}

.service-content li:before{
	content: '- ';
	color:  #b3cb0c;
	font-size: 20px;
	margin-left: -15px;
}

/* --------------------------------------------------
18.3.1 Straigten YOur Teeth Styles Purple -----------
-----------------------------------------------------*/


.inman-purple-half-content{
	width: calc(590px - 3%);
	padding: 40px 1% 30px 4%;
	float: left;
	height:calc(100% - 30px);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: url(images/inman-50.png) bottom center no-repeat;
}
.inman-purple-half{
	background: #36263e;
	color: #fff;
	float: left;
	width: 50%;
	height:450px;
}
.inman-purple-half-content strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.service-logo-holder-purple{
	width: 50%;
	float: left;
	height: 90px;
	text-align: center;
}


 .inman-purple{
	background: #36263e;
}
.purple-bar{
	/*background: #6e06b0;*/
	background: url(images/wood_1.png) #333;
	border-top: 3px #fff solid;
	width: 100%;
	position: relative;
	margin: -40px 0 40px 0;
	color: #fff;
	float: left;
	padding: 20px 0 40px 0;


}


h2 sup{
	font-size: 9px;
	position: relative;
	top: -10px;
}
p sup, li sup{
	font-size: 9px;
	position: relative;
	top: -5px;
}



.inman-h1{
	width: 650px !important;
	margin-top: 22% !important;
	font-size: 75px !important;
	color: #b3cb0c !important;
	width: 600px;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	text-align: left;
}
.inman-h1 sup{
	font-size: 10px !important;
	position: relative;
	top: -27px;
}
h1.inman-h1 span{
	color: #2a9ac2 !important;
}
.inman-p{
	width: 550px !important;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300 !important;
	text-align: left;
	line-height: 50px !important;
	font-size: 40px !important;
	margin-left: 0px;
	margin-top: 20px;
}
/* --------------------------------------------------
18.4 Wand Styles ----------------------------
-----------------------------------------------------*/
.wand-h1{
	width: 550px !important;
	margin-top: 15% !important;
	font-size: 62px !important;
	color: #b3cb0c !important;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	text-align: left;
}
.wand-h1 sup{
	font-size: 10px !important;
	position: relative;
	top: -27px;
}
h1.wand-h1 span{
	color: #2a9ac2 !important;
}
.wand-h2{
	width: 550px !important;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300 !important;
	text-align: left;
	line-height: 44px;
	font-size: 35px !important;
	margin-left: 0px;
	margin-top: 20px;
}
.wand-p{
	width: 550px !important;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300 !important;
	text-align: left;
	line-height: 34px;
	font-size: 20px !important;
	margin-left: 0px;
}
/* --------------------------------------------------
18.4 Airflow Styles ----------------------------
-----------------------------------------------------*/
.airflow-h1{
	width: 550px !important;
	margin-top: 17% !important;
	font-size: 62px !important;
	width: 600px;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	text-align: left;
}
.airflow-section3 iframe{
	margin-bottom: 40px;
}
.airflow-first-p{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.airflow-header{
	text-align: center;
	color: #b3cb0c;
	font-size: 30px;
}
.airflow-list{
	width: 100%;
	display: block;
	margin: 20px auto;
	list-style: none;
}
.airflow-list-row,.airflow-list-row-2{
	width: 100%;
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;
  	justify-content:space-between;
}
.airflow-list-row li{
	width: 33%;
	background:rgba(255,255,255,0.1);
	padding: 30px 20px !important;
	margin-right: 14px;
	text-align: center;
	float: left;
	margin-bottom: 14px;
}
.airflow-list-row-2 li{
	width: 50%;
	background:rgba(255,255,255,0.1);
	padding: 30px 20px !important;
	margin-right: 14px;
	text-align: center;
	float: left;
}
.airflow-list-row li:last-child,.airflow-list-row-2 li:last-child{
	margin-right: 0px;
}
.airflow-list li:before {
    content: none !important;
    color: rgba(0,0,0,0) !important;
    font-size: 0px;
    margin-left:0px !important;
}
.airflow-price-section{
    background: #222;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: left;
}
.airflow-price-section section{
    max-width:1100px;
    width: 100%;
    margin: 0 auto;
}
.airflow-prices{	
	width: 50%;
	float: left;
	padding: 0 10px;
	margin-bottom: 30px;
}
.airflow-price-box{
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
	padding: 30px 0;
	text-align: center;
	font-size: 27px;
	color: #fff;
	background: #b3cb0c;
	font-weight: 300;
	line-height: 34px;
	font-family: "Lato";
}
.airflow-prices:nth-child(3) .airflow-price-box{
	padding: 45px 0;
}
.airflow-price-box span{
	font-size: 15px;
	line-height: 28px;
}
/* --------------------------------------------------
18.4 Whiten Teeth Styles ----------------------------
-----------------------------------------------------*/

.whiteningbtn{
}
.whiteningbtn2{
	float: right !important;
}


.music-logos{
	float: right;
	right: -10%;
	position: relative;
	top: 75%;
	width: 150px !important;
}
.whiten-content{
	text-align: center;
}

.whiten-content h2{
	color: #b3cb0c;
}

.service-whitening-text2-holder{

}
.service-whitening-text2 {
	width: 100%;
	text-align: center;
	padding: 50px 0;
	position: relative;
	background: rgba(0,0,0,0.04);
}

.service-whitening-text2 h2{
	font-size: 30px;

}


.service-text-4 {
	color: #333;
	float: left;
	width: 100%;
	position: relative;
	background: #e6e6e6;
	padding: 0 0 30px 0;
}
.service-text-4 h2{
	margin: 50px 10px 20px;
	color: #b3cb0c;
	font-size: 40px;
}

.service-text-4 h2 span{
	color: #b3cb0c !important;
}
.service-text-4-left{
	width: 48.5%;
	float:left;
}
.service-text-4-right{
	width: 48.5%;
	float:right;
}
.service-text-4-full{
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.service-text-4-right ul{
	margin: 50px 0;
	list-style: none;
}

.service-text-4-right ul li{
padding: 15px 20px;
border: rgba(255, 255, 255, 0.3) 1px solid;
background:  rgba(255, 255, 255, 0.1);
margin-bottom: 10px;
border-radius: 20px;
}

.whitening-img1{
	background: url(images/service-images/whitening-smile-1.png) no-repeat #fff;
	background-size: contain;
	width: 96%;
	margin: 0 0 25px 10px;
	height: 200px;
	background-position: left;
}
.whitening-img2{
	background: url(images/service-images/whitening-smile-2.png) no-repeat #fff;
	background-size: contain;
	width: 96%;
	margin: 0 0px 25px 10px;
	height: 200px;
	background-position: right;
}


/* --------------------------------------------------
18.5 Clean Teeth Styles ----------------------------
-----------------------------------------------------*/
.clean-h1{
	width: 550px !important;
	margin-top: 15% !important;
	font-size: 66px !important;
	color: #b3cb0c !important;
	width: 600px;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	text-align: left;
}
.clean-h1 img{
	width: 400px !important;
}
h1.clean-h1 span{
	color: #2a9ac2 !important;
}
.clean-p{
	width: 550px !important;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300 !important;
	text-align: left;
	line-height: 45px !important;
	font-size: 40px !important;
	margin-left: 0px;
	margin-top: 20px;
}

.clean-buttons{
	width: 400px;
	margin-top: 20px;
}

.clean-buttons p{
	float: left;
	width: 200px;
	margin: 0;
}
.clean-buttons p a{
	padding: 15px 0;
}

.clean-content{
	margin: 0 0 3px 0 !important;
}
.clean-left{

	width: 48.5%;
	float: left;
	list-style: none;
	font-size: 38px;
	line-height: 47px;
	padding: 0px;
	margin: 0;
	font-weight: 300;
	color: #fff;
}
.clean-left:after{
	content:url(images/dental-phobia.png);
	left: 36%;
	position: relative;
	top:20px;
}
.clean-left span, .clean-left p span{

	color: #b3cb0c;
}
.clean-left p{
	margin-left: 5px;
	font-size: 20px;
	line-height: 69px;
}
.clean-left li{
	margin: 20px 0;
	font-family: 'Lato';
	font-weight: 100;
}

.clean-left li:before{
	content:"- ";
	margin-left: -15px;    
}
.clean-right{
	width: 48.5%;
	float: right;
	margin: 0;
	padding: 0px;
	list-style: none;
	font-size: 17px;
	padding: 0 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;


}
.clean-right li{
	margin: 0 0 22px 0;
	font-weight: 300;
	color: #fefefe;

}

h2.clean-price-header-text{
	font-size: 32px !important;
	width: 80%;
	margin: 0 auto;
}
p.clean-price-desc{
	margin: 15px 0 30px 0 ;
}
h2.clean-price-header-text span{

	color: #b3cb0c;
}

.service-clean-price-box{
	width: 450px;
	overflow: hidden;
	margin:0 0 15px 0;
	border: 1px solid #fff;
	height: 350px;
	border-radius: 30px;
	transition:all ease-in-out 0.2s;
	margin: 0 auto;


}
.clean-price-header{
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 40;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.2s;
	padding: 35px 0;
	text-align: center;
	background: rgba(255,255,255, 0.65);
	font-size: 30px;
	color: #333;

}
.clean-price-content{
	width: 100%;
	background: rgba(255,255,255, 0.45);
	height: 150px;
	border-top: 1px solid #fff;
	position: relative;
	z-index: 30;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 15px;
	top: 0px;
	transition:all ease-in-out 0.2s;

}

.clean-price-price1{
	width: 100%;
	height:150px;
	position: relative;
	background: #444;
	z-index: 40;	
	color: #fff;
	padding: 10px;
	top: 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-top: 1px solid #fff;
	transition:all ease-in-out 0.2s;

}
.clean-price-price2{
	width: 100%;
	height: 300px;
	position: relative;
	border-top: 1px solid #fff;
	background: #b3cb0c;
	z-index: 40;
	color: #fff;
	padding: 10px;
	font-size: 25px;
	top: 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.3s;

}
.clean-price-book{
	width: 100%;
	position: relative;
	top:-50px;
	background: #e9e9e9;
	border-top: 1px solid #fff;
	z-index: 40;
	color: #333;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all ease-in-out 0.4s;
	height: 200px;

}

.clean-price-price2 span{
	font-size: 16px;
}
.service-clean-price-box:hover{
	border-radius: 0px;

}


.clean-price-book a{
	width: 100%;
	padding: 30px 0;
	text-align: center;
	display: block;
	color: #333;
	font-size: 16px;

}
.service-clean-price-box:hover .clean-price-book{
	top: -80px;
}
.service-clean-price-box:hover .clean-price-header{
	height:85px;
	padding: 25px 0;
}

.service-clean-price-box:hover .clean-price-content{
	padding:0px 20px;
}

.service-clean-price-box:hover .clean-price-price1{
	top: -20px;
	padding: 30px
}
.service-clean-price-box:hover .clean-price-price2{
	top:-50px;
	height:105px;
	padding: 10px
}
.clean-content .one_half{
	padding: 0 20px;
}
.clean-content .one_half img{
	margin-top: 40px;
	width: 200px;
}

.clean-list-header{
	text-align: center;
	color: #b3cb0c;
	font-size: 30px;
}
.clean-list-1{
	width: 100%;     /* NEW - Chrome */
  	display: flex;
  	margin: 20px 0;
  	justify-content: center;
  	list-style: none;
}
.clean-list-1 li{
	width: 33%;
	background:rgba(255,255,255,0.1);
	padding: 30px 20px !important;
	margin-left: 15px;
	text-align: center;
}
.clean-list-1 li:first-child{
	margin-left: 0;
}
.clean-list-1 li:before {
    content: none !important;
    color: rgba(0,0,0,0) !important;
    font-size: 0px;
    margin-left:0px !important;
}
.clean-price-title{
	width: 100%;
	text-align: center;
	color: #b3cb0c;
	font-weight: 300 !important;
	font-family: "Lato";
	font-size: 40px;
	margin: 30px 0;
}
.clean-price-callus{
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 15px 0;
	clear: both;
}
.clean-price-callus span{
	color: #b3cb0c;
}
.clean-prices{
	width: 50%;
	float: left;
	padding: 0 30px;
	margin-bottom: 30px;
}
.clean-price-box{
	width: 100%;
	border: 1px solid #fff;
	border-radius: 30px;
	overflow: hidden;
}
.clean-price-name{
	width: 100%;
	padding: 20px 0;
	background: rgba(255,255,255,0.5);
	text-align: center;
	font-size: 25px;
	color: #333;
}
.clean-price{
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #fff;
	background: #b3cb0c;
	font-size: 30px;
	line-height: 0;
	color: #fff;
}
.clean-price-section{
	background: #222;
	width: 100%;
	border-bottom: 1px solid #fff;
	float: left;
}
.reviewlink a{
	background: #3a3a3a;
	color: #fff;
	position: relative;
}
.reviewlink a:before{
	content: '\f040';
	font-family: "FontAwesome";
	font-size: 50px;
	position: absolute;
	opacity: 0.05;
	left: 50%;
	transform: translateX(-50%);
}
#reviewus{
	margin-top: 100px;
}
/* --------------------------------------------------
18.2 Repair Teeth (veneers and Crowns) Styles -------
-----------------------------------------------------*/

.service-2col-left{
	float: left;
	width:100%;
	border-right: 1px dashed #666;
	padding: 0 50px 40px;
}
.service-2col-right{
	float: left;
	width:100%;
	padding: 0 50px 40px;
}
.service-2col-price-holder{
	width: 100%;
	float: left;
	margin:0 0 15px 0;
	border: 1px solid #fff;
	float: left;
	height: 120px;
	border-radius: 30px;
	overflow: hidden;
	transition:all ease-in-out 0.2s;

}

.service-2col-price-holder:hover{
	border-radius: 0px;
}

.service-2col-price-holder:hover .service-2col-price-left{
	padding:10px 0 50px 0px;
	background: rgba(255,255,255, 1);
	
}
.service-2col-price-holder:hover .service-2col-price-right{
	padding:10px 30px 50px 30px;
	
}

.service-2col-price-appointment{
	width: 100%;
	position: relative;
	margin-top: 120px;
	background: #555;
	text-align: center;
	color: #fff;
	z-index: 30;
	transition:all ease-in-out 0.4s;
	border-top:1px #fff solid;

}

.service-2col-price-appointment a{
	width: 100%;
	color: #fff;
	margin: 0;
	line-height: 0;
	padding: 0;
	padding: 10px;
	display: block;
	top:0;
	position: relative;
	transition:all ease-in-out 0.4s;
	z-index: 31;
}
.service-2col-price-appointment a:hover{
	transition:all ease-in-out 0.4s;
	color:  #b3cb0c;
}
.service-2col-price-holder:hover .service-2col-price-appointment a{
	top:-25px;
}
	
.service-2col-price-holder:hover .service-2col-price-appointment{
	
	margin-top: 65px;
	
}

.service-2col-left h2, .service-2col-right h2{

	font-size: 30px;
	color:  #b3cb0c;
	text-align: center;
}

.service-2col-left li, .service-2col-right li{

	color:  #fff;
	padding: 5px 0px;
	list-style: none;
}


.service-2col-left li:before, .service-2col-right li:before{
	content: '- ';
	color:  #b3cb0c;
	font-size: 20px;
	margin-left: -15px;
}

.service-2col-left strong, .service-2col-right strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
.service-beforeaAfter-image-holder{
	width:100%;
}
.service-beforeaAfter-image-holder img{
	width: calc(25% - 3px);
	margin-top: 3px;
}

.veneer-image{
	width: 100%;
	height: 250px;
	background: url('images/service-images/veneer-smile.jpg') no-repeat;
	background-position: right;
	background-size: contain;
	margin: 20px 0 0;
}
.veneer-image2{
	width: 100%;
	height: 250px;
	background: url('images/service-images/veneer-smile2.jpg') no-repeat;
	background-position: right;
	background-size: contain;
	margin: 20px 0 0;
}


.veneer-prices{
	background: #121212;
	border-bottom: 1px solid #fff;
}

.crown-list-header{
	text-align: center;
	color: #b3cb0c;
	font-size: 30px;
}
.crown-list-1{
	width: 100%;
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;
  	margin: 20px 0;
  	align-items:center;
  	list-style: none;
}
.crown-list-1 li{
	width: 33%;
	background:rgba(255,255,255,0.1);
	padding: 40px 20px !important;
	margin-left: 15px;
	text-align: center;

}
.crown-list-1 li:first-child{
	margin-left: 0;
}
.crown-list-1 li:nth-child(3){
	padding: 28px 20px;
}
.crown-list-1 li:before {
    content: none !important;
    color: rgba(0,0,0,0) !important;
    font-size: 0px;
    margin-left:0px !important;
}
.crown-h1{
	width: 650px !important;
	margin-top: 15% !important;
	font-size: 65px !important;
	color: #b3cb0c !important;
	width: 600px;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
	text-align: left;
}
.crown-p{
	width: 650px !important;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300 !important;
	text-align: left;
	line-height: 44px;
	font-size: 40px !important;
	margin-left: 0px;
	margin-top: 20px;
}

.full_width{
	text-align: center;
}
.mb0{
	margin-bottom: 0px;
}
.hygiene-pricing{
	display: flex;
	justify-content: space-between;
}
.hygiene-pricing .airflow-price-box{
	color: #fff;
	font-size: 17px;
	padding: 30px 20px;
}
.hygiene-pricing .airflow-price-box strong{
	font-size: 22px;
}
.hygiene-pricing .airflow-price-box h3{
	color:#fff;
	font-size: 30px;
}
/* ===============================
19.0 Get in touch ----------------
================================== */

.get-in-touch {
	width: 100%;
	padding: 2%;
	color: #eee;
	text-align: center;
}
.get-in-touch h2 {
	font-size: 3em;
	color: #fff;

}

.get-in-touch p {
	font-size: 1.2em;
}

.get-in-touch hr.trans {
	margin: 15px 0;
}

/* ===============================
20.0 Return to Top ---------------
================================== */

#return-to-top {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
    background: rgba(179,203,12,.8);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    z-index: 9999;
    display: none;

    -webkit-border-radius: 45px;
	border-radius: 45px;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 11px;
    font-size: 19px;
}

#return-to-top:hover {
    background: rgba(140,160,10,1);
}

#return-to-top:hover i {
    color: #fff;
    top: 6px;
}

/* ===============================
21.0 News ------------------------
================================== */
/* -------------------------------
21.1 News Index ------------------
----------------------------------*/


.news {
	width: 97%;
	margin:1% 1.5%;
	padding: 3%;
	background: url(images/wood_1.png);
	position: relative;
	border-radius: 30px;
	color: #fff;
}

.blog_image,
.blog_content,
.category_line,
#meta {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}

.category_line {
	margin-top: 10px;
}

.blog_image{
	width: 24%;
	float: left;
	margin: 0 30px 0 0 !important;

}

.blog_image img {
	width: 100%;
	height: auto;
}

.blog_image img:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.blog_content .readmore-btn{
	float: right;
	top: 20px;
	right:0px;
	position: absolute;

}
.blog_content {
	text-align: left;
}

.blog_content hr{
	float: left;
}

.blog_content p {
	font-size: 13px;
	line-height: 10px;
}
.blog_content p, .blog_content h2, .blog_content hr, .blog_content #meta, .blog_content .category_line{
	width: 90%;
}
.blog_content #meta{
	margin: 0;
	padding: 5px 0 0 0;
	top: 0px;
}

/* -------------------------------
21.2 News Single Page ----------------------
----------------------------------*/

#single_main_header {}

#single_main_header h1 {
	margin: 10px 0 0;
}

#single_main_image {
	float: left;
	width: 100%;
	padding: 2%;
	background: #fff;
}

#single_main_image img {
	width: 100%;
	height: auto;
}

.entry {
    padding: 20px;
}

.excerpt p {
	font-size: 16px;
	margin: 20px 0;
}



/* -------------------------------
21.3 Facebook Like Bar -----------
----------------------------------*/
      
#facebook_like_bar {
	background: #E8F0F9;
	border: 1px solid #ddd;
	margin: 10px 0px;
	padding: 10px;
	height:19px;
}
/* -------------------------------
21.4 Share this Article ----------
----------------------------------*/

.social_share_title {
	color: #3A5796;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 8px 0;
}

#social_share_bar {
	background: #E8F0F9;
	border: 1px solid #ddd;
	margin: 10px 0;
	padding: 10px;
	height:100px;
}

#social_share_bar li {
	float:left;
	display:block;
	list-style:none;
	cursor: pointer;
	margin-top:-10px;
	padding-right:5px;
}

/* -------------------------------
21.5 Tags ------------------------
----------------------------------*/
#single_tags {
	background-image:url(images/tags_icon_main.png);
	background-repeat:no-repeat;
	padding: 10px 28px;
	margin: 0;
	line-height:18px;
	border-top: 1px #e6e6e6 solid;
}

/* -------------------------------
21.6 social ----------------------
----------------------------------*/

.single_social_bar {
	margin: 0 0 20px 0;
	display: block;
	float: left;
	width:100%px;
	padding: 15px 0px;
	border-top: 1px #e6e6e6 solid;
	border-bottom: 1px #e6e6e6 solid;
}

.single_social_bar .icons {
	display:inline; 
	float:left;
	margin:0px 7px;
}

/* -------------------------------
21.7 Category ----------------------
----------------------------------*/
/* Category */

.category_line {
	font-size: 11px;
	color:#999;
	letter-spacing:normal;
	font-weight:normal;
	text-transform:uppercase;
}

.category_item {
	color:#121212;
	display:inline;
}

#meta {
	font-size: 11px;
	margin: 10px 5px 10px 0;
	letter-spacing:normal;
	font-weight:normal;
}

.meta_date {
	color: #999;
}

.postmetadata { }

/* -------------------------------
21.8 Trackbacks ------------------
----------------------------------*/

.trackbacktext {
	padding: 10px;
	background:#f2f2f2;
	border:1px solid #ddd;
	width:585px;
	margin:0px 0px 20px 0px;
	float:left;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.trackbacktext li {
	padding: 5px 0px 5px 0px;
	list-style:none;
	margin-bottom:3px;
	border-bottom:1px solid #ddd;
}

.trackbacktext li:last-child {
	border-bottom: none;
	margin-bottom:-7px;
}

div.srp-widget-container a {
	font-size: 16px;
}

h4.srp-post-title {
	margin-top: -5px;
}

div.srp-widget-singlepost {
	border-bottom: 1px solid #eee !important;
}
/* ===============================
22.0 Float Clear --------------
================================== */

/* clear any elements that contain floated divs */

header:after,
.contact-details:after,
.logo:after,
.nav:after,
.our-services:after,
.our-practice:after,
.footer-section:after,
.copyright:after,
.patient-reviews:after,
.row:after,
.profiles:after,
.profile:after,
.news:after,
.get-in-touch:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* ===============================
23.0 Trasitions ------------------
================================== */

a,
#return-to-top,
#return-to-top i,
.feedback-input,
ul.fees-row,
#referral-form .submit,
.blog_image img {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.profile-header img {
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

/* ===============================
24.0 Webfont kit -----------------
================================== */

/* Webfont kit SWIFT EF */


/* ===============================================================================================
1.0  Generic Styles --------------------------------------------------------------------------
================================================================================================== */
*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	text-decoration: none;
}
body,html{
	font-family: 'Lato', sans-serif;	
}
a{
	transition:0.4s all ease-in-out;
}


/* ===============================================================================================
1.1 Jump Button Styles --------------------------------------------------------------------------
================================================================================================== */
.jump-to{
	position: fixed; 
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    left: -185px;
    top: 50%;
    z-index: 99999999;
}
.jump-to a{
    background: #b3cb0c;
    color: #fff;
    padding: 15px 30px 30px 30px;
    font-size: 25px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 20px 20px 0 0;
	font-family: 'swiftefregular', sans-serif;
	margin: 0 -1px;
	display:block;

}
.jump-to a:hover{
    border-radius: 0px;
    border: 1px solid #b3cb0c;
    background: #fff;
    color: #b3cb0c;
}
.go-to a{
	position: fixed; 
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    background: #b3cb0c;
    color: #fff;
    padding: 15px 30px 30px 30px;
    font-size: 25px;
    right: -84px;
    top: 60%;
    text-align: center;
    border: 1px solid transparent;
    z-index: 99999999;
    border-radius: 20px 20px 0 0;
	font-family: 'swiftefregular', sans-serif;
}
.go-to a:hover{
    border-radius: 0px;
    border: 1px solid #b3cb0c;
    background: #fff;
    color: #b3cb0c;
}


/* ===============================================================================================
1.2 General Typography Styles --------------------------------------------------------------------------
================================================================================================== */
.green-text{
	color: #b3cb0c;
}

/* ===============================================================================================
1.3 Buttons Styles --------------------------------------------------------------------------
================================================================================================== */
a.all-btn,
a.orange-btn,
#referral-form .submit {
	padding: 2% 3%;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	z-index: 19;
	margin-top: 10px;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	display: inline-block;
}

a.all-btn:hover,
a.orange-btn:hover,
#referral-form .submit:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

a.orange-btn {
	background: #da4a37;
	border: 1px solid #da4a37;
}

a.orange-btn:hover {
	color: #da4a37;
	border: 1px solid #da4a37;
}


/* ===============================================================================================
2.0 Header Styles --------------------------------------------------------------------------
================================================================================================== */
.basic-contact section{
	padding: 0;
}
header{
	width: 100%;
	background: #222;
	color: #fff;
	position: fixed;
	z-index: 9999;
	top:35px;
}

.header-holder{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	/* background: #b3cb0c; */
	z-index: 9999;
}
.logo{
	width: 200px;
	float: left;
	padding-left: 20px;
	padding-top: 12px;
}
.header-holder nav{
	width: 80%;
	float: right;
	font-size: 12px;
	text-align:center;
	height:78px;
	-moz-perspective: 800px;
	-webkit-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
	line-height: 14px;
}

header nav ul.navigation{
	width: 100%;
	float: right;
	margin:0;
	line-height: 14px;
	text-transform: uppercase;
	display:inline-block;
	padding-left: 30px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

header nav ul.navigation li{
	float: left;
}

header nav ul.navigation li a{
	display: block;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 28px 20px;
}
.home-link{
	float: left;
	width: 60px !important;
}
.home-link a {
	padding: 36px 23px 30px !important;

}


nav ul.navigation li {
	float:left;
	display:block;
}

nav ul.navigation .menu-item a {
	font:sans-serif;
	color:#fff;
	text-decoration:none;
	padding: 25px 15px;
	/* float:left; */
	border-left: rgba(150,150,150,0.1) solid 1px;
	border-right: rgba(0,0,0,0.1) solid 1px;
}

nav ul.navigation > .menu-item > a {
	height: 78px;
	display: table-cell;
	vertical-align: middle;
}

nav ul.navigation .menu-item:hover a {
	background:#b3cb0c;
}/*
nav ul.navigation .service-nav ul {
	position:absolute; 
	top:78px; 
	left: calc(50% - 0);
	background:#333; 
	transition: 0.5s;
	backface-visibility: hidden;

}


nav ul.navigation li:hover ul {
	transform: rotateX(0deg);
}

nav ul.navigation .service-nav ul {
	padding: 0px;
}
nav ul.navigation .service-nav ul li {
	height:65px; 
	width:185px;
}


nav ul.navigation .service-nav ul li a {
	font: sans-serif; 
	color:#FFF; 
	text-decoration:none; 
	padding:25px 0 25px 0; 
	background: #333;
	float:left; 
	width:185px;
}


nav ul.navigation .service-nav ul li a:hover {
	background:#b3cb0c;
}

nav ul.navigation .service-nav ul {
	width:740px; 
	left:0px;
	padding: 0px !important;
	border-top: 1px solid #454545;
}
nav ul.navigation .service-nav ul li ul.sub-menu{
	width: 185px;
	float: left;
	margin: 0;
	left: 0;
	top:65px;
	height: 195px;
}
nav ul.navigation .service-nav ul{
	height: 265px;
}*/
nav ul.navigation
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	letter-spacing: 0.5px;
	padding:0
}

nav ul.navigation a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:12px;
	padding:0 10px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

nav ul.navigation li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

nav ul.navigation li:hover
{
	background:#f6f6f6
}
nav ul.navigation .menu-item:hover ul li a {
	background:#333;
}
nav ul.navigation .menu-item:hover ul li a:hover {
	background:#b3cb0c;
}
nav ul.navigation ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
	margin:0;
}
nav ul.navigation ul li
{
	width:200px
}

nav ul.navigation ul a
{
	line-height:120%;
	background: #333;
	padding:10px 15px
}
nav ul.navigation ul ul
{
	top:0;
	left:100%
}
nav ul.navigation li:hover > ul
{
	display:block
}
.basic-contact{
	width: 100%;
	position: fixed;
	height: 40px;
	background: #111;
	border-top: 5px solid #b3cb0c;
	float: left;
	top:0;
	z-index: 9999;
}

.basic-contact section{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.socials{
	float: left;
	width: 30%;
	padding-left: 20px;
}
.socials a{
	float: left;
	width: 30px;
	color: rgba(255,255,255,0.45);
	padding: 7px;
	background: rgba(255,255,255,0); 
	text-align: center;
}
.socials a:hover{
	background: #b3cb0c;
	color: rgba(255,255,255,1);
}
.header-telephone{
	float: right;
	color: rgba(255,255,255,0.8);
	padding: 6px 20px;
	font-size: 17px;

}
.header-telephone span{
	float: left;
	color: rgba(255,255,255,0.6);
	font-size: 14px;
	margin-right: 10px;
	margin-top: 3px;

}

.header-telephone i{
	-webkit-transform:rotate(19deg);
	-ms-transform:rotate(19deg);
	transform:rotate(19deg);
	color: rgba(255,255,255,0.45);
}

/* ===============================================================================================
3.0  FLEX SLIDER Styles --------------------------------------------------------------------------
================================================================================================== */
.slider{
	width: 66vw;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 66%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff;position: relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;zoom: 1;height: calc(100vh - 50px);top: 27px;width: 100%;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; height: calc(100vh - 50px); width: 100%;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; height: calc(100vh - 110px); width: 100%;}
.flexslider .slides{
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; z-index:7000; opacity: 0.6; position: absolute; top: 90%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: 21px;}
.flex-direction-nav li .prev {left: 20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: relative; bottom: 100px; text-align: center; z-index: 7000; display: none;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background:#b3cb0c; cursor: default;}

.flexslider .slides li h2{
	position: relative;
	top: 61%;
	width: 1000px;
	left: 320px;
	text-align: left;
	font-weight: 400;
	line-height: 40px;
	padding-bottom: 10px;
	z-index: 200;
}

@media screen and (max-height: 935px) {
}
.slider-logo{
	width:600px;
	position: relative;
	top:-280px;
	left: 90px;
	z-index: 199;
	text-align: center;
	
}
.slider-logo img{
	width: 600px;
}
.flexslider .slides li .slider-logo-inslide{
	position: relative;
	top: 63%;
	width: 1000px;
	left: 180px;
	text-align: left;
	font-weight: 400;
	line-height: 30px;
	z-index: 200;
}
.slider-logo-inslide img{
	width: 600px;
}
.skewed{
	width: 1200px;
	height: 100%;
	background: url(images/slider-bg.png) no-repeat;
	opacity: 0.1;
	background-size: cover;
	position: absolute;
	left: -50px; 
	top:10px;
	z-index: 100;
	display: none;
}
.slide6-logobar{
	background: rgba(0,0,0,0.4);
    width: 100% !important;
    position: absolute;
    bottom: 0%;
    margin: 0 !important;
    left: 0 !important;
    text-align: left;
    font-weight: 400;
    color: #444;
    line-height: 30px;
    z-index: 200;
    padding: 20px 100px 50px;
    float: left;

}
.slide6-h3{    
	font-size: 40px;
    float: left;
    color: #fff;
    display: block;
}
.slide6-logobar h3{
	font-weight: 400;
	font-size: 40px;
    display: block;
    width: 100%;
    color: #fff;
    padding: 0px 10px 15px;
}
.slide6-logobar h4{
	font-weight: 300;
	font-size: 25px;
	line-height: 40px;
    display: block;
    width: 100%;
    color: #fff;
    padding: 15px 10px 0;
}
.slide6-logobar p{
	font-weight: 300;
	font-size: 20px;
    display: block;
    width: 100%;
    color: #fff;
}
.slide1-logobar{
	background: rgba(0,0,0,0.4);
    width: 100% !important;
    position: absolute;
    bottom: 0%;
    margin: 0 !important;
    left: 0 !important;
    text-align: left;
    font-weight: 400;
    color: #444;
    line-height: 30px;
    z-index: 200;
    padding: 40px 40px 60px;
    float: left;

}
.slide1-logobar img{
	margin-right: 15px;
	float: right;
}
.slide1-h2{    
	font-size: 40px;
    width: 60% !important;
    top: 81% !important;
    left: 100px !important;
    float: left;
    color: #fff;
}
.slide1-h2 span{
	font-weight: 300;
	font-size: 30px;
}
.slide2-h2{
	font-size: 20px;
	color:#111;
}
.slide2-h2 i{
	color:#b3cb0c;
	opacity: 0.3;
}
.slide-text-bg{
	color:#444;
	width: 100%;
	max-width: 800px;
	left: calc(50% - 400px);
	position: relative;
	top: 62%;
	border: 1px solid rgba(0,0,0,0);
	background: rgba(0,0,0,0.3);
	padding: 20px;
}
.slide3-h3{
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	z-index: 200;
	color:#fff;
	font-size: 30px;
}
.slide3 p{
	font-size: 16px;
	color:#fff;
	width: 100%;
	position: relative;
	text-align: left;
	font-weight: 400;
	line-height: 23px;
	text-align: center;
	z-index: 200;	
}

.flexslider .slides .slide1 p{
	position: relative;
	top: 62%;
	width: 1000px;
	left: 320px;
	text-align: left;
	font-weight: 400;
	color:#444;
	line-height: 30px;
	z-index: 200;
}
.flexslider .slides li p img{
	float: left;
	margin-right: 30px;
}
/* ===============================================================================================
4.0  Quicklinks Styles --------------------------------------------------------------------------
================================================================================================== */
.quicklinks-wrapper{
	width: 34vw;
	height: calc(100vh - 100px);
	background: #ff6;
	right:0;
	top:110px;
	position: absolute;
	z-index: 300;
	overflow: hidden;
}
.quicklink-body{
	width: 50%;
	float: left;
	height: calc(50vh - 50px);
	background: #55f;
	position: relative;
	border:1px solid #fff;
	z-index: 10;
	text-align: center;
}
.quicklink-1{
	background: url(images/quicklinks/q4-1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.quicklink-2{
	background: url(images/quicklinks/q4-2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.quicklink-3{
	background: url(images/quicklinks/q4-3-2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.quicklink-4{
	background: url(images/quicklinks/nervous.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.quicklink-cover{
	width: 100%;
	position: relative;
	top: calc(100% - 60px);
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	transition:0.3s all ease-in-out;
	background-color:rgba(50,50,50,0.6);
	height: 60px;
	z-index: 10;
	border: 0 solid rgba(200,200,200,0.2);
	box-sizing:border-box;
}

.quicklink-4:hover .quicklink-cover{
	background-image: url(images/dental-phobia-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color:rgba(50,50,50,0.6);
}

.quicklink-cover .quicklink-name{
	padding: 20px 0 500px;
	color: #fff;
	width: 100%;
	display: block;
	font-size: 20px;
	transition:0.3s all ease-in-out;
	box-sizing:border-box;
}

.quicklink-cover-logo .quicklink-logo{
	padding: 0px 0 500px;
	color: #fff;
	width: 100%;
	display: block;
	position: relative;
	top:-120px;

	font-size: 20px;
	transition:0.3s all ease-in-out;
}
.quicklink-cover-logo .quicklink-logo img{
	transition:0.3s all ease-in-out;
	width: 250px;
	-webkit-filter:brightness(1) invert(0);
	-moz-filter:brightness(1) invert(0);
	-o-filter:brightness(1) invert(0);
	-ms-filter:brightness(1) invert(0);
	filter:brightness(1) invert(0);
}
.quicklink-body:hover  .quicklink-cover-logo .quicklink-logo img{
	-webkit-filter: brightness(0) invert(1);
	-moz-filter:brightness(0) invert(1);
	-o-filter:brightness(0) invert(1);
	-ms-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1);
}

.quicklink-cover-logo{
	width: 100%;
	position: relative;
	top:100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	transition:0.3s all ease-in-out;
	background:rgba(50,50,50,0.6);
	height: 60px;
	z-index: 10;
	border: 0 solid rgba(200,200,200,0.2);
}
.quicklink-body:hover .quicklink-cover {
	top:0;
	background-color:rgba(100,100,100,0.9);
	height: 100%;
	border: 10px solid rgba(200,200,200,0.5);
}
.quicklink-body:hover .quicklink-cover-logo {
	top:0;
	background:rgba(100,100,100,0.9);
	height: 100%;
	border: 10px solid rgba(200,200,200,0.5);
}

.quicklink-body:hover .quicklink-cover .quicklink-name {
	padding:30% 20px 0px;
	font-size: 30px;
}
.quicklink-body:hover .quicklink-cover-logo .quicklink-logo {
	padding:0px;
	top:60px;
	font-size: 30px;
}
.quicklink-cover p{
	width: 100%;
	display: block;
	font-weight: 300;
	font-size: 20px;
	color: #fff;
	padding:20px 20px 40px;
	text-transform: initial;
	box-sizing:border-box;
	margin: 0;

}
.quicklink-cover-logo p{
	width: 100%;
	display: block;
	font-weight: 300;
	font-size: 20px;
	color: #fff;
	padding:60px 20px 40px;
	text-transform: initial;
	box-sizing:border-box;
	margin: 0;

}
.quicklink-body:hover .quicklink-extra-text{
	top: -60%;
}
.quicklink-link {
	padding: 5% 10%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	z-index: 19;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;
	margin: 0 20px;
	font-weight: 400;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	text-transform: uppercase;
	display: inline-block;
}


.quicklink-link:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* ===============================================================================================
5.0  Logo Bar --------------------------------------------------------------------------
================================================================================================== */
.partners-logo-bar{
	width: 100%;
	overflow: overlay;
	background: #fff;
	position: relative;
	padding: 10px;
	margin: 0px 0 0px;
	text-align: center;
	z-index: 701;
	border-bottom: 1px  solid #efefef;
	border-top: 1px  solid #efefef;
}
.partners-logo-bar section{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	margin-bottom:0px;
}

.partners-logo-bar img{
	display: inline-block;
	opacity: 1;
	height: 100px;
}

.partners-logo-bar img:hover{
	 opacity: 1;
}
/* ===============================================================================================
6.0  Information area --------------------------------------------------------------------------
================================================================================================== */

.info-holder{
	width: 100%;
	/* float: left; */
	font-weight: 300;
	text-align: center;
	padding: 77px 0 60px;
	background: #f6f6f6;
	margin-top: 60px;
	clear: both;
	overflow: overlay;
}
.info-holder h2{
	text-align: center;
    margin: 0 0 30px;
    font-size: 45px;
    font-weight: 300;
    color: #b3cb0c;
    width: 100%;
    float: right;

}
.third-left{
	width: 36%;
	float: left;
}
.video-box{
  border:none;
  padding: 0;
}
@media only screen and (max-width: 375px) {
.video-box{
  padding: 0px 0;
}
}
.hpvideo{
	width: 100%;
	margin-top: 15px;
}
.video-container {
    position: relative;
    padding-bottom: 81%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    margin-bottom: 0px;
}
div + .video-box{
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.third-middle{
	width: 32%;
	float: left;
	color: #222;
	padding: 0 30px;
}
.third-middle h3{
    font-size: 42px;
    font-weight: 300;
    color: #333;
    margin:0;
    text-align: center;
    line-height: 52px;
    padding: 0 45px;
}
.third-right{
	width: 32%;
	float: left;
	color: #222;
	padding: 0 30px;
	font-size: 18px;
	border-left: 1px  solid #ccc;
    position: relative;
    text-align: left;
}
.third-right li{
	margin-bottom: 10px;
}
.third-right h4{
	font-size: 28px;
}
.third-buttons{
    width: 64%;
    float: right;
    padding-bottom: 30px;
}
.third-right p{
	text-align: left;
}
.third-buttons-links, .third-buttons-img{
	float: left;
	width: 50%;
}
.third-buttons-links a{
	/* top:65px; */
	margin-top: 30px;
}
.third-buttons-img img{
	margin: 0 auto 0;
}
.info-left{
	width: 650px;
	float: right;
	padding: 50px 30px;
}
.info-right{
	width: 500px;
	float: left;
	overflow: hidden;
}

.info-right img{
	height: 458px;
	-webkit-filter: grayscale(100%) !important;
	 filter: grayscale(100%) !important;
	transition:all 0.4s ease-in-out;
}

.info-right img:hover{
	-webkit-filter: grayscale(0%) !important;
	filter: grayscale(0%) !important;
}

/* ===============================================================================================
7.0  Contact Form --------------------------------------------------------------------------
================================================================================================== */

.contact-form-area {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
}

.contact-form-area-left, .contact-form-area-right {
	width: 47%;
	padding: 1%;
	float: left;
}
/* -------------------------------
7.1 Contact Area -----------------
----------------------------------*/

.contact-area {
	background: url(images/wood_1.png);
	position: relative;
	width: 100%;
	height: 440px;
	color: #999;
	/* float: left; */
	position: relative;
	z-index: 12;
	clear: both;
}
.contact-area .two-column-left,
.newsletter-area .two-column-left {
	margin: 1% 1% 4% 0;
}

.contact-area hr
.newsletter-area hr {
	margin: 50px 0 30px;
	background: #000;
}

.contact-area p {
	color: #999;
}

.contact-area h3 {
	color: #eee;
	font-size: 2em;
	font-weight: 300;
	border-bottom: 1px solid #666;
	padding-bottom: 15px;
	margin-top: 10px;
}
.contact-area h3 .green-text{
 color: #b3cb0c;
}
.contact-area h2 {
	color: #ccc;
	margin: 20px 10px;
}

.contact-area .fa-mobile {
	font-size: 1.4em;
	color: #999;
	margin-right: 5px;
}

.phone {
	color: #eee;
	font-size: 1.2em;	
	font-weight: 400;
}

.contact-address{
	font-size: 20px;
	line-height: 28px;
}


/* -------------------------------
7.2 Conatct Form -----------------
----------------------------------*/


#feedback-page {
	text-align:center;
}

#form-main {
	width:100%;
	/* float:left; */
	padding-top:0px;
}

#form-div {
	width: 100%;
	/* float: left; */
}

#form-div p {
	margin: 10px 0;
}

.feedback-input {
	color:#3c3c3c;
	font-weight:300;
	font-size: 13px;
	border-radius: 0;
	line-height: 20px;
	background-color: #121212;
	background: rgba(0,0,0,0.3);
	padding: 6px 5% 6px 10%;
	width:100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus {
	background: #fff;
	box-shadow: 0;
	border: 3px solid #b3cb0c;
	color: #3498db;
	outline: none;
	padding: 6px 13px 6px 54px;
}

.focused {
	color:#30aed6;
	border:rgba(179,203,12,1);
}

/* Icons ---------------------------------- */
#name {
	background-image: url(images/form/name.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus {
	background-image: url(images/form/name.svg);
	background-size: 34px 18px;
	background-position: 8px 5px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#tel {
	background-image: url(images/form/tel.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#tel:focus {
	background-image: url(images/form/tel.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}


#email {
	background-image: url(images/form/email.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus {
	background-image: url(images/form/email.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment {
	background-image: url(images/form/comment.svg);
	background-size: 34px 18px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
	width: 100%;
	height: 120px;
	line-height: 150%;
	resize:vertical;
}

input:hover, textarea:hover {
	background: #eee;
}

input:focus, textarea:focus {
	background-color:white;
}

#button-green {
	/* float:left; */
	width: 100%;
	border: #000 solid 1px;
	cursor:pointer;
	background: rgba(179,203,12,1);
	color:white;
	font-size:16px;
	padding:14px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top:-4px;
	letter-spacing: 0.02em;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}

#button-green:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.submit:hover {
	color: #fff;
}

@media only screen and (max-width: 580px) {
  #form-div{
    /* left: 3%; */
    /* margin-right: 3%; */
    /* width: 88%; */
    /* margin-left: 0; */
    /* padding-left: 3%; */
    /* padding-right: 3%; */
  }
}



.contact-page-form textarea {
	width: 100%;
	height: 120px;
	line-height: 150%;
	resize:vertical;
	background: #eee;
	border: 1px solid rgba(0,0,0,0.1);
}

.contact-page-form input:hover, .contact-page-form textarea:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
}

.contact-page-form input:focus, .contact-page-form textarea:focus {
	background-color:white;
	border: 1px solid #b3cb0c;
}

.contact-page-form #button-green {
	float:left;
	width: 100%;
	border: #fff solid 1px;
	cursor:pointer;
	background: rgba(179,203,12,1);
	color:white;
	font-size:16px;
	padding:14px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top:4px;
	letter-spacing: 0.02em;

	-webkit-border-radius: 45px;
	border-radius: 45px;
}
.contact-page-form input {
	color:#222;
	font-weight:300;
	font-size: 13px;
	border-radius: 0;
	line-height: 20px;
	background: #eee;
	padding: 6px 5% 6px 10%;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);
}

.contact-page-form #button-green:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}
h2 .contact-phone{
	color: #606060;
}
/* ===============================================================================================
8.0  callout --------------------------------------------------------------------------
================================================================================================== */
.callout{
	width: 100%;
	/* float: left; */
	background: #333;
	border-bottom: 10px #fff solid;
	transition:all 0.4s ease-in-out;
	position: relative;
	margin-top: -50px;
	clear: both;
}
.callout a:first-child{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;
	font-weight:300;
	transition:all 0.4s ease-in-out;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	background: rgba(255,255,255,0);
}
.callout a:first-child:hover{
	background: rgba(0,0,0,0.2);
}
.callout a:first-child i{
	margin-left: 10px;
	transition:all 0.4s ease-in-out;
	opacity: 0.3;
}

.callout a:first-child:hover i{
	color: rgba(255,255,255,0.8);
}
.callout a:first-child span{
	font-weight: 700;
}
.callout:hover{
	background: #b3cb0c;
}

.callout a:nth-child(2){
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 20px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight:300;
	transition:all 0.4s ease-in-out;
	background: rgba(255,255,255,0);
}
.callout a:nth-child(2) i{
	margin-right: 20px;
	color: rgba(255,255,255,0.4);
	position: relative;
	top: 4px;
	transition:all 0.4s ease-in-out;
	font-size: 27px;
}

.callout a:nth-child(2):hover{
	background: rgba(0,0,0,0.2);
}
.callout a:nth-child(2):hover i{
	color: rgba(255,255,255,0.8);
}
/* ===============================================================================================
9.0  bridge --------------------------------------------------------------------------
================================================================================================== */

.bridge{
	width: 100%;
	float: left;
}
.bridge img{
	-webkit-filter: grayscale(100%) !important;
	 filter: grayscale(100%) !important;
	transition:all 0.7s ease-in-out;
	border-top: 10px solid #fff;
	width: 100%;
}


.bridge img:hover{
	-webkit-filter: grayscale(0%) !important;
	 filter: grayscale(0%) !important;
}

/* ===============================================================================================
10.0  Footer --------------------------------------------------------------------------
================================================================================================== */

footer{
	width:100%;
	/* float: left; */
	background: #222;
	color: #fff;
	padding: 40px 0 0;
	font-weight: 300;
}
footer section{
	width: 100%;
	margin: 0 auto;
}
footer h2{
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}
/* ===============================================================================================
10.1  Footer - left --------------------------------------------------------------------------
================================================================================================== */
.footer-left{
	width: 30%;
	text-align: center;
	float: left;
	margin-right: 3%;
}
.footer-left h3{
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 5px;
}
.footer-left p{
	line-height: 28px;
	margin-bottom: 15px;
}

/* -------------------------------
10.1.1 Footer Treatments------------
----------------------------------*/

.our-treatments {
	text-align: center;
}

ul.footer-treatments {
	list-style: none;
	margin: 20px 0 0 0px;
	padding: 0;
	width: 100%;
	clear: both;
}

ul.footer-treatments li {
	display: inline;
}

ul.footer-treatments a {
	float: left;
	width: 46%;
	margin: 0 1% 1% 0;
	color: #fff;
	text-decoration:none;
	text-align: center;
	padding: 3% 3%;
	font-size: 14px;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;

	-webkit-border-radius: 45px;
	border-radius: 45px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

ul.footer-treatments a:hover {
	background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* ===============================================================================================
10.2  Footer - middle --------------------------------------------------------------------------
================================================================================================== */
.footer-middle{
	width: 32%;
	float: left;
	min-height: 100px;
}
/* ===============================================================================================
10.3  Footer - right --------------------------------------------------------------------------
================================================================================================== */
.footer-right{
	width: 32%;
	float: left;
	min-height: 100px;
}

/* ===============================================================================================
10.4  Footer - Copyright --------------------------------------------------------------------------
================================================================================================== */
.footer-wrapper .copyright-section{
	width: 100%;
	text-align: center;
	padding: 0;
}
.copyright{
	width:100%;
	color: #ccc;
	/* float: left; */
	/* background: #111; */
	padding: 20px 0 60px;
	font-size: 14px;
	line-height: 18px;
	/* margin: 30px 0 -30px 0; */
}
.copyright section{
	width:1200px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
.copyright a{
	color: #fff;
}

.copyright p{
	text-align: center;
	line-height: 20px;
}

/* ===============================================================================================
11.0  Form --------------------------------------------------------------------------
================================================================================================== */

.our-quicklinks{
	width:100%;
	padding: 20px 0 10px;
	background: #fff;
	text-align: center;
	/* float: left; */
	border-bottom: 1px solid #efefef;
}
.our-quicklinks .all-btn{
 	padding: 1% 3%;
}

.our-quicklinks h2{
	margin: 0px 0 25px;
	font-size: 30px;
	font-family: "Lato";
	font-weight: 300;
}

.service-area{
	width: 100%;
	background: #fff;
	margin: 0;
	padding:0;
	float: left;
	border-top: 10px #fff solid;
}
.service-item{
	width: calc(100% / 5 - 1px);
	float: left;
	height: 15vw;
	margin: 0 1px 0 0;
	background: #ff0;
	padding: 0px;
}
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	z-index: 4;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(images/quicklinks/q1.png);
}

.ch-img-2 { 
	background-image: url(images/quicklinks/q2.png);
}

.ch-img-3 { 
	background-image: url(images/quicklinks/q3.png);
}

.ch-img-4 { 
	background-image: url(images/quicklinks/q4.png);
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #928f8d;
	text-align: center;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 32px;
	margin: 0 30px;
	padding: 50px 0 10px 0;
	font-weight: 300;
}

.ch-info p {
	color: #fff;
	padding: 5px;
	margin: -10px 30px 20px;
	font-size: 14px;
}

.ch-info a.all-btn {
	padding: 4% 7%;
}

.ch-item:hover {
	box-shadow: 
	inset 0 0 0 110px rgba(200, 162, 200, 0.33),
	inset 0 0 0 16px rgba(200, 162, 200, 0.33),
	0 1px 2px rgba(200, 162, 200, 0.74);
}

.ch-item:hover .ch-info {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);  
}

.ch-grid {
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}


.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: calc(100% / 5 - 1px);
	float: left;
	height: 16vw;
	margin: 0 1px 0 0;
	background: #ff0;
	padding: 0px;
}
.ch-grid li:last-child {
	margin: 0px 0 0 0;
}

.ch-grid-wide {
	width: 100%;
	margin: 0 0 40px 0;
}
.ch-grid-wide li {
	width: calc(100% / 5 - 1px);
	float: left;
	height: 310px;
	margin: 0 1px 0 0;
	background: #fff;
	padding: 0px;
}
.ch-grid-wide .ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	z-index: 4;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-grid-wide .ch-img-1 { 
	background-image: url(images/services/replace.jpg);
	background-position: center;
	background-size: cover;

}

.ch-grid-wide .ch-img-2 { 
	background-image: url(images/services/repair.jpg);
	background-position: center;
	background-size: cover;
}

.ch-grid-wide .ch-img-3 { 
	background-image: url(images/services/straighten.jpg);
	background-position: center;
	background-size: cover;
}

.ch-grid-wide .ch-img-4 { 
	background-image: url(images/services/whiten.jpg);
	background-position: center;
	background-size: cover;
}

.ch-grid-wide .ch-img-5 { 
	background-image: url(images/services/clean.jpg);
	background-position: center;
	background-size: cover;
}

.ch-grid-wide .ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #928f8d;
	text-align: center;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-grid-wide .ch-info h3 {
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 29px;
	margin: 30px 30px 0 30px;
	padding: 0px 0 10px 0;
	font-weight: 300;
}

.ch-grid-wide .ch-info p {
	color: #fff;
	padding: 5px;
	margin: 5px auto;
	font-size: 14px;
	line-height: 19px;
	width: 80%;
	position: relative;
	text-align: center;
}

.ch-grid-wide .ch-info a.all-btn {
	padding: 4% 7%;
	position: relative;
	top: 0;
}

.ch-grid-wide .ch-info a.all-btn i{
	font-size: 12px;
	margin-left: 5px;
}
.ch-grid-wide .ch-item:hover {
	box-shadow: 
	inset 0 0 0 110px rgba(200, 162, 200, 0.33),
	inset 0 0 0 16px rgba(200, 162, 200, 0.33),
	0 1px 2px rgba(200, 162, 200, 0.74);
}

.ch-grid-wide .ch-item:hover .ch-info {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);  
}

/* ===============================
12.0 Return to Top ---------------
================================== */

#return-to-top {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
    background: rgba(179,203,12,.8);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    z-index: 9999;
    display: none;

    -webkit-border-radius: 45px;
	border-radius: 45px;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 17px;
    top: 10px;
    font-size: 27px;
}

#return-to-top:hover {
    background: rgba(140,160,10,1);
}

#return-to-top:hover i {
    color: #fff;
    top: 6px;
}

/* ========================================================================================================
13.0 Our Practice -----------------------------------------------------------------------------------------
=========================================================================================================== */

.our-practice{
	width: 100%;
	/* float: left; */
	color: #fff;
	background: #b3cb0c;
	padding: 25px 0;
	font-size: 25px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
/* ========================================================================================================
14.0 Contact -----------------------------------------------------------------------------------------
=========================================================================================================== */

.our-contact-page{
	padding-top: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*border-top: 1px solid #b3cb0c;*/
}


/* ========================================================================================================
15.0 Servcies -----------------------------------------------------------------------------------------
=========================================================================================================== */
.our-service-header{
	width: 100%;
	text-align: center;
	float: left;
	background:#333;
	color: #fff;
	padding-top: 160px;
	margin-top: -9px;
	position: relative;}
.our-service-header h1{
	font-size: 50px;
}
.our-service-holder{
	width: 100%;
	float: left;
	background: #555;
}
.our-service-column{
	width: 25%;
	float: left;
	padding-right: 1px;
	opacity: 1;
	transition: all 0.4s ease-in-out;
}
.our-service-holder:hover .our-service-column{
	opacity: 0.75;
}
.our-service-holder:hover .our-service-column:hover{
	opacity:1;
}
.our-service-column:last-child{
	padding-right: 0px;
}
.our-service-col-top{
	width: 100%;
	float: left;
}

.our-service-col-top h2{
	width: 100%;
	float: left;
	font-weight: 300;
	font-size: 35px;
	color: #fff;
	text-align: center;
	padding: 20px 0 20px;
	margin-top: 250px;
	background:rgba(20,20,20,0.4);
}
.our-service-link{
	width: 100%;
	float: left;
}
.our-service-link a{
	width: 100%;
	float: left;
	display: block;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 25px;
	background: #444;
	transition: all 0.4s ease-in-out;
	margin-bottom: 1px;
}
.our-service-link a:hover{
	background: #b3cb0c;
}

.our-service-replace{
	background: url(images/services/service-page/4.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.our-service-straighten{
	background: url(images/services/service-page/6.jpg) no-repeat;
	background-position: center;
	background-size: cover;	
}
.our-service-smile{
	background: url(images/services/service-page/1.jpg) no-repeat;
	background-position: center;
	background-size: cover;	
}
.our-service-clean{
	background: url(images/services/service-page/2.jpg) no-repeat;
	background-position: center;
	background-size: cover;	
}
.our-services-page{
	width: 100%;
	text-align: center;
	background:#222;
	float: left;
	padding: 40px 0;
}
.more-services{
	width: 100%;
	float: left;
	padding: 30px;
}
.more-services a {
	max-width: 400px !important;
	margin: 30px auto;
	text-decoration:none;
	text-align: center;
	/* padding: 1% 3% !important; */
	font-size: 16px;
	color: #fff;
	background: #b3cb0c;
	border: 1px solid #b3cb0c;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}

.more-services a:hover {
    background: #fff;
	border: 1px solid #b3cb0c;
	color: #b3cb0c;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.our-service-content{
	text-align: center;
	width: 100%;
	float: left;
	background:#333;
	padding-bottom: 20px;
}
.our-service-content p{
	text-align: center;
	/* width: 100%; */
	color: #fff;
	/* float: left; */
	font-size: 16px;
}
.service-content-header{
	text-align: center;
	/* width: 100%; */
	color: #b3cb0c;
	/* float: left; */
	font-size: 35px;
	margin-top:35px;
}
.service-content-firstpara{
	text-align: center;
	/* width: 100%; */
	color: #fff;
	/* float: left; */
	font-weight: 400;
	margin-top:29px;
	font-size: 18px;
}
.green{
	color: #b3cb0c;
}

.our-service-content section{
	max-width: 1000px;
	padding: 20px;
}
.one_half{
	margin-top: 20px;
	padding: 0 30px;
}

.one_half h2{
	font-weight: 300;
	color: #b3cb0c;
}
.one_half h4{
	font-weight: 300;
	color: #fff;
	margin-top: 30px;
}

.one_half p + h2,.one_half ul + h2{
	font-weight: 300px;
	margin-top: 30px;
	color: #b3cb0c;
}
.our-practice-list li{
	margin-bottom: 12px;
	font-size: 25px;
	font-weight: 300;
	line-height: 30px;
}

.our-practice-list li:last-child{
	margin-bottom: 5px;
}
.our-practice-list {
	list-style: none;
	padding: 10px;
	margin: 0;
}
.our-practice-list li span{
	color: #b3cb0c;
}
h2{
	font-weight: 300;
}
.text-align-left{
	text-align: left;
}
.text-align-center{
	text-align: center;
}



.post-edit-link{
  color: #fff;
  background: #990000;
  width: 100px;
  padding: 5px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  font-size: 10px;
  z-index: 9999999;
  text-align: center;
}
.postMeta{
  position: fixed;
  right: 0px;
  bottom: -20px;
  z-index: 9999;
}


.service-list-1{
	max-width: 1200px;
	width: 100%;
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	margin: 20px auto;
  	align-items:center;
  	list-style: none;
}
.service-list-1 li{
	width: calc(33% - 15px);
	background:rgba(255,255,255,0.1);
	padding: 40px 20px !important;
	margin-right: 15px;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
	font-size: 17px;

}
.service-list-1 li:nth-child(3){
	width: 33%;
	background:rgba(255,255,255,0.1);
	padding: 40px 20px !important;
	margin-right: 0px;
	text-align: center;
	color: #fff;
	font-size: 17px;

}
.service-list-1 li:last-child{
	width: 100%;
	background:rgba(255,255,255,0.1);
	padding: 40px 20px !important;
	margin-right: 0px;
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 17px;
}
.service-table{
	max-width: 1000px;
	width: 100%;
	margin: 40px 0;
	/* float: left; */
	color: #fff;
}

.service-table.mob {
    display: none;
}

.service-row-1{

}
.service-cell-blank{
	border:none;
	background: none;
}
.service-table-headers{
	background: #b3cb0c;
	color: #fff;
}
.service-table-headers div{
	border-top:1px solid rgba(255,255,255,0.5);
	border-left:1px solid rgba(255,255,255,0.5);
	border-right:0px solid rgba(255,255,255,0.5);
	border-bottom:0px solid rgba(255,255,255,0.5);
	display: block;
	width: 100%;
	padding:10px 0;
	box-sizing: border-box;
	height: 100%;
	float: left;
}
.service-table-headers h4{
	font-family:"Open Sans";
	font-size:20px;
	font-weight: 300;
	color: #fff;
	margin: 0px;
	width: 100%;
	float: left;
	display: block;
}
.service-table-headers h5{
	font-family:"Open Sans";
	font-weight: 400;
	font-size:55px;
	margin:0px;
	width: 100%;
	display: block;
	float: left;
}
.service-table-headers p{
	margin:0px 0;
	width: 100%;
	display: block;
	float: left;
}
.service-table-fullspan{
	background: #b3cb0c;
	color: #fff;
	text-align: left;
	width: 100% !important;
	text-transform: uppercase;
	font-family:"Open Sans";
	font-size:17px;
	padding: 0px 15px;
	border:1px solid rgba(255,255,255,0.5);
}
.service-table-col-1{
	background: #b3cb0c;
	color: #fff;
	text-align: left;
	font-family:"Open Sans";
	font-size:15px;
	font-weight: 300;
	padding: 0px 15px;
	border:1px solid rgba(255,255,255,0.5);
}
.service-table-fullspan p,
.service-table-col-1 p{
	text-align: left;
}
.service-table-col-2,
.service-table-col-3{
	background: #fff;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family:"Open Sans";
	font-size:15px;
	padding: 0px 15px;
	border:1px solid rgba(100,100,100,0.1);
	vertical-align: middle;
}
.service-table-col-2 p,
.service-table-col-3 p{
	color: #333;
}
.service-table-col-2 i,
.service-table-col-3 i{
	color: #b3cb0c;
}



/* Responsive styles */

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

	.quicklink-cover .quicklink-name {
	    font-size: 17px;
	}

	.quicklink-body:hover .quicklink-cover .quicklink-name {
	    font-size: 22px;
	    padding: 20% 5px 0;
	}

	.third-left {
	    float: none;
	    width: 50%;
	    margin: auto;
	    margin-bottom: 20px;
	}

	.third-middle {
	    width: 50%;
	    padding: 20px;
	}

	.third-right {
	    width: 50%;
	    padding: 20px;
	}

	.third-buttons {
	    width: 100%;
	}

}

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

	.our-service-col-top h2 {
	    font-size: 28px;
	}

	.our-service-link a {
	    padding: 10% 0;
	    font-size: 20px;
	}

}

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

	.music-logos {
		right: 0;
	}

}

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

    .quicklink-body {
        width: 100%;
        height: calc(25vh - 25px);
    }

    .quicklink-body:hover .quicklink-cover .quicklink-name {
	    font-size: 20px;
	    padding: 5px;
	}

	.quicklink-cover p {
	    padding: 10px;
	    font-size: 16px;
	    line-height: normal;
	}

	.quicklink-link {
		padding: 10px 15px;
		font-size: 14px;
		margin-top: 10px;
	}

	.footer-section {
	    width: 47%;
	}

	.footer-section.footer-left {
	    width: 98%;
	    margin: 0 auto;
	    float: none;
	}

	ul.footer-treatments a {
	    width: 15%;
	    padding: 10px;
	    float: none;
	    display: inline-block;
	}

	.profile-content {
	    margin-left: 0;
	    text-align: center;
	}

	.profile-header {
	    position: static;
	    margin: auto;
	}

}

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

	.header-holder nav {
	    float: none;
	    width: 100%;
	    height: auto;
	}

	.logo {
	    float: none;
	    margin: 0 auto 20px;
	}

	header nav ul.navigation {
	    float: none;
	    padding-left: 0;
	    display: inline-block;
	    width: auto;
	}

	nav ul.navigation > .menu-item > a {
	    height: 50px;
	    padding: 18px 15px;
	    display: block;
	}

	.quicklinks-wrapper {
	    height: calc(100vh - 157px);
	    top: 167px;
	}

	.quicklink-body {
	    height: calc(25vh - 39px);
	}

	.team-slider {
	    margin-top: 167px;
	}

	.our-service-col-top h2 {
	    font-size: 24px;
	}

	.our-service-header {
	    margin-top: 0;
	    padding-top: 180px;
	}

	.page-header, .page-header-news {
		margin-top: 172px;
	}

}

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

	ul.footer-treatments a {
	    width: 19%;
	}

	.ch-grid-wide li {
		width: 31%;
		display: inline-block;
		float: none;
		vertical-align: text-bottom;
	}

}

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

	.slider {
	    width: 100%;
	}

	.flex-container {
		height: auto;
	}

	.flexslider {
	    top: 0;
	    height: 66vh;
	}

	.slide-text-bg {
	    top: 28%;
	    width: 100%;
	    max-width: none;
	    left: 0;
	}

	.slide6-logobar, .slide1-logobar {
	    bottom: initial;
	    top: 27%;
	}

	.quicklinks-wrapper {
	    position: static;
	    width: 100%;
	    height: auto;
	}

	.quicklink-body {
	    width: 25%;
	    height: 230px;
	}

	.jump-to {
	    left: 0;
	    transform: none;
	    top: initial;
	    bottom: -20px;
	    width: 100%;
	}

	.jump-to a {
	    border-radius: 0;
	    font-size: 18px;
	}

	#return-to-top {
	    bottom: 50px;
	}

	.our-service-column {
	    width: 50%;
	}

	.service-header h1{
	    font-size: 50px;
	    line-height: normal;
	    width: 60%;
	    padding-left: 2%;
	    float: none;
	    display: inline-block;
	}

	.service-header p {
	    width: 60% !important;
	    padding-left: 2%;
	    margin-left: 0;
	    display: inline-block;
	    text-align: center;
	}

	.service-header a {
		float: none;
		vertical-align: top;
	}

	.service-header-slide section {
	    text-align: center;
	    background: rgba(255, 255, 255, 0.65);
	    margin-top: 24%;
	}

	.service-header > section {
	    text-align: center;
	    background: rgba(255, 255, 255, 0.65);
	}

	h1.straighten-h1 {
		margin-top: 0;
		padding-bottom: 20px;
	}

	h1.inman-h1 {
	    text-align: center;
	    padding-left: 0;
	    margin-top: 0 !important;
	}

	h1.crown-h1, h1.clean-h1  {
	    text-align: center;
	    padding-left: 0;
	    width: 100% !important;
	}

	p.inman-p {
	    text-align: center;
	}

	.service-header.whitening > section {
	    display: none;
	}

	.service-header.whitening .music-logos {
	    display: none;
	}

	.service-header.whitening {
	    background-position: center !important;
	    height: 400px;
	    margin-bottom: 0;
	}

	.service-text-4-left, .service-text-4-right {
	    float: none;
	    margin: 1%;
	    width: 98%;
	}

	h1.wand-h1 {
	    width: 100% !important;
	    text-align: center;
	    padding-left: 0;
	}

	h2.wand-h2 {
	    width: 100% !important;
	    text-align: center;
	}

	p.wand-p {
	    display: block;
	    margin: 10px auto;
	}

	p.wand-phobia-logo {
	    max-width: 200px;
	}

	div#cookiewarning {
	    bottom: 50px !important;
	}

}

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

	#responsive-menu-container {
	    padding-top: 30px !important;
	}

	.logo {
	    float: left;
	}

	li.nav-icon a {
	    padding: 10px 5% !important;
	}

	.team-slider {
	    margin-top: 116px;
	}

	.page-header, .page-header-news {
	    margin-top: 119px;
	}

}

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

	.service-table-headers h4 {
	    font-size: 16px;
	}

	.price-list-example-box {
	    width: 96%;
	    float: none;
	    margin: 10px auto;
	}

	.price-list {
	    padding: 0 10px;
	}

}

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

	.third-middle h3 {
	    font-size: 33px;
	    line-height: normal;
	}

	.third-middle {
	    width: 100%;
	    float: none;
	}

	.third-right {
	    width: 100%;
	    border: 0;
	}

	.third-buttons-links, .third-buttons-img {
	    width: 100%;
	    float: none;
	}

	ul.footer-treatments a {
	    width: 23%;
	}

	.footer-section {
		display: none;
	}

	.footer-section.footer-left {
		display: block;
	}

	.three-column-left.directions, .three-column-right.directions {
	    width: 100%;
	    margin: 10px 0;
	    float: none;
	    text-align: center;
	}

	.three-column-left.directions h2, .three-column-right.directions h2 {
	    text-align: center;
	}

}

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

	.ch-grid-wide .ch-item {
		background: none;
		display: table;
	}

	.ch-grid-wide li {
		height: auto;
	}

	.ch-grid-wide .ch-info h3 {
		margin-top: 0;
		font-size: 22px;
		line-height: normal;
	}

	.ch-grid-wide .ch-info {
	    transform: none;
	    opacity: 1;
	    position: static;
	    padding-top: 1px;
	    display: table-cell;
	    vertical-align: bottom;
	    height: 160px;
	    padding-bottom: 15px;
	}

	.ch-grid-wide .ch-info p {
	    display: none;
	}

}

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

	.quicklink-body {
	    width: 50%;
	}

}

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

	table.service-table td {
	    width: 33%;
	    padding: 0 5px;
	}

	table.service-table td.service-table-headers {
		padding: 0;
	}

	.service-table-headers h5 {
	    font-size: 45px;
	}

	.price-list-finance-info {
	    float: none;
	    width: 100%;
	    padding: 20px;
	}

	.price-list-finance-advert {
	    width: 100%;
	    float: none;
	}

	.price-list-finance {
	    float: none;
	    clear: both;
	    width: 96%;
	    margin: auto;
	}

}

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

	.two-column-left, .two-column-right {
	    width: 96%;
	    float: none;
	    margin: 10px 2% !important;
	}

	.contact-area {
	    height: auto;
	    text-align: center;
	}

	ul.footer-treatments a {
	    width: 32%;
	}

	.profile {
		width: 100%;
		float: none;
		min-height: 0;
		padding: 20px;
	}

	.profile:nth-of-type(odd) {
		background: rgba(0,0,0,0);
	}

	.profile:nth-of-type(even) {
		background: rgba(0,0,0,0.35);
	}

	.one_half {
		width: 100% !important;
	}

	.service-review-holder > div,
	.service-standard-review-holder > div {
		width: 96% !important;
		margin: 2% auto !important;
		float: none !important;
	}

	.patient-picture {
		float: none;
		width: 100%;
		margin: 50px auto 30px;
	}

	.patient-testimonial {
		float: none;
		width: 100%;
		text-align: center;
	}

	.text-area {
		float: none;
		width: 100%;
		padding: 2%;
	}

	.service-review-testimonial {
		float: none;
	}

	.service-review-price {
		float: none;
	}

	.sidebar {
		float: none;
		width: 100%;
	}

	.video-right {
		float: none;
		margin: 10px auto;
		text-align: center;
	}

	.flexy-menu > li.showhide, .flexy-menu.vertical li a {
		max-width: none !important;
	}

	.blog_image {
	    float: none;
	    width: 100%;
	    margin: 0 !important;
	}

	.blog_image img {
	    display: block;
	}

}

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

	ul.fees-row li {
	    font-size: 15px;
	}

	p.face-price-desc {
		clear: both;
	}

	.service-price-left {
		float: none;
		width: 100%;
		padding: 10px 0;
		height: auto;
	}

	.service-price-middle {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center;
		height: auto;
	}

	.service-price-holder {
		height: auto;
	}

	.price-interested {
		margin: 0;
		width: 100%;
	}

	.service-price-right {
		width: 100%;
		padding: 10px 0;
		float: none;
	}

}

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

	.unslider {
	    margin-bottom: 75px !important;
	}

	.banner.unslider-horizontal {
	    display: none;
	}

	.unslider-arrow {
	    display: none;
	}

}


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

	.slider {
	    display: none;
	}

	.quicklinks-wrapper {
	    margin-top: 70px;
	}

	.our-quicklinks {
		display: none;
	}

	.invisalign-list-1 li, .crown-list-1 li {
	    width: 47%;
	    display: inline-block;
	    margin: 1% !important;
	    vertical-align: top;
	    min-height: 132px;
	}

	.invisalign-list-1, .crown-list-1 {
	    display: block;
	    text-align: center;
	}

	.service-header.repair > section {
	    display: none;
	}

	.service-header.repair {
	    height: 350px;
	}

	.clean-prices {
	    width: 100%;
	}

	.airflow-prices {
	    width: 100%;
	}

	.hygiene-pricing {
	    display: block;
	}

	#referral-form {
	    padding: 20px;
	    display: block;
	}

	#referral-form h2 {
	    margin-top: 0;
	}

	#referral-form label, #referral-form input, #referral-form textarea,
	#referral-form label.bigger, #referral-form label.dental-wish, #referral-form select {
	    width: 100%;
	    float: none;
	    display: block;
	    margin: 5px 0;
	}

	a.btn-pdf {
	    width: 47%;
	    white-space: normal;
	}
	
}

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

	ul.footer-treatments a {
	    width: 48%;
	}

	.review-form-elements > ul {
	    width: 100%;
	    overflow: overlay;
	    padding: 10px !important;
	}

	.review-form-elements {
	    float: none;
	    display: block;
	}

}


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

	.service-table.mob {
		display: table;
	}

	tr.hide-on-mob {
		display: none;
	}

	.service-table.mob td.service-table-headers {
		width: 50%;
	}

	.service-table-headers:nth-of-type(2) {
		background: #8ea200;
	}

	table.service-table td:first-of-type {
		width: 50%;
	}

	table.service-table td {
		width: 25%;
	}

	td.service-table-col-2 {
		border-right: 8px solid #b3cb0c;
	}

	td.service-table-col-3 {
		border-right: 8px solid #8ea200;
	}

	.invisalign-payment-left {
	    width: 100%;
	    padding-bottom: 0;
	}

	.invisalign-payment-info {
	    display: block;
	}

	.invisalign-payment-middle {
	    width: 100%;
	    text-align: center;
	}

	.invisalign-payment-right {
	    width: 100%;
	    border-left: 0;
	    border-top: 1px solid rgba(255,255,255,0.2);
	}

	.invisalign-payment-left img {
	    max-width: 250px;
	}

	.services-wrapper ul li {
	    width: 49%
	}

	.testimonial {
	    width: 96%;
	    margin: 2%;
	}

	.alignright {
	    float: none;
	    margin: 10px auto;
	    display: block;
	}

	ul.fees-row li.fees-item,
	ul.fees-title li.fees-item {
	    float: none;
	    width: 100%;
	    text-align: center;
	    clear:both;
	    display: block;
	    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
	    font-size: 17px;
	}

	ul.fees-row li.fees-item {
	    background: #e2e1e1;
	}

	ul.fees-row li.fees-from,
	ul.fees-title li.fees-from {
	    float: left;
	    width: 4%;
	    font-size:11px;
	    text-align: right;
	}

	ul.fees-row li.fees-price1,
	ul.fees-title li.fees-price1,
	ul.fees-row li.fees-price2,
	ul.fees-title li.fees-price2 {
	    float: left;
	    width: 50%;
	    text-align: center;
	}

	ul.fees-title li.fees-price1,
	ul.fees-title li.fees-price2 {
	    background: #9eb915;
	    font-size: 15px;
	}

	li.fees-item-split-1 {
	    width: 100%;
	    text-align: center;
	}

	li.fees-item-split-2 {
	    width: 100%;
	}

}

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

	.callout a:first-child {
		font-size: 22px;
	}

	.our-service-column {
	    width: 100%;
	}

	.page-header-news h1 {
	    font-size: 40px !important;
	}

}

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

	.quicklink-body {
	    width: 100%;
	    height: 200px;
	}

	.third-left {
	    width: 96%;
	}

	.header-telephone span {
	    display: none;
	}

	.socials {
	    width: 40%;
	    padding-left: 5%;
	}

	.service-table-headers h5 {
	    font-size: 35px;
	}

	.service-image-holder img {
		width: 49%;
	}

	.implant-benefits h3 {
	    font-size: 32px;
	}

	.implant-benefits ul li {
		font-size: 20px;
	}

	.service-review-testimonial h2{
		font-size: 26px;
	}

	.service-review-testimonial blockquote,
	.service-review-testimonial blockquote p{
		font-size: 17px !important;
	}

	.clean-list-1 {
		display: block;
	}

	.invisalign-list-1 li, .clean-list-1 li, .crown-list-1 li {
	    width: 98%;
	    padding: 10% !important;
	    min-height: 0;
	    margin: 1% !important;
	}

	.news {
	    border-radius: 20px;
	}

	.blog_content a.readmore-btn {
	    position: static;
	    float: none;
	    width: 100%;
	    display: block;
	    border-radius: 10px;
	    text-align: right;
	}

	.blog_content {
	    text-align: center;
	}

	.blog_content h2 {
	    width: 100%;
	}

}

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

	.third-middle h3 {
	    padding: 0;
	    font-size: 28px;
	}

	.clean-list-header {
	    font-size: 25px;
	}

	.clean-price-name {
	    font-size: 20px;
	}

	.clean-price {
	    font-size: 25px;
	    line-height: normal;
	}

	.clean-price p {
	    margin: 0;
	}

	.service-header.whitening {
	    height: 350px;
	}

	a.btn-pdf {
	    width: 98%;
	}

}

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

	.services-wrapper ul li {
		width: 98%;
		margin: 1%;
	}

}

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

	.profile-header {
		height: 250px;
		width: 250px;
	}

	.profile-header img {
		width: 250px;
	}

	.profile-header img:hover {
		top: -250px;
	}

	.our-service-header h1 {
	    font-size: 40px;
	}

}