@charset "UTF-8";
/* MAIN CSS Document */


/*==============================================*/
/*=================  SUMMARY  ==================*/
/*==============================================

	00. STYLES
		001. PARAGRAPH/HEADING
		002. SPACE + FLOATS
	01. COLORS
	02.	CONTAINERS
	03.	BUTTONS
	04. COMMON
	05. FORMS
		501. LOGIN FORM
		502. ABOUT FORM
		503. PARTNERS FORM
		504. GET A DEMO FORM
		505. SIGNUP FORM
		506. SIGNUP FORM - STEP 2
		507. SIGNUP FORM - STEP 3
		508. SIGNUP FORM - STEP 4
	06. HEADER
	07. NAVIGATION
		701. MAIN NAVIGATION
		702. MOBILE NAVIGATION
	08. OVERLAYS
		801. LOGIN OVERLAY
		802. DESIGN GALLERY OVERLAY
	09. HOME PAGE
	10.	DESIGN GALLERY
	11.	PRODUCTS OVERVIEW
	12. PACKAGES AND PRICING
	13. PRODUCTS PAGES
		131. BASIC PACKAGE PAGE
		132. SEO PAGE
		133. SOCIAL MEDIA PAGE
	14. ABOUT/ COMPANY
		141. TESTIMONIALS SECTION
		142. BIOS SECTION	
	15. PARTNERS PAGE
	16. GET A DEMO
	17. SIGNUP PAGES
	18. FOOTER

================================================*/
/*==============================================*/


/*	00. STYLES
==================================== */

/*__ 001. PARAGRAPH + HEADING __*/

h1 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-size:72px;
	font-weight:300;
	letter-spacing:-4px;
	line-height:110%;
}
h2 {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:48px;
	font-weight:700;
	letter-spacing:-2px;
}
h2 span {
	font-size:78%;
	font-weight:400;
}
.header h2 {
  	top:50%;
	text-shadow:2px 2px 2px rgba(0,0,0,0.4);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.4);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.4);
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	position: relative;
}
h3 {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:30px;
	font-weight:300;
	line-height:110%;
	letter-spacing:-1px;
}
h4 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-size:28px;
	font-weight:300;
	letter-spacing:-1px;
}
h5 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:130%;
}
h6 {
	font-family: 'Pacifico', cursive;
	font-size:32px;
	font-weight:300;
	letter-spacing:1px;
}
p {
	font-family: 'Roboto', Arial, sans-serif;
	font-size:20px;
	font-weight:300;
	letter-spacing:-0.5px;
	line-height:130%;
}
.content > p {
	margin-bottom:20px !important;
}
p.subtitle {
	font-size:22px;
	font-weight:100;
}
p.thin {
	font-weight:100;
}
p.small {
	font-size:17px;
}
p.mini, label.mini {
	font-size:15px;
}
p.alt {
	font-family: 'Pacifico', cursive;
}
li {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	text-transform:uppercase;
	color:#555;
	margin-bottom:10px !important;
}
li a {
	color:#555;
	transition:All 0.3s ease-in-out;
		-webkit-transition:All 0.3s ease-in-out;
		   -moz-transition:All 0.3s ease-in-out;
			 -o-transition:All 0.3s ease-in-out;
			-ms-transition:All 0.3s ease-in-out;
}
a {
	text-decoration:none;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
}

/*__ 002. SPACE + FLOATS __*/

.center {
	text-align:center;
}
.alignright {
	text-align:right;
}
.space0 {
	margin:0 !important;
}
.space07 {
	margin-top:7px !important;
}
.space1 {
	margin-top:10px !important;
}
.space2 {
	margin-top:20px !important;
}
.space3 {
	margin-top:30px !important;
}
.space4 {
	margin-top:40px !important;
}
.space5 {
	margin-top:50px !important;
}
.space10 {
	margin-top:100px;
}
.space-1 {
	margin-bottom:10px !important;
}
.space-2 {
	margin-bottom:20px !important;
}
.space-3 {
	margin-bottom:30px !important;
}
.space-4 {
	margin-bottom:40px !important;
}
.space-5 {
	margin-bottom:50px !important;
}
.space-6 {
	margin-bottom:60px !important;
}
.space-7 {
	margin-bottom:70px !important;
}
.lspace-3 {
	margin-left:30px;
}
.button-space {
	margin-left:5px;
	margin-right:5px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.nofloat {
	float:none !important;
}


/*	01. COLORS
==================================== */

h1, h4, p {
	color:#555;
}
.color1, a.color1-bg:hover, ul.color1 li {			/* blue */
	color:#22bcec;
}
.color1-bg, a.color1:hover {
	background-color:#22bcec;
}
a.color1-bg, a.color1:hover, a.color1-bg:hover {
	border-color:#22bcec;
}
.bg-grad1 {
	background: #22bcec;
	background: linear-gradient(to bottom,  #4ec9f0 0%,#22bcec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec9f0), color-stop(100%,#22bcec));
	background: -webkit-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	background:    -moz-linear-gradient(top,  #4ec9f0 0%, #22bcec 100%);
	background:		 -o-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	background: 	-ms-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec9f0', endColorstr='#22bcec',GradientType=0 );
}
.border-bot-1_thick {								/* slightly darker blue */
	border-bottom:5px solid #1eabd7;
}
.color2, a.color2-bg:hover, ul.color2 li {			/* orange */
	color:#f8a928;
}
.color2-bg, a.color2:hover {
	background-color:#f8a928;
}
a.color2-bg, a.color2:hover, a.color2-bg:hover {
	border-color:#f8a928;
}
.bg-grad2 {
	background: #f8a928;
	background: linear-gradient(to bottom,  #f9b84f 0%,#f8a928 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b84f), color-stop(100%,#f8a928));
	background: -webkit-linear-gradient(top,  #f9b84f 0%,#f8a928 100%);
	background:    -moz-linear-gradient(top,  #f9b84f 0%, #f8a928 100%);
	background:		 -o-linear-gradient(top,  #f9b84f 0%,#f8a928 100%);
	background: 	-ms-linear-gradient(top,  #f9b84f 0%,#f8a928 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b84f', endColorstr='#f8a928',GradientType=0 );
}
.color3, a.color3-bg:hover, ul.color3 li {			/* green */
	color:#6fbe4c;
}
.color3-bg, a.color3:hover {
	background-color:#6fbe4c;
}
a.color3-bg, a.color3:hover, a.color3-bg:hover {
	border-color:#6fbe4c;
}
.bg-grad3 {
	background: #6fbe4c;
	background: linear-gradient(to bottom,  #7ed757 0%,#6fbe4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ed757), color-stop(100%,#6fbe4c));
	background: -webkit-linear-gradient(top,  #7ed757 0%,#6fbe4c 100%);
	background:    -moz-linear-gradient(top,  #7ed757 0%, #6fbe4c 100%);
	background:		 -o-linear-gradient(top,  #7ed757 0%,#6fbe4c 100%);
	background: 	-ms-linear-gradient(top,  #7ed757 0%,#6fbe4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed757', endColorstr='#6fbe4c',GradientType=0 );
}
.color4, a.color4-bg:hover, ul.color4 li {			/* light grey */
	color:#aaa;
}
.color4-bg, a.color4:hover {
	background-color:#aaa;
}
a.color4-bg, a.color4:hover, a.color4-bg:hover {
	border-color:#aaa;
}
.color5 {											/* very light grey */
	background-color:#f8f8f8;
}
.reg, a.reg-bg:hover {								/* regular font grey */
	color:#555;
}
.reg-bg, a.reg:hover {
	background-color:#555;
}
a.reg-bg, a.reg:hover, a.reg-bg:hover {
	border-color:#555;
}
.title_color {										/* dark grey */
	color:#333;
}
.white, a.white-bg:hover, ul.white li {				/* white */
	color:#fff;
}
.white-bg, a.white:hover {
	background-color:#fff;
}
a.white-bg, a.white:hover, a.white-bg:hover {
	border-color:#fff;
}
a.white-bg, a.white:hover {
	color:#22bcec;
}
a.white2:hover {
	color:#f8a928 !important;
}
a.white3:hover {
	color:#6fbe4c !important;
}


/*	02. CONTAINERS
==================================== */

section {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:0 15px;
	float:left;
	position:relative;
}
.header {
	width:100%;
}
.full {
	width:100%;
	display:block;
}
.content, .content_wide {
	width:100%;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	display:block;
	margin:0 auto;
}
.content {
	max-width:1180px;
	overflow:auto;
	padding:25px 40px;
}
.content_wide {
	max-width:1480px;
	overflow:hidden;
	padding:40px;
}
.content.nospace, .content_wide.nospace {
	padding:0 40px !important;
}
.container1 {
	padding-top:25px;
	padding-bottom:25px;
}
.container2 {
	padding-top:50px;
	padding-bottom:50px;
}
.container3 {
	padding-top:75px;
	padding-bottom:75px;
}
.container4 {
	padding-top:100px;
	padding-bottom:100px;
}
.container5 {
	padding-top:125px;
	padding-bottom:125px;
}
.container6 {
	padding-top:150px;
	padding-bottom:150px;
}
.half, .third, .two-third, .fourth,
.three-fourth, footer .fourth, .fifth, .eighth {
	float:left;
}
.half {
	width:50%;
}
.third {
	width:33.333%;
}
.two-third {
	width:66.666%;
}
.fourth {
	width:25%;
}
.three-fourth {
	width:75%;
}
.fifth {
	width: 20%;
}
.eighth {
	width: 11%;
}
.middle {
	vertical-align:middle;
}
.flexContainer {
	position:relative;
	scroll:none;
}
.match_col {
	flex:1;
}


/*	03. BUTTONS
==================================== */

.button-sm {
	font-size:15px;
	border:1px solid;
	padding:5px 10px;
}
.button-md {
	font-size:17px;
	border:2px solid;
	padding:10px 20px;
}
.button-lg {
	font-size:20px;
	border:2px solid;
	padding:15px 40px;
}
.button, .button-solid {
	font-family: 'Roboto Slab', Courier, serif;
	border-radius:30px;
		-webkit-border-radius:30px;
		   -moz-border-radius:30px;
	display:inline-block;
}
.button:hover, .button-solid, .arrow_action {
	color:#fff;
}
.button-solid:hover {
	background:none;
}
.arrow_action {
	font-family: 'Roboto Slab', Courier, serif;
	border-top:1px solid rgba(255,255,255,0.3) !important;
	border-top-style:inset;
	border-left:2px solid rgba(255,255,255,0.3) !important;
	border-left-style:inset;
	border-radius:2px;
		-webkit-border-radius:2px;
		   -moz-border-radius:2px;
	display:inline-block;
}
.arrow_action:after {
	width:0px;
	height:0px;
	content:"";
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
	display:inline;
	position:absolute;
}
.arrow_action.button-md:after {
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:30px solid;
	margin:-11px 0 0 21px;
}
.arrow_action.button-lg:after {
	border-top:27px solid transparent;
	border-bottom:27px solid transparent;
	border-left:40px solid;
	margin:-17px 0 0 40px;
}
.arrow_action.arrow1 {								/* blue button w/arrow */
	background-color:#22bcec;
	color:#fff;
	border-color:#22bcec;
}
.arrow_action.arrow1:hover {						/* blue button w/arrow */
	background:#fff;
	color:#6fbe4c;
	border-color:#fff;
}
.arrow_action.arrow1:after {						/* blue button w/arrow */
	border-left-color:#22bcec;
	border-right-color:#22bcec;
}
.arrow_action.arrow1:hover::after {					/* blue button w/arrow */
	border-left-color:#fff;
	border-right-color:#fff;
}
.arrow_action.arrow3 {								/* orange button w/arrow */
	background-color:#f8a928;
	color:#fff;
	border-color:#f8a928;
}
.arrow_action.arrow3:hover {						/* blue button w/arrow */
	background:#fff;
	color:#f8a928;
	border-color:#fff;
}
.arrow_action.arrow3:after {						/* orange button w/arrow */
	border-left-color:#f8a928;
	border-right-color:#f8a928;
}
.arrow_action.arrow3:hover::after {					/* orange button w/arrow */
	border-left-color:#fff;
	border-right-color:#fff;
}
.arrow_action.arrow2 {								/* green button w/arrow */
	background-color:#6fbe4c;
	color:#fff;
	border-color:#6fbe4c;
}
.arrow_action.arrow2:hover {						/* green button w/arrow */
	background:#fff;
	color:#22bcec;
	border-color:#fff;
}
.arrow_action.arrow2:after {						/* green button w/arrow */
	border-left-color:#6fbe4c;
	border-right-color:#6fbe4c;
}
.arrow_action.arrow2:hover::after {					/* green button w/arrow */
	border-left-color:#fff;
	border-right-color:#fff;
}

/*	04. COMMON
==================================== */

.all_content {										/* necessary for mobile menu to work */
	background-color:#fff;
	min-height:100%;
	min-width:100%;
	top:0;
	bottom:100%;
	left:0;
	z-index:1;
	position:relative;
}
.bottom_shadow {
	box-shadow: 0px 1px 8px #777;
		-webkit-box-shadow:0px 1px 8px #777;
		   -moz-box-shadow:0px 1px 8px #777;
}
.icon-contain {
	width:110px;
	height:110px;
	border:2px solid;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	display:table;
	margin:0 auto 30px;
}
.no-over {
	overflow:hidden;
}
.overlay-1 {
	background:url(/images/v4/podiatrist/patterns/diagonal.png) repeat;
	height:100%;
	background-color: rgba(0,0,0,0.4);
}
.page_header, .page_header_alt {
	height:425px;
	z-index:10;
	position:relative;
}
.page_header .content {
	padding-bottom:0;
}
.page_header:after {
	background:url(/images/v4/dental/patterns/white-gradient.png) center center no-repeat;
	background-color:#22bcec;
	width:100%;
	height:5px;
	content:"";
	box-shadow: 0px 1px 8px #777;
		-webkit-box-shadow:0px 1px 8px #777;
		   -moz-box-shadow:0px 1px 8px #777;
	display:block;
}
.dark1:before {
	background:rgba(0,0,0,0.1);
}
.dark2:before {
	background:rgba(0,0,0,0.2);
}
.dark3:before {
	background:rgba(0,0,0,0.3);
}
.dark4:before {
	background:rgba(0,0,0,0.4);
}
.dark5:before {
	background:rgba(0,0,0,0.5);
}
.dark6:before {
	background:rgba(0,0,0,0.6);
}
.dark7:before {
	background:rgba(0,0,0,0.7);
}
.dark8:before {
	background:rgba(0,0,0,0.8);
}
.dark1:before, .dark2:before, .dark3:before, .dark4:before,
.dark5:before, .dark6:before, .dark7:before, .dark8:before {
	width:100%;
	height:100%;
	content:"";
	display:block;
	position:absolute;
}


/*	05. FORMS
==================================== */

input, select {
	padding:5px 0 5px 8px;
}
select {							/* clear default select styling */
	appearance:none;
		-webkit-appearance:none;
		   -moz-appearance:none;
    cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px;}
}
select[size="1"] {
	background:none;
}
textarea {
	height:100px;
	padding:5px 5px 5px 8px;
}
input, textarea, select, #CASLdiv {
	font-family: 'Roboto', Helvetica, san-serif;
	font-size:16px;
	font-weight:400;
	color:#555;
	border-radius:5px;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
}
input[type="checkbox"] {
	width:20px !important;
	display:inline-block;
}
input:focus, textarea:focus {
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.4);
		-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.4);
		   -moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.4);
}
label {
	font-weight:300;
	color:#555;
}
label.select {
	position:relative;
}
label.select.tools {
	float:right;
}
label.select.tools:after {
	top:6px;
	right:3%;	
}
label.select.medium:after {
	top:-2px;
	right:3%;	
}
label.select.small:after {
	top:-2px;
	right:11%;	
}
label.select:after {					/* override default select styling */
	top:-6px;
	font-size:16px;
	color:#aaa;
	border-bottom:1px solid #ddd;
    content:'<>';
	transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		   -moz-transform:rotate(90deg);
			 -o-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
    pointer-events:none;
    padding:0 0 2px;
    position:absolute;
}
button {
	background:none;
	font-family: 'Roboto Slab', Courier, serif;
	font-size:18px;
	font-weight:400;
	border-radius:30px;
		-webkit-border-radius:30px;
		   -moz-border-radius:30px;
	outline:none !important;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
	display:inline-block;
	margin:0 5px;
	padding:5px 40px;
}
button:active {
	transition:All 0s ease-in-out;
		-webkit-transition:All 0s ease-in-out;
		   -moz-transition:All 0s ease-in-out;
			 -o-transition:All 0s ease-in-out;
			-ms-transition:All 0s ease-in-out;	
}
.input[placeholder], .textarea[placeholder] {
	color:rgba(85,85,85,1.0) !important;
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
	color:rgba(85,85,85,1.0) !important;
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
	color:rgba(85,85,85,1.0) !important;
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {   				/* Older versions of Firefox */
	color:rgba(85,85,85,1.0) !important;
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder { 
	color:rgba(85,85,85,1.0) !important;
}

/*__ 501. LOGIN FORM __*/

form.login {
	width:100%;
	max-width:300px;
	margin:25px auto 0;
}
form.login:after {
	display:table;
	content:"";
	clear:both;
}
form.login fieldset.first {
	margin-bottom:10px;
	float:right;
}
form.login input {
	width:100%;
	border:2px solid #22bcec;
	margin-bottom:10px;
}
form.login input:focus {
	background:rgba(34,188,236,0.1);
	box-shadow:none;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
}
form.login label {
	font-size:15px;
	font-weight:300;
	color:#555;
}
form.login label a {
	text-decoration:underline;
	color:#555;
}
form.login button {
	color:#22bcec;
	border:2px solid #22bcec;
	float:right;
}
form.login button:hover {
	background:#22bcec;
	color:#fff;
}
form.login button:active {
	background:#f8a928;
	border:2px solid #f8a928;
}

/*__ 502. ABOUT PAGE FORM __*/

form.about_form {
	background-color:none;
	width:100%;
	max-width:800px;
	margin:75px auto 0;
}
form.about_form input, form.about_form textarea {
	background:rgba(255,255,255,0.8);
	border:2px solid #22bcec;
}
form.about_form input:hover, form.about_form textarea:hover,
form.about_form input:focus, form.about_form textarea:focus {
	background:rgba(255,255,255,1.0) !important;
}
form.about_form input:focus, form.about_form textarea:focus {
	border:2px solid #f8a928;
}
form.about_form fieldset.first input {
	width:45%;
	text-size:20px;
}
form.about_form fieldset.second input,
form.about_form textarea {
	width:95%;
	margin-bottom:20px;
}
form.about_form fieldset.third {
	width:100%;
	margin:0 auto;
}
form.about_form button {
	color:#fff;
	border:2px solid #fff;
}
form.about_form button:hover {
	background:#22bcec;
	border-color:#22bcec;
}
form.about_form button:active {
	background:#f8a928;
	border:2px solid #f8a928;
}

/*__ 503. PARTNERS FORM __*/

form.partners_form {
	width:100%;
	max-width:800px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	margin:0 auto;
}
form.partners_form fieldset {
	width:100%;
}
form.partners_form textarea {
	margin-right: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width:100%;
	max-width:772px;
	display:block;
	/* margin:0 auto; */
}
form.partners_form input, form.partners_form textarea, form.partners_form select {
	border:2px solid #22bcec;
	margin-top:10px;
	margin-bottom:10px;
}
form.partners_form select {
    width:100%;
	max-width:772px;
}
form.partners_form #CASLdiv {
    background-color: white;
    width:100%;
	max-width:771px;
    border:2px solid #22bcec;
	margin-top:10px;
	margin-bottom:10px;
    margin-left: 7px;
    padding: 10px;
}
form.partners_form input:focus, form.partners_form input:hover,
form.partners_form textarea:focus, form.partners_form textarea:hover {
	background:#f8f8f8;
}
form.partners_form input:focus, form.partners_form textarea:focus {
	border-color:#f8a928;
}
form.partners_form button {
	
	display:block;
	margin:0 auto;
	
	background: #22bcec;
    color: #fff;
    border: 2px solid #22bcec;
	
}
form.partners_form button:hover {
	background:white;
	color:#22bcec;
}
form.partners_form button:active {
	background:#f8a928;
	border-color:#f8a928;
	color:#fff;
}

/*__ 504. GET A DEMO FORM __*/

form.get-a-demo {
	width:100%;
	max-width:400px;
	margin:0 auto;
}
form.get-a-demo input, form.get-a-demo select {
	width:100%;
	border:1px solid #22bcec;
	margin:10px 0;
}
form.get-a-demo select {
	background:#fff;
}
form.get-a-demo input:focus, form.get-a-demo select:focus {
	border-color:#f8a928;
}
form.get-a-demo button {
	background:#22bcec;
	color:#fff;
	border:1px solid #22bcec;
}
form.get-a-demo button:hover {
	background:none;
	color:#22bcec;
}
form.get-a-demo button:active {
	background:#f8a928;
	color:#fff;
	border-color:#f8a928;
}

/*__ 505. SIGNUP FORM __*/

form.signup {
	width:100%;
}
form.signup input, form.signup select, form.signup textarea {
	font-family: 'Roboto', Helvetica, san-serif;
	border:1px solid #ccc;
}
form.signup label {
	font-family: 'Roboto', Helvetica, san-serif;
}
form.signup input, form.signup select {
	margin-bottom:15px;
}
form.signup button {
	background:#22bcec;
	color:#fff;
	border:2px solid #22bcec;
}
form.signup button:hover {
	background:none;
	color:#22bcec;
}
form.signup button:active {
	background:#f8a928;
	color:#fff;
	border:2px solid #f8a928;
}
form a {
	color:#22bcec;
	text-decoration:underline;
}
form a:hover {
	color:#f8a928;
}
form#step_two fieldset.second label {
	margin-right:5px;
}	
form.signup input[type=radio]:not(old),
form.signup input[type=checkbox]:not(old) {
	width:2em;
	font-size:1em;
	opacity:0;
	margin:0;
	padding:0; 
}
form.signup input[type=radio]:not(old) + label,
form.signup input[type=checkbox]:not(old) + label {
	line-height:1.5em;
	display:inline-block;
}
form.signup input[type=radio]:not(old) + label > span,
form.signup input[type=checkbox]:not(old) + label > span {
	background:#fff;
	width:18px;
	height:18px;
	border:1px solid #22bcec;
	border-radius:3px;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
	vertical-align:bottom;
	display:inline-block;
	margin:0.25em 0.5em 0.25em 0.25em;
}
form.signup input[type=radio]:not(old):checked + label > span,
form.signup input[type=checkbox]:not(old):checked + label > span {
	background:#22bcec;
	background: linear-gradient(to bottom,  #4ec9f0 0%,#22bcec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec9f0), color-stop(100%,#22bcec));
	background: -webkit-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	background:    -moz-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	background:		 -o-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	background: 	-ms-linear-gradient(top,  #4ec9f0 0%,#22bcec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec9f0', endColorstr='#22bcec',GradientType=0 );
}
form.signup input[type=radio]:not(old):checked + label > span:before,
form.signup input[type=checkbox]:not(old):checked + label > span:before {
	width:1em;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:1em;
	color:#fff;
	content:"✓";
	display:block;
	margin-left:-2px;
}

/*__ 506. SIGNUP FORM - STEP 2 __*/

form#step_two input[type=radio]:not(old) + label {
	margin-left:-2em;
}

/*__ 507. SIGNUP FORM - STEP 3 __*/

.tabs-target span:nth-of-type(1):target ~ .tab:nth-of-type(1),
.tabs-target span:nth-of-type(2):target ~ .tab:nth-of-type(2),
.tabs-target span:nth-of-type(3):target ~ .tab:nth-of-type(3),
.tabs-target span:nth-of-type(4):target ~ .tab:nth-of-type(4),
.tabs-target span:nth-of-type(5):target ~ .tab:nth-of-type(5),
.tabs-target span:nth-of-type(6):target ~ .tab:nth-of-type(6),
.tabs-target span:nth-of-type(7):target ~ .tab:nth-of-type(7),
.tabs-target span:nth-of-type(8):target ~ .tab:nth-of-type(8),
.tabs-target span:nth-of-type(9):target ~ .tab:nth-of-type(9),
.tabs-target span:nth-of-type(10):target ~ .tab:nth-of-type(10),
.tabs-target span:nth-of-type(11):target ~ .tab:nth-of-type(11),
.tabs-target span:nth-of-type(12):target ~ .tab:nth-of-type(12),
.tabs-target span:nth-of-type(13):target ~ .tab:nth-of-type(13),
.tabs-target span:nth-of-type(14):target ~ .tab:nth-of-type(14),
.tabs-target span:nth-of-type(15):target ~ .tab:nth-of-type(15),
.tabs-target span:nth-of-type(16):target ~ .tab:nth-of-type(16),
.tabs-target span:nth-of-type(17):target ~ .tab:nth-of-type(17),
.tabs-target span:nth-of-type(18):target ~ .tab:nth-of-type(18),
.tabs-target span:nth-of-type(19):target ~ .tab:nth-of-type(19),
.tabs-target span:nth-of-type(20):target ~ .tab:nth-of-type(20),
.tabs-target span:nth-of-type(21):target ~ .tab:nth-of-type(21),
.tabs-target span:nth-of-type(22):target ~ .tab:nth-of-type(22),
.tabs-target span:nth-of-type(23):target ~ .tab:nth-of-type(23),
.tabs-target span:nth-of-type(24):target ~ .tab:nth-of-type(24),
.tabs-target span:nth-of-type(25):target ~ .tab:nth-of-type(25),
.tabs-target span:nth-of-type(26):target ~ .tab:nth-of-type(26),
.tabs-target span:nth-of-type(27):target ~ .tab:nth-of-type(27),
.tabs-target span:nth-of-type(28):target ~ .tab:nth-of-type(28),
.tabs-target span:nth-of-type(29):target ~ .tab:nth-of-type(29),
.tabs-target span:nth-of-type(30):target ~ .tab:nth-of-type(30),
.tabs-target span:nth-of-type(31):target ~ .tab:nth-of-type(31),
.tabs-target span:nth-of-type(32):target ~ .tab:nth-of-type(32),
.tabs-target span:nth-of-type(33):target ~ .tab:nth-of-type(33),
.tabs-target span:nth-of-type(34):target ~ .tab:nth-of-type(34),
.tabs-target span:nth-of-type(35):target ~ .tab:nth-of-type(35),
.tabs-target span:nth-of-type(36):target ~ .tab:nth-of-type(36),
.tabs-target span:nth-of-type(37):target ~ .tab:nth-of-type(37),
.tabs-target span:nth-of-type(38):target ~ .tab:nth-of-type(38),
.tabs-target span:nth-of-type(39):target ~ .tab:nth-of-type(39)
{
 	display:block;
}
.tab-area {
	width:100%;
}
.tab-link {
	background:none;
	width:100px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	display:block;
	padding:5px 0;
	float:right;
}
a.tab-link {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-size:22px;
}
.tab-link:hover {
	background:#f8a928;
	color:#fff;
}
.tab {
	background:none;
	height:auto;
	clear:both;
	display:none;
	padding-top:25px;
}
.target-fix {
	top:0;
	left:0;
	display:block;
	z-index:-1;
	position:fixed;
}
.tabs-focus .tab-link:focus:after,
.tabs-hover .tab-link:hover:after,
.tabs-target #page_1:target ~ a.page_1:after,
.tabs-target #page_2:target ~ a.page_2:after,
.tabs-target #page_3:target ~ a.page_3:after,
.tabs-target #page_4:target ~ a.page_4:after,
.tabs-target #page_5:target ~ a.page_5:after,
.tabs-target #page_6:target ~ a.page_6:after,
.tabs-target #page_7:target ~ a.page_7:after,
.tabs-target #page_8:target ~ a.page_8:after,
.tabs-target #page_9:target ~ a.page_9:after,
.tabs-target #page_10:target ~ a.page_10:after,
.tabs-target #page_11:target ~ a.page_11:after,
.tabs-target #page_12:target ~ a.page_12:after,
.tabs-target #page_13:target ~ a.page_13:after,
.tabs-target #page_14:target ~ a.page_14:after,
.tabs-target #page_15:target ~ a.page_15:after,
.tabs-target #page_16:target ~ a.page_16:after,
.tabs-target #page_17:target ~ a.page_17:after,
.tabs-target #page_18:target ~ a.page_18:after,
.tabs-target #page_19:target ~ a.page_19:after,
.tabs-target #page_20:target ~ a.page_20:after,
.tabs-target #page_21:target ~ a.page_21:after,
.tabs-target #page_22:target ~ a.page_22:after,
.tabs-target #page_23:target ~ a.page_23:after,
.tabs-target #page_24:target ~ a.page_24:after,
.tabs-target #page_25:target ~ a.page_25:after,
.tabs-target #page_26:target ~ a.page_26:after,
.tabs-target #page_27:target ~ a.page_27:after,
.tabs-target #page_28:target ~ a.page_28:after,
.tabs-target #page_29:target ~ a.page_29:after,
.tabs-target #page_30:target ~ a.page_30:after,
.tabs-target #page_31:target ~ a.page_31:after,
.tabs-target #page_32:target ~ a.page_32:after,
.tabs-target #page_33:target ~ a.page_33:after,
.tabs-target #page_34:target ~ a.page_34:after,
.tabs-target #page_35:target ~ a.page_35:after,
.tabs-target #page_36:target ~ a.page_36:after,
.tabs-target #page_37:target ~ a.page_37:after,
.tabs-target #page_38:target ~ a.page_38:after,
.tabs-target #page_39:target ~ a.page_39:after {
	background:#22bcec;
	width:100px;
	height:2px;
	content:"";
	display:block;
	margin:5px 0 0 0;
	position:absolute;
}
article.tab section.third {
	padding:3% 4%;
}
.template-container img {
	width:100%;
}
form#step_three fieldset.second .buttons {
	width:325px;
	margin:0 auto;
}

/*__ 508. SIGNUP FORM - STEP 4 __*/

.table_row {
	width:100%;
}
.table_cell_second {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
}
form#step_four fieldset:not(.eighth):not(.ninth) {
	background:rgba(34,188,236,0.07);
	width:100%;
	border:1px solid rgba(34,188,236,0.12);
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:25px;
}
form#step_four fieldset.first {
	background:rgba(34,188,236,0.12);
	border:1px solid rgba(34,188,236,0.2);
}
form#step_four fieldset.first select {
	background:#fff;
	width:200px;
	margin-left:75px;
}
form#step_four select[size="1"]:not(.normal) {
	background:#fff;
	width:200px;
	float:right;
}
form#step_four h1 {
	width:100%;
	max-width:700px;
	margin:0 auto;
}
form#step_four section.half p, form#step_four section.third p {
	font-size:17px;
}
form#step_four label.secTitle {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:22px;
	font-weight:400;
	color:#22bcec;
	margin:0 15px 15px 0;
}
form#step_four ul {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:0px 0 0 20px;
}
form#step_four ul li {
	text-transform:none;
	line-height:normal;
}
.separator {
	width:100%;
	overflow:auto;
	margin-bottom:75px;
}
form#step_four h4.special_title:after {
	background:none;
	width:350px;
	height:50px;
	left:0;
	right:0;
	border:1px solid #555;
	content:"";
	display:block;
	z-index:-1;
	margin:-40px 0 0 calc(50% - 175px);
	position:absolute;
}
fieldset table {
	width:100%;
}
fieldset table tr.first {
	border-bottom:1px solid #ddd;
}


/*	06. HEADER
==================================== */

.top-container {
	background:rgba(255,255,255,0.96);
	border-bottom:1px solid rgba(221,221,221,0.96);
	box-shadow:0px 0px 7px rgba(0,0,0,0.12);
		-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.12);
		   -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.12);
	padding:10px 0;
	z-index:1000;
	position:absolute;
}
header {
	max-width:1140px;
	height:75px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	margin:0 auto !important;
	padding:0 20px !important;
	position:relative;
}
#logo {					/* use this div to control the size of the logo */
	height:auto;
	bottom:0;
	position:absolute;
}
#logo img {
	width:100%;
}
.pre-nav {
	float:right;
}
.headphone, .headlinks {
	height:27px;
	display:table;
	float:left;
}
a.login-link {
	margin-right:8px;
}
.headphone {
	margin-right:20px;
}
.pre-nav h3 {
	font-size:25px;
	line-height:0;
	vertical-align:middle;
	display:table-cell;
}


/*	07. NAV
==================================== */

/*__ 701. MAIN NAV __*/

nav {
	width:auto;
	bottom:0; right:20px;
	position:absolute;
}
nav ul li {
	font-size:16px;
	display:inline-block;
	margin-left:15px;
}
nav ul li > a:hover {					/* change color depending on the site */
	color:#22bcec;
}
nav ul li.active > a {					/* change color depending on the site */
	color:#22bcec;
}
nav ul li.nav1 a:after {
	width:46px;
}
nav ul li.nav2 a:after {
	width:126px;
}
nav ul li.nav3 > a:after {
	width:81px;
}
nav ul li.nav4 a:after {
	width:160px;
}
nav ul li.nav5 a:after {
	width:77px;
}
nav ul li.nav6 a {
	background: #f8a928; 				/* change color depending on the site */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b95f), color-stop(100%,#f8a928));
	background: 	-webkit-linear-gradient(top,#f4b95f 0%,#f8a928 100%); 
	background: 	   -moz-linear-gradient(top,#f4b95f 0%,#f8a928 100%);
	background: 		 -o-linear-gradient(top,#f4b95f 0%,#f8a928 100%); 
	background: 		-ms-linear-gradient(top,#f4b95f 0%,#f8a928 100%);
	background: 	  linear-gradient(to bottom,#f4b95f 0%,#f8a928 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b95f', endColorstr='#f8a928',GradientType=0 );
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
		-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.1);
		   -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.1);
	border:1px solid #dd9f3a;
	border-radius:5px;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
	padding:10px 25px;
}
nav ul li.nav6 a:hover {
	background:#f8a928;
}
nav ul li ul li.sub1 a:after {
	width:163px;
}
nav ul li ul li.sub2 a:after {
	width:120px;
}
nav ul li ul li.sub3 a:after {
	width:30px;
}
nav ul li ul li.sub4 a:after {
	width:108px;
}
nav ul li ul li.sub5 a:after {
	width:81px;
}
nav ul li.active > a:after {			/* change color depending on the site */
	background:#22bcec;
	height:2px;
	content:"";
	display:block;
	margin-top:5px;
	position:absolute;
}
nav ul li:not(.active) a:after {
	background:#22bcec;
	height:2px;
	content:"";
	transition:All 0.5s ease;
		-webkit-transition:All 0.5s ease;
		   -moz-transition:All 0.5s ease;
			 -o-transition:All 0.5s ease;
			-ms-transition:All 0.5s ease;
	transform:scale(0, 1);
		-webkit-transform:scale(0, 1);
		   -moz-transform:scale(0, 1);
			 -o-transform:scale(0, 1);
			-ms-transform:scale(0, 1);
	display:block;
	margin-top:5px;
	position:absolute;
}

nav ul li.last a:after {
	content:none;
}

nav ul li a:hover::after {
	transform:scale(1, 1);
		-webkit-transform:scale(1, 1);
		   -moz-transform:scale(1, 1);
			 -o-transform:scale(1, 1);
			-ms-transform:scale(1, 1);
}
/* sub nav items */
nav ul li ul {
	list-style:none;
	display:block;
	margin:0;
	padding:20px 0 0 0;
	position:absolute;
}
nav ul li ul li {
	height:0px;
	top:-9999px;
	transition:height .2s ease-in;
		-webkit-transition:height .2s ease-in;
		   -moz-transition:height .2s ease-in;
			 -o-transition:height .2s ease-in;
			-ms-transition:height .2s ease-in;
	display:block;
	margin:0;
	padding:0;
	position:absolute;
}
.dropdown:hover ul li {
	height:31px;
	top:auto;
	position:relative;
}
nav ul li ul li a {
	background:rgba(255,255,255,0.9);
	color: #555;
	text-decoration:none;
	transition:color .3s ease-in, background .3s ease-in;
		-webkit-transition:color .3s ease-in, background .3s ease-in;
		   -moz-transition:color .3s ease-in, background .3s ease-in;
			 -o-transition:color .3s ease-in, background .3s ease-in;
			-ms-transition:color .3s ease-in, background .3s ease-in;
	display:block;
	padding:13px 25px;
	position:relative;
}
nav ul li ul li a:hover {
	background:rgba(255,255,255,1.0);	
}

/*__ 702. MOBILE NAV __*/

nav.mobile_menu {
	background:#f8f8f8;
	width:250px;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	list-style:none;
	overflow-y:auto;
	z-index:1;
	position:fixed;
}
.mobile_menu_head {
	width:100%;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:20px;
}
.mobile_menu_head #logo {
	width:100%;
	left:0;
	position:relative;
}
.mobile_menu_head .headlinks {
	width:145px;
	margin:20px auto 0;
	float:none;
}
nav.mobile_menu .demo {
	width:100%;
	font-family: 'Roboto Slab', Courier, serif;
	text-align:center;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
		-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.1);
		   -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.1);
	color:#fff;
	border-top:1px solid #dd9f3a;
	border-bottom:1px solid #dd9f3a;
	display:block;
	margin-bottom:10px;
	padding:10px 0;
}
nav.mobile_menu ul {
	padding-bottom:20px;
}
nav.mobile_menu ul li {
	width:200px;
}
nav.mobile_menu ul li a {
	text-decoration:none;
	color:#555;
	transition:color 0.2s, background 0.5s;
		-webkit-transition:color 0.2s, background 0.5s;
		   -moz-transition:color 0.2s, background 0.5s;
			 -o-transition:color 0.2s, background 0.5s;
			-ms-transition:color 0.2s, background 0.5s;
	display: block;
	padding: 1em;
}
.nav-item a:active {
	color: #22bcec;									/* change color based on site */
}
nav.mobile_menu ul li.dropdown ul {
	padding:0 0 0 10px;
	position:relative;
}
nav.mobile_menu ul li.dropdown:hover ul li {
	background:none;
	height:25px;
	top:auto;
	text-transform:lowercase;
}
nav.mobile_menu ul li ul li a, nav.mobile_menu ul li ul li a:hover {
	background:none;
}
.nav-trigger {
	clip:rect(0, 0, 0, 0);
	position:absolute;
}
label[for="nav-trigger"] {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
	background-size:contain;
	height:25px;
	width:25px;
	top:15px;
	left:15px;
	cursor:pointer;
	z-index:2;
	position:absolute;
}
.nav-trigger + label, .all_content {
  transition:left 0.2s;
  	-webkit-transition:left 0.2s;
	   -moz-transition:left 0.2s;
		 -o-transition:left 0.2s;
		-ms-transition:left 0.2s;
}
.nav-trigger:checked + label {
	left:265px;
 }
.nav-trigger:checked ~ .all_content {
	left:250px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.3);
		   -moz-box-shadow:0px 4px 8px rgba(0,0,0,0.3)
}


/*	08. OVERLAYS
==================================== */

/*__ 801. LOGIN OVERLAY __*/

#login {
	background:#fff;
	width:100%;
	max-width:450px;
	right:50px;
	border:2px solid #f5f5f5;
	border-radius:5px;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.3);
		   -moz-box-shadow:0px 4px 8px rgba(0,0,0,0.3);
	overflow:auto;
	z-index:2000;
	padding:20px;
	position:absolute;
}
.promo {
	background:url(/images/v4/dental/patterns/circle-gradient.png) right no-repeat;
	background-color:#f8a928;
	width:100%;
	max-width:300px;
	height:70px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	border:1px solid #da9422;
	clear:both;
	margin:50px auto 0;
	padding:10px;
}
.promo h4, .promo p {
	color:#fff;
	margin:0;
}
.promo p {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:22px;
}
.promo p span {
	font-size:19px;
	word-spacing:1px;
	letter-spacing:normal;
}
.promo h4 {
	line-height:90%;
	transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		   -moz-transform:rotate(-5deg);
			 -o-transform:rotate(-5deg);
			-ms-transform:rotate(-5deg);
	margin-top:-2px;
}
.promo .first_part {
	width:60%;
	float:left;
}
.promo .first_part p {
	word-spacing:5px;
	letter-spacing:0px;
}
.promo .first_part p span {
	display:block;
	margin-top:-2px;
}
.promo .last_part {
	width:40%;
	float:left;
}
.last_part h4 span {
	letter-spacing:15px;
}

/*__ 802. DESIGN GALLERY OVERLAY __*/

#gallery {
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	z-index:999;
	padding:20px;
	position:fixed;
}
.gal_container {
	width:100%;
	max-width:700px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	margin:0 auto;
	padding:50px 0;
	position:relative;
}


/*	09. HOME
==================================== */

.hero {
	background:url(/images/v4/dental/home-main-image.jpg) top center;
	background-size:cover;
	overflow:hidden;
}
.hero .overlay {
	width:100%;
	/* position:relative;*/
}
.negative {
	background:#fff;
	width:120%;
	height:60px;
	bottom:-30px;
	left:-10px;
	border:1px solid #ddd;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	box-shadow:inset 0px 0px 7px rgba(0,0,0,0.12);
		-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.12);
		   -moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.12);
	z-index:999;
	position:absolute;
}
.home4 h4 {
	font-size:24px;
	font-weight:700;
}
.home4 a {
	bottom:0;
	left:50%;
	right:-15%;
	transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
			-ms-transform:translateX(-50%);
	display:block !important;
	margin:0 !important;
	position:absolute;
}
img.home_icon {
	width:100%;
	max-width:60px;
	top:50px;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	display:block;
	margin:0 auto;
	position: relative;
}
.home-banner {
	background:#f5f5f5;
}
.home-banner .content {
	position:relative;
}
.three_nos {
	top:20px;
	height:auto;
}
.home-svcs {
	background:url(/images/v4/dental/the-dentist.jpg) top center no-repeat;
	background-size:cover;
}
.services {
	width:280px;
	height:280px;
	margin:0 auto;
}
.services h3 {
	margin-bottom:15px;
}
.front h2, .front p {
	color:#fff;
}
.front h2 {
	top:40%;
	font-size:40px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	line-height:45px;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	z-index:10;
	position: relative;
}
.home-svcs img.icon {
	width:310px;
	height:310px;
	display:block;
	transform:rotate(-15deg);
		-webkit-transform:rotate(-15deg);
		   -moz-transform:rotate(-15deg);
			 -o-transform:rotate(-15deg);
			-ms-transform:rotate(-15deg);
	opacity:0.07;
	z-index:-1;
	margin:-120px 0 0 30px;
	position:relative;
}
.home-svcs .back img.icon {
	opacity:0.05;
	margin-top:-200px;
	position:absolute;
}
.home-svcs .back img.icon.twitter {
	margin-top:-240px;
}
.home-svcs .back img.icon.support {
	margin-top:-135px;
}
.home-svcs .back img.icon.ecomm,
.home-svcs .back img.icon.mobiledev {
	margin-top:-220px;
}
.back h3, .back p {			/* change color depending on the site */
	color:#22bcec;
}
.back h3 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-weight:700;
}
.back p {
	font-size:19px;
}
.back a {
	color:#6fbe4c;
}
.backContainer {
	top:40%;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	position: relative;
}
.front a:hover, .back a:hover {
	text-decoration:underline;
}
.back {
	background-color:#fff;
}
.back .box {
	width:40%;
	border:2px solid;
	margin:-15px auto 0;
	padding:5px 0;
}
.back h1 {
	font-size:60px;
	line-height:75%;
	margin:0;
}
.effect {
	perspective:800px;
		-webkit-perspective:800px;
		   -moz-perspective:800px;
	position:relative;
}
.front, .back {
	width:240px;
	height:240px;
	top:0;
	left:0;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
	backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
	transition:All 0.3s ease-in-out;
		-webkit-transition:All 0.3s ease-in-out;
		   -moz-transition:All 0.3s ease-in-out;
			 -o-transition:All 0.3s ease-in-out;
	overflow:hidden;
	padding:30px 20px 10px;
	position:absolute;
}
.back {
	transform:rotateY(180deg);
		-webkit-transform:rotateY(180deg);
		   -moz-transform:rotateY(180deg);
			 -o-transform:rotateY(180deg);
			-ms-transform:rotateY(180deg);
}
.templates {
	overflow:hidden;
	position:relative;
}
.templates:before, .templates:after {
	width:800px;
	height:1600px;
	top:50px;
	content:"";
	display:block;
	z-index:-1;
	position:absolute;
}
.templates:before {
	background:rgba(248,169,40,0.1);
	left:0;
	transform:rotate(-60deg);
		-webkit-transform:rotate(-60deg);
		   -moz-transform:rotate(-60deg);
			 -o-transform:rotate(-60deg);
			-ms-transform:rotate(-60deg);
}
.templates:after {
	background:rgba(34,188,236,0.1);
	right:200px;
	transform:rotate(69deg);
		-webkit-transform:rotate(69deg);
		   -moz-transform:rotate(69deg);
			 -o-transform:rotate(69deg);
			-ms-transform:rotate(69deg);
}
.templates img {
	width:100%;
	max-width:400px;
}
.start-today {
	background:url(/images/v4/dental/thumbs-up.jpg) top center no-repeat;
	background-size:cover;
}
.start-today a.button-solid:hover {
	background:#fff;
	color:#22bcec;														/* change color depending on site */
	border-color:#fff;
}


/*	10. DESIGN GALLERY
==================================== */

.design_gallery:after {
	background:url(/images/v4/dental/patterns/white-gradient.png) center center no-repeat;
	background-color:#22bcec;
	width:100%;
	height:10px;
	content:"";
	box-shadow: 0px 1px 8px #777;
		-webkit-box-shadow:0px 1px 8px #777;
		   -moz-box-shadow:0px 1px 8px #777;
	display:block;
	position:absolute;
}
.gallery .fourth {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:3%;	
}
.gallery .fourth img {
	width:100%;
}
.gallery .fourth a img, .gallery .fourth a p {
	text-decoration:none;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
}
.gallery .fourth a img:hover {
	transform:scale(1.05);
		-webkit-transform:scale(1.05);
		   -moz-transform:scale(1.05);
			 -o-transform:scale(1.05);
			-ms-transform:scale(1.05);
}
.gallery .fourth a p:hover {
	color:#63a844 !important;											/* change color depending on the site */
}


/*	11. PRODUCTS OVERVIEW
==================================== */

.overview {
	background:url(/images/v4/dental/header-product-overview.jpg) center center no-repeat;
	background-size:cover;
}
.main_1 {
	background:url(/images/v4/dental/products-find-your-perfect-fit.jpg) top center no-repeat;
	background-size:cover;
}
.main_2 {
	background:url(/images/v4/dental/products-step-into-the-spotlight.jpg) top center no-repeat;
	background-size:cover;
}
.main_3 {
	background:url(/images/v4/dental/group-of-dentists-in-office.jpg) top center no-repeat;
	background-size:cover;
}
.pos1, .pos2, .pos3, .pos4 {
	position:relative;
}
.pos1 {
	z-index:10;
}
.pos2 {
	z-index:9;
}
.pos3 {
	z-index:8;
}
.pos4 {
	z-index:7;
}
.circle1 {
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#22bcec;							/* change color depending on the site */
}
.circle2 {
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#f8a928;							/* change color depending on the site */
}
.circle3 {
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#6fbe4c;							/* change color depending on the site */
}
.circle {
	width:165px;
	height:165px;
	border:8px solid #fff;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	z-index:100;
	margin:-90px 0 0 calc(50% - 90px);
	position:absolute;
}
.circle h6 {
	top: 50%;
	font-family: 'Roboto Slab', Courier, serif;
	font-weight:700;
	text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		   -ms-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
	letter-spacing:-2px;
	color:#fff;
	transform: translateY(-100%);
		-webkit-transform:translateY(-100%);
			-ms-transform:translateY(-100%);
	position: relative;
}
.po h3 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.25px;
}
.po h3:after {
	background:#fff;
	width:100%;
	height:1px;
	content:"";
	display:block;
	margin:20px 0;
}
.po h3.color3:after {
	background:#6fbe4c;
}


/*	12. PACKAGES & PRICING
==================================== */

.packages_alt {
	position:relative;
}
.pnp {
	background:url(/images/v4/dental/temp_packages_pricing_header.jpg) top center no-repeat;
	background-size:cover;
}
.pnpOverlay {
	background:url(/images/v4/dental/packages_header_overlay.png) top right no-repeat;
	width:1400px;
	height:425px;
	right:0;
	opacity:0.8;
	position:absolute;
}
img.basic_template_overlay {
	max-width:380px;
	bottom:-25px;
	right:5%;
	position:absolute;
}
.bundles {
	height:700px;
	margin-bottom:-600px;
}
.bundles h2 {
	font-family: 'Roboto', Arial, sans-serif;
	text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		   -ms-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
	letter-spacing:-2.5px;
}
.bundles .arrow_action {
	margin:13px 0 0 40px;
}
.packages {
	background:rgba(255,255,255,0.4);
	border-radius:25px;
		-webkit-border-radius:25px;
		   -moz-border-radius:25px;
}
.price_col {
	border-top-left-radius:25px;
		-webkit-border-top-left-radius:25px;
		   -moz-border-top-left-radius:25px;
	border-top-right-radius:25px;
		-webkit-border-top-right-radius:25px;
		   -moz-border-top-right-radius:25px;
	border-bottom-left-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		   -moz-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		   -moz-border-bottom-right-radius:5px;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
	z-index:1;
	position:relative;
}
.price_col.value:before {
	background:url(/images/v4/dental/icons/icon-best_value_green.png) no-repeat;
	background-size:100%;
}
.price_col.results:before {
	background:url(/images/v4/dental/icons/icon-best_results_green.png) no-repeat;
	background-size:100%;
}
.price_col.value:before, .price_col.results:before {
	width:120px;
	height:120px;
	top:-60px;
	content:"";
	display:block;
	z-index:1000;
	position:absolute;
}
.price_col > p { 			/*  per month  */
	text-shadow:1px 1px 1px #fff;
		-webkit-text-shadow:1px 1px 1px #fff;
		   -moz-text-shadow:1px 1px 1px #fff;
	z-index:2;
	position:relative;
}
.package_content {			/*  div that contains buttons + package info  */
	background:#fff;
	width:100%;
	border-top-left-radius:25px;
		-webkit-border-top-left-radius:25px;
		   -moz-border-top-left-radius:25px;
	border-top-right-radius:25px;
		-webkit-border-top-right-radius:25px;
		   -moz-border-top-right-radius:25px;
	border-bottom-left-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		   -moz-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		   -moz-border-bottom-right-radius:5px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	overflow:hidden;
	z-index:1;
	padding:0 0 20px;
	position:relative;
}
.package_content.focus1 {										/* blue style */
	border-top:1px solid #22bcec;
	border-bottom:5px solid #22bcec;
	border-left:1px solid #22bcec;
	border-right:1px solid #22bcec;
}
.package_content.focus2 {										/* orange style */
	border-top:1px solid #f8a928;
	border-bottom:5px solid #f8a928;
	border-left:1px solid #f8a928;
	border-right:1px solid #f8a928;
}
.package_content.focus3 {										/* green style */
	border-top:1px solid #6fbe4c;
	border-bottom:5px solid #6fbe4c;
	border-left:1px solid #6fbe4c;
	border-right:1px solid #6fbe4c;
}
.package_content h3 {
	font-family: 'Roboto', Arial, sans-serif;
	letter-spacing:-2px;
}
.package_content h5 {
	/*font-size:16px;*/
}
.package_title {			/*  Titles: Basic Package, Gold Package, etc  */
	width:100%;
	height:170px;
	z-index:2;
	margin:0 auto;
	position:relative;
}
.package_title:before {
	background:url(/images/v4/dental/patterns/noise.gif) repeat;
	top:0;
	bottom:0;
	left:0;
	right:0;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	content:"";
	display:block;
	opacity:0.04;
	z-index:3;
	margin:auto;
	position:absolute;
}
.package_title_center {		/*  vertically centers the package title  */	
	top:40%;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	position: relative;
}
.package_title_center h2, .package_title_center h6 {
	font-family: 'Roboto', Arial, sans-serif;
	letter-spacing:-2.5px;
}
.package_title.focus1 {																	/* blue style */
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#22bcec;
}
.package_title.focus2 {																	/* orange style */
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#f8a928;
}
.package_title.focus3 {																	/* green style */
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#6fbe4c;
}
.package_title h2, .package_title h6 {
	color:#fff;
	z-index:10;
}
.package_title h2 {
	font-size:44px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
		-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
		   -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	transform:skewY(-5deg);
		-webkit-transform:skewY(-5deg);
		   -moz-transform:skewY(-5deg);
			 -o-transform:skewY(-5deg);
			-ms-transform:skewY(-5deg);
	margin-top:0;
}
.package_title h2 span {
	font-size:41px;
	font-weight:700;
}
.package_title h2.special {
	font-size:41px;
	font-weight:700;
	line-height:80%;
}
.package_title h6 {
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
		-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
		   -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.package_title_bg {		/*  title container  */
	width:100%;
	height:280px;
	position:relative;
}
.focus1 .package_title_bg {										/* blue style */
	background:rgba(34,188,236,0.1);
}
.focus2 .package_title_bg {										/* orange style */
	background:rgba(248,169,40,0.1);
}
.focus3 .package_title_bg {										/* green style */
	background:rgba(111,190,76,0.1);
}
.price {
	background:#fff;
	width:130px;
	height:130px;
	border:1px solid #ddd;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	z-index:10;
	margin:-40px auto 0;
	position:relative;
}
.price:before {
	background-color:transparent;
	width:120px;
	height:120px;
	border:1px solid #e5e5e5;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	content:"";
	display:block;
	margin:4px 0 0 4px;
	position:absolute;
}
.price h3 {
	top: 40%;
	transform: translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	position: relative;
}
.package_content > p {
	font-size:18px;
	/*text-align:center;*/
	opacity:0.85;
	display:block;
	margin:20px 0;
	padding:10px 15px;
	font-weight: 400;
}
.package_content .bottom {
	width:100%;
	bottom:25px;
	left:0;
	right:0;
	position:absolute;
}
.package_content ul {
	width:100%;
	list-style-type:none;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	padding:0 15px;
}
.package_content ul li {
	/* font-weight:300; 
	text-align:center;*/
	text-transform:lowercase;
	margin-bottom:8px;
	padding:5px 0;
}


/*	13. PRODUCTS PAGES
==================================== */

.product {
	position:relative;
}
.product .text_block {
	width:62%;
	z-index:10;
	position:relative;
	float:left;
}
.pre-article {
	width:15%;
	display:block;
	float:left;
}
.pre-article img {
	background-color:transparent;
	background-clip:padding-box;
	width:85%;
	border:1px solid #22bcec;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	padding:5px;
	position:relative;
}
.products article {
	width:85%;
	box-sizing:border-box !important;
		-webkit-box-sizing:border-box !important;
		   -moz-box-sizing:border-box !important;
	padding:0 40px 0 20px !important;
	float:left;
}

/*__ 131. BASIC PACKAGE __*/	/* change bg color on each product from #f8f8f8 to something different */

.basic {
	background:url(/interface/v4/dental/basic-package-background.jpg) center left no-repeat;
	background-size:cover;
}
.basic_main_container {
	background:url(/images/v4/dental/basic-package-single-dentist-bg.jpg) center center no-repeat;
	background-size:cover;
	border-top:1px solid #ddd;
	box-shadow:0px 0px 8px rgba(0,0,0,0.12);
		-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.12);
		   -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.12);
	position:relative;
}
.basic_main_container:after {
	background:rgba(255,255,255,0.7);
	top:0;
	bottom:0;
	left:0;
	right:0;
	content:"";
	display:block;
	position:absolute;
}
.basic_main_container a:hover {
	color:#f8a928;
}
.basic_img {
	background:url(/images/v4/dental/graphic-toolbox.png) no-repeat;
	width:35%;
	height:400px;
	top:50px;
	right:0;
	display:block;
	position:absolute;
}
.basic_content {
	display:table;
	padding-top:75px;
}
.basic_content .first {
	width:35%;
	min-width:250px;
	vertical-align:bottom;
	padding-right:25px;
}
.basic_content .first img {
	width:100%;
	margin-bottom:-4px;
}
.basic_content .second {
	vertical-align:middle;
}
.basic-button a {
	color:#22bcec;
}
.basic-button a:hover {
	color:#fff;
}

/*__ 132. SEO __*/

.seo {
	background:url(/images/v4/dental/header-search-engine-optimization.jpg) center center no-repeat;
	background-size:cover;
}
.seo_img {
	background:url(/images/v4/dental/graphic-search-engine-optimization.png) no-repeat;
	width:40%;
	height:296px;
	top:130px;
	right:0;
	display:block;
	position:absolute;
}
article h3 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

/*__ 133. SOCIAL MEDIA __*/

.social {
	background:url(/images/v4/dental/header-social-media.jpg) top center no-repeat;
	background-size:cover;
}
.social_img {
	background:url(/images/v4/dental/graphic-social-media.jpg) no-repeat;
	width:40%;
	height:675px;
	top:20px;
	right:0;
	display:block;
	position:absolute;
}


/*	14.	ABOUT/COMPANY
==================================== */

.about {
	background:url(/interface/v4/dental/city.jpg) top center no-repeat;
	background-size:cover;
	background-position: center;
}
.cs_people {
	background:url(/images/v4/dental/operator.png) no-repeat;
	background-size:100%;
	width:210px;
	height:192px;
	margin:-114px 0 0 660px;
	position:absolute;
}
.teaser h3 {
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-size:32px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0px;
}

/*__ 141. TESTIMONIALS SECTION __*/

table.feedback {
	width:100%;
	display:table;
}
table.feedback tr td {
	width:50%;
	display:table-cell;
	padding:15px 25px;
}
table.feedback tr td.rightside {
	border-right:1px solid #ddd;
}
table.feedback tr td.top {
	border-top:1px solid #ddd;
}
p.testimony {
	font-weight:100 !important;
	line-height:150% !important;
}
p.testimony:before, p.testimony:after {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:32px;
	display:inline-block;
}
p.testimony:before {
	content:"\201c";
	margin-right:5px;
}
p.testimony:after {
	content:"\201D";
	margin:-8px 0 0 5px;
}
table.feedback tr td:not(.line):hover {
	background:#f8f8f8;
}
table.feedback tr td p:not(.testimony),
div.feedback p:not(.testimony) {
	text-align:right !important;
	margin-top:20px;
}
table.feedback tr td p span,
div.feedback p span {
	font-family: 'Roboto Slab', Courier, serif;
	font-size:18px;
}
table.feedback tr td p em,
div.feedback p em {
	font-size:16px;
	font-weight:100;
}
table.feedback tr td a:hover,
div.feedback a:hover {
	background:none;
	color:#22bcec;
}
div.feedback article {
	margin:25px 0;
}

/*__ 142. BIOS SECTION __*/

.team_member {
	width:100%;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	overflow:hidden;
	padding:20px 0;
}
.photo_box {
	width:180px;
	height:180px;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	overflow:hidden;
}
.photo_box img {
	width:100%;
}
.photo_box img:hover {
	transform:translateY(-180px);
		-webkit-transform:translateY(-180px);
		   -moz-transform:translateY(-180px);
			 -o-transform:translateY(-180px);
			-ms-transform:translateY(-180px);
}
.who_banner_contain {
	position:relative;
}
.name_box {
	width:150px;
	position:relative;
}
.name_box h3 {
	font-size:22px;
	text-transform:uppercase;
	margin:0 !important;
}
.undershadow {
	background:#1eabd7;
	width:10px;
	height:35px;
	top:6px;
	left:25px;
	border-top:2px solid #fff;
	border-bottom:2px solid #37bfea;
	border-right:2px solid #37bfea;
	border-left:2px solid #37bfea;
	transform:skewY(45deg);
		-webkit-transform:skewY(45deg);
		   -moz-transform:skewY(45deg);
			 -o-transform:skewY(45deg);
			-ms-transform:skewY(45deg);
	z-index:5;
	position:absolute;
}
.undershadow.right {
	left:164px;
	transform:skewY(-45deg);
		-webkit-transform:skewY(-45deg);
		   -moz-transform:skewY(-45deg);
			 -o-transform:skewY(-45deg);
			-ms-transform:skewY(-45deg);
}
.ribbon {
	background: #6fbe4c;
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#22bcec), color-stop(100%,#37bfea));
	background: 	-webkit-linear-gradient(left,  #22bcec 1%,#37bfea 100%);
	background: 	   -moz-linear-gradient(left,  #22bcec 1%,#37bfea 100%);
	background: 	 	 -o-linear-gradient(left,  #22bcec 1%,#37bfea 100%);
	background: 		-ms-linear-gradient(left,  #22bcec 1%,#37bfea 100%);
	background: 		linear-gradient(to right,  #22bcec 1%,#37bfea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bcec', endColorstr='#37bfea',GradientType=1 );
	width:35px;
	height:35px;
	top:13px;
	left:0;
	border:2px solid #37bfea;
	z-index:1;
	position:absolute;
}
.ribbon:not(.right):after {
	background:#fff;
	width:25px;
	height:25px;
	content:"";
	border-top:2px solid #37bfea;
	border-right:2px solid #37bfea;
	transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		   -moz-transform:rotate(45deg);
		 	-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
	display:inline-block;
	margin:4px 0 0 -36px;
}
.ribbon.right {
	background: #6fbe4c;
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#37bfea), color-stop(100%,#22bcec));
	background: 	-webkit-linear-gradient(left,  #37bfea 1%,#22bcec 100%);
	background: 	   -moz-linear-gradient(left,  #37bfea 1%,#22bcec 100%);
	background: 	 	 -o-linear-gradient(left,  #37bfea 1%,#22bcec 100%);
	background: 		-ms-linear-gradient(left,  #37bfea 1%,#22bcec 100%);
	background: 		linear-gradient(to right,  #37bfea 1%,#22bcec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37bfea', endColorstr='#22bcec',GradientType=1 );
	left:164px;
}
.ribbon.right:after {
	background:#fff;
	width:25px;
	height:25px;
	content:"";
	border-bottom:2px solid #37bfea;
	border-left:2px solid #37bfea;
	transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		   -moz-transform:rotate(45deg);
		 	-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
	display:inline-block;
	margin:4px 0 0 22px;
}
.bio_container {
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
}
.bio_container h4 {
	text-transform:uppercase;
	color:#22bcec;
	border:1px solid #22bcec;
	display:inline-block;
	padding:5px 12px;
}


/*	15. PARTNERS PAGE
==================================== */

.partners {
	background:url(/images/v4/dental/firm-handshake-partners.jpg) center center no-repeat;
	background-size:cover;
}
.partner_logos {
	width:100%;
	max-width:600px;
	margin:0 auto;	
}
.partner_logos section.third img {
	width:100%;
}


/*	16. GET A DEMO
==================================== */

.get_demo {
	top:50%;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		   -ms-transform:translateY(-50%);
	position:relative;
}


/*	17. SIGNUP PAGES
==================================== */

.steps {
	overflow:auto;
	clear:both;
	margin:25px 0;
	padding:10px 0;
}
.steps h3 {
	background:#f8f8f8;
	border:1px solid #f5f5f5;
	border-radius:2px;
		-webkit-border-radius:2px;
		   -moz-border-radius:2px;
	z-index:1;
	margin:50px 0 0 -50px;
	padding:10px 20px 10px 75px;
	float:left;
	position:relative;
}
.steps h6 {
	background:url(/images/v4/dental/patterns/circle-gradient.png) center center no-repeat;
	background-color:#22bcec;
	width:100px;
	height:46px;
	text-align:center;
	color:#fff;
	border:1px solid #1eabd7;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
		-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
		   -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
		   -moz-transform:rotate(-10deg);
			 -o-transform:rotate(-10deg);
			-ms-transform:rotate(-10deg);
	z-index:10;
	padding:27px 0;
	float:left;
	position:relative;
}
/* Pages header images */
.step_one {
	background:url(/images/v4/dental/steps-couple-at-the-door.jpg) center center no-repeat;
	background-size:cover;
}
.step_two {
	background:url(/images/v4/dental/steps-computer-and-desk.jpg) center center no-repeat;
	background-size:cover;
}
.step_three {
	background:url(/images/v4/dental/steps-multi-display.jpg) center center no-repeat;
	background-size:cover;
}
.step_four {
	background:url(/images/v4/dental/steps-dice-with-icons.jpg) center center no-repeat;
	background-size:cover;
}


/*	18. FOOTER
==================================== */

#prefooter {
	background:#1eabd7;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}
#prefooter h5 {
	font-size:28px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.1);
	line-height:none;
	opacity:0.9;
	margin:0;
	float:left;
}
#social {
	margin-top:2px;
	float:right;
	position:relative;
}
#social a.social {
	width:32px;
	height:32px;
	display:block;
	opacity:0.9;
	margin-left:10px;
	float:right;
}
#social a.social:hover {
	opacity:1.0;
}
a.fb {
	background:url(/images/v4/dental/icons/icon-social-fb.png) no-repeat;
	background-size:100%;
}
a.tw {
	background:url(/images/v4/dental/icons/icon-social-tw.png) no-repeat;
	background-size:100%;
}
a.yt {
	background:url(/images/v4/dental/icons/icon-social-yt.png) no-repeat;
	background-size:100%;
}
a.li {
	background:url(/images/v4/dental/icons/icon-social-li.png) no-repeat;
	background-size:100%;
}
a.gplus {
	background:url(/images/v4/dental/icons/icon-social-gplus.png) no-repeat;
	background-size:100%;
}
footer {
	background-color:#22bcec !important;
	padding:50px 0 !important;
	position:relative;
}
.footer:before {
	background:url(/images/v4/dental/patterns/noise.gif) repeat;
	top:0;
	bottom:0;
	left:0;
	right:0;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	content:"";
	display:block;
	opacity:0.04;
	margin:auto;
	position:absolute;
}
footer section {
	z-index:100;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
footer section p {
	font-size:17px;
	font-weight:100;
	color:#fff;
	margin-bottom:15px;
}
footer section p span {
	font-weight:400;
}
footer section a p {
	color:#fff;
	transition:All 0.15s ease-in-out;
		-webkit-transition:All 0.15s ease-in-out;
		   -moz-transition:All 0.15s ease-in-out;
			 -o-transition:All 0.15s ease-in-out;
			-ms-transition:All 0.15s ease-in-out;
}
footer section a:hover p {
	transform: translate(5px);
		-webkit-transform: translate(5px);
		   -moz-transform: translate(5px);
			 -o-transform: translate(5px);
			-ms-transform: translate(5px);
}
footer section a:active p {
	color:#333;
}
footer .logo {
	width:200px;
	height:auto;
}
footer .logo img {
	width:100%;
}

/* three triangles */
.master-shape-container {
	width:100%;
	height:260px;
	bottom:0;
	left:0;
	overflow:hidden;
	z-index:1;
	position:absolute;
}
.main-shape-container {
	width:100%;
	max-width:1400px;
	height:260px;
	display:block;
	margin:0 auto;
}
.shape-container {
	width:590px;
	height:260px;
	display:block;
	float:right;
}
.shape {
	width:350px;
	height:350px;
	transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		   -moz-transform:rotate(45deg);
			 -o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
	display:block;
}
.shape.dark {
	background:rgba(0,0,0,0.1);
}
.shape.light {
	background:rgba(255,255,255,0.08);
}
.shape.first {
	margin:85px 0 0 73px;
}
.shape.second {
	margin:-300px 0 0 200px;
}
.shape.three {
	margin:-400px 0 0 325px;
}
#subfooter {
	background:#1eabd7;
	overflow:hidden;
	position:relative;
}


#alert_message {
	background: rgba(255,255,255,0.96);
    border-bottom: 1px solid rgba(221,221,221,0.96);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.12);
    padding: 50px 0;
    z-index: 10001;
    text-align: center;
    width: 100%;
    position: fixed;
    top: 150px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 130%;
    font-weight: bold;
}

 .we_build_header {
 	font-size: 40px;	
 }
 
 .spaceh-1 {margin-right: 10px;}
.spaceh-2 {margin-right: 20px;}
.spaceh-3 {margin-right: 30px;}

.force-black, .force-black li {
	color: black !important;	
}