@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400&family=Poppins:wght@200;300;400;500;600;700&display=swap');
/*
font-family: 'Oswald', sans-serif;
font-family: 'Poppins', sans-serif;
*/


html {
font-family: var(--mainFont);
font-weight: 300;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
font-family: var(--mainFont);
/* -webkit-user-select: none;
-ms-user-select: none;
user-select: none; */
}

img {
    max-width: 100%;
}
:root{
--mainFont:'Poppins', sans-serif;
--titleFont:'Oswald', sans-serif;
--brandColor:#007cdb;
--secondaryColor:#0167b6;
--greyColor:#e4ebef;
--grdntStart: #01a1f9;
--grdntEnd: #28f19d;
--white: #FFF;
--titleColor:#ff3c67;
--brandColorSecondary:#3e2a78;
}

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

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;
}
a:focus{outline: none !important;}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: 500;
}

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

figure {
margin: 0;
}

hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

code,
kbd,
pre,
samp {
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

select {
text-transform: none;
}

button {
overflow: visible;
}

button,
input,
select,
textarea {
max-width: 100%;
}

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

button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}

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

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
appearance: textfield;
}

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

fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}

fieldset > :last-child {
margin-bottom: 0;
}

legend {
border: 0;
padding: 0;
}

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

optgroup {
font-weight: bold;
}


/**
* 2.0 - Genericons
*/

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}


/**
* 3.0 - Typography
*/

body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: var(--mainFont);
font-size: 15px;
line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 300;
margin: 0;
text-rendering: optimizeLegibility;
}

p {
margin: 0 0 18px;
/* text-align: justify; */
}
p:last-child {margin: 0}

dfn,
cite,
em,
i {
font-style: italic;
}

blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}

blockquote p {
margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}

blockquote strong,
blockquote b {
font-weight: 400;
}

blockquote > :last-child {
margin-bottom: 0;
}

address {
font-style: italic;
margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
font-family: var(--mainFont);
}

pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

/* code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
} */

abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}

mark,
ins {
background: var(--brandColor);
color: var(--white);
padding: 0.125em 0.25em;
text-decoration: none;
}

big {
font-size: 125%;
}


/**
* 4.0 - Elements
*/

html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}


hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0;
}

ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
margin-left: 1.5em;
}

li > ul,
li > ol {
margin-bottom: 0;
}

dl {
margin: 0 0 1.75em;
}

dt {
font-weight: 700;
}

dd {
margin: 0 0 1.75em;
}

img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}

del {
opacity: 0.8;
}

table,
th,
td {
border: 1px solid #d1d1d1;
}

table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}

caption,
th,
td {
font-weight: normal;
text-align: left;
}

th {
border-width: 0 1px 1px 0;
font-weight: 700;
}

td {
border-width: 0 1px 1px 0;
}

th,
td {
padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: var(--mainFont);
}

:-moz-placeholder {
color: #686868;
font-family: var(--mainFont);
}

::-moz-placeholder {
color: #686868;
font-family: var(--mainFont);
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
color: #686868;
font-family: var(--mainFont);
}


/**
* 5.0 - Forms
*/

input {
line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: var(--white);
font-family: var(--mainFont);
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: var(--brandColor);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: var(--white);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #333;
padding: 12px 15px;
font-size: 14px;
width: 100%;
}

textarea{height:120px;}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: var(--white);
border-color: var(--brandColor);
color: #1a1a1a;
outline: 0;

}

.post-password-form {
margin-bottom: 1.75em;
}

.post-password-form label {
color: #686868;
display: block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}

.post-password-form input[type="password"] {
margin-top: 0.4375em;
}

.post-password-form > :last-child {
margin-bottom: 0;
}

.search-form {
position: relative;
}

input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}

.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}

.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}


/**
* 6.0 - Navigation
*/

/**
* 6.1 - Links
*/

a {
color:var(--brandColor);
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #686868;
}

a:focus {
outline: thin dotted;
}

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

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}


/**
* 6.2 - Menus
*/

.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
/* margin: 0.875em 0; */
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
position: absolute;
width: calc(100% + 20px);
left: -10px;
top: 100%;
background: #FFF;
padding: 10px;
}

.main-navigation {
font-family: var(--mainFont);
}

.site-footer .main-navigation {
margin-bottom: 1.75em;
}

.main-navigation ul {
list-style: none;
margin: 0;
}

.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}

.main-navigation a {
color: #333;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
text-transform:capitalize;
font-size:14px;
font-weight:500;
outline:none;
}

.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus {
color: var(--brandColor);
}

.main-navigation > ul > li.current-menu-item > a,
.main-navigation > ul > li.current-menu-ancestor > a,
.main-navigation > ul > li.active > a {
color:var(--brandColor);
}

.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
display: block;
}

.main-navigation ul .toggled-on {
display: block;
}

.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}

.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}

.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 30px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}

.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: var(--brandColor);
}

.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}

.dropdown-toggle:focus:after {
border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
content: "\f432";
}

.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}

.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}

.social-navigation li {
display:inline-block;
vertical-align:middle;
margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: var(--white);
display: block;
height: 35px;
position: relative;
width: 35px;
}
header .social-navigation a{color: var(--brandColor);border: 1px solid var(--brandColor);}

.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: var(--brandColor);
}

.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
content: "\f204";
}

.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
content: "\f207";
}

.social-navigation a[href*="path.com"]:before {
content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}

.social-navigation a[href*="pinterest.de"]:before {
content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}

.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}

.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}

.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}

.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: var(--mainFont);
margin: 0 7.6923% 3.5em;
}

.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}

.post-navigation span {
display: block;
}

.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}

.post-navigation .post-title {
display: inline;
font-family: var(--mainFont);
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: var(--brandColor);
}

.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}

.pagination {
border-top: 4px solid #1a1a1a;
font-family: var(--mainFont);
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}

.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}

.pagination:before {
right: 0;
}

.pagination:after {
right: 54px;
}

.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}

.pagination .nav-links {
padding-right: 106px;
position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
color: var(--white);
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}

.pagination .nav-links:before {
content: "\f429";
right: -1px;
}

.pagination .nav-links:after {
content: "\f430";
right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}

.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}

.pagination .current {
display: inline-block;
font-weight: 700;
}

.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: var(--white);
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: var(--brandColor);
color: var(--white);
}

.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}

.pagination .prev {
right: 54px;
}

.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}

.pagination .next {
right: 0;
}

.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}

.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}

.comment-navigation {
margin-right: 0;
margin-left: 0;
}

.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}


/**
* 7.0 - Accessibility
*/

/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: var(--brandColor);
display: block;
font-family: var(--mainFont);
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}

.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: var(--mainFont);
}

.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}


/**
* 8.0 - Alignments
*/

.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}

blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
margin-bottom: 1.473684211em;
}


/**
* 9.0 - Clearings
*/

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}


/**
* 10.0 - Widgets
*/



.widget-area > :last-child,
.widget > :last-child,
.widget > nav > :last-child {
margin-bottom: 0;
}

.widget .widget-title {
font-family: var(--mainFont);
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}

.widget .widget-title:empty {
margin-bottom: 0;
}

.widget-title a {
color: #1a1a1a;
}

/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}

.widget_calendar .wp-calendar-nav {
display: table;
width: 100%;
}

.widget_calendar .wp-calendar-nav span {
display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
width: 40%;
}

.widget_calendar td,
.widget_calendar th,
.widget_calendar .wp-calendar-nav span {
line-height: 2.5625;
padding: 0;
text-align: center;
}

.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}

.widget_calendar tbody a {
background-color: var(--brandColor);
color: var(--white);
display: block;
font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: var(--white);
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: var(--mainFont);
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}

.tagcloud ul {
list-style-type: none;
margin-left: 0;
}

.tagcloud ul li {
display: inline-block;
}

.tagcloud a:hover,
.tagcloud a:focus {
border-color: var(--brandColor);
color: var(--brandColor);
outline: 0;
}


/**
* 11.0 - Content
*/


.site-inner {
margin: 0 auto;
/* max-width: 1320px; */
position: relative;
}

.site-content {
word-wrap: break-word;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

.site-main {
margin-bottom: 3.5em;
}

.site-main > :last-child {
margin-bottom: 0;
}


/**
* 11.1 - Header
*/


.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.site-branding {
/* margin: 0.875em auto 0.875em 0; */
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}

.custom-logo-link {
display: block;
}


.site-title {
font-family: var(--mainFont);
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}

.site-branding .site-title a {
color: #1a1a1a;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: var(--brandColor);
}

.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}

.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}

.menu-toggle {
	display: none;
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
/* margin: 1.076923077em 0; */
padding: 0 6px;
height: 36px;
width: 36px;
}
.menu-toggle span{background-color: var(--titleColor); width: 100%; height: 2px; margin: 3px 0; display: block;}

.no-js .menu-toggle {
display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: var(--titleColor);
color: var(--titleColor);
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: var(--titleColor);
}

.menu-toggle.toggled-on span,
.menu-toggle.toggled-on:hover span,
.menu-toggle.toggled-on:focus span {
background-color:#FFF;
}

.menu-toggle:focus {
outline: 0;
}

.menu-toggle.toggled-on:focus {
outline: thin dotted;
}

.header-image {
clear: both;
margin: 0.875em 0;
}

.header-image a {
display: block;
}

.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}

/**
* 11.2 - Posts and pages
*/

.site-main > article {
margin-bottom: 3.5em;
position: relative;
}

.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}

.entry-title {
font-family: var(--mainFont);
font-size: 36px;
font-weight: 300;
line-height: 42px;
margin-bottom:15px;
color:var(--brandColor);
}


.entry-title a {
color: #1a1a1a;
}

.entry-title a:hover,
.entry-title a:focus {
color: var(--brandColor);
}

.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}

.post-thumbnail img {
display: block;
}

.no-sidebar .post-thumbnail img {
margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}

.entry-content,
.entry-summary {
border-color: #d1d1d1;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}

.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}

.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}



body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}

body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}

body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}

.more-link {
white-space: nowrap;
}

.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}

.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}

.author-description > :last-child {
margin-bottom: 0;
}

.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}

.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}

.author-link {
white-space: nowrap;
}

.entry-footer {
color: #686868;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}

.entry-footer:empty {
margin: 0;
}

.entry-footer a {
color: #686868;
}

.entry-footer a:hover,
.entry-footer a:focus {
color: var(--brandColor);
}

.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}

.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}

.sticky-post {
color: #686868;
display: block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}

/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}

.sticky .posted-on,
.byline {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}

body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}

.page-title {
font-family: var(--mainFont);
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}

.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}

.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
margin-bottom: 0;
}

.page-links {
clear: both;
font-family: var(--mainFont);
margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}

.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: var(--white);
}

.page-links a:hover,
.page-links a:focus {
background-color: var(--brandColor);
border-color: transparent;
color: var(--white);
}

.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}

.entry-attachment {
margin-bottom: 1.75em;
}

.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
margin-bottom: 0;
}

.content-bottom-widgets {
margin: 0 7.6923%;
}

.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}


/**
* 11.3 - Post Formats
*/

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}


/**
* 11.4 - Comments
*/


.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
font-family: var(--mainFont);
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
}

.comments-title {
margin-bottom: 1.217391304em;
}

.comment-list {
list-style: none;
margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}

.comment-list .children {
list-style: none;
margin: 0;
}

.comment-list .children > li {
padding-left: 0.875em;
}

.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}

.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}

.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}

.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}

.comment-metadata {
margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: var(--brandColor);
}

.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}

.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: var(--brandColor);
display: inline-block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: var(--brandColor);
outline: 0;
}

.comment-form label {
color: #686868;
display: block;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}

.comment-list .comment-form {
padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}

.no-comments {
border-top: 1px solid #d1d1d1;
font-family: var(--mainFont);
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}

.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}

.form-allowed-tags code {
font-family: var(--mainFont);
}

.form-submit {
margin-bottom: 0;
}

.required {
color: var(--brandColor);
font-family: var(--mainFont);
}

.comment-reply-title small {
font-size: 100%;
}

.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}

.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}

.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: var(--mainFont);
letter-spacing: 0;
text-transform: none;
}

/**
* 11.5 - Sidebar
*/

.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}


/**
* 11.6 - Footer
*/


.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}

.site-info a {
color: #686868;
}

.site-info a:hover,
.site-info a:focus {
color: var(--brandColor);
}

.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}

.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: var(--mainFont);
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator] {
font-family: var(--mainFont);
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator]::before {
content: '\002f';
}


/**
* 12.0 - Media
*/

.site .avatar {
border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}


/**
* 12.1 - Captions
*/

.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}

.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}


/**
* 12.2 - Galleries
*/

.gallery {
margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}

.gallery-columns-1 .gallery-item {
max-width: 100%;
}

.gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-columns-4 .gallery-item {
max-width: 25%;
}

.gallery-columns-5 .gallery-item {
max-width: 20%;
}

.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}

.gallery-icon img {
margin: 0 auto;
}

.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}


/**
* 13.0 - Multisites
*/

.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}

.widecolumn .mu_register {
width: auto;
}

.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}

.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}

.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}

.widecolumn p {
margin: 1.75em 0;
}

.widecolumn p + h2 {
margin-top: 2.4347826087em;
}

.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: var(--mainFont);
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}

.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}

.widecolumn .mu_register label strong {
font-weight: 400;
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}

.widecolumn .mu_register #blogname {
margin: 0;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}


/**
* 14.0 - Media Queries
*/

/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}


/**
* 14.1 - >= 710px
*/

@media screen and (min-width: 44.375em) {
/* 	body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
} */

body:not(.custom-background-image):before {
top: 0;
}

body:not(.custom-background-image).admin-bar:before {
top: 46px;
}

body:not(.custom-background-image):after {
bottom: 0;
}


.site-main {
margin-bottom: 5.25em;
}


.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}

.wp-custom-logo .site-title {
margin-top: 0.5em;
}

.site-description {
display: block;
}

.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
/* margin: 1.3125em 0; */
/* padding: 0.8125em 0.875em 0.6875em; */
}


.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}

.header-image {
margin: 1.3125em 0;
}

.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}

.post-navigation {
margin-bottom: 5.25em;
}

.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}

/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}

.pagination .page-numbers {
display: inline-block;
}

.site-main > article {
margin-bottom: 5.25em;
}


.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}

.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}

.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}

.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}

.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}

.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}

.comment-author {
margin-bottom: 0;
}

.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}

.comment-list .children > li {
padding-left: 1.75em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}



.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}

body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}


/**
* 14.2 - >= 783px
*/

@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}


/**
* 14.3 - >= 910px
*/

@media screen and (min-width: 56.875em) {
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
}

.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}

.main-navigation {
/* margin: 0 -0.875em; */
text-align: left;
}

.main-navigation .primary-menu > li{margin-left: 30px;}

.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}

.main-navigation .primary-menu > li {
float: left;
}

.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: var(--brandColor);
}

.main-navigation ul ul {
/* display: block; */
right: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}

.main-navigation ul ul ul {
top: -1px;
}

.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}

.main-navigation ul ul li {
background-color: var(--brandColor);
border: 1px solid #2e89cf;
border-bottom-width: 0;
}

.main-navigation ul ul a {
white-space: normal;
display: block;
width: 200px;
line-height: 18px;
padding: 6px 10px;
color: #FFF !important;
}
.main-navigation ul ul li:hover{background: var(--secondaryColor);}
.main-navigation ul ul li:hover a,.main-navigation ul ul li:focus a{color: #FFF;}
.main-navigation ul ul ul li{background: var(--brandColor) !important;}
.main-navigation ul ul ul li:hover a{background: var(--secondaryColor);}

.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
display: none;
}


.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
right: 0;
display: block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: 100%;
}

.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 20px;
}

.main-navigation ul .toggled-on{display: none;}

.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0;
top: 7px;
}

.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}

.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 50%;
-webkit-transform:translateY(-50%) rotate(-90deg);
-moz-transform:translateY(-50%) rotate(-90deg);
-ms-transform:translateY(-50%) rotate(-90deg);
transform:translateY(-50%) rotate(-90deg);
}

.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}

.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}

.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}

.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
/* padding-top: 1.615384615em; */
}

.widget .widget-title {
margin-bottom: 1.3125em;
}

.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}

.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}

.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}

.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}

.widget th,
.widget td {
padding: 0.5384615385em;
}

.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}

.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}

.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}

.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}

.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}

.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}

.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}

.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}

.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}

.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}

.widget .aligncenter {
margin-bottom: 1.6153846154em;
}

.widget_calendar td,
.widget_calendar th,
.widget_calendar .wp-calendar-nav span {
line-height: 2.6923076923;
padding: 0;
}

.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}

.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}

.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}

.widget button.search-submit {
padding: 0;
width: 35px;
}

.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}

.textwidget h1 {
margin-top: 1.8260869565em;
}

.textwidget h2 {
margin-top: 2.2105263158em;
}

.textwidget h3 {
margin-top: 2.625em;
}

.textwidget h4 {
letter-spacing: 0.153846154em;
}

.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}

.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}

.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}

.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* padding: 0 4.5455% 3.5em; */
}

.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}

.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}

.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}



.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}


/**
* 14.4 - >= 985px
*/

@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}

.image-navigation {
margin-bottom: 3.230769231em;
}

.post-navigation {
margin-bottom: 7.0em;
}

.pagination {
margin-bottom: 5.894736842em;
}


.site-main > article {
margin-bottom: 7.0em;
}

.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}

.post-thumbnail {
margin-bottom: 2.625em;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}

.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}

.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}


body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}

body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}

body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}

body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}

body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}

body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}

body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}

.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}

body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}

body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}


/**
* 14.5 - >= 1200px
*/

@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}

body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}

body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}

body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}

body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}

body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}

body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}

body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}

body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}

body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}

body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}

body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}

body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}

body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}

body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}

body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}

body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}


/**
* 15.0 - Print
*/

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.content-bottom-widgets,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
	display: none;
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6,
	.entry-content .author-title {
	font-size: 12pt;
	}

	blockquote {
	font-size: 14.25pt;
	}

	.site-title,
	.page-title,
	.comments-title,
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2,
	.widecolumn h2 {
	font-size: 17.25pt;
	}

	.site-description {
	display: block;
	}

	.entry-title {
	font-size: 24.75pt;
	line-height: 1.2727272727;
	margin-bottom: 1.696969697em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
	font-size: 17.25pt;
	line-height: 1.304347826;
	margin-bottom: 1.826086957em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
	font-size: 21pt;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3,
	body:not(.search-results) .entry-summary {
	font-size: 14.25pt;
	}

	.site-description,
	.author-bio,
	.entry-footer,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.wp-caption .wp-caption-text,
	.gallery-caption {
	font-size: 9.75pt;
	}

	body,
	.site {
	background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	blockquote cite,
	blockquote small,
	.site-branding .site-title a,
	.entry-title a,
	.comment-author {
	color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.page-header,
	.comments-title {
	border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption {
	color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
	background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
	border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
	color: var(--brandColor) !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content a,
	.entry-summary a,
	.taxonomy-description a,
	.comment-content a,
	.pingback .comment-body > a {
	box-shadow: none;
	border-bottom: 1px solid var(--brandColor) !important; /* Make sure color schemes don't affect to print */
	}

	.site {
	margin: 5%;
	}

	.site-inner {
	max-width: none;
	}


	.site-main {
	margin-bottom: 3.5em;
	}

	.entry-header,
	.entry-footer,
	.page-header,
	.page-content,
	.entry-content,
	.entry-summary,
	.post-thumbnail,
	.comments-area {
	margin-right: 0;
	margin-left: 0;
	}

	.post-thumbnail,
	.site-main > article {
	margin-bottom: 3.5em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
	border-width: 4px 0 0 0;
	padding: 0.9473684211em 0 0;
	width: -webkit-calc(50% - 0.736842105em);
	width: calc(50% - 0.736842105em);
	}

	body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -1.473684211em;
	}

	.site-footer,
	.widecolumn {
	padding: 0;
	}
}

/* Subho CSS */
::selection{background:var(--brandColor); color: var(--white);}

body::-webkit-scrollbar{width: 6px;}
body::-webkit-scrollbar-track{background:#333;}
body::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(var(--secondaryColor) 0%, var(--grdntStart) 100%);border-radius: 5px;}
body::-webkit-scrollbar-thumb:hover{background-image: -webkit-linear-gradient(var(--grdntStart) 0%, var(--secondaryColor) 100%);}


.country-select .country-list::-webkit-scrollbar{width: 6px;}
.country-select .country-list::-webkit-scrollbar-track{background:#333;}
.country-select .country-list::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(var(--secondaryColor) 0%, var(--grdntStart) 100%);border-radius: 5px;}
.country-select .country-list::-webkit-scrollbar-thumb:hover{background-image: -webkit-linear-gradient(var(--grdntStart) 0%, var(--secondaryColor) 100%);}

.wrap,#pageContent .e-con{max-width:1300px; margin:auto;}
#pageContent .e-con{--container-max-width: 1300px !important;}
#mainPage .e-con{--container-max-width: 1300px !important;}
/* #mainPage .e-con-boxed{padding:70px 10px;} */
#mainPage h1.elementor-heading-title {
	font-family: var(--mainFont);
	font-size: 36px;
	font-weight: 300;
	line-height: 42px;
	margin-bottom:15px;
	color:var(--titleColor);
	}

#mainPage h2, #mainPage h3, #mainPage h4, #mainPage h5, #mainPage h6{clear:none; font-weight:300;  font-size: 30px; line-height: 35px;}

.elementor-kit-6{
	--e-global-typography-secondary-font-family:var(--mainFont) !important;
	--e-global-typography-primary-font-family:var(--mainFont) !important;
	--e-global-typography-text-font-family:var(--mainFont) !important;
	--e-global-typography-accent-font-family:var(--mainFont) !important;
}


.clear{clear:both; height:0; padding:0; margin:0;}
.site-header{padding:15px 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); position: relative; z-index: 6;}
.site-main{margin-top:50px;}
.custom-logo{height:60px; width:auto;}

/* body p{text-align:justify;} */
body h1, body h2, body h3, body h4, body h5, body h6{clear:none; font-weight:300;  font-size: 22px; line-height: 30px; margin-bottom: 20px;}

.frame{padding:70px 10px;}
.grayBg{background:#EEE; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);}
.lightBlueBg{background:#e8f3ff; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);}
.frame h2{margin-bottom:15px;}
.contentSection{margin-bottom: 40px;}
.contentSection:last-child{margin-bottom: 0;}
.align-center{text-align: center;}

#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6{color: var(--titleColor);}
#pageContent{min-height: 400px;}


.main-navigation .primary-menu > li{position: relative;}
.main-navigation .primary-menu > li::after{background: var(--brandColor); height: 2px; width: 0%; transform: translate(-50%,-50%); position: absolute; left: 50%; bottom: 0; content: ""; transition: all 0.2s ease-in-out;}
.main-navigation a{padding:0px; line-height: 30px; font-weight: 400;}
.main-navigation .primary-menu > li:hover::after, .main-navigation .primary-menu > li.current-menu-item::after{width: 100%;}
.sub-menu a{padding: 0 15px; font-size: 12px;}

.main-navigation ul ul.sub-menu::-webkit-scrollbar{width: 6px;}
.main-navigation ul ul.sub-menu::-webkit-scrollbar-track{background:#333;}
.main-navigation ul ul.sub-menu::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(var(--secondaryColor) 0%, var(--grdntStart) 100%);border-radius: 5px;}
.main-navigation ul ul.sub-menu::-webkit-scrollbar-thumb:hover{background-image: -webkit-linear-gradient(var(--grdntStart) 0%, var(--secondaryColor) 100%);}

.main-navigation ul ul.sub-menu{max-height: 500px; overflow-y: scroll; overflow-x: none;}

#top{position: fixed; left: 10px; bottom: 10px; width: 40px; height: 40px; background: url(../images/home-white.png) no-repeat var(--brandColor) center; border-radius: 4px; outline: none;}

#topPanel{background:#f2f3f5; padding:7px 10px; font-size: 13px;}
#topPanel .wrap{display: flex; justify-content: space-between; align-items: center;}

.topMenu ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.topMenu ul li{text-transform: uppercase; font-size: 12px; font-weight: 400;}
.topMenu ul li a{color: #666; letter-spacing: 1px;}
.topMenu ul li a:hover{color: var(--titleColor);}

header .wrap{position: relative; justify-content: space-between;}
button.searchBtn{margin-left: 34px; height: 34px; width: 34px; border-radius: 20px;border:none; background:none; color: #666;padding: 3px 0 0; transition: all 0.2s ease-in-out;}
button.searchBtn:focus{outline: none;}
button.searchBtn:hover{color:var(--brandColor);}
button.searchBtn.active{background-image:linear-gradient(to left, var(--secondaryColor), var(--grdntStart)); color: #FFF;}
/* #searchBar{position: absolute; top: calc(100% + 16px); right: 0; z-index: 10; background: #FFF; padding: 8px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); display: none;} */
#searchBar{position: absolute; top: calc(100% + 16px); right:0; opacity: 0; background: #FFF; padding: 8px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);transition: all 0.2s ease-in-out; transform: scale(0); z-index: 20;}
#searchBar.active{transform: scale(1); opacity: 1;}
#searchBar ul{margin: 0; display: flex; justify-content: space-between; align-items: center;}
#searchBar .searchandfilter li{vertical-align: middle; position: relative;}
#searchBar .searchandfilter li:first-child:after{content:""; right: 0; top:50%; height: 24px; width: 1px; background: #CCC; position: absolute; transform: translateY(-50%);}
#searchBar .searchandfilter li:last-child{padding: 0;}
#searchBar .searchandfilter{border:1px #DDD solid; border-radius: 25px; padding: 3px; height: 42px;}
#searchBar input[type=text],#searchBar select{height: 34px; border: none; background: none; padding: 0 12px;font-size: 13px; letter-spacing: 1px; width: 100%;}
#searchBar input[type=text]:focus,#searchBar select:focus{border: none;}
#searchBar input[type=submit]{height: 34px; font-size: 0; color: transparent; width: 34px; border: none; border-radius: 20px; background: url(../images/search-blue-16.png) no-repeat center; opacity: 0.7;}
#searchBar input[type=submit]:hover{opacity: 0.8;}

#banner,#shortBanner,#subBanner{position: relative; overflow: hidden;}
	#banner .wrap{position:relative; z-index:2;}
	#banner .slides li{position:relative;}
	/* #banner .slides li::after{background: linear-gradient(to bottom, var(--grdntEnd), var(--grdntStart)); content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%;mix-blend-mode: soft-light; opacity:1; z-index: 2;}
	#banner .slides li::before{background:linear-gradient(to right, rgba(0, 105, 139, 0.8), rgba(0, 0, 0, 0)); content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; display: block; z-index: 3;} */
	#banner img,#sub-banner img{width:100%;} 	
	#shortBanner{padding: 120px 10px; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0 -1px 4px rgba(0,0,0,0.2) inset; min-height: 150px;}
	#subBanner,#shortBanner{background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0 -1px 4px rgba(0,0,0,0.2) inset;}
	#shortBanner::after{background:#000000; content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%;mix-blend-mode: soft-light; opacity:1; }
	.subBannerTitle{color: var(--secondaryColor); z-index: 1; font-size: 40px; line-height: 50px; text-transform: uppercase; font-weight: 600; max-width:800px; margin: auto; position: relative; z-index: 1;text-align: center;}
	#subBanner .subBannerTitle h1{margin: 0; padding: 0;font-size: 40px; text-transform: uppercase; font-weight: 600;text-align: center; line-height: 50px;}
	#shortBanner img,#subBanner img{width:100%; display:block;}



.bannerImg:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%;}
	.bannerContent{ /*position:absolute; */ z-index:4; width: 100%; height: 100%; left: 0; top: 0; padding: 50px; display: flex; justify-content: space-between; align-items: center;}
	.bcData{width: 100%; z-index: 9;}
	/* .bannerContent .wrap{display: flex; justify-content: space-between; align-items: center;} */
	.banner-cont{/*width:48%;*/ text-align: left; background: rgba(255, 255, 255, 0.9); padding: 30px; border-radius: 10px;transition:all 0.8s ease-out;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;transition-delay: 0.2s; display: flex; gap: 50px;}
	.flex-active-slide .banner-cont{opacity: 1;}
	.banner-cont span{ /*display:block; */}
	.banner-cont .line1{font-size:40px; line-height:46px; font-weight:400; letter-spacing: 3px; margin-bottom:4px; text-transform: uppercase; font-family: var(--titleFont); color: var(--titleColor);}
	.banner-cont .line2{font-size:16px; line-height:20px; font-weight:500; color: #242424; margin-bottom: 18px;}
	.banner-cont .line3{font-size:15px; line-height:22px; font-weight:300; margin-bottom:30px;}
	.banner-cont .wa-link{font-size:20px; line-height:26px;}
	.banner-cont .wa-link a{display:inline-block; font-size:15px; line-height:52px; background:var(--titleColor); color:var(--white); padding:0 30px;}
	#banner .banner-cont .wa-link a img{display:inline-block; margin-right:8px; width: 24px;}
	.banner-cont > div:last-child{margin: 0;}

	.bannerListing ul{padding:0; margin: 0 0 30px; list-style: none;}
	.bannerListing ul:last-child{margin: 0;}
	.bannerListing ul li{background: url(../images/bullet1.png) no-repeat left 5px; padding-left: 26px; margin-bottom: 6px;}
	.bannerListing ul:last-child,.bannerListing ul li:last-child{margin: 0;}
	
	#bannerForm{padding: 20px; background: var(--white); border-radius: 12px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); transform: translateY(-50%); margin-bottom: -100px; border-bottom: 1px #DDD solid; position: relative; z-index: 10;}
	#bannerEnquiry{width: 400px;}
	.formContent{background: rgba(255, 255, 255, 0.75);border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
	.beFormHdr{background-image:linear-gradient(to left, var(--grdntEnd), var(--grdntStart)); color:#FFF; padding: 20px; font-size: 24px; text-align: center; line-height: 34px; clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 80% 100%, 0% 75%);height: 90px;  font-weight: 400;}
	#beForm{padding:20px 30px 20px;}
	#beForm label{display: block;}
	#beForm .enqryFld{display: block;margin-bottom: 6px; position: relative;}
	#beForm .btnFld{display: block; position: relative; text-align: right;}
	#beForm .btnFld .wpcf7-spinner{margin: 0; position: absolute; left: 0;}
	#beForm label span{display: block;}
	#beForm input[type=text],#beForm input[type=tel],#beForm input[type=email],#beForm input[type=date]{height: 50px; padding: 0 14px; border: 1px #CCC solid; font-size: 13px; letter-spacing: 0.5px;}
	#beForm textarea{height: 70px; padding: 6px 14px; border: 1px #CCC solid; font-size: 13px; resize: none;letter-spacing: 1px;}
	#beForm p{margin:0;}
	#beForm #countryList{padding-left: 52px;}
	#beForm .country-list span{display: inline-block;font-size: 13px; letter-spacing: 0.5px;white-space: nowrap; text-overflow: ellipsis;}
	#beForm .country-select .country-list .country,#contactForm .country-select .country-list .country{padding: 1px 10px;overflow: hidden; }
	#beForm .wpcf7-not-valid-tip{font-size: 11px; position: absolute; right: 4px; bottom:2px; line-height: 14px; }
	#beForm .wpcf7 form.invalid .wpcf7-response-output, #beForm .wpcf7 form.unaccepted .wpcf7-response-output, #beForm .wpcf7 form.payment-required .wpcf7-response-output{border: none; background: #FF0; color: #111; margin: 20px 0 0; font-size: 12px; line-height: 17px; padding: 10px 16px; border-radius: 4px; text-align: center; font-weight: 400;}
	#beForm .wpcf7 form.failed .wpcf7-response-output,#beForm .wpcf7 form.aborted .wpcf7-response-output{border: none; background: rgb(255, 0, 128); color: #ffffff; margin: 20px 0 0; font-size: 12px; line-height: 17px; padding: 10px 16px; border-radius: 4px; text-align: center; font-weight: 400;}
	
	#banner:hover .flexslider .flex-direction-nav .flex-prev {opacity: 0.7;left: 5px;}
	#banner:hover .flexslider .flex-direction-nav .flex-next {opacity: 0.7;right: 5px;}

	.bannerFormRow{display: grid; grid-template-columns: repeat(auto-fill, minmax(296px,1fr)); grid-template-rows: minmax(30px, auto); grid-auto-flow: dense; grid-gap: 10px;}
	.bannerFormRow > div{width: 100%; position: relative;}
	.bannerFormRow input[type=submit]{height: 50px; width: 100%;}
	.bannerFormRow > div .wpcf7-spinner{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	.bannerFormRow > div span{display: block;}
	.bfTitle{font-size: 25px; line-height: 30px; margin-bottom: 5px; color: var(--titleColor); text-align: center;}


	.btnFx{background-image:linear-gradient(to left, var(--brandColor), var(--grdntStart), var(--grdntEnd), var(--grdntStart), var(--brandColor)) !important; background-position:left !important; background-size:200% !important;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;color:var(--white);}
	.btnFx:hover{background-position:right !important; color:var(--white);}

#hightlight{margin:80px auto 20px; position: relative; text-align: center; font-size: 20px; line-height: 28px; max-width: 1000px;}
#hightlight::after{content: "";background-image:linear-gradient(to left, var(--grdntEnd), var(--grdntStart)); height: 3px; width: 100px; transform: translateX(-50%); left: 50%; bottom: -20px; position: absolute;}
#hightlight b,#hightlight strong{color: var(--grdntStart);}
#hightlight p{text-align: center;}

#breadcrumbs{text-align: center;}


#welcome{position: relative; background: url(../images/wbcil-api-chemical-minerals-bg.webp) no-repeat left center;}
	#welcome .wrap{display: flex; justify-content: space-between; align-items: center; gap: 50px;}
	.welcomeThumb{width:45%; position: relative;}
	.welcomeThumb img{display: block; position: relative; z-index: 1; width: 100%;}
	/* .welcomeThumb::after{position: absolute; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(45deg, var(--grdntEnd) 0%, var(--grdntStart) 100%); top: 14px; left: -14px; border-radius: 42px;} */
	.welcomeCont{width:55%; text-align: left; background: rgba(255, 255, 255, 0.75); padding: 10px; border-radius: 10px;}
	.welcomeTitle span{display: block; font-size: 16px; text-transform: uppercase; line-height: 22px; font-weight: 500; color: #777; letter-spacing: 1px;margin-bottom: 10px;}
	.welcomeTitle span::before{content: ""; width: 24px; height: 24px; background:url(../images/chemical-flask-rb.png) no-repeat center; display: inline-block; vertical-align: middle; margin-right: 6px;}
	.welcomeTitle span::after{content: ""; width: 50px; height: 2px; background-image:linear-gradient(to left, var(--grdntEnd), var(--grdntStart)); display: inline-block; vertical-align: middle; margin-left: 6px;}
	#welcome h1.entry-title{color:var(--brandColor); margin-bottom:15px; font-size: 36px !important; line-height: 42px !important; font-weight: 300;}

	.watchVdo{display: block; position: absolute; right:40px; bottom: 70px; z-index: 2; text-align: center;}
	.watchVdo .playBtn{width: 64px; height: 64px; display: block; margin: 0 auto 10px; position: relative;}
	.watchVdo a{display: block; background:url(../images/play.png) no-repeat center; width: 64px; height: 64px; transition: all 0.2s ease-in-out; animation: playBtnAnim 0.8s infinite; position: relative; z-index: 1;}
	/* .watchVdo .playBtn::after{width: 100%; height: 100%; border: 2px var(--grdntStart) solid; content:""; left: 0; top: 0; position: absolute; border-radius: 50%; transition: all 0.2s ease-in-out; animation: playCirlce 1.6s infinite;}
	.watchVdo .playBtn::before{width: 100%; height: 100%; border: 2px var(--grdntStart) solid; content:""; left: 0; top: 0; position: absolute; border-radius: 50%; transition: all 0.2s ease-in-out; animation: playCirlce 1.6s infinite;animation-delay: 0.8s;} */
	.watchVdo .playBtnTitle{display: block; color: var(--brandColor);}


	.border-animation {position: absolute;top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(252, 8, 140, 0.5); -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; animation: squares 2.9s linear 0s infinite; -webkit-animation: squares 2.9s linear 0s infinite; -ms-animation: squares 2.9s linear 0s infinite; -o-animation: squares 2.9s linear 0s infinite; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; opacity: 0;}
	.border-animation.border-2 {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;}
	.border-animation.border-3 {-webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s;}


#statistics{background: linear-gradient(to left, var(--brandColor), var(--secondaryColor)); padding:40px 10px;}
	#statistics ul{list-style:none; margin:0; display:flex; justify-content:space-between; color:#FFF; }
	#statistics ul li span{display:block;font-size:14px; text-align:center;}
	#statistics ul li span:first-child{font-size:32px; line-height:38px;}
	

#physicalProducts{background: linear-gradient(to left, var(--brandColor), var(--secondaryColor)); padding:40px 10px; text-align: center; color:#FFF;}
	#physicalProducts h2,#physicalProducts h3,#physicalProducts h4,#physicalProducts h5,#physicalProducts h6{font-size: 38px; line-height: 50px; margin-bottom: 6px; letter-spacing: 2px; font-weight: 200; text-transform: uppercase;}
	#physicalProducts h2:last-child,#physicalProducts h3:last-child,#physicalProducts h4:last-child,#physicalProducts h5:last-child,#physicalProducts h6:last-child,#physicalProducts p:last-child{margin-bottom: 0;}
	#physicalProducts p{text-align: center;}


#brands{background-image: -webkit-linear-gradient(45deg, var(--secondaryColor) 0%, var(--grdntStart) 100%); color:var(--white); font-size:14px; padding:50px 10px;}
#brands .wrap{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.brandPartner .item{margin: 0 8px;}
.brandPartner .item img{border-radius: 5px;}
#brands .partnerTitle{font-size: 30px; white-space: nowrap; font-family: var(--titleFont); text-transform: uppercase;}



.sectionTitle{margin-bottom:40px; display:block; font-size:36px; line-height:42px; color:var(--brandColor); font-weight:300;}
.sectionTitle.white{color:var(--white);}
.sectionTitle h1,.sectionTitle h2,.sectionTitle h3,.sectionTitle h4,.sectionTitle h5,.sectionTitle h6{font-size: 36px!important; line-height: 42px !important;}
.subHeading{margin-bottom:60px; display:block; font-size:30px; line-height:34px; color:#727272; font-weight:300;}
.sectionTitle span{display: inline-block; padding: 0 30px;}

#mainCategoryList ul{background: var(--brandColor); list-style:none;padding:0;margin:0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 0;}
	#mainCategoryList .item a{display:block;position:relative;overflow:hidden;}
	#mainCategoryList .item code{display:block;overflow:hidden}
	#mainCategoryList .item code::after{background-image: linear-gradient(to top, rgba(0, 96, 170,1), rgba(0, 46, 82, 0)); content: ''; width: 100%; height: 30%; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-in-out;}
	#mainCategoryList .item code img{transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transform:scale(1.01);-webkit-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);-moz-transform:scale(1.01); width: 100%;}
	#mainCategoryList .item a:hover code img{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2)}
	.mclTitle{position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; color: #FFF; font-family: var(--titleFont); position: absolute; text-transform: uppercase; font-size: 18px; line-height: 28px; font-weight: 400;transition:all .3s ease-out;}
	.mclInfo{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; color: #FFF; transform: scale(0); opacity: 0; padding: 15px;transition:all .4s ease-out;}
	.mclInfo span{display: block; margin-bottom: 30px;font-family: var(--titleFont); font-weight: 400; text-transform: uppercase; font-size: 16px; line-height: 22px;}
	#mainCategoryList .item p{text-align: center;}

	
	#mainCategoryList .item:hover .mclInfo{transform: scale(1); opacity: 1;}
	#mainCategoryList .item:hover .mclTitle{bottom: -100px;}
	#mainCategoryList .item:hover code::after{height: 100%;background-image: linear-gradient(to top, rgba(0, 111, 196, 0.9), rgba(0, 111, 196, 0.8), rgba(0, 111, 196, 0));}
	#mainCategoryList .categoriesList{padding-bottom: 20px;}

footer{background:#111; padding:60px 10px; color:var(--white);}
	footer .wrap{display: flex; justify-content: space-between; gap: 30px;}
	footer p{text-align: left;}
	footer a{color:var(--white);}
	footer a:hover{color:var(--titleColor);}
	footer .widget-info{width:22%;}
	footer .widget-area{width:26%;}
	footer .widget-list{width:16.66%;}
	footer .widget-area p{line-height: 18px;}
	#footerDetails{font-size:12px !important; text-align:left; font-weight: 300;}
	#footerDetails .widget{margin:0 0 6px; padding:0; border:none;}
	.footerLogo{margin:0 40px 20px 0;  display:block;}
	.footerLogo span{display: inline-block; padding: 10px 12px; background: #FFF; border-radius: 4px;}
	.footerLogo .custom-logo{height: auto;}
	.copyright{ display:block;}
	#footerDetails .widget-title,  #footerDetails .wp-block-heading{display:block; margin-bottom:15px;color:var(--titleColor); font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; line-height: 30px; font-family: var(--titleFont);}
	#footerDetails ul{list-style: none; margin: 0;}
	#footerDetails .wp-block-heading strong{font-weight: 400;}
	#footerDetails #menu-footer-menu li a{color:var(--white);}
	#footerDetails #menu-footer-menu li a:hover{color:var(--brandColor);}
	.copyright{display: block;}
	footer .social-navigation{padding: 6px 0;}


	#footerDetails .social-navigation .social-links-menu a{ color: var(--white); border-color: var(--white);}
	#footerDetails .social-navigation .social-links-menu a:hover{ color:var(--brandColor); border-color: var(--brandColor);}


	.widget_nav_menu li a{color: var(--white);}

	#footerDetails #menu-footer-menu{list-style: none; margin: 0; padding: 0;}
	#footerDetails #menu-footer-menu li{padding-left: 30px; position: relative; line-height: 20px;}
	#footerDetails #menu-footer-menu li::after{content: ""; height: 1px; width: 20px; transform: translateY(-50%); left: 0; top: 50%; background: var(--grdntEnd); position: absolute;}
	#footerDetails #menu-footer-menu li::before{content: ""; height: 0; width: 0; transform: translateY(-50%); left: 17px; top: 50%; border: 4px transparent solid; border-left-color: var(--grdntEnd); position: absolute}



/* BLOGS */
.bulletStyle ul{padding:0; margin: 0 0 30px; list-style: none;}
.bulletStyle ul:last-child{margin: 0;}
.bulletStyle ul li{background: url(../images/bullet1.png) no-repeat left 5px; padding-left: 26px; margin-bottom: 8px;}
.bulletStyle ul:last-child,.bulletStyle ul li:last-child{margin: 0;}
.fullBanner{margin-bottom: 40px;}
.fullBanner img{display: block; width: 100%; border-radius: 7px;}
.publishAt{font-size: 15px; line-height: 20px; padding-top: 20px; font-weight: 500;}

#blogMedia{display: flex; justify-content:space-between; gap: 30px;}
#blogMedia hr{width: 1px; height: auto;}
#blogMedia p{text-align: justify;}
aside{width: 26%;}
article{width: 74%;}

.blogPanelList ul{list-style: none; padding: 0; margin: 0;}
.blogPanelList ul li{border-bottom: 1px #EEE solid; padding-bottom: 10px; margin-bottom: 10px; text-align: left; font-weight: 400;}
.blogPanelList ul li a{display: flex; justify-content: space-between; align-items: center; color: #444;}
.blogPanelList ul li a:hover{color: var(--brandColor);}
.blogPanelList ul li:last-child{border: 0; padding: 0; margin: 0;}
.blogPanelList ul li code{display: block; width:50px;}
.blogPanelList ul li code img{width: 100%; border-radius: 4px;}
.blogPanelList ul li span{display: block; width: calc(100% - 50px); padding-left: 14px; line-height: 20px; font-size: 13px;} 


#floatingIcon{position: fixed; left: 0; bottom: 60px; /*top:50%; transform: translateY(-50%);*/ z-index: 100; transition: all 0.6s ease-in-out;}
#floatingIcon.fiPostion{bottom:50%; transform: translateY(50%);}
#floatingIcon ul{list-style: none; padding: 0; margin: 0; width: 40px;}
#floatingIcon ul li{position: relative; display: block; margin-bottom: 3px;}
#floatingIcon ul li a{display: block; height: 40px; line-height: 40px; background: #333; transition: all 0.2s ease-in-out; color: #FFF; text-decoration: none;}
#floatingIcon ul li a:hover{background: var(--grdntEnd);}
#floatingIcon ul li a span{display: block; position:absolute; left: -150px; top: 0; height: 100%; width: auto; padding:0 10px 0 50px; background: #FFF; color:var(--brandColor); transition: all 0.2s ease-in-out; border: 1px var(--brandColor) solid; text-transform: uppercase; font-size: 15px; font-weight: 400; font-family: var(--titleFont); line-height: 38px; white-space: nowrap;}
#floatingIcon ul li:hover a span{left: 0; text-align: center;}
#floatingIcon ul li a .socialIcon{position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; background: url(../images/social.png) no-repeat 0 0;z-index: 1;}
#floatingIcon ul li.facebook a .socialIcon{background-position: 0 0; background-color:#3d6ad6;}
#floatingIcon ul li.facebook a span{border-color: #3d6ad6; color: #3d6ad6;}
#floatingIcon ul li.twitter a .socialIcon{background-position: 0 -40px; background-color:#03a9f4;}
#floatingIcon ul li.twitter a span{border-color: #03a9f4;color: #03a9f4;}
#floatingIcon ul li.instagram a .socialIcon{background-position: 0 -80px; background-color:#ef005f;}
#floatingIcon ul li.instagram a span{border-color: #ef005f;color: #ef005f;}
#floatingIcon ul li.pinterest a .socialIcon{background-position: 0 -120px; background-color:#cb2027;}
#floatingIcon ul li.pinterest a span{border-color: #cb2027;color: #cb2027;}
#floatingIcon ul li.youtube a .socialIcon{background-position: 0 -160px; background-color:#ff0000;}
#floatingIcon ul li.youtube a span{border-color: #ff0000;color: #ff0000;}
#floatingIcon ul li.linkedin a .socialIcon{background-position: 0 -200px; background-color:#0077b5;}
#floatingIcon ul li.linkedin a span{border-color: #0077b5;color: #0077b5;}
#floatingIcon ul li.call a .socialIcon{background-position: 0 -240px; background-color:#2196f3;}
#floatingIcon ul li.call a span{border-color: #2196f3;color: #2196f3;}
#floatingIcon ul li.whatsapp a .socialIcon{background-position: 0 -280px; background-color:#39ae41;}
#floatingIcon ul li.whatsapp a span{border-color: #39ae41;color: #39ae41;}


/* BLOG LISTING */
#blogListingPage{display: grid; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 30px;}
#blogListingPage .items{text-align: left; margin-bottom: 30px;}
#blogListingPage .items a{display: block;}
#blogListingPage .items code{display: block; margin-bottom: 20px; overflow: hidden;  border-radius: 6px;}
#blogListingPage .items code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1) rotate(0deg);}
#blogListingPage .items:hover code img{transform: scale(1.2) rotate(4deg);}
#blogListingPage .items span{display: block;}
#blogListingPage .items .postDate{font-size: 12px; margin-bottom: 12px; text-transform: uppercase; font-weight: 500; color: #777;}
#blogListingPage .items .postDate i{font-style: normal; font-weight: 600; color: var(--brandColor );}
#blogListingPage .items .title{font-size: 18px; margin-bottom: 12px; font-weight: 600;}
#blogListingPage .items .decription{color: #777; font-size: 15px; line-height: 20px;}

#blogArticleCont .blogArticle{padding-bottom: 40px;}
#blogArticleCont .blogArticle .item{margin:0 10px; text-align: left;}
#blogArticleCont .blogArticle .item a{display: block;}
#blogArticleCont .blogArticle .item code{display: block; margin-bottom: 20px; overflow: hidden;  border-radius: 6px;}
#blogArticleCont .blogArticle .item code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1) rotate(0deg);}
#blogArticleCont .blogArticle .item:hover code img{transform: scale(1.2) rotate(4deg);}
#blogArticleCont .blogArticle .item span{display: block;}
#blogArticleCont .blogArticle .item .postDate{font-size: 12px; margin-bottom: 12px; text-transform: uppercase; font-weight: 500; color: #777;}
#blogArticleCont .blogArticle .item .postDate i{font-style: normal; font-weight: 600; color: var(--brandColor );}
#blogArticleCont .blogArticle .item .title{font-size: 18px; margin-bottom: 12px; font-weight: 600;}
#blogArticleCont .blogArticle .item .decription{color: #777; font-size: 15px; line-height: 20px;}

#productInfo .wrap{display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.productThumb{width: 50%; position: relative;}
.productThumb img{width: 100%;}
.productFeatures{width: 50%;}
.productFeatures p{text-align: left;}
.productFeatures table{border:none; margin: 0;}
.productFeatures table th{font-weight: 600; color: var(--brandColor);}
.productFeatures table th,.productFeatures table td{border-right: none; padding:8px 0; vertical-align: top; border-color: #DDD; font-size: 14px; line-height: 20px;}
.productFeatures table tr:last-child th,.productFeatures table tr:last-child td{border: none;}
.productFeatures table tr th:first-child,.productFeatures table tr td:first-child{width:200px;}
.productFeatures .prdctTtl,.productFeatures .prdctTtl h1{text-transform: uppercase; font-size: 20px; line-height: 26px; font-weight: 400; padding: 0; margin: 0;}

.view3D{background:url(../images/3d-view-2.png) no-repeat center; width: 64px; height: 64px; display: block; position:absolute; right: 10px; bottom: 10px; z-index: 1; transition: all 0.3s ease-in-out; transform: scale(0.8); animation: view3D 0.8s infinite;}
#description h2,#description h3{font-size: 22px; line-height: 28px; font-weight: 400;}
#description{font-weight: 400;}

.smallBullet ul,.smallBullet ol{padding:0; margin: 0 0 30px; list-style: none;}
.smallBullet ul:last-child,.smallBullet ol:last-child{margin: 0;}
.smallBullet ul li,.smallBullet ol li{background: url(../images/bullet-8.webp) no-repeat left 6px; padding-left: 18px; margin-bottom: 8px; line-height: 20px;}
.smallBullet ul:last-child,.smallBullet ul li:last-child,.smallBullet ol:last-child,.smallBullet ol li:last-child{margin: 0;}

#productListPage .wrap{display: flex; justify-content: space-between; gap: 40px;;}
#productListPage hr{width: 1px; height: auto;} 
#productCatMenu ul{list-style: none; padding: 0; margin: 0;}
#productCatMenu > ul > li > ul > li > a{display: block; padding: 6px 20px;color: #222; font-size: 14px; text-transform: uppercase; font-weight: 500; border-bottom: 1px #CCC solid;border-top: 1px #FFF solid; position: relative; z-index: 1;}
#productCatMenu > ul > li > ul > li{position: relative;}
#productCatMenu > ul > li > ul > li a{position: relative;}
#productCatMenu > ul > li > ul > li a::after{background: #EEE; content:''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; transition: all 0.3s ease-in-out; z-index: -1;}
#productCatMenu > ul > li > ul > li a:hover::after{width: 100%;}
/* #productCatMenu > ul > li > ul > li > a:hover{color: var(--brandColor);} */
#productCatMenu .title{display: block; background: var(--brandColor); color: #FFF;  font-family: var(--titleFont); font-size: 20px; line-height: 30px; padding: 6px 20px; text-transform: uppercase; font-weight: 400;}
ul.children li a{display: block; padding: 6px 20px 6px 30px; color: #555; transition: all 0.3s ease-in-out;}
ul.children li{border-bottom: 1px #EEE solid;}
ul.children li a:hover{color: var(--brandColor); padding: 6px 20px 6px 40px;}

#productCatMenu > ul > li > ul{border-left: 1px #DDD solid;border-right: 1px #DDD solid;}

/* ul.productList{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 16px; text-align: center; justify-items: center ;} */
ul.productList{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 14px;}
ul.productList code{display: block; overflow: hidden;}
ul.productList code img{display: block; transition: all 0.5s ease-in-out;transform: scale(1);}
ul.productList li:hover code img{transform: scale(1.1);}
ul.productList li .cat-crs-ttl{display: block; padding: 8px 10px 2px; }
ul.productList li .cat-crs-ttl span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
ul.productList li{text-align: center; padding: 6px; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); /*border: 1px var(--brandColor) solid;*/ transition: all 0.4s ease-in-out;}

ul.productList li:hover{background: var(--brandColor);}
ul.productList li a{color:var(--brandColor); transition: all 0.4s ease-in-out;}
ul.productList li:hover a{color: #FFF;}

/* #allProduct .mainCatTtl{background:url(../images/cat-title-bg.webp) repeat-x 0 16px;display:block;color:var(--brandColor);font-size:30px;line-height:34px;font-weight:400;margin-bottom:26px}
#allProduct .mainCatTtl span{display:inline-block;background:#fff;padding-right:10px} */

/* #allProduct .mainCatTtl{background-image:linear-gradient(to right, var(--grdntStart), var(--grdntEnd)); text-align: center; display: block; margin-bottom: 40px;} */
#allProduct .mainCatTtl{background-image:linear-gradient(to right, #fff, var(--brandColor), #fff); text-align: center; display: block; margin-bottom: 40px;}
#allProduct .mainCatTtl span{background: #FFF; display: inline-block; padding: 4px 16px; color:var(--brandColor);font-size:16px;font-weight:500; letter-spacing: 1px; text-transform: uppercase; line-height:20px; border-top: 1px var(--grdntStart) solid; border-bottom: 1px var(--grdntStart) solid;}

#allProduct .cat-title{background:url(../images/cat-title-bg.webp) repeat-x 0 center;display:block;font-size:20px;line-height:34px;font-weight:400;margin-bottom:18px; text-align: center;}
#allProduct .cat-title span{display:inline-block;background:#fff;padding:0 10px}

.allProductList{margin-bottom: 40px;}


/* #latestProduct{position: relative; background: url(../images/wbcil-api-chemical-minerals-bg.webp) no-repeat left center;} */
#latestProduct .productlatest{padding-bottom: 40px;}
#latestProduct .productlatest .item{margin:4px 10px; text-align: center; border-bottom: 4px #EEE solid; position: relative;}
#latestProduct .productlatest .item::after{content: ''; height: 4px; width: 33%; position: absolute; left: 50%; bottom: -4px; background: var(--grdntStart); transform: translateX(-50%); transition: all 0.3s ease-in-out;}
#latestProduct .productlatest .item:hover::after{width: 100%}
#latestProduct .productlatest .item a{display: block;}
#latestProduct .productlatest .item code{display: block; margin-bottom: 8px; overflow: hidden;  border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
#latestProduct .productlatest .item code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1); width: 100%;}
#latestProduct .productlatest .item:hover code img{transform: scale(1.1);}
#latestProduct .productlatest .item .title{font-size: 18px; margin-bottom: 12px; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}
#latestProduct .productlatest .item .decription{color: #777; font-size: 15px; line-height: 20px;}
#latestProduct .productlatest .item .postCategory{margin-bottom: 5px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
#latestProduct .productlatest .item .postCategory span{display: inline-block; color: #888; font-weight: 400; margin-right: 6px;}
#latestProduct .productlatest .item .postCategory a{display: inline-block;}
#latestProduct .productID{display: flex; justify-content: center; gap: 8px; align-items: center; border-top: 1px #DDD solid; border-bottom: 1px #DDD solid; margin-bottom: 10px; padding: 2px 0;}
#latestProduct .productID span{display: block; font-weight: 500;}
#latestProduct .productID span i{font-weight: 300; font-style: normal;}


/* ACCREDITATIONS & EVENTS ATTENDED */
/* #accreditationsEvents{} */
#accreditationsEvents .wrap{display: flex; justify-content: space-between; gap: 60px;}
#accreditationsEvents #accrediations,#accreditationsEvents #latestEvents{width: 50%; overflow: hidden;}
#accreditationsEvents .accList{padding-bottom: 12px;}
#accreditationsEvents .accList .item{margin: 10px 5px; background: #FFF; padding: 10px; border-radius: 5px; text-align: center;}
#accreditationsEvents .accList .item code img{object-fit: contain;}
.accredtnCont{margin-bottom: 10px;}


#latestEvents .item{display:flex ; justify-content: space-between; align-items: center; gap: 30px;}
#latestEvents .item code{display: block; width: 40%;}
#latestEvents .item code img{border-radius: 6px;}
#latestEvents .item .eventText{width:60%;}
#latestEvents .item .title{display: block; font-size: 20px; line-height: 30px; margin-bottom: 12px; font-weight: 400;}
#accreditationsEvents h4,#accreditationsEvents h5,#accreditationsEvents h6{margin-bottom:40px; display:block; font-size:36px; line-height:42px; color:var(--brandColor); font-weight:300;}
/* #latestEvents .item .eventInfo{text-align: justify;} */

#latestEvents .eventDate,#latestEvents .eventStall,#latestEvents .eventVenue{margin-bottom: 0; font-size: 14px;}
#latestEvents .eventVenue{margin-bottom: 0;}
#latestEvents .eventDate span,#latestEvents .eventStall span,#latestEvents .eventVenue span{display: inline-block; font-weight: 500; color: var(--brandColor); margin-right: 10px;}

/* CLIENTS FEEDBACK */
#clientsFeedback{background: url(../images/wbcil-api-chemical-minerals-bg.webp) #e8f3ff no-repeat left center; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);}
#clientsFeedback .wrap{display: flex; justify-content: space-between; align-items: center; gap: 50px;}

.clients{width:40%; position: relative; padding: 0 50px 0 100px;}
.clients code{overflow: hidden; display: block; border-radius: 50%;aspect-ratio: 1/1; position: relative; z-index: 1;}
.clients code img{width: 100%; height: 100%; display: block; object-fit: cover;}
.clients::after{content: ''; width: 200px; height: 200px; border-radius: 50%; content: ''; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to right, #ffb11f, #ff8031);}
.clients::before{content: ''; width: 160px; height: 160px; border-radius: 50%; content: ''; position: absolute; right: 0; top: 0; background-image: linear-gradient(to right, #602485, #c62697);}

.feedback{width:50%}
.feedbackTtl{margin-bottom: 40px; color: var(--brandColor); font-size: 30px; line-height: 40px;}
.clientQuote{background: url(../images/quote.png) no-repeat left top; padding:0 0 0 54px; }
.clientQuote .item{margin: 0 34px;}
.clientQuote .item p{text-align: left; font-size: 15px; line-height: 22px;}
.clientQuote .item span{display: block;}
.clientQuote .item .postDate{text-transform: uppercase; font-weight: 500; color: #444;}
.clientQuote .item .postDate span{display: inline-block; background: rgba(0, 0, 0, 0.1); color: #333; font-size: 12px; padding:0 12px; margin-bottom: 5px;}
.clientQuote .item .quote{font-weight: 400; margin-bottom: 20px;}
.clientQuote .item .cfName{color: var(--brandColor); font-weight: 600; font-size: 18px; line-height: 26px;}
.clientQuote .item .cfName span{display: inline-block; color: #444; font-weight: 400; font-size: 14px; }
.clientQuote .item .cfLocation{font-size: 15px; line-height: 20px;}
.clientQuote .item .cfCompany{font-weight: 400; font-size: 15px; line-height: 20px;}


#productContent{display: grid; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 30px;}
#productContent{padding-bottom: 40px;}
#productContent .item{text-align: center; border-bottom: 4px #EEE solid; position: relative; margin-bottom: 20px;}
#productContent .item::after{content: ''; height: 4px; width: 33%; position: absolute; left: 50%; bottom: -4px; background: var(--grdntStart); transform: translateX(-50%); transition: all 0.3s ease-in-out;}
#productContent .item:hover::after{width: 100%}
#productContent .item a{display: block;}
#productContent .item code{display: block; margin-bottom: 8px; overflow: hidden;  border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
#productContent .item code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1);}
#productContent .item:hover code img{transform: scale(1.1);}
#productContent .item .title{font-size: 18px; margin-bottom: 12px; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}
#productContent .item .decription{color: #777; font-size: 15px; line-height: 20px;}
#productContent .item .postCategory{margin-bottom: 5px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
#productContent .item .postCategory span{display: inline-block; color: #888; font-weight: 400; margin-right: 6px;}
#productContent .item .postCategory a{display: inline-block;}
#productContent .productID{display: flex; justify-content: center; gap: 30px; align-items: center; border-top: 1px #DDD solid; border-bottom: 1px #DDD solid; margin-bottom: 10px; padding: 2px 0;}
#productContent .productID span{display: block; font-weight: 500;}
#productContent .productID span i{font-weight: 300; font-style: normal;}

.breadcrumb{text-align: center; padding-top: 20px; text-transform: uppercase; font-weight: 500;}

/* DC GRANULES */
#dcList table{table-layout: auto;}
#dcList tr th,#dcList tr td{text-align: center; line-height: 20px;}
#dcList tr th{font-weight: 400; color: var(--brandColor);}
#dcList tr th.dcTitle{text-align: left; width: 260px;}
#dcList thead tr th{color: #444; font-weight: 600; }
#dcList thead tr th span{display: block; font-size: 13px; font-style:oblique; line-height: 16px;}
#dcList tbody tr:nth-child(even) th,#dcList tbody tr:nth-child(even) td{background:#f8f8f8 ;}

#dcListMobile{display: none;}
#dcListMobile table{table-layout: auto; font-size: 13px;}
#dcListMobile tr:first-child th{background: var(--brandColor); color: #FFF;text-align: center; padding: 6px 10px; text-transform: uppercase; font-size: 16px; font-weight: 400;}
#dcListMobile tr th{font-weight: 400;}
#dcListMobile tr td{text-align: right;}
#dcListMobile tr th, #dcListMobile tr td{padding: 2px 10px;}

.widget-list li a{color: #FFF;}
#relatedPost ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(350px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 30px; list-style: none; padding: 0; margin: 0;}


#relatedPost li{margin:4px 10px; text-align: center; border-bottom: 4px #EEE solid; position: relative;}
#relatedPost li::after{content: ''; height: 4px; width: 33%; position: absolute; left: 50%; bottom: -4px; background: var(--grdntStart); transform: translateX(-50%); transition: all 0.3s ease-in-out;}
#relatedPost li:hover::after{width: 100%}
#relatedPost li a{display: block;}
#relatedPost li code{display: block; margin-bottom: 8px; overflow: hidden;  border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
#relatedPost li code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1) rotate(0deg);}
#relatedPost li:hover code img{transform: scale(1.2) rotate(4deg);}
#relatedPost li .title{font-size: 18px; margin-bottom: 12px; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase;}

#relatedPost li .postCategory{margin-bottom: 5px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
#relatedPost li .postCategory span{display: inline-block; color: #888; font-weight: 400; margin-right: 6px;}
#relatedPost li .postCategory a{display: inline-block;}
#relatedPost .productID{display: flex; justify-content: center; gap: 30px; align-items: center; border-top: 1px #DDD solid; border-bottom: 1px #DDD solid; margin-bottom: 10px; padding: 2px 0;}
#relatedPost .productID span{display: block; font-weight: 500;}
#relatedPost .productID span i{font-weight: 300; font-style: normal;}

#columnSection{display: flex; justify-content:space-between; gap: 30px;}
#columnSection hr{width: 1px; height: auto;}

.eventDate,.eventStall,.eventVenue{margin-bottom: 4px;}
.eventVenue{margin-bottom: 25px;}
.eventDate span,.eventStall span,.eventVenue span{display: inline-block; font-weight: 500; color: var(--brandColor); margin-right: 10px;}
.events-gallery{margin-bottom: 40px;}
.events-gallery ul{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 10px;}
.events-gallery ul li img{width: 100%;}
.events-gallery ul li a{position: relative; display: block;}
.events-gallery ul li span{width: 100%; display: block; background: rgba(0, 124, 219,0.9); color: #FFF; position: absolute; left: 0; bottom: 10px; padding: 5px 20px; line-height: 18px; font-size: 14px; text-align: center; text-transform: uppercase;}

/* SEARCH PAGE */
#searchList{display: flex; justify-content: space-between; gap: 30px;}
.searchResult > div{border-bottom: 1px dashed #DDD; padding-bottom: 20px; margin-bottom: 20px;}
.searchResult > div:last-child{border-bottom:none; padding-bottom: 0; margin-bottom: 0;}
.searchResult .postTitle{font-size: 22px; line-height: 30px; margin-bottom: 12px;}
.searchResult .decription{text-align: justify;}

#searchList hr{height:auto; width: 1px; background: #DDD;}

#replyComment .sectionTitle{margin-bottom: 12px; font-size: 30px; line-height: 36px; color: #444;}


#faqList{padding: 30px 0 0;}
#faqList .item{margin-bottom: 40px; counter-increment: steps; position: relative;padding-left: 60px;}
#faqList .item h2{position: relative; color: var(--brandColor); font-size: 18px; line-height: 24px; margin-bottom: 6px; font-weight: 400;}
#faqList .item::before{content: counter(steps, decimal-leading-zero); color:#CCC; width: 44px; position:absolute; left:0; top:0; text-align: right; font-size:34px; line-height:34px; font-weight: 700;}

#faqList ul{list-style: none; margin: 0; padding: 0;}
#faqList ul li{padding-left: 16px; background: url(../images/bullet-8.webp) no-repeat 0 6px;}
#faqList p{text-align: justify;}

/* #blogFaqsListing{} */
#blogFaqsListing .blogFaqsTitle{margin-bottom:30px;font-size:18px; line-height:24px;border-top: 1px dashed var(--brandColor);border-bottom: 1px dashed  var(--brandColor); padding:10px 0; text-align: center; font-weight: 400;}
#blogFaqsListing .blogFaqsTitle span{color: var(--brandColor);font-size:26px; line-height:32px; margin-bottom: 5px; display: block;}
.acRow .ac-cont{display:none; margin-bottom:40px;}
.ac-ttl{display:block; outline:none; font-weight: 400; font-size:15px; line-height:20px; color:var(--white); background:#777; padding:10px 30px 10px 50px; border-radius:2px; margin-bottom:10px; position:relative; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out; cursor: pointer;}
.ac-ttl::after{position:absolute; left:20px; top:50%; transform:translateY(-50%); content:""; background:var(--white); width:16px; height:2px;}
.ac-ttl::before{position:absolute; left:27px; top:50%; transform:translateY(-50%); content:""; background:var(--white); width:2px; height:16px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;}
.ac-ttl:hover,.ac-ttl.active{background:linear-gradient(to right, var(--secondaryColor), var(--grdntStart), var(--grdntEnd));}
.ac-ttl.active::before{height:0;}


#replyComment .entry-content{float: none; width: 100%;}
#replyComment article{margin: 0; width: auto;}
#replyComment article footer.entry-footer{display: none;}

#replyComment #comments{margin:0;}
#replyComment footer{background: none; padding: 0;}
#replyComment #comments h2{border: none; padding: 0; text-transform: uppercase;}
.comment-list{border-bottom: 1px #AAA solid; margin-bottom: 50px;}
#replyComment #respond{padding: 0;}
#replyComment .post-navigation .post-title{font-size: 16px;}
#replyComment .post-navigation {font-size: 16px; border-color: #AAA; border-width: 1px; background: var(--white); padding: 20px; margin:30px 0  0;}
#replyComment .post-navigation a{padding: 0;}
#replyComment .post-navigation .nav-next{border: none;}
#replyComment .post-navigation .nav-links{display: flex; justify-content: space-between;}



/* ABOUT PAGE */
#whoWeAre{position: relative; background: url(../images/wbcil-api-chemical-minerals-bg.webp) no-repeat right center;}
	#whoWeAre .wrap{display: flex; justify-content: space-between; align-items: center; gap: 50px;}
	.wwaThumb{width:45%; position: relative;}
	.wwaThumb img{display: block; position: relative; z-index: 1; width: 100%;}
	/* .welcomeThumb::after{position: absolute; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(45deg, var(--grdntEnd) 0%, var(--grdntStart) 100%); top: 14px; left: -14px; border-radius: 42px;} */
	.whoCont{width:55%;}
	.whoCont p{text-align: justify;}
	.whoTitle span{display: block; font-size: 16px; text-transform: uppercase; line-height: 22px; font-weight: 500; color: #777; letter-spacing: 1px;margin-bottom: 10px;}
	.whoTitle span::before{content: ""; width: 24px; height: 24px; background:url(../images/chemical-flask-rb.png) no-repeat center; display: inline-block; vertical-align: middle; margin-right: 6px;}
	.whoTitle span::after{content: ""; width: 50px; height: 2px; background-image:linear-gradient(to left, var(--grdntEnd), var(--grdntStart)); display: inline-block; vertical-align: middle; margin-left: 6px;}
	#whoWeAre h1.entry-title{color:var(--brandColor); margin-bottom:15px; font-size: 36px !important; line-height: 42px !important; font-weight: 300;}

/* #ourBusiness{}
#missionVision{}
#ourValues{} */

.flexCont{display: flex; justify-content:space-between; align-items: center; gap: 80px;}
.flexCont > div{width: 50%;}
.contRelative{position: relative;}
.halfImgRight,.halfImgLeft{background-repeat: no-repeat; background-position: center; background-size: cover; background-color: var(--brandColor); position: absolute; top: 0; height: 100%; width: 50%; transition: all 0.2s ease-in-out;}
.halfImgRight{right: 0;}
.halfImgLeft{left: 0;}

.flexCont h2,.flexCont h3,.flexCont h4,.flexCont h5,.flexCont h6{font-size: 30px; line-height: 40px; color: var(--brandColor);}
/* #valueList{} */

.patentList{padding-bottom: 20px;}
.patentList .item{margin: 8px; text-align: center;}
.patentList .item code{display: block;}
.patentList .item a{display: block; position: relative;}
.patentList .item img{width: 100%;}
.patentList .item span{position: absolute; background: rgba(0, 124, 219,0.9); padding: 6px 12px; color: #FFF; left: 0; bottom: 0; width: 100%; line-height: 18px; font-size: 13px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.patentList .item a:hover span{height: 100%; line-height: 22px; font-size: 16px;}
.patentList .item a span i{width: 64px; height: 64px; display: block; background: url(../images/zoom.png) no-repeat center;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;-ms-transition:all .1s ease-in;transition:all .1s ease-in; transform: scale(0); opacity: 0; margin-top: 0;}
.patentList .item a:hover span i{transform: scale(1); opacity: 1; margin-top: 30px;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;-ms-transition:all .4s ease-in;transition:all .4s ease-in;}


.certificateList{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 10px }
.certificateList .item code, .certificateList .item a{display: block;}
.certificateList .item img{border-radius: 6px; box-shadow: 0 0 3px rgba(67 126 191 / 0.6);}
#contactForm h1.entry-title{margin-bottom: 15px;}
#contactPage .wrap{position: relative; z-index: 10;}
#contactMap{background: #EEE;}
#contactMap iframe{ border:none; width: 100%; height: 500px; display: block; margin: 0; padding: 0;}
.fld-col-2,.fld-col-1{display: inline-block; vertical-align: top; margin: 4px; width:calc(50% - 8px);}
.fld-col-1{width:calc(100% - 8px);}
.btnFld{display: block; position: relative;margin: 4px;}
.btnFld input[type="submit"]{font-weight: 400; height: 50px; padding: 0 40px;}
/* #contactPage .halfImgLeft::after{background: rgba(0, 0, 0, 0.8); content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%;mix-blend-mode: soft-light; opacity:1; z-index: 2;} */
.contactInfo{padding: 40px; background: rgb(3 105 183 / 90%); border-radius: 10px; color: #FFF;}
.contactInfo h3,.contactInfo h4{color: #FFF; margin-bottom: 10px; font-size: 26px; line-height: 33px;}
.contactInfo p{text-align: left;}
.contactInfo a{color: #FFF; text-decoration: underline;}
.contactInfo a:hover{text-decoration: none;}
.cnctInfo{margin-bottom: 30px; padding-bottom: 30px; position: relative;}
.cnctInfo::after{content: ""; width: 60%; height: 1px; background:linear-gradient(to right, rgb(3 105 183 / 0), var(--grdntStart), var(--grdntEnd), var(--grdntStart), rgb(3 105 183 / 0)); position: absolute; left: 50%;  bottom: 0; transform: translateX(-50%);}
.cnctAddress{margin-bottom: 20px;}
.cnctAddress p{margin-bottom: 14px; background: url(../images/location.png) no-repeat 0 3px;padding-left: 45px;}
.cnctAddress p:last-child{margin-bottom:0;}
.cnctDigital{margin-bottom: 20px;}
.cnctDigital p{background: url(../images/tel-email.png) no-repeat 0 3px; padding-left: 45px;}
.cnctSocial{background: url(../images/social-media.png) no-repeat 0 3px; padding-left: 45px;}
.cnctAddress p:last-child,.cnctDigital p:last-child{margin-bottom:0;}

#thankYou, #thankYou p{text-align: center;}
#thankYou h1{font-size: 40px; line-height: 50px; margin-bottom: 15px;}
/* .gotohome{margin-bottom: 40px;} */
.gotohome a{display: inline-block; line-height: 44px; padding: 0 30px; text-decoration: none; text-transform: uppercase;}
#emailThumb{padding: 0 10px;}

#pageNumber{text-align: center; padding-top: 50px;}
#pageNumber span, #pageNumber a{line-height: 30px; width: 30px; display: inline-block; vertical-align: middle; margin: 0 2px; background:var(--brandColor); text-transform: uppercase; color: var(--white); border-radius: 3px; font-size: 12px;}
#pageNumber .prev, #pageNumber .next{width: auto; padding: 0 10px;}
#pageNumber .current{background-color: #333;}


/* EVENTS LISTING */
#eventsListingPage{display: grid; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 30px;}
#eventsListingPage .items{text-align: center;}
#eventsListingPage .items a{display: block; position: relative;}
#eventsListingPage .items code{display: block;overflow: hidden;  border-radius: 6px;}
#eventsListingPage .items code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1); width: 100%;}
#eventsListingPage .items:hover code img{transform: scale(1.2);}
#eventsListingPage .items span{display: block;}
#eventsListingPage .items .title{font-size: 14px; font-weight: 400; color: #FFF; background: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; padding: 4px 20px; text-align: center; left: 0; bottom: 20px; line-height: 18px; transition: all 0.4s ease-in-out; transform: translateY(0%);}
#eventsListingPage .items a:hover .title{bottom: 50%; transform: translateY(50%); background: rgba(0, 124, 219,0.9); padding: 10px 20px;}

/* #eventContent{display: grid; grid-template-columns: repeat(auto-fill, minmax(294px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 30px;}
#eventContent .items{text-align: center;}
#eventContent .items a{display: block; position: relative;}
#eventContent .items code{display: block; overflow: hidden;  border-radius: 6px;}
#eventContent .items code img{display: block; transition: all 0.5s ease-in-out; transform: scale(1);}
#eventContent .items:hover code img{transform: scale(1.2);}
#eventContent .items span{display: block;}
#eventContent .items .title{font-size: 14px; font-weight: 400; color: #FFF; background: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; padding: 4px 20px; text-align: center; left: 0; bottom: 20px; line-height: 18px; transition: all 0.4s ease-in-out; transform: translateY(0%);}
#eventContent .items a:hover .title{bottom: 50%; transform: translateY(50%); background: rgba(0, 124, 219,0.9); padding: 10px 20px;} */

#footerDetails .address p, #footerDetails #block-11{margin-bottom: 20px; background: url(../images/location.png) no-repeat 0 0;padding-left: 45px;}
#footerDetails .address b,#footerDetails .address strong{text-decoration: underline;}
#footerDetails #block-12{background: url(../images/tel-email.png) no-repeat 0 0; padding-left: 45px;}

#footerDetails h6.wp-block-heading{margin-bottom:2px;color:var(--brandColor); font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size:14px; line-height: 18px; font-family: var(--mainFont);}
.widget-list .menu{line-height: 22px;}

.disclaimer{margin-top: 70px;padding: 20px;border: 1px #c0ddef solid;background: #e3f4ff; border-radius: 10px;}

.callToAction{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.callToAction a{line-height: 44px; padding: 0 40px; background-color: #333; color: #FFF; font-size: 16px; display: inline-block; border-radius: 60px; font-weight: 400;}
.callToAction a.cta-WhatsApp{background-color: #00ac64;}
.callToAction a.cta-Call{background-color: #2690e7;}


.doctorScrolling .item{ text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); border-radius: 5px;}
.doctorScrolling .item code{background: var(--white); display: block; aspect-ratio: 1/1; /*margin-bottom: 12px;*/ overflow: hidden;border-radius:6px 6px 0 0;}
.doctorScrolling .item code a{display: block;}
.doctorScrolling .item code picture, .doctorScrolling .item code img{width: 100%; border-radius:6px 6px 0 0; height: 100%; width: 100%; object-fit: cover; object-position:center;}

.drScrlCont{background: #FFF; padding: 12px 12px 20px; border-radius:0 0 6px 6px;}
.drName{font-weight: 400; font-size: 16px; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; color: var(--supportColorLight); margin-bottom: 5px;}
.drSpecilization{font-size: 13px; line-height: 18px; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; margin-bottom: 2px;}
.drCertificate{font-size: 13px; line-height: 18px; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; margin-bottom: 10px;}
.drProfile{padding-top: 20px;}
.drProfile a{display: inline-block; line-height: 26px; padding: 0 22px; border-radius: 30px; color: var(--titleColor); border: 1px var(--titleColor) solid; font-size: 13px; transition: all 0.2s ease-in-out; font-weight: 400;}
.drProfile a:hover{background: var(--titleColor); color: #FFF;}

.sectionHeader{margin-bottom: 20px;}
.sectionHeader h2,.sectionHeader h3,.sectionHeader h4,.sectionHeader h5,.sectionHeader h6{margin-bottom: 16px; font-size: 30px; line-height: 36px;}
.whiteColor{color: var(--white);}
.pad-10px{padding-bottom: 10px;}
.pad-20px{padding-bottom: 20px;}
.pad-30px{padding-bottom: 30px;}

.blueBgImg{background:url(https://www.eskagsanjeevani.com/wp-content/themes/eskagpharma/assets/images/eskag-sanjeevani-bg1.jpg) #003668 no-repeat left center; background-size: cover; background-attachment: fixed;}

/* .elementor-image-gallery > div {display: grid; grid-template-columns: repeat(auto-fill, minmax(296px,1fr)); grid-template-rows: minmax(30px, auto); grid-auto-flow: dense; grid-gap: 10px;}

.elementor-image-gallery .gallery-item{width: 100% !important; max-width: 100% !important;} */


/******* Saptak MRI-Scan Start ******/

.why-choose h1,
.why-choose h2,
.why-choose h3,
.why-choose h4,
.why-choose h5,
.why-choose h6
{
  font-size: 20px !important;
  margin-bottom: 4px !important;
  font-weight: 700 !important;
  color: #000;
}

.why-choose p{
	font-size: 13px !important;
	color: #6b7280 !important;
	max-width: 650px !important;
	margin: 0 auto !important;
}

.advanced-tech-team{
	background: #fff;
	border-radius: 16px;
	padding: 18px 18px 16px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	border: 1px solid #e5e7eb;
	font-size: 13px;
	color: #6b7280;
}
.advanced-tech-team h3 {
  font-size: 15px !important;
  margin-bottom: 10px;
  color: #111827;
  font-weight: 700 !important;
}
.advanced-tech-team ul {
  list-style: none !important;
}
.advanced-tech-team li::before {
  content: "✔";
  font-size: 11px;
  color: #c62828;
  margin-top: 3px;
}
.advanced-tech-team li{
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.advanced-tech-point{
  background: #ffffff;
  border-radius: 10px;
  padding: 16px 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
  font-size: 13px;
  gap: 1px;
}

.advanced-tech-point .benefit-icon{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #fee2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #c62828;
  margin-bottom: 8px;
}

.advanced-tech-point h3{
  font-size: 14px !important;
  margin-bottom: 6px;
  font-weight: 700 !important;
  color: #000 !important;
}

.offer-strip h2,
.offer-strip h3,
.offer-strip h4,
.offer-strip h5,
.offer-strip h6{
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-bottom: 0;
}

.offer-strip p {
  font-size: 13px !important;
  opacity: 0.95 !important;
}

.experience-container{
	background: #f8fafc;
}
.mri-experience h2,
.mri-experience h3,
.mri-experience h4,
.mri-experience h5,
.mri-experience h6{
  font-size: 20px !important;
  margin-bottom: 4px !important;
  color:#000 !important;
  font-weight: 700 !important;
}

.mri-experience p {
  font-size: 13px;
  color: #6b7280;
  max-width: 650px;
  margin: 0 auto;
}

.testimonial-card{
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 14px 13px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
  font-size: 12px;
  color: #6b7280;
}
.testimonial-card .stars {
  color: #fbbf24;
  font-size: 12px;
  margin-bottom: 6px;
}
.testimonial-card .testimonial-name {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 2px;
  color: #111827 !important;
}
.testimonial-meta {
  font-size: 11px;
  margin-bottom: 6px;
  color: #9ca3af !important;
}
.elementor-testimonial-meta{
	margin-top: 40px;
}

.schedule-text h2,
.schedule-text h3,
.schedule-text h4,
.schedule-text h5,
.schedule-text h6{
  text-align: center;
  font-size: 20px !important;
  margin-bottom: 4px;
  color: #000;
  font-weight: 700 !important;
}

.step-card{
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 14px 13px;
  text-align: center;
  border: 1px solid #e5e7eb;
  font-size: 12px;
}

.step-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  margin: 0 auto 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  font-size: 16px;
  color: #1976d2;
}
.step-card h2,
.step-card h3,
.step-card h4,
.step-card h5,
.step-card h6{
  font-size: 13px !important;
  margin-bottom: 4px;
  font-weight: 700 !important;
  color: #000;
}

.gallery-text{
  text-align: center;
  margin-bottom: 20px;
}

.gallery-text h2,
.gallery-text h3,
.gallery-text h4,
.gallery-text h5,
.gallery-text h6{
  font-size: 20px !important;
  margin-bottom: 4px;
  color:#000;
  font-weight: 700 !important;
}

.faq-head h2,
.faq-head h3,
.faq-head h4,
.faq-head h5,
.faq-head h6{
  text-align: center;
  font-size: 20px !important;
  margin-bottom: 4px;
  color: #000;
  font-weight: 700 !important;
}
.faq-item {
  margin-bottom: 12px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  padding: 10px 12px;
  font-size: 12px;
}
.faq-item h2,
.faq-item h3,
.faq-item h4,
.faq-item h5,
.faq-item h6 {
  text-align: left;
  font-size: 14px !important;
  color: #000;
  font-weight: 700 !important;
  margin: 0;
  padding: 0;
}

.faq-item p {
  text-align: left;
  font-size: 12px !important;
  color: #000;
  margin: 0;
  padding: 0;
}
.faq-side-box {
  border-radius: 14px;
  padding: 14px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  font-size: 12px;
}
.faq-side-box h2,
.faq-side-box h3,
.faq-side-box h4,
.faq-side-box h5,
.faq-side-box h6 {
  font-size: 15px !important;
  margin-bottom: 4px;
  color: #000;
  font-weight: 700 !important;
}
.faq-side-box p {
	font-size: 14px !important;
	color: #1f2933;
}
.faq-side-box ul{
  list-style: none;
  display: grid;
  gap: 6px;
  margin-top: 4px;
}
.faq-side-box ul li{
  color: #1f2933;
}
.faq-side-box ul li::before{
  content: "• ";
  color: #e53935;
}




#subBanner img{
	height: 100%;
	width: 100%;
	position: absolute;
}

.banner-text{
  flex: 1 1 45%;
}
.hero-left-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
  margin-bottom: 14px;
}
.hero-left-eyebrow span {
  padding: 3px 7px;
  border-radius: 999px;
  background: #fee2e2;
  color: #c62828;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.banner-text .banner-heading {
  font-size: clamp(24px, 4.3vw, 34px);
  line-height: 1.15;
  margin-bottom: 12px;
  color: #111827;
  font-weight: 700;
  font-size: 36px;
}
.banner-content p{
  font-size: 14px;
  max-width: 460px;
  color: #6b7280;
  margin-bottom: 16px;
}
.hero-subtitle {
  font-size: 14px;
  max-width: 460px;
  color: #6b7280;
  margin-bottom: 16px;
}
.banner-content ul{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.banner-content ul li{
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  gap: 6px;
}
.banner-content ul li::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #e53935;
}
.hero-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 12px;
}
.pill {
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pill-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #e53935;
}
.hero-cta-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  margin-top: 20px;
}
.hero-phone {
  font-size: 13px;
  color: #6b7280;
}
.hero-phone span {
  font-weight: 600;
  color: #c62828;
}
.hero-cta-row small {
  font-size: 11px;
  color: #6b7280;
}
.hero-badges-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  font-size: 11px;
  color: #6b7280;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hero-badge strong {
  color: #111827;
}
.hero-badge ul{
	display: flex;
	align-items: center;
	gap: 12px; 
	padding: 0;
	margin: 0;
	list-style: none;
	flex-wrap: wrap; 
}
.hero-badge ul li {
  display: flex;
  align-items: center;
  gap: 6px;
	line-height: 1;

  /*display: flex;
  align-items: center;  
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  white-space: nowrap;
  line-height: 1;*/
}
.hero-badge img{
	width: 12px !important;
	height: 12px !important;
	object-fit: contain;
	flex-shrink: 0;
	display: block;    
}
.hero-badge .hero-badge-content{
	margin-left: 15px;
}
.hero-form-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  padding: 18px 18px 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.9);
  backdrop-filter: blur(8px);
  flex: 1 1 45%;
}
.hero-form-card h2 {
  font-size: 18px;
  margin-bottom: 6px;
  text-align: left;
  font-weight: 700;
  color: #000;
}
.hero-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  margin-bottom: 12px;
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
}
.form-field label {
  font-weight: 500;
}
.form-field input, .form-field select, .form-field textarea {
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  padding: 9px 11px;
  font-size: 12px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  font-family: inherit;
}
.form-field select{
	width: 100%;
}
.form-field textarea {
  border-radius: 12px;
  resize: vertical;
  min-height: 70px;
}
.btn-primary {
  border: none !important;
  outline: none;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #e53935, #c62828) !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 14px 30px rgba(185, 28, 28, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
  width: 100%;
  margin-top: 10px;
}
.btn-primary:hover{
	background: #fff !important;
	color: #c62828 !important;
	border: 1px solid #c62828 !important;
}
.btn-secondary {
  border: none !important;
  outline: none;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0e5597, #003668) !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 14px 30px rgba(28, 60, 185, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
  width: 100%;
  margin-top: 10px;
}
.btn-secondary:hover{
	background: #fff !important;
	color: #003668 !important;
	border: 1px solid #003668 !important;
}
.banner-text .btn-primary,
.banner-text .btn-secondary{
	width: 35%;;
}
.hero-form-footnote {
  font-size: 10px;
  color: #6b7280;
  margin-top: 6px;
}
.card-mobile{
  display: none;
}

/*.elementor-219 .elementor-element.elementor-element-ffe1e14 .elementor-button,
.elementor-219 .elementor-element.elementor-element-d61307f .elementor-button {
	box-shadow: 0 16px 16px rgba(0,0,0, 0.3);
}*/

/************* Hospital Landing Start *************/
.trust-bar{
	display: block;
}
.trust-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  height: 100%;
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
  color: #0f172a;
}
.trust-card h2,
.trust-card h3,
.trust-card h4,
.trust-card h5,
.trust-card h6{
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0;
}
.trust-card{
	font-size: 14px !important;
}
.trust-card .elementor-icon{
  	width: 44px;
  	height: 44px;
  	border-radius: 14px;
  	display: grid;
  	place-items: center;
  	background: rgba(0,54,104,.10);
  	color: #003668;
  	font-size: 1.2rem;
}





.features-strip {
  background: #ffffff;
  padding: 32px 0;
}
.features-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.feature-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.icon-circle {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #e9eff4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.icon-circle svg {
  width: 20px;
  height: 20px;
}
.icon-circle svg path {
  fill: #003668 !important;
}
.feature-text h2,
.feature-text h3,
.feature-text h4,
.feature-text h5,
.feature-text h6 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.feature-text p {
  margin: 0;
  font-size: 13px;
  color: #64748b;
}
.fa-clock::before {
  content: "\f017";
}
@media (max-width: 991px) {
  .features-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .features-container {
    grid-template-columns: 1fr;
  }
}









.why-choose-us-container{
	display: none;
}
.why-choose-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  height: 100%;
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
  color: #0f172a;
  font-size: 14px !important;
}
.why-choose-card h2,
.why-choose-card h3,
.why-choose-card h4,
.why-choose-card h5,
.why-choose-card h6{
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0;
}
.why-choose-card .elementor-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(0,54,104,.10);
  color: #003668;
  font-size: 1.2rem;
}
.why-choose-us-container .why-choose-card p{
	color: #334155 !important;
	padding: 0;
}
.elementor-437 .elementor-element.elementor-element-5d4d738 {
	--e-con-grid-template-rows: repeat(1, 1fr);
}
.why-choose-us-container h1{
	font-weight: 900 !important;
	color: #fff !important;
	margin: 0px !important;
	padding: 0px 10px;
}
.why-choose-us-container p{
	color: #fff !important;
	margin: 0px !important;
	padding: 0px 10px;
}


.our-services-container{
	display: block;
}
.our-services-container h2,
.our-services-container h3,
.our-services-container h4,
.our-services-container h5,
.our-services-container h6{
	font-weight: 900 !important;
	color: #0f172a !important;
	margin: 0px !important;
	padding: 0px 10px;
}
.our-services-container p{
	color: #334155 !important;
	margin: 0px !important;
	padding: 0px 10px;
}
.our-services-card {
  	background: #fff;
  	border: 1px solid #e5e7eb;
  	border-radius: 16px;
  	padding: 18px;
  	height: 100%;
  	box-shadow: 0 10px 22px rgba(2,6,23,.06);
  	color: #0f172a;
  	font-size: 14px !important;
}
.our-services-card h2,
.our-services-card h3,
.our-services-card h4,
.our-services-card h5,
.our-services-card h6{
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0;
	color: #0f172a;
}
.our-services-card .elementor-icon{
  	width: 44px;
  	height: 44px;
  	border-radius: 14px;
  	display: grid;
  	place-items: center;
  	background: #0036681a;
  	color: #003668;
  	font-size: 1.2rem;
}
.our-services-container .our-services-card p{
	color: #334155 !important;
	padding: 0;
}
.elementor-437 .elementor-element.elementor-element-6631633{
	--e-con-grid-template-rows: repeat(1, 1fr);
}
/*.our-services-container h1{
	font-weight: 900 !important;
	color: #fff !important;
	margin: 0px !important;
	padding: 0px 10px;
}*/



.featured-section {
  	background: #e8f3ff;
}
.featured-section-main h2,
.featured-section-main h3,
.featured-section-main h4,
.featured-section-main h5,
.featured-section-main h6{
	font-weight: 900 !important;
  	letter-spacing: -.3px;
  	margin: 0 0 10px;
  	color: #0f172a;
}
.featured-section-main p{
	color: #334155;
  	margin: 0 0 26px;
  	max-width: 70ch;
}
.urgent-box{
	background: #003668 !important;
  	color: #fff !important;
	border-radius: calc(16px + 6px);
  	padding: 22px;
  	box-shadow: 0 12px 28px rgba(2,6,23,.10);
}
.urgent-box h2,
.urgent-box h3,
.urgent-box h4,
.urgent-box h5,
.urgent-box h6{
	color: #fff !important;
	font-weight: 950 !important;
  	margin: 0 0 6px;
}
.urgent-box p{
	color: #fff;
}
.center-block {
  	background: #ffffff;
  	border: 1px solid rgba(0,54,104,.16);
  	border-radius: 16px;
  	padding: 18px;
  	color: #0f172a;
  	box-shadow: 0 10px 22px rgba(2,6,23,.06);
}
.center-block h2,
.center-block h3,
.center-block h4,
.center-block h5,
.center-block h6 {
  	font-weight: 900 !important;
  	margin: 0 0 10px;
    margin-bottom: 10px;
  	color: #0f172a;
	font-size: 20px !important;
}
.center-block p{
	font-size: 14px;
  	color: #334155;
}

.how-works h2,
.how-works h3,
.how-works h4,
.how-works h5,
.how-works h6 {
	font-weight: 900 !important;
  	letter-spacing: -.3px;
  	margin: 0 0 10px;
  	color: #0f172a;
}

.our-centers{
	background: #cbdff5;
}
.our-centers h2,
.our-centers h3,
.our-centers h4,
.our-centers h5,
.our-centers h6{
	font-weight: 900 !important;
  	letter-spacing: -.3px;
  	margin: 0 0 10px;
  	color: #0f172a;
}
.our-centers p{
  	color: #334155;
  	margin: 0 0 26px;
  	max-width: 70ch;
}
.our-centers-card {
  background: #ffffff;
  border: 1px solid rgba(0,54,104,.16);
  border-radius: 16px;
  padding: 18px;
  color: #0f172a;
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
}
.our-centers-card h2,
.our-centers-card h3,
.our-centers-card h4,
.our-centers-card h5,
.our-centers-card h6{
	font-weight: 900 !important;
  	margin: 0 0 10px;
  	color: #0f172a !important;
	font-size: 24px !important;
}
.our-centers-card p{
  	color: #334155;
  	margin: 0;
  	max-width: 70ch;
}

.our-stats-card{
  	background: #fff;
  	border: 1px solid #e5e7eb;
  	border-radius: 16px;
  	padding: 18px;
  	text-align: center;
  	height: 100%;
  	box-shadow: 0 10px 22px rgba(2,6,23,.06);
  	color: #0f172a;
}
.our-stats .elementor-counter-number-prefix,
.our-stats .elementor-counter-number-suffix,
.our-stats .elementor-counter-number{
	font-size: 27px;
  	font-weight: 950;
  	color: #003668;
}
.our-stats h2,
.our-stats h3,
.our-stats h4,
.our-stats h5,
.our-stats h6{
	color: #334155 !important;
  	font-weight: 800 !important;
	font-size: 18px !important;
}


.home-faq h2,
.home-faq h3,
.home-faq h4,
.home-faq h5,
.home-faq h6 {
	font-weight: 900 !important;
  	letter-spacing: -.3px;
  	margin: 0 0 10px;
  	color: #0f172a;
}
.home-faq p{
	color: #334155;
  	margin: 0 0 26px;
  	max-width: 70ch;
}
.home-faq .e-n-accordion-item-title{
	color: #212529;
	font-weight: 900;
	border: 1px solid #e5e7eb;
  	border-radius: 14px !important;
}
.home-faq .e-n-accordion-item[open] {
  background-color: #cfe2ff;
  color: #052c65;
}
.home-faq-accordion-item {
  	border: 1px solid #e5e7eb;
  	/*border-radius: 14px !important;*/
  	overflow: hidden;
  	color: #212529;
  	background-color: #fff;
}

.contact-section h2,
.contact-section h3,
.contact-section h4,
.contact-section h5,
.contact-section h6{
	font-weight: 900 !important;
  	letter-spacing: -.3px;
  	margin: 0 0 10px;
  	color: #0f172a;
}
.contact-section p{
	color: #334155;
  	margin: 0 0 26px;
  	max-width: 70ch;
}
.contact-section-card{
	background: #fff;
  	border: 1px solid #e5e7eb;
  	border-radius: 16px;
  	padding: 18px;
  	height: 100%;
  	box-shadow: 0 10px 22px rgba(2,6,23,.06);
  	color: #0f172a;
}
.contact-section-card .elementor-icon{
  	width: 44px;
  	height: 44px;
  	border-radius: 14px;
  	display: grid;
  	place-items: center;
  	background: rgba(0,54,104,.10);
  	color: #003668;
  	font-size: 1.2rem;
}
.contact-section-card h2,
.contact-section-card h3,
.contact-section-card h4,
.contact-section-card h5,
.contact-section-card h6{
	font-weight: 700 !important;
	font-size: 16px !important;
	margin: 0;
}


.hospital-experience h2,
.hospital-experience h3,
.hospital-experience h4,
.hospital-experience h5,
.hospital-experience h6{
  font-size: 20px !important;
  margin-bottom: 4px !important;
  color:#ffffff !important;
  font-weight: 700 !important;
}

.hospital-experience p {
  font-size: 13px;
  color: #e9e9e9;
  max-width: 650px;
  margin: 0 auto;
}

/* Mobile sticky CTA */
.sticky-cta{
	display: block;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:60;
    background:#ffffff;
    border-top:1px solid #e5e7eb;
    padding: 10px 12px;
    display:none;
}
.sticky-cta .btn-success{
	background-color: #198754;
	color: #fff;
}
.sticky-cta .btn-danger{
	background-color: #dc3545;
	color: #fff;
}
.sticky-cta .btn{
    text-align: center;
  	padding: 10px;
  	border-radius: 20px;
  	font-weight: 700;
	display: flex;
	align-items: center;      
  	justify-content: center;  
  	gap: 6px;
}
.sticky-cta .btn svg{
	width: 16px;
	fill: #fff;
	margin-right: 4px !important;
}
.w-50{
	width: 50%;
}
.gap-2 {
  gap: .5rem !important;
}
.d-flex {
  display: flex !important;
}
@media (max-width: 950px){
    .sticky-cta{ display:block; }
    body{ padding-bottom: 74px; }
}
/************* Hospital Landing End *************/


@media only screen and (max-width: 950px) {
	/*.banner-cont{
		flex-direction: column !important;
		max-width: 100% !important;
	}*/
	
	.banner-cont{
		max-width: 100% !important;
		flex-direction: column;
		align-items: center !important;   
		text-align: center !important;    
		padding: 15px !important;
	}
	.banner-content p{
		max-width: 100% !important;
	}
	.banner-text{
		display: block;
		width: 100%;
	}

	.hero-cta-row{
		justify-content: center !important;
		flex-direction: column;
	}

	.btn-primary,
	.btn-secondary{
		width: 45% !important;
	}
}
@media only screen and (max-width: 800px) {
	footer .widget-info{
		width: 50% !important;
	}
}
@media only screen and (max-width: 768px) {
	.offer-strip{
		text-align: center !important;
		flex-direction: column !important;
	}
	/*.elementor-element-64c88f3{
		flex-direction: column !important;
	}*/
	.strip-btn{
		flex-direction: column !important;
	}

	/*.our-services-card .elementor-icon-box-title
	.our-services-card .elementor-icon-box-description {
		text-align: center !important;
	}*/

	/*.our-services-card .elementor-icon-box-wrapper{
		text-align: center !important;
	}
	.elementor-widget-icon-box .elementor-icon-box-icon {
		text-align: center !important;
		align-content: center !important;
	}*/

	.urgent-box{
		text-align: center;
	}
	.featured-request{
		text-align: center;
	}
	.center-call,
	.center-direction{
		text-align: center;
	}
	.contact-call,
	.contact-whatsapp{
		text-align: center;
	}

	.elementor-icon-box-wrapper{
		align-items: center;  
		text-align: center;
	}

	.elementor-icon-box-icon{
		margin-left: auto;
		margin-right: auto;  
	}
	.elementor-icon-box-content{
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	.elementor-219 .elementor-element.elementor-element-217bfd0 {
        --e-con-grid-template-rows: repeat(1, 1fr);
    }
	.elementor-219 .elementor-element.elementor-element-1a1ac11 {
        --e-con-grid-template-rows: repeat(1, 1fr);
    }
	.elementor-219 .elementor-element.elementor-element-cf10ea8 {
        --e-con-grid-template-rows: repeat(1, 1fr);
    }
	.elementor-2153 .elementor-element.elementor-element-743dc15{
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
	.elementor-63 .elementor-element.elementor-element-0574153{
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
	.elementor-171 .elementor-element.elementor-element-b96c6f1 {
    	--e-con-grid-template-rows: repeat(1, 1fr);
  	}
	.elementor-325 .elementor-element.elementor-element-d328a79{
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
	.elementor-1517 .elementor-element.elementor-element-e73e11b {
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
	.elementor-632 .elementor-element.elementor-element-5574e03 {
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
	.elementor-1961 .elementor-element.elementor-element-7b72188 {
		--e-con-grid-template-rows: repeat(1, 1fr);
	}
}
@media only screen and (max-width: 650px) {
	footer .widget-info{
		width: 100% !important;
	}
}
@media only screen and (max-width: 590px) {
	.banner-cont{
		display: block;
	}
	.hero-form-grid{
		display: block;
	}
	.hero-form-grid .form-field p{
		text-align: left;
	}
	.hero-form-grid label{
		padding-left: 10px;
	}
	.bannerContent{
		padding: 20px;
	}
	.btn-primary,
	.btn-secondary{
		width: 100% !important;
	}
}
/******** Saptak MRI-Scan End *******/