@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400&family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://cdn-uicons.flaticon.com/2.1.0/uicons-thin-rounded/css/uicons-thin-rounded.css');
/*
font-family: 'Oswald', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: "Libre Baskerville", 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%;
	-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}

:root{
--mainFont:'Poppins', sans-serif;
--titleFont:'Oswald', sans-serif;
--thirdFont: "Libre Baskerville", serif;
--brandColor:#ff0043;
--secondaryColor:#158c51;
--thirdColor:#0091c2;
--lightColor:#ff8785;
--greyColor:#e4ebef;
--grdntStart: #ff4880;
--grdntEnd: #007b40;
--darkBg:#252628;
--white: #FFF;
}

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

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;

}

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: 100%;
left:0px;
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 #e4e4e4;

position: relative;

}

.main-navigation li:first-child{border: none;}



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

transition: all 0.2s ease-in-out;

}

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(--white);

}

.social-navigation a:hover{background-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 {

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

}







.pagination {

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 auto 0 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 {

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(--brandColor); 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(--brandColor);

color: var(--brandColor);

}



.menu-toggle.toggled-on,

.menu-toggle.toggled-on:hover,

.menu-toggle.toggled-on:focus {

background-color: var(--brandColor);

}



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

}



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

left: -999em;

margin: 0;

position: absolute;

z-index: 99999;

/* border-bottom: 1px solid var(--lightColor); */

box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.3);

background: #FFF;

border-radius: 12px;

padding: 10px 14px;

}



/* ul#menu-main-menu > li > ul{max-height: 300px;  overflow-y: scroll; overflow-x: hidden;} */



.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 var(--lightColor); */

border-bottom-width: 0;

}



.main-navigation ul ul a {

white-space: normal;

display: block;

width: 200px;

line-height: 18px;

padding: 6px 0;

color: #333 !important;

}

.main-navigation ul ul li a:hover{color: var(--thirdColor) !important;}

.main-navigation ul ul li:hover a,.main-navigation ul ul li:focus a{color: #333;}

/* .main-navigation ul ul ul li{background: var(--brandColor) !important;} */

/* .main-navigation ul ul ul li:hover a{color: var(--thirdColor) !important;} */



.main-navigation ul ul li.current-menu-item{color: var(--thirdColor) !important;}

.main-navigation ul ul li.current-menu-item a{color: var(--thirdColor) !important;}



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

left: 0;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

left: 100%;

}



.main-navigation .menu-item-has-children > a {

margin: 0;

padding-right: 20px;

}



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

.wrap{max-width:1300px; margin:auto;}
.clear{clear:both; height:0; padding:0; margin:0;}
.site-header{padding:10px 50px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); position: relative; z-index: 6;}
.site-main{margin-top:50px;}
.custom-logo{height:56px; 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: 26px; line-height: 36px; margin-bottom: 20px;}

.frame{padding:50px;}
.frame2{padding:50px 50px;}
.grayBg{background:#f5f5f5; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);}
.lightBlueBg{background:#e8f3ff; box-shadow: inset 0 0 4px rgb(98 127 159);}
.frame h2{margin-bottom:15px;}
.contentSection{margin-bottom: 40px;}
.contentSection:last-child{margin-bottom: 0;}
.align-center{text-align: center;}
.justify p,.justify li{text-align: justify;}

.pageCont h1, .pageCont h2, .pageCont h3, .pageCont h4, .pageCont h5, .pageCont h6{color: var(--brandColor);}


#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6{color: var(--brandColor);}
#pageContent{min-height: 400px;}
.sectionPara{margin-bottom: 30px;}

.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, .main-navigation .primary-menu > li.current-menu-parent::after, .main-navigation .primary-menu > li.current-menu-ancestor::after{width: 100%;}
.sub-menu a{padding: 0 15px; font-size: 12px;}


#top{position: fixed; font-size: 0; color: transparent; left: 10px; bottom: 10px; width: 40px; height: 40px; background: url(../images/home-white.png) no-repeat var(--brandColor) center; border-radius: 4px; outline: none; z-index: 10;}
#topPanel{background:var(--darkBg); font-size: 13px; overflow: hidden; color: var(--white); padding: 0 50px;}
#topPanel .wrap{display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
#topPanel .wrap::before{content: '';width: 100%; height: 100%; background: var(--brandColor); position: absolute; left: calc(-100% + 10px);  bottom: 0;}

.topInfo{position: relative; padding:8px 50px 8px 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.topInfo::before{content: '';width: 100%; height: 100%; background: var(--brandColor); position: absolute; left:0;  top: 0;  z-index: -1; transform: skew(-25deg);}
.topInfo::after{content: '';width:calc(100% + 12px); height: 100%; background: var(--brandColor); opacity: 0.2; position: absolute; left:0;  top: 0;  z-index: -1; transform: skew(-25deg);}

.topMenu{position: relative; padding:0;}

.topMenu ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.topMenu ul li{text-transform: capitalize; font-size: 12px; font-weight: 400; line-height: 24px; transition: all 0.2s ease-in-out;}
.topMenu ul li a{color:var(--white); letter-spacing: 1px;}
.topMenu ul li:hover a{color:var(--brandColor);}

.topMenu{position: relative;}
.topMenu ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.topMenu ul li{font-size: 12px; font-weight: 400; line-height: 24px; transition: all 0.2s ease-in-out; padding-right: 1px;}
.topMenu ul li a{color:var(--white); letter-spacing: 1px;}
.topMenu ul li:hover a{color:var(--brandColor);}

#banner,#subBanner{position: relative; overflow: hidden;}
	#banner .wrap,#subBanner .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{/*height: 100vh;*/ background: #000; display: flex; justify-content: center; align-items: center;}
	#banner img,#sub-banner img{width:100%;}
	#subBanner{padding: 70px 10px; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0 -1px 4px rgba(0,0,0,0.2) inset;}
	#banner::before{background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%;/*mix-blend-mode: soft-light;*/ opacity:1; }
	#subBanner::before{background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%;/*mix-blend-mode: soft-light;*/ opacity:1; }
	.subBannerTitle{color: var(--white); 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; color: #FFF;}
	#subBanner img{width:100%; display:block;}	

	.breadcrumb{text-align: center; color: #FFF; margin-top: 20px;}
	.breadcrumb a{color: var(--grdntStart);}
	.breadcrumb-single{margin-top: 20px; border-bottom: 1px #DDD solid; padding: 0 10px 20px;}
	#bannerVideo{width: auto; height: 600px; /*object-fit: cover; object-position: center; */}
	#banner::before{content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

#breadcrumber{text-align: center; /*color: var(--white);*/ padding: 10px 50px;}
#breadcrumber a{font-weight: 500; color: var(--brandColor);}
#breadcrumbs{border-bottom: 1px #DDD dashed;  padding-bottom: 10px;}

.bannerImg:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%;}
	#bannerCotent{position:absolute; z-index:2; width: 100%; height: 100%; left: 0; top: 0; color: #FFF; display: flex; justify-content: space-between; align-items: center; text-align: center;}
	#bannerCotent .wrap{max-width: 800px;}
	/* .banner-cont{width:50%; text-align: left;} */
	.banner-cont{width:100%; }
	.banner-cont span{display:block; color:var(--white);}
	.banner-cont .line1{font-size:40px; line-height:42px; font-weight:500; margin-bottom:15px; text-transform: uppercase; letter-spacing: 1px}
	.banner-cont .line1 span{display: inline-block; color: var(--brandColor);font-size:36px; line-height:40px;}
	.banner-cont .lineBig{font-size:120px; line-height:124px; font-weight:400; letter-spacing: 2px; margin-bottom:5px; text-transform: uppercase; font-family: var(--serifFont);}
	.banner-cont .line2{font-size:44px; line-height:50px; font-weight:600; margin-bottom:5px; text-transform: uppercase; letter-spacing: 2px;}
	.banner-cont .line3{font-size:24px; line-height:44px; font-weight:200; margin-bottom:5px; letter-spacing: 1px;}
	.banner-cont .bannerAuthor{font-size:18px; line-height:24px; font-weight:400; margin-bottom:5px; letter-spacing: 1px;}
	.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-image: -webkit-linear-gradient(45deg, #a035f1 0%, #6038fb 100%); */ color:var(--white); padding:0 30px;}
	#banner .banner-cont .wa-link a img{display:inline-block; margin-right:8px; width: 24px;}

	
	#taxonomyBanner{position: relative; overflow: hidden; height: 400px; position: relative;}
	#taxonomyBanner .wrap{position:relative; z-index:2;}
	#taxonomyBanner picture,#taxonomyBanner img{width:100%; height: 100%; object-fit: cover; object-position: center;} 
	#taxonomyBanner .tb-content{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.tbTitle{color: var(--brandColor); z-index: 1; font-size: 28px; line-height: 40px; font-weight: 300; max-width: 1000px; width:100%;position: relative; z-index: 1;text-align: center; padding:10px 50px; background-image: linear-gradient(to left, transparent 5%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent 95%);}
	.tbCont{color:#333; z-index: 1; font-size: 15px; line-height: 20px; font-weight: 400; max-width: 1000px; width:100%;position: relative; z-index: 1;text-align: center; padding:10px 50px; background-image: linear-gradient(to left, transparent 5%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent 100%);}


#welcome{position: relative;}
	#welcome .wrap{display: flex; justify-content: space-between; align-items: center; gap: 50px; flex-direction: row-reverse;}
	.welcomeThumb{width:45%; position: relative;}
	.welcomeThumb code{display: block; position: relative; aspect-ratio: 1/1; padding: 1px;}
	.welcomeThumb code::before{background: url(../images/frame2.png) no-repeat center; background-size: 100% 100%; content: ''; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; position: absolute;}
	.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/technology_24.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(--secondaryColor); margin-bottom:15px; font-size: 36px !important; line-height: 42px !important; font-weight: 300;}
	.watchVdo{display: block; position: absolute; left:12.2%; bottom: 11%; 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; font-size: 1px;  color: transparent;}
	/* .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;}

	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 .widget-area{width:25%;}
	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: 50px;}
	.copyright{ display:block;}
	#footerDetails .widget-title,  #footerDetails .wp-block-heading{display:block; margin-bottom:15px;color:var(--brandColor); 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}

	
	#footerDetails #text-2 .textwidget{margin-bottom: 12px; background: url(../images/location.png) no-repeat 0 0;padding-left: 45px;}
	#footerDetails #block-2{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;}


	#brands{/*background-image: -webkit-linear-gradient(40.77deg, #363EB3 0%, #5E36B3 100%);*/ color:var(--brandColor); font-size:14px; padding:50px 10px; display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px #DDD solid;}
	.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;}

	/* Table List */
	#tableList table{table-layout: auto; border-radius: 16px; overflow: hidden; background-color: var(--grdntEnd); padding-bottom: 12px;}
	#tableList tr th,#tableList tr td{text-align: center; line-height: 20px;}
	#tableList tr th:nth-child(2),#tableList tr td:nth-child(2){text-align: left;}
	#tableList tr th{font-weight: 400; color: var(--brandColor); padding: 12px 8px;}
	#tableList tr th.slno{ width: 70px;}
	#tableList thead tr th{color: #FFF; font-weight: 600; background-color: var(--grdntEnd); }
	#tableList thead tr th span{display: block; font-size: 13px; font-style:oblique; line-height: 16px;}
	#tableList tbody tr th,#tableList tbody tr td{background:#FFF ;}
	#tableList tbody tr:nth-child(even) th,#tableList tbody tr:nth-child(even) td{background:#f8f8f8 ;}

	#tableList table{border: 1px solid var(--grdntEnd); border-width: 1px 0 0 1px;}
	#tableList th, #tableList td{border: 1px solid var(--grdntEnd); border-width: 0 1px 1px 0;}

	#listMobile{display: none;}
	#listMobile table{table-layout: auto; font-size: 13px;}
	#listMobile tr th.slno a{color: #FFF;}
	#listMobile tr:first-child th{background: #f1f1f1; color: #222;text-align: center; padding: 6px 10px; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 500;}
	#listMobile tr th{font-weight: 500; width: 136px; color: var(--grdntEnd);}
	#listMobile tr td{text-align: right;}
	#listMobile tr th, #listMobile tr td{padding: 2px 10px;}
	#listMobile table{border: 1px solid var(--grdntEnd); border-width: 1px 0 0 1px;}
	#listMobile th, #listMobile td{border: 1px solid var(--grdntEnd); border-width: 0 1px 1px 0;}

	#application{display: grid; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 12px;}
	#application .item a{display: block; position: relative; overflow: hidden; border-radius: 4px;}
	#application .item img{width: 100%;}
	#application .item .grid-title{display: flex; justify-content: center; align-items: center; position: absolute; background: rgba(0, 0, 0, 0.7); padding: 6px 20px; text-align: center; color: #FFF; z-index: 1; left: 0; right: 0; bottom: 0; /*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/ transition: all 0.3s ease-in-out; height: 40px;}
	#application .item a:hover .grid-title{ height: 100%;}



#queryForm{background:url(../images/eskag-sanjeevani-bg1.jpg) #003668 no-repeat left center; padding: 30px; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
	.queryInfo{color: #bad8f3; width: 30%;}
	.queryInfo a{color: #FFF; text-decoration: underline;}
	.queryInfo a:hover{text-decoration: none;}
	.formSection{background: #FFF; padding: 25px; border-radius: 16px; width: 70%;}
	
	#queryForm .queryInfo h1,#queryForm .queryInfo h2,#queryForm .queryInfo h3,#queryForm .queryInfo h4,#queryForm .queryInfo h5{color: var(--white); margin-bottom: 8px;}
	
	.leadForm{display: grid;grid-template-columns: repeat(auto-fill, minmax(258px,1fr)); grid-template-rows: minmax(10px, auto); grid-auto-flow: dense; /*grid-auto-rows: 1fr;*/ grid-gap:14px;}
	.leadForm p{margin: 0; padding: 0;}
	.leadForm .formLabel{color: var(--darkBrand); font-weight: 400; letter-spacing: 0.4px; font-size: 14px;}
	.formCol1,.formCol1,.formButton{position: relative;}
	.formCol1 span,.formCol2 span,.formButton span{display: block;}
	.formCol1,.formButton{grid-column: 1 / span 2;}
	.leadForm .wpcf7-not-valid-tip {font-size: 11px; line-height: 13px; position: absolute; right: 5px; bottom: -5px; z-index: 1; background: #FFF; padding: 0 5px;}

	.leadForm input[type=date], .leadForm input[type=email], .leadForm input[type=tel], .leadForm input[type=text], .leadForm select{height: 44px;
		width: 100%;
		border: 1px #d1d1d1 solid;
		font-size: 14px;
		letter-spacing: .5px;
		padding: 0 13px;
		outline: 0;}
	
	.wpcf7 form .wpcf7-response-output{margin: 14px 0 0; border: none !important; background: #ffd872; color: #000; text-align: center; border-radius: 3px; padding: 8px 15px; font-size: 14px; line-height: 19px;}
	.wpcf7-not-valid{border-color: var(--secondaryColor) !important;}

	
	.enquiryForm{display: none;}
	.formTab{margin-bottom: 30px;}
	.formTab ul{list-style: none; padding: 0; margin: 0; display: flex; gap: 10px;}
	.formTab ul li{border: 1px var(--darkBg) solid; line-height: 38px; padding: 0 50px; color: var(--darkBrand); display: block; font-size: 15px; border-radius: 3px;cursor: pointer; transition: all 0.2s ease-in-out;}
	.formTab  ul li:hover,.formTab  ul li.active{background:var(--darkBg); color: #FFF;}
	.tabcontent{display: none;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}

	

.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.png) 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;}
	
.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 li ul li{background: url(../images/bullet-grey.png) no-repeat left 6px; padding-left: 18px; margin-bottom: 8px; line-height: 20px;}
.bulletStyle ul:last-child,.bulletStyle ul li:last-child{margin: 0;}

#locMap iframe{display: block; border: 0; width: 100%; height: 600px; margin: 0; padding: 0; filter: grayscale(100%);}

/* #about{} */
.missionVission{display: grid; grid-template-columns: repeat(auto-fill, minmax(410px,1fr)); /*grid-template-rows: minmax(100px, auto);*/ grid-auto-rows: 1fr; grid-auto-flow: dense; grid-gap: 50px; margin-bottom: 50px;}
.missionVission .mv-item{display: flex; align-items: center; min-height: 150px; position: relative; background: var(--grdntEnd); color: var(--white);}
.missionVission .mv-item .mv-cont{padding:20px 20px 20px 30px; margin-left: 40%;}
.missionVission .mv-item code{display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 40%; overflow: hidden;}
.missionVission .mv-item code picture, .missionVission .mv-item code img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.mv-title{/*color: var(--brandColor);*/ font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.mv-info{font-size: 14px; line-height: 20px;}


#our-values{/*background: url(../images/Eskag_pahrma_AdobeStock_433745923.webp) #d64f56 no-repeat center; background-size: cover; */ margin-bottom: 50px;}
#our-values .ov-content{display: grid; grid-template-columns: repeat(auto-fill, minmax(262px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 0; background: #FFF; box-shadow: 0 0 6px rgba(0,0,0,0.3);}
#our-values .ov-content .ov-item{padding: 20px; border-right: 1px #DDD solid;}
#our-values .ov-content .ov-item:last-child{border-right:none;}
#our-values .ftr_title{font-weight: 500; color: var(--brandColor); display: block; margin-bottom: 10px; font-size: 17px;}
#our-values .ftr_description{font-size: 13px; line-height: 19px;}
#our-values .ov-content .ov-item code{display: block; margin-bottom: 8px;}
#our-values .ov-content .ov-item code img{width: 50px;}

.aboutHome{display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 40px;}
.aboutThumb{width: 40%; overflow: hidden;}
.aboutThumb img{border-radius: 10px; object-fit: cover; object-position: center; width: 100%; height: 100%;}
.aboutContent{width: 60%;}


#highLight{position: relative; background: url(../images/oecglobal-banner.jpg) repeat-x center; background-size: auto 100%; position: relative; text-align: center; color: #FFF; padding: 80px 10px;  font-family: var(--thirdFont);}
#highLight .wrap{max-width: 700px; position: relative; z-index: 2;}
#highLight::after{content: "";background:var(--secondaryColor); left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; opacity: 0.75;} 
#highLight::before{content: "";background:var(--secondaryColor); left: 0; right: 0; top: 0; bottom: 0; position: absolute; mix-blend-mode: screen;} 

.hlgtHeading{font-weight: 500; font-size: 35px; line-height: 42px;}
.hlgtSubHeading{text-transform: uppercase; font-size: 18px; line-height: 26px; border-radius: 100px; background: #FFF; color: var(--brandColor); display: inline-block; padding: 8px 30px 6px; margin-top: 20px; font-family: var(--mainFont);}
.hlgtTagline{font-style: italic; font-size: 20px; line-height: 28px; margin-top:32px;}

#statReport{padding:35px 10px; border-bottom: 1px #CCC solid;}
	/* #statReport .wrap{max-width:900px;} */
	#statReport ul{list-style:none; margin:0; display:flex; justify-content:space-between; }
	#statReport ul li code{display:block;margin-bottom: 15px; text-align:center;}
	#statReport ul li code img{width: 40px;}
	#statReport ul li span{display:block;font-size:14px; text-align:center;}
	#statReport ul li .statValue{font-size:38px; line-height:42px; color: var(--brandColor);}


#services .item img{transition: all 0.3s ease-in-out;}
#services .item a:hover img{transform: scale(1.1);}
#services .item picture{display: block;border-radius: 6px; overflow: hidden;}
#services .item{padding: 5px;}
#services .item a{display: block; position: relative;}
#services .item span{display: block; position: absolute; left: 0; bottom: 14px; clip-path: polygon(0% 0%, 94% 0%, 100% 100%, 0% 100%); background:rgba(255,72,128,0.95); padding: 6px 30px 6px 20px; width: 90%; color: #FFF; transition: all 0.3s ease-in-out;}
#services .item a:hover span{clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%); }
.serviceCrsl{padding-bottom: 22px;}

#serviceList{display: grid; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(100px, auto); grid-auto-flow: dense; grid-gap: 20px;}
#serviceList .item a{display: block; position: relative; overflow: hidden; border-radius: 4px;}
#serviceList .item img{transition: all 0.3s ease-in-out;}
#serviceList .item a:hover img{transform: scale(1.1);}
#serviceList .item picture{display: block;border-radius: 6px; overflow: hidden;}
#serviceList .item span.grid-title{display: block; position: absolute; left: 0; bottom: 14px; clip-path: polygon(0% 0%, 94% 0%, 100% 100%, 0% 100%); background:rgba(255,72,128,0.95); padding: 6px 30px 6px 20px; width: 90%; color: #FFF; transition: all 0.3s ease-in-out;}
#serviceList .item a:hover span.grid-title{clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%); }


#whyChoose{position: relative;}
#whyChoose .wrap{display: flex; justify-content: flex-end; gap: 50px;}
#whyChoose .wcCont{width: 50%;}
#whyChoose .wcHalfImg{width: 45%; left: 0; height: 100%; top: 0; position: absolute;}
#whyChoose .wcHalfImg img{width: 100%; height: 100%;display: block; position: relative; z-index: 1; width: 100%; -webkit-mask-image: url(../images/right-pointed-black-bg.png); -webkit-mask-size: auto; -webkit-mask-position: center right; object-fit: cover}

#applications .item img{transition: all 0.3s ease-in-out;}
#applications .item a:hover img{transform: scale(1.1);}
#applications .item picture{display: block;border-radius: 6px; overflow: hidden;}
#applications .item{padding: 5px;}
#applications .item a{display: block; position: relative;}
#applications .item span{display: block; position: absolute; left: 0; bottom: 14px; clip-path: polygon(0% 0%, 94% 0%, 100% 100%, 0% 100%); background:rgba(255,72,128,0.95); padding: 6px 30px 6px 20px; width: 90%; color: #FFF; transition: all 0.3s ease-in-out;}
#applications .item a:hover span{clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%); }
.appCrsl{padding-bottom: 22px;}

#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: 50px; position:absolute; left:0; top:0; text-align: right; font-size:30px; line-height:34px; font-weight: 700; font-family: var(--mainFont);}

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

#technology{display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 50px; margin-bottom: 40px;}
.techCont{width: 50%;}
.techThumb{width: 50%;}
.techThumb img{width: 100%; border-radius: 20px; object-fit: cover; aspect-ratio: 6/4;}

#techSpecification ul{display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(328px,1fr)); grid-template-rows: minmax(10px, auto); grid-auto-flow: dense; grid-gap: 10px; margin: 0 0 30px; padding: 0;}
#techSpecification ul:last-child{margin: 0;}
#techSpecification ul li{background: url(../images/bullet1.png) no-repeat left 5px; padding-left: 26px;}

.flowChart img{width: 100%; border-radius: 20px;}


#oecGallery{margin-bottom: 40px;}
#oecGallery 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;}
#oecGallery ul li img{width: 100%;}
#oecGallery ul li a{position: relative; display: block;}
#oecGallery 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;}