@charset "UTF-8";
h1 {
	font-family: 'Roboto Slab', Courier, serif;
	font-size: 52px;
	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, .4);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
	-moz-text-shadow: 2px 2px 2px rgba(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: 'Roboto Slab', Courier, 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: 'Roboto Slab', Courier, serif;
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -1px
}

p {
	font-family: Roboto, Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -.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
}

label.mini,
p.mini {
	font-size: 15px
}

p.alt {
	font-family: 'Roboto Slab', Courier, serif
}

li {
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #555;
	margin-bottom: 10px!important;
	letter-spacing: -.5px
}

li a {
	color: #555;
	transition: All .3s ease-in-out;
	-webkit-transition: All .3s ease-in-out;
	-moz-transition: All .3s ease-in-out;
	-o-transition: All .3s ease-in-out;
	-ms-transition: All .3s ease-in-out
}

a {
	text-decoration: none;
	transition: All .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .15s ease-in-out
}
@media only screen and (max-width:600px) {
	#wpadminbar {
		position: fixed!important;
	}
}
.page_full_block{
	position: relative;
}
.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
}

h1,
h4,
p {
	color: #555
}

.color1,
a.color1-bg:hover,
ul.color1 li {
	color: #22bcec
}

.color1-bg,
a.color1:hover {
	background-color: #22bcec
}

a.color1-bg,
a.color1-bg:hover,
a.color1: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%)
}

.border-bot-1_thick {
	border-bottom: 5px solid #1eabd7
}

.color2,
a.color2-bg:hover,
ul.color2 li {
	color: #f8a928
}

.color2-bg,
a.color2:hover {
	background-color: #f8a928
}

a.color2-bg,
a.color2-bg:hover,
a.color2: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%)
}

.color3,
a.color3-bg:hover,
ul.color3 li {
	color: #6fbe4c
}

.color3-bg,
a.color3:hover {
	background-color: #6fbe4c
}

a.color3-bg,
a.color3-bg:hover,
a.color3: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%)
}

.color4,
a.color4-bg:hover,
ul.color4 li {
	color: #aaa
}

.color4-bg,
a.color4:hover {
	background-color: #aaa
}

a.color4-bg,
a.color4-bg:hover,
a.color4:hover {
	border-color: #aaa
}

.color5 {
	background-color: #f8f8f8
}

.reg,
a.reg-bg:hover {
	color: #555
}

.reg-bg,
a.reg:hover {
	background-color: #555
}

a.reg-bg,
a.reg-bg:hover,
a.reg:hover {
	border-color: #555
}

.title_color {
	color: #333
}

.white,
a.white-bg:hover,
ul.white li {
	color: #fff
}

.white-bg,
a.white:hover {
	background-color: #fff
}

a.white-bg,
a.white-bg:hover,
a.white:hover {
	border-color: #fff
}

a.white-bg,
a.white:hover {
	color: #22bcec
}

a.white2:hover {
	color: #f8a928!important
}

a.white3:hover {
	color: #6fbe4c!important
}

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_wide.gallery {
	max-width: none;
	background-color: #f1f1f1
}

.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
}

.eighth,
.fifth,
.fourth,
.half,
.third,
.three-fourth,
.two-third,
footer .fourth {
	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
}

.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-xl {
	font-size: 25px;
	border: 2px solid;
	padding: 15px 70px
}

.button-xl.button-solid {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px
}

.arrow_action,
.button-solid,
.button:hover {
	color: #fff
}

.button-solid:hover {
	background: 0 0
}

.arrow_action {
	font-family: 'Roboto Slab', Courier, serif;
	border-top: 1px solid rgba(255, 255, 255, .3)!important;
	border-top-style: inset;
	border-left: 2px solid rgba(255, 255, 255, .3)!important;
	border-left-style: inset;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: inline-block
}

.arrow_action:after {
	width: 0;
	height: 0;
	content: "";
	transition: All .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .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 {
	background-color: #22bcec;
	color: #fff;
	border-color: #22bcec
}

.arrow_action.arrow1:hover {
	background: #fff;
	color: #6fbe4c;
	border-color: #fff
}

.arrow_action.arrow1:after {
	border-left-color: #22bcec;
	border-right-color: #22bcec
}

.arrow_action.arrow1:hover::after {
	border-left-color: #fff;
	border-right-color: #fff
}

.arrow_action.arrow3 {
	background-color: #f8a928;
	color: #fff;
	border-color: #f8a928
}

.arrow_action.arrow3:hover {
	background: #fff;
	color: #f8a928;
	border-color: #fff
}

.arrow_action.arrow3:after {
	border-left-color: #f8a928;
	border-right-color: #f8a928
}

.arrow_action.arrow3:hover::after {
	border-left-color: #fff;
	border-right-color: #fff
}

.arrow_action.arrow2 {
	background-color: #6fbe4c;
	color: #fff;
	border-color: #6fbe4c
}

.arrow_action.arrow2:hover {
	background: #fff;
	color: #22bcec;
	border-color: #fff
}

.arrow_action.arrow2:after {
	border-left-color: #6fbe4c;
	border-right-color: #6fbe4c
}

.arrow_action.arrow2:hover::after {
	border-left-color: #fff;
	border-right-color: #fff
}

.all_content {
	background-color: #fff;
	min-height: 100%;
	min-width: 100%;
	top: 0;
	bottom: 100%;
	left: 0;
	z-index: 1;
	position: relative
}

.bottom_shadow {
	box-shadow: 0 1px 8px #777;
	-webkit-box-shadow: 0 1px 8px #777;
	-moz-box-shadow: 0 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(/wp-content/themes/theonlinepractice/images/diagonal.png) repeat;
	height: 100%;
	background-color: rgba(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(/wp-content/themes/theonlinepractice/images/white-gradient.png) center center no-repeat;
	background-color: #22bcec;
	width: 100%;
	height: 5px;
	content: "";
	box-shadow: 0 1px 8px #777;
	-webkit-box-shadow: 0 1px 8px #777;
	-moz-box-shadow: 0 1px 8px #777;
	display: block
}

.dark1:before {
	background: rgba(0, 0, 0, .1)
}

.dark2:before {
	background: rgba(0, 0, 0, .2)
}

.dark3:before {
	background: rgba(0, 0, 0, .3)
}

.dark4:before {
	background: rgba(0, 0, 0, .4)
}

.dark5:before {
	background: rgba(0, 0, 0, .5)
}

.dark6:before {
	background: rgba(0, 0, 0, .6)
}

.dark7:before {
	background: rgba(0, 0, 0, .7)
}

.dark8:before {
	background: rgba(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
}

input,
select {
	padding: 5px 0 5px 8px
}

select {
	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: 0 0
}

textarea {
	height: 100px;
	padding: 5px 5px 5px 8px
}

#CASLdiv,
input,
select,
textarea {
	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 .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .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, .4);
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 2px 2px 2px rgba(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 {
	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: 0 0;
	font-family: 'Roboto Slab', Courier, serif;
	font-size: 18px;
	font-weight: 400;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	outline: 0!important;
	transition: All .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .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)!important
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
	color: rgba(85, 85, 85, 1)!important
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
	color: rgba(85, 85, 85, 1)!important
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
	color: rgba(85, 85, 85, 1)!important
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
	color: rgba(85, 85, 85, 1)!important
}

p.consent {
	font-size: 13px;
	text-align: center;
	margin: 20px 0
}

#gallery p.consent,
.overlay-1 p.consent {
	color: #fff
}

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, .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
}

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, .8);
	border: 2px solid #22bcec
}

form.about_form input:focus,
form.about_form input:hover,
form.about_form textarea:focus,
form.about_form textarea:hover {
	background: rgba(255, 255, 255, 1)!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
}

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: 0;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	max-width: 772px;
	display: block
}

form.partners_form input,
form.partners_form select,
form.partners_form textarea {
	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: #fff;
	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: #fff;
	color: #22bcec
}

form.partners_form button:active {
	background: #f8a928;
	border-color: #f8a928;
	color: #fff
}

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: 0 0;
	color: #22bcec
}

form.get-a-demo button:active {
	background: #f8a928;
	color: #fff;
	border-color: #f8a928
}

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: 0 0;
	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=checkbox]:not(old),
form.signup input[type=radio]:not(old) {
	width: 2em;
	font-size: 1em;
	opacity: 0;
	margin: 0;
	padding: 0
}

form.signup input[type=checkbox]:not(old)+label,
form.signup input[type=radio]:not(old)+label {
	line-height: 1.5em;
	display: inline-block
}

form.signup input[type=checkbox]:not(old)+label>span,
form.signup input[type=radio]: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: .25em .5em .25em .25em
}

form.signup input[type=checkbox]:not(old):checked+label>span,
form.signup input[type=radio]: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%)
}

form.signup input[type=checkbox]:not(old):checked+label>span:before,
form.signup input[type=radio]:not(old):checked+label>span:before {
	width: 1em;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1em;
	color: #fff;
	content: "✓";
	display: block;
	margin-left: -2px
}

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

.tabs-target span:nth-of-type(1):target~.tab:nth-of-type(1),
.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(2):target~.tab:nth-of-type(2),
.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(3):target~.tab:nth-of-type(3),
.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),
.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) {
	display: block
}

.tab-area {
	width: 100%
}

.tab-link {
	background: 0 0;
	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: Roboto, Arial, sans-serif;
	font-size: 22px
}

.tab-link:hover {
	background: #f8a928;
	color: #fff
}

.tab {
	background: 0 0;
	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_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_1:target~a.page_1: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_2:target~a.page_2: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,
.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 {
	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
}

.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, .07);
	width: 100%;
	border: 1px solid rgba(34, 188, 236, .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, .12);
	border: 1px solid rgba(34, 188, 236, .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: 0 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: 0 0;
	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
}

.top-container {
	background: rgba(255, 255, 255, .96);
	border-bottom: 1px solid rgba(221, 221, 221, .96);
	box-shadow: 0 0 7px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0 0 7px rgba(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 {
	height: auto;
	bottom: 0;
	position: absolute
}

#logo img {
	width: 100%
}

.pre-nav {
	float: right
}

.headlinks,
.headphone {
	height: 27px;
	display: table;
	float: left;
	font-family: 'Roboto Slab', Courier, serif;
}

a.login-link {
	margin-right: 8px
}

.pre-nav h3 {
	font-size: 25px;
	line-height: 0;
	vertical-align: middle;
	display: table-cell
}

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 {
	color: #22bcec
}

nav ul li.active>a {
	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*/
	width: 80px
}

/*nav ul li.nav5 a:after {
	width: 77px
}*/

nav ul li.nav5 a {
	background: #f8a928;
	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%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-text-shadow: 1px 1px 1px rgba(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.nav5 a:hover {
	background: #f8a928
}

nav ul li.nav6 a{
	border: 1px solid #DC9F3A;
	border-radius: 5px;	
	padding: 10px 25px;
}

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 {
	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 .5s ease;
	-webkit-transition: All .5s ease;
	-moz-transition: All .5s ease;
	-o-transition: All .5s ease;
	-ms-transition: All .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)
}

nav ul li ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 20px 0 0 0;
	position: absolute
}

nav ul li ul li {
	height: 0;
	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, .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)
}

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: 40px;*/
	position: relative;
		margin-left: 0;
}

.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, .1);
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-text-shadow: 1px 1px 1px rgba(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 .2s, background .5s;
	-webkit-transition: color .2s, background .5s;
	-moz-transition: color .2s, background .5s;
	-o-transition: color .2s, background .5s;
	-ms-transition: color .2s, background .5s;
	display: block;
	padding: 1em
}

.nav-item a:active {
	color: #22bcec
}

nav.mobile_menu ul li.dropdown ul {
	padding: 0 0 0 10px;
	position: relative
}

nav.mobile_menu ul li.dropdown ul li {
	background: 0 0;
	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: 0 0
}
nav.mobile_menu ul li ul li {
	position: inherit;
}


.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;
		margin-top: 15px;
}

.all_content,
.nav-trigger+label {
	transition: left .2s;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-o-transition: left .2s;
	-ms-transition: left .2s
}

.nav-trigger:checked+label {
	left: 265px
}

.nav-trigger:checked~.all_content {
	left: 250px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .3)
}

#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: 0 4px 8px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	overflow: auto;
	z-index: 2000;
	padding: 20px;
	position: absolute
}

.promo {
	background: url(/wp-content/themes/theonlinepractice/images/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: 0
}

.promo .first_part p span {
	display: block;
	margin-top: -2px
}

.promo .last_part {
	width: 40%;
	float: left
}

.last_part h4 span {
	letter-spacing: 15px
}

#gallery {
	background: rgba(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
}

.hero {
	background: url(/interface/v4/dental/home-main-image2.jpg) top right;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	image-rendering: -webkit-optimize-contrast
}

@media only screen and (min-width:481px) {
	.hero {
		background-position: right 55px
	}
}

@media only screen and (min-width:1025px) {
	.hero {
		background-position: right 95px
	}
}

.hero .overlay {
	width: 100%
}

.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 0 0 7px rgba(0, 0, 0, .12);
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, .12);
	-moz-box-shadow: inset 0 0 7px rgba(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 h1 {
	font-family: Roboto, Arial, sans-serif
}

.home-banner .content {
	position: relative
}

.three_nos {
	top: 20px;
	height: auto
}

.home-svcs {
	background: url(/wp-content/themes/theonlinepractice/images/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, .2);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
	-moz-text-shadow: 2px 2px 2px rgba(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: .07;
	z-index: -1;
	margin: -120px 0 0 30px;
	position: relative
}

.home-svcs .back img.icon {
	opacity: .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 {
	color: #22bcec
}

.back h3 {
	font-family: 'Roboto Slab', Courier, 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
}

.back a:hover,
.front 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
}

.back,
.front {
	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 .3s ease-in-out;
	-webkit-transition: All .3s ease-in-out;
	-moz-transition: All .3s ease-in-out;
	-o-transition: All .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:after,
.templates:before {
	width: 800px;
	height: 1600px;
	top: 50px;
	content: "";
	display: block;
	z-index: -1;
	position: absolute
}

.templates:before {
	background: rgba(248, 169, 40, .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, .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(/wp-content/themes/theonlinepractice/images/thumbs-up.jpg) top center no-repeat;
	background-size: cover
}

.start-today a.button-solid:hover {
	background: #fff;
	color: #22bcec;
	border-color: #fff
}

.design_gallery:after {
	background: url(/wp-content/themes/theonlinepractice/images/white-gradient.png) center center no-repeat;
	background-color: #22bcec;
	width: 100%;
	height: 10px;
	content: "";
	box-shadow: 0 1px 8px #777;
	-webkit-box-shadow: 0 1px 8px #777;
	-moz-box-shadow: 0 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 .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .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
}

.overview {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/header-product-overview.jpg) center center no-repeat;
	background-size: cover
}

.main_1 {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/products-find-your-perfect-fit.jpg) top center no-repeat;
	background-size: cover
}

.main_2 {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/products-step-into-the-spotlight.jpg) top center no-repeat;
	background-size: cover
}

.main_3 {
	background: url(/wp-content/themes/theonlinepractice/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(/wp-content/themes/theonlinepractice/images/circle-gradient.png) center center no-repeat;
	background-color: #22bcec
}

.circle2 {
	background: url(/wp-content/themes/theonlinepractice/images/circle-gradient.png) center center no-repeat;
	background-color: #f8a928
}

.circle3 {
	background: url(/wp-content/themes/theonlinepractice/images/circle-gradient.png) center center no-repeat;
	background-color: #6fbe4c
}

.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, .1);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	-ms-text-shadow: 2px 2px 2px rgba(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: 'Roboto Slab', Courier, serif;
	font-weight: 700;
	text-transform: uppercase
}

.po h3:after {
	background: #fff;
	width: 100%;
	height: 1px;
	content: "";
	display: block;
	margin: 20px 0
}

.po h3.color3:after {
	background: #6fbe4c
}

.content.packages {
	overflow: visible
}

.price_col .package_content {
	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 .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .15s ease-in-out;
	z-index: 2;
	position: relative
}

.price_col .hd {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 177px;
	border-radius: 25px 25px 0 0;
	color: #fff;
	text-align: center;
	padding-top: 25px
}

.price_col.basic .hd {
	background-color: #2abeec
}

.price_col.gold .hd {
	background-color: #f5b302
}

.price_col.platinum .hd {
	background-color: #777979
}

.price_col.diamond .hd {
	background-color: #002cbb
}

.price_col .hd h2 {
	font-size: 38px;
	letter-spacing: 0;
	margin: 0
}

.price_col .hd small {
	font-size: 14px;
	font-family: Roboto, Arial, sans-serif
}

.price_col .bd {
	background-color: #fff;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	padding: 15px;
	position: relative
}

.price_col.basic .bd {
	border-color: #2abeec
}

.price_col.gold .bd {
	border-color: #f5b302
}

.price_col.platinum .bd {
	border-color: #777979
}

.price_col.diamond .bd {
	border-color: #002cbb
}

.price_col .ft {
	height: 17px
}

.price_col.basic .ft {
	background-color: #2abeec;
	display: none
}

.price_col.gold .ft {
	background-color: #f5b302
}

.price_col.platinum .ft {
	background-color: #777979
}

.price_col.diamond .ft {
	background-color: #002cbb
}

.price_col .price {
	background: #fff;
	width: 185px;
	height: 185px;
	border-width: 3px;
	border-style: solid;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	z-index: 10;
	margin: -105px auto 20px;
	position: relative;
	text-align: center
}

.price_col .price h3 sup:not(.currency):after {
	content: '/mo.';
	position: absolute;
	right: -17px;
	bottom: -10px;
	font-size: 25px;
	font-weight: 700;
	font-family: 'Roboto Slab', Courier, serif
}

.price_col.basic .price {
	border-color: #2abeec
}

.price_col.gold .price {
	border-color: #f5b302
}

.price_col.platinum .price {
	border-color: #777979
}

.price_col.diamond .price {
	border-color: #002cbb
}

.price_col .price h3 {
	font-weight: 700;
	font-size: 70px;
	top: 43%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	position: relative;
	margin-left: -15px
}

.price_col .price h3 sup {
	font-size: 25px;
	vertical-align: baseline;
	position: relative;
	top: -27px
}

.price_col .price h3 sup.currency {
	font-size: 35px
}

.price_col .best_value {
	/*background: url(/interface/v4/best_value.png) center center no-repeat;*/
	background:url(/wp-content/themes/theonlinepractice/images/best_value.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 400px;
	height: 220px;
	position: absolute;
	z-index: 100;
	top: -165px;
	right: 0
}

.price_col ul {
	width: 100%;
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.price_col ul li {
	text-transform: none;
	margin-bottom: 0!important;
	line-height: 1.4em;
	color: #000;
	font-size: 14px
}

.price_col ul li.title {
	font-weight: 700;
	list-style-type: none;
	font-size: 16px
}

.get_started {
	text-align: center;
	margin: 10px 0 30px 0;
	position: relative;
	z-index: 500
}

.more_bang {
	text-align: center;
	margin: 30px 0
}

.more_bang h2 {
	color: #22bcec;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 30px
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both
}

.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
}

.page_header.basic {
	background: url(/interface/v4/dental/basic-package-background.jpg) center left no-repeat;
	background-size: cover
}

.basic_main_container {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/basic-package-single-dentist-bg.jpg) center center no-repeat;
	background-size: cover;
	border-top: 1px solid #ddd;
	box-shadow: 0 0 8px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .12);
	position: relative
}

.basic_main_container:after {
	background: rgba(255, 255, 255, .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(/wp-content/themes/theonlinepractice/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
}

.seo {
	background: url(/wp-content/themes/theonlinepractice/images/header-search-engine-optimization.jpg) center center no-repeat;
	background-size: cover
}

.seo_img {
	background: url(/wp-content/themes/theonlinepractice/images/graphic-search-engine-optimization.png) no-repeat;
	width: 40%;
	height: 296px;
	top: 130px;
	right: 0;
	display: block;
	position: absolute
}

article h3 {
	font-family: 'Roboto Slab', Courier, serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase
}

.social {
	background: url(/wp-content/themes/theonlinepractice/images/header-social-media.jpg) top center no-repeat;
	background-size: cover
}

.social_img {
	background: url(/wp-content/themes/theonlinepractice/images/graphic-social-media.jpg) no-repeat;
	width: 40%;
	height: 675px;
	top: 20px;
	right: 0;
	display: block;
	position: absolute
}

.about {
	background: url(/interface/v4/dental/city.jpg) top center no-repeat;
	background-size: cover;
	background-position: center
}

.cs_people {
	background: url(/wp-content/themes/theonlinepractice/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: Roboto, Arial, sans-serif;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0
}

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:after,
p.testimony:before {
	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
}

div.feedback p:not(.testimony),
table.feedback tr td p:not(.testimony) {
	text-align: right!important;
	margin-top: 20px
}

div.feedback p span,
table.feedback tr td p span {
	font-family: 'Roboto Slab', Courier, serif;
	font-size: 18px
}

div.feedback p em,
table.feedback tr td p em {
	font-size: 16px;
	font-weight: 100
}

div.feedback a:hover,
table.feedback tr td a:hover {
	background: 0 0;
	color: #22bcec
}

div.feedback article {
	margin: 25px 0
}

.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%);
	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%);
	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
}

.partners {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/firm-handshake-partners.jpg) center center no-repeat;
	background-size: cover
}

.partner_logos {
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}

.partner_logos section {
	padding: 0 20px
}

.partner_logos section a {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	height: 0
}

.partner_logos section img {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

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

.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(/wp-content/themes/theonlinepractice/images/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, .2);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px rgba(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
}

.step_one {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/steps-couple-at-the-door.jpg) center center no-repeat;
	background-size: cover
}

.step_two {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/steps-computer-and-desk.jpg) center center no-repeat;
	background-size: cover
}

.step_three {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/steps-multi-display.jpg) center center no-repeat;
	background-size: cover
}

.step_four {
	background: url(/wp-content/themes/theonlinepractice/images/v4/dental/steps-dice-with-icons.jpg) center center no-repeat;
	background-size: cover
}

#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, .1);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	line-height: none;
	opacity: .9;
	margin: 0;
	float: left
}

#social {
	margin-top: 2px;
	float: right;
	position: relative
}

#social a.social {
	width: 32px;
	height: 32px;
	display: block;
	opacity: .9;
	margin-left: 10px;
	float: right
}

#social a.social:hover {
	opacity: 1
}

a.fb {
	background: url(/wp-content/themes/theonlinepractice/images/icon-social-fb.png) no-repeat;
	background-size: 100%
}

a.tw {
	background: url(/wp-content/themes/theonlinepractice/images/icon-social-tw.png) no-repeat;
	background-size: 100%
}

a.yt {
	background: url(/wp-content/themes/theonlinepractice/images/icon-social-yt.png) no-repeat;
	background-size: 100%
}

a.li {
	background: url(/wp-content/themes/theonlinepractice/images/icon-social-li.png) no-repeat;
	background-size: 100%
}

a.gplus {
	background: url(/wp-content/themes/theonlinepractice/images/icon-social-gplus.png) no-repeat;
	background-size: 100%
}

footer {
	background-color: #22bcec!important;
	padding: 50px 0!important;
	position: relative
}

.footer:before {
	/** background: url(/wp-content/themes/theonlinepractice/images/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: .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 .15s ease-in-out;
	-webkit-transition: All .15s ease-in-out;
	-moz-transition: All .15s ease-in-out;
	-o-transition: All .15s ease-in-out;
	-ms-transition: All .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%
}

.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, .1)
}

.shape.light {
	background: rgba(255, 255, 255, .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, .96);
	border-bottom: 1px solid rgba(221, 221, 221, .96);
	box-shadow: 0 0 7px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0 0 7px rgba(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: -.5px;
	line-height: 130%;
	font-weight: 700
}

.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: #000!important
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
pre,
q,
samp,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

section {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
	line-height: normal
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	border: 0;
	outline: 0;
	margin: 10px 0
}

img {
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 1em 0
}

body {
	line-height: 1;
	overflow-x: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

nav ol,
nav ul {
	list-style: none
}

b,
strong {
	font-weight: 700
}

blockquote,
q {
	quotes: none;
	margin: 1em 40px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

a:focus {
	outline: 0
}

a:active,
a:hover {
	outline: 0
}

ins {
	background-color: #f5f5f5;
	color: #555;
	text-decoration: none
}

mark {
	background-color: #f5f5f5;
	color: #555;
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

dfn {
	font-style: italic
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-family: 'courier new', monospace;
	font-size: 1em
}

small {
	font-size: 75%
}

sub,
sup {
	font-size: 65%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

.clear {
	clear: both
}

@media only screen and (max-width:480px) {
	.fourth {
		width: 100%;
		padding: 30px 10px
	}
	label.select:after {
		display: none
	}
	label.select.tools:after {
		display: inherit
	}
	form .one_fourth,
	form .one_half {
		width: 100%
	}
	form.about_form fieldset.first input,
	form.about_form fieldset.second input,
	form.about_form textarea {
		width: 95%;
		max-width: 600px;
		margin: 0 auto 20px
	}
	form#step_four fieldset.first .table_cell_first,
	form#step_four fieldset.first .table_cell_second {
		width: 100%;
		height: 40px;
		text-align: center
	}
	form#step_four fieldset.first .table_cell_second.second {
		width: 210px;
		margin: 0 auto
	}
	#login {
		top: 60px;
		right: 0
	}
	label[for=nav-trigger] {
		display: block
	}
	#logo {
		width: 250px;
		left: 0;
		bottom: 10px;
		margin-left: calc(50% - 100px)
	}
	.top-container {
		min-height: 35px
	}
	header {
		display: none
	}
	.negative {
		display: none
	}
	.home4 p {
		margin-bottom: 50px
	}
	.home-banner .content {
		text-align: center
	}
	.front {
		height: 245px
	}
	.main_1,
	.main_2,
	.main_3 {
		min-height: 200px
	}
	.price_col {
		width: calc(100% - 4px);
		margin: 15px 2px
	}
	.bio_container,
	.photo_container {
		width: 100%;
		text-align: center
	}
	.steps h3 {
		margin: 0!important;
		padding: 10px 20px!important
	}
	.steps h6 {
		display: none
	}
	#prefooter h5 {
		text-align: center;
		float: none
	}
	#social {
		width: 126px;
		margin: 0 auto;
		padding: 10px 0 0;
		float: none
	}
}

@media only screen and (min-width:481px) {
	.fourth {
		width: 100%;
		padding: 30px 10px
	}
	label.select:after {
		display: none
	}
	label.select.tools:after {
		display: inherit
	}
	form .one_fourth,
	form .one_half {
		width: 100%
	}
	form.about_form fieldset.first input,
	form.about_form fieldset.second input,
	form.about_form textarea {
		width: 95%;
		max-width: 600px;
		margin: 0 auto 20px
	}
	form.signup input[type=checkbox]:not(old)+label {
		margin-left: -30px
	}
	form.signup div#CASLdiv input[type=checkbox]:not(old)+label {
		margin-left: 0;
		margin-bottom: 20px
	}
	form#step_four fieldset.first .table_cell_first,
	form#step_four fieldset.first .table_cell_second {
		width: 100%;
		height: 40px;
		text-align: center
	}
	form#step_four fieldset.first .table_cell_second.second {
		width: 210px;
		margin: 0 auto
	}
	label[for=nav-trigger] {
		display: block
	}
	#logo {
		width: 300px;
		left: 0;
		bottom: 7px;
		margin-left: calc(50% - 150px)
	}
	.top-container {
		min-height: 35px
	}
	header {
		display: none
	}
	.negative {
		display: none
	}
	.home4 p {
		margin-bottom: 50px
	}
	.home-banner .content {
		text-align: center
	}
	.front {
		height: 200px
	}
	.main_1,
	.main_2,
	.main_3 {
		min-height: 250px
	}
	.price_col {
		width: calc(100% - 20px);
		margin: 15px 10px
	}
	.bio_container,
	.photo_container {
		width: 100%;
		text-align: center
	}
	.subfooter p {
		text-align: center
	}
}

@media only screen and (min-width:542px) {
	.fourth {
		width: 50%
	}
	label.select:after {
		right: 6%;
		display: inherit
	}
	form .one_fourth,
	form .one_half {
		margin-right: 2%
	}
	form .one_half {
		width: 47%
	}
	form .one_fourth {
		width: 23%;
		min-width: 250px
	}
	form#step_four fieldset.first .table_cell_first,
	form#step_four fieldset.first .table_cell_second {
		width: auto;
		height: auto;
		float: left
	}
	form#step_four fieldset.first .table_cell_first {
		width: 80%;
		text-align: left
	}
	form#step_four fieldset.first .table_cell_second {
		width: 20%;
		text-align: right;
		padding-right: 25px
	}
	form#step_four fieldset.first .table_cell_second.second {
		width: 20%;
		margin: inherit
	}
	.home-banner .content {
		height: 75px
	}
	.three_nos {
		position: absolute
	}
	.three_nos.hleft {
		width: 180px;
		left: 10px
	}
	.three_nos.hcenter {
		width: 165px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}
	.three_nos.hright {
		width: 140px;
		right: 10px
	}
	.front {
		height: 180px
	}
	.price_col {
		width: calc(50% - 20px);
		float: left
	}
	.price_col#gold,
	.price_col#gold_plus,
	.price_col#platinum {
		float: right
	}
	.price_col .get_started {
		text-align: center
	}
	#social {
		width: auto;
		padding: 0
	}
}

@media only screen and (min-width:768px) {
	.max767 {
		display: none
	}
	.header {
		height: 275px;
		margin-top: 50px
	}
	.container3 {
		padding-top: 75px;
		padding-bottom: 75px
	}
	.half {
		width: 50%
	}
	.third {
		width: 33.333%
	}
	.two-third {
		width: 66.666%
	}
	.fourth {
		width: 25%
	}
	.match {
		display: table-cell
	}
	form.about_form fieldset.first input {
		margin: 0 2.5% 20px;
		float: left
	}
	form.about_form fieldset.first input,
	form.about_form fieldset.second input,
	form.about_form textarea {
		max-width: 800px
	}
	.hero,
	.hero .overlay {
		height: 460px
	}
	.feature-text {
		background: rgba(255, 255, 255, .5);
		width: 485px;
		margin: 75px 0 0 0;
		padding: 25px;
		float: right
	}
	.flexContainer {
		display: flex!important
	}
	.home4 p {
		margin-bottom: 75px
	}
	.three_nos.hleft {
		left: 25px
	}
	.three_nos.hright {
		right: 25px
	}
	.front {
		height: 270px
	}
	.circle {
		display: inherit
	}
	.po_fix-90 {
		padding-bottom: 90px!important
	}
	.main_1,
	.main_2,
	.main_3 {
		min-height: 0
	}
	.photo_container {
		width: 200px
	}
	.photo_container.left {
		margin-left: 4px
	}
	.photo_box {
		border: 5px solid #22bcec
	}
	.who_banner_contain {
		width: 200px;
		margin: -30px 0 0 -3px
	}
	.name_box {
		background: url(../images/patterns/circle-gradient.png) center -40px no-repeat;
		background-size: 60px 60px;
		background-color: #22bcec;
		color: #fff;
		text-align: center;
		border: 2px solid #37bfea;
		box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
		z-index: 10;
		margin: 0 auto;
		padding: 5px 0
	}
	.name_box h3 {
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
	}
	.bio_container {
		width: calc(100% - 210px)
	}
	.bio_container.left {
		text-align: left;
		padding-left: 50px
	}
	.bio_container.right {
		text-align: right;
		padding-right: 50px
	}
	footer .fourth {
		width: 230px;
		text-align: left
	}
	.fourth.sideline {
		border-right: 1px solid #ddd
	}
	section.fourth .logo {
		margin: 0
	}
	section.fourth .lspace-3 {
		margin-left: 30px
	}
}

@media only screen and (min-width:960px) {
	.price_col {
		width: calc(25% - 4px);
		margin: 0 2px;
		float: left
	}
	.price_col#gold {
		float: left
	}
	.price_col#gold_plus {
		float: left
	}
	.price_col#gold_social {
		float: left
	}
	.price_col#platinum {
		float: right
	}
	.price_col#diamond {
		margin-top: 80px
	}
	.more_bang {
		position: relative;
		bottom: 135px;
		text-align: left
	}
	.price_col .get_started {
		text-align: left
	}
	.price_col.featured {
		width: 100%;
		margin-bottom: 10px
	}
	.price_col.featured .hd {
		height: 93px;
		text-align: left;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 15px
	}
	.price_col.featured .hd h2 {
		font-size: 60px
	}
	.price_col.featured .bd {
		padding-left: 30px;
		padding-top: 30px
	}
	.price_col.featured .ft {
		display: block
	}
	.price_col.featured .price {
		position: absolute;
		right: 30px;
		top: -40px
	}
	.price_col.featured div.col {
		float: left;
		width: 48%
	}
	.price_col.featured div.col:last-of-type {
		float: right
	}
	.price_col.featured .best_value {
		background-position: right center;
		top: -163px;
		right: -13px
	}
	footer .fourth {
		width: 280px
	}
	.step_one {
		background-position: center -125px
	}
}

@media only screen and (min-width:1025px) {
	.max1024 {
		display: none
	}
	.header {
		height: 335px;
		margin-top: 65px
	}
	label[for=nav-trigger] {
		display: none
	}
	#logo {
		width: 410px;
		left: 0px;
		bottom: 0px;
		margin-left: 0
	}
	#logo.mobile {
		display: none
	}
	.top-container {
		min-height: 0
	}
	header {
		display: block
	}
	.hero,
	.hero .overlay {
		height: 640px
	}
	.negative {
		display: none
	}
	.feature-text {
		background: 0 0;
		width: 52%;
		margin: 150px 3% 0 0;
		padding: 0;
		float: right
	}
	.home-banner .content {
		height: 100px
	}
	.three_nos.hleft {
		width: 305px
	}
	.three_nos.hcenter {
		width: 280px
	}
	.three_nos.hright {
		width: 235px
	}
	.front {
		width: 240px;
		height: 240px;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%
	}
	.effect:hover .back {
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg)
	}
	.effect:hover .front {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg)
	}
	.services .mobile {
		display: none
	}
	.design_gallery {
		height: 95px
	}
	.design_gallery:after {
		top: 90px
	}
	.po_fix-90 {
		padding-bottom: 0
	}
	.price_col .package_content:hover {
		box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		z-index: 10
	}
	.basic .header h2,
	.overview .header h2,
	.seo .header h2,
	.social .header h2 {
		font-size: 50px
	}
}

@media only screen and (max-width:767px) {
	.min768 {
		display: none!important
	}
	.header {
		height: 200px;
		margin-top: 40px
	}
	.container3 {
		padding-top: 25px;
		padding-bottom: 25px
	}
	.half,
	.third,
	.two-third {
		width: 100%
	}
	.match {
		display: block
	}
	label.mini {
		width: 100%;
		clear: both;
		margin-bottom: 15px;
		float: left
	}
	.feature-text {
		background: rgba(255, 255, 255, .85);
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin: 50px 0 0 0;
		padding: 25px
	}
	.circle {
		display: none
	}
	.products .half {
		padding: 15px 0
	}
	.pre-article,
	.products article {
		width: 100%;
		text-align: center;
		padding: 0!important;
		float: none
	}
	.pre-article img {
		width: 65px
	}
	.product .text_block {
		width: 100%
	}
	.basic_img {
		opacity: .2
	}
	.basic_content {
		padding-top: 25px;
		padding-bottom: 25px
	}
	.basic_main_container:before {
		background: rgba(34, 188, 236, .5);
		width: 100%;
		height: 100%;
		content: "";
		position: absolute
	}
	.basic_content .first {
		display: none
	}
	.basic_content .second {
		width: 100%
	}
	.bp_to_gallery {
		background: #fff!important
	}
	.bp_to_gallery a,
	.bp_to_gallery p {
		color: #f8a928!important
	}
	.bp_to_gallery p {
		text-align: center
	}
	.bp_to_gallery a {
		margin-top: 15px
	}
	.bp_to_gallery a:hover {
		background: #f8a928!important;
		color: #fff!important;
		border-color: #f8a928!important
	}
	.seo_img {
		width: 100%;
		top: 70px;
		right: -25%;
		opacity: .1
	}
	.social_img {
		width: 100%;
		top: 70px;
		right: -25%;
		opacity: .1
	}
	.partner_logos .third {
		width: 33.333%!important
	}
	.teaser {
		text-align: center
	}
	.teaser a,
	.teaser h3 {
		float: none!important
	}
	.photo_box {
		border: 1px solid #f5f5f5;
		margin: 0 auto
	}
	.who_banner_contain {
		width: 100%
	}
	.name_box {
		color: #22bcec;
		margin: 10px auto -5px
	}
	.ribbon,
	.undershadow {
		display: none
	}
	footer section p {
		font-weight: 400
	}
	footer .fourth {
		width: 100%;
		text-align: center
	}
	footer .fourth.sideline {
		border: none
	}
	section.fourth .logo {
		margin: 0 auto
	}
	section.fourth .lspace-3 {
		margin-left: 0
	}
	.master-shape-container {
		display: none
	}
}

@media only screen and (max-width:1024px) {
	.min1025 {
		display: none
	}
	h1 {
		font-size: 30px;
		letter-spacing: -1.7px
	}
	h2 {
		font-size: 32px;
		letter-spacing: -1px
	}
	.header h2 {
		font-size: 40px
	}
	h3 {
		font-size: 28px
	}
	h4 {
		font-size: 24px
	}
	p {
		font-size: 18px
	}
	.content,
	.content_wide {
		padding: 25px 15px
	}
	.page_header,
	.page_header_alt {
		height: auto
	}
	.button-lg,
	.button-md {
		font-size: 15px;
		padding: 10px 15px
	}
	.group6.content {
		overflow: hidden!important
	}
	.front {
		width: 100%;
		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;
		margin: 10px 0;
		padding: 15px;
		position: relative!important
	}
	.front a {
		text-decoration: underline;
		color: #fff
	}
	.services .mobile {
		z-index: 10;
		margin: 0 auto;
		position: relative
	}
	.services .mobile h3 {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
		-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
		-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
		color: #fff
	}
	.services h2.nomobile {
		display: none
	}
	.services {
		width: 100%!important;
		height: auto
	}
	.design_gallery {
		height: 56px
	}
	.design_gallery:after {
		top: 56px
	}
	.bundles .content {
		text-align: center
	}
	.bundles a:hover {
		background: #fff;
		color: #22bcec;
		border-color: #22bcec
	}
	.packages {
		margin-top: 50px
	}
	.we_build_header {
		font-size: 40px
	}
}

@media only screen and (max-width:1150px) {
	.cs_people {
		display: none
	}
}

@media only screen and (min-width:1024px) and (max-width:1100px) {
	header {
		height: 110px!important
	}
	#logo {
		top: 10px!important
	}
	.design_gallery:after {
		top: 130px!important
	}
}

@media only screen and (max-height:739px){
	#gallery{height:100%;
		overflow:scroll;
		padding: 60px 0;
	}
}
@media only screen and (min-height:740px){
	#gallery {
		position: fixed
	}
	.gal_container {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%)
	}
}

#login {
	display: none
}

#gallery {
	display: none
}

#testomonial_container {
	display: none
}

.price_col ul li.gold {
	color: #f5b302
}

.price_col .basic-website ul {
	margin-bottom: 6px
}

li.star:before {
	content: "\2605";
	color: #f5b302;
	padding-right: 3px;
	margin-left: -20px;
	font-size: 120%
}

.temp_steup_links a {
	background: #ccc;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #aaa;
	display: inline-block;
	margin-right: 20px;
	padding: 8px 20px
}

.temp_steup_links a:hover {
	color: #fff
}
@media only screen and (max-width:1100px){
	#gallery h1{font-size:30px;letter-spacing:-1.7px}
}
.ibeugdpr-banner p {
	color:white;
	font-size: 13px;
}