@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
  :root {
--font-dmSans: "DM Sans", sans-serif; --global--font-primary: var(
--font-dmSans,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--global--font-secondary: var(
--font-dmSans,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--global--color-black: #000;
--global--color-white: #fff;
--global--color-red: #ff0100;
--global--color-grey: #a8a8a8;
--global--color-border: #d9d9d9;
--global--border-form: #b2b2b2;
--global--color-base-text: #404040;
--global--color-text-alt: #101010;
--global--color-fade-text: #797979;
--global--color-fade-white: #efefef;
--global--color-primary: #00315d;
--global--color-secondary: #009ad7;
--global--color-heading: var(--global--color-black);
--global--color-box-bg: #f5f7f8;
--tw-wrap-sm: 520px;
--tw-wrap-md: 715px;
--tw-wrap-lg: 940px;
--tw-wrap-xl: 1140px;
--tw-wrap-xxl: 1520px;
--tw-gutter-x: 30px;
--tw-gutter-sm: 20px;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
overflow-y: auto !important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
padding: 0 !important;
} *,
*::before,
*::after {
box-sizing: border-box;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
input,
button,
textarea,
select {
font-family: inherit;
}
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;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
cursor: pointer;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-ms-expand {
display: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
html {
font-family: var(--global--font-primary);
font-size: 16px !important;
font-weight: 300;
font-optical-sizing: auto;
overflow: auto !important;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
background-color: var(--global--color-white) !important;
color: var(--global--color-black);
font-family: var(--global--font-primary);
font-optical-sizing: auto;
font-weight: 400;
line-height: 1.4;
margin-top: 0 !important;
padding-right: 0 !important;
scroll-behavior: smooth;
text-align: left;
text-rendering: optimizeSpeed;
}
body p,
body li {
color: inherit;
line-height: 1.6;
margin: 0;
padding: 0;
text-align: inherit;
}
body p a,
body li a {
color: var(--global--color-secondary);
display: inline;
}
body p a:hover,
body li a:hover {
color: var(--global--color-primary);
text-decoration: none !important;
}
body p,
body li,
body .form-elements,
body select,
body textarea,
body label {
font-family: inherit;
font-optical-sizing: auto;
font-size: inherit;
font-weight: inherit;
}
body ::-webkit-input-placeholder {
font-size: inherit;
}
body :-moz-placeholder {
font-size: inherit;
}
body ::-moz-placeholder {
font-size: inherit;
}
body :-ms-input-placeholder {
font-size: inherit;
}
p:not(:last-child),
blockquote:not(:last-child),
ul:not(:last-child),
ol:not(:last-child) {
margin-bottom: 10px;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
margin: 0;
margin-top: 20px;
}
@media (min-width: 1600px) {
p:not(:last-child),
blockquote:not(:last-child),
ul:not(:last-child),
ol:not(:last-child) {
margin-bottom: 10px;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
margin-top: 15px;
}
}
address {
font-style: normal;
}
.clearfix {
*zoom: 1;
}
.clearfix:after, .clearfix:before {
content: "";
display: block;
}
.clearfix:after {
clear: both;
}
svg {
transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
}
svg :focus {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
outline: none;
}
a,
button,
input[type=submit],
input[type=reset],
input[type=button] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
outline: none;
text-shadow: none;
-webkit-text-shadow: none;
transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
}
a:focus, a:hover,
button:focus,
button:hover,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=button]:focus,
input[type=button]:hover {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
outline: none;
text-decoration: none;
}
button {
border: 0;
}
a {
border: none;
color: inherit;
display: inline-block;
}
a[href^=tel] {
color: inherit;
cursor: default;
text-decoration: none !important;
}
a[href^=tel]:hover, a[href^=tel]:active, a[href^=tel]:focus {
border: 0;
box-shadow: none;
outline: none;
text-decoration: none !important;
}
b,
strong {
font-weight: 700;
}
img {
height: auto !important;
max-height: 100%;
max-width: 100%;
position: relative;
width: auto !important;
z-index: 2;
}
img.alignright {
display: inline;
float: right;
margin: 12px 0 12px 20px;
}
img.alignleft {
display: inline;
float: left;
margin: 12px 20px 12px 0;
}
img.aligncenter {
clear: both;
display: block;
margin: 10px auto;
}
img.alignnone {
display: inline;
margin: 10px;
}
@media (max-width: 1199px) {
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
clear: both;
display: block !important;
float: none !important;
margin: 10px auto !important;
padding: 10px;
}
}
article,
aside,
div,
main,
nav,
section,
figure,
summary,
picture {
*zoom: 1;
}
article:after, article:before,
aside:after,
aside:before,
div:after,
div:before,
main:after,
main:before,
nav:after,
nav:before,
section:after,
section:before,
figure:after,
figure:before,
summary:after,
summary:before,
picture:after,
picture:before {
content: "";
display: block;
}
article:after,
aside:after,
div:after,
main:after,
nav:after,
section:after,
figure:after,
summary:after,
picture:after {
clear: both;
}
.tw-logo {
display: inline-block;
margin-top: 10px;
}
.tw-logo svg {
fill: #c3c9cf;
height: 34px;
width: 34px;
}
.tw-logo:hover svg {
fill: var(--global--color-primary);
}
.tw-row {
display: flex;
flex-wrap: wrap;
margin-left: calc(-0.5 * var(--tw-gutter-sm));
margin-right: calc(-0.5 * var(--tw-gutter-sm));
}
.tw-row > * {
flex-shrink: 0;
margin-bottom: calc(var(--tw-gutter-sm) * 0.5);
margin-top: calc(var(--tw-gutter-sm) * 0.5);
max-width: 100%;
min-height: 1px;
padding-left: calc(var(--tw-gutter-sm) * 0.5);
padding-right: calc(var(--tw-gutter-sm) * 0.5);
position: relative;
width: 100%;
}
.tw-row .auto-width {
flex: 0 0 auto;
width: auto;
}
.tw-row.no-gap {
margin-left: 0;
margin-right: 0;
}
.tw-row.no-gap > * {
padding-left: 0;
padding-right: 0;
}
.tw-row.no-v-gap > * {
margin-bottom: 0;
margin-top: 0;
}
.tw-row.xs_row {
margin-left: -6px;
margin-right: -6px;
}
.tw-row.xs_row > * {
margin-bottom: 6px;
margin-top: 6px;
padding-left: 6px;
padding-right: 6px;
}
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner,
.container-fluid {
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%;
}
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
padding-right: calc(var(--tw-gutter-sm) * 0.5) !important;
padding-left: calc(var(--tw-gutter-sm) * 0.5) !important;
}
@media (min-width: 576px) {
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
max-width: var(--tw-wrap-sm) !important;
}
}
@media (min-width: 768px) {
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
max-width: var(--tw-wrap-md) !important;
}
}
@media (min-width: 992px) {
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
max-width: var(--tw-wrap-lg) !important;
}
}
@media (min-width: 1200px) {
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
max-width: 90% !important;
}
}
@media (min-width: 1950px) {
.owl-theme .owl-dots,
.container,
.custom_container,
.e-con > .e-con-inner {
max-width: 1600px !important;
}
}
.container-fluid {
padding-left: calc(var(--tw-gutter-sm) * 0.5) !important;
padding-right: calc(var(--tw-gutter-sm) * 0.5) !important;
}
@media (min-width: 576px) {
.container-fluid {
max-width: var(--tw-wrap-sm) !important;
}
}
@media (min-width: 768px) {
.container-fluid {
max-width: var(--tw-wrap-md) !important;
}
}
@media (min-width: 992px) {
.container-fluid {
max-width: var(--tw-wrap-lg) !important;
}
}
@media (min-width: 1200px) {
.container-fluid {
max-width: 1780px !important;
padding-left: 50px !important;
padding-right: 50px !important;
width: 96%;
}
}
@media (min-width: 1600px) {
.container-fluid {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.half-container,
.container-55,
.container-65 {
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
padding-right: calc(var(--tw-gutter-sm) * 0.5) !important;
padding-left: calc(var(--tw-gutter-sm) * 0.5) !important;
position: relative;
width: 100%;
}
@media (min-width: 576px) {
.half-container,
.container-55,
.container-65 {
max-width: var(--tw-wrap-sm) !important;
}
}
@media (min-width: 768px) {
.half-container,
.container-55,
.container-65 {
max-width: var(--tw-wrap-md) !important;
}
}
@media (min-width: 992px) {
.half-container,
.container-55,
.container-65 {
max-width: var(--tw-wrap-lg) !important;
}
}
@media (max-width: 1199px) {
.half-container,
.container-55,
.container-65 {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
.half-container {
max-width: calc(var(--tw-wrap-xl) * 50 / 100) !important;
}
}
@media (min-width: 1600px) {
.half-container {
max-width: calc(var(--tw-wrap-xxl) * 50 / 100) !important;
}
}
@media (min-width: 1200px) {
.container-55 {
max-width: calc(var(--tw-wrap-xl) * 55 / 100 + 10px) !important;
}
}
@media (min-width: 1600px) {
.container-55 {
max-width: calc(var(--tw-wrap-xxl) * 55 / 100 + 5px) !important;
}
}
@media (min-width: 1200px) {
.container-65 {
max-width: calc(var(--tw-wrap-xl) * 65 / 100 + 10px) !important;
}
}
@media (min-width: 1600px) {
.container-65 {
max-width: calc(var(--tw-wrap-xxl) * 65 / 100 + 5px) !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.e-con-inner .half-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.bf-af-sld {   }
.bf-af-sld .resp-tabs-list {
margin: 20px 0 20px 0;
text-align: right;
}
@media (max-width: 1199px) {
.bf-af-sld .resp-tabs-list {
text-align: left;
}
}
.bf-af-sld .resp-tabs-list li {
display: inline-block;
margin: 0;
list-style: none;
cursor: pointer;
padding: 15px;
font-size: 32px !important;
font-size: 2rem !important;
font-weight: 500;
color: #6e6e6e !important;
border-bottom: solid 2px #ababab;
}
@media (max-width: 1599px) {
.bf-af-sld .resp-tabs-list li {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.bf-af-sld .resp-tabs-list li.resp-tab-active {
color: #00315D !important;
}
.bf-af-sld .resp-tabs-container {
padding: 0px;
clear: left;
margin: 50px 0 0;
}
.bf-af-sld h2.resp-accordion {
cursor: pointer;
display: none;
}
.bf-af-sld .resp-tab-content {
display: block !important;
padding: 0px;
height: 0 !important;
overflow: hidden !important;
}
.bf-af-sld .resp-tab-content-active {
height: auto !important;
}
.bf-af-sld .resp-tab-active {
color: #00315D !important;
border-bottom: solid 4px #00315D !important;
margin: 0 -5px !important;
}
.bf-af-sld .resp-content-active,
.bf-af-sld .resp-accordion-active {
display: block;
}
.bf-af-sld .resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%;
}
.bf-af-sld .resp-vtabs .resp-tabs-list li {
display: block;
margin: 0;
cursor: pointer;
float: none;
}
.bf-af-sld .resp-vtabs .resp-tabs-container {
padding: 0px;
background-color: #fff;
float: left;
width: 68%;
min-height: 250px;
border-radius: 4px;
clear: none;
}
.bf-af-sld .resp-vtabs .resp-tab-content {
border: none;
}
.bf-af-sld .resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
}
.bf-af-sld .resp-arrow {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
cursor: pointer;
height: 30px;
line-height: 1;
position: absolute;
right: 10px;
transform-origin: center center;
transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
-o-transform: rotate(-225deg);
-webkit-transform: rotate(-225deg);
top: 6px;
width: 30px;
}
.bf-af-sld .resp-arrow:before {
border-right: 1px solid var(--global--color-white);
border-top: 1px solid var(--global--color-white);
content: "";
height: 10px;
width: 10px;
}
.bf-af-sld h2.resp-tab-active span.resp-arrow {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 12px;
}
.bf-af-sld h2.resp-tab-active {
background: var(--global--color-white);
color: #fff !important;
margin: 0px !important;
}
.bf-af-sld .resp-easy-accordion h2.resp-accordion {
display: block;
}
.bf-af-sld .resp-jfit {
width: 100%;
margin: 0px;
}
.bf-af-sld .resp-tab-content-active {
display: block;
}
@media (max-width: 991px) {
.bf-af-sld ul.resp-tabs-list {
display: none;
}
.bf-af-sld h2.resp-accordion {
display: block;
margin-top: 10px;
position: relative;
background: #00315d;
color: #fff !important;
padding: 10px;
font-size: 18px !important;
font-size: 1.125rem !important;
}
.bf-af-sld .resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;
}
.bf-af-sld .resp-accordion-closed {
display: none !important;
}
}
body.compensate-for-scrollbar {
overflow: hidden;
margin: 0 !important;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100% !important;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes a {
to {
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
display: flex;
flex-wrap: wrap;
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
max-width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel.off {
display: block;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/scss/components/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
font-size: 14px;
margin: 6px;
padding: 4px 7px;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
cursor: pointer;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #000;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -5px;
margin-right: -5px;
text-align: left;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots > * {
padding-left: 5px !important;
padding-right: 5px !important;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
background: transparent;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid transparent;
display: block;
height: 16px;
margin: 0;
position: relative;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
width: 16px;
}
.owl-theme .owl-dots .owl-dot span:before {
background-color: var(--global--color-primary);
border-radius: 50%;
-webkit-border-radius: 50%;
content: "";
height: 60%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
width: 60%;
}
.owl-theme .owl-dots .owl-dot.active, .owl-theme .owl-dots .owl-dot:hover {
border-color: var(--global--color-primary);
}
.owl-theme .owl-dots .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before {
height: calc(100% - 4px);
width: calc(100% - 4px);
}
@media (min-width: 768px) {
.owl-theme .owl-dots .owl-dot span {
height: 18px;
width: 18px;
}
.owl-theme .owl-dots .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before {
height: calc(100% - 6px);
width: calc(100% - 6px);
}
}
@media (min-width: 1600px) {
.owl-theme .owl-dots .owl-dot span {
height: 22px;
width: 22px;
}
.owl-theme .owl-dots .owl-dot span:before {
height: 50%;
width: 50%;
}
.owl-theme .owl-dots .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before {
height: calc(100% - 6px);
width: calc(100% - 6px);
}
}
@media (min-width: 1850px) {
.owl-theme .owl-dots .owl-dot span {
height: 26px;
width: 26px;
}
}
.owl-theme.theme-white .owl-nav [class*=owl-] {
background: #fff;
color: rgba(0, 0, 0, 0.5);
}
.owl-theme.theme-white .owl-nav [class*=owl-]:hover {
background: rgba(255, 255, 255, 0.5);
color: rgba(0, 0, 0, 0.5);
}
.owl-theme.theme-white .owl-dots .owl-dot span:before {
background-color: var(--global--color-white);
}
.owl-theme.theme-white .owl-dots .owl-dot.active span, .owl-theme.theme-white .owl-dots .owl-dot:hover span {
border-color: var(--global--color-white);
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
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 {
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-dotted.slick-slider {
margin-bottom: 0px;
}
.clinic .slick-dots {
bottom: 40px;
}
.slick-dots {
position: absolute;
top: 75%;
right: 5%;
list-style: none;
display: block;
text-align: right;
padding: 0;
margin: 0;
z-index: 9;
}
@media (max-width: 2560px) {
.slick-dots {
top: 70%;
left: 19%;
}
}
@media (max-width: 1920px) {
.slick-dots {
top: 75%;
right: 5%;
}
}
@media (max-width: 1680px) {
.slick-dots {
top: 73%;
left: 7%;
}
}
@media (max-width: 1600px) {
.slick-dots {
top: 77%;
left: 5%;
}
}
@media (max-width: 1599px) {
.slick-dots {
top: 75%;
left: 7%;
}
}
@media (max-width: 1366px) {
.slick-dots {
top: 75%;
left: 5%;
}
}
@media (max-width: 1280px) {
.slick-dots {
top: 38%;
display: none !important;
}
}
@media (max-width: 1199px) {
.slick-dots {
top: 42%;
display: none !important;
}
}
@media (max-width: 768px) {
.slick-dots {
top: 38%;
}
}
@media (max-width: 767px) {
.slick-dots {
top: 38%;
}
}
.slick-dots li {
position: relative;
display: inline-block;
height: 3px;
width: 55px;
margin: 0 10px 0 0;
padding: 0px;
cursor: pointer;
background: #d9d9d9;
border-radius: 10px;
}
.slick-dots li button {
display: none !important;
background: transparent;
border-radius: 50%;
display: inline-block;
height: 3px;
width: 55px;
padding: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
border: solid 1px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
background: #1b96d3;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
display: none !important;
}
.slick-dots li:before {
display: none !important;
}
.slick-dots li.slick-active {
background: #1b96d3;
width: 75px;
}
.slick-dots li.slick-active:after {
content: "";
position: absolute;
left: -5px;
top: -5px;
width: 22px;
height: 22px;
background: transparent;
border: solid 1px #fff;
border-radius: 50%;
display: none;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 50px;
width: 50px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
top: 50%;
background: #00315d;
padding: 0;
z-index: 9;
outline: none;
}
@media (max-width: 1599px) {
.slick-prev,
.slick-next {
width: 40px;
height: 40px;
}
}
@media (max-width: 1366px) {
.slick-prev,
.slick-next {
top: 45%;
}
}
@media (max-width: 768px) {
.slick-prev,
.slick-next {
top: 20%;
}
}
@media (max-width: 767px) {
.slick-prev,
.slick-next {
top: 16%;
}
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
}
.slick-prev:before,
.slick-next:before {
font-family: "DM Sans", sans-serif;
font-size: 22px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover,
.slick-next:hover {
color: #1b96d3;
}
.slick-prev {
left: -30px;
z-index: 9;
}
@media (max-width: 1440px) {
.slick-prev {
left: -25px;
}
}
[dir=rtl] .slick-prev {
left: auto;
right: 0px;
}
.slick-prev:before {
content: "";
width: 14px;
height: 14px;
position: absolute;
border-right: solid 2px #fff;
border-top: solid 2px #fff;
transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
left: 41%;
top: 34%;
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-prev:hover:before {
border-right: solid 2px #1b96d3;
border-top: solid 2px #1b96d3;
}
.slick-next {
right: 20px;
z-index: 9;
}
@media (max-width: 1440px) {
.slick-next {
right: 15px;
}
}
[dir=rtl] .slick-next {
left: 0px;
right: auto;
}
.slick-next:before {
content: "";
width: 14px;
height: 14px;
position: absolute;
border-right: solid 2px #fff;
border-top: solid 2px #fff;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
left: 30%;
top: 34%;
}
[dir=rtl] .slick-next:before {
content: "←";
}
.slick-next:hover:before {
border-right: solid 2px #1b96d3;
border-top: solid 2px #1b96d3;
}
.tw-modal-wrapper {
background-color: rgba(0, 0, 0, 0.5);
height: 100vh;
left: 0;
opacity: 0;
overflow: hidden;
overflow-y: auto;
padding: 15px;
top: 0;
transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
width: 100vw;
z-index: 9999;
}
.tw-modal-wrapper .modal-close-wrapper {
background-color: transparent;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.tw-modal-wrapper .tw-modal-container {
background-color: var(--global--color-white);
border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
padding: 25px;
position: relative;
z-index: 3;
}
.tw-modal-wrapper .tw-modal-close-button {
background-color: transparent !important;
border: 0 !important;
border-top-right-radius: 6px;
color: var(--global--color-black);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 25px !important;
font-size: 1.5625rem !important;
font-family: "DM Sans", sans-serif;
font-weight: 300;
height: 30px;
padding: 0 !important;
position: absolute;
right: 20px;
top: 20px;
width: 30px;
}
@media (max-width: 1199px) {
.tw-modal-wrapper .tw-modal-close-button {
right: 10px;
top: 10px;
width: 20px;
height: 20px;
}
}
.tw-modal-wrapper .tw-modal-close-button:hover {
background-color: var(--global--color-secondary);
}
.tw-modal-wrapper .tw-modal-close-button svg {
width: 25px;
height: 25px;
}
@media (max-width: 1199px) {
.tw-modal-wrapper .tw-modal-close-button svg {
width: 15px;
height: 15px;
}
}
.tw-modal-wrapper .tw-modal-header {
color: var(--global--color-secondary);
font-size: 20px !important;
font-size: 1.25rem !important;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.tw-modal-wrapper .tw-modal-body {
margin-top: 15px;
padding-top: 10px;
}
.tw-modal-wrapper.fullwidthPopup {
padding: 0;
}
.tw-modal-wrapper.fullwidthPopup .tw-modal-container {
background-color: transparent;
box-shadow: none;
}
.tw-modal-wrapper.fullwidthPopup .image_col {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.tw-modal-wrapper.fullwidthPopup .form_col {
background-color: var(--global--color-primary);
padding: 20px;
}
.tw-modal-wrapper.fullwidthPopup .tw-modal-close-button {
background-color: var(--global--color-secondary);
border-radius: 50%;
-webkit-border-radius: 50%;
}
.tw-modal-wrapper.fullwidthPopup .tw-modal-close-button:hover {
background-color: var(--global--color-black);
}
@media (min-width: 1200px) {
.tw-modal-wrapper.fullwidthPopup .image_col,
.tw-modal-wrapper.fullwidthPopup .form_col {
flex: 0 0 50%;
height: 100%;
width: 50%;
}
.tw-modal-wrapper.fullwidthPopup .image_col .modal-close-wrapper {
background-color: var(--global--color-secondary);
border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 60px;
left: auto;
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 60px;
display: none !important;
}
.tw-modal-wrapper.fullwidthPopup .image_col .modal-close-wrapper:before {
color: var(--global--color-white);
content: "Close";
font-size: 12px !important;
font-size: 0.75rem !important;
font-weight: 400;
transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
text-transform: uppercase;
}
.tw-modal-wrapper.fullwidthPopup .image_col .modal-close-wrapper:hover:before {
color: var(--global--color-primary);
}
.tw-modal-wrapper.fullwidthPopup .form_col {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-left: 100px;
}
}
.tw-modal-wrapper.fullwidthPopup .tw-modal-container {
max-width: 600px;
}
.tw-modal-wrapper.modal-lg .tw-modal-container {
max-width: 900px;
}
.tw-modal-wrapper.modal-md .tw-modal-container {
max-width: 600px;
}
.tw-modal-wrapper.showed {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
@media (min-width: 768px) {
.tw-modal-wrapper .tw-modal-container {
padding: 40px;
}
.tw-modal-wrapper .tw-modal-close-button {
height: 36px;
width: 36px;
}
.tw-modal-wrapper .tw-modal-header {
font-size: 26px !important;
font-size: 1.625rem !important;
}
.tw-modal-wrapper .tw-modal-body {
margin-top: 12px;
padding-top: 15px;
}
}
@media (min-width: 1200px) {
.tw-modal-wrapper .tw-modal-header {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (min-width: 1600px) {
.tw-modal-wrapper .tw-modal-header {
font-size: 32px !important;
font-size: 2rem !important;
}
}
.tw-modal-wrapper {
height: 100vh;
border-radius: 0;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 9999;
}
.tw-modal-wrapper .modal-dialog {
max-width: 900px;
}
@media (max-width: 1199px) {
.tw-modal-wrapper .modal-dialog {
max-width: 95%;
}
}
.tw-modal-wrapper .modal-dialog .tw-modal-container {
padding: 80px 100px;
border-radius: 0;
background: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/images/popbg.png) no-repeat #fff;
background-size: cover;
background-position: center center;
}
@media (max-width: 1600px) {
.tw-modal-wrapper .modal-dialog .tw-modal-container {
padding: 40px;
}
}
@media (max-width: 1199px) {
.tw-modal-wrapper .modal-dialog .tw-modal-container {
padding: 40px;
}
}
@media (max-width: 1023px) {
.tw-modal-wrapper .modal-dialog .tw-modal-container {
padding: 20px;
}
}
.tw-modal-wrapper .heading_wrapper {
flex-flow: column wrap;
}
.tw-modal-wrapper .heading_wrapper .tw-modal-header {
color: #000 !important;
text-transform: capitalize;
margin-bottom: 20px;
font-size: 50px !important;
font-size: 3.125rem !important;
}
@media (max-width: 1600px) {
.tw-modal-wrapper .heading_wrapper .tw-modal-header {
font-size: 35px !important;
font-size: 2.1875rem !important;
margin-bottom: 10px;
}
}
@media (max-width: 1023px) {
.tw-modal-wrapper .heading_wrapper .tw-modal-header {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 767px) {
.tw-modal-wrapper .heading_wrapper .tw-modal-header {
font-size: 20px !important;
font-size: 1.25rem !important;
margin-bottom: 10px;
}
}
.tw-modal-wrapper.showed {
display: flex;
}
.tw-modal-wrapper form {
margin: 30px 0;
}
@media (max-width: 1199px) {
.tw-modal-wrapper form {
margin: 30px 0 10px;
}
}
.tw-modal-wrapper form ::-webkit-input-placeholder {
color: #000 !important;
}
.tw-modal-wrapper form :-moz-placeholder {
color: #000 !important;
}
.tw-modal-wrapper form ::-moz-placeholder {
color: #000 !important;
}
.tw-modal-wrapper form :-ms-input-placeholder {
color: #000 !important;
}
.tw-modal-wrapper form .input-holder:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1600px) {
.tw-modal-wrapper form .input-holder:not(:last-child) {
margin-bottom: 10px;
}
}
.tw-modal-wrapper form input,
.tw-modal-wrapper form textarea {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: solid 1px #808080 !important;
border-radius: 0;
padding: 15px 0 !important;
width: 100%;
color: #000 !important;
background: transparent;
}
.tw-modal-wrapper form textarea {
height: 100px;
}
@media (max-width: 1600px) {
.tw-modal-wrapper form textarea {
margin-bottom: 20px;
}
}
.tw-modal-wrapper form button[type=Submit] {
background-color: #00315D;
border: none !important;
color: #fff;
width: 100%;
text-transform: uppercase;
border-radius: 40px;
font-size: 20px !important;
font-size: 1.25rem !important;
min-height: 70px;
}
.tw-modal-wrapper form button[type=Submit]:hover {
background-color: #1b96d3;
color: #fff;
}
@media (max-width: 1600px) {
.tw-modal-wrapper form button[type=Submit] {
min-height: 50px;
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (max-width: 1199px) {
.tw-modal-wrapper form button[type=Submit] {
width: 200px;
font-size: 16px !important;
font-size: 1rem !important;
min-height: 60px;
}
}
@media (max-width: 767px) {
.tw-modal-wrapper form button[type=Submit] {
width: 170px;
font-size: 14px !important;
font-size: 0.875rem !important;
min-height: 50px;
}
}
.sub-menu-toggle {
display: none !important;
}
@keyframes slide-up {
0% {
margin-bottom: -5px;
}
100% {
margin-bottom: 0;
}
}
@keyframes slide_Top {
0% {
margin-top: -10px;
transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
opacity: 0;
}
100% {
margin-top: 0;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
opacity: 1;
}
}
@keyframes slide_Left {
0% {
margin-left: -10px;
opacity: 0;
}
100% {
margin-left: 0;
opacity: 1;
}
}
@keyframes zoom_left {
0% {
margin-left: -10px;
transform: scale(0.2, 0.2);
-ms-transform: scale(0.2, 0.2);
-o-transform: scale(0.2, 0.2);
-webkit-transform: scale(0.2, 0.2);
opacity: 0;
}
100% {
margin-left: 0;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
opacity: 1;
}
}
.mob_trigger {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: var(--global--color-white) !important;
border: 2px solid var(--global--color-primary);
cursor: pointer;
flex-flow: column;
flex: 0 0 50px;
height: 40px;
margin-left: 15px;
padding: 0 !important;
width: 50px;
}
.mob_trigger span {
background-color: var(--global--color-primary);
height: 3px;
width: 24px;
}
.mob_trigger span:not(:last-child) {
margin-bottom: 3px;
}
@media (min-width: 1200px) {
.mob_trigger {
display: none;
}
}
.main-menu {
color: var(--global--color-white);
}
.main-menu .hidden-subchilds ul,
.main-menu .hidden-subchilds i {
display: none !important;
}
.main-menu ul {
position: relative;
}
.main-menu ul li {
display: block;
}
.main-menu ul li a {
color: var(--global--color-white);
font-weight: 300;
line-height: 1;
}
.main-menu ul li.current-menu-item a, .main-menu ul li.current-menu-ancestor a, .main-menu ul li.current-page-ancestor a, .main-menu ul li.current-product-ancestor a {
font-weight: 500;
}
.main-menu ul li.current-menu-item li a, .main-menu ul li.current-menu-ancestor li a, .main-menu ul li.current-page-ancestor li a, .main-menu ul li.current-product-ancestor li a {
font-weight: 300;
}
@media (min-width: 1200px) {
.main-menu .remove-hover a::before, .main-menu .remove-hover a::after {
content: none !important;
}
.main-menu ul li a {
align-items: center;
color: var(--global--color-white);
font-size: 17px !important;
font-size: 1.0625rem !important;
display: inline-flex;
height: 26px;
padding: 0 0 8px;
position: relative;
font-weight: 400;
}
.main-menu ul li a:hover {
color: var(--global--color-white);
}
.main-menu ul li:hover a {
color: var(--global--color-primary);
}
.main-menu ul li:hover a:before {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.main-menu ul li:hover a:after {
opacity: 1;
right: 0;
}
.main-menu ul li:hover li a {
color: var(--global--color-black);
font-weight: 400 !important;
padding-left: 15px;
padding-right: 15px;
border-left: solid 3px #fff;
}
.main-menu ul li:hover li a:before {
opacity: 0;
transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
}
.main-menu ul li:hover li a:after {
right: 100%;
}
.main-menu ul li:hover li:hover a {
color: var(--global--color-black);
font-weight: 300;
border-left: solid 3px #01305d;
background: rgb(0, 0, 0);
background: linear-gradient(86deg, rgba(0, 0, 0, 0.1) 0%, rgba(9, 9, 121, 0) 100%);
}
.main-menu ul li ul {
background-color: var(--global--color-white);
display: none;
left: 0;
position: absolute;
top: 45px;
width: 230px;
z-index: 9;
*zoom: 1;
padding: 7px 0;
}
.main-menu ul li ul:after, .main-menu ul li ul:before {
content: "";
display: block;
}
.main-menu ul li ul:after {
clear: both;
}
.main-menu ul li ul a {
color: var(--global--color-black);
font-size: 12px !important;
font-size: 0.75rem !important;
font-weight: 300;
height: auto !important;
line-height: 1.5;
overflow: hidden;
padding: 7px 15px;
position: relative;
width: 100%;
}
.main-menu ul li ul li {
display: block;
float: none;
margin: 0;
padding: 0;
}
.main-menu ul li ul li ul {
box-shadow: inset 5px 0px 10px #cfe5f0;
-ms-box-shadow: inset 5px 0px 10px #cfe5f0;
-moz-box-shadow: inset 5px 0px 10px #cfe5f0;
-webkit-box-shadow: inset 5px 0px 10px #cfe5f0;
}
.main-menu ul li:hover ul {
animation: slide_Top 0.2s ease-in-out forwards;
transform-origin: top center;
display: block;
}
.main-menu ul li:hover li ul {
display: none;
left: 100%;
top: 0;
}
.main-menu ul li:hover li:hover ul {
animation: zoom_left 0.2s ease-in-out forwards;
display: block;
transform-origin: top left;
}
.main-menu ul li:hover li:hover ul li ul {
display: none;
}
.main-menu ul li:hover li:hover ul li:hover ul {
display: block;
min-height: 260px;
}
.main-menu ul li.submenu {
padding-right: 16px;
}
.main-menu ul li.submenu a {
position: relative;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
justify-content: space-between;
}
.main-menu ul li.submenu a:after {
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
border-right: 1px solid rgba(0, 0, 0, 0.8);
content: "";
display: inline-block;
height: 6px;
position: relative;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -2px;
right: -10px;
width: 6px;
}
.main-menu ul li.submenu li a:after {
display: none;
}
.main-menu ul li.submenu i {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 26px;
padding-left: 2px;
position: absolute;
right: -5px;
top: 2px;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.main-menu ul li.submenu i {
display: none;
}
}
@media (min-width: 1200px) {
.main-menu ul li.submenu i:before {
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
border-right: 1px solid rgba(0, 0, 0, 0.8);
content: "";
display: inline-block;
height: 6px;
position: relative;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -2px;
width: 6px;
}
.main-menu ul li.submenu li {
padding-right: 0;
}
.main-menu ul li.submenu li a {
padding-right: 20px;
}
.main-menu ul li.submenu li.submenu a {
position: relative;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.main-menu ul li.submenu li.submenu a:after {
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
border-right: 1px solid rgba(0, 0, 0, 0.8);
content: "";
display: inline-block;
height: 6px;
position: relative;
transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
top: -2px;
right: -10px;
width: 6px;
}
.main-menu ul li.submenu li.submenu li a:after {
display: none;
}
.main-menu ul li.submenu li.submenu i {
background-color: transparent !important;
height: 31px;
padding-right: 15px;
top: 5px !important;
right: 10px;
}
.main-menu ul li.submenu li.submenu i:before {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.main-menu ul li.submenu li.submenu i {
background-color: transparent !important;
height: 31px;
padding-right: 15px;
top: 5px !important;
right: 10px;
}
.main-menu ul li.submenu li.submenu i:before {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.main-menu ul li:first-child {
padding-left: 0;
}
.main-menu ul li:last-child ul, .main-menu ul li:nth-last-child(2) ul {
left: 22%;
right: 0;
}
.main-menu ul li:last-child ul:before, .main-menu ul li:nth-last-child(2) ul:before {
content: "";
position: absolute;
left: 12%;
top: -5px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 5px solid #fff;
}
.main-menu ul li:last-child ul ul, .main-menu ul li:nth-last-child(2) ul ul {
border-left-width: 3px;
border-right-width: 1px;
right: -250px;
width: 250px;
top: -1px;
background-color: #e4f8ff;
height: 100%;
}
.main-menu ul li:last-child ul ul:before, .main-menu ul li:nth-last-child(2) ul ul:before {
display: none;
}
.main-menu ul li:last-child ul ul li a, .main-menu ul li:nth-last-child(2) ul ul li a {
background: transparent !important;
border-left: solid 3px #d4eaf4 !important;
}
.main-menu ul li:last-child ul ul li a:hover, .main-menu ul li:nth-last-child(2) ul ul li a:hover {
border-left: solid 3px #01305d !important;
background: rgb(0, 0, 0) !important;
background: linear-gradient(86deg, rgba(0, 0, 0, 0.1) 0%, rgba(9, 9, 121, 0) 100%) !important;
}
.main-menu ul li.current-menu-item a, .main-menu ul li.current-menu-ancestor a, .main-menu ul li.current-page-ancestor a, .main-menu ul li.current-product-ancestor a {
font-weight: 600;
}
.main-menu ul li.current-menu-item a:before, .main-menu ul li.current-menu-ancestor a:before, .main-menu ul li.current-page-ancestor a:before, .main-menu ul li.current-product-ancestor a:before {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.main-menu ul li.current-menu-item a:after, .main-menu ul li.current-menu-ancestor a:after, .main-menu ul li.current-page-ancestor a:after, .main-menu ul li.current-product-ancestor a:after {
opacity: 1;
}
.main-menu ul li.current-menu-item li a, .main-menu ul li.current-menu-ancestor li a, .main-menu ul li.current-page-ancestor li a, .main-menu ul li.current-product-ancestor li a {
font-weight: 300;
}
.main-menu ul li.current_page_parent li.current_page_item a, .main-menu ul li.current_page_parent li.current_page_parent a, .main-menu ul li.current_page_ancestor li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_parent a {
font-weight: 600 !important;
}
.main-menu ul li.current_page_parent li.current_page_item a:before, .main-menu ul li.current_page_parent li.current_page_parent a:before, .main-menu ul li.current_page_ancestor li.current_page_item a:before, .main-menu ul li.current_page_ancestor li.current_page_parent a:before {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.main-menu ul li.current_page_parent li.current_page_item a:after, .main-menu ul li.current_page_parent li.current_page_parent a:after, .main-menu ul li.current_page_ancestor li.current_page_item a:after, .main-menu ul li.current_page_ancestor li.current_page_parent a:after {
opacity: 1;
}
.main-menu ul li.current_page_parent li.current_page_item li a, .main-menu ul li.current_page_parent li.current_page_parent li a, .main-menu ul li.current_page_ancestor li.current_page_item li a, .main-menu ul li.current_page_ancestor li.current_page_parent li a {
font-weight: 300 !important;
}
.main-menu ul li.current_page_parent li.current_page_item li a:before, .main-menu ul li.current_page_parent li.current_page_parent li a:before, .main-menu ul li.current_page_ancestor li.current_page_item li a:before, .main-menu ul li.current_page_ancestor li.current_page_parent li a:before {
opacity: 0;
transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
}
.main-menu ul li.current_page_parent li.current_page_item li a:after, .main-menu ul li.current_page_parent li.current_page_parent li a:after, .main-menu ul li.current_page_ancestor li.current_page_item li a:after, .main-menu ul li.current_page_ancestor li.current_page_parent li a:after {
opacity: 0;
right: 100%;
}
.main-menu ul li.current_page_parent li.current_page_item li.current_page_item a, .main-menu ul li.current_page_parent li.current_page_parent li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_item li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_parent li.current_page_item a {
font-weight: 600 !important;
}
.main-menu ul li.current_page_parent li.current_page_item li.current_page_item a:before, .main-menu ul li.current_page_parent li.current_page_parent li.current_page_item a:before, .main-menu ul li.current_page_ancestor li.current_page_item li.current_page_item a:before, .main-menu ul li.current_page_ancestor li.current_page_parent li.current_page_item a:before {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.main-menu ul li.current_page_parent li.current_page_item li.current_page_item a:after, .main-menu ul li.current_page_parent li.current_page_parent li.current_page_item a:after, .main-menu ul li.current_page_ancestor li.current_page_item li.current_page_item a:after, .main-menu ul li.current_page_ancestor li.current_page_parent li.current_page_item a:after {
opacity: 1;
right: 0;
}
.main-menu > ul {
align-items: center;
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.main-menu > ul > * {
align-items: center;
display: inline-flex;
margin-left: 10px;
margin-right: 10px;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.main-menu .slice_child > ul {
background-color: var(--global--color-white);
border-radius: 5px;
-webkit-border-radius: 5px;
left: -50%;
transform: translateX(-50%) !important;
overflow: hidden;
padding: 20px 30px 30px;
width: auto;
}
.main-menu .slice_child > ul .strip_menu_item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
bottom: 0;
height: 84px;
left: 0;
position: absolute;
width: 100%;
}
.main-menu .slice_child > ul .strip_menu_item:before {
background-color: #2863b5;
background-image: var(--menuBg);
background-repeat: no-repeat;
background-position: bottom right;
content: "";
display: block !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.main-menu .slice_child > ul .strip_menu_item .btn_menu-sm {
background-color: transparent !important;
border: 1px solid var(--global--color-white);
border-radius: 3px;
-webkit-border-radius: 3px;
color: var(--global--color-white);
font-size: 12px !important;
font-size: 0.75rem !important;
font-weight: 300;
height: 34px;
min-width: 114px;
padding-left: 15px;
padding-right: 15px;
}
.main-menu .slice_child > ul .strip_menu_item .btn_menu-sm:hover {
background-color: var(--global--color-secondary) !important;
}
.main-menu .slice_child > ul .strip_menu_item .menu_wraps {
justify-content: space-between;
line-height: 1;
}
.main-menu .slice_child > ul .strip_menu_item .menu_wraps > * {
padding-left: 15px;
padding-right: 15px;
}
.main-menu .slice_child > ul .strip_menu_item strong {
clear: both;
display: block;
font-weight: 600;
}
.main-menu .slice_child > ul .strip_menu_item small {
font-size: 12px !important;
font-size: 0.75rem !important;
font-weight: 300;
}
.main-menu .slice_child li {
white-space: nowrap !important;
}
.main-menu .slice_child li a {
padding-left: 0 !important;
padding-right: 0 !important;
width: auto !important;
}
.main-menu .slice_child .wrap_li:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
position: relative;
}
.main-menu .slice_child .wrap_li:not(:last-child):before {
background: rgb(209, 234, 246);
background: linear-gradient(0deg, rgba(209, 234, 246, 0) 0%, rgb(209, 234, 246) 20%, rgb(209, 234, 246) 80%, rgba(209, 234, 246, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1eaf6", endColorstr="#d1eaf6", GradientType=1);
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.main-menu .slice_child.styled_menu-item > ul {
padding-bottom: 100px;
}
.main-menu .slice_child.columns_three > ul {
left: -250%;
}
.main-menu .slice_child.columns_two .wrap_li:nth-last-child(2) {
margin-right: 0 !important;
padding-right: 0 !important;
}
.main-menu .slice_child.columns_two .wrap_li:nth-last-child(2):before {
display: none;
}
.main-menu .slice_child.columns_three .wrap_li:nth-last-child(1), .main-menu .slice_child.columns_four .wrap_li:nth-last-child(1) {
margin-right: 0 !important;
padding-right: 0 !important;
}
.main-menu .slice_child.columns_three .wrap_li:nth-last-child(1):before, .main-menu .slice_child.columns_four .wrap_li:nth-last-child(1):before {
display: none;
}
}
@media (min-width: 1600px) {
.main-menu ul li.submenu i {
top: 0;
}
.main-menu ul li.submenu i:before {
height: 8px;
width: 8px;
}
.main-menu ul li a {
height: 32px;
}
.main-menu ul li ul {
top: 50px;
width: 260px;
}
.main-menu ul li ul a {
padding: 10px 15px;
}
.main-menu > ul {
margin-left: -15px;
margin-right: -15px;
}
.main-menu > ul > * {
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 1850px) {
.main-menu ul li.submenu i {
top: 0;
}
.main-menu ul li a {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
.main-menu ul li ul {
top: 50px;
width: 250px;
}
.main-menu ul li ul a {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
.main-menu > ul {
margin-left: -15px;
margin-right: -15px;
}
.main-menu > ul > * {
margin-left: 15px;
margin-right: 15px;
}
.main-menu .slice_child > ul {
left: -150%;
padding: 20px 30px 30px;
}
.main-menu .slice_child > ul .strip_menu_item {
height: 84px;
}
.main-menu .slice_child > ul .strip_menu_item .btn_menu-sm {
font-size: 14px !important;
font-size: 0.875rem !important;
height: 34px;
min-width: 173px;
padding-left: 15px;
padding-right: 15px;
}
.main-menu .slice_child > ul .strip_menu_item .menu_wraps > * {
padding-left: 15px;
padding-right: 15px;
}
.main-menu .slice_child > ul .strip_menu_item small {
font-size: 16px !important;
font-size: 1rem !important;
}
.main-menu .slice_child .wrap_li:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
}
.main-menu .slice_child.styled_menu-item > ul {
padding-bottom: 100px;
}
}
@media (min-width: 1200px) {
.main-menu ul li.gal-menu:last-child ul {
left: 50% !important;
}
}
@media (max-width: 1199px) {
.project_header .top_menu {
display: none !important;
}
.main-menu {
background-color: var(--global--color-white);
display: flex;
flex-wrap: wrap;
flex-flow: column;
height: 100%;
position: fixed;
left: -280px;
text-align: left;
top: 0;
transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
width: 280px;
z-index: 1005;
}
.main-menu .sm_logo {
background-color: var(--global--color-secondary);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 150px;
line-height: 1;
padding: 20px 10px;
position: relative;
}
.main-menu .sm_logo .project_logo svg {
height: 80px;
width: auto;
}
.main-menu .sm_logo .close_menu {
background-color: var(--global--color-primary);
border-radius: 50%;
-webkit-border-radius: 50%;
height: 32px;
opacity: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
width: 32px;
z-index: 3;
}
.main-menu .sm_logo .close_menu svg {
fill: var(--global--color-white);
height: 12px;
}
.main-menu #menu-primary-menu {
height: calc(100% - 122px);
overflow-y: auto;
position: relative;
}
.main-menu ul + ul {
padding-top: 0;
}
.main-menu ul {
display: block;
margin: 0 auto;
width: 100%;
}
.main-menu ul li {
border-bottom: 1px solid rgba(27, 150, 211, 0.2);
line-height: 0;
position: relative;
text-align: left;
}
.main-menu ul li ul li:last-child {
border: none !important;
}
.main-menu ul li a {
color: var(--global--color-secondary);
display: inline-block;
font-size: 18px !important;
font-size: 1.125rem !important;
font-weight: 400;
padding: 10px 50px 10px 15px;
width: 100%;
}
.main-menu ul li i {
background-color: rgba(0, 49, 93, 0.1);
border-radius: 50%;
-webkit-border-radius: 50%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 24px;
padding: 0;
position: absolute;
right: 15px;
top: 9px;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
width: 24px;
}
.main-menu ul li i:before, .main-menu ul li i:after {
background-color: var(--global--color-secondary);
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.main-menu ul li i:before {
height: 10px;
width: 1px;
}
.main-menu ul li i:after {
height: 1px;
width: 10px;
}
.main-menu ul li li a {
font-size: 13px !important;
font-size: 0.8125rem !important;
opacity: 0.8;
}
.main-menu ul li.opened i:before {
display: none;
}
.main-menu ul li.opened ul li i:before {
display: block;
}
.main-menu ul li.opened ul li.opened i:before {
display: none;
}
.main-menu ul li ul {
display: none;
}
.main-menu ul li.current-menu-item a, .main-menu ul li.current_page_ancestor a, .main-menu ul li.current-menu-ancestor a {
color: var(--global--color-primary);
font-weight: 500;
opacity: 1;
}
.main-menu ul li.current-menu-item li a, .main-menu ul li.current_page_ancestor li a, .main-menu ul li.current-menu-ancestor li a {
color: var(--global--color-secondary);
font-weight: 300;
opacity: 0.8;
}
.main-menu ul li.current-menu-item li.current_page_item a, .main-menu ul li.current-menu-item li.current_page_ancestor a, .main-menu ul li.current_page_ancestor li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_ancestor a, .main-menu ul li.current-menu-ancestor li.current_page_item a, .main-menu ul li.current-menu-ancestor li.current_page_ancestor a {
color: var(--global--color-primary);
font-weight: 500;
opacity: 1;
}
.main-menu ul li.current-menu-item li.current_page_item li a, .main-menu ul li.current-menu-item li.current_page_ancestor li a, .main-menu ul li.current_page_ancestor li.current_page_item li a, .main-menu ul li.current_page_ancestor li.current_page_ancestor li a, .main-menu ul li.current-menu-ancestor li.current_page_item li a, .main-menu ul li.current-menu-ancestor li.current_page_ancestor li a {
color: var(--global--color-secondary);
font-weight: 400;
opacity: 0.8;
}
.main-menu ul li.current-menu-item li.current_page_item li.current_page_item a, .main-menu ul li.current-menu-item li.current_page_ancestor li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_item li.current_page_item a, .main-menu ul li.current_page_ancestor li.current_page_ancestor li.current_page_item a, .main-menu ul li.current-menu-ancestor li.current_page_item li.current_page_item a, .main-menu ul li.current-menu-ancestor li.current_page_ancestor li.current_page_item a {
color: var(--global--color-primary);
font-weight: 500;
opacity: 1;
}
.main-menu ul .strip_menu_item {
background-color: var(--global--color-primary);
}
.main-menu ul .strip_menu_item .menu_wraps {
justify-content: flex-start;
width: 100%;
}
.main-menu ul .strip_menu_item .btn-wrap {
width: 100%;
}
.main-menu ul .strip_menu_item .text-wrap {
display: flex;
flex-wrap: wrap;
flex-flow: column;
}
.main-menu ul .strip_menu_item .btn_menu-sm {
background-color: transparent !important;
border: 1px solid var(--global--color-white);
color: var(--global--color-white);
font-size: 16px !important;
font-size: 1rem !important;
height: 36px;
margin-top: 10px;
width: 100%;
}
.open .main-menu {
left: 0px;
}
.open .main-menu .sm_logo .close_menu {
opacity: 1;
right: -16px;
}
.open .mob_trigger:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.open .mob_trigger:after {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.open .mob_trigger .bar {
opacity: 0;
transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
-webkit-transform: translate(-100%, -50%);
}
.open .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 1000;
}
}
[class*=footer_menu-] li.current-menu-item a {
color: var(--global--color-primary);
}
[class*=footer_menu-] li.current-menu-item li a {
color: var(--global--color-white);
}
[class*=footer_menu-] li.current-menu-item li a:hover {
color: var(--global--color-primary);
}
.footer_menu a {
color: var(--global--color-white);
display: inline-flex;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 300;
line-height: 1.2;
padding-bottom: 10px;
padding-top: 10px;
text-transform: uppercase;
}
.footer_menu a:hover {
color: #009ad7;
}
.footer_menu.hasChild > li > a {
font-size: 20px !important;
font-size: 1.25rem !important;
font-weight: 600;
}
.footer_menu li.current-menu-item a, .footer_menu li.current-page-parent a {
color: #009ad7;
font-weight: 700;
}
.footer_menu li.current-menu-item li a, .footer_menu li.current-page-parent li a {
color: var(--global--color-white);
font-weight: 300;
}
.footer_menu li.current-menu-item li a:hover, .footer_menu li.current-page-parent li a:hover {
color: #009ad7;
}
.footer_menu li.current-menu-item li.current-menu-item a, .footer_menu li.current-page-parent li.current-menu-item a {
color: #009ad7;
font-weight: 700;
}
@media (min-width: 768px) {
.footer_menu a {
font-size: 16px !important;
font-size: 1rem !important;
}
.footer_menu.hasChild > li > a {
font-size: 19px !important;
font-size: 1.1875rem !important;
}
.footer_menu.hasChild > li ul {
-moz-columns: 2 auto;
columns: 2 auto;
}
}
@media (min-width: 1200px) {
.footer_menu a {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
.footer_menu.hasChild > li > a {
font-size: 16px !important;
font-size: 1rem !important;
}
.footer_menu.hasChild > li ul {
-moz-columns: 2 auto;
columns: 2 auto;
}
}
@media (min-width: 1600px) {
.footer_menu a {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.footer_menu.hasChild > li > a {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
.breadcrumb-container {
margin: 30px 0 30px;
position: relative;
z-index: 2;
}
@media (max-width: 1599px) {
.breadcrumb-container {
margin: 0 !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
}
.breadcrumb_wrap ul {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -3px;
margin-right: -3px;
}
.breadcrumb_wrap ul li {
align-items: center;
display: inline-flex;
font-size: 15px !important;
font-size: 0.9375rem !important;
margin: 3px;
padding: 0 25px 0 0;
font-weight: 400;
color: #00315d !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
position: relative;
}
.breadcrumb_wrap ul li:after {
position: absolute;
content: "";
right: 8px;
top: 5px;
width: 2px;
height: 15px;
background-color: #d9d9d9;
}
.breadcrumb_wrap ul li:last-child:after {
display: none;
}
.breadcrumb_wrap ul li a {
align-items: center;
color: var(--global--color-black);
display: inline-flex;
flex-wrap: nowrap;
font-weight: 400;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.breadcrumb_wrap ul li a:hover {
color: var(--global--color-secondary);
}
.breadcrumb_wrap ul li a:hover i svg {
fill: var(--global--color-primary);
}
@media (min-width: 768px) {
.breadcrumb_wrap ul li {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (min-width: 1200px) {
.breadcrumb_wrap ul li {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (min-width: 1600px) {
.breadcrumb_wrap ul li {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.breadcrumb_wrap ul li span:after {
margin: 3px 5px 0 10px;
width: 36px;
}
.breadcrumb_wrap ul li:last-child:after {
height: 3px;
margin-top: 3px;
width: 3px;
display: none;
}
}
.sitemap-menu-wrapper {
margin: 20px 0 100px 50px;
}
.sitemap-menu-wrapper li {
padding: 0;
text-decoration: none;
}
.sitemap-menu-wrapper li a {
text-decoration: none;
margin-bottom: 15px;
transition: all 0.4s ease;
position: relative;
padding-left: 15px;
color: #000 !important;
line-height: 2;
}
.sitemap-menu-wrapper li a:before {
content: "";
position: absolute;
left: -10px;
top: 7px;
background: #000;
width: 9px;
height: 9px;
border: solid 2px #1b96d3;
}
.sitemap-menu-wrapper li a:hover {
margin-left: 15px;
color: #00315D !important;
}
.sitemap-menu-wrapper li ul {
padding-left: 25px;
}
@media (max-width: 600px) {
.sitemap-menu-wrapper li ul {
padding-left: 25px;
}
}
.sitemap-menu-wrapper li ul ul {
padding-left: 25px;
}
@media (max-width: 600px) {
.sitemap-menu-wrapper li ul ul {
padding-left: 25px;
}
}
.sitemap-menu-wrapper ul:not(:last-child) {
margin-bottom: 0;
}
.sitemap-menu-wrapper ul a {
color: var(--global--color-secondary);
font-size: 19px !important;
font-size: 1.1875rem !important;
font-weight: 400;
}
.sitemap-menu-wrapper ul a:hover {
color: var(--global--color-primary);
}
.sitemap-menu-wrapper ul .strip_menu_item {
display: none !important;
}
.site_pagination {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
position: relative;
margin-bottom: 30px;
margin-top: 30px;
width: 100%;
}
@media (max-width: 1199px) {
.site_pagination {
justify-content: center;
}
}
.site_pagination ol,
.site_pagination .wp-paginate {
align-items: center;
display: inline-flex;
padding-left: 0 !important;
margin-right: 20px;
}
@media (max-width: 1199px) {
.site_pagination ol,
.site_pagination .wp-paginate {
margin-right: 0;
}
}
@media (max-width: 767px) {
.site_pagination ol,
.site_pagination .wp-paginate {
flex-wrap: wrap;
gap: 10px;
}
}
.site_pagination ol li,
.site_pagination .wp-paginate li {
line-height: 1;
margin: 0;
padding: 0;
}
.site_pagination ol li a,
.site_pagination .wp-paginate li a {
background: transparent !important;
border: none !important;
}
.site_pagination ol li .page,
.site_pagination ol li .next,
.site_pagination ol li .prev,
.site_pagination .wp-paginate li .page,
.site_pagination .wp-paginate li .next,
.site_pagination .wp-paginate li .prev {
align-items: center;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none !important;
-webkit-box-shadow: none !important;
display: inline-flex;
font-size: 15px !important;
font-size: 0.9375rem !important;
font-weight: 300;
height: 36px;
justify-content: center;
line-height: 1;
padding: 0 8px;
position: relative;
text-align: center;
text-decoration: none;
width: auto;
transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.site_pagination ol li .page,
.site_pagination .wp-paginate li .page {
color: var(--global--color-black);
}
.site_pagination ol li .page:hover,
.site_pagination .wp-paginate li .page:hover {
color: var(--global--color-primary);
}
.site_pagination ol li .next,
.site_pagination ol li .prev,
.site_pagination .wp-paginate li .next,
.site_pagination .wp-paginate li .prev {
background-color: #00315D !important;
color: #fff !important;
border-radius: 30px;
-webkit-border-radius: 30px;
color: var(--global--color-secondary);
font-size: 13px !important;
font-size: 0.8125rem !important;
font-weight: 400;
padding-left: 25px;
padding-right: 25px;
}
.site_pagination ol li .next:hover,
.site_pagination ol li .prev:hover,
.site_pagination .wp-paginate li .next:hover,
.site_pagination .wp-paginate li .prev:hover {
background-color: #1b96d3 !important;
color: #fff !important;
}
.site_pagination ol li .current,
.site_pagination .wp-paginate li .current {
position: relative;
background: transparent !important;
color: #1b96d3 !important;
}
.site_pagination ol li .current:hover,
.site_pagination .wp-paginate li .current:hover {
color: var(--global--color-black);
}
@media (min-width: 1600px) {
.site_pagination {
margin-bottom: 30px;
margin-top: 40px;
}
.site_pagination ol li .page,
.site_pagination .wp-paginate li .page {
font-size: 19px !important;
font-size: 1.1875rem !important;
}
.site_pagination ol li .next,
.site_pagination ol li .prev,
.site_pagination .wp-paginate li .next,
.site_pagination .wp-paginate li .prev {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--global--color-heading) !important;
display: block;
font-weight: 500 !important;
line-height: 1.2;
margin: 0 0 10px;
padding: 0;
text-transform: none;
font-family: "DM Sans", sans-serif;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: inherit !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
background-color: transparent;
color: var(--global--color-primary);
display: inline-block;
font-size: inherit;
font-weight: inherit;
text-decoration: none !important;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: var(--global--color-secondary);
}
h1 + p, h1 + ul, h1 + ol, h1 + blockquote,
h2 + p,
h2 + ul,
h2 + ol,
h2 + blockquote,
h3 + p,
h3 + ul,
h3 + ol,
h3 + blockquote,
h4 + p,
h4 + ul,
h4 + ol,
h4 + blockquote,
h5 + p,
h5 + ul,
h5 + ol,
h5 + blockquote,
h6 + p,
h6 + ul,
h6 + ol,
h6 + blockquote {
margin-bottom: 0;
margin-top: 5px;
}
@media (min-width: 1600px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 15px;
}
h1 + p, h1 + ul, h1 + ol, h1 + blockquote,
h2 + p,
h2 + ul,
h2 + ol,
h2 + blockquote,
h3 + p,
h3 + ul,
h3 + ol,
h3 + blockquote,
h4 + p,
h4 + ul,
h4 + ol,
h4 + blockquote,
h5 + p,
h5 + ul,
h5 + ol,
h5 + blockquote,
h6 + p,
h6 + ul,
h6 + ol,
h6 + blockquote {
margin-bottom: 0;
margin-top: 10px;
}
}
.titleSize-110, .elementor-widget-heading.titleSize-110 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
@media (min-width: 768px) {
.titleSize-110, .elementor-widget-heading.titleSize-110 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-110, .elementor-widget-heading.titleSize-110 {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-110, .elementor-widget-heading.titleSize-110 {
font-size: 70px !important;
font-size: 4.375rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-110, .elementor-widget-heading.titleSize-110 {
font-size: 96px !important;
font-size: 6rem !important;
}
}
.titleSize-100, .elementor-widget-heading.titleSize-100 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
@media (min-width: 768px) {
.titleSize-100, .elementor-widget-heading.titleSize-100 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-100, .elementor-widget-heading.titleSize-100 {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-100, .elementor-widget-heading.titleSize-100 {
font-size: 70px !important;
font-size: 4.375rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-100, .elementor-widget-heading.titleSize-100 {
font-size: 75px !important;
font-size: 4.6875rem !important;
}
}
.titleSize-65, .elementor-widget-heading.titleSize-65 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
@media (min-width: 768px) {
.titleSize-65, .elementor-widget-heading.titleSize-65 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-65, .elementor-widget-heading.titleSize-65 {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-65, .elementor-widget-heading.titleSize-65 {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-65, .elementor-widget-heading.titleSize-65 {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
@media (min-width: 768px) {
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (min-width: 1300px) {
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-60, .elementor-widget-heading.titleSize-60 {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
.titleSize-52, .elementor-widget-heading.titleSize-52 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
@media (min-width: 768px) {
.titleSize-52, .elementor-widget-heading.titleSize-52 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-52, .elementor-widget-heading.titleSize-52 {
font-size: 36px !important;
font-size: 2.25rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-52, .elementor-widget-heading.titleSize-52 {
font-size: 48px !important;
font-size: 3rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-52, .elementor-widget-heading.titleSize-52 {
font-size: 52px !important;
font-size: 3.25rem !important;
}
}
.titleSize-48, .elementor-widget-heading.titleSize-48 {
font-weight: 600 !important;
text-transform: uppercase !important;
font-size: 25px !important;
font-size: 1.5625rem !important;
}
@media (min-width: 320px) {
.titleSize-48, .elementor-widget-heading.titleSize-48 {
font-size: 29px !important;
font-size: 1.8125rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-48, .elementor-widget-heading.titleSize-48 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-48, .elementor-widget-heading.titleSize-48 {
font-size: 44px !important;
font-size: 2.75rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-48, .elementor-widget-heading.titleSize-48 {
font-size: 48px !important;
font-size: 3rem !important;
}
}
.titleSize-45, .elementor-widget-heading.titleSize-45 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
@media (min-width: 768px) {
.titleSize-45, .elementor-widget-heading.titleSize-45 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-45, .elementor-widget-heading.titleSize-45 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-45, .elementor-widget-heading.titleSize-45 {
font-size: 42px !important;
font-size: 2.625rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-45, .elementor-widget-heading.titleSize-45 {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
@media (min-width: 320px) {
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (min-width: 768px) {
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1680px) {
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 36px !important;
font-size: 2.25rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-43, .elementor-widget-heading.titleSize-43 {
font-size: 43px !important;
font-size: 2.6875rem !important;
}
}
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
@media (min-width: 320px) {
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (min-width: 768px) {
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 37px !important;
font-size: 2.3125rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-40, .elementor-widget-heading.titleSize-40 {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
@media (min-width: 320px) {
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 768px) {
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-32, .elementor-widget-heading.titleSize-32 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-weight: 500 !important;
font-size: 20px !important;
font-size: 1.25rem !important;
}
@media (min-width: 320px) {
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 768px) {
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-25, .elementor-widget-heading.titleSize-25 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.titleSize-24, .elementor-widget-heading.titleSize-24 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
@media (min-width: 768px) {
.titleSize-24, .elementor-widget-heading.titleSize-24 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (min-width: 1200px) {
.titleSize-24, .elementor-widget-heading.titleSize-24 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-24, .elementor-widget-heading.titleSize-24 {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (min-width: 1850px) {
.titleSize-24, .elementor-widget-heading.titleSize-24 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
.titleSize-18, .elementor-widget-heading.titleSize-18 {
font-weight: 700;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (min-width: 1200px) {
.titleSize-18, .elementor-widget-heading.titleSize-18 {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (min-width: 1600px) {
.titleSize-18, .elementor-widget-heading.titleSize-18 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
h1,
.h1,
.elementor-widget-heading {
text-transform: capitalize !important;
font-size: 26px !important;
font-size: 1.625rem !important;
}
@media (min-width: 768px) {
h1,
.h1,
.elementor-widget-heading {
font-size: 34px !important;
font-size: 2.125rem !important;
}
}
@media (min-width: 1200px) {
h1,
.h1,
.elementor-widget-heading {
font-size: 38px !important;
font-size: 2.375rem !important;
}
}
@media (min-width: 1600px) {
h1,
.h1,
.elementor-widget-heading {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (min-width: 1850px) {
h1,
.h1,
.elementor-widget-heading {
font-size: 55px !important;
font-size: 3.4375rem !important;
}
}
h2,
.h2 {
font-weight: 500 !important;
text-transform: capitalize !important;
font-size: 25px !important;
font-size: 1.5625rem !important;
}
@media (min-width: 768px) {
h2,
.h2 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
@media (min-width: 1200px) {
h2,
.h2 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1600px) {
h2,
.h2 {
font-size: 42px !important;
font-size: 2.625rem !important;
}
}
@media (min-width: 1850px) {
h2,
.h2 {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
h3,
.h3 {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
@media (min-width: 768px) {
h3,
.h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (min-width: 1200px) {
h3,
.h3 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
@media (min-width: 1600px) {
h3,
.h3 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1850px) {
h3,
.h3 {
font-size: 38px !important;
font-size: 2.375rem !important;
}
}
h4,
.h4 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
@media (min-width: 768px) {
h4,
.h4 {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (min-width: 1200px) {
h4,
.h4 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (min-width: 1600px) {
h4,
.h4 {
font-size: 28px !important;
font-size: 1.75rem !important;
}
}
@media (min-width: 1850px) {
h4,
.h4 {
font-size: 36px !important;
font-size: 2.25rem !important;
}
}
h5,
.h5 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
@media (min-width: 768px) {
h5,
.h5 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 1200px) {
h5,
.h5 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 1600px) {
h5,
.h5 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
@media (min-width: 1850px) {
h5,
.h5 {
font-size: 34px !important;
font-size: 2.125rem !important;
}
}
h6,
.h6 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
@media (min-width: 768px) {
h6,
.h6 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (min-width: 1200px) {
h6,
.h6 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (min-width: 1600px) {
h6,
.h6 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (min-width: 1850px) {
h6,
.h6 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
.elementor-widget-heading {
background-color: transparent;
color: var(--global--color-heading);
display: block;
font-weight: 500;
line-height: 1;
margin-bottom: 15px !important;
position: relative;
text-align: left;
text-transform: none;
font-family: "DM Sans", sans-serif !important;
}
.elementor-widget-heading .elementor-heading-title {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1;
position: relative;
text-transform: inherit;
font-family: "DM Sans", sans-serif !important;
}
.elementor-widget-heading .elementor-heading-title a {
background-color: transparent;
color: inherit;
position: relative;
text-decoration: none !important;
}
.elementor-widget-heading .elementor-heading-title a:hover {
color: var(--global--color-primary) !important;
}
.elementor-widget-heading.styled_title i {
display: flex;
flex-wrap: wrap;
font-style: normal;
justify-content: flex-end;
height: 6px;
margin-right: 7px;
transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
width: 30px;
}
.elementor-widget-heading.styled_title i:before, .elementor-widget-heading.styled_title i:after {
content: "";
display: inline-block;
position: relative;
transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
}
.elementor-widget-heading.styled_title i:before {
background-color: var(--global--color-primary);
height: 1px;
transform-origin: right;
width: 100%;
}
.elementor-widget-heading.styled_title i:after {
background-color: var(--global--color-secondary);
height: 1px;
margin-top: auto;
transform-origin: right;
width: 55%;
}
.elementor-widget-heading.styled_title .elementor-heading-title {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.elementor-widget-heading.styled_title.brdr-white i:after {
background-color: var(--global--color-white);
}
.elementor-widget-heading.styled_title.vertical .elementor-heading-title {
flex-flow: column wrap;
display: flex;
flex-wrap: wrap;
}
.elementor-widget-heading.styled_title.vertical i {
align-items: flex-end;
height: 30px;
margin: 0 auto 7px;
width: 6px;
}
.elementor-widget-heading.styled_title.vertical i:before {
background-color: var(--global--color-secondary);
height: 55%;
margin-right: auto;
margin-top: auto;
transform-origin: bottom;
width: 1px;
}
.elementor-widget-heading.styled_title.vertical i:after {
background-color: var(--global--color-primary);
height: 100%;
transform-origin: bottom;
width: 1px;
}
.elementor-widget-heading.styled_title.vertical.brdr-white i:before {
background-color: var(--global--color-white);
}
.elementor-widget-heading.center {
text-align: center;
}
.elementor-widget-heading.no-transform {
text-transform: none;
}
.elementor-widget-heading.m-b-0 .elementor-heading-title {
margin-bottom: 0 !important;
}
@media (min-width: 1600px) {
.elementor-widget-heading.styled_title i {
height: 8px;
margin-right: 10px;
width: 38px;
}
.elementor-widget-heading.styled_title.vertical i {
height: 40px;
margin-bottom: 10px;
width: 8px;
}
}
.elementor-widget-heading.primary-color {
color: var(--global--color-primary) !important;
}
.elementor-widget-heading.text-white {
color: var(--global--color-white) !important;
}
.elementor-widget-heading.text-black {
color: var(--global--color-black) !important;
}
.center {
text-align: center !important;
}
.center h1,
.center h2,
.center h3,
.center h4,
.center h5,
.center h6,
.center p {
text-align: center !important;
}
.text-pink {
color: #d7a3a1 !important;
}
.text-pink h1,
.text-pink h2,
.text-pink h3,
.text-pink h4,
.text-pink h5,
.text-pink h6,
.text-pink p {
color: #d7a3a1 !important;
}
body {
counter-reset: heading-counter;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
ol li::marker {
font-weight: 400;
}
.titled_ol {
counter-increment: heading-counter;
}
.titled_ol:before {
color: var(--global--color-primary);
content: counter(heading-counter) ". ";
}
[class*=azA_list_styles-] ol {
padding-left: 18px;
}
[class*=azA_list_styles-] ol ::marker {
content: counter(list-item) ". ";
}
[class*=azA_list_styles-] li a {
color: inherit !important;
display: inline;
text-decoration: underline !important;
}
[class*=azA_list_styles-] li a:hover {
color: var(--global--color-primary) !important;
text-decoration: none !important;
}
[class*=azA_list_styles-] li:not(:last-child) {
margin-bottom: 8px;
}
@media (min-width: 1600px) {
[class*=azA_list_styles-] li:not(:last-child) {
margin-bottom: 10px;
}
}
[class*=azA_list_styles-] li p:not(:last-child) {
margin-bottom: 6px !important;
}
@media (min-width: 1600px) {
[class*=azA_list_styles-] li p:not(:last-child) {
margin-bottom: 10px !important;
}
}
[class*=azA_list_styles-] ul {
display: block;
}
[class*=azA_list_styles-] ul li {
padding-left: 23px;
position: relative;
}
[class*=azA_list_styles-] ul li i {
flex: 0 0 30px;
left: 0;
line-height: 0;
margin-top: 7px;
position: absolute;
width: 30px;
}
[class*=azA_list_styles-] ul li i svg {
fill: var(--global--color-primary);
height: 14px !important;
width: 14px !important;
}
@media (min-width: 992px) {
ul.cntList-2-cols {
-moz-columns: 2 auto;
columns: 2 auto;
}
}
@media (min-width: 992px) {
ul.cntList-3-cols {
-moz-columns: 2 auto;
columns: 2 auto;
}
}
@media (min-width: 1200px) {
ul.cntList-3-cols {
-moz-columns: 3 auto;
columns: 3 auto;
}
}
@media (min-width: 992px) {
ul.cntList-4-cols {
-moz-columns: 2 auto;
columns: 2 auto;
}
}
@media (min-width: 1200px) {
ul.cntList-4-cols {
-moz-columns: 3 auto;
columns: 3 auto;
}
}
.azA_list_styles-ticked li {
padding-left: 35px;
}
.azA_list_styles-ticked li i {
flex: 0 0 35px;
width: 35px;
}
.azA_list_styles-ticked li i svg {
fill: var(--global--color-primary);
height: 13.5px !important;
width: 17.5px !important;
}
.text-black ul li i svg {
fill: var(--global--color-black);
}
.text-white ul li i svg {
fill: var(--global--color-white);
}
table {
border-collapse: collapse;
width: 100%;
margin: 20px 0;
font-family: "DM Sans", sans-serif;
}
table tr,
table th,
table td {
vertical-align: middle;
}
table thead {
background-color: #ace0ff;
}
table thead tr {
background-color: #ddd;
color: black;
}
table thead tr th {
color: inherit;
font-weight: 600;
height: 46px;
text-transform: uppercase;
}
table thead tr th a {
color: inherit !important;
text-decoration: underline !important;
}
table thead tr th a:hover {
text-decoration: none !important;
}
table tbody {
border: 1px solid #141414;
}
table tbody tr {
background-color: #ace0ff;
}
table tbody tr:nth-child(odd) {
background-color: #ccebff;
}
table td,
table th {
font-size: 13px !important;
font-size: 0.8125rem !important;
height: auto !important;
padding: 12px 15px;
color: #000 !important;
border: solid 1px;
text-align: center;
}
table td.none,
table th.none {
height: 10px !important;
padding: 0 10px;
}
table td a,
table th a {
color: var(--global--color-primary) !important;
display: inline;
}
table td a:hover,
table th a:hover {
color: var(--global--color-secondary) !important;
text-decoration: underline !important;
}
@media (min-width: 320px) {
table td,
table th {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
table td,
table th {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (min-width: 1850px) {
table td,
table th {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
table th {
color: var(--global--color-primary);
font-weight: 600;
height: 34px;
}
table:not([class]),
table[class=""] {
border-collapse: collapse;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
table:not([class]) td,
table[class=""] td {
min-height: 30px;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 30px;
padding-top: 30px;
}
.table-responsive table td,
.table-responsive table th {
border: 1px solid var(--global--color-border);
}
.table-responsive table th {
padding-left: 15px;
}
.table-responsive > .table-bordered {
border: 0;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
padding: 8px 10px;
}
.ui-datepicker-calendar thead tr {
background-color: #1780b3;
}
.ui-datepicker-calendar thead tr th {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.ui-datepicker-calendar tbody tr {
background: var(--global--color-white) !important;
}
.ui-datepicker {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header {
background-color: #1886bc;
color: var(--global--color-white);
height: 42px;
align-items: center;
display: flex !important;
justify-content: center;
}
.ui-datepicker .ui-datepicker-prev {
order: 1;
margin-right: auto;
padding-left: 15px;
}
.ui-datepicker .ui-datepicker-prev:hover {
opacity: 0.7;
}
.ui-datepicker .ui-datepicker-title {
order: 2;
}
.ui-datepicker .ui-datepicker-next {
order: 3;
margin-left: auto;
padding-right: 15px;
}
.ui-datepicker .ui-datepicker-next:hover {
opacity: 0.7;
}
@media (max-width: 1023px) {
.table-wrap {
overflow: scroll;
}
}
.btnsNew, .elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
align-items: center;
background-color: var(--global--color-primary) !important;
border: none;
box-shadow: none;
border-radius: 42px;
cursor: pointer;
color: var(--global--color-white) !important;
display: inline-flex;
font-weight: 600;
justify-content: center;
line-height: 1;
outline: none;
position: relative;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
}
.btnsNew:active, .elementor-button-wrapper .elementor-button:active,
.elementor-button-wrapper a:active, .btnsNew:focus, .elementor-button-wrapper .elementor-button:focus,
.elementor-button-wrapper a:focus, .btnsNew:hover, .elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper a:hover, .btnsNew:visited, .elementor-button-wrapper .elementor-button:visited,
.elementor-button-wrapper a:visited {
box-shadow: none;
outline: none;
}
@media (min-width: 320px) {
.btnsNew .elementor-button, .elementor-button-wrapper .elementor-button .elementor-button,
.elementor-button-wrapper a .elementor-button,
.btnsNew a,
.elementor-button-wrapper .elementor-button a,
.elementor-button-wrapper a a {
font-size: 14px !important;
font-size: 0.875rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 768px) {
.btnsNew .elementor-button, .elementor-button-wrapper .elementor-button .elementor-button,
.elementor-button-wrapper a .elementor-button,
.btnsNew a,
.elementor-button-wrapper .elementor-button a,
.elementor-button-wrapper a a {
font-size: 15px !important;
font-size: 0.9375rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 1200px) {
.btnsNew, .elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 16px !important;
font-size: 1rem !important;
height: 50px;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 1600px) {
.btnsNew, .elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
height: 65px;
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media (min-width: 1850px) {
.btnsNew, .elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
border-radius: 40px;
-webkit-border-radius: 40px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 70px;
padding-left: 60px !important;
padding-right: 60px !important;
}
.btnsNew:hover, .elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper a:hover {
background-color: #1b96d3 !important;
color: #fff !important;
}
}
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-family: "DM Sans", sans-serif !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
letter-spacing: 1px !important;
height: 50px;
padding: 0 10px !important;
position: relative;
}
.elementor-button-wrapper .elementor-button > *,
.elementor-button-wrapper a > * {
position: relative;
z-index: 3;
}
.elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper a:hover {
color: var(--global--color-secondary) !important;
}
.elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:visited,
.elementor-button-wrapper a:focus,
.elementor-button-wrapper a:visited {
color: var(--global--color-white);
}
.elementor-button-wrapper .elementor-button:not(:last-child),
.elementor-button-wrapper a:not(:last-child) {
margin-right: 15px;
}
@media (min-width: 320px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 14px !important;
font-size: 0.875rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
height: 40px;
}
}
@media (min-width: 768px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 15px !important;
font-size: 0.9375rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 1200px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 16px !important;
font-size: 1rem !important;
height: 50px;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 1600px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
height: 65px;
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media (min-width: 1850px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
border-radius: 40px;
-webkit-border-radius: 40px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 70px;
padding-left: 60px !important;
padding-right: 60px !important;
}
.elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper a:hover {
background-color: #1b96d3 !important;
color: #fff !important;
}
}
@media (max-width: 767px) {
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper a {
margin-top: 5px;
}
.elementor-button-wrapper .elementor-button:not(:last-child),
.elementor-button-wrapper a:not(:last-child) {
margin-right: 7px;
}
}
.btn-sm .elementor-button-wrapper .elementor-button,
.btn-sm .elementor-button-wrapper a {
font-size: 14px !important;
font-size: 0.875rem !important;
height: 36px;
}
@media (min-width: 768px) {
.btn-sm .elementor-button-wrapper .elementor-button,
.btn-sm .elementor-button-wrapper a {
font-size: 15px !important;
font-size: 0.9375rem !important;
height: 36px;
}
}
@media (min-width: 1200px) {
.btn-sm .elementor-button-wrapper .elementor-button,
.btn-sm .elementor-button-wrapper a {
font-size: 14px !important;
font-size: 0.875rem !important;
height: 34px;
}
}
@media (min-width: 1600px) {
.btn-sm .elementor-button-wrapper .elementor-button,
.btn-sm .elementor-button-wrapper a {
font-size: 16px !important;
font-size: 1rem !important;
height: 52px;
}
}
@media (min-width: 1850px) {
.btn-sm .elementor-button-wrapper .elementor-button,
.btn-sm .elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
height: 45px;
}
}
@media (max-width: 767px) {
.btn-sm .elementor-button-wrapper .elementor-button i,
.btn-sm .elementor-button-wrapper a i {
margin-top: 1px !important;
}
}
.btn-md .elementor-button-wrapper .elementor-button,
.btn-md .elementor-button-wrapper a {
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (min-width: 1200px) {
.btn-md .elementor-button-wrapper .elementor-button,
.btn-md .elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1600px) {
.btn-md .elementor-button-wrapper .elementor-button,
.btn-md .elementor-button-wrapper a {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (min-width: 1850px) {
.btn-md .elementor-button-wrapper .elementor-button,
.btn-md .elementor-button-wrapper a {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
.btn-lg .elementor-button-wrapper .elementor-button,
.btn-lg .elementor-button-wrapper a {
font-size: 16px !important;
font-size: 1rem !important;
height: 38px;
}
@media (min-width: 768px) {
.btn-lg .elementor-button-wrapper .elementor-button,
.btn-lg .elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
height: 40px;
}
}
@media (min-width: 1200px) {
.btn-lg .elementor-button-wrapper .elementor-button,
.btn-lg .elementor-button-wrapper a {
font-size: 18px !important;
font-size: 1.125rem !important;
height: 42px;
}
}
@media (min-width: 1600px) {
.btn-lg .elementor-button-wrapper .elementor-button,
.btn-lg .elementor-button-wrapper a {
font-size: 22px !important;
font-size: 1.375rem !important;
height: 52px;
}
}
@media (min-width: 1850px) {
.btn-lg .elementor-button-wrapper .elementor-button,
.btn-lg .elementor-button-wrapper a {
font-size: 24px !important;
font-size: 1.5rem !important;
height: 58px;
}
}
.btn-xl .elementor-button-wrapper .elementor-button,
.btn-xl .elementor-button-wrapper a {
font-size: 20px !important;
font-size: 1.25rem !important;
height: 42px;
}
@media (min-width: 768px) {
.btn-xl .elementor-button-wrapper .elementor-button,
.btn-xl .elementor-button-wrapper a {
font-size: 24px !important;
font-size: 1.5rem !important;
height: 54px;
}
}
@media (min-width: 1200px) {
.btn-xl .elementor-button-wrapper .elementor-button,
.btn-xl .elementor-button-wrapper a {
font-size: 22px !important;
font-size: 1.375rem !important;
height: 50px;
}
}
@media (min-width: 1600px) {
.btn-xl .elementor-button-wrapper .elementor-button,
.btn-xl .elementor-button-wrapper a {
font-size: 30px !important;
font-size: 1.875rem !important;
height: 70px;
}
}
@media (min-width: 1850px) {
.btn-xl .elementor-button-wrapper .elementor-button,
.btn-xl .elementor-button-wrapper a {
font-size: 32px !important;
font-size: 2rem !important;
height: 80px;
}
}
.btn-primary .elementor-button-wrapper .elementor-button,
.btn-primary .elementor-button-wrapper a {
background-color: var(--global--color-primary) !important;
color: var(--global--color-white) !important;
}
.btn-primary .elementor-button-wrapper .elementor-button:hover,
.btn-primary .elementor-button-wrapper a:hover {
background-color: var(--global--color-secondary) !important;
}
.btn-transparent .elementor-button-wrapper .elementor-button,
.btn-transparent .elementor-button-wrapper a {
background-color: transparent !important;
border: 1px solid var(--global--color-white) !important;
color: var(--global--color-white) !important;
}
.btn-transparent .elementor-button-wrapper .elementor-button:hover,
.btn-transparent .elementor-button-wrapper a:hover {
background-color: var(--global--color-secondary) !important;
}
.btn-secondary .elementor-button-wrapper .elementor-button,
.btn-secondary .elementor-button-wrapper a {
background-color: var(--global--color-secondary) !important;
color: var(--global--color-white) !important;
}
.btn-secondary .elementor-button-wrapper .elementor-button:hover,
.btn-secondary .elementor-button-wrapper a:hover {
background-color: var(--global--color-black) !important;
color: var(--global--color-primary) !important;
}
.border-btn {
border-color: var(--global--color-white) !important;
border: solid 2px;
color: var(--global--color-white) !important;
font-weight: 300 !important;
background-color: transparent !important;
}
.border-btn:hover {
background-color: #00315D !important;
color: var(--global--color-white) !important;
}
.border .elementor-button-wrapper .elementor-button,
.border .elementor-button-wrapper a {
border-color: var(--global--color-primary) !important;
border: solid 2px;
color: var(--global--color-primary) !important;
font-weight: 300 !important;
background-color: transparent !important;
font-weight: 800 !important;
}
.border .elementor-button-wrapper .elementor-button:hover,
.border .elementor-button-wrapper a:hover {
background-color: #00315D !important;
color: var(--global--color-white) !important;
}
.btn-white .elementor-button-wrapper .elementor-button,
.btn-white .elementor-button-wrapper a {
background-color: var(--global--color-white) !important;
color: var(--global--color-secondary) !important;
}
.btn-white .elementor-button-wrapper .elementor-button:hover,
.btn-white .elementor-button-wrapper a:hover {
background-color: var(--global--color-white) !important;
color: var(--global--color-primary) !important;
}
.btn-text-white .elementor-button-wrapper .elementor-button,
.btn-text-white .elementor-button-wrapper a {
color: var(--global--color-white) !important;
}
.btn-text-white .elementor-button-wrapper .elementor-button:hover,
.btn-text-white .elementor-button-wrapper a:hover {
color: var(--global--color-primary) !important;
}
.no-style .elementor-button-wrapper .elementor-button,
.no-style .elementor-button-wrapper a {
background-color: transparent !important;
border: 0 !important;
color: var(--global--color-secondary) !important;
font-weight: 500 !important;
height: auto !important;
padding: 0 !important;
}
.no-style .elementor-button-wrapper .elementor-button svg,
.no-style .elementor-button-wrapper a svg {
fill: var(--global--color-primary);
height: 16px;
}
.no-style .elementor-button-wrapper .elementor-button i,
.no-style .elementor-button-wrapper a i {
margin-left: 0;
margin-top: 3px;
opacity: 1;
padding-left: 10px;
}
.no-style .elementor-button-wrapper .elementor-button:hover,
.no-style .elementor-button-wrapper a:hover {
background-color: transparent !important;
color: var(--global--color-primary) !important;
}
.no-style .elementor-button-wrapper .elementor-button:hover i,
.no-style .elementor-button-wrapper a:hover i {
padding-left: 15px;
}
@media (min-width: 1200px) {
.no-style .elementor-button-wrapper .elementor-button svg,
.no-style .elementor-button-wrapper a svg {
height: 18px;
}
}
@media (min-width: 1600px) {
.no-style .elementor-button-wrapper .elementor-button svg,
.no-style .elementor-button-wrapper a svg {
height: 22px;
}
}
.no-style.btn-text-primary .elementor-button-wrapper .elementor-button,
.no-style.btn-text-primary .elementor-button-wrapper a {
color: var(--global--color-primary) !important;
}
.no-style.btn-text-primary .elementor-button-wrapper .elementor-button svg,
.no-style.btn-text-primary .elementor-button-wrapper a svg {
fill: var(--global--color-primary);
}
.no-style.btn-text-primary .elementor-button-wrapper .elementor-button:hover,
.no-style.btn-text-primary .elementor-button-wrapper a:hover {
color: var(--global--color-secondary) !important;
}
.no-style.btn-text-primary .elementor-button-wrapper .elementor-button:hover svg,
.no-style.btn-text-primary .elementor-button-wrapper a:hover svg {
fill: var(--global--color-secondary);
}
.no-style.btn-text-white .elementor-button-wrapper .elementor-button,
.no-style.btn-text-white .elementor-button-wrapper a {
color: var(--global--color-white) !important;
}
.no-style.btn-text-white .elementor-button-wrapper .elementor-button svg,
.no-style.btn-text-white .elementor-button-wrapper a svg {
fill: var(--global--color-white);
}
.no-style.btn-text-white .elementor-button-wrapper .elementor-button:hover,
.no-style.btn-text-white .elementor-button-wrapper a:hover {
color: var(--global--color-secondary) !important;
}
.no-style.btn-text-white .elementor-button-wrapper .elementor-button:hover svg,
.no-style.btn-text-white .elementor-button-wrapper a:hover svg {
fill: var(--global--color-secondary);
}
.no-style.btn-hover-white .elementor-button-wrapper .elementor-button:hover,
.no-style.btn-hover-white .elementor-button-wrapper a:hover {
color: var(--global--color-white) !important;
}
.no-style.btn-hover-white .elementor-button-wrapper .elementor-button:hover svg,
.no-style.btn-hover-white .elementor-button-wrapper a:hover svg {
fill: var(--global--color-white);
}
.no-style.text-xs .elementor-button-wrapper .elementor-button,
.no-style.text-xs .elementor-button-wrapper a {
font-size: 14px !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
}
.no-style.text-xs .elementor-button-wrapper .elementor-button svg,
.no-style.text-xs .elementor-button-wrapper a svg {
height: 15px;
}
@media (min-width: 1200px) {
.no-style.text-xs .elementor-button-wrapper .elementor-button,
.no-style.text-xs .elementor-button-wrapper a {
font-size: 16px !important;
font-size: 1rem !important;
}
.no-style.text-xs .elementor-button-wrapper .elementor-button svg,
.no-style.text-xs .elementor-button-wrapper a svg {
height: 17px;
}
}
@media (min-width: 1600px) {
.no-style.text-xs .elementor-button-wrapper .elementor-button,
.no-style.text-xs .elementor-button-wrapper a {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.no-style.text-xs .elementor-button-wrapper .elementor-button svg,
.no-style.text-xs .elementor-button-wrapper a svg {
height: 19px;
}
}
#back-to-top {
cursor: pointer;
align-items: center;
background-color: var(--global--color-primary);
border: 1px solid var(--global--color-white);
border-radius: 0;
-webkit-border-radius: 0;
bottom: 20px;
display: inline-flex;
font-size: 0;
flex-direction: column;
justify-content: center;
height: 42px;
margin: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 0;
text-align: center;
transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
-webkit-transform: translateY(20px);
width: 42px;
z-index: 99;
}
#back-to-top svg {
fill: var(--global--color-white);
height: 12px;
}
#back-to-top:focus {
outline: none !important;
}
#back-to-top.visible {
opacity: 1;
transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
}
#back-to-top:hover {
background-color: var(--global--color-secondary);
text-decoration: none;
}
@media (max-width: 1199px) {
#back-to-top {
display: none;
}
}
.back-btn {
align-items: center;
background-color: var(--global--color-primary);
border: 1px solid var(--global--color-white);
border-radius: 0;
-webkit-border-radius: 0;
bottom: 100px;
color: var(--global--color-white);
display: inline-flex;
font-size: 14px !important;
font-size: 0.875rem !important;
font-weight: 500;
height: 32px;
margin: -42px 0 0;
opacity: 0;
padding: 0 10px;
position: fixed;
right: -20px;
text-transform: uppercase;
transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
width: auto;
z-index: 99;
}
.back-btn:hover {
background-color: var(--global--color-secondary);
}
.back-btn.back-open {
opacity: 1;
right: 0;
}
.back-btn:focus {
outline: none !important;
}
@media (max-width: 1199px) {
.back-btn {
display: none !important;
}
} input {
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
}
input:focus {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
outline: 0;
}
form {
*zoom: 1;
}
form:after, form:before {
content: "";
display: block;
}
form:after {
clear: both;
}
.fs-form_elements {
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
.fs-form_elements {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
.fs-form_elements {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
.fs-form_elements {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
::-webkit-input-placeholder {
opacity: 1 !important;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
::-webkit-input-placeholder {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
::-webkit-input-placeholder {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
::-webkit-input-placeholder {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
:-moz-placeholder {
opacity: 1 !important;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
:-moz-placeholder {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
:-moz-placeholder {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
:-moz-placeholder {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
::-moz-placeholder {
opacity: 1 !important;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
::-moz-placeholder {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
::-moz-placeholder {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
::-moz-placeholder {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
:-ms-input-placeholder {
opacity: 1 !important;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
:-ms-input-placeholder {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
:-ms-input-placeholder {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
:-ms-input-placeholder {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
label {
line-height: 1;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
label {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
label {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
label {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
.form-elements,
textarea,
select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-color: var(--global--color-box-bg);
border: 1px solid var(--global--color-border) !important;
border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
outline: none !important;
outline-offset: 0;
padding: 0 15px !important;
text-transform: none;
width: 100%;
color: var(--global--color-secondary) !important;
font-size: 17px !important;
font-size: 1.0625rem !important;
font-weight: 400 !important;
}
@media (min-width: 1200px) {
.form-elements,
textarea,
select {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 1600px) {
.form-elements,
textarea,
select {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1850px) {
.form-elements,
textarea,
select {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
.form-elements,
select {
height: 46px;
}
@media (min-width: 768px) {
.form-elements,
select {
height: 50px;
}
}
@media (min-width: 1200px) {
.form-elements,
select {
height: 38px;
}
}
@media (min-width: 1600px) {
.form-elements,
select {
height: 54px;
}
}
@media (min-width: 1850px) {
.form-elements,
select {
height: 58px;
}
}
textarea {
height: 100px;
padding-bottom: 5px !important;
padding-top: 10px !important;
resize: none;
}
@media (min-width: 768px) {
textarea {
height: 100px;
}
}
@media (min-width: 1200px) {
textarea {
height: 90px;
}
}
@media (min-width: 1600px) {
textarea {
height: 115px;
}
}
@media (min-width: 1850px) {
textarea {
height: 130px;
}
}
select {
background-image: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/images/dropdown-arrow.png);
background-position: right 15px center;
background-repeat: no-repeat;
background-size: 10px 6px;
outline: none; }
select option {
color: var(--global--color-secondary);
text-transform: none;
}
select:focus, select:active {
outline: none;
}
@media (min-width: 1600px) {
select {
background-size: 18px 9px;
}
}
input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
background-color: #3a6596;
display: block;
color: #fff;
}
.input-holder {
position: relative;
width: 100%;
}
.input-holder.error input,
.input-holder.error textarea {
border-color: var(--global--color-red);
}
.input-holder .error {
background-color: var(--global--color-red);
border-radius: 3px;
-webkit-border-radius: 3px;
color: var(--global--color-white);
display: inline-block;
font-size: 14px !important;
font-size: 0.875rem !important;
left: 0;
padding: 2px 3px;
position: absolute;
top: -20px;
}
.input-holder .error:after {
border-bottom: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--global--color-red);
bottom: -5px;
content: "";
left: 10px;
position: absolute;
}
.input-holder:not(:last-child) {
margin-bottom: 35px;
}
@media (max-width: 1600px) {
.input-holder:not(:last-child) {
margin-bottom: 15px;
}
}
.modal-dialog {
max-width: 700px;
}
.modal-body {
padding: 30px;
} .custom-radio input[type=radio] {
display: none;
}
.custom-radio input[type=radio] + label {
color: var(--global--color-black);
cursor: pointer;
}
.custom-radio input[type=radio] + label i {
background-color: var(--global--color-white);
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid var(--global--color-secondary);
display: inline-block;
height: 16px;
margin: -5px 7px 0 0;
position: relative;
vertical-align: middle;
width: 16px;
}
.custom-radio input[type=radio] + label i:before {
background-color: var(--global--color-secondary);
border-radius: 50%;
-webkit-border-radius: 50%;
content: "";
display: block;
height: 70%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
width: 70%;
}
.custom-radio input[type=radio]:checked + label {
color: var(--global--color-primary);
}
.custom-radio input[type=radio]:checked + label i {
border-color: var(--global--color-primary);
}
.custom-radio input[type=radio]:checked + label i:before {
background-color: var(--global--color-primary);
height: 62%;
width: 62%;
}
.custom-radio input[type=radio]:checked + label span {
color: var(--global--color-primary);
}
.custom-radio input[type=radio]:disabled, .custom-radio input[type=radio]:disabled + label {
cursor: not-allowed;
opacity: 0.6;
text-decoration: line-through;
}
@media (max-width: 1199px) {
.custom-radio input[type=radio] + label i {
height: 12px;
width: 12px;
}
}
.form_white ::-webkit-input-placeholder {
color: var(--global--color-white);
}
.form_white :-moz-placeholder {
color: var(--global--color-white);
}
.form_white ::-moz-placeholder {
color: var(--global--color-white);
}
.form_white :-ms-input-placeholder {
color: var(--global--color-white);
}
.form_white .form-elements,
.form_white textarea,
.form_white select {
border-bottom-color: var(--global--color-white);
color: var(--global--color-white);
}
.form_white select {
background-image: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/images/dropdown-arrow-white.png);
}
.popUp_form .form-elements,
.popUp_form textarea {
border: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.fs-21 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.fs-21 p,
.fs-21 li {
font-size: inherit !important;
}
@media (min-width: 1200px) {
.fs-21 {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (min-width: 1600px) {
.fs-21 {
font-size: 19px !important;
font-size: 1.1875rem !important;
}
}
@media (min-width: 1850px) {
.fs-21 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
.fs-22 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.fs-22 p,
.fs-22 li {
font-size: inherit !important;
}
@media (min-width: 1200px) {
.fs-22 {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1600px) {
.fs-22 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1850px) {
.fs-22 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
.fs-25 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.fs-25 p,
.fs-25 li {
font-size: inherit !important;
}
@media (min-width: 1200px) {
.fs-25 {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1600px) {
.fs-25 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (min-width: 1850px) {
.fs-25 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.fs-27 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.fs-27 p,
.fs-27 li {
font-size: inherit !important;
}
@media (min-width: 1200px) {
.fs-27 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1600px) {
.fs-27 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
@media (min-width: 1850px) {
.fs-27 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
.fs-30 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
.fs-30 p,
.fs-30 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-30 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (min-width: 1200px) {
.fs-30 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
@media (min-width: 1600px) {
.fs-30 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
.fs-35 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
.fs-35 p,
.fs-35 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-35 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (min-width: 1200px) {
.fs-35 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
@media (min-width: 1600px) {
.fs-35 {
font-size: 33px !important;
font-size: 2.0625rem !important;
}
}
@media (min-width: 1850px) {
.fs-35 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
.fs-50 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
.fs-50 p,
.fs-50 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-50 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (min-width: 1200px) {
.fs-50 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (min-width: 1600px) {
.fs-50 {
font-size: 44px !important;
font-size: 2.75rem !important;
}
}
@media (min-width: 1850px) {
.fs-50 {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
.fs-59 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
.fs-59 p,
.fs-59 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-59 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (min-width: 1200px) {
.fs-59 {
font-size: 37px !important;
font-size: 2.3125rem !important;
}
}
@media (min-width: 1600px) {
.fs-59 {
font-size: 55px !important;
font-size: 3.4375rem !important;
}
}
@media (min-width: 1850px) {
.fs-59 {
font-size: 59px !important;
font-size: 3.6875rem !important;
}
}
.fs-64 {
font-size: 24px !important;
font-size: 1.5rem !important;
}
.fs-64 p,
.fs-64 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-64 {
font-size: 32px !important;
font-size: 2rem !important;
}
}
@media (min-width: 1200px) {
.fs-64 {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
@media (min-width: 1600px) {
.fs-64 {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
@media (min-width: 1850px) {
.fs-64 {
font-size: 64px !important;
font-size: 4rem !important;
}
}
.fs-67 {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
.fs-67 p,
.fs-67 li {
font-size: inherit !important;
}
@media (min-width: 768px) {
.fs-67 {
font-size: 34px !important;
font-size: 2.125rem !important;
}
}
@media (min-width: 1200px) {
.fs-67 {
font-size: 42px !important;
font-size: 2.625rem !important;
}
}
@media (min-width: 1600px) {
.fs-67 {
font-size: 62px !important;
font-size: 3.875rem !important;
}
}
@media (min-width: 1850px) {
.fs-67 {
font-size: 67px !important;
font-size: 4.1875rem !important;
}
}
.fw-100 {
font-weight: 100 !important;
}
.fw-100 h1,
.fw-100 h2,
.fw-100 h3,
.fw-100 h4,
.fw-100 p,
.fw-100 li {
font-weight: inherit !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-200 h1,
.fw-200 h2,
.fw-200 h3,
.fw-200 h4,
.fw-200 p,
.fw-200 li {
font-weight: inherit !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-300 h1,
.fw-300 h2,
.fw-300 h3,
.fw-300 h4,
.fw-300 p,
.fw-300 li {
font-weight: inherit !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-400 h1,
.fw-400 h2,
.fw-400 h3,
.fw-400 h4,
.fw-400 p,
.fw-400 li {
font-weight: inherit !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-500 h1,
.fw-500 h2,
.fw-500 h3,
.fw-500 h4,
.fw-500 p,
.fw-500 li {
font-weight: inherit !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-600 h1,
.fw-600 h2,
.fw-600 h3,
.fw-600 h4,
.fw-600 p,
.fw-600 li {
font-weight: inherit !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-700 h1,
.fw-700 h2,
.fw-700 h3,
.fw-700 h4,
.fw-700 p,
.fw-700 li {
font-weight: inherit !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-800 h1,
.fw-800 h2,
.fw-800 h3,
.fw-800 h4,
.fw-800 p,
.fw-800 li {
font-weight: inherit !important;
}
.fw-900 {
font-weight: 900 !important;
}
.fw-900 h1,
.fw-900 h2,
.fw-900 h3,
.fw-900 h4,
.fw-900 p,
.fw-900 li {
font-weight: inherit !important;
}
.lh-1_1 {
line-height: 1.1 !important;
}
.lh-1_1 p,
.lh-1_1 li {
line-height: inherit;
}
.tt-up {
text-transform: uppercase;
}
.tt-cap {
text-transform: capitalize;
}
.tt-none {
text-transform: none !important;
}
.text-white {
color: var(--global--color-white) !important;
}
.text-white p,
.text-white li,
.text-white a,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white blockquote {
color: inherit !important;
}
.text-white p,
.text-white li {
font-weight: 200;
}
.text-white a {
color: inherit !important;
text-decoration: underline !important;
}
.text-white a:hover {
color: var(--global--color-secondary) !important;
text-decoration: none !important;
}
.text-white a[href^=tel]:hover {
color: var(--global--color-white) !important;
}
.text-white .elementor-button-wrapper .elementor-button:hover,
.text-white .elementor-button-wrapper a:hover {
color: var(--global--color-white) !important;
}
.text-white.primary-hover a:hover {
color: var(--global--color-primary) !important;
}
.text-white.postTitle a {
text-decoration: none !important;
}
.text-black {
color: var(--global--color-black) !important;
}
.text-black p,
.text-black li,
.text-black a,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black blockquote {
color: inherit !important;
}
.text-black a {
color: inherit !important;
}
.text-black a:hover {
color: var(--global--color-secondary) !important;
text-decoration: none !important;
}
.text-black a[href^=tel]:hover {
color: var(--global--color-white) !important;
}
.text-primary {
color: var(--global--color-primary) !important;
}
.text-primary p,
.text-primary li,
.text-primary a,
.text-primary h1,
.text-primary h2,
.text-primary h3,
.text-primary h4,
.text-primary h5,
.text-primary h6,
.text-primary blockquote {
color: inherit !important;
}
.text-primary a {
color: inherit !important;
}
.text-primary a:hover {
color: var(--global--color-secondary) !important;
text-decoration: none !important;
}
.text-primary a[href^=tel]:hover {
color: var(--global--color-primary) !important;
}
.text-secondary {
color: var(--global--color-secondary) !important;
}
.text-secondary p,
.text-secondary li,
.text-secondary a,
.text-secondary h1,
.text-secondary h2,
.text-secondary h3,
.text-secondary h4,
.text-secondary h5,
.text-secondary h6,
.text-secondary blockquote {
color: inherit !important;
}
.text-secondary a {
color: inherit !important;
}
.text-secondary a:hover {
color: var(--global--color-primary) !important;
text-decoration: none !important;
}
.text-secondary a[href^=tel]:hover {
color: var(--global--color-secondary) !important;
}
.bg-primary {
background-color: var(--global--color-primary);
}
.bg-secondary {
background-color: var(--global--color-secondary);
}
.curP {
cursor: pointer;
}
.block {
display: block;
}
@media (max-width: 1199px) {
.block {
display: inline;
}
}
.dFlex {
display: flex;
flex-wrap: wrap;
}
.m-l-auto {
margin-left: auto;
}
.m-t-auto {
margin-top: auto;
}
.vhCenter {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.vCenter {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.vCenter.time {
align-items: flex-start !important;
}
.hCenter {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.vBottom {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.hRight {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.vCenHRight {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.vhEnd {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: flex-end;
}
.vBtmHcntr {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.jc-center {
justify-content: center;
}
.no-wrap {
flex-wrap: nowrap;
}
.align-center {
justify-content: center;
}
.grecaptcha-badge {
display: none !important;
}
.center {
justify-content: center;
text-align: center;
}
.center .btn {
float: none;
margin-left: auto;
margin-right: auto;
}
.cmn-space {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
@media (min-width: 768px) {
.cmn-space {
padding-bottom: 30px !important;
padding-top: 30px !important;
}
}
@media (min-width: 1200px) {
.cmn-space {
padding-bottom: 45px !important;
padding-top: 45px !important;
}
}
@media (min-width: 1600px) {
.cmn-space {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
}
.bottom-space {
padding-bottom: 20px !important;
}
@media (min-width: 768px) {
.bottom-space {
padding-bottom: 30px !important;
}
}
@media (min-width: 1200px) {
.bottom-space {
padding-bottom: 45px !important;
}
}
@media (min-width: 1600px) {
.bottom-space {
padding-bottom: 60px !important;
}
}
.top-space {
padding-top: 20px !important;
}
@media (min-width: 768px) {
.top-space {
padding-top: 30px !important;
}
}
@media (min-width: 1200px) {
.top-space {
padding-top: 45px !important;
}
}
@media (min-width: 1600px) {
.top-space {
padding-top: 60px !important;
}
}
.cmn-space_sm {
padding-bottom: 15px !important;
padding-top: 15px !important;
}
@media (min-width: 768px) {
.cmn-space_sm {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
}
@media (min-width: 1600px) {
.cmn-space_sm {
padding-bottom: 30px !important;
padding-top: 30px !important;
}
}
.cmn-space_smTop {
padding-top: 15px !important;
}
@media (min-width: 768px) {
.cmn-space_smTop {
padding-top: 20px !important;
}
}
@media (min-width: 1600px) {
.cmn-space_smTop {
padding-top: 30px !important;
}
}
.clear {
clear: both;
display: block;
}
.inline-block {
display: inline-block !important;
}
.m-b-0 {
margin-bottom: 0 !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-b-20 {
margin-bottom: 10px !important;
}
@media (min-width: 768px) {
.m-b-20 {
margin-bottom: 15px !important;
}
}
@media (min-width: 1600px) {
.m-b-20 {
margin-bottom: 20px !important;
}
}
.m-b-30 {
margin-bottom: 10px !important;
}
@media (min-width: 768px) {
.m-b-30 {
margin-bottom: 20px !important;
}
}
@media (min-width: 1600px) {
.m-b-30 {
margin-bottom: 30px !important;
}
}
.m-t-0 {
margin-top: 0 !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-b-20 {
padding-bottom: 10px !important;
}
@media (min-width: 768px) {
.p-b-20 {
padding-bottom: 15px !important;
}
}
@media (min-width: 1600px) {
.p-b-20 {
padding-bottom: 20px !important;
}
}
.p-b-30 {
padding-bottom: 10px !important;
}
@media (min-width: 768px) {
.p-b-30 {
padding-bottom: 20px !important;
}
}
@media (min-width: 1600px) {
.p-b-30 {
padding-bottom: 30px !important;
}
}
.p-t-0 {
padding-top: 0 !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-l-0 {
padding-left: 0 !important;
}
.p-r-0 {
padding-right: 0 !important;
}
.no-border {
border: 0 !important;
}
@media (min-width: 1200px) {
.e-child.xl-pl-50 {
padding-left: 35px !important;
}
.e-child.xl-pr-50 {
padding-right: 35px !important;
}
.e-child.xl-pl-80 {
padding-left: 45px !important;
}
.e-child.xl-pr-80 {
padding-right: 45px !important;
}
}
@media (min-width: 1600px) {
.e-child.xl-pl-50 {
padding-left: 50px !important;
}
.e-child.xl-pr-50 {
padding-right: 50px !important;
}
.e-child.xl-pl-80 {
padding-left: 80px !important;
}
.e-child.xl-pr-80 {
padding-right: 80px !important;
}
}
#content_wrapper {
overflow: hidden;
position: relative;
z-index: 3;
}
#content_wrapper .floating_button {
bottom: 50%;
margin-right: -15px;
opacity: 0;
position: fixed;
right: 56px;
transform-origin: right top;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
z-index: 8;
}
#content_wrapper .floating_button .elementor-button {
background-color: var(--global--color-primary) !important;
color: var(--global--color-white) !important;
}
#content_wrapper .floating_button .elementor-button svg {
fill: var(--global--color-white);
}
#content_wrapper .floating_button.visible {
margin-right: 0;
opacity: 1;
}
@media (max-width: 1799px) {
#content_wrapper .floating_button {
right: 46px;
}
#content_wrapper .floating_button .elementor-button {
height: 46px;
}
}
@media (max-width: 1599px) {
#content_wrapper .floating_button {
right: 42px;
}
#content_wrapper .floating_button .elementor-button {
height: 42px;
}
}
@media (max-width: 1199px) {
#content_wrapper .floating_button {
right: 40px;
}
}
@media (max-width: 767px) {
#content_wrapper .floating_button {
display: none !important;
}
}
.fit-height {
height: 100% !important;
}
.elementor-widget-image img {
max-width: 100% !important;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-padding > * {
padding-left: 0 !important;
padding-right: 0 !important;
}
.owl-carousel .owl-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
left: -10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: calc(100% + 20px);
z-index: 9;
}
.owl-carousel .owl-prev:before,
.owl-carousel .owl-next:before {
border-right: 1px solid var(--global--color-white);
border-top: 1px solid var(--global--color-white);
content: "";
display: block;
height: 18px;
transform-origin: center;
width: 18px;
}
.owl-carousel .owl-prev span,
.owl-carousel .owl-next span {
display: none !important;
}
.owl-carousel .owl-prev:hover:before,
.owl-carousel .owl-next:hover:before {
border-right-color: var(--global--color-secondary);
border-top-color: var(--global--color-secondary);
}
.owl-carousel .owl-prev:before {
transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.owl-carousel .owl-next {
margin-left: auto;
}
.owl-carousel .owl-next:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
@media (min-width: 768px) {
.owl-carousel .owl-nav {
left: -20px;
width: calc(100% + 40px);
}
.owl-carousel .owl-prev:before,
.owl-carousel .owl-next:before {
height: 18px;
width: 18px;
}
}
@media (min-width: 1600px) {
.owl-carousel .owl-nav {
left: -35px;
width: calc(100% + 70px);
}
.owl-carousel .owl-prev:before,
.owl-carousel .owl-next:before {
height: 24px;
width: 24px;
}
}
.dark-arrow .owl-carousel .owl-prev:before,
.dark-arrow .owl-carousel .owl-next:before {
border-right-color: var(--global--color-secondary);
border-top-color: var(--global--color-secondary);
}
.dark-arrow .owl-carousel .owl-prev:hover:before,
.dark-arrow .owl-carousel .owl-next:hover:before {
border-right-color: var(--global--color-primary);
border-top-color: var(--global--color-primary);
}
.testimonial_slider_grid .owl-prev:hover:before,
.testimonial_slider_grid .owl-next:hover:before {
border-right-color: var(--global--color-primary);
border-top-color: var(--global--color-primary);
}
.row_center .tw-row {
justify-content: center;
}
.container-left,
.container-right {
width: auto !important;
}
@media (min-width: 575px) and (max-width: 767px) {
.container-left.i-phone {
margin-left: calc((100vw - var(--tw-wrap-sm)) / 2) !important;
width: auto !important;
}
.container-right.i-phone {
margin-right: calc((100vw - var(--tw-wrap-sm)) / 2) !important;
width: auto !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container-left.i-pad,
.container-left.i-phone {
margin-left: calc((100vw - var(--tw-wrap-md)) / 2) !important;
}
.container-right.i-pad,
.container-right.i-phone {
margin-right: calc((100vw - var(--tw-wrap-md)) / 2) !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container-left.i-pad-land,
.container-left.i-pad,
.container-left.i-phone {
margin-left: calc((100vw - var(--tw-wrap-lg)) / 2) !important;
}
.container-right.i-pad-land,
.container-right.i-pad,
.container-right.i-phone {
margin-right: calc((100vw - var(--tw-wrap-lg)) / 2) !important;
}
}
@media (min-width: 1200px) {
.container-left {
margin-left: calc((100vw - var(--tw-wrap-xl)) / 2) !important;
}
.container-right {
margin-right: calc((100vw - var(--tw-wrap-xl)) / 2) !important;
}
}
@media (min-width: 1600px) {
.container-left {
margin-left: calc((100vw - var(--tw-wrap-xxl)) / 2) !important;
}
.container-right {
margin-right: calc((100vw - var(--tw-wrap-xxl)) / 2) !important;
}
}
.page-title h1 {
font-weight: 700px !important;
}
.coming_soon {
margin: 25px 50px !important;
}
.cmn-ol ol {
margin: 15px 0 15px 25px;
}
.cmn-ol ol li {
padding: 5px 0 5px 25px;
}
.cmn-ul ul {
margin: 10px 0;
}
.cmn-ul ul li {
padding: 5px 0 5px 25px;
position: relative;
display: block;
color: #000;
font-family: "DM Sans", sans-serif;
}
.cmn-ul ul li:after {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 11px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4772 6.68206C10.4737 6.33214 10.4357 5.98342 10.3639 5.64093C10.345 5.56463 10.3417 5.48529 10.3543 5.4077C10.3668 5.3301 10.395 5.25586 10.437 5.18944C10.4791 5.12303 10.5342 5.06582 10.5989 5.02128C10.6637 4.97674 10.7368 4.94578 10.8139 4.93028C10.8887 4.91429 10.9659 4.91349 11.041 4.92791C11.116 4.94233 11.1875 4.97168 11.251 5.01423C11.3145 5.05677 11.3689 5.11164 11.4108 5.17558C11.4527 5.23952 11.4814 5.31123 11.4951 5.38646C11.9311 7.60838 11.3275 9.50136 9.65483 11.0313C8.79674 11.8172 7.70889 12.3067 6.55158 12.4277C5.75862 12.5348 4.95195 12.4731 4.1845 12.2467C3.41706 12.0202 2.70616 11.634 2.09842 11.1135C1.00382 10.229 0.283438 8.96387 0.0813107 7.57114C-0.0599514 6.74628 -0.0167535 5.90037 0.207797 5.09419C0.432347 4.28801 0.832674 3.54157 1.38002 2.90851C2.19943 1.91418 3.33452 1.23028 4.59653 0.970539C5.63631 0.741332 6.71936 0.805795 7.72461 1.15673C7.79868 1.17981 7.86731 1.21763 7.92639 1.26791C7.98548 1.31819 8.03379 1.37989 8.06843 1.44931C8.10307 1.51873 8.12332 1.59443 8.12796 1.67188C8.1326 1.74932 8.12154 1.8269 8.09544 1.89996C8.07097 1.97351 8.0319 2.04136 7.98057 2.09945C7.92923 2.15753 7.8667 2.20465 7.79672 2.23798C7.72673 2.2713 7.65073 2.29015 7.57328 2.29339C7.49583 2.29663 7.41854 2.2842 7.34601 2.25683C6.75155 2.0525 6.12186 1.97069 5.49492 2.01633C4.30258 2.08946 3.18732 2.63036 2.39167 3.52141C1.9417 3.99999 1.60167 4.57105 1.3953 5.19469C1.18894 5.81833 1.12124 6.47951 1.19693 7.13203C1.29204 8.10045 1.68934 9.01441 2.33259 9.74455C2.97585 10.4747 3.83247 10.984 4.78117 11.2004C5.9673 11.4728 7.21293 11.2698 8.25122 10.6349C9.2895 10 10.0379 8.9838 10.336 7.80388C10.4264 7.43668 10.4738 7.06021 10.4772 6.68206Z' fill='%231E5A92'/%3E%3Cpath d='M11.0575 2.63714C11.04 2.80052 10.9606 2.951 10.8356 3.05763C9.56121 4.32789 8.28887 5.59971 7.01861 6.87307C6.57795 7.31373 6.13781 7.75388 5.69818 8.1935C5.40337 8.48676 5.07753 8.48521 4.77962 8.1935L3.10231 6.5162C3.01654 6.4407 2.95577 6.3409 2.92806 6.23004C2.90034 6.11919 2.907 6.00253 2.94715 5.89555C2.97996 5.79056 3.04347 5.6978 3.12947 5.62922C3.21548 5.56063 3.32004 5.51937 3.4297 5.51075C3.52281 5.49983 3.61718 5.51163 3.70473 5.54513C3.79228 5.57864 3.87041 5.63286 3.93243 5.70315C4.33275 6.10502 4.73773 6.50379 5.13494 6.90876C5.21408 6.98945 5.25286 7.00186 5.3413 6.90876C6.89293 5.34679 8.44973 3.78741 10.0117 2.23062C10.0807 2.14856 10.1701 2.08613 10.2708 2.04962C10.3716 2.01312 10.4803 2.00384 10.5858 2.0227C10.7252 2.0512 10.8496 2.12903 10.9363 2.2419C11.0229 2.35477 11.066 2.4951 11.0575 2.63714Z' fill='%231E5A92'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
@media (max-width: 1199px) {
.cmn-ul ul li:after {
top: 10px;
}
}
.cmn-ul ul li a {
color: #1b96d3;
}
.cmn-ul ul li a:hover {
color: #00315D;
}
.cmn-ul.cnt-2 ul {
-moz-column-count: 2;
column-count: 2;
}
@media (max-width: 1023px) {
.cmn-ul.cnt-2 ul {
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 767px) {
.cmn-ul.cnt-2 ul {
-moz-column-count: 1;
column-count: 1;
}
}
.cmn-ul.cnt-3 ul {
-moz-column-count: 3;
column-count: 3;
}
@media (max-width: 1023px) {
.cmn-ul.cnt-3 ul {
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 767px) {
.cmn-ul.cnt-3 ul {
-moz-column-count: 1;
column-count: 1;
}
}
.e-con-inner {
align-items: center !important;
}
@media (max-width: 1199px) {
.e-con-inner {
flex-wrap: wrap !important;
}
}
@media (max-width: 1199px) {
.e-con-inner .left {
width: 100% !important;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.e-con-inner .left {
margin-bottom: 20px;
}
}
.e-con-inner .left.img .elementor-widget-container {
text-align: left;
}
@media (max-width: 1199px) {
.e-con-inner .left.img .elementor-widget-container {
text-align: center;
}
}
.e-con-inner .left.img .elementor-widget-container img {
width: 100% !important;
max-width: 90% !important;
}
@media (max-width: 1199px) {
.e-con-inner .left.img .elementor-widget-container img {
max-width: 100% !important;
}
}
@media (max-width: 1199px) {
.e-con-inner .right {
width: 100% !important;
}
}
.e-con-inner .right.img .elementor-widget-container {
text-align: right;
}
@media (max-width: 1199px) {
.e-con-inner .right.img .elementor-widget-container {
text-align: center;
}
}
.e-con-inner .right.img .elementor-widget-container img {
width: 100% !important;
max-width: 90% !important;
}
@media (max-width: 1199px) {
.e-con-inner .right.img .elementor-widget-container img {
max-width: 100% !important;
}
}
.e-con-inner.ip23 {
align-items: center !important;
}
@media (max-width: 1023px) {
.e-con-inner.ip23 {
flex-wrap: wrap !important;
}
}
@media (max-width: 1023px) {
.e-con-inner.ip23 .left23 {
width: 100% !important;
}
}
@media (max-width: 1023px) {
.e-con-inner.ip23 .right23 {
width: 100% !important;
}
}
.left-content .e-con-inner {
justify-content: flex-start;
align-items: flex-start !important;
}
.align-start .e-con-inner {
align-items: start !important;
}
ol {
margin-left: 20px;
}
.project_header {
left: 0;
position: fixed;
transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
top: 0;
width: 100%;
z-index: 999;
padding: 15px 0;
}
@media (max-width: 1599px) {
.project_header {
padding: 15px 0;
}
}
@media (max-width: 767px) {
.project_header {
height: 110px;
}
}
.project_header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.project_header .container:after, .project_header .container:before {
display: none;
}
.project_header .logo {
margin: 0 auto;
text-align: center;
width: 40% !important;
flex-shrink: 0;
position: relative;
}
@media (max-width: 1199px) {
.project_header .logo {
width: 50% !important;
}
}
@media (max-width: 1023px) {
.project_header .logo {
width: 60% !important;
padding-top: 10px;
}
}
@media (max-width: 767px) {
.project_header .logo {
width: 70% !important;
}
}
.project_header .logo::before {
position: absolute;
content: "";
background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 30%, rgba(0, 60, 73, 0) 100%);
width: 100%;
height: 100%;
top: -8px;
left: 0;
border-radius: 50%;
opacity: 0.9;
}
@media (min-width: 500px) {
.project_header .logo::before {
display: none;
}
}
.project_header .logo img {
transition: all ease 0.5s;
}
@media (max-width: 1600px) {
.project_header .logo img {
max-width: 80%;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 767px) {
.project_header .logo img {
max-width: 100%;
}
}
.project_header ul {
display: block;
}
.project_header ul li {
display: inline-block;
padding: 0 10px 10px;
margin-top: 10px;
}
@media (max-width: 1199px) {
.project_header ul li {
display: block;
padding: 5px 0px !important;
margin-top: 0px;
border-bottom: solid 1px #ddd;
}
}
.project_header ul li a {
text-transform: uppercase;
color: #000;
font-family: "Inter", sans-serif;
}
@media (max-width: 1680px) {
.project_header ul li a {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (max-width: 1440px) {
.project_header ul li a {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
}
@media (max-width: 1300px) {
.project_header ul li a {
font-size: 12px !important;
font-size: 0.75rem !important;
}
}
@media (max-width: 1199px) {
.project_header ul li a {
padding: 9px 50px 9px 15px;
display: block;
}
}
.project_header ul li a:hover {
color: #1b96d3;
}
.project_header ul li:first-child {
padding-left: 0;
}
@media (max-width: 1199px) {
.project_header ul li:first-child {
padding-left: 10px;
}
}
.project_header .right-menu {
width: 25% !important;
margin-left: 50px;
}
@media (max-width: 1599px) {
.project_header .right-menu {
width: 22% !important;
}
}
@media (max-width: 1199px) {
.project_header .right-menu {
display: none;
}
}
.project_header .right-menu #menu-burger-menu {
display: none;
}
.project_header .left-menu {
width: 32% !important;
}
@media (max-width: 1199px) {
.project_header .left-menu {
width: 0 !important;
}
}
.project_header .left-menu #menu-burger-menu,
.project_header .left-menu #menu-right-menu {
display: none;
}
@media (max-width: 1199px) {
.project_header .left-menu #menu-burger-menu,
.project_header .left-menu #menu-right-menu {
display: block;
}
}
.project_header .left-menu #menu-left-menu {
margin-bottom: 0 !important;
}
@media (max-width: 1199px) {
.project_header .menu-wrap {
display: none;
}
}
.project_header.slim {
background-color: #ace0ff;
padding: 15px 0;
transition: all ease 0.5s;
}
@media (max-width: 767px) {
.project_header.slim {
height: 81px;
}
}
@media (max-width: 575px) {
.project_header.slim {
height: 70px;
}
}
.project_header.slim .logo img {
max-width: 80%;
transition: all ease 0.5s;
}
.project_header.slim .logo::before {
display: none;
}
@media (max-width: 767px) {
.project_header.flex-width.slim .btn-wrap {
height: 0px !important;
opacity: 0 !important;
visibility: hidden !important;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.project_header.flex-width ul li {
padding: 0px 0px 0px;
}
.main-menu ul li ul a {
font-size: 11px !important;
padding: 6px 12px !important;
}
.main-menu ul li:last-child ul,
.main-menu ul li:nth-last-child(2) ul {
top: 28px;
}
}
@media (max-width: 767px) {
.project_header.flex-width .container {
flex-direction: column;
align-items: baseline;
}
.project_header.flex-width .container .logo {
margin: 0;
}
.project_header.flex-width .container .btn-wrap {
margin: auto;
transition: 0.3s;
height: 40px;
opacity: 1;
visibility: visible;
}
.project_header.flex-width .container .mob_trigger {
right: 15px;
position: absolute;
top: 10px;
}
}
.project_header.flex-width .container nav::before {
width: 0em;
}
@media (min-width: 1200px) {
.project_header.flex-width .container > div {
width: -moz-fit-content !important;
width: fit-content !important;
margin: 0;
}
}
@media (min-width: 1200px) {
.project_header.flex-width .container > div.logo {
width: 350px !important;
}
}
@media (min-width: 1600px) {
.project_header.flex-width .container > div.logo {
width: 480px !important;
}
}
.project_header.flex-width .container .btn-wrap .btn-header {
font-size: 13px !important;
width: -moz-max-content;
width: max-content;
height: 35px;
padding-left: 20px !important;
padding-right: 20px !important;
}
@media (min-width: 1600px) {
.project_header.flex-width .container .btn-wrap .btn-header {
font-size: 15px !important;
height: 50px;
padding-left: 30px !important;
padding-right: 30px !important;
}
}
.header_strip {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom: 2px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.header_strip .strip_inner {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto !important;
position: relative;
padding-top: 2px;
}
@media (max-width: 1799px) {
.header_strip .strip_inner {
padding-top: 10px;
}
}
.header_strip .fig_icon {
line-height: 0;
}
.header_strip .fig_icon img {
max-width: 55px;
}
@media (max-width: 1799px) {
.header_strip .fig_icon img {
max-width: 50px;
}
}
@media (max-width: 1599px) {
.header_strip .fig_icon img {
max-width: 45px;
}
}
.header_strip .strp_heading {
font-weight: 700 !important;
color: #fff;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 991px) {
.header_strip .strp_heading {
padding-right: 25px;
}
}
@media (min-width: 768px) {
.header_strip .strp_heading {
font-size: 18px !important;
font-size: 1.125rem !important;
padding-right: 25px;
}
}
@media (min-width: 1200px) {
.header_strip .strp_heading {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (min-width: 1600px) {
.header_strip .strp_heading {
padding-left: 10px;
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1800px) {
.header_strip .strp_heading {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
.header_strip .promo_toggle_bar {
background-color: var(--global--color-white);
border-radius: 50%;
-webkit-border-radius: 50%;
color: #00315D;
font-size: 20px !important;
text-transform: uppercase;
font-weight: 700;
height: 32px;
width: 32px;
position: absolute;
right: 3% !important;
top: 15px !important;
}
@media (max-width: 1799px) {
.header_strip .promo_toggle_bar {
height: 28px;
width: 28px;
top: 20px !important;
font-size: 15px !important;
}
}
@media (max-width: 1599px) {
.header_strip .promo_toggle_bar {
height: 25px;
width: 25px;
top: 20px !important;
font-size: 13px !important;
}
}
@media (max-width: 767px) {
.header_strip .promo_toggle_bar {
height: 20px;
width: 20px;
top: 25px !important;
}
}
@media (max-width: 575px) {
.header_strip .promo_toggle_bar {
top: 25px !important;
}
}
.header_strip .promo_toggle_bar:hover {
background-color: var(--global--color-black);
color: var(--global--color-white);
}
.header_strip.strip_remove, .slim .header_strip {
margin-top: -95px;
opacity: 0;
visibility: hidden;
}
@media (max-width: 1599px) {
.header_strip.strip_remove, .slim .header_strip {
margin-top: -90px;
}
}
.project_banner {
position: relative;
}
.project_banner .project-slider .slider-image {
width: 100%;
height: 100vh;
background-position: center top !important;
background-repeat: no-repeat;
background-size: cover !important;
}
.project_banner .project-slider .slider-image canvas {
height: 100vh;
width: auto !important;
min-width: 100% !important;
}
@media (max-width: 1199px) {
.project_banner .project-slider .slider-image {
height: 700px;
}
.project_banner .project-slider .slider-image canvas {
height: 700px;
}
}
@media (max-width: 1023px) {
.project_banner .project-slider .slider-image {
height: 600px;
background-position: 28% !important;
}
.project_banner .project-slider .slider-image canvas {
height: 600px;
}
}
@media (max-width: 767px) {
.project_banner .project-slider .slider-image {
height: 600px;
background-position: 10% !important;
}
.project_banner .project-slider .slider-image canvas {
height: 600px;
}
}
@media (max-width: 1199px) {
.project_banner .project-slider .slider-image.second-banner {
background-position: 5% !important;
}
}
.project_banner .container {
height: 100%;
}
.project_banner .banner-wrap {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
@media (max-width: 767px) {
.project_banner .banner-wrap {
justify-content: flex-end;
padding-bottom: 80px;
}
}
.project_banner .banner-wrap .ban-wp {
padding-left: 40%;
}
@media (max-width: 1199px) {
.project_banner .banner-wrap .ban-wp {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
border-radius: 10px;
font-family: "DM Sans", sans-serif;
}
}
.project_banner .banner-wrap .ban-wp .main-top {
font-size: 110px !important;
font-size: 6.875rem !important;
font-weight: 700;
line-height: 1;
color: #002446;
text-transform: capitalize;
padding-top: 50px;
}
@media (max-width: 1680px) {
.project_banner .banner-wrap .ban-wp .main-top {
font-size: 90px !important;
font-size: 5.625rem !important;
}
}
@media (max-width: 1600px) {
.project_banner .banner-wrap .ban-wp .main-top {
font-size: 75px !important;
font-size: 4.6875rem !important;
}
}
@media (max-width: 1199px) {
.project_banner .banner-wrap .ban-wp .main-top {
font-size: 35px !important;
font-size: 2.1875rem !important;
padding-top: 0px;
}
}
@media (max-width: 767px) {
.project_banner .banner-wrap .ban-wp .main-top {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
.project_banner .banner-wrap .sub-txt {
font-size: 50px !important;
font-size: 3.125rem !important;
font-weight: 600;
text-transform: capitalize;
margin: 10px 0 20px 0;
line-height: 50px;
}
@media (max-width: 1680px) {
.project_banner .banner-wrap .sub-txt {
font-size: 35px !important;
font-size: 2.1875rem !important;
line-height: 40px;
}
}
@media (max-width: 1599px) {
.project_banner .banner-wrap .sub-txt {
font-size: 27px !important;
font-size: 1.6875rem !important;
line-height: 33px;
}
}
@media (max-width: 1199px) {
.project_banner .banner-wrap .sub-txt {
margin: 10px 0 20px 0;
}
}
@media (max-width: 767px) {
.project_banner .banner-wrap .sub-txt {
font-size: 17px !important;
font-size: 1.0625rem !important;
margin: 0 0 10px 0;
line-height: 27px;
}
}
.project_banner .banner-wrap .btnsNew.btn-white, .project_banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-white.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-white,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-white {
font-size: 20px !important;
font-size: 1.25rem !important;
padding: 0 60px 0 60px;
height: 80px;
background-color: #fff !important;
color: #000 !important;
font-weight: 800 !important;
font-family: "DM Sans", sans-serif !important;
}
@media (max-width: 1680px) {
.project_banner .banner-wrap .btnsNew.btn-white, .project_banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-white.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-white,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-white {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1600px) {
.project_banner .banner-wrap .btnsNew.btn-white, .project_banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-white.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-white,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-white {
font-size: 16px !important;
font-size: 1rem !important;
padding: 0 30px 0 30px;
height: 60px;
}
}
@media (max-width: 1470px) {
.project_banner .banner-wrap .btnsNew.btn-white, .project_banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-white.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-white,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-white {
font-size: 16px !important;
font-size: 1rem !important;
height: 50px;
}
}
.project_banner .banner-wrap .btnsNew.btn-white:hover, .project_banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button:hover, .elementor-button-wrapper .project_banner .banner-wrap .btn-white.elementor-button:hover,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-white:hover,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-white:hover {
background-color: #00315D !important;
color: #fff !important;
}
.project_banner .banner-wrap .btnsNew.btn-blue, .project_banner .banner-wrap .elementor-button-wrapper .btn-blue.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-blue.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-blue,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-blue {
font-size: 20px !important;
font-size: 1.25rem !important;
padding: 0 60px 0 60px;
height: 80px;
background-color: #00315D !important;
color: #fff !important;
font-weight: 800 !important;
font-family: "DM Sans", sans-serif !important;
}
@media (max-width: 1680px) {
.project_banner .banner-wrap .btnsNew.btn-blue, .project_banner .banner-wrap .elementor-button-wrapper .btn-blue.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-blue.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-blue,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-blue {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1600px) {
.project_banner .banner-wrap .btnsNew.btn-blue, .project_banner .banner-wrap .elementor-button-wrapper .btn-blue.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-blue.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-blue,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-blue {
font-size: 16px !important;
font-size: 1rem !important;
padding: 0 30px 0 30px;
height: 60px;
}
}
@media (max-width: 1470px) {
.project_banner .banner-wrap .btnsNew.btn-blue, .project_banner .banner-wrap .elementor-button-wrapper .btn-blue.elementor-button, .elementor-button-wrapper .project_banner .banner-wrap .btn-blue.elementor-button,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-blue,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-blue {
font-size: 16px !important;
font-size: 1rem !important;
height: 50px;
}
}
.project_banner .banner-wrap .btnsNew.btn-blue:hover, .project_banner .banner-wrap .elementor-button-wrapper .btn-blue.elementor-button:hover, .elementor-button-wrapper .project_banner .banner-wrap .btn-blue.elementor-button:hover,
.project_banner .banner-wrap .elementor-button-wrapper a.btn-blue:hover,
.elementor-button-wrapper .project_banner .banner-wrap a.btn-blue:hover {
background-color: #fff !important;
color: #000 !important;
}
.project_banner .blue-strip-banner {
background-color: rgba(25, 87, 143, 0.8);
padding: 16px 0;
transition: all ease 0.5s;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.project_banner .blue-strip-banner .btn_wrap {
align-items: center;
display: flex;
margin-left: -10px;
margin-right: -10px;
max-width: 600px;
}
.project_banner .blue-strip-banner .btn_wrap >* {
display: inline-flex;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
width: auto;
}
.project_banner .blue-strip-banner .btn_wrap .elementor-button-wrapper {
display: inline-block;
line-height: 1;
width: auto;
}
@media (max-width: 1680px) {
.project_banner .blue-strip-banner {
padding: 14px 0;
}
}
@media (max-width: 1366px) {
.project_banner .blue-strip-banner {
padding: 10px 0;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner {
position: static;
background-color: #19578f;
}
}
.project_banner .blue-strip-banner .container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1199px) {
.project_banner .blue-strip-banner .container {
flex-direction: column;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container {
justify-content: flex-start;
align-items: flex-start;
}
}
.project_banner .blue-strip-banner .container:after, .project_banner .blue-strip-banner .container:before {
display: none;
}
.project_banner .blue-strip-banner .container .txt {
font-size: 28px;
letter-spacing: 2px !important;
color: #fff;
text-transform: capitalize;
}
@media (max-width: 1850px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 25px;
}
}
@media (max-width: 1680px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 23px;
}
}
@media (max-width: 1599px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 18px;
}
}
@media (max-width: 1470px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 15px;
}
}
@media (max-width: 1199px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 1023px) {
.project_banner .blue-strip-banner .container .txt {
font-size: 18px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container .txt {
text-align: center;
font-size: 16px !important;
font-size: 1rem !important;
}
}
.project_banner .blue-strip-banner .container .txt span {
font-weight: 600;
}
.project_banner .blue-strip-banner .container .ph-wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 20px;
}
@media (max-width: 1280px) {
.project_banner .blue-strip-banner .container .ph-wrap {
padding-left: 0;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container .ph-wrap {
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
}
.project_banner .blue-strip-banner .container .ph-wrap .ico {
width: 60px;
height: 60px;
margin-top: 7px;
}
@media (max-width: 1599px) {
.project_banner .blue-strip-banner .container .ph-wrap .ico {
width: 40px;
height: 40px;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container .ph-wrap .ico {
margin-right: 15px;
margin-top: 35px;
}
}
@media (max-width: 1599px) {
.project_banner .blue-strip-banner .container .ph-wrap .ico svg {
width: 40px;
height: 40px;
}
}
.project_banner .blue-strip-banner .container .ph-wrap .number {
font-size: 26px;
padding-right: 25px;
padding-left: 15px;
letter-spacing: 2.5px !important;
border-right: solid 2px #5ba1c6;
}
@media (max-width: 1680px) {
.project_banner .blue-strip-banner .container .ph-wrap .number {
font-size: 27px;
}
}
@media (max-width: 1470px) {
.project_banner .blue-strip-banner .container .ph-wrap .number {
font-size: 22px;
}
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container .ph-wrap .number {
padding-right: 10px;
padding-left: 0px;
border-right: none;
border-bottom: solid 2px #5ba1c6;
padding-bottom: 15px;
margin-bottom: 15px;
width: 75%;
font-size: 20px;
}
}
.project_banner .blue-strip-banner .container .ph-wrap .number span {
font-size: 20px;
letter-spacing: 2px !important;
display: block;
font-weight: 200;
}
@media (max-width: 1470px) {
.project_banner .blue-strip-banner .container .ph-wrap .number span {
font-size: 18px;
}
}
.project_banner .blue-strip-banner .container .ph-wrap .number:last-child {
border-right: 0;
padding-left: 25px;
padding-right: 0;
}
@media (max-width: 767px) {
.project_banner .blue-strip-banner .container .ph-wrap .number:last-child {
padding-left: 25px;
margin-bottom: 0;
border: none;
}
}
@media (max-width: 1023px) {
.project_banner.inner-banner.technology .project-slider .slider-image {
background-position: 70% !important;
}
}
@media (max-width: 1023px) {
.project_banner.inner-banner.laser-banner .project-slider .slider-image {
background-position: 70% !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner.laser-banner .project-slider .slider-image {
background-position: 80% !important;
}
}
.project_banner.inner-banner .project-slider .slider-image {
height: 600px;
}
@media (max-width: 1600px) {
.project_banner.inner-banner .project-slider .slider-image {
height: 500px;
}
}
@media (max-width: 1023px) {
.project_banner.inner-banner .project-slider .slider-image {
background-position: 70% !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner .project-slider .slider-image {
background-position: 80% !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap {
padding-bottom: 20px;
}
}
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp {
padding-left: 0;
}
@media (max-width: 1199px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp {
width: 70%;
padding: 20px;
}
}
@media (max-width: 1023px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp {
width: 100%;
}
}
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt {
font-size: 65px !important;
font-size: 4.0625rem !important;
font-weight: 700 !important;
color: #00315D;
letter-spacing: 1.5px;
line-height: 1;
margin-bottom: 20px;
}
@media (max-width: 1600px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1199px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt span.block {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
@media (max-width: 1600px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt span.block {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 1199px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt span.block {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt span.block {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1199px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .inner-txt span.block {
display: block;
}
}
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .btnsNew.border-btn, .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .border-btn.elementor-button,
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp a.border-btn {
color: #00315D !important;
border-color: #00315D !important;
font-weight: 600 !important;
height: 70px !important;
padding-left: 40px !important;
padding-right: 40px !important;
}
@media (max-width: 1600px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .btnsNew.border-btn, .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .border-btn.elementor-button,
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp a.border-btn {
height: 50px !important;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 767px) {
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .btnsNew.border-btn, .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .border-btn.elementor-button,
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp a.border-btn {
height: 50px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .btnsNew.border-btn:hover, .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper .border-btn.elementor-button:hover, .elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .border-btn.elementor-button:hover,
.project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp .elementor-button-wrapper a.border-btn:hover,
.elementor-button-wrapper .project_banner.inner-banner .project-slider .slider-image .banner-wrap .ban-wp a.border-btn:hover {
color: #fff !important;
border-color: #fff !important;
}
body.blog,
body.single,
body.no-banner {
padding-top: 195px;
}
body.blog .project_header,
body.single .project_header,
body.no-banner .project_header {
border-bottom: solid 1px #ddd;
background-color: #fff;
}
@media (max-width: 1600px) {
body.blog,
body.single,
body.no-banner {
padding-top: 180px;
}
}
@media (max-width: 767px) {
body.blog,
body.single,
body.no-banner {
padding-top: 200px;
}
}
@media (max-width: 767px) {
body.blog .project_header,
body.single .project_header,
body.no-banner .project_header {
height: inherit;
}
}
.project_banner .second-banner .banner-wrap .btnsNew.btn-white, .project_banner .second-banner .banner-wrap .elementor-button-wrapper .btn-white.elementor-button, .elementor-button-wrapper .project_banner .second-banner .banner-wrap .btn-white.elementor-button,
.project_banner .second-banner .banner-wrap .elementor-button-wrapper a.btn-white,
.elementor-button-wrapper .project_banner .second-banner .banner-wrap a.btn-white {
border: solid 2px #00315D !important;
}
body {
font-family: "DM Sans", sans-serif !important;
}
body p,
body li {
color: #000 !important;
font-family: "DM Sans", sans-serif !important;
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (max-width: 1599px) {
body p,
body li {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 1366px) {
body p,
body li {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
body p + ul {
margin-top: 0;
}
.elementor-widget:not(:last-child) {
margin-bottom: 0 !important;
}
.hm-abt-wrap {
padding: 100px 0;
}
@media (max-width: 1600px) {
.hm-abt-wrap {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap {
padding: 30px 0;
}
}
@media (max-width: 1680px) {
.hm-abt-wrap .left {
width: 45% !important;
margin-right: 50px;
}
}
@media (max-width: 1680px) and (max-width: 1199px) {
.hm-abt-wrap .left {
margin-right: 0;
width: 100% !important;
}
}
@media (max-width: 1680px) and (max-width: 1023px) {
.hm-abt-wrap .left {
margin-bottom: 30px;
}
}
@media (max-width: 1680px) {
.hm-abt-wrap .right {
width: 50% !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .right {
width: 90% !important;
margin: 0 auto;
}
}
.hm-abt-wrap .sub.elementor-widget-heading .elementor-heading-title {
color: #737373 !important;
font-size: 25px !important;
font-size: 1.5625rem !important;
margin-top: 35px;
}
@media (max-width: 1599px) {
.hm-abt-wrap .sub.elementor-widget-heading .elementor-heading-title {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .sub.elementor-widget-heading .elementor-heading-title {
margin-top: 0px;
line-height: 1.5;
}
}
.hm-abt-wrap .titleSize-110 {
font-weight: 800;
}
.hm-abt-wrap .titleSize-48 {
font-weight: 800 !important;
margin-bottom: 30px !important;
}
.hm-abt-wrap p {
line-height: 1.8;
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (max-width: 1599px) {
.hm-abt-wrap p {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.hm-abt-wrap p span {
font-size: 35px !important;
font-size: 2.1875rem !important;
font-weight: 700;
line-height: 1;
}
@media (max-width: 1599px) {
.hm-abt-wrap p span {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.hm-abt-wrap .meet-dentist {
margin-bottom: 20px;
}
.hm-abt-wrap .meet-dentist .mmet-wrap .slick-prev {
top: 40%;
left: 0;
}
@media (max-width: 1600px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .slick-prev {
left: -5px;
}
}
.hm-abt-wrap .meet-dentist .mmet-wrap .slick-next {
top: 40%;
right: 0;
}
@media (max-width: 1600px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .slick-next {
right: -10px;
}
}
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure {
text-align: center;
}
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure img {
margin: 0 auto;
}
@media (max-width: 1680px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure img {
max-width: 90%;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure img {
max-width: 100%;
}
}
@media (max-width: 1023px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure img {
max-width: 90%;
}
}
@media (max-width: 767px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure img {
max-width: 100%;
}
}
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure figcaption {
font-family: "Italianno", cursive;
font-size: 55px !important;
font-size: 3.4375rem !important;
}
@media (max-width: 1680px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure figcaption {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1600px) {
.hm-abt-wrap .meet-dentist .mmet-wrap .bx figure figcaption {
font-size: 37px !important;
font-size: 2.3125rem !important;
}
}
.hm-abt-wrap .left {
padding-right: 50px !important;
font-size: 35px !important;
font-size: 2.1875rem !important;
}
@media (max-width: 1199px) {
.hm-abt-wrap .left {
padding-right: 0 !important;
}
}
.hm-abt-wrap .counder-wrap {
display: flex;
flex-direction: row !important;
margin: 70px 0 0;
justify-content: center !important;
}
@media (max-width: 1199px) {
.hm-abt-wrap .counder-wrap {
margin: 30px 0 0;
}
}
.hm-abt-wrap .counder-wrap .elementor-element {
width: 23% !important;
}
@media (max-width: 767px) {
.hm-abt-wrap .counder-wrap .elementor-element {
width: 43% !important;
margin: 5px 5px 20px 5px !important;
border-bottom: solid 2px #b5b5b5;
padding-bottom: 15px;
text-align: center;
}
}
.hm-abt-wrap .counder-wrap .elementor-element:after {
content: "";
position: absolute;
right: 0;
top: 10%;
width: 2px;
height: 80%;
background-color: #b5b5b5;
}
@media (max-width: 767px) {
.hm-abt-wrap .counder-wrap .elementor-element:after {
display: none;
}
}
.hm-abt-wrap .counder-wrap .elementor-element:last-child:after {
display: none;
}
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter {
font-family: "DM Sans", sans-serif !important;
}
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-title {
color: #8098ae;
font-family: "DM Sans", sans-serif;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 1600px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-title {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-title {
font-size: 15px !important;
font-size: 0.9375rem !important;
text-align: center;
}
}
@media (max-width: 767px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-title {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-title br {
display: none !important;
}
}
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number {
font-weight: 800 !important;
color: #00315D !important;
font-size: 70px !important;
font-size: 4.375rem !important;
font-family: "DM Sans", sans-serif !important;
}
@media (max-width: 1600px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1023px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix {
font-weight: 700 !important;
color: #00315D !important;
font-size: 73px !important;
font-size: 4.5625rem !important;
font-family: "DM Sans", sans-serif !important;
}
@media (max-width: 1600px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 1023px) {
.hm-abt-wrap .counder-wrap .elementor-element .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.hm-service-warp {
padding: 100px 0;
background: rgb(22, 215, 214);
background: linear-gradient(90deg, rgb(22, 215, 214) 0%, rgb(22, 159, 207) 100%);
}
@media (max-width: 1600px) {
.hm-service-warp {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.hm-service-warp {
padding: 40px 0;
}
}
.hm-service-warp .elementor-widget-container {
text-align: left;
}
.hm-service-warp .e-con-inner .left {
width: 35% !important;
}
@media (max-width: 1199px) {
.hm-service-warp .e-con-inner .left {
width: 100% !important;
text-align: center;
margin: 0 0 30px;
}
}
@media (max-width: 1199px) {
.hm-service-warp .e-con-inner .left .elementor-widget-container {
text-align: center;
}
}
.hm-service-warp .e-con-inner .right {
width: 65% !important;
padding-left: 90px !important;
}
@media (max-width: 1599px) {
.hm-service-warp .e-con-inner .right {
padding-left: 60px !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp .e-con-inner .right {
width: 100% !important;
padding-left: 0px !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp .elementor-button-wrapper {
text-align: center;
}
}
.hm-service-warp h3 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.3;
letter-spacing: 1.8px !important;
margin-top: 10px !important;
font-weight: 500 !important;
}
@media (max-width: 1599px) {
.hm-service-warp h3 {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (max-width: 1366px) {
.hm-service-warp h3 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp h3 {
text-align: center;
font-size: 16px !important;
font-size: 1rem !important;
}
}
.hm-service-warp h3 a {
font-weight: 500 !important;
}
.hm-service-warp h3 span {
display: block;
}
@media (max-width: 1199px) {
.hm-service-warp h3 span {
display: inline;
}
}
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 80px !important;
font-size: 5rem !important;
font-weight: 700 !important;
}
@media (max-width: 1600px) {
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 70px !important;
font-size: 4.375rem !important;
}
}
@media (max-width: 1366px) {
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 60px !important;
font-size: 3.75rem !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 50px !important;
font-size: 3.125rem !important;
text-align: center;
}
}
@media (max-width: 1023px) {
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 40px !important;
font-size: 2.5rem !important;
text-align: center;
}
}
@media (max-width: 767px) {
.hm-service-warp .elementor-widget-heading .elementor-heading-title {
font-size: 30px !important;
font-size: 1.875rem !important;
text-align: center;
}
}
.hm-service-warp .serv-ico-wp {
justify-content: center;
flex-wrap: wrap !important;
margin: 30px 0;
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp {
margin: 10px 0 30px 0;
}
}
.hm-service-warp .serv-ico-wp:after, .hm-service-warp .serv-ico-wp:before {
display: none;
}
.hm-service-warp .serv-ico-wp .elementor-element {
width: 33% !important;
position: relative;
border-radius: 5px;
cursor: pointer;
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element {
width: 45% !important;
border-bottom: solid 1px #fff;
border-radius: 0px;
margin: 0 5px;
}
}
.hm-service-warp .serv-ico-wp .elementor-element:after {
content: "";
position: absolute;
width: 2px;
background-color: #50c7dd;
top: 10px;
bottom: 10px;
right: 0;
z-index: 2;
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element:after {
display: none;
}
}
.hm-service-warp .serv-ico-wp .elementor-element:before {
content: "";
position: absolute;
height: 2px;
background-color: #50c7dd;
bottom: 0px;
right: 10px;
left: 10px;
z-index: 2;
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element:before {
display: none;
}
}
.hm-service-warp .serv-ico-wp .elementor-element.br-r:after {
display: none;
}
.hm-service-warp .serv-ico-wp .elementor-element.br-b:before {
display: none;
}
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 45px !important;
height: 45px !important;
margin-right: 5px !important;
}
@media (max-width: 1799px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 30px !important;
height: 30px !important;
}
}
@media (max-width: 1399px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 28px !important;
height: 28px !important;
}
}
@media (max-width: 1023px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
margin: 0 auto !important;
}
}
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
width: 45px !important;
height: 45px !important;
}
@media (max-width: 1680px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
width: 35px !important;
height: 35px !important;
}
}
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 24px !important;
font-size: 1.5rem !important;
}
@media (max-width: 1680px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1600px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1366px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element.seven .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 13px !important;
font-size: 0.8125rem !important;
text-align: center;
}
}
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper {
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap !important;
}
@media (max-width: 1599px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper {
padding: 10px;
}
}
@media (max-width: 1023px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper {
flex-direction: column;
}
}
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 50px !important;
height: 50px !important;
margin-right: 15px;
margin-bottom: 0 !important;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1799px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 40px !important;
height: 40px !important;
}
}
@media (max-width: 1680px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
width: 35px !important;
height: 35px !important;
}
}
@media (max-width: 1023px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
margin: 0 auto !important;
}
}
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
width: 50px !important;
height: 50px !important;
}
@media (max-width: 1799px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
width: 40px !important;
height: 40px !important;
}
}
@media (max-width: 1680px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
width: 32px !important;
height: 32px !important;
}
}
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
color: #fff !important;
font-family: "DM Sans", sans-serif !important;
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1;
text-align: left;
font-weight: 400 !important;
}
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title a {
font-weight: 400 !important;
}
@media (max-width: 1680px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (max-width: 1600px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 1366px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (max-width: 1199px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
font-size: 13px !important;
font-size: 0.8125rem !important;
text-align: center;
}
}
.hm-service-warp .serv-ico-wp .elementor-element:hover {
background-color: #fff;
}
@media (max-width: 767px) {
.hm-service-warp .serv-ico-wp .elementor-element:hover {
background-color: transparent;
}
}
.hm-service-warp .serv-ico-wp .elementor-element:hover:after, .hm-service-warp .serv-ico-wp .elementor-element:hover:before {
display: none !important;
}
.hm-service-warp .serv-ico-wp .elementor-element:hover .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
color: #00315D !important;
}
.hm-service-warp .serv-ico-wp .elementor-element:hover .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {
background-color: #1b96d3 !important;
}
.callto-action {
position: relative;
padding: 70px 0;
}
.callto-action:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.callto-action .e-con-inner {
position: relative;
z-index: 2;
}
.callto-action .e-con-inner .titleSize-100 {
font-weight: 800 !important;
margin: 15px 0 !important;
}
.callto-action .e-con-inner .titleSize-45 {
font-weight: 600 !important;
letter-spacing: 1.5px !important;
}
@media (max-width: 767px) {
.callto-action .e-con-inner .titleSize-45 {
font-size: 18px !important;
font-size: 1.125rem !important;
letter-spacing: 1.8px !important;
}
}
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a {
color: #00315D !important;
font-size: 45px !important;
font-size: 2.8125rem !important;
font-weight: 700 !important;
padding-left: 10px !important;
padding-right: 40px !important;
min-height: 90px;
border-radius: 50px;
}
@media (max-width: 1600px) {
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a {
font-size: 35px !important;
font-size: 2.1875rem !important;
min-height: 60px;
}
}
@media (max-width: 767px) {
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper {
align-items: center;
}
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper .elementor-button-icon {
margin-right: 20px;
margin-top: 5px;
}
@media (max-width: 1600px) {
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper .elementor-button-icon {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper .elementor-button-icon {
margin-top: 2px;
}
}
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper .elementor-button-icon svg {
width: 70px;
height: 70px;
}
@media (max-width: 1600px) {
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a .elementor-button-content-wrapper .elementor-button-icon svg {
width: 50px;
height: 50px;
}
}
.callto-action .e-con-inner .btn-white .elementor-button-wrapper .elementor-button:hover,
.callto-action .e-con-inner .btn-white .elementor-button-wrapper a:hover {
color: #fff !important;
background-color: #1b96d3 !important;
}
.hm-before-after-wrap {
background-color: #f4f4f4 !important;
padding: 100px 0;
}
@media (max-width: 1600px) {
.hm-before-after-wrap {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.hm-before-after-wrap {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap {
padding: 30px 0;
}
}
.hm-before-after-wrap.gallery {
background: #fff !important;
padding: 70px 0;
}
@media (max-width: 1600px) {
.hm-before-after-wrap.gallery {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.hm-before-after-wrap.gallery {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap.gallery {
padding: 30px 0;
}
}
.hm-before-after-wrap .ba_item_in img {
height: inherit !important;
max-height: inherit !important;
max-width: inherit !important;
}
.hm-before-after-wrap .ba_item_in div:first-child img {
width: 100% !important;
}
.hm-before-after-wrap #misresenas {
display: none;
}
.hm-before-after-wrap #misresenas .slick-initialized {
display: block;
}
.hm-before-after-wrap .slick-next {
right: 0px;
top: auto !important;
bottom: 0px;
}
@media (max-width: 767px) {
.hm-before-after-wrap .slick-next {
width: 30px;
height: 30px;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap .slick-next:before {
width: 8px;
height: 8px;
}
}
.hm-before-after-wrap .slick-prev {
right: 53px;
left: auto !important;
top: auto !important;
bottom: 0px;
}
@media (max-width: 767px) {
.hm-before-after-wrap .slick-prev {
width: 30px;
height: 30px;
right: 32px;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap .slick-prev:before {
width: 8px;
height: 8px;
}
}
.hm-before-after-wrap .titleSize-65 {
margin-bottom: 20px !important;
font-weight: 800 !important;
}
.hm-before-after-wrap .elementor-shortcode {
margin-top: -100px;
}
@media (max-width: 1199px) {
.hm-before-after-wrap .elementor-shortcode {
margin-top: 0px;
}
}
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld {
background-color: #ebebeb;
}
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld .office_single_image {
margin: 0 auto;
text-align: center;
display: block;
}
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld .office_single_image img {
width: 800px !important;
height: 518px !important;
margin: 0 auto;
text-align: center;
display: block;
max-width: 100% !important;
}
@media (max-width: 1199px) {
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld .office_single_image img {
width: auto !important;
height: 350px !important;
max-height: 350px !important;
}
}
@media (max-width: 1023px) {
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld .office_single_image img {
height: 300px !important;
max-height: 300px !important;
width: auto !important;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap .bf-af-sld .ba_gallery.office-sld .office_single_image img {
height: 150px !important;
max-height: 150px !important;
width: auto !important;
}
}
.hm-before-after-wrap .bf-af-sld .ba_item_in {
position: relative;
}
.hm-before-after-wrap .bf-af-sld .ba_item_in:before {
content: "Before";
position: absolute;
left: 0;
width: 150px;
text-align: center;
top: 40%;
color: #00315D;
font-weight: 700;
padding: 10px;
background-color: rgba(235, 235, 235, 0.7);
font-size: 25px !important;
font-size: 1.5625rem !important;
z-index: 3 !important;
}
@media (max-width: 1199px) {
.hm-before-after-wrap .bf-af-sld .ba_item_in:before {
font-size: 16px !important;
font-size: 1rem !important;
width: 100px;
padding: 5px;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap .bf-af-sld .ba_item_in:before {
font-size: 14px !important;
font-size: 0.875rem !important;
width: 70px;
}
}
.hm-before-after-wrap .bf-af-sld .ba_item_in:after {
content: "After";
position: absolute;
right: 0;
width: 150px;
text-align: center;
top: 40%;
color: #00315D;
font-weight: 700;
padding: 10px;
background-color: rgba(235, 235, 235, 0.7);
font-size: 25px !important;
font-size: 1.5625rem !important;
z-index: 3 !important;
}
@media (max-width: 1199px) {
.hm-before-after-wrap .bf-af-sld .ba_item_in:after {
font-size: 16px !important;
font-size: 1rem !important;
width: 100px;
padding: 5px;
}
}
@media (max-width: 767px) {
.hm-before-after-wrap .bf-af-sld .ba_item_in:after {
font-size: 14px !important;
font-size: 0.875rem !important;
width: 70px;
}
}
.hm-testimonial-wrap {
padding: 100px 0;
}
@media (max-width: 1600px) {
.hm-testimonial-wrap {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.hm-testimonial-wrap {
padding: 40px 0;
background-position: 100% !important;
}
}
.hm-testimonial-wrap .left {
width: 45% !important;
}
@media (max-width: 1680px) {
.hm-testimonial-wrap .left {
width: 40% !important;
}
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .left {
width: 100% !important;
margin-bottom: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 5px;
padding: 15px;
}
}
.hm-testimonial-wrap .right {
width: 55% !important;
}
@media (max-width: 1680px) {
.hm-testimonial-wrap .right {
width: 60% !important;
}
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .right {
width: 100% !important;
}
}
.hm-testimonial-wrap .btn-wrap {
margin: 40px 0 0;
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .btn-wrap {
margin: 15px 0;
}
}
@media (max-width: 767px) {
.hm-testimonial-wrap .btn-wrap {
margin: 5px 0 15px 0;
}
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .btn-wrap .btnsNew, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a {
height: 50px;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.hm-testimonial-wrap .btn-wrap .btnsNew + .btnsNew, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .btnsNew, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .btnsNew,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .btnsNew,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .btnsNew, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + .elementor-button, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + .elementor-button, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .elementor-button, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .elementor-button,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .elementor-button,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .elementor-button,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + a,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + a,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + a {
margin-left: 30px;
}
@media (max-width: 767px) {
.hm-testimonial-wrap .btn-wrap .btnsNew + .btnsNew, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .btnsNew, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .btnsNew,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .btnsNew,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .btnsNew, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + .elementor-button, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + .elementor-button, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .elementor-button, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .elementor-button,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .elementor-button,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .elementor-button,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + a,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + a,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + a,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + a {
margin: 15px 0 0;
}
}
.hm-testimonial-wrap .btn-wrap .btnsNew + .btnsNew img, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .btnsNew img, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .btnsNew img,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .btnsNew img,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .btnsNew img, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + .elementor-button img, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + .elementor-button img, .hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + .elementor-button img, .elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + .elementor-button img,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + .elementor-button img,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + .elementor-button img,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .btnsNew + a img,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .btnsNew + a img,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper .elementor-button + a img,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap .elementor-button + a img,
.hm-testimonial-wrap .btn-wrap .elementor-button-wrapper a + a img,
.elementor-button-wrapper .hm-testimonial-wrap .btn-wrap a + a img {
margin-left: 20px;
}
.hm-testimonial-wrap .titleSize-24 {
font-weight: 300;
text-transform: capitalize;
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .titleSize-24 {
text-align: center;
}
}
.hm-testimonial-wrap .titleSize-24 p {
font-weight: 300;
font-size: 16px !important;
font-size: 1rem !important;
}
@media (min-width: 768px) {
.hm-testimonial-wrap .titleSize-24 p {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
}
@media (min-width: 1200px) {
.hm-testimonial-wrap .titleSize-24 p {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1600px) {
.hm-testimonial-wrap .titleSize-24 p {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (min-width: 1850px) {
.hm-testimonial-wrap .titleSize-24 p {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
.hm-testimonial-wrap .titleSize-65 {
font-weight: 600 !important;
letter-spacing: 1.5px;
margin: 30px 0 20px;
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .titleSize-65 {
text-align: center;
margin: 7px 0 10px;
}
}
@media (max-width: 767px) {
.hm-testimonial-wrap .titleSize-65 {
font-size: 27px !important;
font-size: 1.6875rem !important;
margin: 5px 0 !important;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx {
background: #fff;
padding: 60px;
margin: 0 40px 0 0;
border-radius: 5px;
min-height: 420px;
}
@media (max-width: 1680px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx {
padding: 40px;
}
}
@media (max-width: 1599px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx {
padding: 30px;
}
}
@media (max-width: 1366px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx {
min-height: 320px;
}
}
@media (max-width: 1199px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx {
margin: 0;
min-height: 0;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header {
display: flex;
justify-content: start;
align-items: center;
margin: 0 0 30px 0;
flex-wrap: wrap;
}
@media (max-width: 1599px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header {
margin: 0 0 15px 0;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .letter {
background-color: #00315D;
padding: 10px;
border-radius: 50%;
font-size: 25px !important;
font-size: 1.5625rem !important;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: 60px;
height: 60px;
margin-right: 15px;
}
@media (max-width: 1599px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .letter {
width: 50px;
height: 50px;
margin-right: 7px;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .tle {
font-size: 22px !important;
font-size: 1.375rem !important;
font-weight: 600;
}
@media (max-width: 1599px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .tle {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .tle p {
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (max-width: 1599px) {
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx .header .tle p {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx p a {
text-transform: uppercase;
color: #00315D;
}
.hm-testimonial-wrap .testimonials-slider .testy-wrap .bx p a:hover {
color: #1b96d3;
}
.professionals-wrap {
padding: 50px 0;
}
@media (max-width: 1600px) {
.professionals-wrap {
padding: 40px 0;
}
}
@media (max-width: 1199px) {
.professionals-wrap {
padding: 40px 0 20px;
}
}
.professionals-wrap .titleSize-52 {
font-weight: 700;
letter-spacing: 1.8px;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.professionals-wrap .titleSize-52 {
text-align: center;
}
}
.professionals-wrap p {
color: #000;
}
.professionals-wrap .e-con-inner {
align-items: center !important;
}
.professionals-wrap .left {
width: 35% !important;
}
@media (max-width: 1199px) {
.professionals-wrap .left {
width: 100% !important;
text-align: center;
}
}
.professionals-wrap .logo-wrap {
width: 65% !important;
}
@media (max-width: 1199px) {
.professionals-wrap .logo-wrap {
width: 100% !important;
justify-content: center !important;
}
}
.professionals-wrap .logo-wrap .bx {
width: 22% !important;
padding: 20px !important;
margin-bottom: 20px;
margin-top: 20px;
align-items: center !important;
justify-content: center !important;
position: relative;
}
@media (max-width: 767px) {
.professionals-wrap .logo-wrap .bx {
width: 45% !important;
padding: 5px 5px 15px !important;
border-bottom: solid 2px #d4d4d4;
margin: 5px;
}
}
.professionals-wrap .logo-wrap .bx:after {
content: "";
position: absolute;
width: 2px;
background-color: #d4d4d4;
bottom: 10px;
right: 0;
z-index: 2;
top: 5px;
height: 95%;
}
@media (max-width: 767px) {
.professionals-wrap .logo-wrap .bx:after {
display: none;
}
}
.professionals-wrap .logo-wrap .bx:before {
content: "";
position: absolute;
height: 2px;
background-color: #d4d4d4;
top: 115%;
right: 10px;
left: 10px;
z-index: 2;
width: 90%;
}
@media (max-width: 767px) {
.professionals-wrap .logo-wrap .bx:before {
display: none;
}
}
.professionals-wrap .logo-wrap .bx .elementor-widget-image img {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 5px;
}
.professionals-wrap .logo-wrap .bx.br-b:before {
display: none;
}
.professionals-wrap .logo-wrap .bx.br-r:after {
display: none;
}
.map-wrap {
padding: 70px 0;
}
@media (max-width: 1600px) {
.map-wrap {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.map-wrap {
padding: 50px 0 20px;
}
}
@media (max-width: 767px) {
.map-wrap {
padding: 30px 0 20px;
}
}
.map-wrap .e-con-inner {
justify-content: center !important;
align-items: center !important;
}
.map-wrap .e-con-inner .left {
width: 32% !important;
margin: 0 50px 0 0;
}
@media (max-width: 1199px) {
.map-wrap .e-con-inner .left {
width: 100% !important;
margin: 0 0 30px 0;
}
}
.map-wrap .e-con-inner .right {
width: 67% !important;
}
@media (max-width: 1199px) {
.map-wrap .e-con-inner .right {
width: 100% !important;
}
}
.map-wrap iframe {
height: 500px !important;
border-radius: 50%;
}
@media (max-width: 1680px) {
.map-wrap iframe {
height: 450px !important;
}
}
@media (max-width: 1599px) {
.map-wrap iframe {
height: 385px !important;
}
}
@media (max-width: 1366px) {
.map-wrap iframe {
height: 350px !important;
}
}
@media (max-width: 1199px) {
.map-wrap iframe {
border-radius: 0;
}
}
.map-wrap .ad-wrapfooter {
display: flex;
color: #fff;
align-items: center;
}
@media (max-width: 767px) {
.map-wrap .ad-wrapfooter {
flex-direction: column;
flex-wrap: wrap;
}
}
.map-wrap .ad-wrapfooter .addres-wrap {
width: 50%;
position: relative;
}
@media (max-width: 767px) {
.map-wrap .ad-wrapfooter .addres-wrap {
width: 100%;
}
}
.map-wrap .ad-wrapfooter .addres-wrap:after {
position: absolute;
content: "";
right: 0;
top: 5%;
right: 17%;
background-color: #406485;
width: 2px;
height: 75%;
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .addres-wrap:after {
right: 12%;
}
}
@media (max-width: 1023px) {
.map-wrap .ad-wrapfooter .addres-wrap:after {
right: 0;
}
}
@media (max-width: 767px) {
.map-wrap .ad-wrapfooter .addres-wrap:after {
display: none;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li {
display: flex;
color: #fff;
font-size: 24px !important;
font-size: 1.5rem !important;
font-weight: 300;
margin: 0 0 40px;
letter-spacing: 1.2px;
}
@media (max-width: 1600px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li {
font-size: 20px !important;
font-size: 1.25rem !important;
margin: 0 0 25px;
}
}
@media (max-width: 1280px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 767px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li {
margin: 0 0 20px;
}
}
@media (max-width: 1199px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li .block {
display: block;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li a {
font-size: 28px !important;
font-size: 1.75rem !important;
color: #fff;
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li a {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li a:hover {
color: #1b96d3;
}
.map-wrap .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2;
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li a[href^=tel]:hover {
color: #fff;
}
.map-wrap .ad-wrapfooter .addres-wrap ul li .ico {
margin: 0 10px 0 0;
display: flex;
height: 27px;
align-items: center;
}
.map-wrap .ad-wrapfooter .addres-wrap ul li .txt {
line-height: 1;
color: #fff;
}
.map-wrap .ad-wrapfooter .addres-wrap ul li .small {
font-size: 18px !important;
font-size: 1.125rem !important;
font-weight: 300;
letter-spacing: 2px !important;
line-height: 1;
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li .small {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li.patients .ico {
align-items: center;
padding-top: 15px;
height: 60px;
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .addres-wrap ul li.patients .ico {
padding-top: 0;
}
}
.map-wrap .ad-wrapfooter .addres-wrap ul li.adr .ico {
margin: 5px 10px 0 0;
}
.map-wrap .ad-wrapfooter .addres-wrap ul li.adr .txt {
line-height: 1.5;
}
.map-wrap .ad-wrapfooter .clinic {
margin-top: -50px;
}
@media (max-width: 1680px) {
.map-wrap .ad-wrapfooter .clinic {
margin-top: -45px;
}
}
@media (max-width: 1599px) {
.map-wrap .ad-wrapfooter .clinic {
margin-top: -10px;
}
}
@media (max-width: 1023px) {
.map-wrap .ad-wrapfooter .clinic {
padding-left: 50px;
}
}
@media (max-width: 767px) {
.map-wrap .ad-wrapfooter .clinic {
width: 100%;
margin-top: 20px;
padding-left: 0px;
}
}
.map-wrap .ad-wrapfooter .clinic .tle {
display: flex;
font-size: 30px !important;
font-size: 1.875rem !important;
font-weight: 500;
line-height: 1;
letter-spacing: 1.2px;
margin-bottom: 15px;
align-items: center;
}
@media (max-width: 1600px) {
.map-wrap .ad-wrapfooter .clinic .tle {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.map-wrap .ad-wrapfooter .clinic .tle strong {
font-weight: 600 !important;
}
.map-wrap .ad-wrapfooter .clinic .tle .ico {
margin-right: 10px;
height: 25px;
}
.map-wrap .ad-wrapfooter .clinic ul li {
padding: 7px 0;
color: #fff !important;
letter-spacing: 1.2px;
font-size: 20px !important;
font-size: 1.25rem !important;
}
@media (max-width: 1600px) {
.map-wrap .ad-wrapfooter .clinic ul li {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 1023px) {
.map-wrap .ad-wrapfooter .clinic ul li {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.fooer-form {
padding: 0 0 0 5% !important;
}
@media (max-width: 1199px) {
.fooer-form {
padding: 15px 5% !important;
}
}
.fooer-form .form-bx {
padding: 70px 0 70px 0;
}
@media (max-width: 1599px) {
.fooer-form .form-bx {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.fooer-form .form-bx {
padding: 30px 0;
}
}
@media (max-width: 767px) {
.fooer-form .form-bx {
padding: 20px 0;
}
}
.fooer-form .form-bx h2 {
font-weight: 800 !important;
margin: 0 0 20px !important;
font-size: 50px !important;
font-size: 3.125rem !important;
}
@media (max-width: 1600px) {
.fooer-form .form-bx h2 {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
@media (max-width: 1440px) {
.fooer-form .form-bx h2 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (max-width: 1199px) {
.fooer-form .form-bx h2 {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (max-width: 1023px) {
.fooer-form .form-bx h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 767px) {
.fooer-form .form-bx h2 {
font-size: 26px !important;
font-size: 1.625rem !important;
}
}
.fooer-form .form-bx p {
color: #000 !important;
font-weight: 300 !important;
}
.fooer-form .form-bx form {
margin: 30px 0;
margin-bottom: 0;
}
@media (max-width: 1199px) {
.fooer-form .form-bx form {
margin: 30px 0 10px;
}
}
.fooer-form .form-bx form ::-webkit-input-placeholder {
color: #000 !important;
}
.fooer-form .form-bx form :-moz-placeholder {
color: #000 !important;
}
.fooer-form .form-bx form ::-moz-placeholder {
color: #000 !important;
}
.fooer-form .form-bx form :-ms-input-placeholder {
color: #000 !important;
}
.fooer-form .form-bx form input,
.fooer-form .form-bx form textarea {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: solid 1px #000 !important;
border-radius: 0;
padding: 15px 0 !important;
width: 100%;
color: #000;
background: transparent;
color: #000 !important;
}
.fooer-form .form-bx form textarea {
height: 100px;
color: #000 !important;
}
.fooer-form .form-bx form button[type=Submit] {
background-color: #00315D;
border: none !important;
color: #fff;
width: 100%;
text-transform: uppercase;
border-radius: 40px;
font-size: 20px !important;
font-size: 1.25rem !important;
min-height: 70px;
}
@media (min-width: 1600px) {
.fooer-form .form-bx form button[type=Submit] {
margin-top: 20px;
}
}
@media (max-width: 1600px) {
.fooer-form .form-bx form button[type=Submit] {
font-size: 16px !important;
font-size: 1rem !important;
min-height: 60px;
}
}
@media (max-width: 1199px) {
.fooer-form .form-bx form button[type=Submit] {
width: 200px;
font-size: 16px !important;
font-size: 1rem !important;
min-height: 60px;
}
}
@media (max-width: 767px) {
.fooer-form .form-bx form button[type=Submit] {
width: 170px;
font-size: 14px !important;
font-size: 0.875rem !important;
min-height: 50px;
}
}
.fooer-form .form-bx form button[type=Submit]:hover {
background-color: #1b96d3;
}
.fooer-form .left {
width: 45% !important;
margin-right: 100px !important;
}
@media (max-width: 1199px) {
.fooer-form .left {
width: 100% !important;
margin-right: 0px !important;
}
}
.fooer-form .right {
width: 55% !important;
}
@media (max-width: 1199px) {
.fooer-form .right {
display: none !important;
}
}
.fooer-form .right .elementor-widget-container {
text-align: right !important;
}
.fooer-form .right .elementor-widget-container img {
width: 100% !important;
max-height: 900px;
}
.insta-wrap-ft {
margin: 0px 0 !important;
background: #f5f5f5;
}
.insta-wrap-ft .titleSize-25,
.insta-wrap-ft .titleSize-32 {
text-transform: none !important;
}
.insta-wrap-ft .titleSize-32 {
text-transform: none !important;
}
.insta-wrap-ft .titleSize-32 h2 {
text-transform: none !important;
}
.insta-wrap-ft .left {
width: 15% !important;
}
@media (max-width: 1199px) {
.insta-wrap-ft .left {
width: 100% !important;
}
}
.insta-wrap-ft .left .elementor-widget-container {
text-align: left !important;
}
.insta-wrap-ft .right {
width: 85% !important;
}
@media (max-width: 1199px) {
.insta-wrap-ft .right {
width: 100% !important;
}
}
.insta-wrap-ft .right #sb_instagram {
display: flex;
justify-content: start;
align-items: center;
}
@media (max-width: 767px) {
.insta-wrap-ft .right #sb_instagram {
flex-flow: wrap;
}
}
.insta-wrap-ft .right #sb_instagram .sb_instagram_header {
width: 20% !important;
}
@media (max-width: 767px) {
.insta-wrap-ft .right #sb_instagram .sb_instagram_header {
width: 100% !important;
}
}
.insta-wrap-ft .right #sb_instagram .sb_instagram_header .sbi_feedtheme_header_text {
flex-direction: column-reverse;
}
.insta-wrap-ft .right #sb_instagram .sb_instagram_header .sbi_header_img {
border-radius: 0 !important;
}
.insta-wrap-ft .right #sb_instagram .sb_instagram_header .sbi_header_img img {
border-radius: 0 !important;
}
.insta-wrap-ft .right #sb_instagram .sb_instagram_header .sbi_header_img_hover {
display: none !important;
}
.insta-wrap-ft .right #sb_instagram #sbi_images {
width: 100% !important;
display: flex !important;
}
@media (max-width: 767px) {
.insta-wrap-ft .right #sb_instagram #sbi_images {
flex-wrap: wrap;
}
}
.insta-wrap-ft .right #sb_instagram #sbi_images .sbi_photo {
display: flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
}
@media (max-width: 767px) {
.insta-wrap-ft .right #sb_instagram #sbi_images .sbi_photo {
width: 100% !important;
}
}
.insta-wrap-ft .right #sb_instagram #sbi_load {
display: none !important;
}
.stky-blue {
background: #000 !important;
position: fixed !important;
transition: all ease 0.5s;
z-index: 99;
width: 100%;
top: 115px;
bottom: unset !important;
padding: 15px 0 !important;
}
@media (max-width: 1599px) {
.stky-blue {
top: 95px;
}
}
@media (max-width: 1199px) {
.stky-blue {
top: 115px;
}
}
@media (max-width: 991px) {
.stky-blue {
top: 102px;
}
}
@media (max-width: 767px) {
.stky-blue {
top: 81px;
}
}
@media (max-width: 575px) {
.stky-blue {
top: 70px;
}
}
.stky-blue .txt {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
@media (max-width: 1850px) {
.stky-blue .txt {
font-size: 23px !important;
font-size: 1.4375rem !important;
}
}
@media (max-width: 1680px) {
.stky-blue .txt {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 1470px) {
.stky-blue .txt {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (max-width: 1199px) {
.stky-blue .txt {
display: none;
}
}
@media (max-width: 767px) {
.stky-blue .ph-wrap {
margin: 0 auto;
gap: 20px;
}
}
@media (max-width: 575px) {
.stky-blue .ph-wrap {
gap: 15px;
}
}
.stky-blue .ph-wrap .ico {
width: 40px !important;
height: 40px !important;
}
@media (max-width: 1599px) {
.stky-blue .ph-wrap .ico {
width: 35px !important;
height: 35px !important;
}
}
@media (max-width: 767px) {
.stky-blue .ph-wrap .ico {
display: none;
}
}
.stky-blue .ph-wrap .ico svg {
width: 35px !important;
height: 35px !important;
}
@media (max-width: 1599px) {
.stky-blue .ph-wrap .ico svg {
width: 30px !important;
height: 30px !important;
}
}
.stky-blue .ph-wrap .number {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
@media (max-width: 1680px) {
.stky-blue .ph-wrap .number {
font-size: 22px !important;
font-size: 1.375rem !important;
}
}
@media (max-width: 1470px) {
.stky-blue .ph-wrap .number {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 767px) {
.stky-blue .ph-wrap .number {
width: inherit !important;
margin-bottom: 0 !important;
border: none !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 767px) {
.stky-blue .ph-wrap .number:last-child {
padding-left: 0px !important;
}
}
.stky-blue .ph-wrap .number span {
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (max-width: 1680px) {
.stky-blue .ph-wrap .number span {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.input-holder.inp-marg-z {
margin-bottom: 0;
}
.hm-abt-wrap.aboutpage {
padding: 130px 0;
margin-top: -90px !important;
}
@media (max-width: 1599px) {
.hm-abt-wrap.aboutpage {
margin-top: -70px !important;
}
}
@media (max-width: 1199px) {
.hm-abt-wrap.aboutpage {
padding: 100px 0 50px;
}
}
@media (max-width: 1023px) {
.hm-abt-wrap.aboutpage {
padding: 100px 0 25px;
}
}
.hm-abt-wrap.aboutpage .right .elementor-widget-container {
text-align: left;
}
@media (max-width: 1599px) {
.hm-abt-wrap.aboutpage .right .elementor-widget-container img {
width: 90% !important;
}
}
@media (max-width: 767px) {
.hm-abt-wrap.aboutpage .right .elementor-widget-container img {
width: 100% !important;
}
}
.meet-our-wrap {
padding: 100px 0 70px;
}
@media (max-width: 1599px) {
.meet-our-wrap {
padding: 70px 0 20px;
}
}
@media (max-width: 1199px) {
.meet-our-wrap {
padding: 30px 0;
}
}
@media (max-width: 767px) {
.meet-our-wrap {
padding: 30px 0;
}
}
.meet-our-wrap .heading-wrap {
align-items: center !important;
width: 87% !important;
margin: 0 auto !important;
}
@media (max-width: 1199px) {
.meet-our-wrap .heading-wrap {
flex-wrap: wrap !important;
width: 100% !important;
}
}
.meet-our-wrap .heading-wrap .left {
width: 23% !important;
border-right: solid 2px #c7c7c8;
padding-right: 50px !important;
}
@media (max-width: 1199px) {
.meet-our-wrap .heading-wrap .left {
width: 100% !important;
padding-right: 0px !important;
border-right: none;
}
}
@media (max-width: 1199px) and (max-width: 1199px) {
.meet-our-wrap .heading-wrap .left {
margin-bottom: 10px !important;
}
}
.meet-our-wrap .heading-wrap .left h2 {
font-size: 40px !important;
font-size: 2.5rem !important;
letter-spacing: 1.8px;
margin-bottom: 0 !important;
}
@media (max-width: 1599px) {
.meet-our-wrap .heading-wrap .left h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 1023px) {
.meet-our-wrap .heading-wrap .left h2 {
text-align: center;
}
}
.meet-our-wrap .heading-wrap .left h2 span.block {
font-size: 70px !important;
font-size: 4.375rem !important;
font-weight: 800 !important;
}
@media (max-width: 1599px) {
.meet-our-wrap .heading-wrap .left h2 span.block {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .heading-wrap .left h2 span.block {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
.meet-our-wrap .heading-wrap .right {
width: 75% !important;
padding-left: 70px !important;
}
@media (max-width: 1199px) {
.meet-our-wrap .heading-wrap .right {
width: 100% !important;
padding-left: 0px !important;
}
}
.meet-our-wrap .heading-wrap .right p {
font-size: 22px !important;
font-size: 1.375rem !important;
}
@media (max-width: 1680px) {
.meet-our-wrap .heading-wrap .right p {
font-size: 18px !important;
font-size: 1.125rem !important;
}
}
@media (max-width: 1599px) {
.meet-our-wrap .heading-wrap .right p {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 1023px) {
.meet-our-wrap .heading-wrap .right p {
text-align: center;
}
}
@media (max-width: 767px) {
.meet-our-wrap .heading-wrap .right p {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
.meet-our-wrap .meet_bx_wp {
margin: 70px 0 0;
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp {
margin: 30px 0 0;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper {
justify-content: center;
}
}
@media (max-width: 767px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper {
margin: 0;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt {
width: calc(25% - 30px) !important;
margin: 0 15px 70px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: all ease 0.5s;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt {
width: calc(25% - 30px) !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt {
width: calc(33.33333% - 30px) !important;
margin: 0 15px 30px;
}
}
@media (max-width: 1023px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt {
width: calc(48% - 30px) !important;
}
}
@media (max-width: 767px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt {
width: 100% !important;
margin: 0 0 15px;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .btnsNew.border-btn, .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .border-btn.elementor-button,
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt a.border-btn {
height: 60px !important;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .btnsNew.border-btn, .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .border-btn.elementor-button,
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt a.border-btn {
height: 40px !important;
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show {
background: #fff;
transition: all ease 0.5s;
border-radius: 5px;
text-align: center;
padding: 15px;
position: absolute;
z-index: 3;
bottom: 7%;
left: 20px;
right: 20px;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show {
padding: 10px;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show .hd {
font-weight: 600;
font-size: 20px !important;
font-size: 1.25rem !important;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show .hd {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 1470px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show .hd {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (max-width: 1280px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show .hd {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show .hd {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show p {
font-size: 16px !important;
font-size: 1rem !important;
}
@media (max-width: 1280px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show p {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.show p {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide {
display: none;
transition: all ease 0.5s;
text-align: center;
position: absolute;
padding: 15px;
z-index: 3;
bottom: 10%;
left: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.4);
border-radius: 5px;
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .btnsNew.border-btn, .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .border-btn.elementor-button,
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide a.border-btn {
height: 50px !important;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .btnsNew.border-btn, .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .border-btn.elementor-button,
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide a.border-btn {
height: 40px !important;
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 1599px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .btnsNew.border-btn, .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .border-btn.elementor-button,
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide a.border-btn {
height: 35px !important;
font-size: 10px !important;
font-size: 0.625rem !important;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .hd {
font-weight: 600;
font-size: 25px !important;
font-size: 1.5625rem !important;
color: #fff;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide .hd {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide p {
color: #fff !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 1600px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt .tle.hide p {
font-size: 12px !important;
font-size: 0.75rem !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt:nth-child(9) {
margin-bottom: 0;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt.bx_last {
background: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/images/last.jpg) no-repeat #1e5a92;
margin-bottom: 76px;
}
@media (max-width: 1599px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt.bx_last {
margin-bottom: 75px;
}
}
@media (max-width: 1199px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt.bx_last {
min-height: 150px;
margin-bottom: 34px;
}
}
@media (max-width: 1023px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt.bx_last {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt.bx_last {
min-height: 100px;
}
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt:hover {
transition: all ease 0.5s;
transform: scale(1.2);
z-index: 3;
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt:hover .tle.show {
display: none;
}
.meet-our-wrap .meet_bx_wp .met-bx-wraper .bx_mt:hover .tle.hide {
display: block;
}
.lt-rt-wrap {
padding: 100px 0;
}
@media (max-width: 1599px) {
.lt-rt-wrap {
padding: 50px 0;
}
}
.lt-rt-wrap .e-con-inner {
align-items: center !important;
}
.lt-rt-wrap .titleSize-65 {
letter-spacing: 1.8px;
font-weight: 800 !important;
margin-bottom: 20px !important;
}
.lt-rt-wrap .titleSize-32 {
margin-bottom: 15px !important;
}
.lt-rt-wrap p {
margin-bottom: 20px !important;
}
@media (max-width: 1599px) {
.lt-rt-wrap p {
margin-bottom: 15px !important;
}
}
.lt-rt-wrap .border .elementor-button-wrapper .elementor-button,
.lt-rt-wrap .border .elementor-button-wrapper a {
font-size: 17px !important;
font-size: 1.0625rem !important;
height: 70px;
padding-left: 40px !important;
padding-right: 40px !important;
margin-top: 20px !important;
}
@media (max-width: 1599px) {
.lt-rt-wrap .border .elementor-button-wrapper .elementor-button,
.lt-rt-wrap .border .elementor-button-wrapper a {
height: 55px;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 14px !important;
font-size: 0.875rem !important;
margin-top: 10px !important;
}
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .left.img {
order: 1;
}
}
.lt-rt-wrap .e-con-inner .left.img .elementor-widget-container {
text-align: left;
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .left.img .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1599px) {
.lt-rt-wrap .e-con-inner .left.img .elementor-widget-container img {
width: 90% !important;
}
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .left.img .elementor-widget-container img {
width: 100% !important;
margin: 20px 0 0;
}
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .right.img {
order: 1;
}
}
.lt-rt-wrap .e-con-inner .right.img .elementor-widget-container {
text-align: right;
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .right.img .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1599px) {
.lt-rt-wrap .e-con-inner .right.img .elementor-widget-container img {
width: 90% !important;
}
}
@media (max-width: 1199px) {
.lt-rt-wrap .e-con-inner .right.img .elementor-widget-container img {
width: 100% !important;
margin: 20px 0 0;
}
}
.meet-our-wrap.our-team-page {
padding: 130px 0;
margin-top: -90px !important;
}
@media (max-width: 1599px) {
.meet-our-wrap.our-team-page {
margin-top: -70px !important;
}
}
@media (max-width: 1199px) {
.meet-our-wrap.our-team-page {
padding: 100px 0 50px;
}
}
@media (max-width: 1023px) {
.meet-our-wrap.our-team-page {
padding: 100px 0 25px;
}
}
.dentist-single {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 50px 0;
}
.dentist-single .image {
width: 25%;
margin-right: 50px;
}
@media (max-width: 1199px) {
.dentist-single .image {
margin-right: 30px;
}
}
@media (max-width: 1023px) {
.dentist-single .image {
width: 50%;
margin: 0 0 20px;
}
}
@media (max-width: 767px) {
.dentist-single .image {
width: 100%;
}
}
.dentist-single .text {
width: 70%;
}
@media (max-width: 1023px) {
.dentist-single .text {
width: 100%;
}
}
@media (max-width: 1199px) {
.page-id-3974 .e-con-inner .left.img,
.page-id-3974 .e-con-inner .right.img {
order: 1;
margin-bottom: 20px;
}
}
@media (max-width: 1199px) {
.page-id-3974 .e-con-inner .left,
.page-id-3974 .e-con-inner .right {
order: 2;
}
}
.tech-top-box .e-con-inner {
justify-content: center !important;
align-items: center !important;
}
@media (max-width: 1199px) {
.tech-top-box .e-con-inner {
flex-wrap: wrap !important;
}
}
@media (max-width: 1199px) {
.tech-top-box .left {
margin-bottom: 20px;
}
}
.tech-top-box .left .elementor-widget-container {
text-align: left;
}
@media (max-width: 1199px) {
.tech-top-box .left .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1680px) {
.tech-top-box .left .elementor-widget-container img {
max-width: 90% !important;
}
}
@media (max-width: 1680px) and (max-width: 1199px) {
.tech-top-box .left .elementor-widget-container img {
max-width: 100% !important;
}
}
.tech-top-box .right .titleSize-65 {
letter-spacing: 1.8px;
font-weight: 700 !important;
margin-bottom: 20px !important;
}
.tech-top-box .right .titleSize-43 {
font-weight: 700 !important;
letter-spacing: 1.8px;
margin-bottom: 20px !important;
}
.techno-links {
display: flex;
flex-wrap: wrap;
margin: 50px 0;
justify-content: space-between;
}
@media (max-width: 1199px) {
.techno-links {
justify-content: center;
}
}
.techno-links:after, .techno-links:before {
display: none;
}
.techno-links .tech {
padding: 15px;
width: 24%;
height: 100px;
margin: 0 5px 10px;
border-radius: 5px;
text-align: center;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
color: #00315D;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 32px;
font-weight: 700;
}
@media (max-width: 1599px) {
.techno-links .tech {
font-size: 24px !important;
font-size: 1.5rem !important;
}
}
@media (max-width: 1199px) {
.techno-links .tech {
width: 30%;
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 24px;
padding: 10px;
}
}
@media (max-width: 767px) {
.techno-links .tech {
width: 47%;
font-size: 14px !important;
font-size: 0.875rem !important;
line-height: 18px;
height: 80px;
}
}
.techno-links .tech:hover {
background-color: #00315D;
color: #fff;
}
.ser-tle .titleSize-65 {
font-weight: 800 !important;
margin-bottom: 10px !important;
}
.dental-service-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
margin: 80px 0;
}
@media (max-width: 1600px) {
.dental-service-wrap {
margin: 50px 0;
}
}
@media (max-width: 1199px) {
.dental-service-wrap {
margin: 30px 0;
}
}
.dental-service-wrap:after, .dental-service-wrap:before {
display: none;
}
.dental-service-wrap .den-bx {
width: 32%;
position: relative;
margin: 0 0 25px;
transition: all ease 0.5s;
}
@media (max-width: 1023px) {
.dental-service-wrap .den-bx {
width: 48%;
}
}
@media (max-width: 767px) {
.dental-service-wrap .den-bx {
width: 100%;
margin: 10px 0px;
}
}
.dental-service-wrap .den-bx:after {
content: "";
position: absolute;
left: 0;
z-index: 2;
bottom: 7px;
height: 100%;
width: 100%;
background: url(//www.bristoldental.ca/wp-content/themes/bristoldental/assets/images/den-bg.png) no-repeat;
background-position: center bottom;
}
.dental-service-wrap .den-bx .tle_bx.hide {
display: none;
transition: all ease 0.5s;
position: absolute;
padding: 20px;
color: #fff;
z-index: 3;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
}
.dental-service-wrap .den-bx .tle_bx.hide p {
text-align: center;
color: #fff !important;
}
.dental-service-wrap .den-bx .tle_bx.hide .btnsNew.border-btn, .dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide .border-btn.elementor-button,
.dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide a.border-btn {
height: 60px !important;
padding-left: 40px !important;
padding-right: 40px !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 1600px) {
.dental-service-wrap .den-bx .tle_bx.hide .btnsNew.border-btn, .dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide .border-btn.elementor-button,
.dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide a.border-btn {
height: 50px !important;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 1440px) {
.dental-service-wrap .den-bx .tle_bx.hide .btnsNew.border-btn, .dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper .border-btn.elementor-button, .elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide .border-btn.elementor-button,
.dental-service-wrap .den-bx .tle_bx.hide .elementor-button-wrapper a.border-btn,
.elementor-button-wrapper .dental-service-wrap .den-bx .tle_bx.hide a.border-btn {
height: 40px !important;
padding-left: 20px !important;
padding-right: 20px !important;
font-size: 12px !important;
font-size: 0.75rem !important;
}
}
.dental-service-wrap .den-bx .tle_bx.show {
display: flex;
flex-direction: row;
align-items: center;
transition: all ease 0.5s;
position: absolute;
left: 50px;
right: 50px;
bottom: 10%;
z-index: 3;
color: #fff;
}
.dental-service-wrap .den-bx .tle_bx.show .icon {
width: 70px;
height: 70px;
margin-right: 15px;
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx .tle_bx.show .icon {
width: 60px;
height: 60px;
}
}
.dental-service-wrap .den-bx .tle_bx.show .icon svg,
.dental-service-wrap .den-bx .tle_bx.show .icon img {
width: 60px !important;
height: 60px !important;
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx .tle_bx.show .icon svg,
.dental-service-wrap .den-bx .tle_bx.show .icon img {
width: 50px !important;
height: 50px !important;
}
}
.dental-service-wrap .den-bx .tle_bx.show .h2 {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 30px;
}
@media (max-width: 1600px) {
.dental-service-wrap .den-bx .tle_bx.show .h2 {
font-size: 25px !important;
font-size: 1.5625rem !important;
line-height: 25px;
}
}
@media (max-width: 1599px) {
.dental-service-wrap .den-bx .tle_bx.show .h2 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 25px;
}
}
.dental-service-wrap .den-bx .tle_bx.show .h2 span {
display: block;
}
.dental-service-wrap .den-bx:hover {
transform: scale(1.2);
transition: all ease 0.5s;
z-index: 3;
}
@media (max-width: 767px) {
.dental-service-wrap .den-bx:hover {
transform: scale(1);
}
}
.dental-service-wrap .den-bx:hover:after {
height: 98.5%;
background: rgba(0, 49, 93, 0.8);
}
.dental-service-wrap .den-bx:hover .tle_bx.show {
display: none;
transition: all ease 0.5s;
}
.dental-service-wrap .den-bx:hover .tle_bx.hide {
display: flex;
flex-direction: column;
align-items: center;
transition: all ease 0.5s;
justify-content: center;
text-align: center;
}
.dental-service-wrap .den-bx:hover .tle_bx.hide .h2 {
font-size: 35px !important;
font-size: 2.1875rem !important;
line-height: 45px;
}
@media (max-width: 1600px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .h2 {
font-size: 25px !important;
font-size: 1.5625rem !important;
line-height: 35px;
}
}
@media (max-width: 1599px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .h2 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 30px;
}
}
.dental-service-wrap .den-bx:hover .tle_bx.hide p {
font-size: 14px !important;
font-size: 0.875rem !important;
}
@media (max-width: 1599px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide p {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
}
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon {
margin: 0 auto;
text-align: center;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1599px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon {
width: 90px;
height: 90px;
}
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon {
width: 70px;
height: 70px;
}
}
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon svg,
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon img {
width: 80px !important;
height: 80px !important;
}
@media (max-width: 1599px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon svg,
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon img {
width: 70px !important;
height: 70px !important;
}
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon svg,
.dental-service-wrap .den-bx:hover .tle_bx.hide .icon img {
width: 60px !important;
height: 60px !important;
}
}
.dental-service-wrap .den-bx.peri .tle_bx.show .icon img,
.dental-service-wrap .den-bx.peri .tle_bx.show .icon svg {
width: 60px !important;
height: 60px !important;
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx.peri .tle_bx.show .icon img,
.dental-service-wrap .den-bx.peri .tle_bx.show .icon svg {
width: 50px !important;
height: 50px !important;
}
}
.dental-service-wrap .den-bx.oral-sur .tle_bx.show .icon img,
.dental-service-wrap .den-bx.oral-sur .tle_bx.show .icon svg {
width: 70px !important;
height: 70px !important;
}
@media (max-width: 1199px) {
.dental-service-wrap .den-bx.oral-sur .tle_bx.show .icon img,
.dental-service-wrap .den-bx.oral-sur .tle_bx.show .icon svg {
width: 50px !important;
height: 50px !important;
}
}
@media (min-width: 768px) {
.mob-break {
display: block;
}
}
@media (min-width: 992px) {
.ip-break {
display: block;
}
}
@media (min-width: 1200px) {
.desk-break {
display: block;
}
}
.service-first-fold {
padding: 20px 0 100px;
}
@media (max-width: 1680px) {
.service-first-fold {
padding: 20px 0 70px;
}
}
@media (max-width: 1199px) {
.service-first-fold {
padding: 20px 0 40px;
}
}
.service-first-fold .titleSize-65 {
font-weight: 800 !important;
}
.service-first-fold .fs-25 .elementor-heading-title {
line-height: 35px;
}
@media (max-width: 1680px) {
.service-first-fold .fs-25 .elementor-heading-title {
font-size: 22px !important;
font-size: 1.375rem !important;
line-height: 30px;
}
}
@media (max-width: 1599px) {
.service-first-fold .fs-25 .elementor-heading-title {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 25px;
}
}
@media (max-width: 1199px) {
.service-first-fold .e-con-inner .left {
margin-bottom: 20px;
}
}
.service-first-fold .e-con-inner .left .elementor-widget-container {
text-align: left;
}
@media (max-width: 1199px) {
.service-first-fold .e-con-inner .left .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1680px) {
.service-first-fold .e-con-inner .left .elementor-widget-container img {
max-width: 90% !important;
}
}
@media (max-width: 1199px) {
.service-first-fold .e-con-inner .left .elementor-widget-container img {
max-width: 100% !important;
}
}
.service-second-fold {
padding: 50px 0;
background-image: linear-gradient(90deg, #16d7d6 1%, #169bcf 90%);
}
@media (max-width: 1199px) {
.service-second-fold {
padding: 30px 0;
}
}
.service-second-fold .cmn-ul ul li {
color: #fff !important;
}
.service-second-fold .cmn-ul ul li a {
color: #000 !important;
}
.service-second-fold .cmn-ul ul li a:hover {
color: #fff !important;
}
.service-second-fold .titleSize-65 {
font-weight: 800 !important;
color: #fff !important;
}
.service-second-fold .titleSize-32, .service-second-fold .titleSize-24 {
color: #fff !important;
}
.service-second-fold p {
color: #fff !important;
}
.service-second-fold p a {
color: #000 !important;
}
.service-second-fold p a:hover {
color: #fff !important;
}
.service-second-fold .e-con-inner .left .fs-27 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.service-second-fold .e-con-inner .left .fs-27 p,
.service-second-fold .e-con-inner .left .fs-27 li {
font-size: inherit !important;
}
@media (min-width: 1200px) {
.service-second-fold .e-con-inner .left .fs-27 {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (min-width: 1440px) {
.service-second-fold .e-con-inner .left .fs-27 {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
@media (min-width: 1600px) {
.service-second-fold .e-con-inner .left .fs-27 {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (min-width: 1850px) {
.service-second-fold .e-con-inner .left .fs-27 {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
.service-second-fold .e-con-inner .left p,
.service-second-fold .e-con-inner .left li {
font-weight: 400;
}
.service-second-fold .e-con-inner .left ul li {
padding: 5px 5px 5px 25px;
position: relative;
}
.service-second-fold .e-con-inner .left ul li:after {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 10px;
height: 10px;
background: #fff !important;
border-radius: 50%;
}
@media (max-width: 1599px) {
.service-second-fold .e-con-inner .left ul li:after {
top: 12px;
width: 8px;
height: 8px;
}
}
@media (max-width: 1366px) {
.service-second-fold .e-con-inner .left ul li:after {
top: 12px;
}
}
@media (max-width: 1199px) {
.service-second-fold .e-con-inner .left ul li:after {
top: 12px;
}
}
.service-second-fold .e-con-inner .right .elementor-widget-container {
text-align: right;
}
@media (max-width: 1199px) {
.service-second-fold .e-con-inner .right .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1680px) {
.service-second-fold .e-con-inner .right .elementor-widget-container img {
max-width: 90% !important;
}
}
@media (max-width: 1599px) {
.service-second-fold .e-con-inner .right .elementor-widget-container img {
max-width: 100% !important;
}
}
@media (max-width: 1199px) {
.service-third-fold {
padding: 30px 0 !important;
}
}
.service-third-fold .left .elementor-widget-container {
text-align: left;
}
@media (max-width: 1199px) {
.service-third-fold .left .elementor-widget-container {
text-align: center;
}
}
@media (max-width: 1680px) {
.service-third-fold .left .elementor-widget-container img {
max-width: 90% !important;
}
}
@media (max-width: 1199px) {
.service-third-fold .left .elementor-widget-container img {
max-width: 100% !important;
}
}
@media (max-width: 1600px) {
.service-third-fold .right .block {
display: inline;
}
}
.faq-wrap {
padding: 100px 0;
}
@media (max-width: 1680px) {
.faq-wrap {
padding: 50px 0;
}
}
@media (max-width: 1199px) {
.faq-wrap {
padding: 30px 0;
}
}
.cmn-space-inner,
.cmn-space-outer,
.cmn-space-inner-top,
.cmn-space-outer-top,
.cmn-space-inner-bottom,
.cmn-space-outer-bottom {
--spacing-section: 20px;
}
@media (min-width: 768px) {
.cmn-space-inner,
.cmn-space-outer,
.cmn-space-inner-top,
.cmn-space-outer-top,
.cmn-space-inner-bottom,
.cmn-space-outer-bottom {
--spacing-section: 30px;
}
}
@media (min-width: 1200px) {
.cmn-space-inner,
.cmn-space-outer,
.cmn-space-inner-top,
.cmn-space-outer-top,
.cmn-space-inner-bottom,
.cmn-space-outer-bottom {
--spacing-section: 70px;
}
}
@media (min-width: 1440px) {
.cmn-space-inner,
.cmn-space-outer,
.cmn-space-inner-top,
.cmn-space-outer-top,
.cmn-space-inner-bottom,
.cmn-space-outer-bottom {
--spacing-section: 70px;
}
}
.cmn-space-inner {
padding-top: var(--spacing-section);
padding-bottom: var(--spacing-section);
}
.cmn-space-outer {
margin-top: var(--spacing-section);
margin-bottom: var(--spacing-section);
}
.cmn-space-inner-top {
padding-top: var(--spacing-section);
}
.cmn-space-outer-top {
margin-top: var(--spacing-section);
}
.cmn-space-inner-bottom {
padding-bottom: var(--spacing-section);
}
.cmn-space-outer-bottom {
margin-bottom: var(--spacing-section);
}
.thank-wrap {
padding: 100px 0;
text-align: center;
}
@media (max-width: 1600px) {
.thank-wrap {
padding: 40px 0;
}
}
@media (max-width: 1599px) {
.thank-wrap .elementor-widget-container img {
max-width: 20% !important;
}
}
@media (max-width: 1199px) {
.thank-wrap .elementor-widget-container img {
max-width: 100% !important;
}
}
@media (max-width: 767px) {
.thank-wrap .elementor-widget-container img {
max-width: 100% !important;
}
}
.thank-wrap h1 {
margin: 20px 0 !important;
text-transform: uppercase !important;
}
@media (max-width: 767px) {
.thank-wrap h1 {
margin: 10px 0 !important;
}
}
.thank-wrap h1 span {
color: #00315D;
}
.thank-wrap h2 {
margin: 0 0 20px 0 !important;
}
@media (max-width: 767px) {
.thank-wrap h2 {
margin: 0 0 10px 0 !important;
}
}
.thank-wrap p {
margin: 0 0 20px 0 !important;
}
.thank-wrap p a {
font-weight: 600;
}
@media (min-width: 320px) {
.thank-wrap .elementor-button {
font-size: 14px !important;
font-size: 0.875rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
height: 50px !important;
}
}
.our-office {
display: flex;
flex-direction: row;
justify-content: center;
margin: 50px 0;
flex-wrap: wrap;
}
.our-office:after, .our-office:before {
display: none;
}
.our-office .btn-wrap {
margin: 0 auto;
text-align: center;
display: block;
width: 100%;
}
.our-office .btn-wrap .btnsNew, .our-office .btn-wrap .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .our-office .btn-wrap .elementor-button,
.our-office .btn-wrap .elementor-button-wrapper a,
.elementor-button-wrapper .our-office .btn-wrap a {
padding: 15px 20px;
}
.our-office .btn-wrap .btnsNew.noContent, .our-office .btn-wrap .elementor-button-wrapper .noContent.elementor-button, .elementor-button-wrapper .our-office .btn-wrap .noContent.elementor-button,
.our-office .btn-wrap .elementor-button-wrapper a.noContent,
.elementor-button-wrapper .our-office .btn-wrap a.noContent {
display: none;
}
.our-office .card {
width: 30%;
margin: 0 20px 30px;
display: none;
}
@media (max-width: 1599px) {
.our-office .card {
margin: 0 10px 20px;
}
}
@media (max-width: 1023px) {
.our-office .card {
width: 47%;
}
}
@media (max-width: 767px) {
.our-office .card {
width: 100%;
margin: 0 0 20px;
}
}
.terms-use ol {
list-style-type: none;
counter-reset: ordered;
margin-left: 50px;
}
.terms-use li {
margin-bottom: 20px;
color: white;
font-size: 20px;
font-family: "Roboto", sans-serif;
position: relative;
}
.terms-use li ol {
margin-left: 20px;
}
.terms-use li ol li::before {
border: none !important;
}
.terms-use li::before {
border: 2px solid #00315D;
border-radius: 50%;
color: #000;
content: counter(ordered);
counter-increment: ordered;
display: inline-block;
font-weight: 600;
margin-left: -50px;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
top: 5px;
}
@media (max-width: 1599px) {
.terms-use li::before {
width: 30px;
height: 30px;
top: 3px;
}
}
@media (max-width: 1199px) {
.terms-use li::before {
top: 0;
}
}
.pdf-wrap {
display: flex;
justify-content: space-between;
margin: 50px 0;
align-items: center;
}
@media (max-width: 1199px) {
.pdf-wrap {
flex-wrap: wrap;
justify-content: center;
}
}
.pdf-wrap:after, .pdf-wrap:before {
display: none;
}
@media (max-width: 1199px) {
.pdf-wrap:after, .pdf-wrap:before {
display: block;
}
}
.pdf-wrap a {
color: #00315D;
margin: 5px 0;
display: block;
border: solid 1px;
padding: 0;
display: flex;
justify-content: space-between;
}
.pdf-wrap a:hover {
background: #00315D;
color: #fff;
}
.pdf-wrap a span {
padding: 15px;
}
@media (max-width: 1199px) {
.pdf-wrap a span {
font-size: 14px !important;
font-size: 0.875rem !important;
}
}
.pdf-wrap a i {
display: flex;
justify-content: center;
align-items: center;
background: #1b96d3;
width: 53px;
height: 53px;
}
.pdf-wrap a i svg {
width: 20px;
height: 20px;
fill: #fff;
}
.pdf-wrap .new-pt-fm {
width: 30%;
}
@media (max-width: 1199px) {
.pdf-wrap .new-pt-fm {
width: 45%;
margin: 0 5px 10px;
}
}
@media (max-width: 767px) {
.pdf-wrap .new-pt-fm {
width: 100%;
margin: 0 0 10px;
}
}
.pdf-wrap .em-pt-fm {
width: 30%;
}
@media (max-width: 1199px) {
.pdf-wrap .em-pt-fm {
width: 45%;
margin: 0 5px 10px;
}
}
@media (max-width: 767px) {
.pdf-wrap .em-pt-fm {
width: 100%;
margin: 0 0 10px;
}
}
.pdf-wrap .pt-cn-fm {
width: 30%;
}
@media (max-width: 1199px) {
.pdf-wrap .pt-cn-fm {
width: 45%;
margin: 0 5px;
}
}
@media (max-width: 767px) {
.pdf-wrap .pt-cn-fm {
width: 100%;
margin: 0 0 10px;
}
}
.bf-af-sld.bf-af-gal-page {
margin: 70px 0;
}
.bf-af-sld.bf-af-gal-page .slick-next {
right: 0px;
top: auto !important;
bottom: 0px;
}
@media (max-width: 767px) {
.bf-af-sld.bf-af-gal-page .slick-next {
width: 30px;
height: 30px;
}
}
@media (max-width: 767px) {
.bf-af-sld.bf-af-gal-page .slick-next:before {
width: 8px;
height: 8px;
}
}
.bf-af-sld.bf-af-gal-page .slick-prev {
right: 53px;
left: auto !important;
top: auto !important;
bottom: 0px;
}
@media (max-width: 767px) {
.bf-af-sld.bf-af-gal-page .slick-prev {
width: 30px;
height: 30px;
right: 32px;
}
}
@media (max-width: 767px) {
.bf-af-sld.bf-af-gal-page .slick-prev:before {
width: 8px;
height: 8px;
}
}
.bf-af-sld.bf-af-gal-page .ba_item_in img {
height: inherit !important;
max-height: inherit !important;
max-width: inherit !important;
}
.bf-af-sld.bf-af-gal-page .ba_item_in div:first-child img {
width: 100% !important;
}
.sry-bredcrump .e-con-inner {
justify-content: flex-start !important;
align-items: flex-start !important;
}
.main_content.search_result {
margin: 50px 0;
}
.main_content.search_result .entry-title.sec_title {
font-size: 50px !important;
}
@media (max-width: 1599px) {
.main_content.search_result .entry-title.sec_title {
font-size: 40px !important;
}
}
@media (max-width: 1199px) {
.main_content.search_result .entry-title.sec_title {
font-size: 28px !important;
}
}
.main_content.search_result .search-result-wrap {
border-bottom: solid 1px #ddd;
margin: 20px 0;
padding-bottom: 20px;
}
.main_content.search_result .search-result-wrap h2 {
font-size: 35px !important;
}
@media (max-width: 1599px) {
.main_content.search_result .search-result-wrap h2 {
font-size: 30px !important;
}
}
@media (max-width: 1199px) {
.main_content.search_result .search-result-wrap h2 {
font-size: 25px !important;
}
}
.main_content.search_result .search-result-wrap .btn {
font-size: 13px !important;
height: 40px;
padding-left: 20px !important;
padding-right: 20px !important;
}
.bg-grey {
background: #f5f5f5;
}
.pd-top-adjst {
padding-top: 10px !important;
}
@media (min-width: 1200px) {
.pd-top-adjst {
padding-top: 20px !important;
}
}
.box-wrap-inner {
margin: 0 -10px !important;
}
.box-wrap-inner .box-pding {
position: relative;
background: #fff;
padding: 20px !important;
margin: 10px;
}
@media (min-width: 1200px) {
.box-wrap-inner .box-pding {
padding: 25px !important;
}
}
@media (min-width: 1600px) {
.box-wrap-inner .box-pding {
padding: 40px !important;
}
}
.box-wrap-inner .box-pding .elementor-heading-title {
padding-bottom: 10px;
font-weight: 700 !important;
}
.box-wrap-inner .box-pding:before, .box-wrap-inner .box-pding:after {
content: "";
position: absolute;
height: 30%;
width: 30%;
background-color: transparent;
opacity: 0.5;
}
.box-wrap-inner .box-pding::before {
border-left: 3px solid #4399ce;
border-top: 3px solid #4399ce;
left: 0;
top: 0;
}
.box-wrap-inner .box-pding::after {
border-right: 3px solid #000000;
border-bottom: 3px solid #000000;
right: 0;
bottom: 0;
}
.bg-alter {
background: #fff !important;
}
.bg-alter .box-wrap-inner .box-pding {
background: #f5f5f5;
}
.faq-wrap.e-con .elementor-widget {
min-width: 100% !important;
}
.faq-wrap .elementor-widget-heading .elementor-heading-title {
font-weight: 800 !important;
margin: 0 0 50px !important;
}
@media (max-width: 1199px) {
.faq-wrap .elementor-widget-heading .elementor-heading-title {
margin: 0 0 25px !important;
}
}
.accordionjs {
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-top: 10px;
margin-bottom: 20px;
width: 80%;
margin: 0 auto;
}
@media (max-width: 1199px) {
.accordionjs {
width: 100%;
}
}
.accordionjs .acc_section {
position: relative;
z-index: 10;
overflow: hidden;
width: 100%;
}
.accordionjs .acc_section .acc_head {
position: relative;
background: #eeeeee;
padding: 20px 55px 20px 35px;
display: block;
cursor: pointer;
color: #000;
font-size: 25px;
margin: 0 0 10px;
position: relative;
width: 100%;
}
@media (max-width: 1599px) {
.accordionjs .acc_section .acc_head {
font-size: 20px;
}
}
@media (max-width: 767px) {
.accordionjs .acc_section .acc_head {
font-size: 18px;
padding: 15px 40px 15px 25px;
}
}
.accordionjs .acc_section .acc_head:after {
position: absolute;
right: 30px;
top: 30px;
content: "";
width: 12px;
height: 12px;
background: transparent;
border-left: solid 1px #000;
border-top: solid 1px #000;
transform: rotate(225deg);
transition: all ease 0.3s;
}
.accordionjs .acc_section .acc_head h3 {
line-height: 1;
margin: 5px 0;
}
.accordionjs .acc_section .acc_content {
padding: 30px 35px;
}
@media (max-width: 767px) {
.accordionjs .acc_section .acc_content {
padding: 15px 25px;
}
}
.accordionjs .acc_section:first-of-type,
.accordionjs .acc_section:first-of-type .acc_head {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.accordionjs .acc_section:last-of-type,
.accordionjs .acc_section:last-of-type .acc_content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.accordionjs .acc_section.acc_active > .acc_content {
display: block;
}
.accordionjs .acc_section.acc_active > .acc_head {
background: #00315d;
color: #fff;
}
.accordionjs .acc_section.acc_active > .acc_head:after {
position: absolute;
right: 30px;
top: 30px;
content: "";
width: 12px;
height: 12px;
background: transparent;
border-left: solid 1px #fff;
border-top: solid 1px #fff;
transform: rotate(135deg);
transition: all ease 0.3s;
}
.write-testimonial {
background: #00315D;
padding: 50px 0;
}
.write-testimonial #testimonial-form {
width: 80% !important;
margin: 0 auto;
}
@media (max-width: 1366px) {
.write-testimonial #testimonial-form {
width: 100% !important;
}
}
.write-testimonial #testimonial-form form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
}
.write-testimonial #testimonial-form form:after, .write-testimonial #testimonial-form form:before {
display: none !important;
}
.write-testimonial #testimonial-form form .form-field {
margin: 10px auto;
width: 48%;
}
@media (max-width: 767px) {
.write-testimonial #testimonial-form form .form-field {
width: 100%;
}
}
.write-testimonial #testimonial-form form .form-field .text {
color: #fff !important;
}
.write-testimonial #testimonial-form form .form-field span {
color: #fff !important;
font-size: 16px !important;
font-size: 1rem !important;
font-style: normal;
padding: 10px 0;
}
.write-testimonial #testimonial-form form .form-field label {
color: #fff !important;
margin: 10px 0;
}
.write-testimonial #testimonial-form form .form-field input {
width: 100%;
}
.write-testimonial #testimonial-form form .form-field input[type=text] {
padding: 15px;
color: #000 !important;
}
.write-testimonial #testimonial-form form .form-field input,
.write-testimonial #testimonial-form form .form-field textarea {
color: #000 !important;
font-size: 15px !important;
}
.write-testimonial #testimonial-form form .form-field input[type=checkbox] {
padding: 15px;
background: #1b96d3 !important;
width: 25px;
height: 25px;
margin: 0 15px 0 0;
}
.write-testimonial #testimonial-form form .form-field input[type=submit] {
max-width: 300px;
width: 300px;
background: #1b96d3 !important;
border: none !important;
font-weight: 500 !important;
box-shadow: none !important;
color: #fff !important;
height: 70px;
text-shadow: none !important;
border-radius: 0 !important;
font-size: 20px !important;
font-size: 1.25rem !important;
}
.write-testimonial #testimonial-form form .form-field input[type=submit]:hover {
background: #000 !important;
color: #fff !important;
}
.write-testimonial #testimonial-form form .form-field textarea {
width: 100% !important;
border: none !important;
background-color: #fff !important;
height: 80px !important;
margin: 0 !important;
border-radius: 0 !important;
}
.write-testimonial #testimonial-form form .form-field:last-child {
margin: 10px 0 10px 10px;
}
.write-testimonial #testimonial-form form .form-field.agree {
display: flex;
}
.write-testimonial #testimonial-form form .form-field.agree span {
padding-top: 0;
}
#testimonials_container {
width: 80% !important;
margin: 0 auto;
}
@media (max-width: 1366px) {
#testimonials_container {
width: 100% !important;
}
}
#testimonials_container .testimonial {
width: 100% !important;
}
#testimonials_container .testimonial .inner {
background: #fbfbfb !important;
padding: 35px !important;
}
@media (max-width: 767px) {
#testimonials_container .testimonial .inner {
padding: 20px !important;
}
}
#testimonials_container .testimonial .content {
font-style: normal !important;
}
#testimonials_container .testimonial .client {
text-align: left !important;
}
.children-testimonials {
width: 100% !important;
padding: 100px 0 !important;
margin: 0 auto !important;
background: #eef0f1 !important;
}
@media (max-width: 1599px) {
.children-testimonials {
padding: 50px 0 !important;
}
}
.children-testimonials .elementor-shortcode {
margin: 0 auto;
width: 80% !important;
}
@media (max-width: 1366px) {
.children-testimonials .elementor-shortcode {
width: 100% !important;
}
}
.children-testimonials .ttshowcase_rl_title {
display: none;
}
.children-testimonials .tt_2cl {
background: #f5f5f5;
padding: 20px;
}
.children-testimonials .tt_img_left_alignment {
display: block !important;
text-align: center;
padding: 0 !important;
margin: 0 auto !important;
}
.children-testimonials .ttshowcase_rl_quote {
text-align: center;
}
@media (max-width: 1680px) {
.children-testimonials .ttshowcase_wrap img {
max-width: 90% !important;
}
}
.author-wrap {
margin: 0 auto;
width: 80%;
}
@media (max-width: 1199px) {
.author-wrap {
width: 100%;
}
}
.author-wrap p.center {
font-size: 20px !important;
font-size: 1.25rem !important;
}
.author-wrap .author {
display: flex;
margin: 50px 0;
justify-content: center;
align-items: center;
}
@media (max-width: 1023px) {
.author-wrap .author {
flex-wrap: wrap;
}
}
.author-wrap .author .img {
width: 25%;
}
@media (max-width: 1023px) {
.author-wrap .author .img {
width: 100%;
text-align: center;
}
}
.author-wrap .author .txt {
width: 75%;
background: #1b96d3;
padding: 40px;
}
@media (max-width: 1023px) {
.author-wrap .author .txt {
width: 100%;
padding: 20px;
}
}
.author-wrap .author .txt p,
.author-wrap .author .txt h3 {
color: #fff !important;
}
.testy-wrap-page {
margin: 0 auto;
width: 80%;
}
@media (max-width: 1199px) {
.testy-wrap-page {
width: 100%;
}
}
.testy-wrap-page .bx {
background: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 40px;
margin: 0 0 15px 0;
border-radius: 5px;
}
@media (max-width: 1599px) {
.testy-wrap-page .bx {
padding: 30px;
}
}
.testy-wrap-page .bx .read-more,
.testy-wrap-page .bx .read-less {
color: #1b96d3;
cursor: pointer;
}
.testy-wrap-page .bx .read-more:hover,
.testy-wrap-page .bx .read-less:hover {
color: #000;
}
.testy-wrap-page .bx .header {
display: flex;
justify-content: start;
align-items: center;
margin: 20px 0 0;
}
@media (max-width: 767px) {
.testy-wrap-page .bx .header {
flex-wrap: wrap;
flex-direction: column;
align-items: start;
gap: 5px;
}
}
.testy-wrap-page .bx .header .letter {
background-color: #00315D;
padding: 10px;
border-radius: 50%;
font-size: 28px !important;
font-size: 1.75rem !important;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: 60px;
height: 60px;
margin-right: 15px;
}
@media (max-width: 1599px) {
.testy-wrap-page .bx .header .letter {
width: 50px;
height: 50px;
margin-right: 7px;
}
}
.testy-wrap-page .bx .header .tle {
font-size: 25px !important;
font-size: 1.5625rem !important;
font-weight: 600;
}
@media (max-width: 1599px) {
.testy-wrap-page .bx .header .tle {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
.testy-wrap-page .bx .header .tle p {
font-size: 18px !important;
font-size: 1.125rem !important;
}
@media (max-width: 1599px) {
.testy-wrap-page .bx .header .tle p {
font-size: 16px !important;
font-size: 1rem !important;
}
}
#testimonial-form .error {
color: #1b96d3 !important;
}
.required_notice {
color: #1b96d3 !important;
}
.blog_content {
margin: 50px 0;
}
@media (max-width: 1199px) {
.blog_content {
margin: 30px 0;
}
}
@media (max-width: 767px) {
.blog_content {
margin: 20px 0;
}
}
.blog_content h1 {
margin-bottom: 0px !important;
}
.blog_content h1.single {
letter-spacing: -2px;
font-size: 57px !important;
font-size: 3.5625rem !important;
}
@media (max-width: 1680px) {
.blog_content h1.single {
font-size: 50px !important;
font-size: 3.125rem !important;
}
}
@media (max-width: 1599px) {
.blog_content h1.single {
font-size: 45px !important;
font-size: 2.8125rem !important;
}
}
@media (max-width: 1366px) {
.blog_content h1.single {
font-size: 40px !important;
font-size: 2.5rem !important;
}
}
@media (max-width: 1199px) {
.blog_content h1.single {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (max-width: 767px) {
.blog_content h1.single {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
.blog_content .first-fold {
display: flex;
flex-direction: row;
margin: 50px 0 80px;
position: relative;
}
@media (max-width: 1199px) {
.blog_content .first-fold {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.blog_content .first-fold {
margin: 30px 0 15px;
}
}
.blog_content .first-fold .featured_img {
width: 60% !important;
height: 588px;
background-color: #f5f5f5;
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
.blog_content .first-fold .featured_img {
padding-right: 130px;
}
}
@media (max-width: 1366px) {
.blog_content .first-fold .featured_img {
height: 500px;
}
}
@media (max-width: 1199px) {
.blog_content .first-fold .featured_img {
width: 100% !important;
padding-right: 0px;
}
}
@media (max-width: 1023px) {
.blog_content .first-fold .featured_img {
height: 430px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .featured_img {
height: auto;
}
}
.blog_content .first-fold .top-text {
width: 50% !important;
background-color: #00315D;
padding: 50px 70px 50px 70px;
border-radius: 5px;
position: absolute;
right: 0;
top: 50px;
bottom: 50px;
z-index: 3;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.blog_content .first-fold .top-text:after, .blog_content .first-fold .top-text:before {
display: none;
}
@media (max-width: 1680px) {
.blog_content .first-fold .top-text {
padding: 30px 50px 30px 50px;
}
}
@media (max-width: 1199px) {
.blog_content .first-fold .top-text {
width: 100% !important;
position: static;
padding: 30px;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .top-text {
width: 100% !important;
position: static;
padding: 20px;
}
}
.blog_content .first-fold .top-text h2 {
letter-spacing: 1.8px;
}
.blog_content .first-fold .top-text h2 a {
font-size: 45px !important;
font-size: 2.8125rem !important;
color: #fff;
}
@media (max-width: 1680px) {
.blog_content .first-fold .top-text h2 a {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (max-width: 1366px) {
.blog_content .first-fold .top-text h2 a {
font-size: 35px !important;
font-size: 2.1875rem !important;
}
}
@media (max-width: 1023px) {
.blog_content .first-fold .top-text h2 a {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .top-text h2 a {
font-size: 27px !important;
font-size: 1.6875rem !important;
}
}
.blog_content .first-fold .top-text h2 a:hover {
color: #1b96d3;
}
.blog_content .first-fold .top-text .content p {
color: #fff !important;
font-weight: 300;
}
.blog_content .first-fold .top-text .content p a {
color: #5fd2ff !important;
font-weight: 300;
}
.blog_content .first-fold .top-text .content p a:hover {
color: #fff !important;
}
.blog_content .first-fold .ft-bottom {
display: flex;
justify-content: space-between;
margin: 30px 0 0;
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom {
flex-flow: wrap;
}
}
.blog_content .first-fold .ft-bottom:after, .blog_content .first-fold .ft-bottom:before {
display: none;
}
.blog_content .first-fold .ft-bottom .first-bx {
display: flex;
justify-content: flex-end;
align-items: end;
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom .first-bx {
margin-bottom: 20px;
}
}
.blog_content .first-fold .ft-bottom .first-bx .calander {
display: flex;
border-radius: 5px;
border: solid 1px #b8c5d2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.blog_content .first-fold .ft-bottom .first-bx .calander .date {
font-size: 40px !important;
font-size: 2.5rem !important;
letter-spacing: 2px;
color: #fff;
font-weight: 500;
}
@media (max-width: 1599px) {
.blog_content .first-fold .ft-bottom .first-bx .calander .date {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom .first-bx .calander .date {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.blog_content .first-fold .ft-bottom .first-bx .calander .year {
font-size: 17px !important;
font-size: 1.0625rem !important;
background: #fff;
font-weight: 500;
padding: 2px 15px;
text-transform: uppercase;
}
@media (max-width: 1599px) {
.blog_content .first-fold .ft-bottom .first-bx .calander .year {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom .first-bx .calander .year {
text-align: center;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom .first-bx .calander .year {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
.blog_content .first-fold .ft-bottom .first-bx .author {
margin: 0 0 0 20px;
}
.blog_content .first-fold .ft-bottom .first-bx .author .post {
font-size: 17px !important;
font-size: 1.0625rem !important;
color: #fff;
font-weight: 200;
}
.blog_content .first-fold .ft-bottom .first-bx .author .name {
font-size: 22px !important;
font-size: 1.375rem !important;
color: #fff;
text-transform: capitalize;
}
@media (max-width: 1199px) {
.blog_content .first-fold .ft-bottom .first-bx .author .name {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 767px) {
.blog_content .first-fold .ft-bottom .first-bx .author .name {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
.blog_content .first-fold .ft-bottom .first-bx .author .name a:hover {
color: #1b96d3;
}
.blog_content .first-fold .ft-bottom .second-bx {
display: flex;
justify-content: flex-end;
align-items: end;
}
.blog_content .first-fold .ft-bottom .second-bx ul {
display: flex;
}
.blog_content .first-fold .ft-bottom .second-bx ul li {
padding: 0 10px;
}
.blog_content .first-fold .ft-bottom .second-bx ul li a svg {
fill: #738ea6;
}
.blog_content .first-fold .ft-bottom .second-bx ul li a svg:hover {
fill: #fff;
}
.blog_content .second-fold {
display: flex;
justify-content: space-between;
margin: 50px 0;
}
@media (max-width: 1199px) {
.blog_content .second-fold {
flex-wrap: wrap;
}
}
.blog_content .second-fold.single {
margin: 0;
}
.blog_content .second-fold:after, .blog_content .second-fold:before {
display: none;
}
.blog_content .second-fold .blog-left {
display: flex;
width: 75%;
margin: 0 0 0 -25px;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
}
@media (max-width: 1199px) {
.blog_content .second-fold .blog-left {
width: 100%;
margin: 0 0 20px;
justify-content: center;
}
}
.blog_content .second-fold .blog-left:after, .blog_content .second-fold .blog-left:before {
display: none;
}
.blog_content .second-fold .blog-left .blog-box {
border: solid 1px #ddd;
border-radius: 5px;
width: 31%;
padding: 15px;
margin: 0 10px 20px;
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
.blog_content .second-fold .blog-left .blog-box {
width: 42%;
}
}
@media (max-width: 1023px) {
.blog_content .second-fold .blog-left .blog-box {
width: 46%;
}
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left .blog-box {
width: 100%;
}
}
.blog_content .second-fold .blog-left .blog-box .fig {
height: 190px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
overflow: hidden;
}
.blog_content .second-fold .blog-left .blog-box .content-snd {
position: relative;
padding: 50px 0 0;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap {
position: absolute;
margin-top: -60px;
top: 0;
z-index: 3;
left: 20px;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap .calander {
display: flex;
border-radius: 5px;
overflow: hidden;
border: solid 1px #b8c5d2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap .calander .date {
font-size: 40px !important;
font-size: 2.5rem !important;
letter-spacing: 2px;
color: #00315D;
font-weight: 600;
background: rgba(255, 255, 255, 0.7);
width: 100%;
text-align: center;
}
@media (max-width: 1599px) {
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap .calander .date {
font-size: 30px !important;
font-size: 1.875rem !important;
}
}
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap .calander .year {
font-size: 14px !important;
font-size: 0.875rem !important;
text-transform: uppercase;
background: #00315D;
color: #fff;
font-weight: 400;
padding: 2px 13px;
}
@media (max-width: 1599px) {
.blog_content .second-fold .blog-left .blog-box .content-snd .date-wrap .calander .year {
font-size: 12px !important;
font-size: 0.75rem !important;
}
}
.blog_content .second-fold .blog-left .blog-box .content-snd h3 {
margin-bottom: 5px !important;
min-height: 60px;
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left .blog-box .content-snd h3 {
min-height: 0;
}
}
.blog_content .second-fold .blog-left .blog-box .content-snd h3 a {
font-size: 22px !important;
font-size: 1.375rem !important;
color: #000;
}
@media (max-width: 1599px) {
.blog_content .second-fold .blog-left .blog-box .content-snd h3 a {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1366px) {
.blog_content .second-fold .blog-left .blog-box .content-snd h3 a {
font-size: 17px !important;
font-size: 1.0625rem !important;
}
}
.blog_content .second-fold .blog-left .blog-box .content-snd h3 a:hover {
color: #1b96d3;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .content {
min-height: 60px;
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left .blog-box .content-snd .content {
min-height: 0;
}
}
.blog_content .second-fold .blog-left .blog-box .content-snd .content ol {
margin: 0 0 15px 20px;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .content ol li {
padding: 5px 0 5px 20px;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .content ul li {
padding: 5px 0 5px 20px;
position: relative;
}
.blog_content .second-fold .blog-left .blog-box .content-snd .content ul li:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 10px;
height: 10px;
background: #1b96d3;
border-radius: 50%;
}
@media (max-width: 1599px) {
.blog_content .second-fold .blog-left .blog-box .content-snd .content ul li:before {
top: 12px;
width: 8px;
height: 8px;
}
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx {
display: flex;
justify-content: space-between;
align-items: end;
border-top: solid 2px #ddd;
padding: 15px 0 0;
margin: 15px 0 0;
}
@media (max-width: 1023px) {
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx {
flex-flow: wrap;
}
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx:after, .blog_content .second-fold .blog-left .blog-box .bt-sc-bx:before {
display: none;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx a {
color: #1b96d3;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx a:hover {
color: #00315D;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p {
color: #363636;
font-size: 13px !important;
font-size: 0.8125rem !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p a {
color: #1b96d3;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p a:hover {
color: #00315D;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p span {
color: #000;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p span a {
color: #000;
font-weight: 500;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx p span a:hover {
color: #1b96d3;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx ul {
display: flex;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx ul li {
padding: 0 10px;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx ul li a svg {
fill: #00315D;
width: 15px;
height: 15px;
}
.blog_content .second-fold .blog-left .blog-box .bt-sc-bx ul li a svg:hover {
fill: #1b96d3;
}
.blog_content .second-fold .blog-left.single {
margin-left: 0;
width: 74%;
}
@media (max-width: 1199px) {
.blog_content .second-fold .blog-left.single {
width: 100%;
}
}
.blog_content .second-fold .blog-left.single .blog-box {
width: 100%;
padding: 0;
border: none;
}
.blog_content .second-fold .blog-left.single .blog-box .fig {
height: 292px;
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left.single .blog-box .fig {
height: auto;
}
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px 0;
}
@media (max-width: 1023px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap {
flex-wrap: wrap;
justify-content: start;
}
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap:after, .blog_content .second-fold .blog-left.single .blog-box .single-date-wrap:before {
display: none;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left {
display: flex;
flex-direction: row;
width: 50%;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1599px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left {
width: 55%;
}
}
@media (max-width: 1366px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left {
width: 60%;
}
}
@media (max-width: 1023px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left {
width: 75%;
}
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left {
width: 100%;
flex-wrap: wrap;
justify-content: start;
}
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left:after, .blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left:before {
display: none;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left .fst,
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left .snd,
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left .trd {
display: flex;
align-items: center;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left .trd p {
color: #858484 !important;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .left .trd .ico {
margin-right: 5px;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .right {
display: flex;
flex-direction: row;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap ul {
display: flex;
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap ul {
margin-left: -10px;
}
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap ul li {
margin: 0 10px;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap ul li svg {
fill: #c8c8c8;
width: 20px;
height: 20px;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap ul li svg:hover {
fill: #000;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap .ico {
margin: 0 10px 0 0;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap span {
font-weight: 200;
color: #858484;
font-size: 18px !important;
font-size: 1.125rem !important;
margin-right: 25px;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap p {
padding: 0;
margin: 0 25px 0 0;
font-weight: 300;
color: #858484 !important;
font-size: 18px !important;
font-size: 1.125rem !important;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap p a {
font-weight: 300;
color: #858484 !important;
}
.blog_content .second-fold .blog-left.single .blog-box .single-date-wrap p a:hover {
color: #1b96d3 !important;
}
.blog_content .second-fold .blog-left.single .blog-box .content-snd {
padding: 20px 0 0;
}
.blog_content .second-fold .blog-right {
display: flex;
width: 22%;
}
@media (max-width: 1199px) {
.blog_content .second-fold .blog-right {
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 1023px) {
.blog_content .second-fold .blog-right {
width: 100%;
margin: 0;
}
}
@media (max-width: 767px) {
.blog_content .second-fold .blog-right {
width: 100%;
}
}
.blog_content .second-fold .blog-right .blog-sdbar {
width: 100%;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box {
margin: 0 0 40px;
position: relative;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box h3 {
text-transform: uppercase;
font-size: 25px !important;
font-size: 1.5625rem !important;
color: #00315D !important;
font-weight: 600 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul li {
padding: 10px 0;
border-bottom: solid 1px #d9d9d9;
text-transform: capitalize;
font-weight: 600;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul li a {
color: #00315D;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul li a:hover {
color: #1b96d3;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul li span {
display: block !important;
color: #8098ae !important;
margin: 7px 0;
font-weight: 300 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box.cat ul li {
font-weight: 400;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .search {
width: 100%;
position: relative;
display: flex;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .search form {
width: 100%;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .search form .input-holder {
width: 100%;
position: relative;
display: flex;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .searchTerm {
width: 100%;
border: 2px solid #d4d4d4;
border-right: none !important;
background-color: transparent !important;
padding: 25px;
height: 54px;
outline: none;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ::-webkit-input-placeholder {
color: #b3b3b3 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box :-moz-placeholder {
color: #b3b3b3 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ::-moz-placeholder {
color: #b3b3b3 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box :-ms-input-placeholder {
color: #b3b3b3 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .searchButton {
width: 70px;
height: 54px;
background: #00315D;
text-align: center;
color: #fff;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 20px;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .searchButton:hover {
background: #1b96d3 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box .wrap {
width: 100%;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box svg {
width: 20px;
height: 20px;
fill: #fff;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul.sc-media {
display: flex;
justify-content: flex-start;
align-items: center;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul.sc-media li {
margin: 0 10px;
border-bottom: none;
padding: 0 !important;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul.sc-media li a svg {
fill: #1b96d3 !important;
width: 15px;
height: 15px;
}
.blog_content .second-fold .blog-right .blog-sdbar .blg-box ul.sc-media li a svg:hover {
fill: #000 !important;
}
.blog_content .second-fold .blog-right.single {
margin: 90px 0 0;
}
.blog_content .bio-wrap {
margin: 50px 0 0;
}
.blog_content .bio-wrap .blg_archive_figure {
display: flex;
flex-wrap: wrap;
position: relative;
align-items: center;
background: #ecf6ff;
padding: 30px;
}
@media (max-width: 1199px) {
.blog_content .bio-wrap .blg_archive_figure {
flex-direction: column;
}
}
@media (max-width: 767px) {
.blog_content .bio-wrap .blg_archive_figure {
padding: 15px;
}
}
.blog_content .bio-wrap .blg_archive_figure .single-fg {
width: 20%;
margin-right: 50px;
}
@media (max-width: 1199px) {
.blog_content .bio-wrap .blg_archive_figure .single-fg {
width: 40%;
margin-right: 0px;
}
}
@media (max-width: 1023px) {
.blog_content .bio-wrap .blg_archive_figure .single-fg {
width: 50%;
}
}
@media (max-width: 767px) {
.blog_content .bio-wrap .blg_archive_figure .single-fg {
width: 100%;
}
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right {
width: 75%;
}
@media (max-width: 1199px) {
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right {
width: 100%;
}
}
@media (max-width: 767px) {
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right {
padding: 15px;
}
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right h2 {
margin-top: 0 !important;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm {
display: flex;
align-items: center;
padding-top: 10px;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ma-il {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ma-il svg {
width: 25px;
height: 25px;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ma-il svg:hover {
fill: #000;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ftr-social {
padding-top: 0;
margin-left: auto;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ftr-social ul {
display: flex;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ftr-social ul li {
padding: 0 10px;
border-bottom: none;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ftr-social ul li a svg {
fill: #00315D;
width: 15px;
height: 15px;
}
.blog_content .bio-wrap .blg_archive_figure .blg-fig-right .fig-btm .ftr-social ul li a svg:hover {
fill: #000;
}
.site_pagination:before {
display: none !important;
}
.frm-wrap {
width: 100%;
}
.frm-wrap .leave-reply {
margin: 50px 0 50px 10px;
}
@media (max-width: 767px) {
.frm-wrap .leave-reply {
margin: 30px 0 30px 0px;
}
}
.frm-wrap .leave-reply .top-sc {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.frm-wrap .leave-reply .top-sc {
flex-wrap: wrap;
}
}
.frm-wrap .leave-reply .top-sc:after, .frm-wrap .leave-reply .top-sc:before {
display: none;
}
.frm-wrap .leave-reply .top-sc .input-holder {
width: 32%;
}
@media (max-width: 767px) {
.frm-wrap .leave-reply .top-sc .input-holder {
width: 100%;
}
}
.frm-wrap .leave-reply .top-sc .input-holder textarea {
background-color: transparent !important;
color: #000 !important;
}
.frm-wrap .leave-reply .top-sc .input-holder input {
width: 100%;
border: solid 1px #ddd !important;
padding: 15px;
font-size: 15px !important;
font-size: 0.9375rem !important;
background-color: transparent !important;
color: #000 !important;
}
.frm-wrap .leave-reply .cmnt-sub {
text-align: right;
width: 100%;
}
.frm-wrap .leave-reply .cmnt-sub input[type=submit] {
background: transparent !important;
border: solid 2px #00315D;
border-radius: 35px;
color: #00315D !important;
font-weight: 600;
text-transform: uppercase;
padding: 15px 30px;
font-size: 16px !important;
font-size: 1rem !important;
color: #000 !important;
}
.frm-wrap .leave-reply .cmnt-sub input[type=submit]:hover {
background: #1b96d3 !important;
color: #fff !important;
}
.frm-wrap .leave-reply textarea {
width: 100%;
border: solid 1px #ddd !important;
padding: 15px;
border-radius: 0 !important;
color: #000 !important;
background-color: transparent !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 767px) {
.frm-wrap .leave-reply textarea {
margin-top: 10px;
}
}
.frm-wrap .leave-reply ::-webkit-input-placeholder {
color: #666666 !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.frm-wrap .leave-reply :-moz-placeholder {
color: #666666 !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.frm-wrap .leave-reply ::-moz-placeholder {
color: #666666 !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.frm-wrap .leave-reply :-ms-input-placeholder {
color: #666666 !important;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
.recent-post {
margin: 50px 0 50px 10px;
}
@media (max-width: 767px) {
.recent-post {
margin: 30px 0 30px 0px;
}
}
.recent-post .rc-post {
display: flex;
justify-content: flex-start;
margin-left: -10px;
}
@media (max-width: 767px) {
.recent-post .rc-post {
margin-left: 0px;
}
}
.recent-post .rc-post:after, .recent-post .rc-post:before {
display: none;
}
@media (max-width: 1199px) {
.recent-post .rc-post {
flex-wrap: wrap;
}
}
.recent-post .rc-post .blog-box {
border: solid 1px #ddd !important;
border-radius: 5px;
width: 31% !important;
padding: 15px !important;
margin: 0 10px 20px;
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
.recent-post .rc-post .blog-box {
width: 42% !important;
}
}
@media (max-width: 1023px) {
.recent-post .rc-post .blog-box {
width: 46% !important;
}
}
@media (max-width: 767px) {
.recent-post .rc-post .blog-box {
width: 100% !important;
margin: 0 0 10px !important;
}
}
.recent-post .rc-post .blog-box .fig {
height: 190px !important;
display: flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
overflow: hidden;
}
.recent-post .rc-post .blog-box .content-snd {
position: relative;
padding: 50px 0 0 !important;
}
.cmnts-wrap ul.avatar-post-wrp li {
border-bottom: solid 1px #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
}
.contact-page-wrap .titleSize-65 {
font-weight: 700 !important;
margin-bottom: 15px !important;
letter-spacing: 2.6px;
}
.contact-page-wrap .titleSize-32 {
border-bottom: solid 1px #8098ae;
margin-bottom: 30px !important;
padding-bottom: 20px;
letter-spacing: 1.8px;
}
.contact-page-wrap .fooer-form {
padding: 0 !important;
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form {
flex-wrap: wrap !important;
}
}
.contact-page-wrap .fooer-form .form-bx {
padding: 70px 0 0 70px !important;
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .form-bx {
padding: 50px 0 0 50px !important;
}
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .form-bx {
padding: 20px !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .form-bx p .block {
display: inline;
}
}
.contact-page-wrap .fooer-form .form-bx h2 {
font-size: 50px !important;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .form-bx h2 {
font-size: 45px !important;
}
}
@media (max-width: 1600px) {
.contact-page-wrap .fooer-form .form-bx h2 {
font-size: 40px !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .form-bx h2 {
font-size: 30px !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .form-bx form input[type=Submit] {
font-size: 15px !important;
font-size: 0.9375rem !important;
min-height: 50px;
}
}
.contact-page-wrap .fooer-form .right {
padding: 60px !important;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right {
padding: 50px !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right {
padding: 40px !important;
}
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right {
padding: 20px !important;
display: block !important;
width: 100% !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter {
display: flex;
color: #fff;
align-items: center;
justify-content: space-between;
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter:after, .contact-page-wrap .fooer-form .right .ad-wrapfooter:before {
display: none;
}
@media (max-width: 767px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter {
flex-direction: column;
flex-wrap: wrap;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap {
width: 50%;
position: relative;
}
@media (max-width: 767px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap {
width: 100%;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li {
color: #fff;
display: flex;
font-size: 20px !important;
font-size: 1.25rem !important;
font-weight: 300;
margin: 0 0 40px;
letter-spacing: 1.2px;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li {
font-size: 16px !important;
font-size: 1rem !important;
margin: 0 0 25px;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li {
font-size: 14px !important;
font-size: 0.875rem !important;
margin: 0 0 25px;
}
}
@media (max-width: 1023px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 767px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li {
margin: 0 0 20px;
}
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .block {
display: block;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a {
font-size: 28px !important;
font-size: 1.75rem !important;
color: #fff;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1300px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1.2;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 20px !important;
font-size: 1.25rem !important;
}
}
@media (max-width: 1300px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li a[href^=tel] {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .ico {
margin: 0 15px 0 0;
display: flex;
height: 27px;
align-items: center;
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .ico {
height: 15px;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .txt {
line-height: 1;
color: #fff;
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .small {
font-size: 18px !important;
font-size: 1.125rem !important;
color: #fff;
font-weight: 300;
letter-spacing: 2px !important;
line-height: 1;
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li .small {
font-size: 16px !important;
font-size: 1rem !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.patients .ico {
align-items: center;
padding-top: 15px;
height: 60px;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.patients .ico {
padding-top: 0;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.patients .ico {
height: 50px;
}
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.patients .ico {
height: 40px;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.adr .txt {
line-height: 1.5;
color: #fff !important;
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .addres-wrap ul li.adr .ico {
height: 24px;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
margin-top: -50px;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
margin-top: -10px;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
margin-top: -20px;
}
}
@media (max-width: 1199px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
margin-top: 10px;
}
}
@media (max-width: 1023px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
padding-left: 50px;
}
}
@media (max-width: 767px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic {
width: 100%;
margin-top: 20px;
padding-left: 0px;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic .tle {
display: flex;
font-size: 30px !important;
font-size: 1.875rem !important;
font-weight: 500;
line-height: 1;
letter-spacing: 1.2px;
margin-bottom: 15px;
align-items: center;
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic .tle {
font-size: 25px !important;
font-size: 1.5625rem !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic .tle .ico {
margin-right: 10px;
height: 25px;
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic ul li {
padding: 7px 0;
letter-spacing: 1.2px;
font-size: 20px !important;
font-size: 1.25rem !important;
color: #fff !important;
}
@media (max-width: 1680px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic ul li {
font-size: 16px !important;
font-size: 1rem !important;
}
}
@media (max-width: 1599px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic ul li {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
}
@media (max-width: 1023px) {
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic ul li {
font-size: 15px !important;
font-size: 0.9375rem !important;
}
}
.contact-page-wrap .fooer-form .right .ad-wrapfooter .clinic ul li strong {
font-weight: 600 !important;
color: #fff;
}
.contact-page-wrap .fooer-form .right .elementor-widget-container {
text-align: left !important;
}
.project_footer {
position: relative;
background-color: #000;
padding: 50px 0 0; }
@media (max-width: 1023px) {
.project_footer {
padding: 25px 0 0;
}
}
.project_footer .copy {
background: #141414;
padding: 25px 0;
margin: 50px 0 0;
text-align: center;
}
@media (max-width: 1023px) {
.project_footer .copy {
margin: 25px 0 0;
}
}
.project_footer .copy p {
color: #fff !important;
font-family: "Inter", sans-serif;
font-weight: 200;
font-size: 15px !important;
font-size: 0.9375rem !important;
}
@media (max-width: 1440px) {
.project_footer .copy p {
font-size: 13px !important;
font-size: 0.8125rem !important;
}
}
.project_footer .copy p a {
color: #fff !important;
font-weight: 200;
}
.project_footer .copy p a:hover {
color: #1b96d3 !important;
}
@media (max-width: 1199px) {
.project_footer .copy p .block {
display: block !important;
}
}
@media (min-width: 768px) {
.ipad-clear {
clear: both;
display: block;
}
}
@media (min-width: 1200px) {
.desktop-clear {
clear: both;
display: block;
}
}
@-moz-document url-prefix() {
.form-elements {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
}
.project_header .menu-wrap input {
position: fixed;
opacity: 0;
}
.project_header .menu-wrap label {
background: none;
border: none;
cursor: pointer;
margin: 0;
outline: none;
padding: 0;
position: relative;
}
.project_header .menu-wrap label:before {
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
content: "";
opacity: 0;
pointer-events: none;
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.project_header .menu-wrap label .burger {
display: inline-block;
position: relative;
z-index: 3;
width: 34px;
height: 24px;
margin: 0;
padding: 0;
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.project_header .menu-wrap label .burger:before, .project_header .menu-wrap label .burger:after,
.project_header .menu-wrap label .burger .bar {
background-color: var(--global--color-black);
border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
height: 5px;
left: 0;
position: absolute;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
width: 100%;
}
.project_header .menu-wrap label .burger:before, .project_header .menu-wrap label .burger:after {
content: "";
}
.project_header .menu-wrap label .burger:before {
top: 0;
transform-origin: top left;
}
.project_header .menu-wrap label .burger:after {
bottom: 0;
transform-origin: bottom left;
}
.project_header .menu-wrap label .burger:hover:before, .project_header .menu-wrap label .burger:hover:after,
.project_header .menu-wrap label .burger:hover .bar {
background-color: var(--global--color-primary);
}
.project_header .menu-wrap label .burger:hover:before {
width: 52%;
left: auto;
right: -5px;
transition: all ease 0.2s;
transform: rotate(45deg) translateY(-50%);
}
.project_header .menu-wrap label .burger:hover:after {
width: 52%;
left: auto;
right: -5px;
transition: all ease 0.2s;
transform: rotate(-45deg) translateY(50%);
}
.project_header .menu-wrap label .burger .bar {
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.project_header .menu-wrap [id=navcheck]:checked + label .burger::before {
transform: rotate(45deg) translateY(-50%);
}
.project_header .menu-wrap [id=navcheck]:checked + label .burger::after {
transform: rotate(-45deg) translateY(50%);
}
.project_header .menu-wrap label .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.project_header .menu-wrap input:focus + label .burger,
.project_header .menu-wrap label:hover .burger {
opacity: 0.75;
}
.project_header .menu-wrap nav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 2;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
transform: translate3d(0, 0, 0);
transform: translateX(-100%);
will-change: transform;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.project_header .menu-wrap nav:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 52em !important;
background: #16b4d2;
content: "";
transform: skewX(15deg) translateX(-100%);
transform-origin: bottom left;
will-change: transform;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.project_header .menu-wrap nav ul.mainMenu > li {
display: block !important;
position: relative;
padding: 0 !important;
transform: translateX(-100%);
transition: color 0.15s, transform 0.5s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);      }
.project_header .menu-wrap nav ul.mainMenu > li a {
display: block;
margin: 0.5em 0;
padding: 0.2em 2em;
font-size: 1.5em;
color: #fff;
text-decoration: none;
font-weight: 500;
}
@media (max-width: 1599px) {
.project_header .menu-wrap nav ul.mainMenu > li > a {
font-size: 19px;
}
}
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu li a {
display: block;
padding: 0 20px;
font-size: 16px;
color: #fff;
}
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu {
display: none;
margin: 0;
padding: 0;
width: 285px;
background: #16d5d6;
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu {
padding: 0;
margin: 0;
top: -10%;
left: 100%;
z-index: 99;
position: absolute;
}
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li:hover > ul.sub-menu {
display: block;
}
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li.subalign_btm > ul.sub-menu {
top: auto;
bottom: -10px;
}
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li.subalign_middle > ul.sub-menu {
top: 50%;
transform: translate(0, -50%);
}
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu:hover > ul.sub-menu {
display: flex;
}
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu > ul.sub-menu {
width: 1000px;
top: 50%;
transform: translate(0, -50%);
flex-wrap: wrap;
padding: 20px 0;
}
}
@media (max-width: 1300px) {
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu > ul.sub-menu {
width: 930px;
}
}
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu > ul.sub-menu > li ul li a {
color: #666;
font-weight: 300;
}
@media (min-width: 1200px) {
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu > ul.sub-menu > li {
width: 33.33333%;
padding: 0 20px;
}
.project_header .menu-wrap nav ul.mainMenu > li.mega_menu > ul.sub-menu > li ul li a {
margin: 10px 0;
}
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(1) {
transition-delay: 0s, 100ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(2) {
transition-delay: 0s, 150ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(3) {
transition-delay: 0s, 200ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(4) {
transition-delay: 0s, 250ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(5) {
transition-delay: 0s, 300ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(5) {
transition-delay: 0s, 350ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(6) {
transition-delay: 0s, 400ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:nth-child(7) {
transition-delay: 0s, 450ms;
}
.project_header .menu-wrap nav ul.mainMenu > li:hover > a {
color: #072f5f;
}
.project_header .menu-wrap nav ul.mainMenu > li:hover > ul.sub-menu > li:hover > a {
color: #072f5f;
}
.project_header .menu-wrap nav ul.mainMenu > li:hover > ul.sub-menu > li:hover > ul.sub-menu > li:hover > a {
color: #000;
}
.project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > a {
color: #072f5f;
}
.project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > a {
color: #072f5f;
}
.project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > ul.sub-menu > li.current-product-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-item > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-menu-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-page-ancestor > a, .project_header .menu-wrap nav ul.mainMenu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > ul.sub-menu > li.current-product-ancestor > a {
color: #000;
}
@media (max-width: 1199px) {
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu {
position: static;
width: 100% !important;
transform: none !important;
}
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu > li {
width: 100%;
}
.project_header .menu-wrap nav ul.mainMenu > li > ul.sub-menu > li > ul.sub-menu > li {
width: 100%;
}
}
.project_header .menu-wrap [id=navcheck]:checked + label::before {
opacity: 1;
pointer-events: auto;
}
.project_header .menu-wrap [id=navcheck]:checked + label .burger::before,
.project_header .menu-wrap [id=navcheck]:checked + label .burger::after {
width: 52%;
left: auto;
right: -5px;
transition: all ease 0.2s;
}
.project_header .menu-wrap [id=navcheck]:checked + label .burger::before {
transform: rotate(45deg) translateY(-50%);
}
.project_header .menu-wrap [id=navcheck]:checked + label .burger::after {
transform: rotate(-45deg) translateY(50%);
}
.project_header .menu-wrap [id=navcheck]:checked ~ nav {
transform: translateX(0);
}
.project_header .menu-wrap [id=navcheck]:checked ~ nav::before {
transform: skewX(15deg) translateX(0);
}
.project_header .menu-wrap [id=navcheck]:checked ~ nav ul li {
transform: translateX(0);
display: block;
}
.project_header .menu-wrap [id=navcheck]:checked ~ main .content {
transform: translateX(3em);
transform-origin: left center;
filter: blur(2px);
}
.project_header .menu-wrap .show-menu .mainMenu {
right: 0;
width: 260px;
}
.project_header .menu-wrap .show-menu .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1001;
}
.project_header .menu-wrap .mainMenu ul li.submenu i {
position: absolute;
width: 30px;
height: 32px;
top: 15px;
right: 2px;
cursor: pointer;
transition: all ease 0.5s;
z-index: 2;
}
@media (max-width: 1599px) {
.project_header .menu-wrap .mainMenu ul li.submenu i {
top: 7px;
}
}
.project_header .menu-wrap .mainMenu ul li.submenu i:after {
content: "";
height: clamp(0.9rem, 1.11vw, 1.25rem);
transition: all ease 0.5s;
position: absolute;
right: 13px;
top: 7px;
z-index: 10;
opacity: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
@media (max-width: 1680px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:after {
top: 7px;
}
}
@media (max-width: 1599px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:after {
top: 6px;
}
}
@media (max-width: 1199px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:after {
opacity: 1;
top: 9px;
}
}
.project_header .menu-wrap .mainMenu ul li.submenu i:before {
content: "";
width: clamp(0.9rem, 1.11vw, 1.25rem);
transition: all ease 0.5s;
position: absolute;
border-bottom: solid 2px #fff;
right: 4px;
top: 15px;
z-index: 10;
opacity: 0;
}
@media (max-width: 1680px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:before {
top: 15px;
right: 5px;
}
}
@media (max-width: 1599px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:before {
top: 13px;
right: 6px;
}
}
@media (max-width: 1199px) {
.project_header .menu-wrap .mainMenu ul li.submenu i:before {
top: 15px;
right: 7px;
opacity: 1;
}
}
.project_header .menu-wrap .mainMenu li.submenu:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 64 80' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M50,31.6L34.1,15.7c-1-1-1-2.6,0-3.5s2.6-1,3.5,0l17.7,17.7c1,1,1,2.6,0,3.5c0,0,0,0,0,0c0,0,0,0,0,0L36.8,51.8 c-0.5,0.5-1.1,0.7-1.8,0.7s-1.3-0.2-1.8-0.7c-1-1-1-2.6,0-3.5L50,31.6z' fill='%23fff'/%3E%3Cpath d='M10.5,29.5h27c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5h-27C9.1,34.5,8,33.4,8,32S9.1,29.5,10.5,29.5z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
width: 25px;
position: absolute;
height: 25px;
top: 15px;
right: 15px;
transition-duration: 0.15s;
opacity: 0;
transition: all ease 0.5s;
}
@media (max-width: 1680px) {
.project_header .menu-wrap .mainMenu li.submenu:after {
top: 7px;
width: 20px;
height: 20px;
right: 5px;
}
}
@media (max-width: 1599px) {
.project_header .menu-wrap .mainMenu li.submenu:after {
top: 4px;
}
}
@media (max-width: 1199px) {
.project_header .menu-wrap .mainMenu li.submenu:after {
opacity: 1;
display: none;
}
}
.project_header .menu-wrap .mainMenu li.submenu:hover:after {
transition-duration: 0.15s;
opacity: 1;
transition: all ease 0.5s;
}
.project_header .menu-wrap .mainMenu ul li.submenu.open i:before {
border-bottom: solid 2px #fff;
opacity: 1;
transition: all ease 0.5s;
}
.project_header .menu-wrap .mainMenu ul li.submenu.open i:after {
display: none;
transition: all ease 0.5s;
}
@media (min-width: 40em) {
nav::before {
width: 70em;
background: #df2128;
}
} @media (max-width: 1199px) {
nav::before {
display: none;
}
.menu-wrap nav.mainMenu {
background: #df2128;
width: 300px;
}
.menu-wrap nav.mainMenu .mainMenu {
width: 100%;
padding-right: 15px;
padding-left: 15px;
overflow: auto;  }
.menu-wrap nav.mainMenu .mainMenu li a {
padding: 5px 40px 5px 15px;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu {
padding-top: 5px;
padding-bottom: 5px;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li a {
margin: 0;
padding: 8px 15px;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu i {
right: 5px;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu i::before, .menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu i::after {
border-color: #666;
display: block;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu.open i::after {
display: none;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu > ul.sub-menu {
display: none;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu > ul.sub-menu > li {
border: 0;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu li.submenu > ul.sub-menu > li > a {
padding: 5px 15px;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu > li {
border-bottom: 1px solid #efefef;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu > li:last-child {
border-bottom: 0;
}
.menu-wrap nav.mainMenu .mainMenu li > ul.sub-menu > li > a {
padding-right: 35px;
}
.menu-wrap nav.mainMenu .mainMenu li.open > a {
color: #072f5f;
}
.menu-wrap nav.mainMenu .mainMenu li.open > ul.sub-menu > li.open > a {
color: #072f5f;
}
} .project_header .mainMenu ul li:first-child {
padding-left: 0px !important;
}
.project_header .mainMenu ul li ul {
padding-left: 20px !important;
}
.project_header .mainMenu ul li {
padding: 0px !important;
}
.project_header .menu-wrap .mainMenu li.submenu ul li:after {
display: none;
}
figure.cdcp_badge{
display: none;
}
.designation {
font-size: 16px;
display: block;
margin-top: -8px;
}
@media (min-width: 1366px) {
.designation {
font-size: 18px;
}
} @media screen and (min-width: 992px) {
.project_banner .blue-strip-banner .container {
flex-direction: row;
flex-wrap: nowrap;
}
.project_banner .blue-strip-banner .container .ph-wrap {
margin-left: auto;
}
}
@media screen and (max-width: 991px) {
.project_banner .blue-strip-banner .btn_wrap {
justify-content: center;
padding-bottom: 15px;
}
}