@charset "UTF-8";
.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;
}
}.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%
}
                            .primary-bg,
[data-bg-color=primary] {
background-color: #eb7925;
}
.button[data-bg-color=primary] {
background-color: #eb7925;
border-color: #eb7925;
}
.secondary-bg,
[data-bg-color=secondary] {
background-color: #4ca5c8;
}
.button[data-bg-color=secondary] {
background-color: #4ca5c8;
border-color: #4ca5c8;
}
.dark-bg,
[data-bg-color=dark] {
background-color: #395f8b;
}
.button[data-bg-color=dark] {
background-color: #395f8b;
border-color: #395f8b;
}
.neutral-bg,
[data-bg-color=neutral] {
background-color: #f3f3f3;
}
.button[data-bg-color=neutral] {
background-color: #f3f3f3;
border-color: #f3f3f3;
}
.white-bg,
[data-bg-color=white] {
background-color: #ffffff;
}
.button[data-bg-color=white] {
background-color: #ffffff;
border-color: #ffffff;
}
.text-bg,
[data-bg-color=text] {
background-color: #2b2b2b;
}
.button[data-bg-color=text] {
background-color: #2b2b2b;
border-color: #2b2b2b;
}     img.center {
margin-right: auto;
margin-left: auto;
display: block;
}
.block-text figure {
margin-top: 20px;
}
.block-form[data-container-type=solid] {
padding: 20px;
}
.fg-image {
margin-top: 40px;
}
.center {
text-align: left;
}
@media (min-width: 1200px) {
.center {
text-align: center;
}
}
.btn.center {
margin: 0 auto;
}
.primary,
[data-text-color=primary],
svg[data-text-color=primary] {
color: #eb7925;
fill: #eb7925;
}
.secondary,
[data-text-color=secondary],
svg[data-text-color=secondary] {
color: #4ca5c8;
fill: #4ca5c8;
}
.dark,
[data-text-color=dark],
svg[data-text-color=dark] {
color: #395f8b;
fill: #395f8b;
}
.neutral,
[data-text-color=neutral],
svg[data-text-color=neutral],
[data-bg-color=neutral] {
color: #f3f3f3;
fill: #f3f3f3;
}
.white,
[data-text-color=white],
svg[data-text-color=white] {
color: #ffffff;
fill: #ffffff;
}
.text,
[data-text-color=text],
svg[data-text-color=text] {
color: #2b2b2b;
fill: #2b2b2b;
}
.pd-0-b {
padding-bottom: 0 !important;
}
.collection .grid-container.no-gap {
gap: 40px;
}
@media (min-width: 1200px) {
.collection .grid-container.no-gap {
gap: 0;
}
}
.collection .grid-container:has(> .card.flush-card) {
gap: 40px;
}
@media (min-width: 1200px) {
.collection .grid-container:has(> .card.flush-card) {
gap: 0;
}
}
.collection .grid-container > p:empty,
.collection .card-grid > p:empty,
.collection .card-content > p:empty,
.collection p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.pd-x-lg {
padding: 0;
}
@media (min-width: 1200px) {
.pd-x-lg {
padding: 0 80px;
}
} .block {
padding: 0 !important;
background: none !important;
}
.gradient-1-bg,
[data-bg-color=gradient1] {
background: transparent linear-gradient(180deg, #4ca5c8 0%, #395f8b 100%);
}
.gradient-2-bg,
[data-bg-color=gradient2] {
background: transparent linear-gradient(0deg, #4ca5c8 0%, #395f8b 100%);
}
.gradient-3-bg,
[data-bg-color=gradient3] {
background: transparent linear-gradient(180deg, none 0%, none 100%);
}
.card-collection[data-container-type=solid] .card,
.collection-container[data-container-type=solid] .card {
padding: 40px;
background-color: #ffffff;
color: #2b2b2b;
}
.block-form[data-container-type=solid] {
padding: 20px;
background-color: #395f8b;
color: #ffffff;
}
@media (min-width: 1200px) {
.block-form[data-container-type=solid] {
padding: 40px;
background-color: #395f8b;
color: #ffffff;
}
}
@media (min-width: 1200px) {
.card[data-preset=base-5050] .card-content[data-container-type=solid] {
padding: 40px;
}
.card[data-preset=base-5050] .card-content[data-container-type=solid] .card-grid {
column-gap: 40px;
}
.card .card-content[data-container-type=solid] .card {
padding: 40px;
background-color: #4ca5c8;
color: #ffffff;
}
}
.block-image.center {
justify-self: center;
}
.block-text,
.block-headline {
width: 100%;
justify-self: stretch;
}
.block-text.center, .block-headline.center, .block-form.center {
text-align: center;
}
.block-image.right, .block-text.right, .block-headline.right, .block-form.right {
text-align: center;
}
@media (min-width: 768px) {
.block-image.right, .block-text.right, .block-headline.right, .block-form.right {
text-align: right;
}
}
.block-image.left, .block-text.left, .block-headline.left, .block-form.left {
text-align: center;
}
@media (min-width: 768px) {
.block-image.left, .block-text.left, .block-headline.left, .block-form.left {
text-align: left;
}
}
.block-image.left[data-vertical-align=center], .block-text.left[data-vertical-align=center], .block-headline.left[data-vertical-align=center], .block-form.left[data-vertical-align=center] {
align-self: center;
}
.block-image.left[data-vertical-align=top], .block-text.left[data-vertical-align=top], .block-headline.left[data-vertical-align=top], .block-form.left[data-vertical-align=top] {
align-self: flex-start;
}
.block-image.left[data-vertical-align=bottom], .block-text.left[data-vertical-align=bottom], .block-headline.left[data-vertical-align=bottom], .block-form.left[data-vertical-align=bottom] {
align-self: flex-end;
}
.block-image {
justify-self: center;
}
@media (min-width: 1200px) {
.block-image {
justify-self: start;
}
}
[data-preset=base-5050] .block-image {
justify-self: center;
}
@media (min-width: 1200px) {
[data-preset=base-5050] .block-image {
justify-self: end;
}
}
.collection[data-preset=base-top] .block-image {
justify-self: center;
}
.card-content[data-container-type=solid] {
padding: 20px;
}
@media (min-width: 768px) {
.card-content[data-container-type=solid] {
padding: 40px;
}
}
.collection[data-preset=base-5050] .card-collection[data-container-type=solid] .card,
.collection[data-preset=base-5050] .collection-container[data-container-type=solid] .card {
padding: 20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
background-color: #f3f3f3;
color: #2b2b2b;
}
.collection[data-preset=base-bottom] .card-collection[data-container-type=solid] .card,
.collection[data-preset=base-bottom] .collection-container[data-container-type=solid] .card {
padding: 20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
background-color: #ffffff;
color: #2b2b2b;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.pd-md {
padding: 40px !important;
}
.ma-b-0 {
margin-bottom: 0 !important;
}
.color-swatches {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (min-width: 1200px) {
.color-swatches {
flex-direction: row;
}
}
.color-swatches .swatch {
height: 100px;
width: 100px;
text-align: center;
border: 1px solid black;
padding: 10px;
font-size: 16px;
}    *,
*::before,
*::after {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
display: block;
} body {
line-height: 1;
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
} ol, ul {
list-style: none;
} blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
} a:not([class]) {
text-decoration-skip-ink: auto;
} img {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font: inherit;
} button {
background-color: transparent;
color: inherit;
border-width: 0;
padding: 0;
cursor: pointer;
} :focus:not(:focus-visible) {
outline: none;
} html {
height: 100%;
}
body {
min-height: 100%;
display: grid;
grid-template-rows: 1fr auto;
}
footer {
grid-row-start: 2;
grid-row-end: 3;
} a {
text-decoration: none;
color: inherit;
cursor: pointer;
} fieldset {
border-width: 0;
padding: 0;
margin: 0;
} svg {
display: none;
} audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
video {
max-width: 100%;
height: auto;
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} :focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} html {
-webkit-text-size-adjust: 100%;
}
body {
font-family: "Roboto", Arial, sans-serif;
color: #2b2b2b;
font-size: 18px;
}
p {
line-height: 25px;
margin-bottom: 0;
}
h1, .h1 {
font-size: 45px;
line-height: 45px;
margin-bottom: 8px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
}
@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;
font-family: "Roboto", Arial, sans-serif;
}
@media (min-width: 992px) {
h2, .h2 {
font-size: 36px;
line-height: 36px;
}
}
h3, .h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 7px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
}
h4, .h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 7px;
font-family: "Roboto", Arial, sans-serif;
}
.h1, .h2, .h3, .h4 {
display: inline-block;
}
.disclaimer p, .disclaimer {
font-size: 12px;
line-height: 17px;
font-style: italic;
text-align: center;
}
.eyebrow {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-family: "Roboto", Arial, sans-serif;
margin-bottom: 0;
display: block;
color: #eb7925;
}
h1.eyebrow {
margin: 0;
line-height: 1.5em;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.skip-to-content {
position: absolute;
top: -40px;
left: 0;
padding: 8px;
z-index: 100;
background: #ffffff;
color: #eb7925;
font-weight: bold;
transition: top 0.3s ease;
}
.skip-to-content:focus {
top: 0;
}
@media (forced-colors: active) {
.icon {
forced-color-adjust: none;
}
} html {
scroll-behavior: smooth;
font-size: 100%;
}
body {
min-width: 320px;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::selection {
text-shadow: none;
}
a {
transition: color 0.3s ease;
}
a:hover {
color: #eb7925;
}
a:focus {
outline: 2px solid #4ca5c8;
outline-offset: 2px;
}
.page-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1;
display: flex;
flex-direction: column;
}
:focus-visible {
outline: 2px solid #4ca5c8;
outline-offset: 2px;
}    *,
*::before,
*::after {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
display: block;
} body {
line-height: 1;
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
} ol, ul {
list-style: none;
} blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
} a:not([class]) {
text-decoration-skip-ink: auto;
} img {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font: inherit;
} button {
background-color: transparent;
color: inherit;
border-width: 0;
padding: 0;
cursor: pointer;
} :focus:not(:focus-visible) {
outline: none;
} html {
height: 100%;
}
body {
min-height: 100%;
display: grid;
grid-template-rows: 1fr auto;
}
footer {
grid-row-start: 2;
grid-row-end: 3;
} a {
text-decoration: none;
color: inherit;
cursor: pointer;
} fieldset {
border-width: 0;
padding: 0;
margin: 0;
} svg {
display: none;
} audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
video {
max-width: 100%;
height: auto;
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} :focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} html {
-webkit-text-size-adjust: 100%;
}
body {
font-family: "Roboto", Arial, sans-serif;
color: #2b2b2b;
font-size: 18px;
}
p {
line-height: 25px;
margin-bottom: 0;
}
h1, .h1 {
font-size: 45px;
line-height: 45px;
margin-bottom: 8px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
}
@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;
font-family: "Roboto", Arial, sans-serif;
}
@media (min-width: 992px) {
h2, .h2 {
font-size: 36px;
line-height: 36px;
}
}
h3, .h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 7px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
}
h4, .h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 7px;
font-family: "Roboto", Arial, sans-serif;
}
.h1, .h2, .h3, .h4 {
display: inline-block;
}
.disclaimer p, .disclaimer {
font-size: 12px;
line-height: 17px;
font-style: italic;
text-align: center;
}
.eyebrow {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-family: "Roboto", Arial, sans-serif;
margin-bottom: 0;
display: block;
color: #eb7925;
}
h1.eyebrow {
margin: 0;
line-height: 1.5em;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.skip-to-content {
position: absolute;
top: -40px;
left: 0;
padding: 8px;
z-index: 100;
background: #ffffff;
color: #eb7925;
font-weight: bold;
transition: top 0.3s ease;
}
.skip-to-content:focus {
top: 0;
}
@media (forced-colors: active) {
.icon {
forced-color-adjust: none;
}
}
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: #ffffff;
cursor: pointer;
text-align: center;
transition: all 0.3s ease;
font-family: "Roboto", Arial, sans-serif;
max-width: 302px;
width: auto;
border: 0;
-webkit-appearance: none;
border: 2px solid #eb7925;
padding: 0 20px;
}
input[type=submit]:hover,
.btn:hover,
.button:hover {
background-color: #ffffff;
color: #eb7925;
border: 2px solid #eb7925;
}
input[type=submit].small,
.btn.small,
.button.small {
width: auto;
height: auto;
line-height: normal;
font-size: 14px;
padding: 10px 20px;
}
.button-container {
margin-top: 33px;
display: flex;
justify-content: center;
align-items: center;
justify-self: center;
text-align: center;
width: 100%;
}
.button-container[data-button-align=left] {
justify-content: center;
justify-self: center;
text-align: center;
}
@media (min-width: 768px) {
.button-container[data-button-align=left] {
justify-content: flex-start;
justify-self: start;
text-align: left;
}
}
.button-container[data-button-align=right] {
justify-content: center;
justify-self: center;
text-align: center;
}
@media (min-width: 768px) {
.button-container[data-button-align=right] {
justify-content: flex-end;
justify-self: end;
text-align: right;
}
}
.btn {
text-decoration: none;
}
input[type=submit] {
margin: auto;
}
p.submit {
text-align: center;
}
.link {
text-decoration: none;
font-weight: 700;
background: none;
width: fit-content;
transition: color 0.3s ease;
color: #4ca5c8;
}
.link:hover {
color: #eb7925;
}  input[type=text],
input[type=tel],
input[type=email],
textarea,
select {
display: block;
width: 100%;
height: 40px;
background: #ffffff;
line-height: 40px;
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, 0.25);
}
input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: rgba(43, 43, 43, 0.7);
}
input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: rgba(43, 43, 43, 0.7);
}
input[type=text]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
color: rgba(43, 43, 43, 0.7);
}
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
color: rgba(43, 43, 43, 0.7);
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
textarea::placeholder,
select::placeholder {
color: rgba(43, 43, 43, 0.7);
}
input[type=text]:visited,
input[type=tel]:visited,
input[type=email]:visited,
textarea:visited,
select:visited {
color: #ffffff;
}  label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}  input[type=checkbox] + label,
input[type=radio] + label,
label:has(input[type=checkbox]),
label:has(input[type=radio]) {
all: revert;
display: inline-block;
cursor: pointer;
font-size: inherit;
font-weight: normal;
} input[type=checkbox] + label,
input[type=radio] + label {
margin-left: 8px;
}     input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border: 2px solid #f3f3f3;
border-radius: 0;
background-color: #ffffff;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
} input[type=checkbox]:hover {
border-color: #eb7925;
} input[type=checkbox]:checked {
background-color: #eb7925;
border-color: #eb7925;
} input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 6px;
height: 11px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
form + .disclaimer {
text-align: center;
} .form-grid {
display: grid;
gap: 0;
grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
.form-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
.block-form .disclaimer {
margin-top: 20px;
}
.block-text form {
margin-top: 20px;
}   .errors {
color: #ff0000;
font: normal 400 14px "Roboto", Arial, sans-serif;
margin-bottom: 20px;
}
.errors { }
.error.no-label {
color: #ff0000;
display: block;
margin-top: -10px;
margin-bottom: 20px;
}
.form-field.error input,
.form-field.error textarea {
border: 3px solid #ff0000;
border-radius: 0;
color: #ff0000;
}
section.hero.hero-header-1 .form-field.phone {
display: inherit;
}
fieldset.form-columns-2 .hs-form-field {
float: none;
width: 100%;
}
.block-form.col-2 #pardot-form {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 20px;
}
@media (min-width: 768px) {
.block-form.col-2 #pardot-form {
grid-template-columns: repeat(2, 1fr);
}
}
#pardot-form .form-field {
margin: 0;
}
#pardot-form .submit {
grid-column: 1/-1;
}    p.pd-checkbox {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 20px;
align-items: start;
border-top: 2px solid #f3f3f3;
padding: 20px 0;
}
p.pd-checkbox input[type=checkbox] {
grid-column: 1;
margin-top: 0;
}
p.pd-checkbox label.inline {
margin-left: 0;
grid-column: 2;
}
p.pd-checkbox span.description {
grid-column: 2;
display: block;
font-size: inherit;
line-height: inherit;
} .gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
font-size: 18px !important;
}
.gform_wrapper.gravity-theme .gform_footer {
text-align: center;
}
.block-form .gform_wrapper {
width: 100%;
}
.block-form .gform_wrapper.gravity-theme .gform_footer {
width: 100%;
text-align: center;
margin: 20px 0 0;
padding: 0;
}
.block-form .gform_wrapper.gravity-theme .gform_footer button,
.block-form .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
width: auto;
max-width: none;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0;
}
.block-form .gform_wrapper.gravity-theme #field_submit,
.block-form .gform_wrapper.gravity-theme .gform_footer {
display: block;
}
.block-form[data-button-align=left] .gform_wrapper.gravity-theme .gform_footer {
text-align: left;
}
.block-form[data-button-align=center] .gform_wrapper.gravity-theme .gform_footer {
text-align: center;
}
.block-form[data-button-align=right] .gform_wrapper.gravity-theme .gform_footer {
text-align: right;
}  .gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
font-size: 18px !important;
}  .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: span 6 !important;
-ms-grid-column-span: 6 !important;
text-align: left;
} .gform_wrapper.gravity-theme .gform_fields {
display: grid !important;
grid-template-columns: repeat(12, 1fr) !important;
column-gap: 20px !important;
width: 100% !important;
} .gform_wrapper.gravity-theme .gfield:not(.gfield--width-half):not(.gfield--width-third):not(.gfield--width-quarter) {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important;
} .gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important;
}
@media (min-width: 768px) {
.gform_wrapper.gravity-theme .gfield.gfield--width-half {
grid-column: span 6 !important;
-ms-grid-column-span: 6 !important;
}
} .gform_wrapper.gravity-theme .gfield.gfield--width-third {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important;
}
@media (min-width: 768px) {
.gform_wrapper.gravity-theme .gfield.gfield--width-third {
grid-column: span 4 !important;
-ms-grid-column-span: 4 !important;
}
} .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important;
}
@media (min-width: 768px) {
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
grid-column: span 3 !important;
-ms-grid-column-span: 3 !important;
}
} .gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
width: 100%;
box-sizing: border-box;
} .gform_wrapper.gravity-theme .gform_footer {
grid-column: span 12 !important;
-ms-grid-column-span: 12 !important;
margin: 0;
padding: 0;
}    .card .card-content h1,
.block-text h1,
.block-headline h1 {
text-wrap: balance;
}
.card .card-content h2,
.block-text h2,
.block-headline h2 {
text-wrap: balance;
}
.card .card-content h3,
.block-text h3,
.block-headline h3 {
text-wrap: balance;
}
.card .card-content h4,
.block-text h4,
.block-headline h4 {
text-wrap: balance;
}
.card .card-content h5,
.block-text h5,
.block-headline h5 {
text-wrap: balance;
}
.card.card-bg,
.collection .card.card-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.card .card-content,
.collection .card-content {
text-align: left;
}
@media (min-width: 1200px) {
.card .card-content[data-content-align=center],
.collection .card-content[data-content-align=center] {
text-align: center;
}
}
.card .card-content[data-content-align=center] .card-grid,
.collection .card-content[data-content-align=center] .card-grid {
justify-items: center;
}
@media (min-width: 1200px) {
.card .card-content[data-content-align=right],
.collection .card-content[data-content-align=right] {
text-align: right;
}
}
.card .card-content[data-content-align=inline] .card-grid,
.collection .card-content[data-content-align=inline] .card-grid {
grid-template-columns: 1fr;
justify-items: center;
}
@media (min-width: 1200px) {
.card .card-content[data-content-align=inline] .card-grid,
.collection .card-content[data-content-align=inline] .card-grid {
grid-template-columns: 1fr 1fr;
column-gap: 80px;
justify-items: left;
}
}
.card .card-content .card-grid,
.collection .card-content .card-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: start;
}
@media (min-width: 1200px) {
.card .card-content .card-grid,
.collection .card-content .card-grid {
row-gap: 40px;
}
}
.card .card-content .card-grid .block-image,
.card .card-content .card-grid .block-video,
.collection .card-content .card-grid .block-image,
.collection .card-content .card-grid .block-video {
order: 1;
}
@media (min-width: 320px) and (max-width: 991px) {
.card .card-content .card-grid .block-image,
.card .card-content .card-grid .block-video,
.collection .card-content .card-grid .block-image,
.collection .card-content .card-grid .block-video {
margin: 0 auto;
}
}
.card .card-content .card-grid .block-image[data-vertical-align=center],
.card .card-content .card-grid .block-video[data-vertical-align=center],
.collection .card-content .card-grid .block-image[data-vertical-align=center],
.collection .card-content .card-grid .block-video[data-vertical-align=center] {
align-self: center;
}
.card .card-content .card-grid .block-image[data-vertical-align=top],
.card .card-content .card-grid .block-video[data-vertical-align=top],
.collection .card-content .card-grid .block-image[data-vertical-align=top],
.collection .card-content .card-grid .block-video[data-vertical-align=top] {
align-self: start;
}
.card .card-content .card-grid .block-image[data-vertical-align=bottom],
.card .card-content .card-grid .block-video[data-vertical-align=bottom],
.collection .card-content .card-grid .block-image[data-vertical-align=bottom],
.collection .card-content .card-grid .block-video[data-vertical-align=bottom] {
align-self: end;
}
.card .card-content .card-grid .block-image[data-media-align=left],
.collection .card-content .card-grid .block-image[data-media-align=left] {
justify-self: start;
text-align: left;
}
.card .card-content .card-grid .block-image[data-media-align=center],
.collection .card-content .card-grid .block-image[data-media-align=center] {
justify-self: center;
text-align: center;
}
.card .card-content .card-grid .block-image[data-media-align=right],
.collection .card-content .card-grid .block-image[data-media-align=right] {
justify-self: end;
text-align: right;
}
.card .card-content .card-grid .block-text,
.card .card-content .card-grid .block-form,
.collection .card-content .card-grid .block-text,
.collection .card-content .card-grid .block-form {
order: 2;
}
.card .card-content .card-grid .block-text[data-vertical-align=center],
.card .card-content .card-grid .block-form[data-vertical-align=center],
.collection .card-content .card-grid .block-text[data-vertical-align=center],
.collection .card-content .card-grid .block-form[data-vertical-align=center] {
align-self: center;
}
.card .card-content .card-grid .block-text[data-vertical-align=top],
.card .card-content .card-grid .block-form[data-vertical-align=top],
.collection .card-content .card-grid .block-text[data-vertical-align=top],
.collection .card-content .card-grid .block-form[data-vertical-align=top] {
align-self: start;
}
.card .card-content .card-grid .block-text[data-vertical-align=bottom],
.card .card-content .card-grid .block-form[data-vertical-align=bottom],
.collection .card-content .card-grid .block-text[data-vertical-align=bottom],
.collection .card-content .card-grid .block-form[data-vertical-align=bottom] {
align-self: end;
}
.card .card-content .card-grid .button-container,
.collection .card-content .card-grid .button-container {
margin-top: 33px;
}
.card .card-content[data-vertical-align=center] .card-grid,
.collection .card-content[data-vertical-align=center] .card-grid {
align-items: center;
}
.card .card-content[data-vertical-align=bottom] .card-grid,
.collection .card-content[data-vertical-align=bottom] .card-grid {
align-items: end;
}
.card .card[data-vertical-align=center] .card-content .card-grid,
.collection .card[data-vertical-align=center] .card-content .card-grid {
align-items: center;
}
.card .card[data-vertical-align=bottom] .card-content .card-grid,
.collection .card[data-vertical-align=bottom] .card-content .card-grid {
align-items: end;
}
.card .card-content[data-block-order=default] .card-grid .block-image,
.card .card-content[data-block-order=default] .card-grid .block-video,
.card .card-content[data-block-order=default] .card-grid .block-media,
.collection .card-content[data-block-order=default] .card-grid .block-image,
.collection .card-content[data-block-order=default] .card-grid .block-video,
.collection .card-content[data-block-order=default] .card-grid .block-media {
order: 1;
}
.card .card-content[data-block-order=default] .card-grid .block-text,
.card .card-content[data-block-order=default] .card-grid .block-form,
.collection .card-content[data-block-order=default] .card-grid .block-text,
.collection .card-content[data-block-order=default] .card-grid .block-form {
order: 2;
}
.card .card-content[data-block-order=reverse] .card-grid .block-image,
.card .card-content[data-block-order=reverse] .card-grid .block-video,
.card .card-content[data-block-order=reverse] .card-grid .block-media,
.collection .card-content[data-block-order=reverse] .card-grid .block-image,
.collection .card-content[data-block-order=reverse] .card-grid .block-video,
.collection .card-content[data-block-order=reverse] .card-grid .block-media {
order: 2;
}
@media (min-width: 1200px) {
.card .card-content[data-block-order=reverse] .card-grid .block-image,
.card .card-content[data-block-order=reverse] .card-grid .block-video,
.card .card-content[data-block-order=reverse] .card-grid .block-media,
.collection .card-content[data-block-order=reverse] .card-grid .block-image,
.collection .card-content[data-block-order=reverse] .card-grid .block-video,
.collection .card-content[data-block-order=reverse] .card-grid .block-media {
order: 2;
}
}
.card .card-content[data-block-order=reverse] .card-grid .block-text,
.collection .card-content[data-block-order=reverse] .card-grid .block-text {
order: 1;
}
.card .card-content[data-block-order=reverse] .card-grid .block-form,
.collection .card-content[data-block-order=reverse] .card-grid .block-form {
order: 3;
}
@media (min-width: 1200px) {
.card .card-content[data-block-order=reverse] .card-grid .block-form,
.collection .card-content[data-block-order=reverse] .card-grid .block-form {
order: 1;
}
}
@media (min-width: 320px) and (max-width: 991px) {
.card[data-hero=true] .block-image, .card:has(h1) .block-image,
.collection[data-hero=true] .block-image,
.collection:has(h1) .block-image {
display: none;
}
.card[data-hero=true].pb-0:has(.block-image), .card[data-hero=true].pd-0-b:has(.block-image), .card:has(h1).pb-0:has(.block-image), .card:has(h1).pd-0-b:has(.block-image),
.collection[data-hero=true].pb-0:has(.block-image),
.collection[data-hero=true].pd-0-b:has(.block-image),
.collection:has(h1).pb-0:has(.block-image),
.collection:has(h1).pd-0-b:has(.block-image) {
padding-bottom: 40px !important;
}
.card[data-hero=true] .block-text,
.card[data-hero=true] .block-form, .card:has(h1) .block-text,
.card:has(h1) .block-form,
.collection[data-hero=true] .block-text,
.collection[data-hero=true] .block-form,
.collection:has(h1) .block-text,
.collection:has(h1) .block-form {
text-align: left !important;
}
.card[data-hero=true] .block-form .gform_wrapper.gravity-theme .gform_footer, .card:has(h1) .block-form .gform_wrapper.gravity-theme .gform_footer,
.collection[data-hero=true] .block-form .gform_wrapper.gravity-theme .gform_footer,
.collection:has(h1) .block-form .gform_wrapper.gravity-theme .gform_footer {
text-align: left !important;
}
.card[data-hero=true] .button-container, .card:has(h1) .button-container,
.collection[data-hero=true] .button-container,
.collection:has(h1) .button-container {
justify-content: flex-start !important;
justify-self: start !important;
text-align: left !important;
}
}
.card[data-hero=true] .card-content, .card:has(h1) .card-content,
.collection[data-hero=true] .card-content,
.collection:has(h1) .card-content {
text-align: left;
}
.card .collection-container[data-block-order=reverse] .card .card-grid .block-image,
.collection .collection-container[data-block-order=reverse] .card .card-grid .block-image {
order: 2;
}
.card .collection-container[data-block-order=reverse] .card .card-grid .block-text,
.collection .collection-container[data-block-order=reverse] .card .card-grid .block-text {
order: 1;
}
@media (min-width: 1200px) {
.card[data-preset=base-5050] .card-content .card-grid, .card[data-preset=split-media-text] .card-content .card-grid, .card[data-preset=split-text-form] .card-content .card-grid, .card[data-preset=split-text-icon-form] .card-content .card-grid, .card[data-preset=split-media-form] .card-content .card-grid,
.collection[data-preset=base-5050] .card-content .card-grid,
.collection[data-preset=split-media-text] .card-content .card-grid,
.collection[data-preset=split-text-form] .card-content .card-grid,
.collection[data-preset=split-text-icon-form] .card-content .card-grid,
.collection[data-preset=split-media-form] .card-content .card-grid {
grid-template-columns: 1fr 1fr;
column-gap: 80px;
}
}
.card[data-preset=base-top] .card-content .card-grid, .card[data-preset=stack-text] .card-content .card-grid,
.collection[data-preset=base-top] .card-content .card-grid,
.collection[data-preset=stack-text] .card-content .card-grid {
grid-template-columns: 1fr;
}
.card[data-preset=split-media-text] .card-content[data-box=true] {
padding: 20px;
}
@media (min-width: 768px) {
.card[data-preset=split-media-text] .card-content[data-box=true] {
padding: 40px;
}
}
.card[data-preset=split-media-text] .card-content[data-box=true] .card-grid {
column-gap: 40px;
}
.card[data-preset=split-media-text] .card-content[data-box=true] .card-grid .block-image {
justify-self: center;
border: 1px solid green;
}
@media (min-width: 768px) {
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid,
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid {
row-gap: 40px;
}
}
@media (min-width: 1200px) {
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid,
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 80px;
}
}
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block,
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block {
order: 3;
text-align: center;
}
@media (min-width: 1200px) {
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block,
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block {
text-align: left;
}
}
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block[data-block-index="0"],
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block[data-block-index="0"] {
order: 1;
}
.card[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block[data-block-index="1"],
section[data-preset=split-custom][data-custom-layout=split] .card-content .card-grid .custom-block[data-block-index="1"] {
order: 2;
}
.card[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid,
section[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid {
grid-template-columns: 1fr;
row-gap: 40px;
}
@media (min-width: 1200px) {
.card[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid,
section[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid {
grid-template-columns: 1fr;
}
}
.card[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid .custom-block,
section[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid .custom-block {
order: initial;
text-align: center;
}
@media (min-width: 1200px) {
.card[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid .custom-block,
section[data-preset=split-custom][data-custom-layout=stack] .card-content .card-grid .custom-block {
text-align: left;
}
}
@media (min-width: 0) and (max-width: 575px) {
section[data-preset=split-text-form]:has(.block-form[data-container-type=solid]) .card-grid,
section[data-preset=split-text-icon-form]:has(.block-form[data-container-type=solid]) .card-grid {
gap: 20px;
}
}
@media (min-width: 0) and (max-width: 575px) {
section[data-preset=split-text-form]:has(.block-form[data-container-type=solid]) .block-form,
section[data-preset=split-text-icon-form]:has(.block-form[data-container-type=solid]) .block-form {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 0) and (max-width: 575px) {
section[data-preset=stack-text-form]:has(.block-form[data-container-type=solid]) .block-form {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 0) and (max-width: 575px) {
section[data-preset=split-media-text]:has([data-box=true]) {
padding: 0;
}
}
.card-content[data-content-align=center] .block-image {
margin: 0 auto;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid,
.card[data-preset=split-text-icon-form] .card-content > .card-grid,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid,
section[data-preset=split-text-icon-form] .card-content > .card-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "text" "form" "image";
gap: 40px;
align-items: start;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-text,
.card[data-preset=split-text-icon-form] .card-content > .card-grid > .block-text,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-text,
section[data-preset=split-text-icon-form] .card-content > .card-grid > .block-text {
grid-area: text;
order: initial;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-form,
.card[data-preset=split-text-icon-form] .card-content > .card-grid > .block-form,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-form,
section[data-preset=split-text-icon-form] .card-content > .card-grid > .block-form {
grid-area: form;
order: initial;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-image,
.card[data-preset=split-text-icon-form] .card-content > .card-grid > .block-image,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-image,
section[data-preset=split-text-icon-form] .card-content > .card-grid > .block-image {
grid-area: image;
order: initial;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid .block-image img,
.card[data-preset=split-text-icon-form] .card-content > .card-grid .block-image img,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid .block-image img,
section[data-preset=split-text-icon-form] .card-content > .card-grid .block-image img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 1200px) {
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid,
.card[data-preset=split-text-icon-form] .card-content > .card-grid,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid,
section[data-preset=split-text-icon-form] .card-content > .card-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-template-areas: "text form" "image form";
column-gap: 80px;
row-gap: 0;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-image,
.card[data-preset=split-text-icon-form] .card-content > .card-grid > .block-image,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-image,
section[data-preset=split-text-icon-form] .card-content > .card-grid > .block-image {
justify-self: center;
}
.card[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-form,
.card[data-preset=split-text-icon-form] .card-content > .card-grid > .block-form,
section[data-preset=split-text-form]:not([data-variation=icon]) .card-content > .card-grid > .block-form,
section[data-preset=split-text-icon-form] .card-content > .card-grid > .block-form {
justify-self: stretch;
}
}    .collection-container[data-container-type=solid][data-card-bg-color=white] .card {
background-color: #ffffff;
}
.collection-container[data-container-type=solid][data-card-bg-color=neutral] .card {
background-color: #f3f3f3;
}
.collection-container[data-container-type=solid][data-card-bg-color=primary] .card {
background-color: #eb7925;
}
.collection-container[data-container-type=solid][data-card-bg-color=secondary] .card {
background-color: #4ca5c8;
}
.collection-container[data-container-type=solid][data-card-bg-color=dark] .card {
background-color: #395f8b;
}
.collection-container[data-card-text-color=text] .card {
color: #2b2b2b;
}
.collection-container[data-card-text-color=white] .card {
color: #ffffff;
}
.collection-container[data-card-text-color=primary] .card {
color: #eb7925;
}
.collection-container[data-card-text-color=secondary] .card {
color: #4ca5c8;
}
.collection-container[data-card-shadow="1"] .card,
.collection-container[data-card-shadow=true] .card {
box-shadow: 0 3px 6px rgba(43, 43, 43, 0.1);
}
.collection-container[data-card-stroke="1"] .card,
.collection-container[data-card-stroke=true] .card {
border: 4px solid #4ca5c8;
}
.collection-container[data-card-stroke-color=primary] .card {
border-color: #eb7925;
}
.collection-container[data-card-stroke-color=secondary] .card {
border-color: #4ca5c8;
}
.collection-container[data-card-stroke-color=dark] .card {
border-color: #395f8b;
}
.collection-container[data-card-stroke-color=neutral] .card {
border-color: #f3f3f3;
}
.collection-container[data-card-stroke-color=white] .card {
border-color: #ffffff;
}
.collection-container[data-card-stroke-color=text] .card {
border-color: #2b2b2b;
}
.collection-container[data-card-rounded="1"] .card,
.collection-container[data-card-rounded=true] .card {
border-radius: 59px;
overflow: hidden;
}
.collection-container[data-card-rounded="1"] .card img,
.collection-container[data-card-rounded=true] .card img {
border-radius: inherit;
}   .collection-container[data-card-hover-stroke-color=primary] .card:hover {
border-color: #eb7925;
}
.collection-container[data-card-hover-stroke-color=secondary] .card:hover {
border-color: #4ca5c8;
}
.collection-container[data-card-hover-stroke-color=dark] .card:hover {
border-color: #395f8b;
}
.collection-container[data-card-hover-stroke-color=neutral] .card:hover {
border-color: #f3f3f3;
}
.collection-container[data-card-hover-stroke-color=white] .card:hover {
border-color: #ffffff;
}
.collection-container[data-card-hover-stroke-color=text] .card:hover {
border-color: #2b2b2b;
}
.collection-container[data-card-hover-shadow="1"] .card:hover,
.collection-container[data-card-hover-shadow=true] .card:hover {
box-shadow: 0 3px 6px rgba(43, 43, 43, 0.1);
transition: box-shadow 0.25s linear;
}
.collection-container[data-card-hover-stroke="1"] .card:hover,
.collection-container[data-card-hover-stroke=true] .card:hover {
border: 4px solid #4ca5c8;
transition: border 0.25s linear;
}
.collection-container[data-card-hover-stroke="1"] .card,
.collection-container[data-card-hover-stroke=true] .card {
border: 4px solid transparent;
}
.block-row {
display: flex;
align-items: center;
gap: 20px;
}
.block-row figure, .block-row img {
flex-shrink: 0;
margin: 0;
}
.block-row h1, .block-row h2, .block-row h3, .block-row h4, .block-row h5, .block-row h6 {
margin: 0;
}
.card[data-preset=box-5050] .card-content, .card[data-preset=split-media-text0] .card-content {
padding: 20px;
}
@media (min-width: 768px) {
.card[data-preset=box-5050] .card-content, .card[data-preset=split-media-text0] .card-content {
padding: 40px;
}
}
.card[data-preset=box-5050] .card-content .card-grid, .card[data-preset=split-media-text0] .card-content .card-grid {
column-gap: 40px;
}
.card[data-preset=box-5050] .card-content .card-grid .block-image,
.card[data-preset=box-5050] .card-content .card-grid .block.image, .card[data-preset=split-media-text0] .card-content .card-grid .block-image,
.card[data-preset=split-media-text0] .card-content .card-grid .block.image {
justify-self: end;
}
.card[data-preset=banner-timer], .card[data-preset=timer] {
padding: 20px;
}
.card[data-preset=banner-timer][data-sticky=true], .card[data-preset=timer][data-sticky=true] {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 9999;
}
@media (min-width: 768px) {
.card[data-preset=banner-timer][data-banner-style=simple] .card-content .card-grid, .card[data-preset=timer][data-banner-style=simple] .card-content .card-grid {
grid-template-columns: 135px auto;
justify-content: center;
}
}
.card[data-preset=banner-timer] .card-content .card-grid, .card[data-preset=timer] .card-content .card-grid {
row-gap: 20px;
}
@media (min-width: 768px) {
.card[data-preset=banner-timer] .card-content .card-grid, .card[data-preset=timer] .card-content .card-grid {
grid-template-columns: 135px auto auto;
}
}
.card[data-preset=banner-timer] .card-content .card-grid .block-image, .card[data-preset=timer] .card-content .card-grid .block-image {
display: none;
order: 0;
}
@media (min-width: 1200px) {
.card[data-preset=banner-timer] .card-content .card-grid .block-image, .card[data-preset=timer] .card-content .card-grid .block-image {
display: block;
}
}
.card[data-preset=banner-timer] .card-content .card-grid .block-countdown, .card[data-preset=timer] .card-content .card-grid .block-countdown {
order: 1;
}
@media (min-width: 768px) {
.card[data-preset=banner-timer] .card-content .card-grid .block-countdown, .card[data-preset=timer] .card-content .card-grid .block-countdown {
order: 0;
}
}
.card[data-preset=banner-timer] .card-content .card-grid .block-text, .card[data-preset=timer] .card-content .card-grid .block-text {
text-align: center;
}
@media (min-width: 768px) {
.card[data-preset=banner-timer] .card-content .card-grid .block-text, .card[data-preset=timer] .card-content .card-grid .block-text {
text-align: left;
}
}
.card[data-preset=banner-timer] .card-content .card-grid .button-container, .card[data-preset=timer] .card-content .card-grid .button-container {
margin-top: 20px;
order: 2;
}
.card[data-preset=form-bottom] .card-grid {
row-gap: 20px;
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "headline" "form" "disclaimer";
}
@media (min-width: 1200px) {
.card[data-preset=form-bottom] .card-grid {
grid-template-columns: repeat(5, 1fr);
grid-template-areas: "headline headline headline headline headline" ". form form form ." ". disclaimer disclaimer disclaimer .";
}
}
.card[data-preset=form-bottom] .card-grid .block-text {
grid-area: headline;
margin: 0;
width: 100%;
}
.card[data-preset=form-bottom] .card-grid .block-form {
grid-area: form;
text-align: center;
width: 100%;
}
.card[data-preset=form-bottom] .card-grid .block-text.disclaimer {
grid-area: disclaimer;
}
[data-preset=list-bullets] .block-bullets, [data-list-type=bullets] .block-bullets {
list-style-type: none;
column-gap: 40px;
margin: 0;
padding-left: 0;
}
[data-preset=list-bullets] .block-bullets[data-columns="2"], [data-list-type=bullets] .block-bullets[data-columns="2"] {
column-count: 1;
}
@media (min-width: 1200px) {
[data-preset=list-bullets] .block-bullets[data-columns="2"], [data-list-type=bullets] .block-bullets[data-columns="2"] {
column-count: 2;
}
}
[data-preset=list-bullets] .block-bullets[data-columns="3"], [data-list-type=bullets] .block-bullets[data-columns="3"] {
column-count: 1;
}
@media (min-width: 1200px) {
[data-preset=list-bullets] .block-bullets[data-columns="3"], [data-list-type=bullets] .block-bullets[data-columns="3"] {
column-count: 3;
}
}
[data-preset=list-bullets] .block-bullets[data-bullet-type=check] li:before, [data-list-type=bullets] .block-bullets[data-bullet-type=check] li:before {
content: "✔";
}
[data-preset=list-bullets] .block-bullets[data-bullet-type=disc] li:before, [data-list-type=bullets] .block-bullets[data-bullet-type=disc] li:before {
content: "•";
}
[data-preset=list-bullets] .block-bullets[data-bullet-type=star] li:before, [data-list-type=bullets] .block-bullets[data-bullet-type=star] li:before {
content: "★";
}
[data-preset=list-bullets] .block-bullets[data-bullet-type=plus] li:before, [data-list-type=bullets] .block-bullets[data-bullet-type=plus] li:before {
content: "+";
}
[data-preset=list-bullets] .block-bullets li, [data-list-type=bullets] .block-bullets li {
font-size: 18px;
font-weight: 900;
line-height: 20px;
margin-bottom: 20px;
display: flex;
align-items: flex-start;
font-family: "Roboto", Arial, sans-serif;
}
[data-preset=list-bullets] .block-bullets li:before, [data-list-type=bullets] .block-bullets li:before {
margin-right: 10px;
font-size: 30px;
line-height: 30px;
color: #4ca5c8;
font-weight: 900;
}
.bullet-points {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
text-align: left;
list-style: disc;
}
.bullet-points li, ul li {
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.card[data-hero=true] .grid-container {
max-width: 1700px;
width: 100%;
}
}
.card[data-preset-version=video-bg],
.collection[data-preset-version=video-bg] {
position: relative;
overflow: hidden;
}
.card[data-preset-version=video-bg] .video-bg,
.card[data-preset-version=video-bg] .video-overlay,
.collection[data-preset-version=video-bg] .video-bg,
.collection[data-preset-version=video-bg] .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.card[data-preset-version=video-bg] .video-bg,
.collection[data-preset-version=video-bg] .video-bg {
z-index: 0;
}
.card[data-preset-version=video-bg] video,
.collection[data-preset-version=video-bg] video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
z-index: 1;
}
.card[data-preset-version=video-bg] .video-overlay,
.collection[data-preset-version=video-bg] .video-overlay {
background-color: #395f8b;
mix-blend-mode: multiply;
z-index: 2;
}
.card[data-preset-version=video-bg] .card-content,
.card[data-preset-version=video-bg] .grid-container,
.collection[data-preset-version=video-bg] .card-content,
.collection[data-preset-version=video-bg] .grid-container {
position: relative;
z-index: 3;
}
.card[data-preset-version=video-bg] .form-grid,
.collection[data-preset-version=video-bg] .form-grid {
margin-top: 40px;
}
.card[data-preset-version=video-bg] .form-grid input[type=text],
.card[data-preset-version=video-bg] .form-grid input[type=tel],
.card[data-preset-version=video-bg] .form-grid input[type=email],
.collection[data-preset-version=video-bg] .form-grid input[type=text],
.collection[data-preset-version=video-bg] .form-grid input[type=tel],
.collection[data-preset-version=video-bg] .form-grid input[type=email] {
display: block;
width: 100%;
height: 40px;
background: #ffffff;
line-height: 40px;
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, 0.25);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]::-webkit-input-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=tel]::-webkit-input-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=email]::-webkit-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=text]::-webkit-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]::-webkit-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=email]::-webkit-input-placeholder {
color: rgba(43, 43, 43, 0.7);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]::-moz-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=tel]::-moz-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=email]::-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=text]::-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]::-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=email]::-moz-placeholder {
color: rgba(43, 43, 43, 0.7);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]:-moz-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=tel]:-moz-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=email]:-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=text]:-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]:-moz-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=email]:-moz-placeholder {
color: rgba(43, 43, 43, 0.7);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]:-ms-input-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=tel]:-ms-input-placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=email]:-ms-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=text]:-ms-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]:-ms-input-placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=email]:-ms-input-placeholder {
color: rgba(43, 43, 43, 0.7);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]::placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=tel]::placeholder,
.card[data-preset-version=video-bg] .form-grid input[type=email]::placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=text]::placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]::placeholder,
.collection[data-preset-version=video-bg] .form-grid input[type=email]::placeholder {
color: rgba(43, 43, 43, 0.7);
}
.card[data-preset-version=video-bg] .form-grid input[type=text]:visited,
.card[data-preset-version=video-bg] .form-grid input[type=tel]:visited,
.card[data-preset-version=video-bg] .form-grid input[type=email]:visited,
.collection[data-preset-version=video-bg] .form-grid input[type=text]:visited,
.collection[data-preset-version=video-bg] .form-grid input[type=tel]:visited,
.collection[data-preset-version=video-bg] .form-grid input[type=email]:visited {
color: #ffffff;
}
[data-align=right] {
text-align: left;
}
@media (min-width: 1200px) {
[data-align=right] {
text-align: right;
}
}
[data-align=right] p.submit {
text-align: center;
}
@media (min-width: 1200px) {
[data-align=right] p.submit {
text-align: right;
}
}
[data-align=left] {
text-align: left;
}
[data-align=left] p.submit {
text-align: left;
}
[data-align=center] {
text-align: center;
}
[data-align=center] p.submit {
text-align: center;
}
[data-preset-version=youtube] .block-video {
background: #000;
}
[data-preset-version=youtube] .block-video .video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
background: #000;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
@media (min-width: 992px) {
[data-preset-version=youtube] .block-video {
border-radius: 10px;
overflow: hidden;
z-index: 1;
width: 750px;
height: 422px;
box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.2);
}
}
[data-preset-version=youtube] #poster-image {
z-index: 1;
background: #000;
}
[data-preset-version=youtube] #ytplayer {
z-index: 2;
}
[data-preset-version=youtube] .block-video iframe,
[data-preset-version=youtube] .block-video img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-preset-version=youtube] .form-grid {
margin-top: 40px;
}
[data-hero=false][data-preset-version=youtube] .block-video {
width: 100%;
height: auto;
}
.collection .grid-container {
row-gap: 40px;
}
.collection .grid-container .block-headline {
display: grid;
}
.collection .card-collection, .collection .collection-container {
display: grid;
row-gap: 40px;
column-gap: 20px;
}
@media (min-width: 1200px) {
.collection .card-collection, .collection .collection-container {
column-gap: 40px;
row-gap: 40px;
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="2"], .collection .collection-container[data-columns="2"] {
grid-template-columns: repeat(2, auto);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="3"], .collection .collection-container[data-columns="3"] {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.collection .card-collection[data-columns="4"], .collection .collection-container[data-columns="4"] {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="4"], .collection .collection-container[data-columns="4"] {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="5"], .collection .collection-container[data-columns="5"] {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="6"], .collection .collection-container[data-columns="6"] {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="7"], .collection .collection-container[data-columns="7"] {
grid-template-columns: repeat(7, 1fr);
}
}
@media (min-width: 1200px) {
.collection .card-collection[data-columns="8"], .collection .collection-container[data-columns="8"] {
grid-template-columns: repeat(8, 1fr);
}
}
.collection[data-preset=base-top][data-preset-version="2"] .card-grid, .collection[data-preset=stack-media-text][data-preset-version="2"] .card-grid {
row-gap: 10px;
}
.collection[data-preset=base-top][data-preset-version="2"] .block-image, .collection[data-preset=stack-media-text][data-preset-version="2"] .block-image {
justify-items: center;
}
.collection[data-preset=base-top][data-preset-version="2"] .block-text > :first-child, .collection[data-preset=stack-media-text][data-preset-version="2"] .block-text > :first-child {
text-align: center;
}
.collection[data-preset=base-5050] .collection-container, .collection[data-preset=split-media-text] .collection-container {
gap: 20px;
}
@media (min-width: 1200px) {
.collection[data-preset=base-5050] .collection-container, .collection[data-preset=split-media-text] .collection-container {
gap: 40px;
}
}
.collection[data-preset=base-5050] .collection-container .card-grid, .collection[data-preset=split-media-text] .collection-container .card-grid {
column-gap: 20px;
grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
.collection[data-preset=base-5050] .collection-container .card-grid, .collection[data-preset=split-media-text] .collection-container .card-grid {
gap: 20px;
grid-template-columns: auto 1fr;
}
}
.collection[data-preset=base-5050] .collection-container.carousel {
gap: 20px;
}
.collection[data-preset=base-5050] .collection-container.carousel .card-grid {
column-gap: 80px;
}
.collection[data-preset=base-5050] .collection-container.carousel .card-grid .block-text > :last-child {
margin: 20px 0 0 0;
}
.collection[data-preset=base-bottom] .card-collection .block-image {
order: 2;
}
.collection[data-preset=base-bottom] .card-collection .block-text > :last-child {
margin-bottom: 0;
}
.collection[data-preset=reviews] .card .card-content, .collection[data-collection-type=reviews] .card .card-content {
text-align: left;
}
.collection[data-preset=reviews] .card .card-grid, .collection[data-collection-type=reviews] .card .card-grid {
row-gap: 20px;
}
.collection[data-preset=reviews] .card .card-grid .block-inline, .collection[data-collection-type=reviews] .card .card-grid .block-inline {
column-gap: 10px;
display: grid;
grid-template-columns: 40px 1fr;
}
.collection[data-preset=reviews] .card .card-grid .disclaimer, .collection[data-collection-type=reviews] .card .card-grid .disclaimer {
text-transform: capitalize;
font-style: normal;
}
.star-ratings svg {
display: inline;
fill: #4ca5c8;
height: 24px;
width: 113px;
}
.collection[data-preset=list-icon] .collection-container .card .card-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
align-items: center;
text-align: center;
}
@media (min-width: 1200px) {
.collection[data-preset=list-icon] .collection-container .card .card-grid {
grid-template-columns: auto 1fr;
gap: 0;
text-align: left;
}
}
.collection[data-preset=list-icon] .collection-container .card .card-grid .block-image {
margin: 0;
flex-shrink: 0;
}
@media (min-width: 320px) and (max-width: 991px) {
.collection[data-preset=list-icon] .collection-container .card .card-grid .block-image {
margin: 0 auto;
}
}
.collection[data-preset=list-icon] .collection-container .card .card-grid .block-image img {
vertical-align: bottom;
}
.collection[data-preset=list-icon] .collection-container .card .card-grid .block-text h4 {
margin: 0;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=xs] .card .card-grid {
column-gap: 10px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=sm] .card .card-grid {
column-gap: 20px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=md] .card .card-grid {
column-gap: 40px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=lg] .card .card-grid {
column-gap: 80px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=xl] .card .card-grid {
column-gap: 160px;
}
.collection[data-preset=list-icon] .collection-container[data-vertical-align=top] .card .card-grid {
align-items: flex-start;
}
.collection[data-preset=list-icon] .collection-container[data-vertical-align=center] .card .card-grid {
align-items: center;
}
.collection[data-preset=list-icon] .collection-container[data-vertical-align=bottom] .card .card-grid {
align-items: flex-end;
}
.collection[data-preset=list-icon] .list-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .list-item {
flex-direction: row;
align-items: flex-start;
gap: 10px;
}
}
.collection[data-preset=list-icon] .list-item .block-image {
flex-shrink: 0;
}
.collection[data-preset=list-icon] .list-item .block-image img {
display: block;
}
.collection[data-preset=list-icon] .list-item .block-text {
text-align: center;
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .list-item .block-text {
text-align: left;
}
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=xs] .list-item {
gap: 10px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=sm] .list-item {
gap: 20px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=md] .list-item {
gap: 40px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=lg] .list-item {
gap: 80px;
}
.collection[data-preset=list-icon] .collection-container[data-gap-spacing=xl] .list-item {
gap: 160px;
}
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container .card .card-grid {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
justify-items: center;
text-align: center;
row-gap: 10px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container .card .card-grid .block-image {
margin-bottom: 0;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container .card .card-grid .block-text {
text-align: center;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=xs] .card .card-grid {
row-gap: 5px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=sm] .card .card-grid {
row-gap: 10px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=md] .card .card-grid {
row-gap: 20px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=lg] .card .card-grid {
row-gap: 30px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=xl] .card .card-grid {
row-gap: 40px;
}
.collection[data-preset=list-icon][data-list-type=stack] .list-item {
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
}
.collection[data-preset=list-icon][data-list-type=stack] .list-item .block-text {
text-align: center;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=xs] .list-item {
gap: 5px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=sm] .list-item {
gap: 10px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=md] .list-item {
gap: 20px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=lg] .list-item {
gap: 30px;
}
.collection[data-preset=list-icon][data-list-type=stack] .collection-container[data-gap-spacing=xl] .list-item {
gap: 40px;
}
.collection[data-preset=list-icon] .grid-container {
row-gap: 10px;
}
.collection[data-preset=list-icon] .grid-container .block-headline {
text-align: left;
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .grid-container .block-headline {
text-align: center;
}
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .grid-container .block-headline > *:first-child {
margin-bottom: 5px;
}
}
.collection[data-preset=list-icon] .grid-container .card-collection,
.collection[data-preset=list-icon] .grid-container .collection-container {
display: flex;
justify-content: center;
flex-flow: column;
row-gap: 20px;
}
@media (min-width: 768px) {
.collection[data-preset=list-icon] .grid-container .card-collection,
.collection[data-preset=list-icon] .grid-container .collection-container {
flex-flow: row;
margin-left: 0;
grid-template-columns: repeat(3, auto);
}
}
.collection[data-preset=list-icon] .grid-container .card-collection .card-grid,
.collection[data-preset=list-icon] .grid-container .collection-container .card-grid {
display: flex;
column-gap: 10px;
align-items: center;
}
.collection[data-preset=list-icon] .grid-container .card-collection .card-grid .block-image,
.collection[data-preset=list-icon] .grid-container .collection-container .card-grid .block-image {
margin: 0;
flex-shrink: 0;
}
.collection[data-preset=list-icon] .grid-container .card-collection .card-grid .block-image img,
.collection[data-preset=list-icon] .grid-container .collection-container .card-grid .block-image img {
vertical-align: bottom;
}
.collection[data-preset=list-icon] .grid-container .card-collection .card-grid .block-text,
.collection[data-preset=list-icon] .grid-container .collection-container .card-grid .block-text {
text-align: left;
}
.collection[data-preset=list-icon] .grid-container .card-collection .card-grid .block-text h4,
.collection[data-preset=list-icon] .grid-container .collection-container .card-grid .block-text h4 {
margin: 0;
}
.collection[data-preset=list-icon] .grid-container .card .card-content.inline .card-grid {
grid-template-columns: 28px auto;
column-gap: 10px;
align-items: center;
}
.collection[data-preset=list-icon] .grid-container .card .card-content.inline .card-grid .block {
text-align: left;
}
@media (min-width: 1200px) {
.collection[data-preset=list-icon] {
padding: 40px;
}
}
.collection[data-preset=list-icon][data-list-type=stats] {
padding: 40px 20px;
}
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container {
justify-content: space-between;
}
.collection[data-preset=list-icon][data-list-type=stats] span {
font-weight: bold;
}
@media (min-width: 1200px) {
.custom-block .collection[data-preset=list-icon] {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.collection[data-preset=list-icon][data-list-type=stats] {
padding: 40px 40px;
}
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container {
justify-content: start;
flex-wrap: wrap;
}
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection .card,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container .card {
width: 48%;
}
}
@media (min-width: 768px) and (max-width: 1499px) {
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection .card .card-content .card-grid,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container .card .card-content .card-grid {
row-gap: 20px;
flex-flow: column;
row-gap: 0;
}
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection .card .card-content .card-grid .block.image,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container .card .card-content .card-grid .block.image {
display: block;
align-self: start;
}
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection .card .card-content .card-grid span,
.collection[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container .card .card-content .card-grid span {
display: block;
margin-top: 2px;
margin-bottom: -2px;
}
}
@media (min-width: 1500px) {
[data-preset=list-icon][data-list-type=stats] {
padding: 40px 80px;
}
[data-preset=list-icon][data-list-type=stats] .grid-container {
max-width: 100%;
width: 1440px;
}
[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection,
[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container {
justify-content: space-between;
column-gap: 0;
}
[data-preset=list-icon][data-list-type=stats] .grid-container .card-collection .card .card-content.inline .card-grid,
[data-preset=list-icon][data-list-type=stats] .grid-container .collection-container .card .card-content.inline .card-grid {
align-items: center;
}
}
[data-variation=icon] .collection {
margin-top: 20px;
width: fit-content;
padding: 20px;
}
[data-variation=icon] .collection[data-preset=list-icon][data-list-type=stats] {
padding: 20px;
}
[data-variation=icon] .collection .collection-container {
row-gap: 20px;
grid-template-columns: 1fr;
column-gap: 20px;
}
@media (min-width: 768px) {
[data-variation=icon] .collection .collection-container {
grid-template-columns: max-content max-content;
}
}
[data-variation=icon] .collection .collection-container .card .card-grid {
grid-template-columns: 28px auto;
column-gap: 10px;
}
.block-text .collection[data-preset=list-icon][data-list-type=stats] {
margin-top: 20px;
width: 100%;
padding: 20px;
}
.block-text .collection[data-preset=list-icon][data-list-type=stats] .collection-container {
display: grid;
row-gap: 20px;
grid-template-columns: 1fr;
column-gap: 20px;
}
@media (min-width: 768px) {
.block-text .collection[data-preset=list-icon][data-list-type=stats] .collection-container {
grid-template-columns: 1fr 1fr;
}
}
.block-text .collection[data-preset=list-icon][data-list-type=stats] .collection-container .card .card-grid {
display: flex;
grid-template-columns: 28px auto;
column-gap: 10px;
align-items: center;
}  @media (min-width: 1200px) {
.collection[data-preset=repeater-list] {
padding-top: 40px;
padding-bottom: 40px;
padding-inline: 40px;
}
}
.custom-block .collection[data-preset=repeater-list] {
padding: 0;
}
.collection[data-preset=repeater-list] .grid-container {
row-gap: 40px;
}
.collection[data-preset=repeater-list] .block-headline {
text-align: left;
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .block-headline {
text-align: center;
}
}
.collection[data-preset=repeater-list] .repeater-list {
display: flex;
flex-flow: column;
row-gap: 40px;
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-list-type=list-icon] {
flex-flow: row wrap;
row-gap: 40px;
column-gap: 40px;
}
}
.collection[data-preset=repeater-list] .repeater-list[data-list-type=repeater-list] {
flex-flow: column;
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list:not([data-item-distribution]) {
justify-content: center;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-item-distribution=start] {
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-item-distribution=center] {
justify-content: center;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-item-distribution=end] {
justify-content: flex-end;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-item-distribution=space-between] {
justify-content: space-between;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-item-distribution=space-evenly] {
justify-content: space-evenly;
}
}
.collection[data-preset=repeater-list] .list-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .list-item {
flex-direction: row;
align-items: flex-start;
gap: 10px;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .list-item[data-vertical-align=top] {
align-items: flex-start;
}
.collection[data-preset=repeater-list] .list-item[data-vertical-align=center] {
align-items: center;
}
.collection[data-preset=repeater-list] .list-item[data-vertical-align=bottom] {
align-items: flex-end;
}
}
.collection[data-preset=repeater-list] .list-item .block-text {
text-align: center;
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .list-item .block-text {
text-align: left;
}
}
@media (min-width: 768px) {
.collection[data-preset=repeater-list] .repeater-list[data-gap-spacing=xs] .list-item {
gap: 10px;
}
.collection[data-preset=repeater-list] .repeater-list[data-gap-spacing=sm] .list-item {
gap: 20px;
}
.collection[data-preset=repeater-list] .repeater-list[data-gap-spacing=md] .list-item {
gap: 40px;
}
.collection[data-preset=repeater-list] .repeater-list[data-gap-spacing=lg] .list-item {
gap: 80px;
}
.collection[data-preset=repeater-list] .repeater-list[data-gap-spacing=xl] .list-item {
gap: 160px;
}
}
.collection[data-preset=repeater-list] .block-image {
flex-shrink: 0;
}
.collection[data-preset=repeater-list] .block-image img {
display: block;
width: 100%;
}
.collection[data-preset=repeater-list] .block-text {
flex: 0 1 auto;
}
.collection[data-preset=repeater-list] .block-text p {
margin: 0;
line-height: 1.4;
}
.collection[data-preset=repeater-list] .no-items {
text-align: center;
color: #999;
font-style: italic;
padding: 40px;
}
[data-preset=stats-animated] .odometer, [data-animated-stats=true] .odometer {
line-height: 1 !important;
}
[data-preset=stats-animated] .odometer.odometer-auto-theme, [data-preset=stats-animated] .odometer.odometer-theme-default, [data-animated-stats=true] .odometer.odometer-auto-theme, [data-animated-stats=true] .odometer.odometer-theme-default {
font-family: "Roboto", Arial, sans-serif;
font-weight: 700;
line-height: 1.1em;
font-size: 70px;
color: #4ca5c8;
}
[data-preset=stats-animated] .odometer.odometer-auto-theme .odometer-value, [data-preset=stats-animated] .odometer.odometer-theme-default .odometer-value, [data-animated-stats=true] .odometer.odometer-auto-theme .odometer-value, [data-animated-stats=true] .odometer.odometer-theme-default .odometer-value {
text-align: center;
}
[data-preset=stats-animated] .odometer.odometer-auto-theme .odometer-digit, [data-preset=stats-animated] .odometer.odometer-theme-default .odometer-digit, [data-animated-stats=true] .odometer.odometer-auto-theme .odometer-digit, [data-animated-stats=true] .odometer.odometer-theme-default .odometer-digit {
line-height: 1 !important;
}
[data-preset=stats-animated] .odometer-suffix, [data-animated-stats=true] .odometer-suffix {
color: #4ca5c8;
font-weight: 700;
font-size: 70px;
font-family: "Roboto", Arial, sans-serif;
vertical-align: middle;
}
.stat {
color: #4ca5c8;
font-weight: 700;
font-size: 70px;
font-family: "Roboto", Arial, sans-serif;
vertical-align: middle;
line-height: 70px;
}
.collection[data-preset=expandable] .block-image, .collection[data-collection-type=expandable] .block-image, .collection[data-preset=accordion][data-accordion-style=expandable] .block-image {
display: none;
}
@media (min-width: 1200px) {
.collection[data-preset=expandable] .block-image, .collection[data-collection-type=expandable] .block-image, .collection[data-preset=accordion][data-accordion-style=expandable] .block-image {
display: block;
}
}
@media (min-width: 1200px) {
.collection[data-preset=expandable] .block-text, .collection[data-collection-type=expandable] .block-text, .collection[data-preset=accordion][data-accordion-style=expandable] .block-text {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.collection[data-preset=expandable] .card-collection, .collection[data-preset=expandable] .collection-container, .collection[data-collection-type=expandable] .card-collection, .collection[data-collection-type=expandable] .collection-container, .collection[data-preset=accordion][data-accordion-style=expandable] .card-collection, .collection[data-preset=accordion][data-accordion-style=expandable] .collection-container {
grid-template-columns: repeat(2, 1fr);
}
}
.collection[data-preset=expandable] .card-collection[data-container-type=solid] .card, .collection[data-preset=expandable] .collection-container[data-container-type=solid] .card, .collection[data-collection-type=expandable] .card-collection[data-container-type=solid] .card, .collection[data-collection-type=expandable] .collection-container[data-container-type=solid] .card, .collection[data-preset=accordion][data-accordion-style=expandable] .card-collection[data-container-type=solid] .card, .collection[data-preset=accordion][data-accordion-style=expandable] .collection-container[data-container-type=solid] .card {
padding: 20px;
background-color: #ffffff;
color: #2b2b2b;
}
.collection[data-preset=expandable] .card-collection .card, .collection[data-preset=expandable] .collection-container .card, .collection[data-collection-type=expandable] .card-collection .card, .collection[data-collection-type=expandable] .collection-container .card, .collection[data-preset=accordion][data-accordion-style=expandable] .card-collection .card, .collection[data-preset=accordion][data-accordion-style=expandable] .collection-container .card {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
border: 4px solid transparent;
transition: 0.25s all linear;
}
.collection[data-preset=expandable] .card-collection .card:hover, .collection[data-preset=expandable] .collection-container .card:hover, .collection[data-collection-type=expandable] .card-collection .card:hover, .collection[data-collection-type=expandable] .collection-container .card:hover, .collection[data-preset=accordion][data-accordion-style=expandable] .card-collection .card:hover, .collection[data-preset=accordion][data-accordion-style=expandable] .collection-container .card:hover {
border-color: #eb7925;
}
.collection[data-preset=expandable] .card, .collection[data-collection-type=expandable] .card, .collection[data-preset=accordion][data-accordion-style=expandable] .card {
cursor: pointer;
position: relative;
}
.collection[data-preset=expandable] .card.expanded, .collection[data-collection-type=expandable] .card.expanded, .collection[data-preset=accordion][data-accordion-style=expandable] .card.expanded {
grid-column: 1/-1;
order: -1;
}
.collection[data-preset=expandable] .card.expanded .hidden-content, .collection[data-collection-type=expandable] .card.expanded .hidden-content, .collection[data-preset=accordion][data-accordion-style=expandable] .card.expanded .hidden-content {
display: block;
margin-top: 20px;
}
.collection[data-preset=expandable] .card .hidden-content, .collection[data-collection-type=expandable] .card .hidden-content, .collection[data-preset=accordion][data-accordion-style=expandable] .card .hidden-content {
display: none;
}
.collection[data-preset=expandable] .card .block p, .collection[data-collection-type=expandable] .card .block p, .collection[data-preset=accordion][data-accordion-style=expandable] .card .block p {
transition: max-height 0.3s ease;
overflow: hidden;
}
.collection[data-preset=expandable] .collection-container.has-expanded-card .card:not(.expanded),
.collection[data-collection-type=expandable] .collection-container.has-expanded-card .card:not(.expanded),
.collection[data-preset=accordion][data-accordion-style=expandable] .collection-container.has-expanded-card .card:not(.expanded) {
background-color: #f3f3f3;
transition: background-color 0.3s ease;
}
.collection[data-preset=expandable] .card .card-content, .collection[data-collection-type=expandable] .card .card-content, .collection[data-preset=accordion][data-accordion-style=expandable] .card .card-content {
text-align: left;
}
.collection[data-preset=expandable] .card .card-content .block-text, .collection[data-collection-type=expandable] .card .card-content .block-text, .collection[data-preset=accordion][data-accordion-style=expandable] .card .card-content .block-text {
justify-self: center;
}
.collection[data-preset=expandable] .card .card-content .button-container, .collection[data-collection-type=expandable] .card .card-content .button-container, .collection[data-preset=accordion][data-accordion-style=expandable] .card .card-content .button-container {
justify-content: left;
margin-top: 20px;
}
.collection[data-preset=expandable] .card.base-5050 .card-content .card-grid, .collection[data-collection-type=expandable] .card.base-5050 .card-content .card-grid, .collection[data-preset=accordion][data-accordion-style=expandable] .card.base-5050 .card-content .card-grid {
margin-bottom: 40px;
text-align: center;
}
@media (min-width: 1200px) {
.collection[data-preset=expandable] .card.base-5050 .card-content .card-grid, .collection[data-collection-type=expandable] .card.base-5050 .card-content .card-grid, .collection[data-preset=accordion][data-accordion-style=expandable] .card.base-5050 .card-content .card-grid {
padding: 0 80px;
margin-bottom: 0;
text-align: left;
}
}  .accordions-section .grid-container, [data-preset=accordion] .grid-container {
row-gap: 40px;
}
.accordions-section .grid-container .collection-container, [data-preset=accordion] .grid-container .collection-container {
width: 100%;
row-gap: 0;
}
.accordions-section .grid-container .collection-container .card, [data-preset=accordion] .grid-container .collection-container .card {
margin-bottom: 20px;
}
.accordions-section .grid-container .collection-container .card .headline, [data-preset=accordion] .grid-container .collection-container .card .headline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.accordions-section .grid-container .collection-container .card .headline h2, .accordions-section .grid-container .collection-container .card .headline h3, [data-preset=accordion] .grid-container .collection-container .card .headline h2, [data-preset=accordion] .grid-container .collection-container .card .headline h3 {
margin: 0px;
color: #395f8b;
}
.accordions-section .grid-container .collection-container .card .headline .indicator, [data-preset=accordion] .grid-container .collection-container .card .headline .indicator {
margin-right: 5px;
font-style: normal;
font-weight: bold;
width: 20px;
display: inline-block;
}
.accordions-section .grid-container .collection-container .card .headline.accordion-opener, [data-preset=accordion] .grid-container .collection-container .card .headline.accordion-opener {
cursor: pointer;
border-bottom: #eb7925 solid 2px;
padding-bottom: 20px;
}
.accordions-section .grid-container .collection-container .card .headline.open, [data-preset=accordion] .grid-container .collection-container .card .headline.open {
border-bottom: none;
border-bottom: #eb7925 solid 2px;
}
.accordions-section .grid-container .collection-container .card .headline.open h2, .accordions-section .grid-container .collection-container .card .headline.open h3, [data-preset=accordion] .grid-container .collection-container .card .headline.open h2, [data-preset=accordion] .grid-container .collection-container .card .headline.open h3 {
color: #2b2b2b;
}
.accordions-section .grid-container .collection-container .card .accordion-content, [data-preset=accordion] .grid-container .collection-container .card .accordion-content {
display: none;
letter-spacing: 0;
border-bottom: #eb7925 solid 2px;
padding-bottom: 20px;
}
.accordions-section .grid-container .collection-container .card .accordion-content.open, [data-preset=accordion] .grid-container .collection-container .card .accordion-content.open {
display: block;
padding-top: 20px;
} .scroll-reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity var(--reveal-duration, 0.8s) cubic-bezier(0.25, 0.46, 0.45, 0.94), transform var(--reveal-duration, 0.8s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: var(--reveal-delay, 0ms);
}
.scroll-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.scroll-reveal[data-reveal=fade] {
transform: none;
}
.scroll-reveal[data-reveal=fade].is-visible {
transform: none;
}
.scroll-reveal[data-reveal=slide-down] {
transform: translateY(-40px);
}
.scroll-reveal[data-reveal=slide-down].is-visible {
transform: translateY(0);
}
.scroll-reveal[data-reveal=slide-left] {
transform: translateX(40px);
}
.scroll-reveal[data-reveal=slide-left].is-visible {
transform: translateX(0);
}
.scroll-reveal[data-reveal=slide-right] {
transform: translateX(-40px);
}
.scroll-reveal[data-reveal=slide-right].is-visible {
transform: translateX(0);
}
.scroll-reveal[data-reveal=zoom] {
transform: scale(0.95);
}
.scroll-reveal[data-reveal=zoom].is-visible {
transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
.scroll-reveal {
opacity: 1;
transform: none;
transition: none;
}
.scroll-reveal.is-visible {
opacity: 1;
transform: none;
}
}
.scroll-reveal[data-reveal-content=true] {
opacity: 1;
transform: none;
}
.scroll-reveal[data-reveal-content=true] > .card-content,
.scroll-reveal[data-reveal-content=true] > .grid-container,
.scroll-reveal[data-reveal-content=true] > .collection-container {
opacity: 0;
transform: translateY(40px);
transition: opacity var(--reveal-duration, 0.8s) cubic-bezier(0.25, 0.46, 0.45, 0.94), transform var(--reveal-duration, 0.8s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: var(--reveal-delay, 0ms);
}
.scroll-reveal[data-reveal-content=true].is-visible > .card-content,
.scroll-reveal[data-reveal-content=true].is-visible > .grid-container,
.scroll-reveal[data-reveal-content=true].is-visible > .collection-container {
opacity: 1;
transform: translateY(0);
}
.scroll-reveal[data-reveal-content=true][data-reveal=fade] > .card-content,
.scroll-reveal[data-reveal-content=true][data-reveal=fade] > .grid-container,
.scroll-reveal[data-reveal-content=true][data-reveal=fade] > .collection-container {
transform: none;
}
.scroll-reveal[data-reveal-content=true][data-reveal=fade].is-visible > .card-content,
.scroll-reveal[data-reveal-content=true][data-reveal=fade].is-visible > .grid-container,
.scroll-reveal[data-reveal-content=true][data-reveal=fade].is-visible > .collection-container {
transform: none;
}  .carousel { }
.carousel .slick-slide {
margin: 0 20px;
}
.carousel .slick-list {
margin: 0 -20px;
padding-bottom: 0;
}
.carousel.slick-dotted .slick-list {
padding-bottom: 40px;
}
.carousel { }
.carousel .slick-track {
display: flex !important;
}
.carousel .slick-slide {
height: auto !important;
}
.carousel .slick-slide > div {
height: 100%;
display: flex;
}
.carousel .card {
height: 100%;
display: flex;
flex-direction: column;
}
.carousel .card .card-content {
flex: 1;
display: flex;
flex-direction: column;
}
.carousel .card .card-content .card-grid:not(:has(.block-text)) {
row-gap: 0;
}
@media (min-width: 1200px) {
.carousel {
position: relative;
}
.carousel .slick-list {
margin-left: 50px;
margin-right: 50px;
}
.carousel .slick-prev,
.carousel .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 40px;
z-index: 10;
display: flex !important;
align-items: center;
justify-content: center;
background: transparent;
padding: 0;
}
.carousel .slick-prev svg,
.carousel .slick-next svg {
width: 24px;
height: 24px;
}
.carousel .slick-prev {
left: 0;
}
.carousel .slick-next {
right: 0;
}
.carousel .slick-list {
overflow: hidden;
}
}
.collection[data-preset=repeater-list] .repeater-list.carousel {
display: block !important;
overflow: hidden;
}
.collection[data-preset=repeater-list] .repeater-list.carousel.slick-dotted .slick-dots {
bottom: 0;
}
.collection[data-preset=repeater-list] .repeater-list.carousel .list-item {
display: flex !important;
}
.collection[data-preset=repeater-list] .repeater-list.carousel .slick-slide > div {
display: block;
height: auto;
}
.carousel-center-mode .slick-list {
overflow: hidden;
}
@media (min-width: 1200px) {
.carousel-center-mode .slick-slide {
opacity: 0.7;
transform: scale(0.85);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.carousel-center-mode .slick-slide.slick-center {
opacity: 1;
transform: scale(1);
z-index: 10;
}
.carousel-center-mode .slick-dots {
bottom: -70px;
}
}
@media (max-width: 1199px) {
.carousel-center-mode .slick-slide {
opacity: 1 !important;
transform: none !important;
}
}   section#exit-intent {
padding: 0;
}
#exit-intent {
overflow: hidden;
width: 100%;
}
#exit-intent .card-content {
display: grid;
row-gap: 0;
padding: 0;
}
#exit-intent .block.ei-media {
position: relative;
overflow: hidden;
aspect-ratio: 3/2;
}
#exit-intent .block.ei-media figure {
margin: 0;
height: 100%;
}
#exit-intent .block.ei-media figure img, #exit-intent .block.ei-media figure video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#exit-intent .block.ei-media .ei-gradient {
position: absolute;
inset: 0;
pointer-events: none;
}
#exit-intent .block.ei-media .ei-copy {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 10;
}
#exit-intent .block-form {
padding: 20px;
}
#exit-intent .block-form .gform_wrapper {
background: none;
padding: 0;
width: 100%;
}
#exit-intent .block-form .gform_wrapper.gravity-theme .gform_footer {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#exit-intent .block-form input[type=submit] {
margin: 20px auto 0;
}
#exit-intent .block-form .close-text {
display: block;
text-align: center;
font-weight: 600;
margin-top: 20px;
}
#exit-intent .block-form .close-text a.link-alt {
text-decoration: none;
}
#exit-intent .block-form .close-text a.link-alt:hover, #exit-intent .block-form .close-text a.link-alt:focus {
text-decoration: underline;
opacity: 1;
}
#exit-intent .block-form .block-text.disclaimer {
margin-top: 10px;
}
#exit-intent .block-form .gform_confirmation_message {
text-align: center;
padding: 20px 0;
}
#exit-intent.is-image-only .block.ei-media {
aspect-ratio: unset;
}
#exit-intent.is-image-only .block.ei-media figure {
height: auto;
}
#exit-intent.is-image-only .block.ei-media figure img, #exit-intent.is-image-only .block.ei-media figure video {
height: auto;
object-fit: unset;
}
#exit-intent:not(.exit-intent-static) {
max-width: 375px;
}
@media (min-width: 576px) {
#exit-intent:not(.exit-intent-static) {
max-width: 578px;
}
}
@media (min-width: 768px) {
#exit-intent:not(.exit-intent-static) .gform_wrapper.gravity-theme .gform_fields {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
column-gap: 20px;
}
#exit-intent:not(.exit-intent-static) .gform_wrapper.gravity-theme .gform_fields .gfield {
grid-column: span 1 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
}
#exit-intent.exit-intent-static {
max-width: 100%;
}
#exit-intent.exit-intent-static .gform_wrapper.gravity-theme .gform_fields {
display: flex !important;
flex-direction: column !important;
}
#exit-intent.exit-intent-static .gform_wrapper.gravity-theme .gform_fields .gfield {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
#exit-intent.exit-intent-static .gform_wrapper.gravity-theme input {
min-height: auto !important;
}
#quiz {
background-color: #395f8b;
}
#quiz h1, #quiz .subtext {
text-wrap: balance;
}
#quiz .card .card-content h3, #quiz .block-text h3, #quiz h3 {
text-wrap: auto;
}
#quiz .card .card-content h2,
#quiz h2 {
text-wrap: auto;
}
#quiz dl {
line-height: normal;
}
#quiz .page-container {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 10px;
}
@media (min-width: 768px) {
#quiz .page-container {
max-width: 570px;
padding: 0;
}
}
@media (min-width: 1200px) {
#quiz .page-container {
max-width: 875px;
}
}
#quiz footer {
grid-row-start: 3;
grid-row-end: 3;
}
#quiz .carousel {
overflow: hidden;
position: relative;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 80px;
}
.carousel-item {
position: relative;
display: none;
width: 100%;
background: #fff;
min-height: 760px;
height: inherit;
}
.carousel-item.active {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: flex;
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
@supports (transform: translate3d(0, 0, 0)) {
.carousel-item {
transition: transform 0.6s ease-in-out;
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0);
}
.active.carousel-item-right,
.carousel-item-next {
transform: translate3d(100%, 0, 0);
}
.active.carousel-item-left,
.carousel-item-prev {
transform: translate3d(-100%, 0, 0);
}
}
.progress-bar {
background-color: #f3f3f3;
height: 6px;
width: 100%;
position: relative;
margin-top: 40px;
}
.progress-bar .indicator {
background: #4ca5c8;
height: 6px;
position: absolute;
left: 0;
transition: width 0.3s ease;
}
.question-container {
padding: 20px 0;
}
@media (min-width: 768px) {
.question-container {
padding: 40px 0;
}
}
.question-container h2 {
margin-bottom: 40px;
}
.question-container .field-label {
display: none;
}
section.card-solo.question-container {
width: 100%;
}
section.card-solo.question-container .card-text {
width: 100%;
text-align: center;
margin-left: 0;
}
@media (min-width: 768px) {
section.card-solo.question-container .card-text {
width: 60%;
margin-left: 20%;
}
}
.carousel-controls {
position: absolute;
bottom: 20px;
width: 100%;
overflow: hidden;
display: none;
}
.carousel-controls button {
text-transform: uppercase;
font-family: "Roboto", Arial, sans-serif;
}
.carousel-controls button.previous-btn {
position: relative;
left: 40px;
}
@media (min-width: 768px) {
.carousel-controls button.previous-btn {
left: 80px;
}
}
.carousel-controls button.next-btn {
position: absolute;
right: 40px;
}
@media (min-width: 768px) {
.carousel-controls button.next-btn {
right: 80px;
}
}
.carousel-controls button:disabled {
color: #2b2b2b;
background: none;
}
.inputGroup {
background-color: #f3f3f3;
display: block;
margin: 0 0 24px 0;
position: relative;
border-radius: 15px;
}
.inputGroup label {
position: relative;
width: 100%;
height: auto;
clip: auto;
white-space: normal;
padding: 12px 30px 12px 70px;
display: block;
text-align: left;
color: #2b2b2b;
cursor: pointer;
z-index: 2;
transition: color 200ms ease-in;
overflow: hidden;
border-radius: 15px;
margin-bottom: 0;
}
.inputGroup label:before {
width: 10px;
height: 10px;
border-radius: 50%;
content: "";
background-color: #4ca5c8;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale3d(1, 1, 1);
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: -1;
}
.inputGroup label:after {
width: 32px;
height: 32px;
content: "";
border: 1px solid #d5d5d5;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 2px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;
}
.inputGroup input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}
.inputGroup input:checked ~ label {
color: #fff;
}
.inputGroup input:checked ~ label:before {
transform: translate(-50%, -50%) scale3d(62, 62, 1);
opacity: 1;
}
.inputGroup input:checked ~ label:after {
background-color: #fff;
border-color: #4ca5c8;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%2368C7CD' fill-rule='nonzero'/%3E%3C/svg%3E");
}
section.rating {
padding-bottom: 20px;
}
.results-main {
padding-top: 0;
}
.results-main .card-content {
text-align: left;
}
.results-card {
color: #2b2b2b;
}
@media (max-width: 767px) {
.results-card .grid-container {
max-width: 400px;
}
}
.results-card.detail {
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
padding: 0;
background: #fff;
margin-top: 40px;
}
.results-card.detail:last-of-type {
margin-bottom: 40px;
}
.results-card .grade {
font-weight: bold;
background: none;
text-transform: capitalize;
}
.results-card small {
font-size: 15px;
}
.results-card .card-content.inline {
grid-template-columns: 100%;
grid-column-gap: 0;
}
@media (min-width: 1200px) {
.results-card .card-content.inline {
grid-template-columns: 33% 66%;
grid-column-gap: 40px;
}
}
.results-card .results-answer {
margin-bottom: 30px;
}
.results-card .results-answer span {
font-weight: normal;
}
.results-card h2 {
font-weight: normal;
}
.results-card h2.results-answer span {
font-weight: bold;
}
.results-image {
height: 100%;
display: flex;
align-items: center;
flex-flow: column;
}
.results-text {
padding: 20px;
}
@media (min-width: 1200px) {
.results-text {
padding: 80px 80px 80px 0;
}
}
.card-image.rating {
padding: 40px;
}
@media (min-width: 1200px) {
.card-image.rating {
padding: 80px 20px 20px 20px;
}
}
.rating1,
.poor {
background: #ff5252;
color: #ff5252;
}
.rating2,
.average {
background: #ffb74d;
color: #ffb74d;
}
.rating3,
.excellent {
background: #8bc34a;
color: #8bc34a;
}
canvas {
margin-top: -35px;
margin-bottom: 40px;
}
.footer-cta {
text-align: center;
}
.footer-cta h2 span {
text-transform: capitalize;
background: none;
}
.email-validation-results {
font-size: 12px;
text-align: center;
display: block;
width: 100%;
margin-top: 10px;
color: #ff5252;
}
.form-field.email input.error {
border: 2px solid #ff5252;
background-color: #ffebee;
}
.hideme,
.hidden-stuff {
display: none !important;
}
dt {
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
dd {
margin-left: 0;
margin-bottom: 20px;
} .block-form {
width: 100%;
}  .results-card .card-content.inline {
display: grid;
grid-template-columns: 100%;
grid-column-gap: 0;
}
@media (min-width: 1200px) {
.results-card .card-content.inline {
grid-template-columns: 33% 66%;
grid-column-gap: 40px;
}
}   #results-main ul {
padding-left: 20px;
margin-bottom: 20px;
}
#results-main li {
list-style-type: disc;
line-height: normal;
}
#results-main p {
margin-bottom: 20px;
}  section {
padding: 40px 20px;
margin: 0;
}
@media (min-width: 768px) {
section {
padding: 40px;
}
}
@media (min-width: 992px) {
section {
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[data-container-width=wide] {
width: 100%;
}
.grid-container[data-container-width=hero] {
max-width: 1700px;
width: 100%;
}
.grid-container[data-container-width=width-sm] {
max-width: 1200px;
width: 100%;
}
.grid-container[data-container-width=width-md] {
max-width: 1440px;
width: 100%;
}
.grid-container[data-container-width=width-lg] {
max-width: 1700px;
width: 100%;
}
.grid-container[data-container-width=width-xl] {
max-width: 100%;
width: 100%;
}
}
header {
position: sticky;
top: var(--notification-bar-offset, 0);
z-index: 1000;
width: 100%;
padding: 0;
background-color: #395f8b;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
}
header .grid-container {
width: 100%;
max-width: 100%;
row-gap: 0;
}
header .grid-container .header-top {
background-color: #395f8b;
padding: 20px;
}
header .grid-container .header-bottom {
background-color: #ffffff;
padding: 20px;
display: grid;
grid-template-columns: auto auto auto;
align-items: center;
gap: 20px;
}
@media (min-width: 768px) and (max-width: 1198px) {
header .grid-container .header-bottom {
padding: 20px;
gap: 20px;
}
}
@media (min-width: 1200px) {
header .grid-container .header-bottom {
padding: 20px;
column-gap: 80px;
}
header .grid-container .header-bottom .header-block--cta {
margin-left: -60px;
}
}
.header-block {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.header-block.header-block--secondary-links {
display: grid;
grid-template-columns: 70% 15% 15%;
}
.header-block--company-info .header-logo img {
max-width: 235px;
height: auto;
width: auto;
object-fit: contain;
}
.header-secondary-list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
justify-content: flex-start;
}
.header-secondary-list .header-secondary-item {
display: flex;
align-items: center;
}
.header-secondary-list .header-secondary-item:first-child::before {
content: "|";
margin-right: 5px;
color: #ffffff;
}
.header-secondary-list .header-secondary-item:not(:last-child)::after {
content: "|";
margin: 0 5px;
color: #ffffff;
}
.header-secondary-list .header-secondary-item a {
text-decoration: none;
font-size: 13px;
font-weight: 400;
color: #ffffff;
transition: color 0.3s ease;
}
.header-secondary-list .header-secondary-item a:hover {
color: #2b2b2b;
}
.header-block--primary-links {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.header-primary-links {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.header-primary-nav {
width: 100%;
}
.header-primary-list {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
gap: 40px;
width: 100%;
}
.header-primary-item {
position: relative;
margin-bottom: 0;
}
.header-primary-item::after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
height: 10px;
background: transparent;
pointer-events: auto;
}
.header-primary-item a, .header-primary-item .header-primary-link {
display: flex;
align-items: center;
text-decoration: none;
font-size: 14px;
font-weight: 700;
color: #395f8b;
font-family: "Roboto", Arial, sans-serif;
padding: 0;
text-transform: uppercase;
}
.header-primary-item a:hover, .header-primary-item .header-primary-link:hover {
color: #eb7925;
}
.header-primary-item.header-primary-item--dropdown .dropdown-toggle {
cursor: pointer;
}
.header-primary-item.header-primary-item--dropdown .dropdown-toggle .dropdown-arrow {
margin-left: 0.5rem;
font-size: 0.8em;
}
.header-primary-item.header-primary-item--dropdown:hover .header-dropdown-menu {
opacity: 1;
visibility: visible;
}
.header-primary-item.header-primary-item--dropdown:hover .header-caret {
transform: rotate(0deg);
}
.header-primary-item.header-primary-item--mega .mega-toggle {
cursor: pointer;
}
.header-primary-item.header-primary-item--mega .mega-toggle .dropdown-arrow {
margin-left: 0.5rem;
font-size: 0.8em;
transition: transform 0.3s ease;
}
.header-primary-item.header-primary-item--mega .mega-toggle[aria-expanded=true] .dropdown-arrow {
transform: rotate(180deg);
}
.header-primary-item.header-primary-item--mega:hover .header-mega-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%);
}
.header-primary-item.header-primary-item--mega:hover .header-caret {
transform: rotate(0deg);
}
.header-caret {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
transform: rotate(180deg);
transition: transform 0.3s ease-in-out;
transform-origin: center center;
fill: #eb7925;
}
.header-caret path {
fill: currentColor;
}
.header-dropdown-menu {
position: absolute;
top: calc(100% + 10px);
left: 0;
min-width: 200px;
background-color: #f3f3f3;
border: 1px solid none;
border-radius: 12px;
box-shadow: 0 3px 6px rgba(43, 43, 43, 0.1);
opacity: 0;
visibility: hidden;
z-index: 1000;
list-style: none;
margin: 0;
padding: 20px;
}
.header-dropdown-menu .header-dropdown-item {
margin-bottom: 10px;
border-bottom: 1px solid none;
}
.header-dropdown-menu .header-dropdown-item:last-child {
margin-bottom: 0;
border-bottom: none;
}
.header-dropdown-menu .header-dropdown-item .header-dropdown-link {
display: block;
padding: 0;
color: #2b2b2b;
text-decoration: none;
font-size: 14px;
font-weight: 400;
text-transform: none;
}
.header-dropdown-menu .header-dropdown-item .header-dropdown-link:hover {
background-color: none;
color: #eb7925;
}
.header-mega-menu {
position: fixed;
top: 120px;
left: 50%;
transform: translateX(-50%);
--mega-menu-spacing: 9px;
width: 1000px;
max-height: 80vh;
overflow-y: auto;
background-color: #ffffff;
border: 1px solid none;
border-radius: 12px;
box-shadow: 0 3px 6px rgba(43, 43, 43, 0.1);
opacity: 0;
visibility: hidden;
z-index: 1000;
display: flex;
}
@media (min-width: 0) and (max-width: 1023px) {
.header-mega-menu {
padding: 1.5rem;
max-width: 900px;
min-width: 500px;
}
}
@media (min-width: 0) and (max-width: 767px) {
.header-mega-menu {
padding: 40px;
max-width: 600px;
min-width: 400px;
}
}
@media (min-width: 0) and (max-width: 1198px) {
.header-mega-menu {
display: none;
}
}
.header-mega-menu:focus-within {
opacity: 1;
visibility: visible;
}
.header-mega-menu .mega-menu-featured {
flex: 0 0 250px;
background-color: #f3f3f3;
padding: 40px;
border-radius: 12px 0 0 12px;
}
.header-mega-menu .mega-menu-featured > *:not(:last-child) {
margin-bottom: 40px;
}
.header-mega-menu .mega-menu-featured .mega-section-title-link {
text-decoration: none;
color: inherit;
display: block;
}
.header-mega-menu .mega-menu-featured .mega-section-title-link:hover .mega-section-title {
color: #eb7925;
}
.header-mega-menu .mega-menu-navigation {
flex: 1;
padding: 40px;
}
.header-mega-menu .mega-menu-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
gap: 40px 40px;
height: 100%;
}
@media (min-width: 0) and (max-width: 1023px) {
.header-mega-menu .mega-menu-container {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
@media (min-width: 0) and (max-width: 767px) {
.header-mega-menu .mega-menu-container {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
.header-mega-menu .mega-menu-section .mega-section-header {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
margin-bottom: 10px;
}
.header-mega-menu .mega-menu-section .mega-section-header .mega-section-icon {
margin-right: 0;
margin-bottom: 10px;
color: #4ca5c8;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
}
.header-mega-menu .mega-menu-section .mega-section-header .mega-section-icon .mega-section-icon-svg {
width: 35px;
height: 35px;
fill: currentColor;
transition: fill 0.3s ease;
display: block;
}
.header-mega-menu .mega-menu-section .mega-section-header .mega-section-icon .mega-section-icon-svg path {
fill: currentColor;
}
.header-mega-menu .mega-menu-section .mega-section-header .mega-section-title {
margin: 0;
font-size: 14px;
font-weight: 700;
color: #2b2b2b;
font-family: inherit;
}
.header-mega-menu .mega-menu-section .mega-section-links {
list-style: none;
margin: 0;
padding: 0;
}
.header-mega-menu .mega-menu-section .mega-section-links .mega-section-link-item {
margin-bottom: 10px;
}
.header-mega-menu .mega-menu-section .mega-section-links .mega-section-link-item:last-child {
margin-bottom: 0;
}
.header-mega-menu .mega-menu-section .mega-section-links .mega-section-link-item .mega-section-link {
display: block;
padding: 0;
color: #2b2b2b;
text-decoration: none;
font-size: 14px;
font-weight: 400;
text-transform: none;
}
.header-mega-menu .mega-menu-section .mega-section-links .mega-section-link-item .mega-section-link:hover {
color: #eb7925;
background-color: none;
}
.header-mega-menu:hover {
opacity: 1;
visibility: visible;
}
.header-phone .phone-link {
font-size: 14px;
font-weight: 700;
color: #395f8b;
font-family: "Roboto", Arial, sans-serif;
text-decoration: none;
transition: color 0.3s ease;
}
.header-phone .phone-link:hover {
color: #eb7925;
}
.header-login .login-link {
font-size: 14px;
font-weight: 700;
color: #395f8b;
font-family: "Roboto", Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s ease;
}
.header-login .login-link:hover {
color: #eb7925;
}
@media (hover: none) and (pointer: coarse) {
.header-primary-item--mega .mega-toggle:focus + .header-mega-menu, .header-primary-item--mega .mega-toggle:active + .header-mega-menu, .header-primary-item--mega .mega-toggle[aria-expanded=true] + .header-mega-menu {
opacity: 1;
visibility: visible;
}
.header-primary-item--dropdown .dropdown-toggle:focus + .header-dropdown-menu, .header-primary-item--dropdown .dropdown-toggle:active + .header-dropdown-menu, .header-primary-item--dropdown .dropdown-toggle[aria-expanded=true] + .header-dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
@media (min-width: 0) and (max-width: 1198px) {
.header-top {
display: none;
}
.header-block--primary-links {
display: none;
}
.header-block--cta {
display: none;
}
.mobile-phone {
display: block;
padding-right: 20px;
flex-shrink: 0;
}
header .grid-container .header-bottom {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
gap: 0;
min-height: 65px;
background-color: #ffffff;
position: relative;
z-index: 10001;
}
}
@media (min-width: 0) and (max-width: 1198px) and (min-width: 768px) and (max-width: 1198px) {
header .grid-container .header-bottom {
min-height: 80px;
}
}
@media (min-width: 0) and (max-width: 1198px) {
header {
z-index: 10001;
}
.header-block--company-info {
grid-area: logo;
text-align: center;
flex: 1;
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.header-block--company-info .header-logo img {
height: auto;
width: auto;
max-width: 139px;
max-height: 25px;
object-fit: contain;
}
}
@media (min-width: 0) and (max-width: 1198px) and (min-width: 768px) and (max-width: 1198px) {
.header-block--company-info .header-logo img {
max-width: 235px;
max-height: 40px;
}
}
@media (min-width: 0) and (max-width: 1198px) and (min-width: 1200px) {
.header-block--company-info .header-logo img {
max-width: 100%;
max-height: none;
}
}
@media (min-width: 0) and (max-width: 1198px) {
header .mobile-menu-toggle {
display: flex;
align-items: center;
}
header .mobile-phone {
display: flex;
align-items: center;
}
}
.mobile-menu-toggle {
display: none;
cursor: pointer;
padding: 0;
background: none;
border: none;
transition: background-color 0.3s ease;
}
@media (min-width: 0) and (max-width: 766px) {
.mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
flex-shrink: 0;
}
}
@media (min-width: 768px) and (max-width: 1198px) {
.mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
flex-shrink: 0;
}
}
.mobile-menu-toggle[data-menu-open=true] {
background-color: #395f8b;
}
.mobile-menu-toggle[data-menu-open=true] .hamburger-icon {
fill: #ffffff;
}
.mobile-menu-toggle[data-menu-open=true] .hamburger-icon:hover {
fill: #ffffff;
}
.mobile-menu-toggle .hamburger-icon {
width: 25px;
height: 25px;
fill: #395f8b;
transition: fill 0.3s ease;
display: block;
}
@media (min-width: 768px) and (max-width: 1198px) {
.mobile-menu-toggle .hamburger-icon {
width: 40px;
height: 40px;
}
}
.mobile-menu-toggle .hamburger-icon:hover {
fill: #eb7925;
}
.mobile-menu-toggle .hamburger-icon path {
fill: currentColor;
}
.mobile-menu-panel {
position: fixed;
top: 110px;
left: 0;
width: 100%;
height: calc(100vh - 110px);
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 1200px) {
.mobile-menu-panel {
display: none;
}
}
.mobile-menu-panel.menu-open {
opacity: 1;
visibility: visible;
}
.mobile-menu-panel.menu-open .mobile-menu-content {
transform: translateX(0);
}
.mobile-menu-panel .mobile-menu-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #395f8b;
transform: translateX(-100%);
transition: transform 0.3s ease;
overflow-y: auto;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) and (max-width: 1198px) {
.mobile-menu-panel .mobile-menu-content {
width: 375px;
}
}
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
position: sticky;
top: 0;
z-index: 10;
}
.mobile-menu-header .mobile-menu-close {
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
padding: 0.5rem;
background: none;
border: none;
}
.mobile-menu-header .mobile-menu-close .close-icon {
width: 24px;
height: 24px;
fill: #ffffff;
transition: fill 0.3s ease;
display: block;
}
.mobile-menu-header .mobile-menu-close .close-icon:hover {
fill: #eb7925;
}
.mobile-menu-header .mobile-menu-close .close-icon path {
fill: currentColor;
}
.mobile-menu-header .mobile-menu-logo {
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-header .mobile-menu-logo img {
height: 30px;
width: auto;
max-width: 140px;
object-fit: contain;
}
.mobile-menu-header .mobile-menu-phone {
display: flex;
align-items: center;
justify-content: flex-end;
}
.mobile-menu-header .mobile-menu-phone .phone-link {
font-size: 14px;
font-weight: 700;
color: #395f8b;
font-family: "Roboto", Arial, sans-serif;
text-decoration: none;
white-space: nowrap;
}
.mobile-menu-header .mobile-menu-phone .phone-link:hover {
color: #eb7925;
}
.mobile-navigation {
padding: 20px 0 40px 0;
}
.mobile-navigation .mobile-nav-list {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
.mobile-navigation .mobile-nav-item {
border-bottom: 1px solid none;
margin-bottom: 0;
}
.mobile-navigation .mobile-nav-item:last-child {
border-bottom: none;
}
.mobile-navigation .mobile-nav-link {
display: flex;
align-items: center;
padding: 10px 20px;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
transition: background-color 0.3s ease, color 0.3s ease;
text-transform: uppercase;
}
.mobile-navigation .mobile-nav-link:hover {
background-color: #ffffff;
color: #395f8b;
}
.mobile-navigation .mobile-nav-link:hover .mobile-nav-caret path {
fill: #eb7925;
}
.mobile-navigation .mobile-nav-parent {
width: 100%;
justify-content: flex-start;
}
.mobile-navigation .mobile-nav-parent .mobile-nav-caret {
display: inline-block;
transform: rotate(180deg);
transition: transform 0.3s ease;
margin-left: 8px;
flex-shrink: 0;
fill: #ffffff;
}
.mobile-navigation .mobile-nav-parent .mobile-nav-caret path {
fill: currentColor;
}
.mobile-navigation .mobile-nav-submenu {
list-style: none;
margin: 0;
padding: 0;
background-color: #395f8b;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.mobile-navigation .mobile-nav-item--dropdown.submenu-open .mobile-nav-parent .mobile-nav-caret,
.mobile-navigation .mobile-nav-item--mega.submenu-open .mobile-nav-parent .mobile-nav-caret {
transform: rotate(0deg);
}
.mobile-navigation .mobile-nav-item--dropdown.submenu-open .mobile-nav-submenu,
.mobile-navigation .mobile-nav-item--mega.submenu-open .mobile-nav-submenu {
max-height: 500px;
}
.mobile-navigation .mobile-nav-subitem {
border-bottom: 1px solid none;
position: relative;
margin-bottom: 0;
}
.mobile-navigation .mobile-nav-subitem:last-child {
border-bottom: none;
}
.mobile-navigation .mobile-nav-sublink {
display: block;
padding: 10px 40px;
color: #ffffff;
text-decoration: none;
font-size: 14px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.mobile-navigation .mobile-nav-sublink:hover {
background-color: #ffffff;
color: #395f8b;
}
.mobile-navigation .mobile-nav-section-parent {
border-bottom: 1px solid none;
}
.mobile-navigation .mobile-nav-section-parent:last-child {
border-bottom: none;
}
.mobile-navigation .mobile-nav-section-toggle {
width: 100%;
display: flex;
align-items: center;
padding: 10px 20px;
background: none;
border: none;
text-align: left;
cursor: pointer;
transition: background-color 0.3s ease;
}
.mobile-navigation .mobile-nav-section-toggle:hover {
background-color: #ffffff;
}
.mobile-navigation .mobile-nav-section-toggle .section-icon {
margin-right: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 35px;
height: 35px;
}
.mobile-navigation .mobile-nav-section-toggle .section-icon .section-icon-svg {
width: 35px;
height: 35px;
fill: #ffffff;
transition: fill 0.3s ease;
display: block;
}
.mobile-navigation .mobile-nav-section-toggle .section-icon .section-icon-svg path {
fill: currentColor;
}
.mobile-navigation .mobile-nav-section-toggle:hover .section-icon .section-icon-svg {
fill: #eb7925;
}
.mobile-navigation .mobile-nav-section-toggle .section-title {
color: #ffffff;
font-weight: 600;
flex: 1;
font-size: 14px;
}
.mobile-navigation .mobile-nav-section-toggle .section-arrow {
font-size: 1.5em;
font-weight: bold;
color: #ffffff;
transition: color 0.3s ease;
margin-left: auto;
flex-shrink: 0;
}
.mobile-navigation .mobile-nav-section-toggle:hover .section-title {
color: #395f8b;
}
.mobile-navigation .mobile-nav-section-toggle:hover .section-arrow {
color: #eb7925;
}
.mobile-navigation .mobile-mega-sections {
list-style: none;
margin: 0;
padding: 0;
background-color: #395f8b;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.mobile-navigation .mobile-nav-item--mega.submenu-open .mobile-mega-sections {
max-height: 800px;
}
.mobile-navigation .mobile-nav-section-parent {
border-bottom: 1px solid none;
margin-bottom: 0;
}
.mobile-navigation .mobile-nav-section-parent:last-child {
border-bottom: none;
}
.mobile-navigation .mobile-nav-section-parent.section-expanded {
background-color: #395f8b;
}
.mobile-navigation .mobile-mega-section-links {
display: none;
background: #395f8b;
border-top: 1px solid none;
}
.mobile-navigation .mobile-mega-section-links .section-header {
display: none;
}
.mobile-navigation .mobile-mega-section-links .section-header {
padding: 10px 20px;
border-bottom: 2px solid none;
background-color: #395f8b;
}
.mobile-navigation .mobile-mega-section-links .section-header .section-back {
display: flex;
align-items: center;
background: none;
border: none;
color: #ffffff;
font-size: calc(14px * 0.9);
font-weight: 600;
cursor: pointer;
padding: 0.5rem 0;
}
.mobile-navigation .mobile-mega-section-links .section-header .section-back:hover {
color: #395f8b;
}
.mobile-navigation .mobile-mega-section-links .section-links {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-navigation .mobile-mega-section-links .section-links li {
border-bottom: 1px solid none;
margin-bottom: 0;
}
.mobile-navigation .mobile-mega-section-links .section-links li:last-child {
border-bottom: none;
}
.mobile-navigation .mobile-mega-section-links .section-links .mobile-nav-sublink {
display: block;
padding: 10px 40px;
color: #ffffff;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.mobile-navigation .mobile-mega-section-links .section-links .mobile-nav-sublink:hover {
background-color: #ffffff;
color: #395f8b;
}
.mobile-phone {
display: none;
}
@media (min-width: 0) and (max-width: 1198px) {
header .mobile-phone {
display: block;
text-align: right;
}
}
.mobile-phone .phone-link {
text-decoration: none;
font-size: 18px;
font-weight: 700;
color: #395f8b;
white-space: nowrap;
}
.mobile-phone .phone-link:hover {
color: #eb7925;
}
.mobile-phone .phone-link {
font-family: "Roboto", Arial, sans-serif;
}
.mobile-menu-footer {
margin-top: 0;
padding: 10px 20px;
}
.mobile-menu-footer .mobile-menu-login {
margin-bottom: 20px;
}
.mobile-menu-footer .mobile-menu-login .button {
background: none;
border: none;
padding: 0;
width: auto;
height: auto;
font-size: 14px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
text-align: left;
display: inline-block;
line-height: normal;
}
.mobile-menu-footer .mobile-menu-login .button:hover {
background: none;
color: #ffffff;
opacity: 0.8;
}
.mobile-menu-footer .mobile-menu-custom-content {
color: #ffffff;
text-align: left;
}
.mobile-menu-footer .mobile-menu-custom-content a {
color: #ffffff;
text-decoration: none;
}
.mobile-menu-footer .mobile-menu-custom-content a:hover {
color: #eb7925;
}   .header-layout--two-row .header-top {
display: block;
}
@media (min-width: 1200px) {
.header-layout--two-row .header-bottom .header-block--cta {
justify-content: flex-end;
}
}
.header-layout--single-row .header-top {
display: none;
}
@media (min-width: 1200px) {
.header-layout--single-row .header-bottom .header-block--cta {
display: flex;
gap: 20px;
justify-content: flex-end;
align-items: center;
}
.header-layout--single-row .header-bottom .header-block--cta .header-phone,
.header-layout--single-row .header-bottom .header-block--cta .header-login {
display: flex;
align-items: center;
}
}
footer {
background-color: #f3f3f3;
padding: 20px;
}
@media (min-width: 768px) {
footer {
padding: 40px;
}
}
@media (min-width: 992px) {
footer {
padding: 80px;
}
}
footer .grid-container {
max-width: 1440px;
width: 100%;
gap: 40px;
}
@media (min-width: 992px) {
footer .grid-container {
gap: 0;
}
}
footer .footer-top {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
@media (min-width: 992px) {
footer .footer-top {
grid-template-columns: 240px 1fr;
column-gap: 160px;
margin-bottom: 40px;
gap: 160px;
}
}
footer .footer-top .footer-links-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
column-gap: 40px;
row-gap: 40px;
}
@media (min-width: 768px) {
footer .footer-top .footer-links-block {
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
}
}
@media (min-width: 992px) {
footer .footer-top .footer-links-block {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
column-gap: 20px;
}
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(3) {
grid-column: 1;
grid-row: 2;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(4) {
grid-column: 2;
grid-row: 2;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(5) {
grid-column: 1;
grid-row: 3;
}
@media (min-width: 768px) {
footer .footer-top .footer-links-block .footer-links-column:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(4) {
grid-column: 1;
grid-row: 2;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(5) {
grid-column: 2;
grid-row: 2;
}
}
@media (min-width: 992px) {
footer .footer-top .footer-links-block .footer-links-column:nth-child(1) {
grid-column: auto;
grid-row: auto;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(2) {
grid-column: auto;
grid-row: auto;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(3) {
grid-column: auto;
grid-row: auto;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(4) {
grid-column: auto;
grid-row: auto;
}
footer .footer-top .footer-links-block .footer-links-column:nth-child(5) {
grid-column: auto;
grid-row: auto;
}
}
footer .footer-bottom {
display: grid;
grid-template-columns: 1fr;
text-align: left;
}
@media (min-width: 992px) {
footer .footer-bottom {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
footer .footer-bottom .disclaimer {
color: #ffffff;
}
footer .footer-company {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
@media (min-width: 768px) {
footer .footer-company {
grid-template-columns: 30% 70%;
column-gap: 40px;
align-items: start;
}
}
@media (min-width: 992px) {
footer .footer-company {
grid-template-columns: 1fr;
gap: 20px;
}
}
@media (min-width: 768px) {
footer .footer-company .company-main {
grid-column: 1;
}
}
@media (min-width: 992px) {
footer .footer-company .company-main {
grid-column: auto;
}
}
footer .footer-company .footer-logo {
margin-bottom: 20px;
justify-self: center;
}
@media (min-width: 768px) {
footer .footer-company .footer-logo {
justify-self: start;
}
}
footer .footer-company .social-media {
display: flex;
gap: 10px;
justify-self: center;
}
@media (min-width: 768px) {
footer .footer-company .social-media {
justify-self: start;
}
}
footer .footer-company .social-media svg.icon-social {
display: block !important;
width: 35px;
height: 35px;
}
footer .footer-company .custom-content {
padding: 20px 0 0 0;
}
@media (min-width: 768px) {
footer .footer-company .custom-content {
grid-column: 2;
padding: 0;
}
}
@media (min-width: 992px) {
footer .footer-company .custom-content {
grid-column: auto;
padding: 20px 0 0 0;
}
}
footer .footer-company .custom-content .image-badges {
display: flex;
gap: 20px;
align-items: center;
justify-self: center;
}
@media (min-width: 768px) {
footer .footer-company .custom-content .image-badges {
justify-self: start;
}
}
footer .footer-company .custom-content .search-form {
padding: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
footer .footer-company .custom-content .search-form {
display: flex;
gap: 20px;
}
}
@media (min-width: 992px) {
footer .footer-company .custom-content .search-form {
padding: 20px 0 0 0;
}
}
footer .footer-company .custom-content .search-form input {
border: 1px solid #f3f3f3;
font-size: 14px;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
}
footer .footer-company .custom-content .search-form input::placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
footer .footer-company .custom-content .search-form input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
footer .footer-company .custom-content .search-form input::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
footer .footer-company .custom-content .search-form input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
footer .footer-company .custom-content .search-form #footer-search-industry {
margin-bottom: 0;
}
footer .footer-links-column .nav-header {
color: #ffffff;
font-size: 14px;
display: inline-block;
margin-bottom: 10px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif;
line-height: 18px;
}
footer .footer-links-column .footer-links-nav .footer-links-list .footer-links-item:last-child {
margin-bottom: 0;
}
footer .footer-links-column .footer-links-nav .footer-links-list .footer-links-item a {
color: #ffffff;
font-size: 14px;
line-height: 22px;
font-family: "Roboto", Arial, sans-serif;
font-weight: 400;
}
footer .footer-links-column .footer-links-nav .footer-links-list .footer-links-item a:hover {
text-decoration: underline;
color: #ffffff;
}
footer .footer-address-bottom {
font-size: 12px;
color: #ffffff;
}
footer .footer-address-bottom .contact-parts {
display: flex;
flex-direction: column;
gap: 0;
}
@media (min-width: 768px) {
footer .footer-address-bottom .contact-parts {
flex-direction: row;
gap: 0;
align-items: center;
}
}
footer .footer-address-bottom .contact-parts .contact-part {
font-size: 12px;
color: #ffffff;
margin: 0;
}
@media (min-width: 768px) {
footer .footer-address-bottom .contact-parts .contact-part {
margin: 0;
}
}
footer .footer-address-bottom .contact-parts .contact-part.disclaimer {
font-style: normal;
}
footer .footer-address-bottom .contact-parts .contact-part a {
color: #ffffff;
text-decoration: none;
}
footer .footer-address-bottom .contact-parts .contact-part a:hover {
color: #ffffff;
text-decoration: underline;
}
footer .footer-address-bottom .contact-parts .contact-separator {
display: none;
}
@media (min-width: 768px) {
footer .footer-address-bottom .contact-parts .contact-separator {
display: inline;
color: #ffffff;
margin: 0 0.5rem;
font-size: 12px;
}
}
footer .footer-address-bottom a {
color: #ffffff;
}
footer .footer-address-bottom a:hover {
color: #ffffff;
}
footer .footer-right {
text-align: left;
}
@media (min-width: 992px) {
footer .footer-right {
text-align: right;
}
}
footer .footer-right .block-text {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
footer .footer-right .block-text {
flex-direction: row;
align-items: center;
gap: 0;
}
}
@media (min-width: 992px) {
footer .footer-right .block-text {
justify-content: flex-end;
}
}
footer .footer-right .block-text .disclaimer {
margin: 0;
white-space: nowrap;
font-size: 12px;
}
footer .footer-right .block-text .onetrust-links {
display: inline-flex;
align-items: center;
margin-left: 0;
font-size: 12px;
}
footer .footer-right .block-text .onetrust-links:not(:empty)::before {
content: "";
margin: 0;
color: #ffffff;
font-size: 12px;
}
@media (min-width: 768px) {
footer .footer-right .block-text .onetrust-links:not(:empty)::before {
content: " | ";
margin: 0 0.5rem;
}
}
footer .footer-right .block-text .onetrust-links:empty::before {
display: none;
}
footer .footer-right .block-text .onetrust-links > a {
font-size: 12px;
color: #ffffff;
margin-left: 0;
}
footer .footer-right .block-text .onetrust-links > a:hover {
text-decoration: underline;
}
.ib-your-choices {
display: inline-flex;
align-items: center;
gap: 5px;
}
address {
display: inline;
font-style: normal;
}
address a:hover {
text-decoration: underline;
}
.phone-link:hover {
text-decoration: underline;
}  .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.custompopup-hidden {
display: none;
}
#CustomPopup.modal {
display: none;
position: fixed;
z-index: 100000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(43, 43, 43, 0.9);
opacity: 0;
transition: opacity 0.3s ease;
}
#CustomPopup.modal.is-visible {
opacity: 1;
}
#CustomPopup.modal .modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 760px;
}
#CustomPopup.modal .modal-content.video-local {
width: fit-content;
max-width: 90vw;
min-width: 300px;
}
#CustomPopup.modal .close {
display: none;
color: #ffffff;
position: absolute;
top: -11px;
right: -11px;
font-size: 18px;
line-height: 22px;
font-weight: bold;
background-color: #4ca5c8;
z-index: 1;
border-radius: 50%;
width: 22px;
height: 22px;
text-align: center;
}
#CustomPopup.modal .close:hover, #CustomPopup.modal .close:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
#CustomPopup.modal .modal-content.video-local .close {
position: absolute;
top: -11px;
right: -11px;
transform: translateX(0);
}
#CustomPopup.modal .video-container {
overflow: hidden;
position: relative;
width: 100%;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
#CustomPopup.modal .video-container::after {
padding-top: 56.25%;
display: block;
content: "";
}
#CustomPopup.modal .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#CustomPopup.modal .modal-content.video-local .video-container {
max-height: 70vh;
width: fit-content;
margin: 0 auto;
}
#CustomPopup.modal .modal-content.video-local .video-container::after {
display: none;
}
#CustomPopup.modal .modal-content.video-local .video-container video {
width: auto;
height: auto;
max-height: 70vh;
max-width: 90vw;
display: block;
} .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;
outline: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
margin: 0 auto;
}
.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-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
padding: 5px;
cursor: pointer;
opacity: 0.3;
border: 0;
outline: none;
background-color: #4ca5c8;
}
.slick-dots li.slick-active button {
opacity: 1;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
display: none;
}
.slick-dots li button:before {
display: none;
}
.slick-dots li.slick-active button:before {
display: none;
} .slick-dots {
left: 0;
}
.slick-prev {
left: -38px;
}
@media (min-width: 768px) {
.slick-prev {
left: -20px;
}
}
.slick-next {
right: -28px;
}
@media (min-width: 768px) {
.slick-next {
right: -20px;
}
}
.slick-prev:before {
content: "<";
}
.slick-next:before {
content: ">";
}
.slick-prev,
.slick-next {
width: 37px;
height: 37px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 0;
line-height: 0;
cursor: pointer;
display: none !important;
padding: 0;
}
@media (min-width: 768px) {
.slick-prev,
.slick-next {
display: inline-block !important;
}
}
.slick-prev:before,
.slick-next:before {
display: none;
}
.slick-prev svg,
.slick-next svg {
width: 37px;
height: 37px;
display: block;
fill: #4ca5c8;
stroke: green;
stroke-width: 2px;
transition: fill 0.2s ease;
}
.slick-prev:hover svg,
.slick-next:hover svg {
fill: #eb7925;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-slide,
.slick-arrow,
.slick-slide * {
outline: none !important;
}