.wpfront-notification-bar{visibility:hidden;position:fixed;overflow:hidden;left:0;right:0;text-align:center;color:#fff;background-color:#000;z-index:99998}.wpfront-bottom-shadow{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,.75);box-shadow:0 5px 5px 0 rgba(0,0,0,.75)}.wpfront-top-shadow{-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,.75);box-shadow:0 -5px 5px 0 rgba(0,0,0,.75)}.wpfront-notification-bar.wpfront-fixed{position:fixed;z-index:99998;width:100%;display:flex;align-content:center;align-items:center;justify-content:center;flex-direction:row}.wpfront-notification-bar.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar.wpfront-fixed.load{visibility:visible;position:relative}.wpfront-notification-bar.top{top:0}.wpfront-notification-bar.bottom{bottom:0}.wpfront-notification-bar.keep-closed,.wpfront-notification-bar.max-views-reached{display:none}.wpfront-notification-bar div.wpfront-close{position:absolute;top:3px;right:5px;cursor:pointer;font-family:Arial,sans-serif;font-weight:700;line-height:0;font-size:10px;padding:5px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.wpfront-notification-bar table,.wpfront-notification-bar tbody,.wpfront-notification-bar tr{margin:auto;border:0;padding:0;background:inherit}.wpfront-notification-bar td{background:inherit;vertical-align:middle;text-align:center;border:0;margin:0;padding:0;line-height:1em}.wpfront-notification-bar div.wpfront-div{display:inline-block;text-align:center;vertical-align:middle;padding:5px 0}.wpfront-notification-bar a.wpfront-button,.wpfront-notification-bar-editor a.wpfront-button{display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;font-size:13px;font-weight:700;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3);cursor:pointer;padding:5px 10px;margin-left:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.wpfront-notification-bar-open-button{position:absolute;right:10px;z-index:99998;border:3px solid #fff;width:23px;height:30px;cursor:pointer;background-repeat:no-repeat;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.wpfront-notification-bar-open-button.hidden{display:none}.wpfront-notification-bar-open-button.top{top:0;background-position:top center;border-top:0;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-top-left-radius:0}.wpfront-notification-bar-open-button.bottom{bottom:0;background-position:bottom center;border-bottom:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.wpfront-notification-bar-spacer{position:relative;z-index:99998}.wpfront-notification-bar-spacer.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar-spacer.hidden{display:none}div.wpfront-message p{margin:0}@font-face {
font-family: "Roboto";
font-weight: 400;
font-style: normal;
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Regular.eot);
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Regular.woff2) format("woff2"),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Regular.woff) format("woff");
}
@font-face {
font-family: "Roboto-light";
font-weight: 400;
font-style: normal;
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Light.eot);
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Light.woff2) format("woff2"),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Light.woff) format("woff");
}
@font-face {
font-family: "Roboto-medium";
font-weight: 400;
font-style: normal;
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Medium.eot);
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Medium.woff2) format("woff2"),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Medium.woff) format("woff");
}
@font-face {
font-family: "Roboto-bold";
font-weight: bold;
font-style: normal;
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Bold.eot);
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Bold.woff2) format("woff2"),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Bold.woff) format("woff");
}
@font-face {
font-family: "Roboto-black";
font-weight: 900;
font-style: normal;
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Black.eot);
src: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Black.woff2) format("woff2"),
url(//www.onlinechiro.com/wp-content/themes/onlinechiro/fonts/Roboto/Roboto-Black.woff) format("woff");
}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;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 15px;
float: left;
position: relative
}
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;
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
}
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;
padding: 5px 0 5px 8px
}
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;
height: 100px;
padding: 5px 5px 5px 8px
}
.clear {
clear: both
}*, ::before, ::after {
box-sizing: inherit;
}
html {
font-family: "Roboto", Arial, Helvetica, sans-serif; 
letter-spacing: 0;
}
section {
float: none;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
letter-spacing: 0;
margin: 0 0 .5em;
color: #395F8B;
}
h1, .h1 {
font: 45px/53px Roboto-black;
letter-spacing: 0;
font-weight: 900;
}
h2, .h2 {
font: 36px/48px Roboto-medium;
}
h3, .h3 {
font: 32px/34px Roboto-black;
}
h4, .h4 {
font: 22px/36px Roboto-medium;
}
h5, .h5 {
font: 16px/21px Roboto;
}
h6, .h6 {
font-size: 13px;
line-height: 1.230769;
} 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;
color: #555;
letter-spacing: 0px;
}
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
} .center {
text-align: center
}
.alignright {
text-align: right
} 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
} @media only screen and (max-width: 1024px) {
p {
font-size: 18px;
}
}
@media (max-width: 768px) {
h1, .h1 {
font: 40px/44px Roboto-black;
}
h2, .h2 {
font: 28px/32px Roboto-medium;
}
h3, .h3 {
font: 22px/28px Roboto-black;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font: 16px/21px Roboto;
}
h6, .h6 {
font-size: 10px;
line-height: 1.3;
}
}
@media (max-width: 420px) {
h1, .h1 {
font: 30px Roboto-black;
}
h2, .h2 {
font: 26px Roboto-medium;
}
h3, .h3 {
font: 22px Roboto-black;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font: 14px Roboto;
}
h6, .h6 {
font-size: 10px;
line-height: 1.3;
}
}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%)
}
.border-bot-2_thick {
border-bottom: 5px solid #dd9f3a
} .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
}.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
}
.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;
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%
}.home4 a {
position: absolute;
bottom: 0;
left: 50%;
right: -15%;
display: block !important;
margin: 0 !important;
transform: translateX(-50%);
}
img.home_icon {
position: relative;
top: 50px;
display: block;
width: 100%;
max-width: 60px;
margin: 0 auto;
transform: translateY(-50%);
}
.home-banner {
background: #f5f5f5;
}
.home-banner h1 {
font-family: Roboto, Arial, sans-serif;
}
.home-banner .content {
position: relative;
}
.three_nos {
top: 20px;
height: auto;
} #header {
position: fixed;
top: inherit;
left: 0;
right: 0;
height: 80px;
background: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
z-index: 100;
}
#header .phone.icon:before {
position: relative;
top: -1px;
margin-right: 10px;
color: #29666f;
}
#header .phone.icon:hover:before {
color: #fcb326;
}
#header .logo {
width: 235px;
min-height: 47px;
margin-left: 8px;
overflow: hidden;
}
#header .panel a.btn {
min-width: 90px;
max-width: 200px;
min-height: 30px;
max-height: 30px;
margin-bottom: 5px;
margin-left: 40px;
padding: 0;
font: 14px/30px Roboto-bold, sans-serif;
}
.phone {
position: relative;
padding: 5px 20px;
color: #395F8B;
font: 14px/19px Roboto-bold, sans-serif;
vertical-align: middle;
} .logo {
overflow: hidden;
}
.logo img {
display: block;
width: 100%;
} .header-top {
padding: 15px 0 16px;
} #nav {
max-width: 924px;
} .subnavigation {
width: 100%;
background: #0075bf;
}
.subnavigation ul {
display: flex;
flex-wrap: nowrap;
padding: 17px 122px 20px 162px;
}
.subnavigation ul li {
position: relative;
flex: 1;
padding: 0 5px;
font-size: 11px;
line-height: 1.27272727;
text-align: center;
}
.subnavigation ul li:not(:first-child):after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background: #aac5d5;
}
.subnavigation ul a {
display: inline-block;
color: #a9c5d5;
transition: none;
}
.subnavigation ul a:before {
display: block;
margin: 7px 0 10px;
font-size: 31px;
transition: none;
}
.subnavigation ul a:hover {
color: #fff;
} .header-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}.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) {
form.partners_form #CASLdiv {
margin-left: 0px;
}
.min768 {
display: none !important
}
.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(248, 169, 40, .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: #22bcec !important
}
.bp_to_gallery p {
text-align: center
}
.bp_to_gallery a {
margin-top: 15px
}
.bp_to_gallery a:hover {
background: #22bcec !important;
color: #fff !important;
border-color: #22bcec !important
}
.seo_img {
width: 100%;
position: static;
text-align: center
}
.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: #f8a928;
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
}
}.middle {
vertical-align: middle
}
.flexContainer {
position: relative;
}
.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;
min-width: 160px;
}
.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: #6fbe4c;
color: #fff;
border-color: #6fbe4c
}
.arrow_action.arrow1:hover {
background: #fff;
color: #f8a928;
border-color: #fff
}
.arrow_action.arrow1:after {
border-left-color: #6fbe4c;
border-right-color: #6fbe4c
}
.arrow_action.arrow1:hover::after {
border-left-color: #fff;
border-right-color: #fff
}
.arrow_action.arrow2 {
background-color: #f8a928;
color: #fff;
border-color: #f8a928
}
.arrow_action.arrow2:hover {
background: #fff;
color: #22bcec;
border-color: #fff
}
.arrow_action.arrow2:after {
border-left-color: #f8a928;
border-right-color: #f8a928
}
.arrow_action.arrow2:hover::after {
border-left-color: #fff;
border-right-color: #fff
}
.arrow_action.arrow3:hover {
background: #fff;
color: #22bcec;
border-color: #fff
}
.arrow_action.arrow3:after {
border-left-color: #6fbe4c;
border-right-color: #6fbe4c
}
.arrow_action.arrow3:hover::after {
border-left-color: #fff;
border-right-color: #fff
} transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active, input[type="submit"].btn:hover, input[type="submit"].btn:focus, input[type="submit"].btn:active,form.get-a-demo button:focus,form.get-a-demo button:active {
color: #EB7925;
}
.btn:hover:before, .btn:focus:before, .btn:active:before, input[type="submit"].btn:hover:before, input[type="submit"].btn:focus:before, input[type="submit"].btn:active:before,
form.get-a-demo button:hover:before,form.get-a-demo button:focus:before,form.get-a-demo button:active:before{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
@media (max-width: 679px) { }
@media (max-width: 768px) {
ul {
margin: 0 auto;
}
}
.btn_blue {
font: 16px/21px Roboto;
font-weight: bold;
color: #fff;
background: #395F8B;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-radius: 25px;
display: table;
padding: 16px 20px;
border: 2px  solid transparent;
min-width: 180px;
}
.btn_blue {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn_blue:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
border: 2px solid #395F8B;
border-radius: 25px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.btn_blue:hover {
color: #395F8B;
}
.btn_blue:hover:before, .btn_blue:focus:before, .btn_blue:active:before{
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.top-container {
top:0px;
background: rgba(255,255,255,1);
}
@media (max-width: 1024px) {
#main {
margin-top: 0px;
}
}
i.arrow {
border: solid black;
border-width: 0 4px 4px 0;
padding: 4px;
}
i.arrow.up {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
i.arrow.down {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
i.arrow.right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
i.arrow.left {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}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 #f8a928
}
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 #22bcec
}
form.about_form fieldset.first input {
width: 45%;
}
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: #f8a928;
border-color: #f8a928
}
form.about_form button:active {
background: #22bcec;
border: 2px solid #22bcec
}
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 #f8a928;
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 #f8a928;
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: #22bcec
}
form.partners_form button {
display: block;
margin: 0 auto;
background: #f8a928;
color: #fff;
border: 2px solid #f8a928
}
form.partners_form button:hover {
background: #fff;
color: #f8a928
}
form.partners_form button:active {
background: #22bcec;
border-color: #22bcec;
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 #f8a928;
margin: 10px 0
}
form.get-a-demo input:focus, form.get-a-demo select:focus {
border-color: #22bcec
}
form.get-a-demo input::placeholder, form.get-a-demo textarea::placeholder, form.get-a-demo select::placeholder { font: 16px/21px Roboto-bold,sans-serif;
opacity: 1;
}
form.get-a-demo input:-ms-input-placeholder, form.get-a-demo textarea::placeholder, form.get-a-demo select::placeholder { font: 16px/21px Roboto-bold,sans-serif;
}
form.get-a-demo input::-ms-input-placeholder, form.get-a-demo textarea::placeholder, form.get-a-demo select::placeholder { font: 16px/21px Roboto-bold,sans-serif;
}
form.get-a-demo select {
font: 16px/21px Roboto-bold,sans-serif;
background: #fff
}
form.get-a-demo input, form.get-a-demo textarea, form.get-a-demo select {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border: none;
color: #395f8b;
}
form.signup {
width: 100%
}
form.signup input, form.signup select, form.signup textarea {
font-family: Roboto, Helvetica, sans-serif;
border: 1px solid #ccc
}
form.signup label {
font-family: Roboto, Helvetica, sans-serif
}
form.signup input, form.signup select {
margin-bottom: 15px
}
form.signup button {
background: #f8a928;
color: #fff;
border: 2px solid #f8a928
}
form.signup button:hover {
background: 0 0;
color: #f8a928
}
form.signup button:active {
background: #22bcec;
color: #fff;
border: 2px solid #22bcec
}
form a {
color: #f8a928;
text-decoration: underline
}
form a:hover {
color: #22bcec
}
form#step_two fieldset.second label {
margin-right: 5px
}
form.signup input[type=checkbox], form.signup input[type=radio] {
width: 2em;
font-size: 1em;
opacity: 0;
margin: 0;
padding: 0
}
form.signup input[type=checkbox]+label, form.signup input[type=radio]+label {
line-height: 1.5em;
display: inline-block
}
form.signup input[type=checkbox]+label>span, form.signup input[type=radio]+label>span {
background: #fff;
width: 18px;
height: 18px;
border: 1px solid #f8a928;
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]:checked+label>span, form.signup input[type=radio]:checked+label>span {
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%)
}
form.signup input[type=checkbox]:checked+label>span:before, form.signup input[type=radio]: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]+label {
margin-left: -2em
}
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(248, 169, 40, .07);
width: 100%;
border: 1px solid rgba(248, 169, 40, .12);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 25px
}
form#step_four fieldset.first {
background: rgba(248, 169, 40, .12);
border: 1px solid rgba(248, 169, 40, .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: #f8a928;
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: 0px;
z-index: 1000;
position: absolute
} .form_section .form_fields input::placeholder{ font: 16px/21px Roboto-bold;
opacity: 1;
}
.form_section .form_fields input:-ms-input-placeholder{ font: 16px/21px Roboto-bold;
}
.form_section .form_fields input::-ms-input-placeholder { font: 16px/21px Roboto-bold;
}
.form_section .form_fields input[type="text"] {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ace7fa;
border: none;
color: #395f8b;
}
.form_section .form_field{
padding-bottom: 5px;
}
.form_section .form_buttons{
text-align: center;
margin-top: 40px;
}
.form_section .form_buttons input[type="submit"] {
min-width: 245px;
}
.form_section .form_buttons input[type="submit"]:hover {
color: #EB7925;
background: #FFFFFF;
border: 2px solid #EB7925;
}
@media (max-width: 768px) {
.form_section{
margin-bottom: 40px;
}
.form_section .container {
max-width: 600px;
}
.form_section .sub-heading {
padding: 0 0 20px; 
}
.form_section .sub-heading h3 {
font: 24px/28px Roboto-black;
}
.form_section .form_fields input[type="text"] {
font: 12px/16px Roboto-bold;
padding-top: 5px;
padding-bottom: 8px;
}
.form_section .form_fields input::placeholder{ font: 12px/16px Roboto-bold;
opacity: 1;
}
.form_section .form_fields input:-ms-input-placeholder{ font: 12px/16px Roboto-bold;
}
.form_section .form_fields input::-ms-input-placeholder { font: 12px/16px Roboto-bold;
}
.form_section .form_buttons{
margin-top: 20px;
}
}
@media (max-width: 420px) {
.form_section .container {
max-width: 300px;
}
.form_section .sub-heading h3 {
font: 14px/16px Roboto-black;
}
.form_section .form_fields{
-webkit-columns: 100px 1; -moz-columns: 100px 1; columns: 100px 1;
}
} .two_images_section{
margin-bottom: 80px;
}
.two_images_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.two_images_section .two_images_row{
max-width: 1000px;
margin: 0px auto;
-webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2;
}
.two_images_section .left_col img{
width: 100%;
max-width: 445px;
}
.two_images_section .right_col{
padding-top: 80px;
text-align: center;
}
.two_images_section .right_col img{
width: 100%;
max-width: 470px;
}
.two_images_section .caption_container{
margin: 0 40px;
margin-top: 40px;
font: 16px/19px Roboto;
color: #5e5e5e;
}
.two_images_section .caption_container p,.two_images_section .caption_container li {
font: 16px/19px Roboto;
color: #5e5e5e;
}
.two_images_section .caption_container ul{
display: inline-block;
}
@media (max-width: 1023px) {
.two_images_section .two_images_row{
-webkit-columns: 100px 1; -moz-columns: 100px 1; columns: 100px 1;
}
.two_images_section .left_col{
text-align: center;
}
.two_images_section .right_col{
padding-top: 40px;
}
.two_images_section .caption_container{
max-width: 640px;
margin: 40px auto 0px;
}
}#CustomPopup.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.6);
}
#CustomPopup.modal .modal-content {
margin: auto;
width: 80% !important;
max-width: 550px;
position: relative;
}
#CustomPopup.modal .close {
display: none;
color: #ffffff;
position: absolute;
top: -11px;
right: -11px;
font-size: 18px;
line-height: 18px;
font-weight: bold;
background-color: #000000;
border: #ffffff solid 2px;
z-index: 1;
border-radius: 50%;
width: 22px;
height: 22px;
text-align: center;
}.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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/chiropractor-and-patient.jpg) center center no-repeat;
background-size: cover;
position: relative
}
.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.seograph {
margin-top: -235px
}
.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: #f8a928
}
.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
}.promo {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/css/components/elements/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: 99;
padding: 20px;
position: fixed;
margin-top: 80px;
display: none
}
.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:none
}
.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;
}.get_started_section{
margin-bottom: 80px;
}
.get_started_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.get_started_section .content{
padding: 0px;
text-align: center;
align-content: center;
}
.get_started_section .content .textbox{
vertical-align: middle;
display: inline-block;
margin-right: 40px;
}
.get_started_section .content .textbox h2 {
font: 36px/42px Roboto-black;
color: #395F8B;
margin: 0px;
}
.get_started_section .content .btnbox{
margin-top: 0px;
display: inline-block;
}
.get_started_section .content .btnbox .btn-holder{
}
.get_started_section .content .btnbox .btn{
min-width: 280px;
}
@media (max-width: 768px) {
.get_started_section{
margin-bottom: 40px
}
.get_started_section .content{
display: block;
}
.get_started_section .content .textbox {
width: 100%;
text-align: center;
display: block;
margin-bottom: 20px;
}
.get_started_section .content .textbox h2 {
font: 24px/28px Roboto-black;
}
.get_started_section .content .btnbox {
display: block;
text-align: center;
width: 100%;
}
}
@media (max-width: 420px) {
.get_started_section .content .btnbox .btn{
min-width: auto;
}
.get_started_section .content .textbox h2 {
font: 14px/28px Roboto-black;
}
} .section_gap_hr{
height: 80px;
}
.section_gap_hr .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
@media (max-width: 768px) {
.section_gap_hr{
height: 40px;
}
} .pricing_chart_section{
margin-bottom: 80px;
}
.pricing_chart_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.pricing_chart_section h3 {
font: 32px/38px Roboto-black;
text-align: center;
margin-bottom: 40px;
}
.packages-table { width: 100%;
max-width: 1160px;
}
.packages-table table {
width: 100%; color: #8c8c8c;
text-align: center;
margin: 0 0 10px; 
border-spacing: 3px;
border-collapse: separate;
}
.packages-table table td, .packages-table table th {
text-align: center; padding: 0;
vertical-align: middle;
position: relative;
z-index: 1; 
}
.packages-table table th.price {
height: 80px;
}
.packages-table table th.title {
height: 40px;
}
.packages-table table td {
height: 60px;
}
.packages-table table td.package_service_row{
height: 120px;
padding: 0;
}
.packages-table table td.cell_rotated90{
width: 55px;
height: 120px;
text-transform: uppercase;
}
.packages-table .rotate90{
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 55px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.packages-table .rotate90 p {
font: 16px/18px Roboto-bold;
color: #FFFFFF;
letter-spacing: 0px;
}
.packages-table table .row_desc{
text-align: left;
padding: 0 10px;
font: 14px/14px Roboto;
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-slider,
.slick-slider * {
-webkit-transition: none;
transition: none; }
button.slick-prev,
button.slick-next {
margin: 0;
border-style: none;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1; }
.btn,.button, input[type="submit"].btn,form.get-a-demo button {
font: 16px/21px Roboto;
font-weight: bold;
color: #fff;
background: #EB7925;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-radius: 25px;
display: table;
padding: 16px 20px;
border: 2px  solid transparent;
min-width: 180px;
}
.btn, input[type="submit"].btn,form.get-a-demo button {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn:before, input[type="submit"].btn:before,form.get-a-demo button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
border: 2px solid #EB7925;
border-radius: 25px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}.pre-article img {
background-color: transparent;
background-clip: padding-box;
width: 85%;
border: 1px solid #f8a928;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/tor-office-equipment.jpg) center center no-repeat;
background-size: cover
}
.basic_main_container {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/kage-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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/oolbox.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: #f8a928
}
.basic-button a:hover {
color: #fff
} }
.image_text_section .content .imagebox {
max-width: 540px;
display: inline-block;
}
.image_text_section .content .imagebox .holder {
max-width: 540px;
}
.image_text_section .content .imagebox .holder img {
width: 100%;
max-width: 540px;
}
.image_text_section .btn-holder-mobile {
display: none;
}
@media (max-width: 768px) {
.image_text_section {
margin-bottom: 40px;
}
.image_text_section .content {
text-align: center;
padding: 0;
display: inherit;
}
.image_text_section .content .textbox {
width: 100%;
padding-left: 0px;
display: initial;
margin-left: 0;
}
.image_text_section .title-holder-mobile h3 {
display: inherit;
}
.image_text_section .content .textbox h3 {
display: none;
}
.image_text_section .content h3 {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.image_text_section .description {
font: 14px/20px Roboto;
display: inherit;
text-align: center;
display: grid;
margin-bottom: 20px;
}
.image_text_section .description li, .image_text_section .description p {
font: 14px/20px Roboto;
}
.image_text_section .content .imagebox {
width: 100%;
max-width: 768px;
margin-bottom: 20px;
}
.image_text_section .content .imagebox .holder {
float: none;
margin: 0 auto;
}
.image_text_section .btn-holder {
display: inherit;
text-align: center;
}
}
@media (max-width: 420px) {
.image_text_section .content {
padding: 0;
}
.image_text_section .content .imagebox {
width: 100%;
max-width: 300px;
margin: 0 auto 20px;
display: block;
}
.image_text_section .content .imagebox img {
width: 95%;
}
.image_text_section .description {
font: 12px/16px Roboto;
display: grid;
}
.image_text_section .description li, .image_text_section .description p {
font: 12px/16px Roboto;
}
} .services a {
color: #2C6770;
}
.services {
overflow: hidden;
height: auto;
width: 100%;
margin-bottom: 80px;
}
.services .container {
width: 100%;
max-width: 1156px;
margin: 0 auto;
}
.services .sub-heading {
padding-bottom: 22px;
}
.services .sub-heading h3 {
margin-bottom: 7px;
color: #395F8B;
text-align: center;
font-weight: bold;
letter-spacing: 0;
}
.services-list .item .slide-block {
font-size: 10px;
line-height: 1.2;
}
.services-list .item .slide-block h4 {
color: #0075bf;
}
.services-list .item i {
display: none;
}
.services-list .item .slide-block a {
font-family: "Roboto", Arial, Helvetica, sans-serif;
color: #F7A425;
}
.services-list .item .slide-block a:hover {
color: #fff;
}
.services-list .item .slide-block a:hover:after {
border-color: transparent transparent transparent #fff;
}
.services-list .item .slide-block a:after {
height: 0;
width: 0;
border-bottom: 5px solid transparent;
border-left: 5px solid #F7A425;
border-top: 5px solid transparent;
content: '';
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.services-list .item .opener,
.services-list .item .slide-block h4 {
text-transform: uppercase;
font-family: "Roboto", Arial, Helvetica, sans-serif;
}
@media (min-width: 769px) {
.services-list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 7px;
}
.services-list .item .opener,
.services-list .item .slide-block {
height: 100%;
}
.services-list .item {
list-style: none; width: calc(33.3% - 8px);
height: calc(218px + 6px);
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
z-index: 0;
-webkit-transition: z-index .6s ease 0s;
transition: z-index .6s ease 0s;
}
.services-list .item.active-flip {
z-index: 1;
}
.services-list .item.active-flip .opener {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.services-list .item.active-flip .slide-block {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.services-list .item-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: solid #fff;
border-width: 3px 2px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .5s ease 0s;
transition: transform .5s ease 0s;
}
.services-list .item .opener,
.services-list .item .slide-block {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .5s ease 0s;
transition: transform .5s ease 0s;
}
.services-list .item .opener {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #395f8B;
z-index: 2;
font-size: 18px;
line-height: 1.166666;
text-align: center;
pointer-events: none;
}
.services-list .item .opener-image {
width: 60px;
height: 60px;
overflow: hidden;
display: block;
margin: 40px auto 20px;
position: relative;
left: -8px;
}
.services-list .item .opener-image img {
max-width: 60px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.services-list .item .opener-content { left: 10px;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.services-list .item .slide-block {
font-size: 14px;
line-height: 1.214285;
color: #fff;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
background: #F1F1F1;
}
.services-list .item .slide-block-content {
left: 10px;
right: 10px;
padding: 4px 10px 0 88px;
}
.services-list .item .slide-block .media {
width: 60px;
height: 60px;
position: absolute;
top: 30px;
left: 15px;
}
.services-list .item .slide-block .media img {
max-width: 60px;
}
.services-list .item .slide-block h5 {
margin-top: 40px;
color: #39578B;
font-weight: bold;
}
.services-list .item .slide-block p {
margin-bottom: 7px;
color: #39578B;
text-transform: none;
font: 16px/19px Roboto;
}
.services-list .item .slide-block a {
font: 16px/21px Roboto-bold;
}
.services-list .item {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s;
}
.services-list .item:nth-child(3n+2) {
-webkit-transition: opacity .5s ease-out .2s, -webkit-transform .5s ease-out .2s;
transition: opacity .5s ease-out .2s, transform .5s ease-out .2s;
}
.services-list .item:nth-child(3n+3) {
-webkit-transition: opacity .5s ease-out .3s, -webkit-transform .3s ease-out .3s;
transition: opacity .5s ease-out .3s, transform .3s ease-out .3s;
}
.services.in-viewport .services-list .item {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-right: 8px;
margin-bottom: 8px !important;
}
}
.services .opener-content h5 {
color: #FFFFFF;
padding: 0 40px;
}
@media (max-width: 1023px) {
.services {
padding: 36px 0 0px;
}
.services .sub-heading {
padding-bottom: 17px;
}
.services .sub-heading h3 {
margin-bottom: 0px;
}
}
@media (max-width: 1023px) and (min-width: 769px) {
.services-list {
padding: 0;
}
.services-list .item {
width: calc( 50% - 11px );
height: calc(189px + 4px);
}
.services-list .item-content {
border-width: 2px;
}
.services-list .item .opener {
font-size: 15px;
line-height: 1.2;
}
.services-list .item .opener-image { }
.services-list .item .opener-image img {
width: 72%;
}
.services-list .item .slide-block {
font-size: 12px;
line-height: 1.166666;
}
.services-list .item .slide-block-content {
padding: 1px 28px 0 74px;
}
.services-list .item .slide-block .media {
width: 60px;
height: 60px;
}
.services-list .item .slide-block .media img {
width: 72%;
}
.services-list .item .slide-block h4 {
margin-bottom: 11px;
}
.services-list .item .slide-block p {
margin-bottom: 8px;
}
.services-list .item .slide-block a {
font-size: 11px;
line-height: 1.272727;
}
.services-list .item .slide-block a:after {
top: 0;
border-width: 4px;
}
.services .container {
max-width: 650px;
}
}
@media (max-width: 768px) {
.services {
max-width: 480px;
margin: 0 auto;
margin-bottom: 40px;
padding: 0px;
}
.services .sub-heading {
padding-bottom: 9px;
}
.services .sub-heading h3 {
margin-bottom: 4px;
}
.services-list .item {
width: 100%;
}
.services-list .item:not(:first-child) {
margin-top: -1px;
}
.services-list .item .opener {
height: 80px;
font-size: 12px;
line-height: 1.25;
display: block;
border: 0px solid #dfdfdf;
background: #F1F1F1;
position: relative;
}
.services-list .item .opener:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.07) 0%, rgba(0, 0, 0, 0.07) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 0%, rgba(0, 0, 0, 0.07) 100%);
}
.services-list .item .opener-content {
max-height: 40px;
position: relative;
z-index: 1;
display: block;
}
.services .opener-content h5 {
color: #395F8B;
font-weight: bold;
}
.services-list .item i {
display: inherit;
position: absolute;
right: 20px;
top: 80%;
border-color: #5e5e5e;
}
.services-list .item .opener-image {
width: 60px;
height: 60px;
overflow: hidden;
position: absolute;
left: 12px;
top: 10px;
}
.services-list .item .opener-image img {
width: 100%;
}
.services-list .item .opener-content h5 {
padding-top: 20px;
padding-left: 80px;
}
.services-list .item .slide-block {
overflow: hidden;
color: #fff;
border-top: 1px solid #dfdfdf;
background-color: #395F8B;
position: relative;
display: none;
}
.services-list .item .slide-block:after {
content: '';
position: absolute;
top: -16px;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.36) inset;
}
.services-list .item .slide-block-content {
padding: 20px 25px 20px 74px;
position: relative;
z-index: 1;
}
.services-list .item .slide-block .media,
.services-list .item .slide-block h5 {
display: none;
}
.services-list .item .slide-block p {
color: #FFFFFF;
font-size: 16px;
}
}.get_started_section {
margin-bottom: 80px;
}
.get_started_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.get_started_section .content {
padding: 0px;
text-align: center;
align-content: center;
}
.get_started_section .content .textbox {
vertical-align: middle;
display: inline-block;
margin-right: 40px;
}.how_it_works_hero .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.how_it_works_hero .title {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
padding: 0 100px;
}
.how_it_works_hero .image_container img {
width: 100%;
max-width: 976px;
}
.how_it_works_hero .items {
display: flex;
}
.how_it_works_hero .item {
padding: 0px 40px;
width: 25%;
text-align: center;
margin-bottom: 40px;
}
.how_it_works_hero .items.columns_separator .item:not(:last-child) {
border-right: 1px solid #2B2B2B;
}
.how_it_works_hero .item_title {
margin-bottom: 20px;
}
.how_it_works_hero .item_caption {
font: 18px/28px Roboto;
color: #2B2B2B;
margin-bottom: 20px;
min-height: 84px;
}
.how_it_works_hero .item .btn_primary {
width: 100%;
min-width: 160px;
max-width: 200px;
padding: 15px;
background-color: #EB7925;
color: #FFFFFF;
border-radius: 25px;
}
.how_it_works_hero .item .btn-holder {
margin-top: 40px;
}
@media (max-width: 999px) {
.how_it_works_hero .title {
padding: 0px;
margin-left: 40px;
margin-right: 40px;
}
.how_it_works_hero .description {
margin-left: 40px;
margin-right: 40px;
}
.how_it_works_hero .image_container {
margin-left: 40px;
margin-right: 40px;
margin-bottom: 0px;
width: auto;
}
.how_it_works_hero .items {
display: inherit;
margin: 0 40px;
}
.how_it_works_hero .item {
width: 100%;
margin-top: 20px;
}
.how_it_works_hero .items.columns_separator .item:not(:last-child) {
border-right: none;
}
.how_it_works_hero .item:not(:last-child) {
border-right: none;
}
.how_it_works_hero .item_title {
margin-bottom: 10px;
}
.how_it_works_hero .item_caption {
min-height: inherit;
}
.how_it_works_hero .btn-holder {
margin-bottom: 20px;
}
.how_it_works_hero .item .btn_secondary_light {
min-width: 245px;
}
}
@media (max-width: 768px) {
.how_it_works_hero .title {
margin-bottom: 20px;
}
.how_it_works_hero .description {
margin-bottom: 20px;
padding: 0px;
}
}
@media (max-width: 420px) {
.how_it_works_hero .item {
padding: 0px;
}
} .hero:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; z-index: 1;
}
.hero .container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
position: relative;
z-index: 2;
max-width: 1160px;
margin: 0 auto;
}
.hero .content,
.hero .media {
padding: 157px 6px 62px;
}
.hero .content {
width: 40%;
margin: 0;
margin-left: 30px;
}
.hero .media {
width: 45%;
}
.hero .media .holder {
margin: -26px -15px 0 -56px;
text-align: center;
}
.hero h1, .hero .h1 {
color: #fff;
margin-bottom: 38px;
}
.hero p {
margin-bottom: 62px;
color: #FFFFFF;
}
.hero .content .hero_logo {
margin-top: 3px;
margin-bottom: 31px;
max-width: 300px;
}
.hero .content p {
margin-bottom: 34px !important;
font: 16px/22px Roboto;
letter-spacing: 0;
} .hero_right_section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: #6d6e71;
position: relative;
height: 610px;
}
.hero_right_section .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.hero_right_section:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.hero_right_section .container {
width: 100%;
min-height: 655px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 2;
}
.hero_right_section .content {
width: 100%;
max-width: 1160px;
text-align: right;
padding-right: 10px;
}
.hero_right_section .content .textbox {
max-width: 600px;
float: right;
letter-spacing: 0;
margin-right: 0px;
margin-top: 132px;
}
.hero_right_section .content .textbox h1 {
letter-spacing: 0;
color: #FFFFFF;
margin-bottom: 40px;
}
.hero_right_section .content .textbox p {
color: #FFFFFF;
}
.hero_right_section .content .textbox span.btn-holder {
float: right;
}
.hero .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (max-width: 768px) {
.hero_right_section:before {
background: rgba(57, 95, 139, 0.4);
}
.hero_right_section {
height: 420px;
}
.hero_right_section .container {
align-items: normal;
}
.hero_right_section .content {
padding-top: 0px;
}
.hero_right_section .content .textbox {
margin-top: 80px;
margin-right: 100px;
}
.hero_right_section .content .textbox h1 {
letter-spacing: 0;
color: #FFFFFF;
margin-bottom: 20px;
}
}
@media (max-width: 420px) {
.hero_right_section {
height: 260px;
}
.hero_right_section .content .textbox {
margin-right: 0px;
margin-top: 40px;
text-align: center;
}
.hero_right_section .content .textbox span.btn-holder {
float: none;
}
}
.hero .btn {
padding: 16px 20px 15px;
}
@media (min-width: 768px) {
.hero h1, .hero .h1,
.hero p,
.hero .btn {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s, background .2s ease-in-out;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s, background .2s ease-in-out;
}
.hero img {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s;
}
.hero.in-viewport h1, .hero.in-viewport .h1,
.hero.in-viewport p,
.hero.in-viewport .btn,
.hero.in-viewport img {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.hero.alt, .hero.alt2, .hero.alt3 {
color: #000;
background: none;
}
.hero.alt:before, .hero.alt2:before, .hero.alt3:before {
display: none;
}
.hero.alt .container, .hero.alt2 .container, .hero.alt3 .container {
min-height: 602px;
}
.hero.alt .content, .hero.alt2 .content, .hero.alt3 .content {
padding-bottom: 118px;
}
.hero.alt h1,
.hero.alt .h1, .hero.alt2 h1,
.hero.alt2 .h1, .hero.alt3 h1,
.hero.alt3 .h1 {
margin-bottom: 37px;
color: #000;
line-height: 1;
}
.hero.alt .bg-holder, .hero.alt2 .bg-holder, .hero.alt3 .bg-holder {
opacity: 1;
}
.hero.alt .content:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -276px;
right: 0;
z-index: -1;
}
.hero.alt2 .container {
min-height: 570px;
}
.hero.alt2 .content {
width: 35%;
padding-bottom: 34px;
}
.hero.alt2 .h1, .hero.alt2 h1 {
margin-bottom: 27px;
font-size: 60px;
}
.hero.alt2 .media {
width: 65%;
}
.hero.alt2 .media .holder {
margin: 0 17px -94px -37px;
}
.hero.alt3:before {
display: block;
background: rgba(0, 117, 191, 0.75);
}
.hero.alt3 .container {
min-height: 264px;
}
.hero.alt3 .content {
width: 100%;
padding: 43px 0 15px;
text-align: center;
color: #fff;
}
.hero.alt3 h1,
.hero.alt3 .h1 {
margin-bottom: 0;
color: #fff;
}
.hero.alt3 p {
font: 30px/1 "Roboto", Arial, Helvetica, sans-serif;
}
.hero.alt4 {
margin-bottom: -5px;
color: #000;
background: #cecece;
}
.hero.alt4:before {
display: none;
}
.hero.alt4 .container {
min-height: 578px;
}
.hero.alt4 .content {
padding: 10px 0 120px;
}
.hero.alt4 h1, .hero.alt4 .h1 {
min-height: 185px;
color: #000;
}
@media (max-width: 1279px) {
.hero {
font-size: 14px;
line-height: 1.285714;
}
.hero .container {
min-height: 489px;
}
.hero .content {}
.hero .media {
padding: 10px 6px;
}
.hero .media .holder {
margin: -57px 28px 0 -54px;
}
.hero h1, .hero .h1 {
margin-bottom: 24px;
}
.hero p {
margin-bottom: 47px;
}
.hero .btn {
padding: 18px 30px 20px;
}
}
@media (max-width: 1023px) {
.hero .content {}
.hero .media .holder {
margin: -60px 8px 0 -101px;
}
.hero h1, .hero .h1 {
margin-bottom: 13px;
}
.hero p {
margin-bottom: 56px;
}
.hero .btn {
margin-left: 12px;
}
.hero.alt3 .container {
min-height: 206px;
}
.hero.alt3 .content {
padding: 58px 0 5px;
}
.hero.alt3 h1,
.hero.alt3 .h1 {
font-size: 48px;
margin-bottom: 7px;
}
.hero.alt3 p {
font-size: 24px;
line-height: 1.125;
}
.hero.alt4 .container {
min-height: 363px;
}
.hero.alt4 .content {
padding: 10px 0 52px 54px;
}
.hero.alt4 h1,
.hero.alt4 .h1 {
min-height: 148px;
font-size: 44px;
line-height: 1.06818181;
}
.hero.alt4 .btn {
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.hero.alt .container, .hero.alt2 .container {
min-height: 365px;
}
.hero.alt .content, .hero.alt2 .content {
width: 560px;
padding: 20px 0 65px 54px;
}
.hero.alt .media, .hero.alt2 .media {
width: 35%;
}
.hero.alt h1, .hero.alt .h1, .hero.alt2 h1, .hero.alt2 .h1 {
font-size: 44px;
margin-bottom: 28px;
}
.hero.alt .btn, .hero.alt2 .btn {
min-width: 266px;
font-size: 13px;
line-height: 1.230769;
margin-left: 0;
padding: 18px 30px;
}
.hero.alt .bg-holder, .hero.alt2 .bg-holder {
background-position: 10% 100%;
}
.hero.alt .content:after {
background-size: 72.5% 100%;
left: -160px;
right: -28px;
top: -70px;
}
.hero.alt2 .container {
min-height: 360px;
}
.hero.alt2 .content {
width: 47%;
padding-bottom: 5px;
}
.hero.alt2 h1, .hero.alt2 .h1 {
margin-bottom: 18px;
min-height: 142px;
}
.hero.alt2 .media {
width: 53%;
}
.hero.alt2 .media .holder {
margin: 54px 18px 0 -52px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.hero.alt .content:after, .hero.alt2 .content:after {
background-size: 60% 100%;
}
}
@media (max-width: 768px) {
.hero {
height: 420px;
}
.hero:before {
background: rgba(57, 95, 139, 0.4);
}
.hero {
font-size: 11px;
line-height: 1.454545;
display: block;
padding-bottom: 21px;
}
.hero .container {
min-height: 0;
}
.hero .content {
width: 70%;
padding: 77px 0 92px 65px;
}
.hero .media {
width: 30%;
}
.hero .media img {
opacity: .51;
}
.hero .media .holder {
margin: 1px -194px -43px -120px;
}
.hero h1, .hero .h1 {
margin-bottom: 20px;
}
.hero p {
margin-bottom: 16px;
}
.hero .btn {
margin: 0 auto;
padding: 19px 30px 18px;
}
.hero.alt, .hero.alt2, .hero.alt4 {
padding-bottom: 13px;
color: #fff;
}
.hero.alt .container, .hero.alt2 .container, .hero.alt4 .container {
margin-bottom: 8px;
padding: 0;
}
.hero.alt .content,
.hero.alt .media, .hero.alt2 .content,
.hero.alt2 .media, .hero.alt4 .content,
.hero.alt4 .media {
width: 100%;
}
.hero.alt .content, .hero.alt2 .content, .hero.alt4 .content {
padding: 10px 5px 5px;
text-align: center;
background: rgba(0, 0, 0, 0.56);
}
.hero.alt h1, .hero.alt .h1, .hero.alt2 h1, .hero.alt2 .h1, .hero.alt4 h1, .hero.alt4 .h1 {
color: #fff;
font-size: 24px;
line-height: 1.125;
margin-bottom: 5px;
}
.hero.alt .btn, .hero.alt2 .btn, .hero.alt4 .btn {
position: relative;
z-index: 1;
}
.hero.alt .media .holder, .hero.alt2 .media .holder, .hero.alt4 .media .holder {
margin: 0;
}
.hero.alt .media img, .hero.alt2 .media img, .hero.alt4 .media img {
width: 100%;
max-width: 480px;
opacity: 1;
}
.hero.alt .bg-holder, .hero.alt2 .bg-holder, .hero.alt4 .bg-holder {
display: block;
background-position: 93% 50%;
}
.hero.alt, .hero.alt4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero.alt .container, .hero.alt4 .container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 249px;
}
.hero.alt .content:after, .hero.alt4 .content:after {
display: none;
}
.hero.alt2 {
padding-bottom: 29px;
}
.hero.alt2 .container {
display: table;
min-height: 0;
margin-bottom: 14px;
}
.hero.alt2 .media {
display: table-header-group;
padding: 0;
}
.hero.alt2 .media .holder {
margin: 0;
}
.hero.alt2 .content {
display: table-footer-group;
padding: 0;
}
.hero.alt2 .content h1 {
padding: 10px 5px;
}
.hero.alt3 {
padding-bottom: 0;
}
.hero.alt3 .container {
min-height: 142px;
}
.hero.alt3 .content {
padding: 30px 0 5px;
}
.hero.alt3 h1,
.hero.alt3 .h1 {
font-size: 30px;
margin-bottom: 15px;
}
.hero.alt3 p {
font-size: 18px;
line-height: 1.16666666;
}
.hero.alt3 .bg-holder {
display: block;
}
.hero.alt4 .container {
min-height: 242px;
}
.hero.alt4 .content {
padding: 23px 5px 20px;
}
.hero.alt4 h1, .hero.alt4 .h1 {
min-height: 0;
}
.hero.alt4 .btn {
margin: 0 auto;
}
.hero .content .hero_logo {
margin-bottom: 20px;
}
.hero .content p {
margin-top: 0px;
margin-bottom: 20px !important;
}
}
@media (max-width: 420px) {
.hero {
height: auto;
min-height: 230px;
}
}.pre-article img {
background-color: transparent;
background-clip: padding-box;
width: 85%;
border: 1px solid #f8a928;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/tor-office-equipment.jpg) center center no-repeat;
background-size: cover
}
.basic_main_container {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/kage-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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/oolbox.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: #f8a928
}
.basic-button a:hover {
color: #fff
} .section_pricing_chart .section_container{
padding: 0px 0px;
}
.section_pricing_chart .title{
text-align: center;
margin-bottom: 20px;
}
.section_pricing_chart .description{
text-align: center;
font: 18px/28px Roboto;
color: #656C70;
margin-bottom: 60px;
}
.packages-table-tabs {
width: 100%;
max-width: 1160px;
margin-bottom: 80px;
}
.packages-table-tabs table {
width: 100%;
color: #8c8c8c;
text-align: center;
margin: 0 0 10px; 
border-spacing: 3px;
border-collapse: separate;
}
.packages-table-tabs table td, .packages-table-tabs table th {
text-align: center;
padding: 0; position: relative;
z-index: 1; 
}
.section_pricing_chart .packages-table-tabs th.title{
width: 140px;
padding: 15px 10px;
height: 105px;
vertical-align: middle;
}
.section_pricing_chart .packages-table-tabs th.title .plan_name{
margin-bottom: 5px;
font: 700 16px/20px Roboto-bold;
color: #FFFFFF;
}
.section_pricing_chart .packages-table-tabs th.title .plan_caption{
font: 14px/16px Roboto;
color: #FFFFFF;
}
.section_pricing_chart .packages-table-tabs th.row_title_1 {
background: transparent linear-gradient(90deg, #446295 0%, #477ba8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_2 {
background: transparent linear-gradient(90deg, #477ba8 0%, #4986b1 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_3 {
background: transparent linear-gradient(90deg, #4986b1 0%, #4b94bb 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_4 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_5 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_6 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs tbody td{
vertical-align: middle;
height: 60px;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title{
text-align: left;
padding-left: 15px;
font: bold 14px/18px Roboto-bold;
letter-spacing: 0.7px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title a{
text-align: left;
font: 900 14px/18px Roboto-black;
letter-spacing: 0.7px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title a:hover{
text-decoration: underline;
}
.section_pricing_chart .packages-table-tabs tbody td .row_caption{
text-align: left;
padding-left: 15px;
font: 12px/18px Roboto;
letter-spacing: 0px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tr.bgdark{
background-color: rgba(185,189,190, 0.55);
}
.section_pricing_chart .packages-table-tabs tr.bglight{
background-color: rgba(185,189,190, 0.25);
}
.packages-table-tabs .btn-more {
display: block;
text-transform: uppercase;
color: #fff;
background: #F15E3E;
border: 2px  solid transparent;
font-size: 14px;
line-height: 21px;
padding: 11px 15px;
text-align: center;
border-radius: 5px;
font-family: Roboto;
max-width: 230px;
margin: 0 auto;
position: relative;
z-index: 2; 
}
.packages-table-tabs .btn-more:hover {
background: #ffffff;
color: #F15E3E;
border: 2px solid #F15E3E; 
}
.packages-table-tabs tfoot {
background: #fff; 
}
.packages-table-tabs tfoot .prices td {
padding: 10px;
color: #fff;
font: normal 12px/18px Roboto;
}
.packages-table-tabs tfoot .prices .start_from{
font: normal 28px/18px Roboto;
padding: 12px 0px;
}
.packages-table-tabs tfoot .prices .btn_primary{
min-width: 90px;
padding: 7px 20px;
font-size: 14px;
margin: 12px auto 12px;
}
.packages-table-tabs tfoot .prices .col1 {
background: transparent linear-gradient(90deg, #5092b9 0%, #5da2bd 100%) 0% 0% no-repeat padding-box;
}
.packages-table-tabs tfoot .prices .col2 {
background: transparent linear-gradient(90deg, #5da2bd 0%, #67afc0 100%) 0% 0% no-repeat padding-box;
}
.packages-table-tabs tfoot .prices .col3 {
background: transparent linear-gradient(90deg, #67afc0 0%, #70bbc4 100%) 0% 0% no-repeat padding-box;
}
.packages-table-tabs tfoot .prices .call4price{
background: transparent linear-gradient(90deg, #70bbc4 0%, #81ceca 100%) 0% 0% no-repeat padding-box;
font: bold 16px/20px Roboto;
vertical-align: middle;
}
.packages-table-tabs thead .prices th {
padding: 10px;
color: #fff;
font: 300 12px/18px Roboto;
}
.packages-table-tabs thead .prices .start_from{
font: 300 28px/18px Roboto;
padding: 8px 0px 16px;
color: #fff;
}
.packages-table-tabs thead .prices .start_from .text{
font: 300 16px/30px Roboto;
}
.packages-table-tabs thead .prices .btn_primary_dark{
min-width: 90px;
padding: 4px 11px;
font-size: 14px;
margin: 0px auto 12px;
}
.packages-table-tabs thead .prices th{
vertical-align: top;
}
.packages-table-tabs thead .prices .col1 {
background-color: #93979A; 
}
.packages-table-tabs thead .prices .col2 {
background-color: #7B8185; 
}
.packages-table-tabs thead .prices .col3 {
background-color: #2B2B2B; 
}
.packages-table-tabs thead .prices .divider {
margin-top: 18px;
margin-bottom: 14px;
}
.packages-table-tabs thead .prices .call4price{
background-color: #007FB2;
font: 700 16px/20px Roboto;
padding: 15px 10px;
}
.packages-table-tabs .textcall4price{
color: #FFFFFF;
padding: 0px 0 15px;
}
.packages-table-tabs .hidetablet{
visibility: visible;
}
.packages-table-tabs .showtablet{
visibility: collapse;
}
.packages-table-tabs .included {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
background: #04243C;
width: 15px;
height: 15px;
border-radius: 50%; 
}
.packages-table-tabs .canbeincluded {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
border: 2px solid #989898;
width: 15px;
height: 15px;
border-radius: 50%; 
}
.packages-table-tabs tbody {
background: #fff; }
.packages-table-tabs tbody tr:first-child td {
padding-top: 0px; }
.packages-table-tabs thead th.popular .shadow {
display: none; }
.customtabs ul.pagination{
border: none;
}
.packages-table-tabs .pagination-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 250px;
margin: 60px auto 0;
}
.packages-table-tabs .pagination-holder .prev,
.packages-table-tabs .pagination-holder .next {
text-indent: -9999px;
overflow: hidden;
border: 1px solid transparent;
color: #2B2B2B;
border-left-color: currentColor;
border-right-color: currentColor;
border-width: 12px 20px 12px 0;
display: block;
width: 20px;
height: 24px;
cursor: pointer; }
.packages-table-tabs .pagination-holder .prev:hover,
.packages-table-tabs .pagination-holder .next:hover {
color: #0076be; }
.packages-table-tabs .pagination-holder .next {
border-left-width: 20px;
border-right-width: 0; }
.packages-table-tabs .pagination-holder .pagination {
padding: 0;
margin: 0 20px;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.packages-table-tabs .pagination-holder .pagination li {
margin: 5px 4px 5px 5px; }
.packages-table-tabs .pagination-holder .pagination .link {
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
background: #2B2B2B;
cursor: pointer; }
.packages-table-tabs .pagination-holder .pagination .link:hover, .packages-table-tabs .pagination-holder .pagination .link.active {
background: #0076be; 
}
.section_pricing_chart .bottom_btn_box{
text-align: center;
}
@media (max-width: 1160px) {
.section_pricing_chart .section_container{
padding: 0px 40px;
}
}
@media (min-width: 768px) {
.packages-table-tabs {
opacity: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s; 
margin: 0 auto;
}
.packages-table-tabs.in-viewport {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0px);
transform: translateX(0); 
margin: 0 auto;
}
}
@media (max-width: 1023px) {
.pricing_chart_section {
margin-bottom: 40px;
}
.pricing_chart_section .sub-heading {padding: 0px;}
.pricing_chart_section h3 {margin-bottom: 20px;}
.packages-table-tabs {
padding: 0 9px; }
.packages-table-tabs table {
font-size: 12px; }
.packages-table-tabs table td, .packages-table-tabs table th {
padding: 0; }
.packages-table-tabs .btn-more {
font-size: 12px;
line-height: 20px;
padding: 8px 10px; }
.packages-table-tabs tfoot td {
padding: 27px 10px 15px; }
.packages-table-tabs .included {
width: 15px;
height: 15px; }
.packages-table-tabs th.price .text {
font-size: 15px;
}
.packages-table-tabs th.price .text.start-from {
font-size: 12px;
margin: 0 -8px; }
.packages-table-tabs th.price .text strong {
font-size: 24px;
line-height: 1;
margin-top: 0; }
.packages-table-tabs th.title {
font-size: 15px;
line-height: 1; }
}
@media (max-width: 768px) {
.packages-table-tabs {
padding: 0; }
.packages-table-tabs table {
font-size: 11px;
max-width: 520px;
margin: 0 auto 40px;
}
.packages-table-tabs table thead th:first-child {
}
.packages-table-tabs .btn-more {
font-size: 10px;
line-height: 12px; }
.packages-table-tabs tfoot td {
padding: 5px 15px; }
.packages-table-tabs .included {
width: 12px;
height: 12px; }
.packages-table-tabs th.price {
}
.packages-table-tabs th.price .text {
font: 12px/18px Roboto; }
.packages-table-tabs th.price .start_from {
font: 28px/18px Roboto;
display: block;
}
.packages-table-tabs th.title {
font: 16px/18px Roboto; }
.packages-table-tabs th.title:before {
border-top-width: 6px; }
.packages-table-tabs tbody td.popular .shadow, .packages-table-tabs tbody td.popular:after, .packages-table-tabs tbody td.popular:before,
.packages-table-tabs tfoot td.popular .shadow,
.packages-table-tabs tfoot td.popular:after,
.packages-table-tabs tfoot td.popular:before {
display: none; } 
.packages-table-tabs .textcall4price {
font: 300 12px/14px Roboto;
}
.packages-table-tabs .hidetablet{
visibility: collapse;
display: none;
line-height: 0;
}
.packages-table-tabs .showtablet{
visibility: visible;
}
.packages-table-tabs .pagination-holder{
margin-bottom: 40px;
}
.section_pricing_chart h2 {
margin-bottom: 20px;
}
}
@media (max-width: 420px) {
.packages-table-tabs {
margin-bottom: 40px;
}
.packages-table-tabs table {
max-width: 400px;
margin: 0 auto 20px;
}
.packages-table-tabs tbody tr:first-child td {
padding-top: 10px;
}
.packages-table-tabs tbody tr td {
padding-top: 10px;
padding-bottom: 10px;
}
.section_pricing_chart .section_container {
padding: 0px 20px;
}
.section_pricing_chart .description {
margin-bottom: 30px;
}
}.testimonials {
padding: 0px;
margin-bottom: 80px;
}
.testimonials .container {
max-width: 1160px;
margin: 0px auto;
}
.testimonials .sub-heading {
padding: 0px;
}
.testimonials .sub-heading h3 {
font: 32px/38px Roboto-black;
color: #395F8B;
text-align: center;
margin-bottom: 40px;
}
.testimonials-holder { padding: 0 80px;
}
.testimonials .testimonial {
width: calc(50% - 10px);
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
border-style: none;
max-width: 490px;
}
.testimonials .testimonial:only-child {
display: block;
margin: 0 auto;
}
.testimonials .testimonial:not(:only-child):nth-child(2n+1) {
padding-right: 40px;
}
.testimonials .testimonial:nth-child(2n+2) {
padding: 0 25px 0 0px;
margin-left: -3px;
}
.testimonials .testimonial:not(:only-child):nth-child(2n+1) {
position: relative;
}
.testimonials .testimonial:not(:only-child):nth-child(2n+1):before {
width: 2px; position: absolute;
top: 0;
right: 8px;
bottom: 0;
background: #e4e4e4;
}
.testimonials .testimonial .media {
display: inline-block;
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
}
.testimonials .testimonial .media img {
width: 100%;
border-radius: 50%;
}
.testimonials .testimonial q {
display: block;
position: relative;
}
.testimonials .testimonial q {  font: 16px/22px Roboto;
font-style: italic;
color: #898989;
margin: 0px;
margin-left: 80px;
}
.testimonials .testimonial q:before, .testimonials .testimonial q:after {
font-size: 77px;
position: absolute;
top: 17px;
}
.testimonials .testimonial q:before {
left: 8px;
content: open-quote;
}
.testimonials .testimonial q:after {
right: 0;
content: close-quote;
}
.testimonials .testimonial .testimonial_person_name {
font: 18px/24px Roboto-bold;
color: #4DA5C8;
margin-top: 20px;
}
.testimonials .testimonial cite {
width: 100%;
display: block;
padding-bottom: 75px;
font: 15px/1.2 "Roboto", Arial, Helvetica, sans-serif;
color: #757575;
border-top: 2px solid #757575;
position: relative;
}
.testimonials .testimonial cite span {
width: 50%;
float: left;
padding-top: 7px;
}
.testimonials .testimonial cite span:first-child {
text-align: right;
padding-right: 102px;
}
.testimonials .testimonial cite span:last-child {
padding-left: 50px;
}
.testimonials .testimonial cite img {
width: 96px;
height: 96px;
border-radius: 50%;
position: absolute;
margin-left: -18px;
top: -49px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
} @media (max-width: 1024px) {
.testimonials-holder {
padding: 0 20px;
}
}
@media (max-width: 768px) {
.testimonials {
margin-bottom: 40px;
}
.testimonials .sub-heading {
padding-bottom: 0px;
} .testimonials .sub-heading h3 {
font: 24px/28px Roboto-black;
}
.testimonials-holder {
padding: 0 20px;
}
.testimonials .testimonial q {
font: 12px/16px Roboto-light;
}
}
@media (max-width: 420px) {
.testimonials .sub-heading h3 {
font: 14px/16px Roboto-black;
margin-bottom: 20px;
}
.testimonials-holder {
max-width: 320px;
margin: 0 auto;
padding: 0px;
}
.testimonials .testimonial {
width: 100%;
padding: 0px;
}
.testimonials .testimonial:not(:only-child):nth-child(2n+1) {
padding-right: 0px;
}
.testimonials .testimonial:nth-child(2n+2) {
padding: 0px;
margin-left: 0px;
}
.testimonials .testimonial .media {
position: relative;
margin: 0 auto;
display: block;
margin-bottom: 20px;
}
.testimonials .testimonial q {
margin-left: 0px;
text-align: center;
padding: 0px 15px;
}
.testimonials .testimonial .testimonial_person_name {
text-align: center;
}
}
.testimonials ul.slick-dots {
text-align: center;
height: 13px;
margin-top: 40px;
}
.testimonials ul.slick-dots li {
list-style: none;
display: inline-block;
margin: 0px;
height: 13px;
}
.testimonials ul.slick-dots li button {
text-indent: -9999px;
padding: 0px;
background-color: #8ED6EA;
border: 0;
width: 13px;
height: 13px;
}
.testimonials ul.slick-dots li.slick-active button {
background-color: #4DA5C8;
}
@media (max-width: 768px) {
.testimonials ul.slick-dots {
margin-top: 20px;
}
}.steps h2 {
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/circle-gradient.png) center center no-repeat;
background-color: #f8a928;
width: 100px;
height: 46px;
text-align: center;
color: #fff;
border: 1px solid #dd9f3a;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/ple-at-the-door.jpg) center center no-repeat;
background-size: cover
}
.step_two {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/puter-and-desk.jpg) center center no-repeat;
background-size: cover
}
.step_three {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/ti-display.jpg) center center no-repeat;
background-size: cover
}
.step_four {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/e-with-icons.jpg) center center no-repeat;
background-size: cover
}
#prefooter {
display: none;
background: #dd9f3a;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/icon-social-fb.png) no-repeat;
background-size: 100%
}
a.tw {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/icon-social-tw.png) no-repeat;
background-size: 100%
}
a.yt {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/icon-social-yt.png) no-repeat;
background-size: 100%
}
a.li {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/icon-social-li.png) no-repeat;
background-size: 100%
}
a.gplus {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/icon-social-gplus.png) no-repeat;
background-size: 100%
}
footer {
background-image: linear-gradient(to right, rgba(235, 121, 37, 1), rgba(247, 164, 37, 1));
padding: 160px 0px;
position: relative
}
.footer .content {
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 0px;
display: table;
}
footer .logo {
width: 200px;
height: auto
}
footer .logo img {
width: 100%
}
.footer .contacts {
font: 16px/19px Roboto, sans-serif;
letter-spacing: 0;
color: #FFFFFF;
padding-left: 0;
padding-top: 15px;
}
footer .contacts .btn {
margin-top: 40px;
border: 2px solid #FFFFFF;
}
.footer .content .column {
display: table-cell;
vertical-align: top;
}
.footer .contacts_mobile {
display: none;
text-align: center;
font: 12px/14px Roboto, sans-serif;
letter-spacing: 0;
color: #FFFFFF;
}
footer .contacts_mobile .btn {
margin-top: 40px;
margin-bottom: 20px;
border: 2px solid #FFFFFF;
}
.footer .content .menu a {
display: block;
font: 14px/20px Roboto, sans-serif;
letter-spacing: 0;
color: #FFFFFF;
text-transform: uppercase;
margin-bottom: 10px;
}
.footer .content .column.menu {
padding-top: 15px;
width: 178px;
text-align: right;
}
.footer .content .column.menu:nth-child(n+3) {
padding-left: 80px;
width: 210px;
}
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
}
.master-shape-container {
display: none;
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-image: linear-gradient(to right, rgba(235, 121, 37, 1), rgba(247, 164, 37, 1));
overflow: hidden;
position: relative
}
#subfooter .content {
border-top: 2px solid #FFFFFF;
width: 100%;
max-width: 1160px;
height: 80px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#subfooter .content .copyright {
font: 12px/14px Roboto, sans-serif;
text-align: center;
color: #FFF;
letter-spacing: 0;
}
#subfooter .content .subfooter_links {
font: 12px/14px Roboto, sans-serif;
text-align: center;
color: #FFF;
letter-spacing: 0;
}
#subfooter .content .subfooter_links a {
font: 12px/14px Roboto, sans-serif;
text-align: center;
color: #FFF;
letter-spacing: 0;
text-decoration: none;
}
@media only screen and (max-width:1200px) {
footer {
padding-left: 50px;
padding-right: 50px;
}
.footer .contacts {
font: 14px/16px Roboto, sans-serif;
}
.footer .content .menu a {
font: 14px/16px Roboto, sans-serif;
}
}
@media only screen and (max-width:768px) {
footer {
padding: 80px 0px;
padding-left: 50px;
padding-right: 50px;
}
.footer .content .column.menu:nth-child(n+3) {
padding-left: 40px;
width: 170px;
}
} .packages-table {
max-width: 1160px;
margin: 0 auto; }
.packages-table table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font: 16px/1 "Roboto", Arial, Helvetica, sans-serif;
letter-spacing: 0; }
.packages-table table td, .packages-table table th {
border: none;
padding: 12px 8px;
text-align: center; }
.packages-table .btn-more {
display: inline-block;
text-decoration: none;
vertical-align: middle;
color: #fff;
background: #F15E3E;
border: 2px  solid transparent;
font-size: 14px;
line-height: 21px;
padding: 11px 15px;
text-align: center;
border-radius: 5px;
font-family: "montserrat-bold", Arial, Helvetica, sans-serif;
max-width: 230px;
margin: 0 auto;
position: relative;
z-index: 2; }
.packages-table .btn-more:hover {
background: #ffffff;
color: #F15E3E;
border: 2px solid #F15E3E; }
.packages-table tfoot {
background: #fff; }
.packages-table tfoot td {
padding: 37px 12px 18px; }
.packages-table .included {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
background: #4a4848;
width: 15px;
height: 15px;
border-radius: 50%; }
.packages-table .canbeincluded {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
border: 2px solid #989898;
width: 15px;
height: 15px;
border-radius: 50%; }
.packages-table th.price {
border: none;
vertical-align: center;
padding: 5px 8px 0;
background: none; }
.packages-table th.price .text {
display: block;
margin: 0 auto;
text-align: center;
font: 12px/18px Roboto-bold;
padding: 0px;
color: #fff; }
.packages-table th.price .start_from {
font: 28px/18px Roboto-bold;
display: block;
padding: 13px 15px 14px; 
color: #fff;
}
.packages-table th.title {
width: 160px;
border-width: 0;
position: relative;
color: #fff;
background: #a3acbf;
font: 16px/18px Roboto-bold;
padding: 0;
text-transform: uppercase; 
}
.packages-table th.row_title_1 {
background-color: #395f8b;
}
.packages-table th.row_title_2 {
background-color: #4da5c8;
}
.packages-table th.row_title_3 {
background-color: #8ed6ea;
}
.packages-table th.row_title_4 {
background-color: #f7a425;
}
.packages-table th.row_title_5 {
background-color: #eb7925;
}
.packages-table tbody {
background: #fff; }
.packages-table tbody tr:first-child td {
padding-top: 0px; }
.packages-table thead th.popular .shadow {
display: none; }
.packages-table .pagination-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 70px; }
.packages-table .pagination-holder .prev,
.packages-table .pagination-holder .next {
text-indent: -9999px;
overflow: hidden;
border: 1px solid transparent;
color: #e7e7e7;
border-left-color: currentColor;
border-right-color: currentColor;
border-width: 12px 20px 12px 0;
display: block;
width: 20px;
height: 24px;
cursor: pointer; }
.packages-table .pagination-holder .prev:hover,
.packages-table .pagination-holder .next:hover {
color: #0076be; }
.packages-table .pagination-holder .next {
border-left-width: 20px;
border-right-width: 0; }
.packages-table .pagination-holder .pagination {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.packages-table .pagination-holder .pagination li {
margin: 5px 4px 5px 5px; }
.packages-table .pagination-holder .pagination .link {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
background: #bfbfbf;
cursor: pointer; }
.packages-table .pagination-holder .pagination .link:hover, .packages-table .pagination-holder .pagination .link.active {
background: #0076be; }
@media (min-width: 768px) {
.packages-table {
opacity: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s; 
}
.packages-table.in-viewport {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0px);
transform: translateX(0); 
}
}
@media (max-width: 1023px) {
.pricing_chart_section {
margin-bottom: 40px;
}
.pricing_chart_section .sub-heading {padding: 0px;}
.pricing_chart_section h3 {margin-bottom: 20px;}
.packages-table {
padding: 0 9px; }
.packages-table table {
font-size: 12px; }
.packages-table table td, .packages-table table th {
padding: 0; }
.packages-table .btn-more {
font-size: 12px;
line-height: 20px;
padding: 8px 10px; }
.packages-table tfoot td {
padding: 27px 10px 15px; }
.packages-table .included {
width: 15px;
height: 15px; }
.packages-table th.price .text {
font-size: 15px;
}
.packages-table th.price .text.start-from {
font-size: 12px;
margin: 0 -8px; }
.packages-table th.price .text strong {
font-size: 24px;
line-height: 1;
margin-top: 0; }
.packages-table th.title {
font-size: 15px;
line-height: 1; }
}
@media (max-width: 767px) {
.packages-table {
padding: 0;
margin: 0 -6px; }
.packages-table table {
font-size: 11px;
max-width: 520px;
margin: 0 auto;
}
.packages-table table thead th:first-child {
}
.packages-table .btn-more {
font-size: 10px;
line-height: 12px; }
.packages-table tfoot td {
padding: 5px 15px; }
.packages-table .included {
width: 12px;
height: 12px; }
.packages-table th.price {
}
.packages-table th.price .text {
font: 12px/18px Roboto-bold; }
.packages-table th.price .start_from {
font: 28px/18px Roboto-bold;
display: block;
}
.packages-table th.title {
font: 16px/18px Roboto-bold; }
.packages-table th.title:before {
border-top-width: 6px; }
.packages-table tbody td.popular .shadow, .packages-table tbody td.popular:after, .packages-table tbody td.popular:before,
.packages-table tfoot td.popular .shadow,
.packages-table tfoot td.popular:after,
.packages-table tfoot td.popular:before {
display: none; } 
}
@media (max-width: 420px) {
.packages-table table {
max-width: 300px;
margin: 0 auto;
}
.packages-table th.title {
width: 110px;
}
.packages-table th.price {
padding: 5px 0px 0;
}
.packages-table th.price .start_from {
padding: 13px 5px 14px;
}
.packages-table table td.cell_rotated90 {
width: 38px;
}
.packages-table .rotate90 {
height: 38px; }
.packages-table .rotate90 p {
font: 14px/18px Roboto-bold;
}
.packages-table table .row_desc {
font: 12px/14px Roboto;
}
.packages-table table tr.packages_table_row_3 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_5 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_9 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_11 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_13 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_15 .title p {
margin: 1px 0;
}
.packages-table table tr.packages_table_row_1 .rotate90 p {
margin-top: 10px;
}
.packages-table table tr.packages_table_row_7 .rotate90 p {
margin-top: 10px;
}
.packages-table table tr.packages_table_row_17 .rotate90 p {
margin-top: 10px;
}
} @media (max-width: 1023px) {
.packages-table-tabs {
padding: 0 9px; }
.packages-table-tabs table {
font-size: 12px; }
.packages-table-tabs table td, .packages-table-tabs table th {
padding: 0; }
.packages-table-tabs .btn-more {
font-size: 12px;
line-height: 20px;
padding: 8px 10px; }
.packages-table-tabs tfoot td {
padding: 27px 10px 15px; }
.packages-table-tabs .included {
width: 15px;
height: 15px; }
.packages-table-tabs th.price .text {
font-size: 15px;
}
.packages-table-tabs th.price .text.start-from {
font-size: 12px;
margin: 0 -8px; }
.packages-table-tabs th.price .text strong {
font-size: 24px;
line-height: 1;
margin-top: 0; }
.packages-table-tabs th.title {
font-size: 15px;
line-height: 1; }
}
@media (max-width: 768px) {
.packages-table-tabs {
padding: 0; }
.packages-table-tabs table {
font-size: 11px;
max-width: 520px;
margin: 0 auto 40px;
}
.packages-table-tabs table thead th:first-child {
}
.packages-table-tabs .btn-more {
font-size: 10px;
line-height: 12px; }
.packages-table-tabs tfoot td {
padding: 5px 15px; }
.packages-table-tabs .included {
width: 12px;
height: 12px; }
.packages-table-tabs th.price {
}
.packages-table-tabs th.price .text {
font: 12px/18px Roboto; }
.packages-table-tabs th.price .start_from {
font: 28px/18px Roboto;
display: block;
}
.packages-table-tabs th.title {
font: 16px/18px Roboto; }
.packages-table-tabs th.title:before {
border-top-width: 6px; }
.packages-table-tabs tbody td.popular .shadow, .packages-table-tabs tbody td.popular:after, .packages-table-tabs tbody td.popular:before,
.packages-table-tabs tfoot td.popular .shadow,
.packages-table-tabs tfoot td.popular:after,
.packages-table-tabs tfoot td.popular:before {
display: none; } 
.packages-table-tabs .textcall4price {
font: 300 12px/14px Roboto;
}
.packages-table-tabs .hidetablet{
visibility: collapse;
display: none;
line-height: 0;
}
.packages-table-tabs .showtablet{
visibility: visible;
}
.packages-table-tabs .pagination-holder{
margin-bottom: 40px;
}
.section_pricing_chart h2 {
margin-bottom: 20px;
}
}
@media (max-width: 420px) {
.packages-table-tabs {
margin-bottom: 40px;
}
.packages-table-tabs table {
max-width: 400px;
margin: 0 auto 20px;
}
.packages-table-tabs tbody tr:first-child td {
padding-top: 10px;
}
.packages-table-tabs tbody tr td {
padding-top: 10px;
padding-bottom: 10px;
}
.section_pricing_chart .section_container {
padding: 0px 20px;
}
.section_pricing_chart .description {
margin-bottom: 30px;
}
}.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(//www.onlinechiro.com/wp-content/themes/onlinechiro/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: 10
}
.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
} .social_img {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/ocial-media.jpg) no-repeat;
width: 40%;
height: 675px;
top: 20px;
right: 0;
display: block;
position: absolute
}
.about {
background: url(//www.onlinechiro.com/interface/v4/chiropractic/city.jpg) top center no-repeat;
background-size: cover;
background-position: center
}
.cs_people {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/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
}
.teaser a:hover {
color: #f8a928 !important
} @media (max-width: 768px) {
.hero.alt2 .media .holder {
margin: 0; }
.hero.alt2 .content {
display: table-footer-group;
padding: 0; }
.hero.alt2 .content h1 {
padding: 10px 5px; }
.hero.alt3 {
padding-bottom: 0; }
.hero.alt3 .container {
min-height: 142px; }
.hero.alt3 .content {
padding: 30px 0 5px; }
.hero.alt3 h1,
.hero.alt3 .h1 {
font-size: 30px;
margin-bottom: 15px; }
.hero.alt3 p {
font-size: 18px;
line-height: 1.16666666; }
.hero.alt3 .bg-holder {
display: block; }
.hero.alt4 .container {
min-height: 242px; }
.hero.alt4 .content {
padding: 23px 5px 20px; }
.hero.alt4 h1, .hero.alt4 .h1 {
min-height: 0; }
.hero.alt4 .btn {
margin: 0 auto; } 
.hero .content .hero_logo {
margin-bottom: 20px;
}
.hero .content p {
margin-top: 0px;
margin-bottom: 20px !important;
}
}
@media (max-width: 420px) {
.hero {
height: auto;
min-height: 230px;
}
} .large_banner_centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: #6d6e71;
position: relative;
margin-bottom: 80px;
}
.large_banner_centered .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5; }
.large_banner_centered:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1; }
.large_banner_centered .container {
width: 100%;
max-height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2; }
.large_banner_centered .content{
text-align: center;
padding: 0px;
padding-top: 80px;
padding-bottom: 80px;
max-width: 1060px;
color: #FFFFFF;
}
.large_banner_centered .content h3{
font: 45px/53px Roboto-black;
color: #FFFFFF;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.large_banner_centered {
margin-bottom: 40px;
}
.large_banner_centered .content{
padding-top: 40px;
padding-bottom: 40px;
}
.large_banner_centered .content h3{
font: 40px/43px Roboto-black;
margin-bottom: 20px;
}
}
@media (max-width: 420px) {
.large_banner_centered .content h3{
font: 22px/25px Roboto-black;
}
} .banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font: 24px/1.125 "montserrat-bold", Arial, Helvetica, sans-serif;
color: #fff;
background: #2C6770;
position: relative;
margin-bottom: 80px;
padding: 0; }
.logos-section .container {
}
.banner p{
font: 16px/19px Roboto;
color: #FFFFFF; 
margin: 0px;
margin-bottom: 80px;
} .banner .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5; }
.banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1; }
.banner.no-overlay:before {
display: none; }
.banner .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
min-height: 214px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2; }
.banner .description {
width: 71%;
padding: 0px; 
margin-top: 80px;
}
.banner .banner_logo {max-width: 255px;
margin-bottom: 40px;
}
.banner .banner_logo .bg-banner-logo {max-width: 255px;}
.banner .action {
width: 29%;
padding: 16px 3px 0 0; }
.banner h2, .banner .h2,
.banner h3, .banner .h3 {
margin: 0px;
font-size: 35px;
line-height: 1.0625;
color: #fff; 
max-width: 620px;
font: 36px/44px Roboto-black;
}
.banner h2:only-child, .banner .h2:only-child,
.banner h3:only-child, .banner .h3:only-child {
font-size: 35px;
line-height: 1.2;
margin: 0 0 4px; }
.banner h3:only-child, .banner .h3:only-child {
font-size: 36px;
line-height: 1.33333333;
margin: 20px 0 6px; }
.banner .action {
text-align: right;
}
.banner .btn { line-height: normal;
width: auto;
padding: 16px 20px 16px; }
@media (min-width: 769px) {
.banner .description,
.banner .action {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition: opacity .5s ease-out .2s, -webkit-transform .5s ease-out .2s;
transition: opacity .5s ease-out .2s, transform .5s ease-out .2s; }
.banner .action {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px); }
.banner.in-viewport .description,
.banner.in-viewport .action {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@media (max-width: 1279px) {
.banner {
font-size: 19px;
line-height: 1.157894; }
.banner .container {
min-height: 154px; }
.banner .description {
width: 70%;
padding: 0 26px; }
.banner .action {
width: 30%;
padding: 14px 24px 0 0; }
.banner h2, .banner .h2,
.banner h3, .banner .h3 {
font-size: 38px;
line-height: 1.078947;
margin: 14px 0 3px; }
.banner h2:only-child, .banner .h2:only-child,
.banner h3:only-child, .banner .h3:only-child {
font-size: 31px;
line-height: 1.193548; }
.banner h3:only-child, .banner .h3:only-child {
margin-top: 0;
font-size: 22px;
line-height: 1.22727272; }
.banner .btn {
padding: 19px 10px 22px; } }
@media (max-width: 1023px) {
.banner {
font-size: 11px;
line-height: 1.272727; 
margin-top: 0px;}
.banner .container {
max-width: 85%;
}
.banner .description {
width: 60%;
padding: 12px 16px 0 26px; }
.banner .action {
width: 40%;
padding: 14px 20px 0 2px; }
.banner h2, .banner .h2 {
font-size: 23px;
line-height: 1.130434;
margin: 5px 0 2px; }
.banner h2:only-child, .banner .h2:only-child {
font-size: 22px;
line-height: 1.227272; }
.banner .bg-holder {
background-position: 32% 50%; } }
@media (max-width: 768px) {
.banner {
display: block;
padding: 0px; 
margin-bottom: 40px;
}
.banner:before,
.banner .container {
display: block;
min-height: 0; 
}
.banner .banner_logo {
max-width: 170px;
margin-bottom: 20px;
}
.banner .banner_logo .bg-banner-logo {
max-width: 170px;
}
.banner .description,
.banner .action {
width: auto;
padding: 0; }
.banner h2, .banner .h2,
.banner h3, .banner .h3,
.banner h2:only-child, .banner .h2:only-child,
.banner h3:only-child, .banner .h3:only-child {
max-width: 390px;
font: 28px/32px Roboto-medium;
margin: 0px;
margin-bottom: 20px; }
.banner p {
font: 16px/19px Roboto;
max-width: 390px;
margin-bottom: 20px; }
.banner .action {
text-align: left;
margin-bottom: 80px;
}
.banner .btn {
font-size: 12px;
line-height: 1.25;
margin: 0 auto;
min-width: 246px;
padding: 17px 10px 18px; } 
}
@media (max-width: 420px) {
.banner {
text-align: center;
padding-top: 0px;
}
.banner .description {
margin-top: 40px;
}
.banner .banner_logo{
text-align: center;
max-width: none;
}
.banner h2{font: 16px/20px Roboto-medium;}
.banner .description{
font: 12px/14px Roboto;
}
.banner .action {
text-align: center;
margin-bottom: 40px;
}
}.logos-section {
padding: 0px;
margin-bottom: 80px;
max-width: 100vw
}
.logos-section .container {
overflow: hidden;
max-width: 1160px;
margin: 0px auto;
}
.logos-section .sub-heading {
padding: 0px;
}
.logos-section .sub-heading h3 {
font: 32px/38px Roboto-black;
text-align: center;
margin-bottom: 40px;
}
.logos-section .view-link {
display: none;
}
.logos-section .logo-list {
position: relative;
overflow: hidden;
padding: 0px;
height: 150px
}
.logos-section .logo-list .slick-prev,
.logos-section .logo-list .slick-next {
display: none !important;
}
.logos-section .logo-slide.slick-slide { }
@media (min-width: 768px) {
.logos-section .logo-list {
opacity: 0;
-webkit-transition: opacity .5s ease-out .1s, -webkit-transform .5s ease-out .1s;
transition: opacity .5s ease-out .1s, transform .5s ease-out .1s;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
}
.logos-section .logo-track {
position: relative;
}
.logos-section .logo-track .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} .logos-section .logo-track:after {
left: auto;
right: -157px;
}
.logos-section .logo-slide {
height: auto;
min-height: 1px;
text-align: center;
margin: 0 40px;
vertical-align: top;
}
.logos-section .logo-slide.slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.logos-section .logo-slide img {
display: inline-block;
vertical-align: middle;
max-height: 65px;
}
@media (min-width: 768px) {
.logos-section.in-viewport .logo-list {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.view-link {
text-align: center;
padding: 0 15px;
display: none;
}
.view-link a {
text-decoration: underline;
}
.view-link a:hover {
text-decoration: none;
}
@media (max-width: 1279px) {
.logos-section {
padding: 0px 22px 42px;
}
.logos-section .container {
max-width: 85%;
}
.logos-section .sub-heading {
padding: 0px;
}
.logos-section .logo-slide {
margin: 0 20px 0 20px;
}
}
@media (max-width: 1023px) {
.logos-section .logo-list { }
}
@media (max-width: 768px) {
.logos-section {
padding: 0px;
position: relative;
margin-bottom: 40px;
}
.logos-section .sub-heading {
padding: 0;
}
.logos-section .sub-heading h3 {
font: 24px/28px Roboto-black;
margin-bottom: 20px;
}
.logos-section .logo-list { }
.logos-section .logo-slide.slick-slide { }
.logos-section .logo-slide img {
max-height: 50px; }
.view-link {
display: block;
}
}
@media (max-width: 420px) {
.logos-section .sub-heading h3 {
font: 14px/16px Roboto-black;
}
.logos-section .logo-slide.slick-slide { }
.logos-section .logo-slide img {
max-height: 40px;
}
}
.logos-section ul.slick-dots {
text-align: center;
height: 13px;
margin-top: 40px;
}
.logos-section ul.slick-dots li {
list-style: none;
display: inline-block;
margin: 0px;
height: 13px;
}
.logos-section ul.slick-dots li button {
text-indent: -9999px;
padding: 0px;
background-color: #8ED6EA;
border: 0;
width: 13px;
height: 13px;
}
.logos-section ul.slick-dots li.slick-active button {
background-color: #4DA5C8;
}
@media (max-width: 768px) {
.logos-section ul.slick-dots {
margin-top: 20px;
}
}@media only screen and (max-width:541px) {
.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: 320px;
margin-top: 80px
}
.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: 496px
}
.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 #f8a928
}
.who_banner_contain {
width: 200px;
}
}@media only screen and (min-width:768px) {
.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
}
label[for=nav-trigger] {
display: none
}
.top-container {
min-height: 0
}
}.text_image_section {
margin-top: 0px;
margin-bottom: 80px;
}
.text_image_section .content {
max-width: 1160px;
padding: 0px 80px;
overflow: visible;
display: flex;
}
.text_image_section .content .textbox {
max-width: 380px;
letter-spacing: 0;
margin-right: 80px;
display: inline-block;
vertical-align: top;
width: 50%;
}
.text_image_section .content .textbox h3 {
color: #395F8B;
margin-top: 40px;
margin-bottom: 40px;
}
.text_image_section .description {
font: 16px/22px Roboto;
color: #898989;
}
.text_image_section .description:not(:last-child) {
margin-bottom: 40px;
}
.text_image_section .description_mobile {
font: 14px/20px Roboto;
color: #898989;
display: none;
}
.text_image_section .description_mobile p, .text_image_section .description_mobile li {
font: 14px/20px Roboto;
color: #898989;
}
.text_image_section .description li, .text_image_section .description p {
font: 16px/22px Roboto;
color: #898989;
}
.text_image_section .content .imagebox {
max-width: 540px;
display: inline-block;
}
.text_image_section .content .imagebox .holder {
max-width: 540px;
}
.text_image_section .content .imagebox .holder img {
width: 100%;
max-width: 540px;
}
.text_image_section .btn-holder-mobile {
display: none;
}
@media (max-width: 768px) {
.text_image_section {
margin-bottom: 40px;
}
.text_image_section .content {
text-align: center;
display: inherit;
}
.text_image_section .content .textbox {
width: 100%;
padding-right: 0px;
display: initial;
}
.text_image_section .content .textbox h3 {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.text_image_section .description {
display: none;
}
.text_image_section .description_mobile {
display: grid;
text-align: center;
}
.text_image_section .description_mobile:not(:last-child) {
margin-bottom: 20px;
}
.text_image_section .content .imagebox {
width: 100%;
max-width: 540px;
margin-bottom: 20px;
}
.text_image_section .content .imagebox .holder {
float: none;
margin: 0 auto;
}
.text_image_section .btn-holder {
display: none;
}
.text_image_section .btn-holder-mobile {
display: inherit;
text-align: center;
}
}
@media (max-width: 420px) {
.text_image_section .content {
padding: 0;
}
.text_image_section .description_mobile {
font: 12px/16px Roboto;
display: grid;
}
.text_image_section li, .description p {
font: 12px/16px Roboto;
}
.text_image_section .content .imagebox {
width: 100%;
max-width: 300px;
display: block;
margin: auto;
}
.text_image_section .content .imagebox img {
width: 95%;
}
} .image_text_section {
margin-top: 0px;
margin-bottom: 80px;
}
.image_text_section .content {
max-width: 1160px;
padding: 0px 80px;
overflow: visible;
display: flex;
}
.image_text_section .content .textbox {
max-width: 380px;
letter-spacing: 0;
margin-left: 80px;
display: inline-block;
vertical-align: top;
width: 50%;
}
.image_text_section .content .textbox h3, .image_text_section .title-holder-mobile h3 {
color: #395F8B;
margin-top: 40px;
margin-bottom: 40px;
}
.image_text_section .description {
font: 16px/22px Roboto;
color: #898989; margin-bottom: 40px;
}
.image_text_section .description li, .image_text_section .description p {
font: 16px/22px Roboto;
color: #898989;
}
.image_text_section .title-holder-mobile h3 {
display: none;
}
.image_text_section .content .imagebox {
max-width: 540px;
display: inline-block;
}
.image_text_section .content .imagebox .holder {
max-width: 540px;
}
.image_text_section .content .imagebox .holder img {
width: 100%;
max-width: 540px;
}
@media (max-width: 768px) {
.image_text_section {
margin-bottom: 40px;
}
.image_text_section .content {
text-align: center;
display: inherit;
}
.image_text_section .content .textbox h3 {
display: none;
}
.image_text_section .title-holder-mobile h3 {
display: inherit;
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.image_text_section .content .textbox {
width: 100%;
padding-left: 0px;
display: initial;
margin-left: 0px;
}
.image_text_section .content .imagebox {
width: 100%;
max-width: 540px;
margin-bottom: 20px;
}
.image_text_section .content .imagebox .holder {
float: none;
margin: 0 auto;
}
.image_text_section .btn-holder {
display: none;
}
.image_text_section .btn-holder-mobile {
display: inherit;
text-align: center;
}
}
@media (max-width: 420px) {
.image_text_section .content {
padding: 0;
}
.image_text_section .description {
font: 12px/16px Roboto;
display: grid;
}
.image_text_section .description li, .image_text_section .description p {
font: 12px/16px Roboto;
}
.image_text_section .content .imagebox {
width: 100%;
max-width: 300px;
display: block;
margin: auto;
}
.image_text_section .content .imagebox img {
width: 95%;
}
} .two_images_section {
margin-bottom: 80px;
padding: 0px 40px;
}
.two_images_section .container {
max-width: 1160px;
margin: 0px auto;
position: relative;
}
.two_images_section .left_col {
display: inline-block;
width: 50%;
vertical-align: top;
}
.two_images_section .left_col img {
width: 100%;
max-width: 540px;
}
.two_images_section .right_col {
display: inline-block;
width: 50%;
vertical-align: top;
text-align: right;
}
.two_images_section .right_col img {
width: 100%;
max-width: 540px;
}
.two_images_section .caption_container {
margin-top: 40px;
font: 18px/22px Roboto;
letter-spacing: 0;
color: #898989;
max-width: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.two_images_section .caption_container p, .two_images_section .caption_container li {
font: 18px/22px Roboto;
color: #898989;
}
@media (max-width: 768px) {
.two_images_section {
margin-bottom: 40px;
padding: 0px;
}
.two_images_section .left_col img {
width: 100%;
max-width: 540px;
}
.two_images_section .right_col {
padding-top: 20px;
}
.two_images_section .caption_container {
margin-top: 20px;
font: 14px/16px Roboto;
max-width: 450px;
}
.two_images_section .caption_container p, .two_images_section .caption_container li {
font: 14px/16px Roboto;
}
}
@media (max-width: 420px) {
.two_images_section .caption_container {
max-width: 300px;
margin-top: 20px;
font: 12px/14px Roboto;
}
.two_images_section .caption_container p, .two_images_section .caption_container li {
font: 12px/14px Roboto;
}
.two_images_section .left_col img {
width: 100%;
max-width: 300px;
}
.two_images_section .right_col img {
width: 100%;
max-width: 300px;
}
} .banner_title_w_image_section {
margin-bottom: 80px;
}
.banner_title_w_image_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.banner_title_w_image_section .sub-heading {
padding: 0px;
}
.banner_title_w_image_section h3 {
font: 32px/38px Roboto-black;
text-align: center;
margin-bottom: 40px;
}
.banner_title_w_image_section .image_box {
text-align: center;
}
.banner_title_w_image_section .image_box img {
width: 100%;
max-width: 1160px;
}
@media (max-width: 768px) {
.banner_title_w_image_section {
margin-bottom: 40px;
}
.banner_title_w_image_section h3 {
font: 24px/28px Roboto-black;
margin-bottom: 20px;
}
.banner_title_w_image_section .image_box img {
max-width: 610px;
}
}
@media (max-width: 420px) {
.banner_title_w_image_section h3 {
font: 14px/16px Roboto-black;
}
.banner_title_w_image_section .image_box img {
max-width: 300px;
}
} .video_section {
margin-bottom: 80px;
}
.video_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.video_section h3 {
text-align: center;
font: 32px/38px Roboto-black;
margin-bottom: 40px;
}
.video_section .video_box {
text-align: center;
max-width: 840px;
margin: 0px auto;
}
.video_section .video_box iframe {
width: 835px;
height: 485px;
}
@media (max-width: 840px) {
.video_section {
margin-bottom: 40px;
}
.video_section h3 {
font: 24px/28px Roboto-black;
margin-bottom: 20px;
}
.video_section .video_box iframe {
width: 610px;
height: 355px;
}
}
@media (max-width: 615px) {
.video_section .video_box iframe {
width: 300px;
height: 180px;
}
}
@media (max-width: 420px) {
.video_section h3 {
font: 14px/16px Roboto-black;
}
} .accordions_section {
margin-bottom: 80px;
}
.accordions_section .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
}
.accordions_section h3 {
font: 32px/38px Roboto-black;
text-align: center;
margin-bottom: 40px;
}
.accordions_section .accordion_opener {
cursor: pointer;
}
.accordions_section .accordion_title {
padding-left: 40px;
min-height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: #eb7925 solid 2px;
position: relative;
padding-right: 65px;
}
.accordions_section .accordion_title h4 {
font: 22px/25px Roboto-black;
margin: 0px;
text-transform: uppercase;
color: #395F8B;
}
.accordions_section .accordion_title i {
position: absolute;
right: 40px;
top: 50%;
border-color: #eb7925;
}
.accordions_section .accordion_text {
display: none;
padding: 18px 40px;
border-bottom: #979797 solid 2px;
text-align: left;
font: 16px/22px Roboto;
letter-spacing: 0;
color: #5E5E5E;
}
.accordions_section .accordion_text.open {
display: block;
}
@media (max-width: 768px) {
.accordions_section {
padding: 0;
}
.accordions_section .sub-heading {
padding: 0;
}
}.gform_wrapper form input.gform_button {
padding: 0px;
}
.gf-section input[type="text"], .gf-section input[type="tel"], .gf-section input[type="email"], .gf-section input[type="url"], .gf-section textarea {
background-color: #f2f2f2;
border: none;
font: 400 16px / 21px 'Roboto', sans-serif !important;
color: #395f8b;
border-radius: 5px;
}
.gf-section form label {
display: none !important;
}#gallery {
height: 100%;
padding: 60px 0;
overflow-y: auto;
}.vertical_badge_section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 80px;
}
.vertical_badge_section .container {
width: 100%;
max-width: 1160px;
min-height: 80px;
max-height: 80px;
margin: -43px auto 0;
background-color: #EB7925;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 9;
}
.vertical_badge_section .container h2{
margin: 0 auto;
color: #FFFFFF;
}
@media (max-width: 768px) {
.vertical_badge_section {
padding: 0px;
margin-bottom: 40px;
}
.vertical_badge_section .container {
height: 100px;
min-height: 100px;
max-height: 100px;
margin-top: 0px;
}
}
@media (max-width: 420px) {
.vertical_badge_section .container {
min-height: 80px;
max-height: 80px;
}
}.back {
background-color: #fff;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg)
}
.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
}
.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(34, 188, 236, .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(248, 169, 40, .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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/what-are-you-waiting-for-chiro.jpg) top center no-repeat;
background-size: cover;
position: relative
}
.start-today a.button-solid:hover {
background: #fff;
color: #f8a928;
border-color: #fff
}
.design_gallery:after {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/white-gradient.png) center center no-repeat;
background-color: #f8a928;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/header-product-overview.jpg) center center no-repeat;
background-size: cover
}
.main_1 {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/find-your-perfect-fit-chiro.jpg) top center no-repeat;
background-size: cover
}
.main_2 {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/-the-spotlight-chiro.jpg) top center no-repeat;
background-size: cover
}
.main_3 {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/ing-connections-chiro.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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/circle-gradient.png) center center no-repeat;
background-color: #22bcec
}
.circle2 {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/circle-gradient.png) center center no-repeat;
background-color: #f8a928
}
.circle3 {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/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(//www.onlinechiro.com/wp-content/themes/onlinechiro/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: 10
}
.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
}@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
}
label[for=nav-trigger] {
display: block
}
#logo {
width: 200px;
left: 0;
margin-left: calc(50% - 100px)
}
.top-container {
min-height: 35px
}
.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: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: 320px;
margin-top: 80px
}
}.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 #f8a928;
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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/tor-office-equipment.jpg) center center no-repeat;
background-size: cover
}
.basic_main_container {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/kage-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(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/oolbox.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: #f8a928
}
.basic-button a:hover {
color: #fff
}
.seo {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/arch-engine-optimization.jpg) center center no-repeat;
background-size: cover
}
.seo_img {
width: 38%;
height: 296px;
top: 130px;
right: 0;
display: block;
position: absolute
}
.seo_img iframe {
max-width: 100%
}
article h3 {
font-family: 'Roboto Slab', Courier, serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase
}
.social {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/cial-media.jpg) top center no-repeat;
background-size: cover
}
.social_img {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/ocial-media.jpg) no-repeat;
width: 40%;
height: 675px;
top: 20px;
right: 0;
display: block;
position: absolute
}
.about {
background: url(//www.onlinechiro.com/interface/v4/chiropractic/city.jpg) top center no-repeat;
background-size: cover;
background-position: center
}
.cs_people {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/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
}
.teaser a:hover {
color: #f8a928 !important
}
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: #dd9f3a;
width: 10px;
height: 35px;
top: 6px;
left: 25px;
border-top: 2px solid #fff;
border-bottom: 2px solid #dd9f3a;
border-right: 2px solid #dd9f3a;
border-left: 2px solid #f4b95f;
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%, #f8a928), color-stop(100%, #5c9d3f));
background: -webkit-linear-gradient(left, #f8a928 1%, #f4b95f 100%);
background: -moz-linear-gradient(left, #f8a928 1%, #f4b95f 100%);
background: -o-linear-gradient(left, #f8a928 1%, #f4b95f 100%);
background: -ms-linear-gradient(left, #f8a928 1%, #f4b95f 100%);
background: linear-gradient(to right, #f8a928 1%, #f4b95f 100%);
width: 35px;
height: 35px;
top: 13px;
left: 0;
border: 2px solid #f4b95f;
z-index: 1;
position: absolute
}
.ribbon:not(.right):after {
background: #fff;
width: 25px;
height: 25px;
content: "";
border-top: 2px solid #f4b95f;
border-right: 2px solid #f4b95f;
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%, #f4b95f), color-stop(100%, #f8a928));
background: -webkit-linear-gradient(left, #f4b95f 1%, #f8a928 100%);
background: -moz-linear-gradient(left, #f4b95f 1%, #f8a928 100%);
background: -o-linear-gradient(left, #f4b95f 1%, #f8a928 100%);
background: -ms-linear-gradient(left, #f4b95f 1%, #f8a928 100%);
background: linear-gradient(to right, #f4b95f 1%, #f8a928 100%);
left: 164px
}
.ribbon.right:after {
background: #fff;
width: 25px;
height: 25px;
content: "";
border-bottom: 2px solid #f4b95f;
border-left: 2px solid #f4b95f;
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: #f8a928;
border: 1px solid #f8a928;
display: inline-block;
padding: 5px 12px
}.partners {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/shake-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
}
.name_box {
background: url(//www.onlinechiro.com/wp-content/themes/onlinechiro/images/patterns/circle-gradient.png) center -40px no-repeat;
background-size: 60px 60px;
background-color: #f8a928;
color: #fff;
text-align: center;
border: 2px solid #f4b95f;
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
}
}.contact_us {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: #6d6e71;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
.contact_us .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.contact_us:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;}
.contact_us .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
z-index: 1;
}
.contact_us .sec_content{
}
.contact_us .left_column, .contact_us .right_column{
width:50%;
display:inline-block;
}
.contact_us .left_column{
max-width:570px;
vertical-align:top;
text-align:right;
padding-top: 115px;
padding-right: 50px;
}
.contact_us .left_column h2{
font-family:Roboto;
color:#FFFFFF;
margin-bottom:20px;
}
.contact_us .left_column .phone_text{
font: 20px/30px Roboto;
margin-bottom:20px;
}
.contact_us .left_column .email_text{
font: 20px/30px Roboto;
margin-bottom:20px;
}
.contact_us .left_column a {
color:#FFFFFF;
}
.contact_us .right_column{
vertical-align:top;
max-width:580px;
background:#FFFFFF;
padding: 40px 30px;
}
.contact_us .opt_in{
color:#BABABA;
font: 12px/16px Roboto;
}
.contact_us .form-disclaimer{
margin-top:40px;
color:#BABABA;
font: 12px/16px Roboto;
}
.contact_us .form-disclaimer a{
color:#898989;
font: 12px/16px Roboto-bold;
text-decoration:none;
}
.contact_us .right_column h3 {
margin-bottom:40px;
}
.contact_us .form_fields{
max-width: 840px;
margin: 0px auto;
}
.contact_us .form_fields input::placeholder, .contact_us .form_fields textarea::placeholder{ font: 16px/21px Roboto-bold;
opacity: 1;
}
.contact_us .form_fields input:-ms-input-placeholder, .contact_us .form_fields textarea::placeholder{ font: 16px/21px Roboto-bold;
}
.contact_us .form_fields input::-ms-input-placeholder, .contact_us .form_fields textarea::placeholder { font: 16px/21px Roboto-bold;
}
.contact_us .form_fields input[type="text"], .contact_us .form_fields textarea {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ace7fa;
border: none;
color: #395f8b;
}
.contact_us .form_field{
padding-bottom: 5px;
}
.contact_us .form_field .err_requested{
font: 12px/16px Roboto;
color:#EB7925;
}
.contact_us .form_buttons{
text-align: center;
margin-top: 40px;
}
.contact_us .form_buttons input[type="submit"] {
min-width: 245px;
}
.contact_us .form_buttons input[type="submit"]:hover {
color: #EB7925;
background: #FFFFFF;
border: 2px solid #EB7925;
}
.contact_us .form_err_msg {
padding-top:40px;
text-align:center;
font: 28px/34px Roboto;
color:#EB7925;
}
.contact_us .form_ty_msg {
padding-top:40px;
text-align:center;
font: 28px/34px Roboto;
color:#4DA5C8;
}
@media (max-width: 1170px) {
.contact_us .left_column, .contact_us .right_column{
width:49%;
}
}
@media (max-width: 768px) {
.contact_us{
padding-top: 40px;
padding-bottom: 0px;
}
.contact_us .container {
max-width: 600px;
}
.contact_us .sec_content {
margin-top:40px;
margin-bottom:40px;
}
.contact_us .sub-heading {
padding: 0 0 20px; 
}
.contact_us .right_column h3 {
font: 24px/28px Roboto-black;
margin-bottom:20px;
}
.contact_us .left_column, .contact_us .right_column{
width:100%;
display:block;
}
.contact_us .left_column{
max-width:570px;
vertical-align:top;
text-align:center;
padding-top: 0px;
padding-right: 0px;
}
.contact_us .left_column img{
width:100%;
}
.contact_us .form_fields input[type="text"] {
font: 12px/16px Roboto-bold;
padding-top: 5px;
padding-bottom: 8px;
}
.contact_us .form_fields input::placeholder{ font: 12px/16px Roboto-bold;
opacity: 1;
}
.contact_us .form_fields input:-ms-input-placeholder{ font: 12px/16px Roboto-bold;
}
.contact_us .form_fields input::-ms-input-placeholder { font: 12px/16px Roboto-bold;
}
.contact_us .form_buttons{
margin-top: 20px;
}
}
@media (max-width: 420px) {
.contact_us .container {
max-width: 300px;
}
.contact_us .sec_content {
margin-top: 0px;
}
.contact_us .left_column h2{
font: 28px/34px Roboto-medium;
}
.contact_us .sub-heading h3 {
font: 14px/16px Roboto-black;
}
.contact_us .left_column .phone_text{
font: 14px/21px Roboto;
}
.contact_us .left_column .email_text{
font: 14px/21px Roboto;
}
.contact_us .form_fields{
}
} .demopage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: #6d6e71;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
.demopage .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.demopage:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;}
.demopage .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
z-index: 1;
}
.demopage .container h3,.demopage .container h4{
text-align:center;
color:#FFF;
}
.demopage .container h4{
text-align:center;
color:#FFF;
margin-bottom: 40px;
}
.demopage .form_box{
width: auto;
background:
#FFF;
max-width: 450px;
margin: 0px auto;
padding: 20px;
}
.demopage input::placeholder, .demopage textarea::placeholder, .demopage select::placeholder{ font: 16px/21px Roboto-bold;
opacity: 1;
}
.demopage input:-ms-input-placeholder, .demopage textarea::placeholder, .demopage select::placeholder{ font: 16px/21px Roboto-bold;
}
.demopage input::-ms-input-placeholder, .demopage textarea::placeholder, .demopage select::placeholder { font: 16px/21px Roboto-bold;
}
.demopage form.get-a-demo select {
font: 16px/21px Roboto-bold;
}
.demopage form.get-a-demo input, .demopage form.get-a-demo textarea, .demopage form.get-a-demo select {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ace7fa;
border: none;
color: #395f8b;
}
.demopage .form_buttons{
text-align: center;
margin-top: 40px;
}
.demopage input[type="submit"] {
min-width: 245px;
}
.demopage input[type="submit"]:hover {
color: #EB7925;
background: #FFFFFF;
border: 2px solid #EB7925;
}
.demopage #CASLdiv {
color:#BABABA;
font: 12px/16px Roboto;
}
.demopage p.consent{
color:#BABABA;
font: 12px/16px Roboto;
}
.demopage form.get-a-demo button {
background: #EB7925;
color: #fff;
border: 1px solid #EB7925;
margin-top: 15px;
}
form.get-a-demo button:hover{
color: #ed7a25;
} .typage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: #6d6e71;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
.typage .bg-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5;
}
.typage:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;}
.typage .container {
width: 100%;
max-width: 1160px;
margin: 0px auto;
z-index: 1;
}
.typage .content {
padding: 0px;
}
.typage .container .ty_msg,.typage .container .ty_msg h2,.typage .container .ty_msg p{
color: #FFFFFF;
text-align: center;
}
.typage h1,.typage h2,.typage h3,.typage h4,.typage h5,.typage h6{
color: #FFFFFF;
text-align: center;
}
.typage .grow_presence {margin-top: 80px;}
.typage .grow_presence_row{
display: inline-block;
width: 33%;
text-align: center;
}
.typage .grow_presence_row img{ width: 100%;}
@media (max-width: 1024px) {
.typage .container .ty_msg p{font-size: 14px;}
.typage .grow_presence {margin-top: 40px;}
.typage .grow_presence_row{
width: auto;
display: block;
margin-bottom: 40px;
}
.typage .grow_presence_row img{ max-width: 450px;}
}
@media (max-width: 420px) {
.typage .container .ty_msg p{font-size: 12px;}
.typage .grow_presence_row img{ max-width: 300px;}
} .section404page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
font-size: 18px;
line-height: 1.333333;
color: #fff;
background: unset;
position: relative;
margin-bottom: 80px;
padding: 0px;
}
.section404page .container {
max-width: 1160px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2; 
}
.section404page .herobox{
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.section404page .herobox img{
width: 100%;
}
.section404page h3{
font: 36px/48px Roboto-medium;
letter-spacing: 0;
color: #395F8B;
position: absolute;
bottom: 35px;
right: 15px;
}
.section404page .content{
padding: 40px 40px;
text-align: center;
}
.section404page .content img{
width: 100%;
max-width: 767px;
}
.section404page .btnbox{
text-align: center;
}
@media (max-width: 1050px) {
.section404page {
margin-top: 80px;
}
.section404page h3{
font: 22px/29px Roboto-medium;
bottom: 10px;
right: 50px;
}
}
@media (max-width: 650px) {
.section404page {
margin-top: 60px;
}
.section404page h3{
position: inherit;
font: 16px/21px Roboto-medium;
text-align: center;
}
}
@media (max-width: 420px) {
.section404page {
margin-top: 20px;
}
} .section_pricing_chart .section_container{
padding: 0px 0px;
}
.section_pricing_chart .title{
text-align: center;
margin-bottom: 20px;
}
.section_pricing_chart .description{
text-align: center;
font: 18px/28px Roboto;
color: #656C70;
margin-bottom: 60px;
}
.packages-table-tabs {
width: 100%;
max-width: 1160px;
margin-bottom: 80px;
}
.packages-table-tabs table {
width: 100%;
color: #8c8c8c;
text-align: center;
margin: 0 0 10px; 
border-spacing: 3px;
border-collapse: separate;
}
.packages-table-tabs table td, .packages-table-tabs table th {
text-align: center;
padding: 0; position: relative;
z-index: 1; 
}
.section_pricing_chart .packages-table-tabs th.title{
width: 140px;
padding: 15px 10px;
height: 105px;
vertical-align: middle;
}.section_pricing_chart .packages-table-tabs th.title .plan_name{
margin-bottom: 5px;
font: 700 16px/20px Roboto-bold;
color: #FFFFFF;
}
.section_pricing_chart .packages-table-tabs th.title .plan_caption{
font: 14px/16px Roboto;
color: #FFFFFF;
}
.section_pricing_chart .packages-table-tabs th.row_title_1 {
background: transparent linear-gradient(90deg, #446295 0%, #477ba8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_2 {
background: transparent linear-gradient(90deg, #477ba8 0%, #4986b1 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_3 {
background: transparent linear-gradient(90deg, #4986b1 0%, #4b94bb 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_4 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_5 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs th.row_title_6 {
background: transparent linear-gradient(90deg, #4b94bb 0%, #4da5c8 100%) 0% 0% no-repeat padding-box;
}
.section_pricing_chart .packages-table-tabs tbody td{
vertical-align: middle;
height: 60px;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title{
text-align: left;
padding-left: 15px;
font: bold 14px/18px Roboto-bold;
letter-spacing: 0.7px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title a{
text-align: left;
font: 900 14px/18px Roboto-black;
letter-spacing: 0.7px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tbody td .row_title a:hover{
text-decoration: underline;
}
.section_pricing_chart .packages-table-tabs tbody td .row_caption{
text-align: left;
padding-left: 15px;
font: 12px/18px Roboto;
letter-spacing: 0px;
color: #04243C;
}
.section_pricing_chart .packages-table-tabs tr.bgdark{
background-color: rgba(185,189,190, 0.55);
}
.section_pricing_chart .packages-table-tabs tr.bglight{
background-color: rgba(185,189,190, 0.25);
}
.packages-table-tabs .btn-more {
display: block;
text-transform: uppercase;
color: #fff;
background: #F15E3E;
border: 2px  solid transparent;
font-size: 14px;
line-height: 21px;
padding: 11px 15px;
text-align: center;
border-radius: 5px;
font-family: Roboto;
max-width: 230px;
margin: 0 auto;
position: relative;
z-index: 2; 
}
.packages-table-tabs .btn-more:hover {
background: #ffffff;
color: #F15E3E;
border: 2px solid #F15E3E; 
}
.packages-table-tabs tfoot {
background: #fff; 
}
.packages-table-tabs tfoot .prices td {
padding: 10px;
color: #fff;
font: normal 12px/18px Roboto;
}
.packages-table-tabs tfoot .prices .start_from{
font: normal 28px/18px Roboto;
padding: 12px 0px;
}
.packages-table-tabs tfoot .prices .btn_primary{
min-width: 90px;
padding: 7px 20px;
font-size: 14px;
margin: 12px auto 12px;
}
.packages-table-tabs tfoot .prices .col1 {
background: transparent linear-gradient(90deg, #5092b9 0%, #5da2bd 100%) 0% 0% no-repeat padding-box;
}.packages-table-tabs tfoot .prices .col2 {
background: transparent linear-gradient(90deg, #5da2bd 0%, #67afc0 100%) 0% 0% no-repeat padding-box;
}
.packages-table-tabs tfoot .prices .col3 {
background: transparent linear-gradient(90deg, #67afc0 0%, #70bbc4 100%) 0% 0% no-repeat padding-box;
}
.packages-table-tabs tfoot .prices .call4price{
background: transparent linear-gradient(90deg, #70bbc4 0%, #81ceca 100%) 0% 0% no-repeat padding-box;
font: bold 16px/20px Roboto;
vertical-align: middle;
}
.packages-table-tabs thead .prices th {
padding: 10px;
color: #fff;
font: 300 12px/18px Roboto;
}
.packages-table-tabs thead .prices .start_from{
font: 300 28px/18px Roboto;
padding: 8px 0px 16px;
color: #fff;
}
.packages-table-tabs thead .prices .start_from .text{
font: 300 16px/30px Roboto;
}
.packages-table-tabs thead .prices .btn_primary_dark{
min-width: 90px;
padding: 4px 11px;
font-size: 14px;
margin: 0px auto 12px;
}
.packages-table-tabs thead .prices th{
vertical-align: top;
}
.packages-table-tabs thead .prices .col1 {
background-color: #93979A; 
}
.packages-table-tabs thead .prices .col2 {
background-color: #7B8185; 
}
.packages-table-tabs thead .prices .col3 {
background-color: #2B2B2B; 
}
.packages-table-tabs thead .prices .divider {
margin-top: 18px;
margin-bottom: 14px;
}
.packages-table-tabs thead .prices .call4price{
background-color: #007FB2;
font: 700 16px/20px Roboto;
padding: 15px 10px;
}
.packages-table-tabs .textcall4price{
color: #FFFFFF;
padding: 0px 0 15px;
}
.packages-table-tabs .hidetablet{
visibility: visible;
}
.packages-table-tabs .showtablet{
visibility: collapse;
}
.packages-table-tabs .included {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
background: #04243C;
width: 15px;
height: 15px;
border-radius: 50%; 
}
.packages-table-tabs .canbeincluded {
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
border: 2px solid #989898;
width: 15px;
height: 15px;
border-radius: 50%; 
}
.packages-table-tabs tbody {
background: #fff; }
.packages-table-tabs tbody tr:first-child td {
padding-top: 0px; }.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
}
.js-slide-hidden {
display: block;
}li.star {
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
}
.full .content .get_demo {
top: 0%;
transform: initial;
-webkit-transform: initial;
-ms-transform: translateY(-50%);
position: inherit;
padding-top: 20px;
}
@media only screen and (max-width:1100px) {
#gallery h1 {
font-size: 30px;
letter-spacing: -1.7px
}
}
.ibeugdpr-banner p {
color: white;
font-size: 13px;
} #header {
height: 80px;
position: fixed;
top: inherit;
left: 0;
right: 0;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
background: #FFFFFF;
z-index: 100;
}
#header .phone.icon:before {
margin-right: 10px;
color: #29666f;
position: relative;
top: -1px;
}
#header .phone.icon:hover:before {
color: #fcb326;
}
#header .logo {
width: 235px;
min-height: 47px;
overflow: hidden;
margin-left: 8px;
}
#header .panel a.btn {
max-width: 200px;
min-width: 90px;
min-height: 30px;
max-height: 30px;
font: 14px/19px Roboto-bold,sans-serif;
padding: 0px 0px 0px;
line-height: 30px;
margin-bottom: 5px;
margin-left: 40px;
}
.phone {
color: #395F8B;
font: 14px / 19px Roboto-bold,sans-serif;
position: relative;
vertical-align: middle;
padding: 5px 20px 5px 20px;
} .logo {
overflow: hidden;
}
.logo img {
width: 100%;
display: block;
} .header-top {
padding: 15px 0 16px;
} #nav {
max-width: 924px;
} .subnavigation {
width: 100%;
background: #0075bf;
}
.subnavigation ul {
padding: 17px 122px 20px 162px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.subnavigation ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
position: relative;
font-size: 11px;
line-height: 1.27272727;
padding: 0 5px;
}
.subnavigation ul li:not(:first-child):after {
width: 1px;
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: #aac5d5;
}
.subnavigation ul a {
color: #a9c5d5;
display: inline-block;
-webkit-transition: none;
transition: none;
}
.subnavigation ul a:before {
display: block;
font-size: 31px;
margin: 7px 0 10px;
-webkit-transition: none;
transition: none;
}
.subnavigation ul a:hover {
color: #fff;
} .header-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.header-wrapper #header {
position: relative;
top: auto;
left: auto;
right: auto;
}
@media (max-width: 1024px) {
#header .panel a.btn {
margin-left: 0;
font-size: 10px;
}
} .section-right-content {
display: flex;
}
.section-right-content:after {
content: "";
display: table;
clear: both;
}
.panel-left {
float: left;
width: 60%;
}
.panel-right {
width: 40%;
justify-content: right;
}
@media screen and (max-width: 1024px) {
.section-right-content {
display: block;
}
.section-right-content:after {
content: "";
display: table;
clear: both;
}
.panel {
width: 100%;
}
.panel-left {
padding-bottom: 0 !important;
}
.panel-right {
padding-top: 0 !important;
}
#header .phone {
margin-top: 0 !important;
padding-left: 30px;
}
#header .btn {
font-size: 14px !important;
margin-left: 30px !important;
}
}
@media screen and (min-width: 425px) and (max-width: 768px) {
#header .phone {
padding-left: 40px;
}
}
@media (min-width: 1280px) { #nav {
padding-right: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#nav:not(:last-child) {
position: relative;
margin-right: 27px;
}
#nav:not(:last-child):after {
width: 1px;
position: absolute;
top: 31px;
right: 0;
bottom: 31px;
content: '';
background: rgba(196, 200, 210, 0.4);
}
#nav>li {
font: 14px/19px Roboto-bold,sans-serif;
text-transform: uppercase;
min-height: 75px;
vertical-align: middle;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 5px transparent solid;
}
#nav>li:last-child {
margin-right: 0;
}
#nav>li:hover {
background: none;
border-bottom: #395F8B solid 5px;
}
#nav>li.active>a {
color: #0075bf;
}
#nav>li>a {
padding: 5px 20px;
color: #395F8B;
display: block;
}
#nav>li>a:hover {
color: #395F8B;
}
#nav>li:last-child>a {
padding-right: 0px;
}
#nav ul {
position: absolute;
top: -9999px;
left: -9999px;
border: 1px solid #D7D7D7;
background-color: #FFFFFF;
box-shadow: 0 0 4px NaNpx rgba(0, 0, 0, 0.15);
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
padding: 0px;
margin-top: 5px;
}
#nav ul li {
max-width: 290px;
min-width: 186px;
position: relative;
float: none;
height: 40px;
}
#nav ul li a {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
color: #395F8B;
position: relative;
padding: 10px 22px 11px;
}
#nav ul li a:hover {
background: #3456a2;
}
#nav ul li li {
width: 250px;
}
#nav ul .dropdown {
min-width: 250px;
}
#nav ul .dropdown>a:after {
content: '>';
position: absolute;
top: 50%;
right: 26px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -2px;
}
#nav ul ul {
background: #f4f5f7;
}
#nav ul ul li a:hover {
background: #395F8B;
}
#nav>li:hover>a {
color: #395F8B;
}
#nav>li:hover>ul {
top: 100%;
left: 0;
opacity: 1;
}
#nav>li:hover>ul>li:hover>a {
background: #395F8B;
color: #FFFFFF;
border: 1px solid #e6e6e6;
}
#nav>li:hover>ul>li:hover>ul,
#nav>li:hover>ul>li:hover>ul>li:hover>ul {
top: -5px;
left: 100%;
opacity: 1;
padding-top: 0px;
}
#nav>li:hover>ul>li:hover>ul li:hover,
#nav>li:hover>ul>li:hover>ul>li:hover>ul li:hover {
background: #6c7280;
} .nav-opener {
display: none;
} .header-bottom {
background-color: #FFFFFF;
}
.header-bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0 auto;
}
.header-bottom .section-right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 80px;
}
.header-bottom .section-right-content .panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subnavigation ul a.icon-education:before {
font-size: 29px;
margin: 10px 0 9px;
}
.subnavigation ul a.icon-cogwheel:before {
margin: 10px 0 7px 7px;
}
.subnavigation ul a.icon-mobile-devices:before {
font-size: 28px;
margin: 9px 0 11px;
}
.subnavigation ul a.icon-reputation:before {
font-size: 34px;
margin: 9px 0 5px;
}
.subnavigation ul a.icon-thumb-up:before {
font-size: 29px;
margin: 10px 0 9px;
}
}
@media (max-width: 1279px) {
#header {
min-height: 80px;
}
#header .logo {
width: 235px;
min-height: 35px;
float: left;
}
#header .phone {
margin-top: 10px;
} .nav-opener {
width: 106px;
height: 80px;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
margin: -15px -33px -15px 19px;
float: right;
position: relative;
}
.nav-opener:before, .nav-opener:after,
.nav-opener span {
height: 4px;
margin-top: 26px;
position: absolute;
top: 7px;
left: 30%;
right: 40%;
background: #395F8B;
border-radius: 4px;
}
.nav-opener:before, .nav-opener:after {
content: '';
top: -2px;
}
.nav-opener:after {
top: 16px;
}
.nav-active .nav-opener, .nav-opener:hover {
background: #395F8B;
}
.nav-active .nav-opener:before, .nav-active .nav-opener:after,
.nav-active .nav-opener span, .nav-opener:hover:before, .nav-opener:hover:after,
.nav-opener:hover span {
background: #fff;
}
.nav-active .nav-opener span {
opacity: 0;
}
.nav-active .nav-opener:after, .nav-active .nav-opener:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 30%;
right: 40%;
top: 7px;
}
.nav-active .nav-opener:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav {
max-width: none;
padding: 0 0 2px;
}
#nav ul {
overflow: hidden;
-webkit-transition: none;
transition: none;
padding-bottom: 6px;
}
#nav ul ul {
background: #828896;
padding-bottom: 11px;
}
#nav a {
display: block;
}
#nav .dropdown>a {
position: relative;
}
#nav .dropdown>a:after {
content: '>';
position: absolute;
top: 50%;
right: 45px;
font-size: 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: none;
transition: none;
}
#nav a:hover,
#nav .opened>a {
color: #395F8B;
background-color: #FFFFFF;
}
#nav li li a {
padding-left: 78px;
}
#nav li li a:hover,
#nav li li.opened>a {
background: #FFFFFF;
}
#nav li li li a:hover,
#nav li li li.opened>a {
background: #6c7280;
}
#nav .opened>a:after {
margin: -6px -1px 0 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.header-top .container {
padding: 0 32px;
}
.header-bottom {
background-color: #FFFFFF;
padding: 15px 0;
}
.header-bottom .container {
padding: 0 23px;
}
.header-bottom .section-right {
float: right;
}
.header-bottom .section-right-content {
width: 341px;
overflow: hidden;
pointer-events: none;
opacity: 0;
position: absolute;
top: 100%;
right: 0;
font: 14px/19px Roboto-bold,sans-serif;
text-transform: uppercase;
}
.nav-active .header-bottom .section-right-content {
opacity: 1;
pointer-events: auto;
z-index: 5;
}
.header-bottom .section-right-content a {
display: block;
font: 14px/19px Roboto-bold,sans-serif;
color: #FFFFFF;
padding: 12px 40px 9px 40px;
}
.header-bottom .section-right-content a:hover {
color: #fcb326;
}
.header-bottom .section-right-content .icon {
position: relative;
padding-left: 21px;
}
.header-bottom .section-right-content .icon:before {
font-size: 13px;
position: absolute;
top: 10px;
}
.header-bottom .section-right .panel {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
padding: 5px 0px 20px;
background-color: #395F8B;
overflow: hidden;
}
.nav-active .header-bottom .section-right .panel {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.subnavigation .container {
max-width: 1024px;
padding: 0;
}
.subnavigation ul {
padding: 14px 0 15px;
}
.subnavigation ul li {
font-size: 9px;
line-height: 1.33333333;
}
.subnavigation ul a:before {
font-size: 23px;
margin: 7px 0;
}
.subnavigation ul a.icon-cogwheel:before {
font-size: 25px;
margin-bottom: 5px;
}
.subnavigation ul a.icon-mobile-devices:before {
font-size: 22px;
margin-bottom: 8px;
}
.subnavigation ul a.icon-reputation:before {
font-size: 27px;
margin-bottom: 3px;
}
#header .panel a.btn {
margin-top: 10px;
}
}
@media (min-width: 768px) {
#header .holder {
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.header-top {
padding: 15px 0 16px;
border-top: 3px solid #29666f;
border-bottom: 1px solid rgba(142, 151, 172, 0.2);
background: #29666f;
text-align: right;
font: 14px/19px Roboto-bold,sans-serif;
}
.header-top a {
color: #FFFFFF;
margin-left: 34px;
}
.header-top a:hover {
color: #fcb326;
}
.header-top .icon:before {
padding-right: 7px;
}
.header-top .icon-user:before {
padding-right: 12px;
}
}
@media (max-width: 420px) {
#header {
height: 40px;
min-height: 1px;
}
#header .logo {
width: 160px;
height: 35px;
min-height: 24px;
float: none;
margin: 0 auto;
}
#header .phone.cloned {
width: 50px;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: 0;
}
#header .phone.cloned:before {
text-indent: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 2px 0 0 3px;
color: #395F8B;
font-size: 23px;
content: '\e900';
}
#header .phone.cloned:hover {
color: #FCB323;
}
#header .phone:not(.cloned) {
margin-top: 0;
}
#header .phone:not(.cloned).icon:before {
top: 8px;
margin-right: 0;
font-size: inherit;
position: absolute;
color: #eee;
}
.nav-opener {
width: 69px;
height: auto;
margin: 0;
position: absolute;
top: -5px;
right: 0;
bottom: 0;
}
.nav-opener:before, .nav-opener:after,
.nav-opener span {
top: -3px;
left: 28%;
right: 26%;
}
.nav-opener:before, .nav-opener:after {
top: -12px;
}
.nav-opener:after {
top: 6px;
}
.nav-active .nav-opener span {
opacity: 0;
}
.nav-active .nav-opener:after, .nav-active .nav-opener:before {
left: 28%;
right: 26%;
top: -4px;
}
#nav li li a {
padding-left: 60px;
}
.header-bottom {
padding: 0;
}
.header-bottom .container {
padding: 5px 85px 0 69px;
}
.header-bottom .header-top {
padding: 0 0 2px;
}
.header-bottom .header-top .container {
padding: 0;
}
.header-bottom .section-right .panel {
padding: 9px 0 17px;
}
.header-bottom .section-right-content {
width: auto;
left: 0;
}
.header-bottom .section-right-content a,
.header-bottom .section-right-content .icon {
padding: 12px 30px 9px 30px;
}
.header-bottom .section-right-content .icon:before {
left: 49px;
}
.header-bottom .section-right-content a:hover {
color: #fff;
background: rgba(52, 86, 162, 0.55);
}
.subnavigation .container {
max-width: 1024px;
padding: 0;
}
.subnavigation ul {
display: table;
margin: 0 auto;
padding: 2px 0 4px;
}
.subnavigation ul li {
float: left;
padding: 0;
}
.subnavigation ul li:after {
display: none;
}
.subnavigation ul a {
width: 43px;
height: 43px;
display: block;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
position: relative;
}
.subnavigation ul a:before {
position: absolute;
left: 50%;
text-indent: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.subnavigation ul a:before, .subnavigation ul a.icon-cogwheel:before, .subnavigation ul a.icon-mobile-devices:before, .subnavigation ul a.icon-reputation:before {
font-size: 23px;
margin: 0;
}
.subnavigation ul a.icon-mobile-devices:before {
font-size: 20px;
}
.subnavigation ul a.icon-reputation:before {
font-size: 25px;
}
}
.btn, input[type="submit"].btn {
font: 16px/21px Roboto, sans-serif;
font-weight: bold;
color: #fff;
background: #EB7925;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-radius: 25px;
padding: 16px 20px;
border: 2px solid transparent;
min-width: 180px;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn:before, input[type="submit"].btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
border: 2px solid #EB7925;
border-radius: 25px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active, input[type="submit"].btn:hover, input[type="submit"].btn:focus, input[type="submit"].btn:active {
color: #EB7925 !important;
}
.btn:hover:before, .btn:focus:before, .btn:active:before, input[type="submit"].btn:hover:before, input[type="submit"].btn:focus:before, input[type="submit"].btn:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.btn, .button {
padding: 0;
}h1 {
font-family: "Roboto", Arial, sans-serif
}
h2 {
font-family: "Roboto", Arial, sans-serif
}
h3 {
font-family: "Roboto", Arial, sans-serif
}
h4 {
font-family: "Roboto", Arial, sans-serif
}
body {
font-family: "Roboto", Arial, sans-serif;
color: #2b2b2b;
font-size: 18px
}
p {
line-height: 25px;
margin-bottom: 4px
}
h1, .h1 {
font-size: 45px;
line-height: 45px;
margin-bottom: 8px;
font-weight: 700
}
@media(min-width: 992px) {
h1, .h1 {
font-size: 45px;
line-height: 45px
}
}
h2, .h2 {
font-size: 36px;
line-height: 36px;
margin-bottom: 9px;
font-weight: 700
}
@media(min-width: 992px) {
h2, .h2 {
font-size: 36px;
line-height: 36px
}
}
.h1, .h2, .h3, .h4 {
display: inline-block
}
h3, .h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 7px;
font-weight: 700
}
h4, .h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 7px
}
.stat {
color: #4ca5c8;
font-size: 70px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif
}
img.center {
margin-right: auto;
margin-left: auto;
display: block
}
.block.headline {
text-wrap: balance;
text-align: center
}
.disclaimer p, .disclaimer {
font-size: 12px;
line-height: 14px;
font-style: italic;
text-align: center
}
.eyebrow {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-family: "Roboto", Arial, sans-serif;
margin-bottom: 10px;
display: inline-block
}
.fg-image {
margin-top: 40px
}
.star-ratings svg {
display: inline;
fill: #4ca5c8;
height: 24px;
width: 113px
}
.button-container {
margin-top: 33px
}
.counter {
counter-reset: badge-counter
}
.badge {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background-color: #395f8b;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-family: "Roboto", Arial, sans-serif;
font-size: 50px;
font-weight: bold;
display: inline-block
}
.badge::before {
counter-increment: badge-counter;
content: counter(badge-counter)
}
.center {
text-align: center
}
.btn.center {
margin: 0 auto
}
.primary {
color: #eb7925
}
.secondary {
color: #4ca5c8
}
.dark {
color: #395f8b
}
.neutral {
color: #f3f3f3
}
.white {
color: #fff
}
.text {
color: #2b2b2b
}
.pd-0-b {
padding-bottom: 0 !important
}
.primary-bg {
background-color: #eb7925
}
.secondary-bg {
background-color: #4ca5c8
}
.dark-bg {
background-color: #395f8b
}
.neutral-bg {
background-color: #f3f3f3
}
.white-bg {
background-color: #fff
}
.text-bg {
background-color: #2b2b2b
}
.gradient-1-bg {
background: rgba(0, 0, 0, 0) linear-gradient(180deg, #4ca5c8 0%, #395f8b 100%)
}
.gradient-2-bg {
background: rgba(0, 0, 0, 0) linear-gradient(0deg, #4ca5c8 0%, #395f8b 100%)
}
.gradient-3-bg {
background: rgba(0, 0, 0, 0) linear-gradient(90deg, none 0%, none 100%)
}
section {
padding: 40px 20px;
margin: 0
}
@media(min-width: 768px) {
section {
padding: 40px
}
}
@media(min-width: 992px) {
section {
padding: 80px
}
}
section.hero {
padding: 20px;
margin-bottom: 0
}
@media(min-width: 768px) {
section.hero {
padding: 40px
}
}
@media(min-width: 992px) {
section.hero {
padding: 80px
}
}
.grid-container {
display: grid;
max-width: 100%;
width: 100%;
margin: 0 auto;
row-gap: 20px;
padding-right: 0;
padding-left: 0
}
@media(min-width: 1200px) {
.grid-container {
display: grid;
max-width: 100%;
width: 1200px;
margin: 0 auto;
row-gap: 20px
}
.grid-container.wide {
width: 100%
}
}
input[type=text], input[type=tel], input[type=email], textarea, select {
display: block;
width: 100%;
height: 60px;
background: #fff;
line-height: 60px;
font-size: 18px;
padding: 0 20px;
color: #2b2b2b;
border: 0;
margin-bottom: 20px;
font-family: "Roboto", Arial, sans-serif;
border-radius: 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, .25)
}
input[type=text]:visited, input[type=tel]:visited, input[type=email]:visited, textarea:visited, select:visited {
color: #fff
}
input[type=submit], .btn, .button {
display: inline-block;
font-size: 16px;
border-radius: 39px;
height: 50px;
line-height: 50px;
box-shadow: none;
background-color: #eb7925;
font-weight: 600;
color: #fff;
cursor: pointer;
text-align: center;
transition: all .3s ease;
font-family: "Roboto", Arial, sans-serif;
max-width: 302px;
width: 100%;
border: 0;
-webkit-appearance: none
}
input[type=submit]:hover, .btn:hover, .button:hover {
background-color: #9c4a0e;
color: #fff
}
input[type=submit].small, .btn.small, .button.small {
width: auto;
height: auto;
line-height: inherit;
font-size: 16px;
padding: 10px
}
.btn {
text-decoration: none
}
select {
color: #2b2b2b
}
input[type=submit] {
margin: auto
}
p.submit {
text-align: center
}
label {
display: none
}
.link {
text-decoration: none;
font-weight: 700;
background: none;
width: -moz-fit-content;
width: fit-content;
transition: color .3s ease;
color: #4ca5c8
}
.link:hover {
color: #eb7925
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #2b2b2b
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #2b2b2b
}
input::placeholder, textarea::placeholder {
color: #2b2b2b
}
.errors {
color: red;
font: normal 400 16px "Roboto", Arial, sans-serif;
margin-bottom: 20px
}
.error.no-label {
color: red;
display: block;
margin-top: -10px;
margin-bottom: 20px
}
.form-field.error input, .form-field.error textarea {
border: 3px solid red;
border-radius: 0;
color: red
}
section.hero.hero-header-1 .form-field.phone {
display: inherit
}
.disclaimer {
margin-top: 20px
}
fieldset.form-columns-2 .hs-form-field {
float: none;
width: 100%
}
.gform_wrapper.gravity-theme .gfield_label {
display: none !important
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important
}
@media(min-width: 1200px) {
.gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: span 6 !important;
-ms-grid-column-span: 6 !important
}
}
.form-grid {
display: grid;
gap: 20px;
grid-template-columns: 1fr
}
@media(min-width: 1200px) {
.form-grid {
grid-template-columns: repeat(2, 1fr)
}
}
.card .card-content {
text-wrap: balance;
text-align: center
}
@media(min-width: 1200px) {
.card .card-content {
text-align: left
}
}
.card .card-content.center {
text-align: center
}
.card .card-content .card-grid {
display: grid;
row-gap: 33px;
-moz-column-gap: 80px;
column-gap: 80px
}
.card .card-content .card-grid.left .block {
justify-self: start
}
.card .card-content .card-grid.left .block.image {
order: 0;
justify-self: start
}
.card .card-content .card-grid.left .block.video {
order: 0;
justify-self: start
}
.card .card-content .card-grid.reverse .block, .card .card-content .card-grid.right .block {
justify-self: start
}
.card .card-content .card-grid.reverse .block.image, .card .card-content .card-grid.right .block.image {
order: 2;
justify-self: end
}
.card .card-content .card-grid.reverse .block.video, .card .card-content .card-grid.right .block.video {
order: 2;
justify-self: start
}
.card .card-content .card-grid.reverse .block.form, .card .card-content .card-grid.right .block.form {
justify-self: center
}
.card .card-content .card-grid .block.headline {
margin-bottom: 33px
}
@media(max-width: 992px) {
.card .card-content .card-grid .block.image {
margin: 0 auto
}
}
@media(max-width: 767px) {
.card .card-content .card-grid .block.video {
position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
margin: 0 auto
}
}
@media(min-width: 768px) {
.card .card-content .card-grid .block.video {
border-radius: 10px;
overflow: hidden;
z-index: 1;
width: 600px;
height: 338px;
box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, .2);
margin: 0 auto
}
}
@media(min-width: 992px) {
.card .card-content .card-grid .block.video {
border-radius: 10px;
overflow: hidden;
z-index: 1;
width: 750px;
height: 422px;
box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, .2)
}
}
.card .card-content .card-grid .block.video iframe, .card .card-content .card-grid .block.video object, .card .card-content .card-grid .block.video embed {
width: 100%;
height: 100%;
border: none
}
@media(min-width: 768px) {
.card .card-content .card-grid .block.video iframe#ytplayer {
width: 600px;
height: 338px
}
}
@media(min-width: 992px) {
.card .card-content .card-grid .block.video iframe#ytplayer {
width: 750px;
height: 422px
}
}
.card .card-content .card-grid .block.inine {
display: grid;
grid-template-columns: 40px 1fr;
-moz-column-gap: 10px;
column-gap: 10px
}
@media(min-width: 1200px) {
.card .card-content .card-grid .block.form {
width: 60%
}
}
.card .card-content.inline .card-grid {
grid-template-columns: 1fr
}
@media(min-width: 1200px) {
.card .card-content.inline .card-grid {
grid-template-columns: 1fr 1fr
}
}
@media(min-width: 1200px) {
.card.base-bottom .card-grid {
-moz-column-gap: 80px;
column-gap: 80px
}
}
.card.form-bottom .card-grid {
row-gap: 20px
}
.card.form-bottom .card-grid .block.form {
width: 100%;
text-align: center;
margin: 0 auto
}
@media(min-width: 1200px) {
.card.form-bottom .card-grid .block.form {
width: 60%
}
}
.card.form-bottom .card-grid .block.headline {
margin: 0
}
.card.form-bottom .card-grid .disclaimer {
margin: 0
}
.card.box-5050 .card-content {
padding: 20px
}
@media(min-width: 768px) {
.card.box-5050 .card-content {
padding: 40px
}
}
.card.box-5050 .card-content .card-grid {
-moz-column-gap: 40px;
column-gap: 40px
}
.card.box-5050 .card-content .card-grid .block.image {
justify-self: end
}
.card.banner-timer {
padding: 20px
}
.card.banner-timer.sticky {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 9999
}
@media(min-width: 1200px) {
.card.banner-timer.simple .card-content .card-grid {
grid-template-columns: 135px auto;
justify-content: center
}
}
.card.banner-timer .card-content .card-grid {
row-gap: 20px
}
@media(min-width: 768px) {
.card.banner-timer .card-content .card-grid {
grid-template-columns: 50% 50%;
-moz-column-gap: 40px;
column-gap: 40px
}
}
@media(min-width: 1200px) {
.card.banner-timer .card-content .card-grid {
grid-template-columns: 135px auto auto
}
}
.card.banner-timer .card-content .card-grid .block {
text-align: left
}
.card.banner-timer .card-content .card-grid .block.countdown {
order: 1
}
@media(min-width: 768px) {
.card.banner-timer .card-content .card-grid .block.countdown {
order: 0
}
}
.card.banner-timer .card-content .card-grid .block.image {
display: none
}
@media(min-width: 1200px) {
.card.banner-timer .card-content .card-grid .block.image {
display: block
}
}
.card.banner-timer .card-content .card-grid .button-container {
margin-top: 20px
}
@media(min-width: 1200px) {
.card.hero .grid-container {
max-width: 1700px;
width: 100%
}
}
.card.hero .grid-container .card-content.inline .card-grid {
grid-column-gap: 80px;
row-gap: 40px;
display: inline-grid
}
.card.hero .grid-container .card-content .card-grid .block.form {
width: 100%
}
.card.hero.base-5050 .card-content .card-grid .block.image {
justify-self: center
}
.card.hero.form-5050-box .card-content {
text-align: left
}
.card.hero.form-5050-box .block.form {
padding: 20px
}
@media(min-width: 1200px) {
.card.hero.form-5050-box .block.form {
padding: 40px
}
}
.card.hero.form-bottom-2col .grid-container {
max-width: 1140px;
width: 100%
}
.card.hero.form-bottom-2col .block.headline {
margin-bottom: 0
}
.card.hero.form-bottom-2col .block.headline h1 {
margin-bottom: 0
}
.card.hero.form-bottom-2col .block.form form .hs-form-field:nth-of-type(1n) .input {
margin-right: 0 !important
}
@media(min-width: 1200px) {
.card.hero.form-bottom-2col .block.form form .hs-form-field:nth-of-type(1n) .input {
margin-right: 20px !important
}
}
.card.hero.form-bottom-2col .block.form form .hs-form-field:nth-of-type(2n) .input {
margin-right: 0 !important
}
@media(min-width: 1200px) {
.card.hero.form-bottom-2col .block.form form .hs-form-field:nth-of-type(2n) .input {
margin-right: 0 !important
}
}
.card.hero.form-bottom-2col .disclaimer {
margin-top: 20px
}
.card.hero.form-bottom-2col .block.form {
padding: 40px 20px 20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, .25)
}
@media(min-width: 1200px) {
.card.hero.form-bottom-2col .block.form {
padding: 40px
}
}
.card.hero.form-bottom-2col .block.form.white {
color: #fff
}
.card.hero.form-bottom-2col .block.form h2 {
margin-bottom: 28px
}
@media(min-width: 768px) {
.card.hero.form-bottom-2col .block.form h2 {
margin-bottom: 33px
}
}
.card.hero.form-5050-video .card-grid.left .block {
align-self: center
}
.card.hero.form-5050-video .card-grid.reverse .block, .card.hero.form-5050-video .card-grid.right .block {
align-self: center
}
.card.hero.form-5050-video .card-grid .block.video {
background: #000
}
.card.hero.form-5050-video .card-grid .block.video .video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
background: #000
}
.card.hero.form-5050-video .card-grid .block.video .video-container #poster-image {
z-index: 1;
background: #000
}
.card.hero.form-5050-video .card-grid .block.video .video-container #ytplayer {
z-index: 2
}
.card.hero.form-5050-video .card-grid .block.video .video-container iframe, .card.hero.form-5050-video .card-grid .block.video .video-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.card.hero.form-5050-video form {
margin-top: 40px
}
#hero-video {
height: auto;
position: relative;
overflow: hidden;
}
#hero-video:before {
background: none;
z-index: -1
}
#hero-video .block {
position: relative
}
#hero-video img {
max-width: 100%
}
#hero-video h1.eyebrow {
color: #4ca5c8
}
#hero-video .eyebrow {
font-size: 18px;
font-family: "Roboto-Bold", Courier, Arial, sans-serif
}
#hero-video video {
width: 100%
}
#hero-video form {
position: relative
}
#hero-video video {
max-width: 100%;
height: auto
}
#hero-video input {
height: 40px;
line-height: 40px
}
#hero-video p {
margin-bottom: 40px
}
#hero-video h1, #hero-video .h1 {
margin-bottom: 0
}
#hero-video .video-bg, #hero-video .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
#hero-video .video-overlay {
background-color: #395f8b;
mix-blend-mode: multiply
}
#hero-video .gform_wrapper.gravity-theme #field_submit, #hero-video .gform_wrapper.gravity-theme .gform_footer {
display: block !important
}
@media(max-width: 768px) {
#hero-video .card-content .card-grid.left .block.image {
order: 1
}
}
@media(min-width: 1200px) {
#hero-video .card-content {
text-align: right
}
}
@media(max-width: 767px) {
#hero-video #bg-video {
display: none
}
#hero-video .video-bg {
background-position: center center
}
}
section {
padding: 0
}
section.card.exit-intent {
background-color: #1891e2;
color: #fff
}
@media(max-width: 767px) {
section.card.exit-intent {
max-width: 375px;
width: 100%
}
}
section.card.exit-intent .grid-container .card-content .card-grid {
row-gap: 0
}
section.card.exit-intent .grid-container .card-content .card-grid .block.content {
max-width: 579px;
background-repeat: no-repeat;
position: relative;
background-size: contain;
max-height: 386px;
height: 388px;
overflow: hidden
}
@media(max-width: 640px) {
section.card.exit-intent .grid-container .card-content .card-grid .block.content {
height: 61vw
}
}
@media(min-width: 641px) {
section.card.exit-intent .grid-container .card-content .card-grid .block.content {
height: 388px
}
}
section.card.exit-intent .grid-container .card-content .card-grid .block.content .foreground {
position: absolute;
width: 100%;
top: 0;
left: 0
}
section.card.exit-intent .grid-container .card-content .card-grid .block.content .foreground img {
max-width: 100%
}
section.card.exit-intent .grid-container .card-content .card-grid .block.content .overlay {
height: 100%;
bottom: 0;
position: absolute;
width: 100%;
left: 0
}
section.card.exit-intent .grid-container .card-content .card-grid .block.content .overlay .card-text {
padding: 20px;
padding-bottom: 0;
bottom: 0;
max-width: 100%;
position: absolute;
width: 100%
}
section.card.exit-intent .grid-container .card-content .card-grid .block.form {
padding: 20px;
width: 100%
}
section.card.exit-intent .grid-container .card-content .card-grid .block.form .close-text {
display: block !important;
text-align: center;
font-weight: 600;
margin-top: 20px
}
#exit-intent .gform_wrapper {
background: none;
padding: 0
}
#exit-intent input[type=submit] {
margin: 20px auto 0 auto
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
margin-bottom: 0 !important
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
margin: 0 0 0;
padding: 0 0
}
#exit-intent .gform_wrapper.gravity-theme .gform_footer {
margin: 0;
padding: 0;
margin-bottom: 20px
}.hero h1, .hero .h1, .hero p, .hero .btn {
opacity: 0;
}
div.btn-holder > a {
width: 100%
}