@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

progress,
sub,
sup {
    vertical-align: baseline;
}

button,
hr,
input {
    overflow: visible;
}

html {
    font-family: 'Poppins' !important;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	background: #fff;
}

body {
    margin: 0;
}

img{
    user-select: none;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

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

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

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

optgroup {
    font-weight: 700;
}

button,
select {
    text-transform: none;
}

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

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/* ::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
} */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.reset-font-styles {
    font-style: normal;
    font-size: 100%;
    line-height: 1.5rem;
    letter-spacing: 0;
}

.anchor-button:before,
.solo-vertical-align:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.inherit-font-styles {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
}

main {
    overflow: hidden;
}
/* .button,.index-container .button,.plan .button,button,input[type=button],input[type=submit]{
    padding:.9em 2em;
    display:inline-block;
    text-align:center;
    background-color:#2ab292;
    box-sizing:border-box;
    border:none;
    border-radius:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    outline:0
} */
/* .button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{
    color:#fff;
    background-color:#228e75;
    border:none
} */

.button.with-arrow,
button.with-arrow,
input[type="button"].with-arrow,
input[type="submit"].with-arrow {
    width: 15.375rem;
    max-width: 100%;
    height: 5.0625rem;
    padding: 1.78125rem 1.5rem;
    color: #fff;
    letter-spacing: 0.025em;
    text-align: left;
    text-transform: uppercase;
    background: #222;
    border: none;
    margin-left: 10px;
}

.button.with-arrow.prev-arrow,
button.with-arrow.prev-arrow,
input[type="button"].with-arrow.prev-arrow,
input[type="submit"].with-arrow.prev-arrow {
    text-align: right;
    position: relative;
}

.button.with-arrow.prev-arrow:after,
button.with-arrow.prev-arrow:after,
input[type="button"].with-arrow.prev-arrow:after,
input[type="submit"].with-arrow.prev-arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 1.25rem;
    width: 1px;
    background: #fff;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%) translateZ(0);
    transform: translateX(50%) translateY(-50%) translateZ(0);
}

.button.with-arrow.prev-arrow svg,
button.with-arrow.prev-arrow svg,
input[type="button"].with-arrow.prev-arrow svg,
input[type="submit"].with-arrow.prev-arrow svg {
    -webkit-transform: scaleX(-1) translateZ(0);
    transform: scaleX(-1) translateZ(0);
}

.button.with-arrow.prev-arrow:hover svg,
button.with-arrow.prev-arrow:hover svg,
input[type="button"].with-arrow.prev-arrow:hover svg,
input[type="submit"].with-arrow.prev-arrow:hover svg {
    -webkit-transform: scaleX(-1) translateX(1rem) translateZ(0);
    transform: scaleX(-1) translateX(1rem) translateZ(0);
}

.button.with-arrow:hover svg,
button.with-arrow:hover svg,
input[type="button"].with-arrow:hover svg,
input[type="submit"].with-arrow:hover svg {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}

.button.with-arrow.no-background,
button.with-arrow.no-background,
input[type="button"].with-arrow.no-background,
input[type="submit"].with-arrow.no-background {
    width: auto;
    height: auto;
    padding: 0;
    background: 0 0;
    color: #000;
}

.button.with-arrow.no-background .st0,
button.with-arrow.no-background .st0,
input[type="button"].with-arrow.no-background .st0,
input[type="submit"].with-arrow.no-background .st0 {
    stroke: #000;
}

.button.with-arrow.gray,
button.with-arrow.gray,
input[type="button"].with-arrow.gray,
input[type="submit"].with-arrow.gray {
    color: #aaa;
    letter-spacing: 0.025em;
}

.button.with-arrow.gray .st0,
button.with-arrow.gray .st0,
input[type="button"].with-arrow.gray .st0,
input[type="submit"].with-arrow.gray .st0 {
    stroke: none;
    fill: #aaa;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.button.with-arrow svg,
.button.with-arrow > span,
button.with-arrow svg,
button.with-arrow > span,
input[type="button"].with-arrow svg,
input[type="button"].with-arrow > span,
input[type="submit"].with-arrow svg,
input[type="submit"].with-arrow > span {
    display: inline-block;
    vertical-align: middle;
}

.button.with-arrow svg:first-child,
.button.with-arrow > span:first-child,
button.with-arrow svg:first-child,
button.with-arrow > span:first-child,
input[type="button"].with-arrow svg:first-child,
input[type="button"].with-arrow > span:first-child,
input[type="submit"].with-arrow svg:first-child,
input[type="submit"].with-arrow > span:first-child {
    margin-right: 0.5rem;
}

.button.with-arrow svg,
button.with-arrow svg,
input[type="button"].with-arrow svg,
input[type="submit"].with-arrow svg {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.with-line,
button.with-line,
input[type="button"].with-line,
input[type="submit"].with-line {
    font-size: 0.875em;
    line-height: 1.71429em;
    padding: 0;
    background: 0 0;
    border: none;
    font-family: 'Poppins' !important;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #444;
    text-transform: uppercase;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.button.with-line.pusher,
button.with-line.pusher,
input[type="button"].with-line.pusher,
input[type="submit"].with-line.pusher {
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #222;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.button.with-line.pusher:hover,
button.with-line.pusher:hover,
input[type="button"].with-line.pusher:hover,
input[type="submit"].with-line.pusher:hover {
    -webkit-transform: translateX(0.3125rem) translateY(-0.05rem);
    transform: translateX(0.3125rem) translateY(-0.05rem);
}

.button.with-line.pusher:before,
button.with-line.pusher:before,
input[type="button"].with-line.pusher:before,
input[type="submit"].with-line.pusher:before {
    width: 2.25rem;
    height: 1px;
    background: #000;
}

.button.with-line:hover,
button.with-line:hover,
input[type="button"].with-line:hover,
input[type="submit"].with-line:hover {
    color: #222;
}

.button.with-line:hover:before,
button.with-line:hover:before,
input[type="button"].with-line:hover:before,
input[type="submit"].with-line:hover:before {
    background: #fcad59;
}

.button.with-line:before,
.button.with-line > span,
button.with-line:before,
button.with-line > span,
input[type="button"].with-line:before,
input[type="button"].with-line > span,
input[type="submit"].with-line:before,
input[type="submit"].with-line > span {
    display: inline-block;
    vertical-align: middle;
}

.button.with-line:before,
button.with-line:before,
input[type="button"].with-line:before,
input[type="submit"].with-line:before {
    content: "";
    width: 1.375rem;
    height: 2px;
    margin-right: 0.5rem;
    background: #444;
    -webkit-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.black-border,
.button.white-border,
button.black-border,
button.white-border,
input[type="button"].black-border,
input[type="button"].white-border,
input[type="submit"].black-border,
input[type="submit"].white-border {
    font-weight: 700;
    border: 1px solid;
    position: relative;
    background: 0 0;
    -webkit-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.button.black-border > span,
.button.white-border > span,
button.black-border > span,
button.white-border > span,
input[type="button"].black-border > span,
input[type="button"].white-border > span,
input[type="submit"].black-border > span,
input[type="submit"].white-border > span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    left: 0;
    -webkit-transition: top 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: top 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.button.black-border > span:first-of-type,
.button.white-border > span:first-of-type,
button.black-border > span:first-of-type,
button.white-border > span:first-of-type,
input[type="button"].black-border > span:first-of-type,
input[type="button"].white-border > span:first-of-type,
input[type="submit"].black-border > span:first-of-type,
input[type="submit"].white-border > span:first-of-type {
    position: relative;
}

.button.black-border > span:last-of-type,
.button.white-border > span:last-of-type,
button.black-border > span:last-of-type,
button.white-border > span:last-of-type,
input[type="button"].black-border > span:last-of-type,
input[type="button"].white-border > span:last-of-type,
input[type="submit"].black-border > span:last-of-type,
input[type="submit"].white-border > span:last-of-type {
    top: 150%;
}

.button.black-border:focus > span,
.button.black-border:hover > span,
.button.white-border:focus > span,
.button.white-border:hover > span,
button.black-border:focus > span,
button.black-border:hover > span,
button.white-border:focus > span,
button.white-border:hover > span,
input[type="button"].black-border:focus > span,
input[type="button"].black-border:hover > span,
input[type="button"].white-border:focus > span,
input[type="button"].white-border:hover > span,
input[type="submit"].black-border:focus > span,
input[type="submit"].black-border:hover > span,
input[type="submit"].white-border:focus > span,
input[type="submit"].white-border:hover > span {
    top: -150%;
}

.button.black-border:focus > span:last-of-type,
.button.black-border:hover > span:last-of-type,
.button.white-border:focus > span:last-of-type,
.button.white-border:hover > span:last-of-type,
button.black-border:focus > span:last-of-type,
button.black-border:hover > span:last-of-type,
button.white-border:focus > span:last-of-type,
button.white-border:hover > span:last-of-type,
input[type="button"].black-border:focus > span:last-of-type,
input[type="button"].black-border:hover > span:last-of-type,
input[type="button"].white-border:focus > span:last-of-type,
input[type="button"].white-border:hover > span:last-of-type,
input[type="submit"].black-border:focus > span:last-of-type,
input[type="submit"].black-border:hover > span:last-of-type,
input[type="submit"].white-border:focus > span:last-of-type,
input[type="submit"].white-border:hover > span:last-of-type {
    top: 50%;
}

.button.white-border,
button.white-border,
input[type="button"].white-border,
input[type="submit"].white-border {
    color: #fff;
    border-color: #fff;
}

.button.white-border:focus,
.button.white-border:hover,
button.white-border:focus,
button.white-border:hover,
input[type="button"].white-border:focus,
input[type="button"].white-border:hover,
input[type="submit"].white-border:focus,
input[type="submit"].white-border:hover {
    color: #444;
    background-color: #fff;
}

.button.black-border,
button.black-border,
input[type="button"].black-border,
input[type="submit"].black-border {
    text-transform: uppercase;
    color: #222;
    border-color: #222;
}

.button.black-border:focus,
.button.black-border:hover,
button.black-border:focus,
button.black-border:hover,
input[type="button"].black-border:focus,
input[type="button"].black-border:hover,
input[type="submit"].black-border:focus,
input[type="submit"].black-border:hover {
    color: #fff;
    background-color: #222;
}

.button.shifter,
button.shifter,
input[type="button"].shifter,
input[type="submit"].shifter {
    font-size: 0.875em;
    line-height: 1.71429em;
    border: none;
    color: #fff;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    position: relative;
    background: #222;
    -webkit-transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.button.middle-underline-spanned.black,
.button.middle-underline.black,
button.middle-underline-spanned.black,
button.middle-underline.black,
input[type="button"].middle-underline-spanned.black,
input[type="button"].middle-underline.black,
input[type="submit"].middle-underline-spanned.black,
input[type="submit"].middle-underline.black {
    color: #000;
}

.button.shifter > span,
button.shifter > span,
input[type="button"].shifter > span,
input[type="submit"].shifter > span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    left: 0;
    -webkit-transition: top 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: top 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.button.shifter > span:last-of-type,
button.shifter > span:last-of-type,
input[type="button"].shifter > span:last-of-type,
input[type="submit"].shifter > span:last-of-type {
    top: 150%;
}

.button.shifter:hover > span,
button.shifter:hover > span,
input[type="button"].shifter:hover > span,
input[type="submit"].shifter:hover > span {
    top: -150%;
}

.button.shifter:hover > span:last-of-type,
button.shifter:hover > span:last-of-type,
input[type="button"].shifter:hover > span:last-of-type,
input[type="submit"].shifter:hover > span:last-of-type {
    top: 50%;
}

.button.vertical-arrow,
button.vertical-arrow,
input[type="button"].vertical-arrow,
input[type="submit"].vertical-arrow {
    width: 5.0625rem;
    max-width: 100%;
    height: 5.0625rem;
    padding: 0;
    background: #002d6e;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.button.vertical-arrow.blue-violet,
button.vertical-arrow.blue-violet,
input[type="button"].vertical-arrow.blue-violet,
input[type="submit"].vertical-arrow.blue-violet {
    background: #4f23e6;
}

.button.vertical-arrow.blue-violet .st0,
button.vertical-arrow.blue-violet .st0,
input[type="button"].vertical-arrow.blue-violet .st0,
input[type="submit"].vertical-arrow.blue-violet .st0 {
    fill: #fff;
}

.button.vertical-arrow svg,
button.vertical-arrow svg,
input[type="button"].vertical-arrow svg,
input[type="submit"].vertical-arrow svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.button.vertical-arrow:hover svg,
button.vertical-arrow:hover svg,
input[type="button"].vertical-arrow:hover svg,
input[type="submit"].vertical-arrow:hover svg {
    -webkit-animation: overflow-repeat-y 0.3s ease-out reverse;
    animation: overflow-repeat-y 0.3s ease-out reverse;
}

.button.middle-underline,
button.middle-underline,
input[type="button"].middle-underline,
input[type="submit"].middle-underline {
    padding: 0;
    background: 0 0;
    border: none;
    position: relative;
    text-align: left;
}

.button.middle-underline:after,
button.middle-underline:after,
input[type="button"].middle-underline:after,
input[type="submit"].middle-underline:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.middle-underline.active span:after,
.button.middle-underline.active:after,
.button.middle-underline:hover span:after,
.button.middle-underline:hover:after,
button.middle-underline.active span:after,
button.middle-underline.active:after,
button.middle-underline:hover span:after,
button.middle-underline:hover:after,
input[type="button"].middle-underline.active span:after,
input[type="button"].middle-underline.active:after,
input[type="button"].middle-underline:hover span:after,
input[type="button"].middle-underline:hover:after,
input[type="submit"].middle-underline.active span:after,
input[type="submit"].middle-underline.active:after,
input[type="submit"].middle-underline:hover span:after,
input[type="submit"].middle-underline:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.button.middle-underline.black span:after,
.button.middle-underline.black:after,
button.middle-underline.black span:after,
button.middle-underline.black:after,
input[type="button"].middle-underline.black span:after,
input[type="button"].middle-underline.black:after,
input[type="submit"].middle-underline.black span:after,
input[type="submit"].middle-underline.black:after {
    background: #000;
}

.button.middle-underline-spanned,
button.middle-underline-spanned,
input[type="button"].middle-underline-spanned,
input[type="submit"].middle-underline-spanned {
    padding: 0;
    background: 0 0;
    border: none;
    position: relative;
    text-align: left;
}

.button.middle-underline-spanned span,
button.middle-underline-spanned span,
input[type="button"].middle-underline-spanned span,
input[type="submit"].middle-underline-spanned span {
    position: relative;
}

.button.middle-underline-spanned span:after,
button.middle-underline-spanned span:after,
input[type="button"].middle-underline-spanned span:after,
input[type="submit"].middle-underline-spanned span:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.middle-underline-spanned.active span:after,
.button.middle-underline-spanned:hover span:after,
button.middle-underline-spanned.active span:after,
button.middle-underline-spanned:hover span:after,
input[type="button"].middle-underline-spanned.active span:after,
input[type="button"].middle-underline-spanned:hover span:after,
input[type="submit"].middle-underline-spanned.active span:after,
input[type="submit"].middle-underline-spanned:hover span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.button.middle-underline-spanned.black span:after,
button.middle-underline-spanned.black span:after,
input[type="button"].middle-underline-spanned.black span:after,
input[type="submit"].middle-underline-spanned.black span:after {
    background: #000;
}

.button.aquamarine,
button.aquamarine,
input[type="button"].aquamarine,
input[type="submit"].aquamarine {
    width: 17.25rem;
    max-width: 100%;
    height: 5.0625rem;
    box-sizing: border-box;
    background-color: #002d6e;
    text-transform: uppercase;
    text-align: left;
    color: #222;
}

.button.aquamarine svg,
button.aquamarine svg,
input[type="button"].aquamarine svg,
input[type="submit"].aquamarine svg {
    margin-left: 1.5rem;
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.aquamarine svg .st0,
button.aquamarine svg .st0,
input[type="button"].aquamarine svg .st0,
input[type="submit"].aquamarine svg .st0 {
    fill: #000;
}

.button.aquamarine:hover svg,
button.aquamarine:hover svg,
input[type="button"].aquamarine:hover svg,
input[type="submit"].aquamarine:hover svg {
    margin-left: 3rem;
}

.button.download,
button.download,
input[type="button"].download,
input[type="submit"].download {
    width: 100%;
    padding-top: 1rem;
    border-left: 5px solid #002d6e;
    text-align: left;
    text-transform: uppercase;
    background-color: #fff;
    color: #444;
}

.button.download:hover svg,
button.download:hover svg,
input[type="button"].download:hover svg,
input[type="submit"].download:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.button.download .icon-container,
.button.download > span,
button.download .icon-container,
button.download > span,
input[type="button"].download .icon-container,
input[type="button"].download > span,
input[type="submit"].download .icon-container,
input[type="submit"].download > span {
    display: inline-block;
    vertical-align: middle;
}

.button.download .icon-container,
button.download .icon-container,
input[type="button"].download .icon-container,
input[type="submit"].download .icon-container {
    float: left;
    margin-right: 1.5rem;
    border: 1px solid #222;
    border-radius: 100%;
}

.button.download svg,
button.download svg,
input[type="button"].download svg,
input[type="submit"].download svg {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button.download > span,
button.download > span,
input[type="button"].download > span,
input[type="submit"].download > span {
    display: block;
    margin-bottom: -0.8rem;
    margin-top: 1.71875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.span-and-icon img,
.span-and-icon span,
.span-and-icon svg {
    display: inline-block;
    vertical-align: middle;
}

.span-and-icon img:first-child,
.span-and-icon span:first-child,
.span-and-icon svg:first-child {
    margin-right: 0.5rem;
}

.index-container .button,
input[type="checkbox"],
input[type="radio"] {
    margin-right: 1em;
}

.span-and-icon > span {
    margin-top: -2px;
}

@media only screen and (max-width: 5000px) {
    html {
        font-size: 100%;
    }
}

@media only screen and (max-width: 1920px) {
    html {
        font-size: 100%;
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 70.3125%;
    }
}

body {
    line-height: 1.5rem;
}

p.error {
    color: #ff4d4d;
}

.anchor-styles,
.button,
.index-container .button,
.plan .button,
a,
button,
input[type="button"],
input[type="submit"] {
    font-family: 'Poppins' !important;
    font-weight: 600;
    color: #444;
    text-decoration: none;
    letter-spacing: 0.025em;
}

a:hover {
    color: #363636;
}

a.nav-anchor {
    font-size: 14px;
    line-height: 1.71429em;
    font-weight: 300;
    letter-spacing: 1px;
}

a.active {
    color: #22313f;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 400;
    color: #222;
    letter-spacing: 0;
}

.letter-space{
    letter-spacing: 1px;
}

a.reset-anchor-styles {
    font-style: normal;
    font-size: 100%;
    line-height: 1.5rem;
    letter-spacing: 0;
}

.fine-print,
cite {
    font-style: italic;
}

h3,
h5,
p {
    line-height: 1.5em;
}

body {
    font-family: 'Poppins' !important;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Poppins' !important;
}

.fine-print,
p {
    font-family: 'Poppins' !important;
}

p {
    margin: 1.5rem 0;
}

h1,
h2,
h3 {
    font-weight: 700;
}

h4,
h6 {
    font-weight: 400;
}

h1 {
    letter-spacing: -0.015em;
    font-size: 3.6875em;
    line-height: 1.05495em;
}

hr {
    margin: 0.71875rem auto 0.71875rem 0;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
}

hr.two-base-lines {
    margin-top: 1.46875em;
    margin-bottom: 1.46875em;
}

hr.three-base-lines {
    margin-top: 2.21875em;
    margin-bottom: 2.21875em;
}

dl,
dl dd,
ol,
ul {
    margin: 0;
}

blockquote {
    margin: 1em 0;
    padding: 0.5em 0 0.5em 1em;
    color: #606060;
    border-left: 3px solid #ddd;
}

cite {
    color: #7c7c7c;
}

cite:before {
    content: "\2014 \00A0";
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 3.0625em;
        line-height: 1.46939em;
    }
}

h2 {
    font-size: 2.8125em;
    line-height: 1.6em;
}

h3 {
    font-size: 1.6em;
}

@media only screen and (max-width: 1024px) {
    h3 {
        font-size: 1.5625em;
        line-height: 1.92em;
    }
}

h4 {
    letter-spacing: 1px;
    font-size: 1.4375em;
    line-height: 2.08696em;
}

@media only screen and (max-width: 1024px) {
    h4 {
        font-size: 1.25em;
        line-height: 1.2em;
    }
    h5 {
        font-size: 1em;
        line-height: 1.5em;
    }
}

h5 {
    font-weight: 600;
    font-size: 1em;
}

h6 {
    letter-spacing: 0.05em;
    font-size: 0.6875em;
    line-height: 2.18182em;
}

@media only screen and (max-width: 1024px) {
    h6 {
        font-size: 0.6875em;
        line-height: 2.18182em;
    }
}

p {
    font-size: 15px;
}

@media only screen and (max-width: 1024px) {
    p {
        font-size: 0.9375em;
        line-height: 1.6em;
    }
}

.fine-print {
    font-size: 0.875em;
    line-height: 1.71429em;
    font-weight: 500;
}

.inherit-styles {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.drop-down {
    display: inline-block;
    position: relative;
}

.drop-down:hover {
    color: #ccc;
}

.drop-down-list {
    display: none;
    position: absolute;
    top: 50%;
}

.drop-down-list > * {
    padding: 0.25em;
    width: 10rem;
    color: #fff;
    background-color: #22313f;
    text-align: center;
}

.drop-down-list > :hover {
    color: #ccc;
    background-color: #293b4c;
}

.drop-down-list :first-of-type,
.drop-down-list :last-of-type {
    border-radius: 0;
}

.drop-down:hover .drop-down-list {
    padding-top: 1em;
    display: block;
    z-index: 100;
}

dl,
ol,
ul {
    padding: 0;
    list-style-type: none;
    outline: 0;
}

li {
    display: block;
}

dl dt {
    font-weight: 700;
}

.index-container .list-item {
    padding: 1em 0;
    background-color: #fff;
}

.index-container .list-item:nth-child(even) {
    background-color: #f7f7f7;
}

.input-styles,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
input[type="number"],
input[type="search"],
select,
textarea {
    font-size: 14px;
    line-height: 2em;
    font-family: 'Poppins' !important;
    font-weight: 300;
    letter-spacing: 1px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
input[type="number"],
input[type="search"],
select,
textarea {
    margin: 0;
    padding: 0.45em;
    display: block;
    color: #444;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
select:hover,
textarea:hover {
    border: 1px solid #a3a3a3;
}

.plan .title,
.plan ul {
    background-color: #22313f;
    border-radius: 0;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #222;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #222;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #222;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #222;
}

.label-styles,
label {
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins' !important;
    font-weight: 700;
    letter-spacing: 1px;
}

label {
    display: block;
    color: #444;
}

.alert-box,
label abbr {
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

i {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #ccc;
}

.quick-facts-text .cls-1,
.quick-facts-text .cls-2 {
    font-size: 90px;
    font-family: 'Poppins' !important;
    font-weight: 700;
}

i:hover {
    color: #a3a3a3;
}

.menu-icon {
    width: 3rem;
    height: 3rem;
}

.menu-icon .st0 {
    background-color: #fff;
    opacity: 0;
}

nav.shrunk .menu-icon .st1 {
    fill: none;
    stroke: #333;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

nav .menu-icon .st1 {
    fill: none;
    stroke: #333;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

.menu-icon .st2 {
    fill: none;
    enable-background: new;
}

.down-arrow {
    width: 0.8125rem;
    height: 1.8125rem;
}

.down-arrow .st0 {
    fill: #fff;
}

.left-arrow {
    width: 1.8125rem;
    height: 0.8125rem;
}

.left-arrow .st0 {
    fill: #fff;
}

.up-arrow {
    width: 0.8125rem;
    height: 1.8125rem;
}

.up-arrow .st0 {
    fill: #002d6e;
}

.right-arrow {
    width: 1.8125rem;
    height: 0.8125rem;
}

.right-arrow .st0 {
    fill: #fff;
}

.down-rectangle .cls-1,
.up-rectangle .cls-1 {
    fill: none;
    stroke: #002d6e;
    stroke-width: 3px;
    fill-rule: evenodd;
}

.stats-icon {
    width: 3.3125rem;
    height: 3.3125rem;
}

.stats-icon .st0 {
    fill: none;
    stroke: #222;
}

.facebook-icon .st0,
.twitter-logo .st0 {
    fill: #404c57;
}

.stats-icon .stats-icon-border {
    stroke: none;
}

.facebook-icon {
    width: 1.4375rem;
    height: 1.4375rem;
}

.twitter-logo {
    width: 1.4375rem;
    height: 1.1875rem;
}

.view-arrow {
    width: 2.3125rem;
    height: 1.0625rem;
}

.view-arrow .st0 {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.view-arrow.dark .st0 {
    stroke: #000;
}

.close-modal-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.close-modal-icon .cls-1 {
    fill-rule: evenodd;
    fill: #fff;
    opacity: 1;
}

.linked-in-icon {
    width: 2.25rem;
    height: 2.25rem;
}

.minus-icon,
.plus-icon {
    width: 2.375rem;
    height: 2.375rem;
}

.linked-in-icon .st0 {
    fill: #fff;
}

.plus-icon .st0 {
    fill: none;
    stroke: #222;
}

.plus-icon .st1 {
    fill: #222;
}

.minus-icon .st0,
.minus-icon .st1 {
    fill: none;
    stroke: #222;
}

.download-icon,
.specific-industry-icon {
    width: 3.3125rem;
    height: 3.3125rem;
}

.minus-icon .st1 {
    stroke-width: 2.028;
    stroke-miterlimit: 10;
}

.download-icon .st0,
.specific-industry-icon .st1 {
    fill: none;
    stroke: #222;
}

.specific-industry-icon .st0 {
    fill: none;
    enable-background: new;
}

.download-icon .stats-icon-border {
    stroke: none;
}

.calendar-icon {
    width: 2.25rem;
    height: 2rem;
}

.calendar-icon .st0 {
    fill: #333;
}

.calendar-icon .st1 {
    fill: none;
    stroke: #333;
    stroke-miterlimit: 10;
}

.search-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.gray-left-arrow,
.gray-right-arrow {
    width: 1.6875rem;
    height: 1.375rem;
}

.search-icon .st0 {
    fill: #333;
}

.gray-left-arrow .st0,
.gray-right-arrow .st0 {
    fill: #d0d0d0;
}

.left-arrow-2 {
    width: 0.96313rem;
    height: 1.66187rem;
}

.left-arrow-2 .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-width: 2px;
    fill-rule: evenodd;
}

.right-arrow-2 {
    width: 0.97062rem;
    height: 1.67rem;
}

.right-arrow-2 .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-width: 2px;
    fill-rule: evenodd;
}

.play-icon {
    width: 4.5625rem;
    height: 4.5625rem;
}

.play-icon .cls-1 {
    fill: none;
    stroke: #ddd;
    stroke-width: 1px;
}

.play-icon .cls-2 {
    fill: #ddd;
    fill-rule: evenodd;
}

.close-icon .st0,
.close-icon .st1,
.close-icon .st2 {
    fill: none;
    enable-background: new;
}

.close-icon {
    width: 4.5rem;
    height: 4.5rem;
}

.close-icon .st1 {
    stroke:#fffefe;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.close-icon .st2 {
    stroke: #fffefe;
    stroke-width: 2;
}

.quick-facts-text {
    width: 101.875rem;
    height: 16.375rem;
}

.quick-facts-text .cls-1 {
    fill: #f2f2f2;
}

.quick-facts-text .cls-2 {
    fill: #002d6e;
}

.quick-facts-text #textMask rect {
    -webkit-transition: 2.7s ease-out;
    transition: 2.7s ease-out;
}

.quick-facts-text.active #textMask rect {
    width: 100%;
}

.plan ul {
    color: #fff;
    text-align: center;
}

.plan .title {
    padding: 1rem 0;
    font-size: 23px;
}

.plan .price {
    padding: 1.5rem 0;
    font-size: 91px;
    background-color: #293b4c;
}

.plan .price span {
    font-size: 1.25rem;
    font-weight: 100;
}

.plan .price span.money-symbol {
    position: relative;
    top: -1.7em;
    right: -0.8em;
}

.plan .price span.month-text {
    position: relative;
    left: -0.8em;
}

.plan .feature {
    padding: 0.75em 0;
}

.plan .button {
    margin: 1.2em 0 1.6em;
}

.plan {
    width: 20em;
}

.alert-box {
    margin-bottom: 0;
}

.alert-box.alert {
    background-color: #d24d57;
    border: 1px solid #d24d57;
}

.alert-box.success {
    background-color: #3fc380;
    border: 1px solid #3fc380;
}

.alert-box.warning {
    background-color: #eb8c23;
    border: 1px solid #eb8c23;
}

.alert-box .alert-box-content {
    opacity: 0;
}

.alert-box .close-button {
    color: #fff;
    opacity: 0.6;
}

li.state-green,
li.state-red,
li.state-yellow {
    width: 10em;
    padding: 0.5em 0;
    font-weight: 600;
    font-size: 0.875em;
    color: #fff;
    border-radius: 0;
    text-align: center;
}

li.state-green {
    background-color: #3fc380;
}

li.state-yellow {
    background: #f1c205;
}

li.state-red {
    background: #d24d57;
}

table.custom-table table {
    width: 100%;
    table-layout: fixed;
}

table.custom-table th {
    padding: 0.7em 3em;
    color: #444;
    border-bottom: 2px solid #ccc;
    text-align: left;
    font-family: 'Poppins' !important;
    font-weight: 600;
}

table.custom-table td {
    padding: 1.5em 3em;
    color: #666;
    text-align: left;
}

body.weslaco-advantage nav.top-bar-container .links a,
body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .links a,
nav.top-bar-container.shrunk .links a{
    color: #222;
}

table.custom-table tr:nth-child(odd) {
    background-color: #fff;
}

table.custom-table tr:nth-child(even) {
    background-color: #999;
}

body.weslaco-advantage nav.top-bar-container .links a:after,
body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .links a:after,
nav.top-bar-container.shrunk .links a:after {
    background: #222;
}

body:not(.weslaco-advantage):not(.index):not(.business) .strip-div{
    position: absolute;
    top: 0;
}

body:not(.weslaco-advantage):not(.index):not(.business) header.topHeader{
    top: 0;
    /* position: absolute;
    width: 100%; */
}

body nav.top-bar-container.shrunk {
    height: 80px;
    border-bottom: 1px solid #ddd !important;
    /* box-shadow: 0.8125rem -0.4375rem 0.95625rem 0.16875rem rgba(4, 11, 24, 0.14); */
    pointer-events: auto;
    top: 35px;
}

body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .background,
nav.top-bar-container.shrunk .background {
    opacity: 1;
}

body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .logo-link,
nav.top-bar-container.shrunk .logo-link {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .logo-link img:first-of-type,
nav.top-bar-container.shrunk .logo-link img:first-of-type {
    opacity: 0;
}

body.weslaco-advantage nav.top-bar-container.shrunk .logo-link img:nth-of-type(2),
body:not(.weslaco-advantage):not(.index):not(.business) nav.top-bar-container .logo-link img:nth-of-type(2),
nav.top-bar-container.shrunk .logo-link img:nth-of-type(2) {
    opacity: 1;
}

body:not(.weslaco-advantage):not(.index):not(.business) .main {
    padding-top: 114px;
}

body.weslaco-advantage nav.top-bar-container {
    border-bottom: 1px solid #00000014;
}

body.weslaco-advantage nav.top-bar-container .logo-link img:first-of-type,
body.weslaco-advantage nav.top-bar-container.shrunk .logo-link img:nth-of-type(3) {
    opacity: 0;
}
/* body.weslaco-advantage nav.top-bar-container.shrunk .menu-icon .st1{
    stroke:#fff
} */

body.weslaco-advantage nav.top-bar-container .logo-link img:nth-of-type(3) {
    opacity: 1;
}
/* body.weslaco-advantage nav.top-bar-container .menu-icon .st1{
    stroke:#002d6e
} */

body.weslaco-advantage header .background-lines li {
    background: #00000014;
}

body.index nav.top-bar-container {
    border-bottom: 1px solid #ffffff14;
}

body.index header .background-lines li {
    background: #ffffff14;
}

body.business nav.top-bar-container {
    border-bottom: 1px solid #ffffff14;
}

body.business header .background-lines li {
    background: #ffffff14;
}

nav.top-bar-container {
    height: 80px;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 8;
    position: fixed;
    pointer-events: none;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    /* -webkit-transition: 0.5s;
    transition: 0.5s; */
}

nav.top-bar-container a {
    pointer-events: auto;
    font-family: 'Poppins' !important;
}

.input-hoshi label,
.slick-slide.dragging img {
    pointer-events: none;
}

nav.top-bar-container .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    /* -webkit-transition: 0.5s;
    transition: 0.5s; */
}

nav.top-bar-container .left,
nav.top-bar-container .right {
    height: 100%;
}

nav.top-bar-container .left:before,
nav.top-bar-container .right:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

nav.top-bar-container .left {
    float: left;
    margin-left: 9%;
    position: relative;
}

nav.top-bar-container .logo-link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

nav.top-bar-container .logo-link img {
    display: block;
    max-width: 100%;
    max-height: 6.15rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

nav.top-bar-container .logo-link img:nth-of-type(2),
nav.top-bar-container .logo-link img:nth-of-type(3) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0;
}

nav.top-bar-container .right {
    float: right;
    margin-right: 2%;
}

@media only screen and (min-width:1441px){
    nav.top-bar-container .right{
        margin-right: 10%;
    }
    nav.top-bar-container .left{
        margin-left: 10%;
    }
    .topHeader-ul{
        margin-right: 9%;
    }
}

body.business nav .menu-button img{
    filter: invert(1);
}

body nav.top-bar-container.shrunk .menu-button img{
    filter: invert(0);
}

.menu .big-links h3:hover{
    color: #002d6e;
}

nav.top-bar-container .links {
    margin-right: 1rem;
}
.right .nav > li > a.nav-anchor.button {
    padding: 5px 10px 10px 10px;
}
nav.top-bar-container .links li {
    display: block;
    margin-right: 0;
    padding: 0 10px;
}

nav.top-bar-container .links a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 10px 0;
}

nav.top-bar-container .links a:after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

nav.top-bar-container .links,
nav.top-bar-container .menu-button {
    display: flex;
    align-items: center;
}
.menu-button{
    padding: 12px;
}
.menu-button img{
    width: 32px;
}
.menu-button:hover {
    background-color: rgba(60,64,67,.08);
    border-radius: 50%;
}
/* nav.top-bar-container .menu-icon .st1 {
    -webkit-transition: stroke 0.5s;
    transition: stroke 0.5s;
} */

@media only screen and (max-width: 1024px) {
    nav.top-bar-container .background {
        background-position-x: 20.2%;
    }
    nav.top-bar-container .links {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    nav.top-bar-container .background {
        background-position-x: 17.2%;
    }
    nav.top-bar-container .left {
        margin-left: 3%;
    }
}

@media only screen and (max-width: 640px) {
    nav.top-bar-container .background {
        background-position-x: 8.5rem;
    }
}

nav.sidebar-container .sidebar {
    width: 24.9375rem;
    box-sizing: border-box;
    position: fixed;
    top: 12rem;
    left: 0;
    bottom: 0;
    border-right: 1px solid #ddd;
    background: #fff;
    z-index: 8;
}

nav.sidebar-container .sidebar > ul {
    width: 100%;
}

nav.sidebar-container .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: fixed;
    background: #000;
    z-index: 100;
    cursor: url(../images/close-iconb869b869.png?60a2b3e742d18cf158960018a84a63a2) 36 36, not-allowed;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.menu .close,
.ui-modal .close,
nav.sidebar-container .close {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

nav.sidebar-container .close {
    display: none;
    margin: 1.75rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

nav.sidebar-container .close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

nav.sidebar-container .close svg {
    display: block;
    width: 2.25rem;
    height: 2.30043rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

nav.sidebar-container .sidebar-title {
    display: block;
    height: 6rem;
    padding-left: 4.5rem;
    margin-bottom: 1.25rem;
    box-sizing: border-box;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #ddd;
}

nav.sidebar-container .sidebar-title .title-text {
    display: inline-block;
    vertical-align: middle;
}

nav.sidebar-container .sidebar-title:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 1.6875rem;
    height: 1.5rem;
    left: 0;
    background: #002d6e;
}

nav.sidebar-container .input,
nav.sidebar-container .nav-anchor {
    padding-left: 4.5rem;
}

nav.sidebar-container .nav-anchor {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 1.5rem;
    margin-bottom: 0.5rem;
    color: #222;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.design-guidlines span.anchor-styles.small-title {
    font-weight: 500;
    margin: 20px 0;
    margin-right: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
}
/* nav.sidebar-container .nav-anchor:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:.25rem;
    background-color:transparent;
    -webkit-transition:background-color .3s ease-out;
    transition:background-color .3s ease-out
} */

.menu,
.thin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
}

nav.sidebar-container .nav-anchor.dropdown-prompt {
    margin-bottom: 0.75rem;
}

nav.sidebar-container .nav-anchor.dropdown-prompt span {
    padding-right: 0.75rem;
}

nav.sidebar-container .nav-anchor.dropdown-prompt svg {
    float: right;
    display: inline-block;
    padding-right: 2.25rem;
    margin-top: 0.45rem;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

nav.sidebar-container .nav-anchor.active,
nav.sidebar-container .nav-anchor.show-dropdown,
nav.sidebar-container .nav-anchor:hover {
    color: #002d6e;
}
/* nav.sidebar-container .nav-anchor.active:after,nav.sidebar-container .nav-anchor:hover:after{
    background-color:#222
} */

nav.sidebar-container .nav-anchor.show-dropdown.dropdown-prompt svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

nav.sidebar-container .nav-anchor.show-dropdown + .dropdown-list-container {
    max-height: none;
}

nav.sidebar-container .dropdown-list-container {
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

nav.sidebar-container .dropdown-list {
    padding-left: 0.75em;
}

nav.sidebar-container .dropdown-list li {
    padding-bottom: 1.5em;
}

nav.sidebar-container .dropdown-list .input {
    display: block;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #999;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

nav.sidebar-container .dropdown-list .input.active,
nav.sidebar-container .dropdown-list .input:hover {
    color: #ff755e;
}

@media only screen and (max-width: 800px) {
    nav.sidebar-container .close,
    nav.sidebar-container .overlay {
        display: block;
    }
    nav.sidebar-container .sidebar:after {
        display: none;
    }
    nav.sidebar-container.active .overlay {
        opacity: 0.9;
        visibility: visible;
    }
    nav.sidebar-container.active .sidebar {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}

.thin-sidebar {
    width: 5rem;
    background: #22313f;
    overflow-y: auto;
    z-index: 100;
}

@media only screen and (max-width: 1024px) {
    nav.thin-sidebar-container {
        display: none;
    }
}

.thin-sidebar li.active,
.thin-sidebar li:hover {
    background-color: #293b4c;
}

.thin-sidebar li i {
    padding: 1.2em 1em;
    display: block;
    font-size: 1.3125rem;
    color: #fff;
    text-align: center;
}

.thin-sidebar li i:hover {
    color: #ccc;
}

.thin-sidebar li i.active {
    color: #b3b3b3;
}
/* .menu{
    padding:10% 3rem 3rem 16.6%;
    box-sizing:border-box;
    right:0;
    background:#fff;
    overflow:auto;
    z-index:1002;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
} */

.menu {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    box-sizing: border-box;
    right: 0;
    background: #1d1d1d;
    overflow: auto;
    z-index: 1002;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    max-width: 24%;
    padding: 0 15px 0 30px;
}

.menu.active{
    box-shadow: 6px 0 8px -2px #c7c7c7;
}

footer:before {
    content: "";
   /* background: #f7f7f7; */ /* comment by jigar*/
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    /* opacity: 0.7; */
}

footer .container {
    z-index: 2;
}

footer {
    /* background: url('../images/footer-bg.jpg'); */
    background-position: center center;
    z-index: 0;
}

footer,
footer .left .left-title span {
    /* background-color:#222; */
    position: relative;
}

.text-green {
    color: #002d6e;
}

.menu .close {
    margin: 1rem 2rem;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 10;
    opacity: 1;
}

.menu .close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu .close svg {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.menu h3,
.menu h4,
.menu h5 {
    color: #fff;
}

.menu .contact-info .title:hover h5,
.menu .inline-links a:hover span {
    color: #002d6e;
}
/* .menu .big-links {
    padding-bottom: 7.7%;
    padding-top: 20%;
} */

.menu .big-links li {
    padding-bottom: 5.09%;
    /* -webkit-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0); */
    opacity: 1;
}

.menu .big-links li:last-child {
    padding-bottom: 0;
}

.menu .big-links a:hover svg {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.menu .big-links h3,
.menu .big-links svg {
    display: inline-block;
    vertical-align: middle;
}

.menu .big-links h3:first-child,
.menu .big-links svg:first-child {
    margin-right: 3rem;
}

.menu .big-links .st0 {
    fill: #222;
}

.menu .big-links svg {
    opacity: 0;
    -webkit-transform: translate(-0.625rem);
    transform: translate(-0.625rem);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.menu .inline-links {
    padding-bottom: 20%;
    padding-top: 0;
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .menu .inline-links {
        padding-bottom: 9.275%;
        padding-top: 50%;
    }
}

.menu .inline-links li {
    display: inline-block;
    margin-right: 2.25rem;
    /* -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); */
    opacity: 1;
}

.menu .inline-links li:last-child {
    margin-right: 0;
}

.menu .inline-links a:hover h4:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.menu .inline-links a h4 {
    display: inline;
    position: relative;
}

.menu .inline-links a h4:after {
    content: "";
    border-bottom: 0.1875rem solid #002d6e;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

footer .container:after,
footer:after {
    content: " ";
    clear: both;
}

footer .left .left-title:before,
footer .right .right-title:before {
    border-bottom: 1px #fff solid;
    top: 50%;
    content: "";
}

.menu .inline-links a span {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.menu .contact-info .contact-links,
.menu .contact-info .title {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
}

.menu .contact-info .title {
    display: inline-block;
    margin-bottom: 1rem;
}

.menu .contact-info .title h5 {
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 21px;
    text-transform: unset;
}

.menu .contact-info a:not(.title) {
    margin-right: 1.5rem;
}

.menu .contact-info a:not(.title):last-child {
    margin-right: 0;
}

footer,
footer .container {
    margin-left: auto;
    margin-right: auto;
}

.menu .contact-info a:not(.title):hover h5 {
    color: #002d6e;
}

.menu .contact-info a:not(.title) h5 {
    display: inline;
    font-weight: 300;
    color: #888;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media only screen and (max-width: 1024px) {
    .menu .inline-links li {
        display: inline-block;
        margin-bottom: 0.75rem;
    }
}

@media only screen and (max-width: 640px) {
    /* .menu {
        padding-top: 7.5rem;
        padding-left: 3rem;
    } */
    .menu .contact-info a {
        display: inline-block;
        margin-bottom: 0.75rem;
    }
}

footer {
    max-width: 100%;
    /* min-height: 23.625rem; */
    box-sizing: border-box;
    padding-top: 3.5rem;
    clear: both;
}

footer .main_footer{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 30px !important;
}

footer .mini-footer{
    padding: 20px 0;
}

.footer-account{
    color: #000;
    font-weight: 400;
}

.footer-account:hover{
    color: #002d6e !important;
}

.dis_inline{
    display: flex;
    justify-content: center;
    align-items: center;
}

.dis_grid{
    display: grid;
    grid-template-columns: auto auto auto auto;
}

@media only screen and (max-width:991px){
    .dis_inline{
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:827px){
    .dis_grid{
        grid-template-columns: auto auto;
    }
    .pop_sea{
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:450px){
    .dis_grid{
        grid-template-columns: auto;
    }
}

.pop_sea{
    padding: 10px 0 !important;
    margin-right: 15px;
    font-weight: bold;
}

.popular_search{
    margin-right: 15px;
    padding: 10px !important;
    background: #e7e4e496;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
}

.popular_search:hover a{
    color: #002d6e;
}

.popular_search a{
    font-weight: 300;
    position: relative;
}

@media only screen and (max-width:1440px){
    .footer-account{
        font-size: 14px !important;
    }
}

footer:after {
    display: block;
}

footer .container {
    max-width: 95%;
    /* padding: 0 3rem; */
}

footer .container:after {
    display: block;
}

footer .left {
    width: 44.44444%;
    float: left;
    margin-right: 11.11111%;
    box-sizing: border-box;
}

footer .left .left-title {
    position: relative;
    text-align: right;
    margin-bottom: 1rem;
}

footer .left .left-title span {
    color: #fff;
    text-transform: uppercase;
}

footer .left .left-title:before {
    width: 18.625rem;
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer li {
    margin-bottom: 0.7rem;
}

footer a p,
footer span, footer span i{
    color: #000;
}

footer span {
    margin-right: 1rem;
    font-weight: 600;
}

footer a p {
    display: inline;
    margin: 0;
    /* font-weight: 600; */
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

footer .left .links a:hover p {
    color: #002d6e;
}

footer .left .bold-links p, footer .right .bold-links p {
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-weight: 500;
    margin-bottom: 3px;
}

footer .social a, footer .payment-methods a {
    display: inline-block;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

footer .social a:not(:last-child), footer .payment-methods a:not(:last-child) {
    margin-right: 0.75rem;
}

footer .social a img {
    display: block;
    /* max-width:3.125rem */
    max-width: 18px;
}

footer .social a:hover, .payment-methods a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

footer .right {
    width: 44.44444%;
    float: right;
    margin-right: 0;
    box-sizing: border-box;
}

footer .right .right-title {
    position: relative;
}

footer .right .right-title span {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    /* background-color:#222 */
}

footer .right .right-title:before {
    width: 20.625rem;
    display: block;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer .right .partners {
    padding-top: 10px;
}

footer .right li {
    float: left;
    display: contents;
}

footer .right li:not(:last-child) {
    margin-right: 1.5rem;
}

footer .right li a {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    padding: 3px 0;
    color: #fff;
    font-size: 14px;
}

footer .right li a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

footer .right li img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

footer .arrow-container {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotateZ(-90deg);
    transform: translate(-50%, -50%) rotateZ(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 1;
}

footer .arrow-container a {
    position: relative;
    display: block;
    padding-right: 4rem;
    color: #fff;
    text-transform: uppercase;
}

footer .arrow-container a svg {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateZ(90deg);
    transform: translateY(-50%) rotateZ(90deg);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

footer .arrow-container a:hover svg {
    -webkit-transform: translateY(-50%) translateX(0.625rem) rotateZ(90deg);
    transform: translateY(-50%) translateX(0.625rem) rotateZ(90deg);
}

@media only screen and (max-width:991px){
    .footer-mainDiv{
        flex-wrap: wrap;
        flex-direction: column;
        grid-gap: 10px;
    }

    footer .container{
        max-width: 95%;
    }

    .footer-mainDiv h5{
        font-size: 1.3em !important;
    }

    .weslaco-advantage-page .features{
        grid-template-columns: 100% !important;
    }
}

@media only screen and (max-width:1700px) and (min-width:1351px){
    footer .container{
        max-width: 97%;
    }
}

@media only screen and (max-width:1350px) and (min-width:992px){
    .footer-mainDiv{
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
    }

    .footer .container{
        max-width: 90%;
    }

    .footer-mainDiv h5{
        font-size: 1.3em !important;
    }
}

@media only screen and (max-width:767px){
    footer{
        padding-bottom: 60px;
    }

    .footer-miniDiv{
        flex-direction: column;
        grid-gap: 10px;
    }

    .footer-miniDiv ul{
        font-size: 14px;
    }
}

@media only screen and (max-width:490px){
    .footer-mainDiv .contact-us{
        flex-wrap: wrap;
        grid-gap: 10px;
    }

    .certification-image{
        width: 80%;
    }
}
/* @media only screen and (max-width: 768px) {
    footer .left .left-title span,
    footer .right .right-title span {
        padding-right: 1rem;
    }
    footer .left .left-title:before,
    footer .right .right-title:before {
        width: 100%;
    }
    footer .container {
        padding-left: 5rem;
    }
    footer .arrow-container {
        top: 50%;
        left: 2rem;
    }
    footer .left,
    footer .right {
        width: 100%;
        float: left;
        text-align: left;
    }
    footer .left {
        margin-bottom: 3rem;
    }
    footer .left .left-title {
        text-align: left;
    }
    footer .right {
        padding-bottom: 0;
    }
    footer .right .partners {
        padding-top: 2rem;
    }
}

@media only screen and (max-width: 425px) {
    footer .right .partners ul li {
        margin-bottom: 1.5rem;
    }
} */

.ui-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    opacity: 0;
    -webkit-transition: height 0s 0.5s, opacity 0.5s;
    transition: height 0s 0.5s, opacity 0.5s;
}

.ui-modal > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-modal .modal,
.ui-modal.quick-facts {
    background-color: #fff;
}

.ui-modal > .overlay:focus + .close-icon,
.ui-modal > .overlay:focus + .modal .close-icon,
.ui-modal > .overlay:focus + .modal-container .close-icon,
.ui-modal > .overlay:hover + .close-icon,
.ui-modal > .overlay:hover + .modal .close-icon,
.ui-modal > .overlay:hover + .modal-container .close-icon {
    opacity: 1;
}

.ui-modal .modal {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    overflow: auto;
}

.ui-modal .close {
    margin: 3em;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 10;
}

.ui-modal .close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-modal .close svg {
    display: block;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.ui-modal:not(.active) {
    height: 0;
    overflow: hidden;
}

.ui-modal.aside .modal,
.ui-modal.fullscreen .modal {
    height: auto;
    right: 0;
    bottom: 0;
    overflow: auto;
    left: 0;
    top: 0;
}

.ui-modal.active {
    opacity: 1;
    -webkit-transition: height 0s, opacity 0.5s;
    transition: height 0s, opacity 0.5s;
}

.ui-modal.fullscreen > .overlay {
    display: none;
}

.ui-modal.fullscreen .modal {
    width: auto;
    margin: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ui-modal.aside > .overlay {
    cursor: url(../images/close-iconb869b869.png?60a2b3e742d18cf158960018a84a63a2) 36 36, not-allowed;
}

.ui-modal.aside .modal {
    width: 57.6875rem;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
}

.ui-modal.aside .close {
    display: none;
    margin: 2.25rem 2.25em 0 0;
}

.ui-modal.aside .close svg {
    width: 2.25rem;
    height: 2.30043rem;
}

.ui-modal.aside.active .modal {
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}

@media only screen and (max-width: 640px) {
    .ui-modal.aside .close {
        display: block;
    }
}

body.about_us nav .menu-icon .st1,
.top-bar-container.shrunk .business nav .menu-icon .st1 {
    stroke: #222 ;
}

.ui-modal.quick-facts .modal {
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow-x: hidden;
    position: absolute;
    display: flex;
    visibility: visible;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.ui-modal.quick-facts .large-title {
    position: relative;
    display: inline-block;
    padding-bottom: 3rem;
    text-align: left;
}

.ui-modal.quick-facts span {
    font-size: 13.625em;
    /* font-size:16.625em; */
    line-height: 1.08271em;
    display: inline-block;
    width: 100%;
	font-weight: 700;
    letter-spacing: 0.015em;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 2.6s ease-out;
    transition: 2.6s ease-out;
}

.ui-modal.quick-facts span:first-child {
    position: relative;
    z-index: 2;
    color: #002d6e;
    width: 0%;
}

.ui-modal.quick-facts span:last-child {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 0;
    z-index: 1;
    color: #ddd;
}

.ui-modal.quick-facts span.active:first-child {
    width: 100%;
}

.ui-modal.quick-facts h4 {
    margin: 0 auto;
    max-width: 52rem;
    letter-spacing: 0;
    color: #888;
    text-align: center;
}

@media only screen and (max-width: 1920px) and (min-width: 1441px) {
    .ui-modal.quick-facts span {
        font-size: 13.75em;
        line-height: 1.09091em;
    }
}

@media only screen and (max-width: 1240px) {
    .ui-modal.quick-facts span {
        font-size: 10.625em;
        line-height: 1.12941em;
    }
}

@media only screen and (max-width: 768px) {
    .ui-modal.quick-facts span {
        font-size: 4.375em;
        line-height: 1.37143em;
    }
    .ui-modal.quick-facts h4 {
        max-width: 30rem;
        padding: 0 1.5rem;
        box-sizing: border-box;
    }
    .strip-desktop{
        display: none;
    }
    .strip-mobile{
        display: block !important;
    }
    /* body:not(.weslaco-advantage):not(.index):not(.business) header.topHeader {
        top: 100px;
    }
    nav.top-bar-container{
        top: 135px;
    } */
    /* body:not(.weslaco-advantage):not(.index):not(.business) .main {
        padding-top: 205px;
    } */
    .menu-button img{
        width: 20px;
    }
    nav.top-bar-container .logo-link img:nth-of-type(2), nav.top-bar-container .logo-link img:nth-of-type(3){
        left: 30%;
    }
}

.customizable-text img,
div.datepicker {
    max-width: 100%;
}

@media only screen and (max-width: 640px) {
    .ui-modal.fullscreen .modal {
        top: 1.5em;
        left: 1.5em;
        right: 1.5em;
        bottom: 1.5em;
    }
    .ui-modal.quick-facts span {
        font-size: 4em;
        line-height: 1.125em;
    }
}

.video-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #000;
    display: none;
}

.video-modal .close {
    margin: 3em;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 100;
}

.video-modal .close:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.video-modal .close svg {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.video-modal #modal-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 640px) {
    .video-modal .close {
        margin: 3.75em 1.5em 1.5em;
    }
    .video-modal .close svg {
        width: 2.5rem;
        height: 2.5rem;
    }
}

.date-picker-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20.375rem;
    padding: 0.75em 2.25em 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    top: 100%;
    box-shadow: 1px 2px 7.28px 0.72px rgba(0, 0, 0, 0.05);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.date-picker-container.active {
    opacity: 1;
    visibility: visible;
}

.date-picker-container .date-picker {
    margin-bottom: 3rem;
}

.date-picker-container .input-date-container {
    text-align: center;
}

.date-picker-container .input-date-container p {
    margin-top: 0;
    margin-bottom: 1rem;
    letter-spacing: 0.085em;
    color: #666;
}

.date-picker-container .input-date-container .input-date {
    width: 8.75rem;
    height: 2.25rem;
    box-sizing: border-box;
    margin: 0 auto 2.25rem;
    letter-spacing: 0.085em;
    color: #666;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0;
    text-transform: uppercase;
}

.date-picker-container .input-date-container .input-date::-webkit-input-placeholder {
    letter-spacing: 0.085em;
    color: #222;
    text-align: center;
}

.date-picker-container .input-date-container .input-date:-moz-placeholder {
    letter-spacing: 0.085em;
    color: #222;
    text-align: center;
}

.date-picker-container .input-date-container .input-date::-moz-placeholder {
    letter-spacing: 0.085em;
    color: #222;
    text-align: center;
}

.date-picker-container .input-date-container .input-date:-ms-input-placeholder {
    letter-spacing: 0.085em;
    color: #222;
    text-align: center;
}

.date-picker-container .shifter {
    display: block;
    width: 9rem;
    height: 2.25rem;
    letter-spacing: 0.15em;
    margin: 0 auto 0.75rem;
    -webkit-transition: none;
    transition: none;
}

div.datepicker {
    font-size: 0.875rem;
    text-transform: uppercase;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
}

.datepickerContainer {
    max-width: 100%;
    position: static;
    background: #fff;
}

.datepickerBorderB,
.datepickerBorderT {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 10px;
}

.datepickerBorderT {
    top: 0;
    background: url(../images/datepicker/datepicker_t.png);
    display: none;
}

.datepickerBorderB {
    bottom: 0;
    background: url(../images/datepicker/datepicker_b.png);
    display: none;
}

.datepickerBorderL,
.datepickerBorderR {
    bottom: 10px;
    top: 10px;
    position: absolute;
    width: 10px;
    display: none;
}

.datepickerBorderL {
    left: 0;
    background: url(../images/datepicker/datepicker_l.png);
}

.datepickerBorderR {
    right: 0;
    background: url(../images/datepicker/datepicker_r.png);
}

.datepickerBorderTL {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../images/datepicker/datepicker_tl.png);
    display: none;
}

.datepickerBorderTR {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../images/datepicker/datepicker_tr.png);
    display: none;
}

.datepickerBorderBL {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../images/datepicker/datepicker_bl.png);
    display: none;
}

.datepickerBorderBR {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../images/datepicker/datepicker_br.png);
    display: none;
}

.datepickerHidden {
    display: none;
}

div.datepicker table {
    width: 100%;
    border-collapse: collapse;
}

div.datepicker a {
    width: 100%;
    color: #222;
    text-decoration: none;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

div.datepicker table td {
    text-align: center;
    padding: 0;
    margin: 0;
}

div.datepicker th {
    text-align: center;
    color: #999;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.datepicker tbody th {
    text-align: center;
    font-family: 'Poppins' !important;
    font-weight: 400;
    color: #444;
    letter-spacing: 1px;
}

div.datepicker tbody a {
    display: block;
}

.datepickerDays a {
    line-height: 1.5rem;
    height: 1.5rem;
}

.datepickerMonths a,
.datepickerYears a {
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
}

td.datepickerNotInMonth a {
    color: #999;
}

tbody.datepickerDays td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected,
tbody.datepickerYears td.datepickerSelected {
    background: rgba(175, 175, 175, 0.3);
}

div.datepicker a:hover {
    color: #002d6e;
}

.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
    text-align: center;
    height: 3rem;
    line-height: 3rem;
}

.datepickerGoNext a,
.datepickerGoPrev a {
    position: relative;
}

.datepickerGoNext a:hover .st0,
.datepickerGoPrev a:hover .st0 {
    fill: #002d6e;
}

.datepickerGoNext a:after,
.datepickerGoPrev a:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}

.datepickerGoNext a svg,
.datepickerGoPrev a svg {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
}

.addtocalendar var,
.datepickerDoW th:first-child,
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears,
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW,
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW,
th.datepickerWeek {
    display: none;
}

.datepickerGoNext a .st0,
.datepickerGoPrev a .st0 {
    fill: #000;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.datepickerGoPrev a:hover .st0 {
    fill: #002d6e;
}

.datepickerGoPrev a:hover .arrow-part {
    -webkit-transform: translateX(-0.75rem);
    transform: translateX(-0.75rem);
}

.datepickerGoNext a:hover .arrow-part {
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.datepickerMonth a {
    letter-spacing: 0.2em;
}

.datepickerGoNext a {
    float: right;
}

.datepickerGoPrev a {
    float: left;
}

td.datepickerDisabled a,
td.datepickerDisabled a:hover,
td.datepickerDisabled.datepickerNotInMonth a {
    color: #333;
}

td.datepickerSpecial a {
    background: #700;
}

td.datepickerSpecial.datepickerSelected a {
    background: #a00;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: 0 0 !important;
}

.atcb-link {
    display: block;
    outline: 0 !important;
    cursor: pointer;
}

.atcb-link:active ~ ul,
.atcb-link:focus ~ ul,
.atcb-list:hover {
    visibility: visible;
}

.atcb-list,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}

.atcb-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-item,
.atcb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link {
    text-decoration: none;
    outline: 0;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
}

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus,
.atc-style-blue .atcb-link:hover {
    margin: 0;
    text-decoration: none;
    outline: 0;
    vertical-align: middle;
    background: #4281f4;
    zoom: 1;
}

.atc-style-blue .atcb-list {
    border-radius: 2px;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-list {
    background: #fff;
    color: #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus,
.atc-style-blue .atcb-link:hover {
    font-size: 0.875em;
    line-height: 1.71429em;
    font-family: 'Poppins' !important;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.customizable-text,
.customizable-text th {
    font-weight: 400;
    color: #444;
    font-family: 'Poppins' !important;
}

.atc-style-blue .atcb-link {
    -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus,
.atc-style-blue .atcb-link:hover {
    padding: 0.9375rem 1.69rem;
    color: #222;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #222;
    border-radius: 0;
}

.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus,
.atc-style-blue .atcb-link:hover {
    color: #fff;
    background-color: #222;
}

.atc-style-blue .atcb-list {
    width: 14.0769rem;
    border: 1px solid #ddd;
    border: none;
    border-top: 1px solid #fff;
    box-shadow: none;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: #222;
}

.atc-style-blue .atcb-item-link {
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus,
.atc-style-blue .atcb-item-link:hover {
    text-decoration: none;
    outline: 0;
    padding: 0.5375rem 1.49rem;
    color: #fff;
    white-space: nowrap;
}

.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus,
.atc-style-blue .atcb-item-link:hover {
    color: #8f8b8b;
}

.show-newlines {
    white-space: pre-line;
}

.customizable-text:after {
    content: " ";
    display: block;
    clear: both;
}

.customizable-text table {
    width: 100%;
    table-layout: fixed;
}

.customizable-text td,
.customizable-text th {
    padding: 0.75rem 0.75rem 0.75rem 0;
}

.customizable-text th {
    font-size: 1.25em;
    line-height: 1.2em;
    padding-top: 0;
    border: none;
    text-align: left;
    font-family: 'Poppins' !important;
    letter-spacing: 0.085em;
}

.customizable-text td {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0.025em;
    color: #666;
    text-align: left;
}

.customizable-text tr:nth-child(even),
.customizable-text tr:nth-child(odd) {
    background: 0 0;
}

.customizable-text i {
    font-family: 'Poppins' !important;
    color: #444;
    color: inherit;
    font-style: italic;
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customizable-text a {
    color: #444;
    color: inherit;
    line-height: inherit;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.customizable-text a:hover {
    color: #363636;
}

.customizable-text ol,
.customizable-text ul {
    padding: 0 27px;
    margin: 1.5em 0;
    overflow: hidden;
}

.customizable-text ol.double-columns li,
.customizable-text ol.quad-columns li,
.customizable-text ol.triple-columns li,
.customizable-text ul.double-columns li,
.customizable-text ul.quad-columns li,
.customizable-text ul.triple-columns li {
    float: left;
    padding-right: 1.875rem;
    box-sizing: border-box;
}

.customizable-text ol.double-columns li,
.customizable-text ul.double-columns li {
    width: 50%;
}

.customizable-text ol.triple-columns li,
.customizable-text ul.triple-columns li {
    width: 33.33333%;
}

.customizable-text ol.quad-columns li,
.customizable-text ul.quad-columns li {
    width: 25%;
}

.customizable-text ul {
    list-style-type: unset;
}

.customizable-text ol {
    list-style-type: decimal;
}

.customizable-text li {
    display: list-item;
    /* font-size: 18px;
    line-height: 28px; */
}

.customizable-text .wysiwyg-text-align-center {
    text-align: center;
}

.customizable-text .wysiwyg-text-align-justify {
    text-align: justify;
}

.customizable-text .wysiwyg-text-align-justify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block;
}

.customizable-text .wysiwyg-text-align-left {
    text-align: left;
}

.customizable-text .wysiwyg-text-align-right {
    text-align: right;
}

.customizable-text .wysiwyg-float-left {
    float: left;
    margin: 0 8px 8px 0;
}

.customizable-text .wysiwyg-float-right {
    float: right;
    margin: 0 0 8px 8px;
}

.customizable-text b,
.customizable-text strong {
    font-weight: 700;
}

.customizable-text p a {
    font-size: 100%;
    line-height: 1.5rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media only screen and (max-width: 768px) {
    .customizable-text ul.quad-columns li {
        width: 50%;
    }
}

@media only screen and (max-width: 640px) {
    .customizable-text ul.double-columns li,
    .customizable-text ul.quad-columns li,
    .customizable-text ul.triple-columns li {
        float: none;
        width: auto;
        padding-right: 0;
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    /* height: 410px !important; */
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    left: 0;
    top: 0;
    /* width: 100% !important; */
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    /* width: 80% !important;
    margin-left: 23%; */
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.col-md-3 {
    /* width: 26%; */
    float: left;
}

.layers {
    margin: 0 30px;
    padding: 0 3rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
    background-color: #fff;
    text-align: center;
    width: 33.33%;
}
#layers-carousel{
    display: none;
}
#destop-layers{
    display: block;
}
.h3_power{
    margin-top: -13px;
}

@media only screen and (max-width:767px){
    .layers{
        width: 75% !important;
        margin: auto !important;
        height: 545px;
    }
    #layers-carousel{
        display: block;
    }
    #destop-layers{
        display: none;
    }
    .adaptive-boxes{
        flex-wrap: wrap;
    }
    .dash-box-main{
        margin-top: 0 !important;
    }
    .section-padding {
        padding:0 !important;
    }
    .business-page .weslaco-success .copy-container{
        flex-direction: column;
        margin: 0 !important;
    }
    .business-page .weslaco-success .top-title{
        border-right: none !important;
        text-align: center;
        margin: 0 !important;
    }
}

@media only screen and (max-width:480px){
    .h3_power{
        margin-top: 0;
        font-size: 1em;
    }
    #liquid-canvas img{
        height: 300px !important;
    }
}

@media only screen and (max-width:560px){
    .layers{
        height: 520px !important;
    }
}

.middle-layer{
    background: linear-gradient(305deg, rgba(150,202,59,1) 0%, rgba(5,166,80,1) 100%) !important;
}

.marginFL{
    margin: 1em -0.5em;
}

.adaptive-boxes{
    width: 77%;
    margin: auto !important;
}
@media only screen and (min-width:1441px){
    .adaptive-boxes{
        width: 65%;
    }
}
@media only screen and (max-width:991px) and (min-width:768px){
    .adaptive-boxes{
        width: 100%;
    }
}

@media only screen and (max-width:996px) and (min-width:992px){
    .mainmenu a,
    .navbar-default .navbar-nav > li > a,
    .mainmenu ul li a,
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px !important;
    }
}

@media only screen and (max-width:991px) and (min-width:679px){
    /* .thriving_industries .left-title{
        width: 35% !important;
        margin-left: 5% !important;
    } */
    /* .thriving_industries .right-button{
        margin-top: 5rem !important;
    } */
    .weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows{
        width: 100% !important;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:678px){
    .thriving_industries .left-title{
        width: 100% !important;
    }
    .weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows{
        width: 100% !important;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:435px){
    .years_of_excellence .left-title{
        margin-left: 5% !important;
    }
}

.home-page .economic-overview .statistics-content .tab-content-list .layers h4.group-name,
.home-page .economic-overview .statistics-content .tab-content-list .layers h4,
.home-page .economic-overview .statistics-content .tab-content-list .layers .stat p {
    transition: 1s ease all;
}

.home-page .economic-overview .statistics-content .tab-content-list .layers:hover h4.group-name,
.home-page .economic-overview .statistics-content .tab-content-list .layers:hover h4,
.home-page .economic-overview .statistics-content .tab-content-list .layers:hover .stat p {
    color: #333;
    transition: 1s ease all;
    transform: unset;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0;
}

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff;
}

@font-face {
    font-family: slick;
    src: url(https://dop7qi2epf0g6.cloudfront.net/base/fonts/slickbb7d.eot?ced611daf7709cc778da928fec876475);
    src: url(https://dop7qi2epf0g6.cloudfront.net/base/fonts/slickbb7d.eot?ced611daf7709cc778da928fec876475) format("embedded-opentype"), url(https://dop7qi2epf0g6.cloudfront.net/base/fonts/slick68b7.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format("woff"),
        url(https://dop7qi2epf0g6.cloudfront.net/base/fonts/slickafcb.ttf?d41f55a78e6f49a5512878df1737e58a) format("truetype"), url(fonts/slick.html#slick) format("svg");
    font-weight: 400;
    font-style: normal;
}

.slick-next,
.slick-prev {
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    list-style: none;
    text-align: center;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    margin: 0 5px;
    cursor: pointer;
    min-width: 1.5em;
    padding: 0;
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
}

.background-text,
.input-hoshi input,
.input-hoshi label,
.input-hoshi textarea {
    font-family: 'Poppins' !important;
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}

.slick-slider.slick-dotted {
    margin-bottom: 0;
}

.slick-slider [tabindex] {
    outline: 0;
}

.slick-slider .slick-track {
    overflow: hidden;
}

.slick-slider.images.animate-from-right li .bg-image,
.slick-slider.images.animate-from-right li .image,
.slick-slider.images.animate-from-right li.slick-active .bg-image,
.slick-slider.images.animate-from-right li.slick-active .image {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}

.slick-slider.images.animate-from-right li.slick-active.enter-from-right .bg-image,
.slick-slider.images.animate-from-right li.slick-active.enter-from-right .image {
    -webkit-animation: enter-from-right 0.5s ease;
    animation: enter-from-right 0.5s ease;
}

.slick-slider.images.animate-from-right li.slick-active.enter-from-right .image {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.slick-slider.images.animate-from-right li.slick-active.enter-from-left .bg-image,
.slick-slider.images.animate-from-right li.slick-active.enter-from-left .image {
    -webkit-animation: enter-from-left 0.5s ease;
    animation: enter-from-left 0.5s ease;
}

.slick-slider.images.animate-from-right li.slick-active.enter-from-left .image {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.slick-slider.images li {
    opacity: 1 !important;
}

.slick-slider.images li .bg-image,
.slick-slider.images li .image {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slick-slider.images li .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: transparent;
    /* background-color:#002d6e; */
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
}

.slick-slider.images li .image {
    -webkit-transition: 0.8s cubic-bezier(0, -0.01, 0, 0.03) 1.6s;
    transition: 0.8s cubic-bezier(0, -0.01, 0, 0.03) 1.6s;
    position: relative;
    z-index: 1;
}

.slick-slider.images li.slick-active .bg-image,
.slick-slider.images li.slick-active .image {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.slick-slider.images li.slick-active .image {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.slick-arrow .st0,
.slick-arrow.arrow-box .st0,
.slick-arrow.dark-mover svg {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.slick-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.slick-arrow.slick-disabled {
    cursor: default;
}

.slick-arrow.slick-disabled.with-arrow {
    color: #999;
}

.slick-arrow.slick-disabled.with-arrow .st0 {
    stroke: #999;
}

.slick-arrow.slick-disabled.with-arrow svg {
    -webkit-transform: none;
    transform: none;
}

.slick-arrow.slick-disabled.with-arrow.prev-arrow svg {
    -webkit-transform: scaleX(-1) translateZ(0);
    transform: scaleX(-1) translateZ(0);
}

.slick-arrow.dark-mover {
    display: inline-block;
    vertical-align: middle;
}

.slick-arrow.dark-mover svg {
    display: block;
}

.slick-arrow.dark-mover.prev-arrow {
    margin-right: 2rem;
}

.slick-arrow.dark-mover.prev-arrow svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.slick-arrow.dark-mover.prev-arrow:hover svg {
    -webkit-transform: scaleX(-1) translateX(1rem);
    transform: scaleX(-1) translateX(1rem);
}

.slick-arrow.dark-mover.next-arrow:hover svg {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}

.slick-arrow.dark-mover.slick-disabled.prev-arrow:hover svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.slick-arrow.dark-mover.slick-disabled.next-arrow:hover svg {
    -webkit-transform: none;
    transform: none;
}

.slick-arrow.dark-mover.slick-disabled .st0 {
    stroke: #858585;
}

.slick-arrow.arrow-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.slick-arrow.arrow-box.slick-disabled .st0 {
    fill: #b9b9b9;
}

.mobile-only-arrows .slick-arrow .st0,
.title-progress-and-arrows.light .slick-arrow .st0 {
    fill: #000;
}

.slick-arrow.arrow-box:last-child {
    margin-right: 0;
}

.slick-arrow.arrow-box svg {
    display: block;
}

.slick-arrow.dark-arrow {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 1.78rem;
    overflow: hidden;
}

.slick-arrow.dark-arrow.slick-disabled:hover svg {
    -webkit-animation: none;
    animation: none;
}

.slick-arrow.dark-arrow:hover svg {
    -webkit-animation: overflow-repeat-x-trans 0.3s ease-out;
    animation: overflow-repeat-x-trans 0.3s ease-out;
}

.slick-arrow.dark-arrow:last-child:hover svg {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.slick-arrow.dark-arrow svg {
    vertical-align: middle;
    position: relative;
}

.slick-arrow.small-arrow:hover .st0 {
    stroke-width: 1.5px;
}

.slick-arrow.small-arrow.slick-disabled .st0 {
    stroke: #ddd;
    stroke-width: 1px;
}

.slick-arrow.small-arrow svg {
    display: block;
    width: 1.125rem;
    height: 2.10938rem;
}

@media only screen and (max-width: 1024px) {
    .slick-arrow.dark-mover.prev-arrow:hover svg {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .slick-arrow.dark-mover.next-arrow:hover svg {
        -webkit-transform: none;
        transform: none;
    }
}

.corporate-dark-arrows,
.dark-arrows {
    width: 11rem;
    height: 5.0625rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #002d6e;
}

.corporate-dark-arrows .dark-arrow,
.dark-arrows .dark-arrow {
    width: 50%;
    height: 100%;
}

.inline-arrow-container {
    /* height: 5.0625rem; */
    position: relative;
}

.inline-arrow-container .dark-arrow {
    width: 5.606rem;
    height: 100%;
    border-radius: 5px;
    background-color: #002d6e;
}

.inline-arrow-container .dark-arrow:first-child {
    margin-right: 20px;
    text-align: right;
}

.bent-arrows-container {
    max-width: 1032.5px;
    width: 10.75rem;
    margin-left: auto;
    margin-right: 3.5rem;
}

.bent-arrows-container:after {
    content: " ";
    display: block;
    clear: both;
}

.bent-arrows-container .bent-arrow {
    width: 5.0625rem;
    height: 5.0625rem;
    background-color: #222;
    position: relative;
    float: left;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    overflow: hidden;
}

.bent-arrows-container .bent-arrow svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bent-arrows-container .bent-arrow:first-child {
    margin-right: 0.5rem;
}

.bent-arrows-container .bent-arrow.slick-disabled:hover svg {
    -webkit-animation: none;
    animation: none;
}

.bent-arrows-container .bent-arrow:hover svg {
    -webkit-animation: overflow-repeat-x 0.3s ease-out;
    animation: overflow-repeat-x 0.3s ease-out;
}

.bent-arrows-container .bent-arrow:last-child:hover svg {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.slick-dots {
    bottom: 20px;
}

.slick-dots li button:before {
    font-size: 0.5rem;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.dots-container.lines {
    width: 25%;
    left: 50%;
    top: 0;
    position: absolute;
}

.dots-container.lines .slick-dots {
    margin-top: 1.5rem;
    position: static;
}

.dots-container.lines .slick-dots li {
    width: auto;
    height: auto;
    padding: 0.3125rem;
    vertical-align: top;
    margin: 1px;
}

.dots-container.lines .slick-dots li.slick-active button,
.dots-container.lines .slick-dots li:focus button,
.dots-container.lines .slick-dots li:hover button {
    background-color: #222;
}

.dots-container.lines .slick-dots li button {
    padding: 0;
    width: 4.375rem;
    height: 2px;
    background-color: #ddd;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.dots-container.lines .slick-dots li button:before {
    content: none;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.mobile-only-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.mobile-only-arrows .slick-arrow {
    width: auto;
}

.mobile-only-arrows .slick-arrow:first-child {
    float: left;
}

.mobile-only-arrows .slick-arrow:last-child {
    float: right;
}

@-webkit-keyframes overflow-repeat-x {
    0% {
        left: 50%;
    }
    49.999% {
        left: -10%;
    }
    50% {
        left: 110%;
    }
    100% {
        left: 50%;
    }
}

@keyframes overflow-repeat-x {
    0% {
        left: 50%;
    }
    49.999% {
        left: -10%;
    }
    50% {
        left: 110%;
    }
    100% {
        left: 50%;
    }
}

@-webkit-keyframes overflow-repeat-y {
    0% {
        top: 50%;
    }
    49.999% {
        top: -10%;
    }
    50% {
        top: 110%;
    }
    100% {
        top: 50%;
    }
}

@keyframes overflow-repeat-y {
    0% {
        top: 50%;
    }
    49.999% {
        top: -10%;
    }
    50% {
        top: 110%;
    }
    100% {
        top: 50%;
    }
}

@-webkit-keyframes overflow-repeat-x-trans {
    0%,
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    49.999% {
        -webkit-transform: translate(-200%);
        transform: translate(-200%);
    }
    50% {
        -webkit-transform: translate(200%);
        transform: translate(200%);
    }
}

@keyframes overflow-repeat-x-trans {
    0%,
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    49.999% {
        -webkit-transform: translate(-200%);
        transform: translate(-200%);
    }
    50% {
        -webkit-transform: translate(200%);
        transform: translate(200%);
    }
}

@-webkit-keyframes enter-from-right {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes enter-from-right {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes enter-from-left {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes enter-from-left {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.accordion-header,
.sub-accordion-header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.accordion-header:after,
.sub-accordion-header:after {
    content: " ";
    display: block;
    clear: both;
}

.accordion-content-container,
.sub-accordion-content-container {
    max-height: 0;
    overflow: hidden;
}

.accordion-content,
.sub-accordion-content {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    box-sizing: border-box;
}

.background-lines li {
    width: 1px;
    height: 100%;
    position: fixed;
    top: 0;
    background: #efefef;
    z-index: -1;
}

.background-lines li:nth-child(1) {
    left: 25%;
}

.background-lines li:nth-child(2) {
    left: 50%;
}

.background-lines li:nth-child(3) {
    left: 75%;
}

.content-with-triangle {
    position: relative;
}

.content-with-triangle .triangle {
    position: absolute;
    bottom: 0;
    right: -1px;
}

/* .bordered-fit,
.home-page .economic-overview .content-with-triangle {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
} */

.background-text-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.background-text {
    font-size: 17.1875em;
    line-height: 1.04727em;
    line-height: 0.79em;
    font-weight: 700;
    color: #e8e8e8;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    opacity: 0.63;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
}

@media only screen and (max-width: 1024px) {
    .background-text {
        font-size: 12.5rem;
    }
}

.input-hoshi input,
.input-hoshi label,
.input-hoshi textarea {
    font-size: 16px;
    line-height: 1.71429em;
    float: right;
    width: 100%;
    box-sizing: border-box;
}

.map .gmnoprint.gm-bundled-control:not(.gm-bundled-control-on-bottom) > div > div {
    background-color: #222 !important;
    overflow: hidden;
}

.map .gm-style .gm-style-mtc div,
.map .gm-style .gm-style-mtc label {
    background-color: #222 !important;
    color: #fff !important;
}

.map .gm-style .gm-style-mtc div:hover,
.map .gm-style .gm-style-mtc div:hover > label,
.map .gm-style .gm-style-mtc label:hover,
.map .gm-style .gm-style-mtc label:hover > label {
    background-color: #4e4e4e !important;
}

.map .gm-style .gm-style-mtc span[role="checkbox"] > div {
    background-color: transparent !important;
}

.map .gm-svpc {
    background-color: #222 !important;
}

.map div[title="Zoom in"],
.map div[title="Zoom out"] {
    background-color: #222;
}

.map div[title="Zoom in"]:hover,
.map div[title="Zoom out"]:hover {
    background-color: #4e4e4e;
}

.map div[title="Zoom in"] img,
.map div[title="Zoom out"] img {
    left: -15px !important;
}

.input-hoshi {
    position: relative;
    display: block;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.input-hoshi input,
.input-hoshi label,
.input-hoshi textarea {
    font-weight: 300;
    letter-spacing: 1px;
}

.agendas-modal h6,
.dark-statistic h2,
.event-modal.aside .info-blocks a,
.event-modal.aside .info-blocks p,
.gray-dark-statistic h2,
.home-page .corporate-container .progress-container h5,
.location-modal.ui-modal .image-container .arrows-container .progress-container h5,
.title-progress-and-arrows .progress-container h5 {
    font-family: 'Poppins' !important;
}

.input-hoshi input,
.input-hoshi textarea {
    display: block;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #222;
    position: relative;
    background: 0 0 !important;
    border: none;
    -webkit-appearance: none;
    /* padding-left: 20px; */
}

.input-hoshi input:-webkit-autofill,
.input-hoshi input:-webkit-autofill:active,
.input-hoshi input:-webkit-autofill:focus,
.input-hoshi input:-webkit-autofill:hover,
.input-hoshi textarea:-webkit-autofill,
.input-hoshi textarea:-webkit-autofill:active,
.input-hoshi textarea:-webkit-autofill:focus,
.input-hoshi textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #222 !important;
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -webkit-transition: background-color ease-in-out 0s, box-shadow ease-in-out 0s;
    transition: background-color ease-in-out 0s, box-shadow ease-in-out 0s;
    -webkit-transition-delay: 5000s;
    transition-delay: 5000s;
}

.input-hoshi input:hover,
.input-hoshi textarea:hover {
    border: none;
}

.input-hoshi input:focus,
.input-hoshi textarea:focus {
    background: 0 0;
}

.input-hoshi input {
    height: 3em;
}

.input-hoshi label {
    display: inline-block;
    color: #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0.25em;
    height: calc(100% - 1em);
    text-align: left;
    font-weight: 500;
}

.input-hoshi label::after,
.input-hoshi label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    border-bottom: 1px solid #002d6e;
    box-sizing: border-box;
}

.input-hoshi label span {
    display: block;
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
}

.input-hoshi label::after {
    border-color: #222;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.input-hoshi.invalid input,
.input-hoshi.invalid label,
.input-hoshi.invalid textarea {
    color: red;
}

.input-hoshi.invalid label::after {
    border-color: red !important;
}

.input-hoshi .input-field-hoshi:focus + label span,
.input-hoshi.input-filled label span {
    -webkit-animation: animHoshi 0.3s forwards;
    animation: animHoshi 0.3s forwards;
}

.input-hoshi .input-field-hoshi:focus + label::after,
.input-hoshi.input-filled label::after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media only screen and (max-width: 1440px) {
    .input-hoshi input,
    .input-hoshi textarea {
        margin-bottom: 1rem;
    }
}

@-webkit-keyframes animHoshi {
    50% {
        opacity: 0;
        -webkit-transform: translate(1em, 0);
        transform: translate(1em, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate(-1em, -1.5rem);
        transform: translate(-1em, -1.5rem);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, -1.5rem);
        transform: translate(0, -1.5rem);
    }
}

@keyframes animHoshi {
    50% {
        opacity: 0;
        -webkit-transform: translate(1em, 0);
        transform: translate(1em, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate(-1em, -1.5rem);
        transform: translate(-1em, -1.5rem);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, -1.5rem);
        transform: translate(0, -1.5rem);
    }
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important;
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 11px;
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 0;
    height: 15px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #002d6e;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    bottom: 2px;
    height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 0;
    width: 15px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #002d6e;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    right: 2px;
    width: 6px;
}

.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
    height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
    width: 11px;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #002d6e;
}

.ps-scrollbar-y-rail {
    margin-right: 0.3125rem;
    position: absolute;
    display: none;
}

@media only screen and (min-width: 769px) {
    .scrollable {
        overflow: scroll;
    }
    .scrollable::-webkit-scrollbar {
        display: none;
    }
}

.thriving_industries .copy-container:after,
.thriving_industries:after {
    content: " ";
    display: block;
    clear: both;
}

@media only screen and (max-width: 768px) {
    .scrollable {
        overflow: auto;
    }
}

.thriving_industries {
    max-width: 100%;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    z-index: 1;
    background-color: #f7f7f7;
    padding: 40px 0 70px;
}

.thriving_industries .copy-container {
    width: 80%;
    margin: 0 auto;
}

/* .thriving_industries .left-title,
.thriving_industries .right-button {
    float: left;
} */

.thriving_industries .left-title {
    /* width: 25%; */
    /* margin-left: 25%; */
    margin-top: 5rem;
    padding-left: 3.5rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    position: relative;
    box-sizing: border-box;
}

.thriving_industries .left-title:before {
    content: "";
    position: absolute;
    border-left: 0.3125rem solid #002d6e;
    height: 100%;
    left: 0;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    top: 0;
}

.thriving_industries .left-title h3,
.thriving_industries .left-title span {
    color: #222;
    /* text-transform:uppercase */
}

.thriving_industries .left-title h3 {
    letter-spacing: 0.2em;
    margin-bottom: 0.5rem;
}

/* .thriving_industries .right-button {
    width: 70%;
    margin-top: 8rem;
    padding: 1rem 1rem;
    box-sizing: border-box;
    background-color: #fff;
    border-left: 1px solid #e1e1e1;
    border-right: none;
    text-align: left;
    text-transform: uppercase;
} */

.col-industry{
    width: calc(100%/5);
    padding: 0.65rem;
}

@media only screen and (max-width:1440px) and (min-width:992px){
    .col-industry{
        width: calc(100%/4);
    }
}

@media only screen and (max-width:991px) and (min-width:520px){
    .col-industry{
        width: calc(100%/3);
    }
    .title_wrap{
        height: calc(100% - 30px - 1.25rem);
    }
    .icon-industry{
        height: 30px;
    }
    .icon-industry img {
        max-height: 40px;
    }
}

@media only screen and (max-width:519px) {
    .col-industry{
        width: calc(100%/2);
    }
    .item-industry{
        min-height: auto !important;
    }
}
@media only screen and (max-width:767px) {
    .thriving_industries .col-industry{
        width: calc(100%/2);
    }
    .item-industry{
        min-height: auto !important;
    }
}
@media only screen and (max-width:630px) {
    .thriving_industries .col-industry{
        width: calc(100%/1);
    }
    .item-industry{
        min-height: auto !important;
    }
}
@media only screen and (max-width:1440px) and (min-width:992px){
    .fx-wd{
        width: calc(100%/3);
        max-width: 330px;
    }
}
@media only screen and (max-width:1620px) and (min-width:1441px){
    .fx-wd{
        width: calc(100%/4);
        max-width: 330px;
    }
}
@media only screen and (max-width:991px) and (min-width:520px){
    .fx-wd{
        width: calc(100%/2);
    }
}

.item-industry{
    border-radius: 12px;
    box-shadow: 0 0 8px 4px rgb(0 0 0 / 6%);
    height: 100%;
    padding: 1.25rem 1rem;
    text-align: center;
    transition: box-shadow 400ms,-webkit-box-shadow 400ms;
    background: white;
    min-height: 190px;
    position: relative;
}

.item-industry:hover{
    box-shadow: 0 0 16px 4px rgb(0 0 0 / 12%);
}

.title_wrap{
    margin: 0;
    height: calc(100% - 80px - 1.25rem);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.title_wrap h4{
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

.icon-industry{
    height: 80px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.safety-icon {
    height: 65px;
	width: 65px;
	border-radius: 50%;
	background: #fff;
    box-shadow: 0 0 16px 4px rgb(0 0 0 / 12%);
    justify-content: center;
    transition: all 0.5s;
    margin-left: 5px;
    padding: 5px;
}
.item-industry:hover .safety-icon{
    background: #002d6e;
	transition: all 0.5s;
}
.item-industry:hover .safety-icon img {
    filter: brightness(100);
}
.icon-industry img {
    max-height: 60px;
}
.hoverly i img {
    height: 50px;
}
.hoverly i img{
	position: absolute;
	transition: all 0.6s;
	top: 20px;
	left: 20px;
    opacity: 0;

}

.item-industry:hover .hoverly i img {
	height: 65px;
	transition: all 0.9s;
	opacity: 0.3;
	top: 72px;
	left: 70%;

}
.tl-text h4 {
    margin-top: 10px;
}
.icon-industry img{
    max-height: 60px;
}


/* .aboutus-text{
    font-size: 15px;
    line-height: 1.5;
    font-family: 'Poppins' !important;
    font-weight: 400;
    letter-spacing: 1px;
    color: #222;
}

.aboutus-details{
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 5px 30px 0px rgb(158 164 201 / 20%);
    position: relative;
    padding: 20px 24px;
    text-align: justify;
}

.aboutus-details h4{
    font-weight: bold;
}

.aboutus-detail-div{
    width: 70%;
    margin: auto;
    position: relative;
    top: -110px;
}

@media only screen and (max-width:767px){
    .aboutus-detail-div .d-flex{
        flex-direction: column;
    }
} */
/* .aboutus-manufacturing{
    background: #f7f7f7;
    padding: 40px 0 55px;
}

.aboutus-manufacturing .customizable-text{
    width: 35%;
    margin: 0 auto;
} */

.aboutus-offering .outerDiv{
    width: 33.33%;
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
    background: #fff;
}

.aboutus-offering .outerDiv h5{
    padding: 0 27px;
}

/* company slider */
.trusted-company .slick-slide {
    margin: 0px 20px;
}

.trusted-company .slick-slide img {
    width: 100%;
}

.trusted-company .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.trusted-company .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.trusted-company .slick-list:focus {
  outline: none;
}
.trusted-company .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.trusted-company .slick-slider .slick-track,
.trusted-company .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.trusted-company .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.trusted-company .slick-track:before,
.trusted-company .slick-track:after {
    display: table;
    content: '';
}
.trusted-company .slick-track:after {
    clear: both;
}
.trusted-company .slick-loading .slick-track {
    visibility: hidden;
}
.trusted-company .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.trusted-company .slick-slide img {
    display: block;
    width: 66%;
}
.companydiv-width{
    width: 70%;
    margin: auto;
}
.atm-width{
    width: 35% !important;
}
@media only screen and (max-width:1040px) and (min-width:769px){
    .trusted-company .slick-slide img {
        width: 80%;
    }
    .trusted-company .companydiv-width{
        width: 85%;
    }
    .atm-width{
        width: 42% !important;
    }
}
@media only screen and (max-width:768px){
    .trusted-company .slick-slide img {
        width: 100%;
    }
    .atm-width{
        width: 57% !important;
    }
    .trusted-company .companydiv-width{
        width: 90%;
    }
}
.trusted-company .slick-slide.slick-loading img {
    display: none;
}
.trusted-company .slick-slide.dragging img {
    pointer-events: none;
}
.trusted-company .slick-initialized .slick-slide {
    display: block;
}
.trusted-company .slick-loading .slick-slide {
    visibility: hidden;
}
.trusted-company .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.trusted-company .slick-arrow.slick-hidden {
    display: none;
}

.trusted-company{
    background: #f7f7f7;
    padding: 40px 0 80px;
    border-bottom: 1px solid #ddd;
}

.h1-text{
    font-size: 2.8125em;
    line-height: 1.6em;
}

.thriving_industries .right-button svg {
    display: inline-block;
    vertical-align: middle;
}

.thriving_industries .right-button svg .circle-arrows {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.thriving_industries .right-button .label-styles,
.thriving_industries .right-button label {
    padding-left: 1.5rem;
    font-size: 15px;
    letter-spacing: 1px;
    color: #222;
    text-transform: none;
    line-height: 1.5;
    text-align: left;
    padding: 0;
    font-weight: 400;
    text-align: justify;
}

.thriving_industries .slick-list {
    overflow: visible;
}

.thriving_industries li {
    width: 270px;
    height: 259px;
    margin: 0 0.75rem;
    cursor: pointer;
    position: relative;
}

@media only screen and (min-width:1441px){
    .thriving_industries li {
        width: 320px;
        height: 350px;
    }
    .thriving_industries li .card-info .date {
        left: -30% !important;
        width: 90% !important;
    }
}
.thriving_industries li:hover .default:before {
    background-color: rgba(0, 0, 0, 0.5);
}

.thriving_industries li:hover .default span:after,
.thriving_industries li:hover .default span:before {
    width: 4rem;
    height: 3.625rem;
}

.thriving_industries li .card-info,
.thriving_industries li .default {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 0 0.5rem 0 rgba(3, 3, 3, 0.09);
}

.thriving_industries li .default {
    height: 100%;
    position: relative;
    opacity: 1;
    -webkit-transition: 1.5s cubic-bezier(0, 0, 0.87, 0.9);
    transition: 1.5s cubic-bezier(0, 0, 0.87, 0.9);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.thriving_industries li .default:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgb(0 0 0 / 70%);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.thriving_industries li .default span {
    position: absolute;
    color: #ffeed9;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 16px;
}

.thriving_industries li .default span:after,
.thriving_industries li .default span:before {
    content: "";
    position: absolute;
    width: 3.375rem;
    height: 3rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.thriving_industries li .default span:before {
    left: -2rem;
    top: -1.5rem;
    border-top: 3px #002d6e solid;
    border-left: 3px #002d6e solid;
}

.thriving_industries li .default span:after {
    right: -2rem;
    bottom: -1.5rem;
    border-bottom: 3px #002d6e solid;
    border-right: 3px #002d6e solid;
}

.thriving_industries li .default .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
}

/* .thriving_industries li.slick-current .default {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
} */

.thriving_industries li.slick-current .card-info {
    transform: rotateY(360deg);
}

.thriving_industries li .card-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	width: 100%;
    padding: 2.25rem 3rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid #cacaca;
    z-index: 1;
    -webkit-transition: 3.5s cubic-bezier(0, 0, 0, 1.15);
    transition: 1.5s cubic-bezier(0, 0, 0, 1.15);
    transition-delay: 1s;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.thriving_industries li .card-info .card-title,
.thriving_industries li .card-info .label-styles,
.thriving_industries li .card-info label,
.thriving_industries li .card-info p {
    color: #444;
}

.thriving_industries li .card-info .stat-title,
.thriving_industries li .card-info h2 {
    color: #000;
}

.thriving_industries li .card-info h4 {
    line-height: 1.5rem;
    /* text-transform:uppercase */
}

.thriving_industries li .card-info .card-title {
    padding: 0.75rem 0;
    margin-bottom: 1.5rem;
    letter-spacing: 0;
}

.thriving_industries li .card-info .stat-title {
    letter-spacing: -0.015em;
    text-align: center;
    font-size: 1.2em;
}

.thriving_industries li .card-info h2,
.thriving_industries li .card-info p {
    letter-spacing: 0.025em;
}

.thriving_industries li .card-info p {
    line-height: 1.75rem;
}

.thriving_industries li .card-info .copy {
    /* padding-left: 2rem; */
    padding-top: 2rem;
}

.thriving_industries li .card-info .date {
    position: absolute;
    left: -26%;
    top: 43%;
    width: 75%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top: 1.0625rem solid #002d6e;
}

.thriving_industries li .card-info .date span {
    padding-left: 45%;
    padding-top: 1.4rem;
    display: block;
    text-transform: uppercase;
}

/* @media only screen and (max-width: 800px) {
    .thriving_industries .left-title {
        margin-left: 0;
    }
    .thriving_industries .right-button {
        width: 75%;
    }
} */

@media only screen and (max-width: 640px) {
    /* .thriving_industries {
        margin-bottom: 4.5rem;
    } */
    .thriving_industries .left-title {
        width: 50%;
        width: 100%;
        margin-top: 0;
        /* padding-bottom: 1.5rem;
        padding-top: 3rem;
        background: #fff; */
    }
    .thriving_industries .right-button {
        width: 100%;
        margin-top: 100px;
        text-align: left;
    }
    .thriving_industries .right-button svg {
        float: left;
        margin-right: 1.5rem;
    }
    .thriving_industries .right-button .label-styles,
    .thriving_industries .right-button label {
        display: block;
        /* margin-top: 1.75rem;
        margin-bottom: -1.5rem; */
        position: relative;
    }
}

.description-with-read-more p {
    margin: 0;
    display: inline;
    letter-spacing: 0.075em;
    color: #666;
}

.description-with-read-more .read-more {
    font-weight: 700;
    letter-spacing: 0.075em;
    color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.description-with-read-more .read-more:hover {
    color: #002d6e;
}

.content-rect-block-list {
    /* max-width: 71.5625rem; */
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem 4.5rem;
}

.content-rect-block-list:after {
    content: " ";
    display: block;
    clear: both;
}

.content-rect-block {
    margin-bottom: -1px;
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    padding: 3em 3em 1.5em 2.25em;
}

.content-rect-block .block-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #ddd;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.content-rect-block .block-link:after {
    content: "";
    height: 0.1875rem;
    position: absolute;
    bottom: 0;
    bottom: -1px;
    left: 0;
    right: 0;
    background: 0 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.content-rect-block .block-link:hover {
    box-shadow: 1px 2px 7.28px 0.72px rgba(4, 4, 4, 0.05);
}

.content-rect-block .block-link:hover:after {
    background: #002d6e;
}

.content-rect-block .block-link:hover + .content-container h4 {
    color: #002d6e;
}

.content-rect-block .block-link:hover + .content-container .label-container label {
    color: #222;
}

.content-rect-block .content-container {
    min-height: 6.5rem;
    position: relative;
}

.content-rect-block .content-container.with-image {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.content-rect-block .content-container.with-image:after {
    content: " ";
    display: block;
    clear: both;
}

.content-rect-block h4 {
    margin-bottom: 1.5rem;
    letter-spacing: 0.05em;
    color: #222;
    text-transform: uppercase;
    line-height: 1.5rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.content-rect-block .logo-image {
    width: 12%;
    margin-left: 1.5rem;
    float: right;
}

.content-rect-block .description-container {
    margin-bottom: 2.25rem;
}

.content-rect-block .description-container > p {
    margin: 0;
    letter-spacing: 0.075em;
    color: #222;
}

.content-rect-block .label-container {
    position: absolute;
    top: -75px;
    left: 120px;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.content-rect-block .label-container label {
    color: #222;
    letter-spacing: 1px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

@media only screen and (max-width: 640px) {
    .content-rect-block {
        padding-left: 1.25em;
        padding-right: 1.5rem;
    }
    .content-rect-block .label-container {
        left: -2.25rem;
    }
}

.search-and-date {
    max-width: 71.5625rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.25rem;
    text-align: right;
}

.search-and-date:after {
    content: " ";
    display: block;
    clear: both;
}

.search-and-date label {
    font-style: normal;
    font-size: 100%;
    line-height: 1.5rem;
    letter-spacing: 0;
}

.search-and-date .search-by-date,
.search-and-date .text-search-form {
    display: inline-block;
    vertical-align: middle;
}

.search-and-date .text-search-form {
    max-width: 100%;
    margin-left: 0;
    margin-right: 2.25rem;
}

.search-and-date .text-search-form:after {
    content: " ";
    display: block;
    clear: both;
}

.search-and-date .text-search-form button,
.search-and-date .text-search-form input,
.search-and-date .text-search-form label {
    float: left;
}

.search-and-date .text-search-form label {
    padding: 0.5rem 1.25rem 0.5rem 0.25rem;
}

.search-and-date .text-search-form input {
    width: 22.5rem;
    height: 2.25rem;
    background: #fff;
    border: 1px solid #ddd;
}

.search-and-date .text-search-form button {
    width: 9rem;
    height: 2.25rem;
    letter-spacing: 0.15em;
}

.search-and-date .search-by-date .button-container,
.search-and-date .search-by-date .calendar-icon {
    display: inline-block;
    vertical-align: middle;
}

.dark-statistic,
.gray-dark-statistic {
    vertical-align: top;
    box-sizing: border-box;
}

.search-and-date .search-by-date .calendar-icon {
    margin-right: 0.75rem;
}

.search-and-date .search-by-date .button-container {
    position: relative;
}

.search-and-date .search-by-date .date-picker-activator {
    font-size: 0.875em;
    line-height: 1.71429em;
    display: block;
    width: 12.375rem;
    height: 2.25rem;
    padding: 0.25rem 0.5rem;
    letter-spacing: 0.085em;
}

.search-and-date .search-by-date .date-picker-activator span:first-of-type {
    position: absolute;
}

.search-and-date .sidebar-opener {
    display: none;
    width: 11rem;
    height: 2.25rem;
    margin: 0 auto;
    letter-spacing: 0.15em;
}

@media only screen and (max-width: 1024px) {
    .search-and-date {
        max-width: 50.5625rem;
    }
}

@media only screen and (max-width: 800px) {
    .search-and-date {
        padding: 0 1.5rem;
        text-align: center;
    }
    .search-and-date .text-search-form {
        margin-right: 0;
        margin-bottom: 0.75rem;
    }
    .search-and-date .text-search-form input {
        max-width: 60%;
        max-width: calc(100% - 9rem);
    }
    .search-and-date .search-by-date,
    .search-and-date .sidebar-opener {
        display: block;
    }
}

.inline-tags .fine-print,
.inline-tags p {
    display: inline;
}

.inline-tags .fine-print {
    letter-spacing: 1px;
    color: #222;
}

.inline-tags a {
    position: relative;
    z-index: 1;
}

.inline-tags a:hover p {
    color: #002d6e;
}

.inline-tags a p {
    margin: 0;
    letter-spacing: 1px;
    color: #666;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.inline-tags a p span {
    color: #666;
}

.dark-statistic {
    width: 100%;
    display: inline-block;
    padding: 0 0.75rem 2rem;
}

.dark-statistic hr,
.gray-dark-statistic hr {
    width: 2.25rem;
    border-bottom: 3px solid #002d6e;
}

.dark-statistic .content-container {
    display: inline-block;
}

.dark-statistic h2 {
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #222;
    line-height: 3rem;
    text-transform: uppercase;
}

.dark-statistic h4,
.gray-dark-statistic h5 {
    font-weight: 700;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.dark-statistic h4 {
    padding: 0.375rem 0;
    line-height: 1.5rem;
    color: #222;
}

.gray-dark-statistic {
    display: inline-block;
    padding: 0 3rem 4.5rem;
}

.gray-dark-statistic .content-container {
    display: inline-block;
}

.gray-dark-statistic h5 {
    color: #666;
}

.gray-dark-statistic h5:last-child {
    font-weight: 500;
    margin-top: 0.5rem;
    text-transform: none;
}

.gray-dark-statistic h2 {
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #000;
    line-height: 3rem;
    text-transform: uppercase;
}

.title-progress-and-arrows {
    padding-top: 2rem;
    padding-left: 3rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
    background: #002d6e;
}

.title-progress-and-arrows.light {
    background: #fff;
}

.title-progress-and-arrows.light a,
.title-progress-and-arrows.light h4 {
    color: #000;
}

.title-progress-and-arrows a,
.title-progress-and-arrows h4 {
    color: #fff;
    /* text-transform:uppercase */
}

.title-progress-and-arrows a.button {
    width: auto;
    height: auto;
    padding: 0;
}

.title-progress-and-arrows .titles {
    margin-bottom: 4rem;
}

.title-progress-and-arrows h4 {
    padding: 0 0;
    line-height: 1.5rem;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
}

.title-progress-and-arrows .progress-container {
    display: inline-block;
    vertical-align: middle;
    width: 5.0625rem;
    height: 5.0625rem;
    margin-right: 0.75rem;
    background: #002d6e;
    text-align: center;
    border-radius: 5px;
}

.title-progress-and-arrows .progress-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.title-progress-and-arrows .progress-container h5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: rgb(252, 244, 244);
}

.title-progress-and-arrows .arrows-container {
    display: inline-block;
    vertical-align: middle;
}

.title-progress-and-arrows .arrows-container .slick-arrow {
    padding: 1.78rem 1rem;
}
/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */

.grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray;
    -webkit-transition: -webkit-filter 0.5s ease;
    transition: -webkit-filter 0.5s ease;
    transition: filter 0.5s ease;
    transition: filter 0.5s cubic-bezier(0.17, 0.62, 0.48, 0.1), -webkit-filter 0.5s cubic-bezier(0.17, 0.62, 0.48, 0.1);
}

.grayscale.grayscale-fade {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter 0.5s ease;
        transition: -webkit-filter 0.5s ease;
    }
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off,
.weslaco-advantage-page .education .logos .slick-slide.slick-active img.grayscale {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none;
}

.grayscale.grayscale-replaced > svg {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-fade:hover > svg,
.grayscale.grayscale-replaced.grayscale-off > svg,
.weslaco-advantage-page .education .logos .slick-slide.slick-active img.grayscale.grayscale-replaced > svg {
    opacity: 0;
}

.social-sharing-container {
    width: 17.6875rem;
    height: 4.5625rem;
    background: #222;
    position: absolute;
    top: -0.75em;
    right: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 1;
}

.social-sharing-container ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.social-sharing-container li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.75em;
}

.scrolling-text .scrolling-frame,
.scrolling-text .scrolling-frame span,
.social-sharing-container a,
.social-sharing-container svg {
    display: block;
}

.social-sharing-container .linked-in-icon {
    width: 1.4375rem;
    height: 1.4375rem;
}

.social-sharing-container a {
    letter-spacing: 0.025em;
    color: #fff;
}

.social-sharing-container a[href]:hover path {
    fill: #002d6e;
}

.social-sharing-container .st0 {
    fill: #fff;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.agendas-modal,
.agendas-modal.active {
    -webkit-transition: none;
    transition: none;
}

@media only screen and (max-width: 640px) {
    .social-sharing-container {
        height: 4rem;
        top: 0.75rem;
    }
}

.scrolling-text,
.slide-in-container {
    overflow: hidden;
}

.cache,
.navigation {
    display: none;
}

.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.prism-slider canvas {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
}

.navigation {
    width: 100%;
    position: absolute;
    bottom: 5%;
    padding: 0;
    text-align: center;
    list-style: none;
    z-index: 1;
}

.navigation li {
    border: 1px solid #eceff1;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background: #37474f;
    border-radius: 7px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}

.navigation .active {
    background: #eceff1;
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    background: 0 0;
    position: relative;
    width: 200px;
    height: 200px;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
}

.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #59ebff;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.agendas-modal {
    width: auto;
    height: auto;
    position: static;
    opacity: 1;
}

.agendas-modal:not(.active) {
    height: auto;
    overflow: visible;
}

.agendas-modal.active .modal-wrapper,
.agendas-modal.active .overlay {
    opacity: 1;
    visibility: visible;
}

.agendas-modal .modal-wrapper,
.agendas-modal .overlay {
    z-index: 1002;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}
/* .home-page .economic-overview .statistics-content .tab-content-list li,.home-page .weslaco-advantage .contents .content{
    opacity:1 !important
} */

.event-modal.aside .info-blocks a,
.press-release-modal .contact-block a p {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.agendas-modal .overlay {
    position: fixed;
}

.agendas-modal .modal,
.agendas-modal .modal-wrapper:after {
    display: inline-block;
    vertical-align: middle;
}

.agendas-modal .modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.agendas-modal .modal-wrapper:after {
    content: "";
    height: 100%;
    margin-left: -0.05em;
}

.agendas-modal .modal {
    width: 100%;
    max-width: 50%;
    padding: 3rem;
    margin: 1.5rem 0;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    overflow: visible;
    border-radius: 0.625rem;
}

.agendas-modal h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}

.agendas-modal h6 {
    margin-bottom: 0.75rem;
}

.agendas-modal .agendas a {
    margin: 0.75rem 0;
}

.agendas-modal .agendas a:after {
    background-color: #444;
}

.agendas-modal .agendas h4 {
    display: inline;
    line-height: 1.5rem;
    letter-spacing: 0.05em;
}

@media only screen and (max-width: 800px) {
    .agendas-modal .modal {
        max-width: 90%;
    }
}

@media only screen and (max-width: 640px) {
    .agendas-modal .close {
        margin: 1.5rem;
    }
    .agendas-modal .modal {
        padding-top: 4.5rem;
    }
}

.event-modal.aside .close {
    margin-top: 1.5rem;
}

.event-modal.aside .modal {
    padding-top: 4.5em;
}

.event-modal.aside .copy {
    padding-left: 4.5em;
    padding-right: 6em;
    padding-bottom: 1.5em;
}

.event-modal.aside .image-section {
    border-top: 1px solid #ddd;
    padding: 3.75em 4.5em;
}

.event-modal.aside .image-section .image-container {
    border-radius: 0.3125rem;
    overflow: hidden;
    text-align: center;
}

.event-modal.aside .image-section .image-container:not(:last-of-type) {
    margin-bottom: 3rem;
}

.event-modal.aside .image-section img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.event-modal.aside .modal-header {
    padding-left: 1.5rem;
    margin-left: -1.5rem;
}

.event-modal.aside .modal-header:before {
    content: "";
    width: 4.125rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 100%;
    background: #002d6e;
}

.event-modal.aside h3 {
    margin-bottom: 0.75rem;
    letter-spacing: 0.05em;
    color: #222;
    line-height: 2.25rem;
    position: relative;
    text-transform: uppercase;
}

.event-modal.aside .hosting-department {
    display: block;
    margin-bottom: 4.5rem;
    letter-spacing: 0.2em;
    color: #666;
    font-weight: 400;
    text-transform: uppercase;
}

.event-modal.aside h4 {
    letter-spacing: 1px;
    color: #222;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.event-modal.aside .description {
    max-width: 40rem;
    margin-bottom: 2.25rem;
    letter-spacing: 0;
    color: #666;
    line-height: 1.875rem;
}

.event-modal.aside .addtocalendar {
    margin-bottom: 2.25rem;
}

.event-modal.aside .info-blocks {
    margin-left: auto;
    max-width: none;
    margin-right: -3rem;
}

.event-modal.aside .info-blocks:after {
    content: " ";
    display: block;
    clear: both;
}

.event-modal.aside .info-blocks li {
    width: 33.33333%;
    float: left;
    padding-right: 1.5em;
    margin-bottom: 1.5em;
    box-sizing: border-box;
}

.event-modal.aside .info-blocks li:last-of-type {
    padding-right: 0;
}

.event-modal.aside .info-blocks label {
    margin-bottom: 0.5rem;
    letter-spacing: 1px;
    color: #222;
    text-transform: uppercase;
}

.event-modal.aside .info-blocks a,
.event-modal.aside .info-blocks p {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.085em;
    color: #666;
    line-height: 1.875rem;
}

.event-modal.aside .info-blocks a .location,
.event-modal.aside .info-blocks p .location {
    font-style: italic;
}

.event-modal.aside .info-blocks a:hover {
    color: #002d6e;
}

@media only screen and (max-width: 640px) {
    .event-modal.aside .copy {
        padding-left: 2.25em;
    }
    .event-modal.aside .info-blocks li {
        float: none;
        width: auto;
    }
    .event-modal.aside .image-section {
        padding-left: 2.25em;
        padding-right: 2.25em;
    }
}

.bio-modal.aside .modal {
    width: 95.3125rem;
    max-width: 95%;
}

.bio-modal.aside .background-text {
    top: 11%;
    right: 0.69em;
    white-space: nowrap;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.bio-modal.aside .name-and-title-container {
    height: 100%;
    width: 4.5rem;
    position: absolute;
    top: 0;
    left: 0;
}

.bio-modal.aside .name-and-title-container:after {
    content: "";
    width: 1px;
    background: #eee;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.bio-modal.aside .name-and-title-container h5 {
    font-weight: 700;
    letter-spacing: 1px;
    color: #222;
    white-space: nowrap;
    text-transform: uppercase;
    line-height: 1.5rem;
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.bio-modal.aside .modal-content {
    padding-bottom: 3em;
    padding-top: 9.45%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 4.5rem;
    overflow: auto;
}

.bio-modal.aside .modal-content .ps-scrollbar-x-rail {
    display: none;
}

.bio-modal.aside .bio-content {
    display: table;
    width: 100%;
    position: relative;
}

.bio-modal.aside .bio-content > div {
    display: table-cell;
    vertical-align: top;
}

.bio-modal.aside .image-container {
    width: 38.25rem;
    max-width: 100%;
}

.bio-modal.aside .image-container .image {
    padding-top: 118.15%;
    background: center center/cover no-repeat #f8f9fb;
    box-sizing: border-box;
    position: relative;
}

.bio-modal.aside .image-container .image.image-contained {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-size: contain;
    background-color: #fff;
}

.bio-modal.aside .image-container .triangle {
    width: 23.7%;
    -webkit-transform: translate(16.6%, 16.6%);
    transform: translate(16.6%, 16.6%);
}

.bio-modal.aside .copy-container {
    padding-left: 6rem;
    padding-right: 1.5em;
    padding-top: 6em;
}

.bio-modal.aside .copy-container .name-and-position-container {
    display: inline-block;
    margin-bottom: 3rem;
    position: relative;
}

.bio-modal.aside .copy-container .name-and-position-container .name-container {
    position: relative;
}

.bio-modal.aside .copy-container .name-and-position-container img {
    max-width: 15.6875rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.bio-modal.aside .copy-container .name-and-position-container div {
    padding-right: 0.5rem;
    margin-bottom: 1.5rem;
    color: #222;
    letter-spacing: 0;
    line-height: 0.9em;
    position: relative;
}

.bio-modal.aside .copy-container .name-and-position-container div span {
    display: block;
}

.bio-modal.aside .copy-container .name-and-position-container div span:first-of-type {
    -webkit-transform: translate(-1.5rem);
    transform: translate(-1.5rem);
}

.bio-modal.aside .copy-container .name-and-position-container div span:last-of-type {
    padding-left: 1.5rem;
    box-sizing: border-box;
    text-align: right;
}

.bio-modal.aside .copy-container .name-and-position-container .nav-anchor {
    display: block;
    margin-left: 3rem;
    color: #999;
    text-transform: uppercase;
}

.bio-modal.aside .copy-container .copy {
    max-width: 40em;
}

.bio-modal.aside .copy-container .copy .bio {
    margin-bottom: 3rem;
}

.bio-modal.aside .copy-container .copy p {
    letter-spacing: 0.075em;
    color: #666;
}

.bio-modal.aside .department-contact-block {
    padding-top: 2.25em;
    padding-bottom: 1.5em;
    padding-left: 4.5em;
    margin-left: -3em;
    margin-right: -1.5em;
    border-bottom: none;
}

@media only screen and (max-width: 1024px) {
    .bio-modal.aside .copy-container .name-and-position-container img {
        max-width: 10.6875rem;
    }
    .bio-modal.aside .copy-container .name-and-position-container .nav-anchor {
        margin-left: 1.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .bio-modal.aside .bio-content,
    .bio-modal.aside .bio-content > div,
    .bio-modal.aside .close {
        display: block;
    }
    .bio-modal.aside .modal {
        max-width: 100%;
    }
    .bio-modal.aside .name-and-title-container {
        width: 3.75rem;
    }
    .bio-modal.aside .name-and-title-container h5 {
        left: 1.125rem;
    }
    .bio-modal.aside .image-container {
        padding-right: 1.5rem;
        margin-bottom: 3rem;
        box-sizing: border-box;
    }
    .bio-modal.aside .modal-content {
        padding-top: 6rem;
        left: 3.75rem;
    }
    .bio-modal.aside .copy-container .copy {
        margin-left: -1.5rem;
    }
}

.location-modal.ui-modal .copy:before,
.press-release-modal .modal-header:before {
    content: "";
    width: 4.125rem;
    background: #002d6e;
    top: 0;
}

@media only screen and (max-width: 640px) {
    .bio-modal.aside .copy-container {
        padding-left: 3rem;
    }
}

.liquid-canvas {
    position: absolute;
    -webkit-filter: url(.html);
    filter: url(.html);
}

.press-release-modal .modal {
    padding: 4.875rem 4.5rem 3rem 6rem;
}

.press-release-modal .modal-header {
    padding-left: 1.85rem;
    margin-left: -1.85rem;
    margin-bottom: 3rem;
    position: relative;
}

.press-release-modal .modal-header:before {
    height: 4rem;
    position: absolute;
    right: 100%;
}

.press-release-modal .modal-header h3 {
    line-height: 2.25rem;
    letter-spacing: 0.05em;
    color: #222;
    text-transform: uppercase;
}

.press-release-modal .modal-header .navigation {
    display: block;
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #666;
    text-transform: uppercase;
}

.press-release-modal .description-container {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    position: relative;
}

.press-release-modal .description-container:after {
    content: "";
    margin-left: -6rem;
    margin-right: -4.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
}

.press-release-modal .description-container p {
    letter-spacing: 0.075em;
    color: #666;
    line-height: 1.875rem;
}

.press-release-modal .date {
    padding: 0.75rem 0;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    color: #222;
    line-height: 1.5rem;
}

.press-release-modal .contact-block {
    margin-bottom: 3rem;
}

.press-release-modal .contact-block label {
    cursor: auto;
    letter-spacing: 1px;
    color: #222;
    text-transform: uppercase;
}

.press-release-modal .contact-block p {
    margin: 0;
    letter-spacing: 0.085em;
    color: #999;
}

.press-release-modal .contact-block a {
    display: inline-block;
}

.press-release-modal .contact-block a:hover p {
    color: #002d6e;
}

.press-release-modal .image-section {
    padding-bottom: 1.5rem;
}

.press-release-modal .image-container {
    margin-bottom: 1.5rem;
    border-radius: 0.3125rem;
    overflow: hidden;
    text-align: center;
}

.press-release-modal .image-container img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
    .press-release-modal .modal {
        padding-left: 2.25em;
        padding-right: 2.25em;
    }
    .press-release-modal .modal-header {
        padding-left: 1.125rem;
        margin-left: -1.125rem;
    }
    .press-release-modal .modal-header .navigation {
        position: relative;
        text-align: left;
        margin-top: 1.5rem;
    }
    .press-release-modal .description-container {
        padding-bottom: 3rem;
        margin-bottom: 3rem;
        position: relative;
    }
    .press-release-modal .description-container:after {
        content: "";
        margin-left: -2.25em;
        margin-right: -2.25em;
    }
}

.location-modal.ui-modal .close {
    margin-top: 1.5rem;
}

.location-modal.ui-modal .modal {
    padding-top: 4.5em;
    padding-bottom: 1.5em;
}

.location-modal.ui-modal .copy,
.location-modal.ui-modal .description-container,
.location-modal.ui-modal .image-container {
    padding: 0 6em;
}

.location-modal.ui-modal .copy {
    margin-bottom: 3rem;
    position: relative;
}

.location-modal.ui-modal .copy:before {
    position: absolute;
    left: 0;
    bottom: 0;
}

.location-modal.ui-modal .copy h3 {
    padding-bottom: 0.25rem;
    letter-spacing: 0.05em;
    color: #222;
    line-height: 2.25rem;
    text-transform: uppercase;
}

.location-modal.ui-modal .copy a {
    font-size: 0.875em;
    line-height: 1.71429em;
    letter-spacing: 0.2em;
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.location-modal.ui-modal .copy a:hover {
    color: #ff755e;
}

.location-modal.ui-modal .image-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
    text-align: center;
}

.location-modal.ui-modal .image-container:after {
    content: " ";
    display: block;
    clear: both;
}

.location-modal.ui-modal .image-container img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.location-modal.ui-modal .image-container .arrows-container {
    margin-top: -1.5rem;
    margin-right: 6.575%;
    float: right;
    position: relative;
    text-align: right;
}

.home-page .weslaco-advantage .images-and-content,
.location-modal.ui-modal .static-map {
    text-align: center;
}

.location-modal.ui-modal .image-container .arrows-container .progress-container {
    display: inline-block;
    vertical-align: middle;
    width: 5.0625rem;
    height: 5.0625rem;
    background: #002d6e;
    text-align: center;
}

.location-modal.ui-modal .image-container .arrows-container .progress-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.location-modal.ui-modal .image-container .arrows-container .progress-container h5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #222;
}

.image-preview-modal .icon,
.location-modal.ui-modal .map-container a {
    display: block;
}

.location-modal.ui-modal .image-container .arrows-container .slick-arrow {
    width: auto;
    height: auto;
    background: #222;
}

.location-modal.ui-modal h4 {
    letter-spacing: 0.085em;
    color: #222;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.location-modal.ui-modal .description-container {
    margin-bottom: 2.25rem;
}

.location-modal.ui-modal .description {
    min-height: 15rem;
}

.location-modal.ui-modal .description p {
    letter-spacing: 0.05em;
    color: #666;
    line-height: 1.875rem;
}

.location-modal.ui-modal .map-container {
    position: relative;
}

.location-modal.ui-modal .static-map img {
    max-width: 100%;
}

@media only screen and (max-width: 640px) {
    .location-modal.ui-modal .close {
        margin-top: 1.5rem;
    }
    .location-modal.ui-modal .copy,
    .location-modal.ui-modal .description-container,
    .location-modal.ui-modal .image-container {
        padding-left: 2.25em;
        padding-right: 5.25em;
    }
    .location-modal.ui-modal .image-container .arrows-container {
        margin-top: -0.75rem;
    }
    .location-modal.ui-modal .copy:before {
        width: 1.5rem;
    }
    .location-modal.ui-modal .description-container {
        padding-right: 2.25em;
    }
    .location-modal.ui-modal .description {
        margin-bottom: 4.5rem;
    }
}

.image-preview-modal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 500s;
    transition: opacity 0.5s, visibility 500s;
}

.image-preview-modal.active {
    visibility: visible;
    -webkit-transition: opacity 0.5s, visibility 500s;
    transition: opacity 0.5s, visibility 500s;
}

.image-preview-modal .close {
    position: fixed;
    margin: 2.25rem;
}

.image-preview-modal .close:focus,
.image-preview-modal .close:hover {
    -webkit-transform: none;
    transform: none;
}

.image-preview-modal .close .cls-1 {
    fill: #fff;
}

.image-preview-modal img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    max-width: 75vw;
    max-height: 75vh;
    z-index: 1;
}

.image-preview-modal .arrow-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.image-preview-modal .left-arrow {
    right: 90vw;
}

.image-preview-modal .right-arrow {
    left: 90vw;
}

@media only screen and (max-width: 768px) {
    .image-preview-modal img {
        max-width: 90vw;
        max-height: 90vw;
    }
}

.home-page header {
    min-height: 115px;
    /* padding-top: 56.25%; */
    box-sizing: border-box;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.home-page header .background-lines li {
    position: absolute;
    z-index: 1;
}

.home-page header .background-images {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 0;
}
.cart_close_link i{
	color: #222 !important;
}
.cart_remove_product i{
	color: #222 !important;
}
.mainmenu a.cart_remove_product{
	position: absolute;
	padding: 0 !important;
    bottom: 0;
    right: 10%;
    top: 27px;
    padding: 0;
    float: right;
    display: flex !important;
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.home-page header .background-images .slick-list,
.home-page header .background-images .slick-track {
    height: 100%;
}

.home-page header .background-images .header-image {
    height: 100%;
    background: center center/cover no-repeat;
}

.home-page header .background-images .header-image:not(:first-child) {
    display: none;
}

.home-page header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 10%);
}

.home-page header .copy-container {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    margin-top: 6rem;
    left: 25%;
    z-index: 2;
}
.home_page .weslaco-advantage-page{
	margin-bottom: 1rem;
    width: 80%;
    margin: auto;
}
.home-page header .copy-container>div {
    /* font-size: 10.3125em;
    line-height: 1.16364em;
    width: 150%;
    height: 12rem; */
    font-size: 80px;
    line-height: 100px;
    width: 150%;
    height: 100px;
    box-sizing: border-box;
    padding-left: 2.25rem;
    position: relative;
    z-index: 1;
    letter-spacing: 0;
    color: #fff;
}

.home-page header .copy-container>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 0.7em;
    border-left: 0.625rem solid #002d6e;
    top: 50%;
    left: 0;
}
.home-page header .copy-container>div .custom-btn {
    /* font-size: 20px;
    line-height: 1.5; */
    width: auto !important;
}
.home-page header .copy-container .right-info {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-top: -6.5rem;
}

.home-page header .copy-container .right-info .content-with-triangle {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0.75rem;
    box-sizing: border-box;
    background: #ffffff69;
}

.home-page header .copy-container .right-info .content-with-triangle .triangle {
    right: 0;
}

.home-page header .copy-container .right-info h3 {
    margin-left: 10%;
}

.home-page header .copy-container .right-info .learn-more {
    margin-left: -40px;
}

.home-page header .copy-container .right-info h3 {
    padding-right: 1.5rem;
    letter-spacing: 1px;
    color: #002d6e;
    /* text-transform:uppercase */
    position: relative;
    top: -12px;
    font-size: 30px !important;
}

.home-page header .copy-container .right-info .learn-more {
    display: inline-block;
    letter-spacing: 0.15em;
    color: #fff;
    /* text-transform:uppercase */
}

.home-page header .copy-container .right-info .learn-more .text {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 14px;
}

.home-page header .copy-container .right-info .learn-more .button {
    display: block;
}

.home-page .weslaco-advantage {
    padding-top: 1rem;
    margin-bottom: 2.625rem;
}

.home-page .weslaco-advantage .title-progress-and-arrows {
    width: 30%;
    margin: 0 auto -6rem;
    position: relative;
    z-index: 2;
    -webkit-transform: translate(-23%);
    transform: translate(-23%);
	box-shadow: 4px 13px 30px 1px rgb(0 0 0 / 15%);
}

.home-page .weslaco-advantage .contents,
.home-page .weslaco-advantage .video-container {
    display: inline-block;
    vertical-align: middle;
}

.home-page .weslaco-advantage .video-container {
    width: 50.6%;
    padding-top: 26.63%;
    position: relative;
    background: center/cover no-repeat;
    background-position-x: 49.8%;
    overflow: hidden;
	box-shadow: 4px 13px 30px 1px rgb(0 0 0 / 15%);
}

.home-page .weslaco-advantage .video-container .video-js {
    width: 100.3%;
    height: 100.3%;
    position: absolute;
    top: 0;
    left: 0;
}

.home-page .weslaco-advantage .contents {
    width: 27.3%;
    text-align: left;
    padding: 3.75rem 1.5rem;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 4px 13px 30px 1px rgb(0 0 0 / 15%);
    min-height: 503px;
    /* min-height: 440px; */
}

.home-page .weslaco-advantage .contents .title {
    padding: 0.75rem 0;
    line-height: 1.5rem;
    letter-spacing: 0.05em;
    color: #002d6e;
    text-transform: uppercase;
    font-size: 28px;
}

.home-page .weslaco-advantage .contents .description {
    letter-spacing: 0.025em;
    line-height: 1.875rem;
    color: #444;
    font-size: 16px;
}

.home-page .weslaco-advantage .contents .content .slide-in-container {
    max-width: 100%;
    margin-left: 0%;
}

.home-page .weslaco-advantage .contents .content .slide-in-container .description,
.home-page .weslaco-advantage .contents .content .slide-in-container .title {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.home-page .weslaco-advantage .contents .content .slide-in-container .description {
    margin-bottom: 10px;
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.home-page .weslaco-advantage .contents .content.slick-active .description,
.home-page .weslaco-advantage .contents .content.slick-active .title {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.home-page .economic-overview {
    padding-bottom: 80px;
    position: relative;
    background-color: #f7f7f7;
}

.home-page .economic-overview .map-container {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90.6%;
    top: 61.5%;
    left: 59%;
    z-index: -2;
}

.home-page .economic-overview .map-illustration {
    display: block;
    width: 100%;
}

.home-page .economic-overview .beacon {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 49.5%;
    left: 44.5%;
    display: none;
}

.home-page .economic-overview .beacon:after,
.home-page .economic-overview .beacon:before {
    position: absolute;
    left: 50%;
    content: "";
    bottom: 100%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home-page .economic-overview .beacon:before {
    width: 0.8125rem;
    height: 0.8125rem;
    background: #002d6e;
    z-index: 1;
}

.home-page .economic-overview .beacon:after {
    width: 0.8125rem;
    height: 0.8125rem;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%) translateY(50%) scale(1);
    transform: translateX(-50%) translateY(50%) scale(1);
    border: 1px solid #002d6e;
    -webkit-animation: pulse-beacon 1.5s infinite ease;
    animation: pulse-beacon 1.5s infinite ease;
}

.home-page .economic-overview .content-container {
    position: relative;
}

.home-page .economic-overview .content-with-triangle {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.home-page .economic-overview .content-with-triangle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.home-page .economic-overview .content-with-triangle .copy-container {
    display: inline-block;
    vertical-align: middle;
    padding: 2.5rem 1.5rem;
    text-align: left;
}

.home-page .economic-overview .content-with-triangle .copy-container.waypointed div,
.home-page .economic-overview .content-with-triangle .copy-container.waypointed h3 {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.home-page .economic-overview .content-with-triangle h3 {
    letter-spacing: 0.02em;
    color: #002d6e;
    /* text-transform:uppercase; */
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.home-page .economic-overview .content-with-triangle h1 {
    padding-right: 2px;
    color: #000;
    /* text-transform:uppercase; */
    -webkit-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    /* -webkit-transform: translate(-100%);
    transform: translate(-100%); */
}

.home-page .economic-overview .content-with-triangle .triangle {
    height: 9rem;
    max-height: 57%;
}

.home-page .economic-overview .view-more-statistics {
    display: block;
    width: 25%;
    height: 4.5rem;
    padding-left: 2.25rem;
    margin-left: 50%;
    border-left: 0.3125rem solid #002d6e;
    box-sizing: border-box;
    color: #444;
    text-transform: uppercase;
}

.home-page .economic-overview .view-more-statistics:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.home-page .economic-overview .view-more-statistics .icon-container {
    margin-top: 0;
    margin-right: 1.5rem;
    border: 1px solid #222;
    border-radius: 100%;
}

.home-page .economic-overview .view-more-statistics svg {
    display: block;
    margin-right: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.home-page .economic-overview .statistics-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.home-page .economic-overview .statistics-content:after {
    content: " ";
    display: block;
    clear: both;
}

.home-page .economic-overview .statistics-content .content-tabs {
    float: left;
    width: 25%;
    padding-top: 3rem;
}

.home-page .economic-overview .statistics-content .content-tabs li {
    margin-bottom: 1.5rem;
}

.home-page .economic-overview .statistics-content .content-tabs .slide-in-container {
    min-height: 3rem;
    padding: 0 2rem 0 0.75rem;
    text-align: right;
    border-right: 3px solid #666;
    -webkit-transition: border-right-color 0.5s;
    transition: border-right-color 0.5s;
    cursor: pointer;
}

.home-page .economic-overview .statistics-content .content-tabs .slide-in-container .wrapper {
    display: inline-block;
    overflow: hidden;
}

.home-page .economic-overview .statistics-content .content-tabs .slide-in-container.active,
.home-page .economic-overview .statistics-content .content-tabs .slide-in-container:hover {
    border-right-color: #002d6e;
}

.home-page .economic-overview .statistics-content .content-tabs .slide-in-container.active span:after,
.home-page .economic-overview .statistics-content .content-tabs .slide-in-container:hover span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.home-page .economic-overview .statistics-content .content-tabs span {
    color: #002d6e;
    text-transform: uppercase;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    font-size: 20px;
    font-weight: 800;
}

.home-page .economic-overview .statistics-content .content-tabs span:after {
    background: #222;
}

.home-page .economic-overview .statistics-content .content-tabs.waypointed span {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.home-page .economic-overview .statistics-content .tab-content-list {
    float: left;
    width: 100%;
    position: relative;
}

.home-page .economic-overview .statistics-content .tab-content-list h4 {
    padding: 0.75rem 0;
    line-height: 1.5rem;
    color: #000;
    /* text-transform:uppercase */
}

/* .home-page .economic-overview .statistics-content .tab-content-list .slide-in-container {
    margin-left: 14%;
    padding-right: 1.5rem;
} */

.home-page .economic-overview .statistics-content .tab-content-list .group-name,
.home-page .economic-overview .statistics-content .tab-content-list .stat {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.home-page .economic-overview .statistics-content .tab-content-list .group-name {
    letter-spacing: 0;
}

.home-page .economic-overview .statistics-content .tab-content-list .stat {
    margin-bottom: 3rem;
}

.home-page .economic-overview .statistics-content .tab-content-list .stat h4 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    font-size: 18px;
}

.home-page .economic-overview .statistics-content .tab-content-list .stat h2 {
    line-height: 3rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #000;
}

.home-page .economic-overview .statistics-content .tab-content-list .stat h5 {
    text-transform: uppercase;
    color: #000;
}

.home-page .economic-overview .statistics-content .tab-content-list li.slick-active .group-name {
    transform: unset;
    transition: unset;
}

.home-page .economic-overview .statistics-content .tab-content-list li.slick-active .group-name,
.home-page .economic-overview .statistics-content .tab-content-list li.slick-active .stat {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.home-page .city-initiatives {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15rem;
    border-top: 1px solid #ddd;
}

.design-guidlines .city-initiatives {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* border-top: 1px solid #ddd; */
}

.home-page .city-initiatives:after,
.design-guidlines .city-initiatives:after {
    content: " ";
    display: block;
    clear: both;
}

.home-page .city-initiatives .content-with-triangle,
.design-guidlines .city-initiatives .content-with-triangle {
    width: 25%;
    margin-left: 25%;
}

.home-page .city-initiatives .content-with-triangle .copy-container {
    padding: 3rem 1.5rem;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.design-guidlines .city-initiatives .content-with-triangle .copy-container {
    padding: 0;
    /* border-bottom: 1px solid #ddd; */
    box-sizing: border-box;
}

.home-page .city-initiatives .content-with-triangle .copy-container .small-title,
.home-page .city-initiatives .content-with-triangle .copy-container h3,
.design-guidlines .city-initiatives .content-with-triangle .copy-container .small-title,
.design-guidlines .city-initiatives .content-with-triangle .copy-container h3 {
    color: #222;
    /* text-transform:uppercase; */
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.home-page .city-initiatives .content-with-triangle .copy-container h3,
.design-guidlines .city-initiatives .content-with-triangle .copy-container h3 {
    letter-spacing: 0.2em;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.home-page .city-initiatives .content-with-triangle .copy-container .small-title,
.design-guidlines .city-initiatives .content-with-triangle .copy-container .small-title {
    display: block;
}

.home-page .city-initiatives .content-with-triangle .copy-container.waypointed .small-title,
.home-page .city-initiatives .content-with-triangle .copy-container.waypointed h3,
.design-guidlines .city-initiatives .content-with-triangle .copy-container.waypointed .small-title,
.design-guidlines.city-initiatives .content-with-triangle .copy-container.waypointed h3 {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.home-page .city-initiatives .content-with-triangle .triangle,
.design-guidlines .city-initiatives .content-with-triangle .triangle {
    width: 23.5%;
}

.home-page .city-initiatives .content-container .left-slick,
.home-page .city-initiatives .content-container .right-accordion,
.design-guidlines .city-initiatives .content-container .left-slick,
.design-guidlines .city-initiatives .content-container .right-accordion {
    float: left;
}

.home-page .city-initiatives .content-container .left-slick,
.design-guidlines .city-initiatives .content-container .left-slick {
    width: 50%;
    padding-right: 2rem;
    box-sizing: border-box;
}

.home-page .city-initiatives .content-container .left-slick .initiatives-slick,
.design-guidlines .city-initiatives .content-container .left-slick .initiatives-slick {
    width: 44.0625rem;
    max-width: 100%;
    margin-top: 3rem;
    float: right;
}

.home-page .city-initiatives .content-container .left-slick .initiatives-slick div,
.design-guidlines .city-initiatives .content-container .left-slick .initiatives-slick div {
    height: 29rem;
}

.home-page .city-initiatives .content-container .right-accordion,
.design-guidlines .city-initiatives .content-container .right-accordion {
    width: 25%;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab {
    box-sizing: border-box;
    position: relative;
    margin-top: -1px;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab:last-of-type,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab:last-of-type {
    border-bottom: 1px solid transparent;
    -webkit-transition: border-bottom-color 0.3s ease-out;
    transition: border-bottom-color 0.3s ease-out;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab span,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab span {
    display: block;
    height: 100%;
    padding: 1rem 4rem 1rem 3rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-family:'Poppins' !important;
    line-height: 26px;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab .minus-icon,
.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab .plus-icon,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab .minus-icon,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab .plus-icon {
    position: absolute;
    top: 0.6rem;
    right: 1rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab .minus-icon,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab .minus-icon {
    opacity: 0;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab.active:last-of-type,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab.active:last-of-type {
    border-bottom-color: #ddd;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab.active span,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab.active span {
    border-bottom: 2px solid #002d6e;
    background: #002d6e;
    color: #fff;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab.active .plus-icon,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab.active .plus-icon {
    opacity: 0;
}

.home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab.active .minus-icon,
.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab.active .minus-icon {
    opacity: 1;
}

.home-page .city-initiatives .content-container .right-accordion .accordion-content-container {
    padding: 0 3rem;
}

.design-guidlines .city-initiatives .content-container .right-accordion .accordion-content-container {
    padding: 0 10px;
}

.design-guidlines .city-initiatives .content-container .right-accordion .accordion-content-container {
    border: 1px solid #ddd;
}

.design-guidlines .customizable-text ul {
    padding: 0 10px;
}

.home-page .city-initiatives .content-container .right-accordion .accordion-content-container p,
.design-guidlines .city-initiatives .content-container .right-accordion .accordion-content-container p {
    max-width: 26rem;
    font-size: 17px;
    font-family: 'Poppins' !important;
}

.home-page .corporate-container {
    position: relative;
}

.home-page .corporate-container .corporate-title {
    width: auto;
    position: absolute;
    top: -2.75rem;
    left: 25%;
    min-height: 5.0625rem;
    padding: 1rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: 1px solid #002d6e;
    background-color: #fff;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
}

.home-page .corporate-container .corporate-title h3 {
    height: 100%;
    color: #222;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.home-page .corporate-container .progress-container {
    display: inline-block;
    vertical-align: middle;
    width: 5.0625rem;
    height: 5.0625rem;
    position: absolute;
    right: 17.5rem;
    top: -2.75rem;
    background: #002d6e;
    text-align: center;
    z-index: 1;
}

.home-page .corporate-container .progress-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.home-page .corporate-container .progress-container h5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #222;
}

.home-page .corporate-container .corporate-dark-arrows {
    top: -2.75rem;
    right: 6.5rem;
}

.home-page .corporate-container .corporate-slider li {
    height: 17.5625rem;
    box-sizing: border-box;
    position: relative;
}

.home-page .corporate-container .corporate-slider li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 75%;
    max-height: 75%;
}

.home-page .corporate-container .corporate-slider .slick-slide div {
    border-top: 1px solid #ddd;
}

.nav-cards-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.nav-cards-container:after {
    content: " ";
    display: block;
    clear: both;
}

.nav-cards-container .nav-card {
    width: 100%;
    float: left;
    /* min-height:39.625rem; */
    min-height: 16rem;
    position: relative;
}

.nav-cards-container .nav-card:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #0f0f135c;
    width: 100%;
    height: 100%;
    border-left: 1px solid #efefef61;
}

.nav-cards-container .nav-card a,
.nav-cards-container .nav-card h2 {
    color: #fff;
}

.nav-cards-container .nav-card a {
    width: 100%;
    height: 100%;
    display: block;
}

.nav-cards-container .nav-card h2 {
    margin-left: 15%;
    position: absolute;
    left: 0;
    bottom: 7rem;
    /* text-transform:uppercase; */
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 22px;
}

.nav-cards-container .nav-card h2:after,
.nav-cards-container .nav-card h2:before {
    content: "";
    position: absolute;
    width: 3.375rem;
    height: 3rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.nav-cards-container .nav-card h2:before {
    left: -1.5rem;
    top: -0.5rem;
    border-top: 3px #002d6e solid;
    border-left: 3px #002d6e solid;
}

.nav-cards-container .nav-card h2:after {
    right: -1.5rem;
    bottom: -0.5rem;
    border-bottom: 3px #002d6e solid;
    border-right: 3px #002d6e solid;
}

.nav-cards-container .nav-card .view-container {
    position: absolute;
    bottom: 4.5rem;
    left: 5rem;
    color: #fff;
    text-transform: uppercase;
    /* opacity:0; */
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.nav-cards-container .nav-card .view-container span {
    margin-right: 1rem;
}

.nav-cards-container .nav-card:hover h2:after,
.nav-cards-container .nav-card:hover h2:before {
    width: 4rem;
    height: 3.625rem;
}

.nav-cards-container .nav-card:hover .view-container {
    opacity: 1;
}

.home-page .resources {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
}

.home-page .resources:after {
    content: " ";
    display: block;
    clear: both;
}

.home-page .resources .title-copy {
    width: 25%;
    height: 5rem;
    margin: 0 auto 0 25%;
    padding: 0 1.5rem;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.home-page .resources .title-copy h3 {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    vertical-align: middle;
}

.home-page .resources .link-container {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.5rem;
    padding-bottom: 6rem;
    text-align: center;
}

.home-page .resources .link-container:after {
    content: " ";
    display: block;
    clear: both;
}

.home-page .resources .link-container .resource {
    width: 26.66667%;
    margin-left: 3.33333%;
    margin-right: 3.33333%;
    float: none;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding-top: 10%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-page .resources .link-container .resource:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.home-page .resources .link-container .resource:nth-of-type(3n + 3) {
    width: 28.57143%;
    float: right;
    margin-right: 0;
}

@media only screen and (max-width: 1024px) {
    .home-page header .copy-container>div {
        font-size: 4.6875em;
        line-height: 1.28em;
        height: 1.28em;
        padding-left: 1.5rem;
    }
    .home-page header .copy-container>div:before {
        border-left: 0.4375rem solid #002d6e;
    }
    .home-page .weslaco-advantage .video-container .video-js {
        display: none;
    }
    .home-page .economic-overview {
        padding-bottom: 2rem;
    }
    .home-page .economic-overview .content-with-triangle .copy-container {
        padding: 2.25rem 1.5rem;
    }
    .home-page .corporate-container .corporate-title {
        left: 5rem;
    }
    .home-page .corporate-container .progress-container {
        right: 12rem;
    }
    .home-page .corporate-container .corporate-dark-arrows {
        right: 1rem;
    }
}

@media only screen and (max-width: 800px) {
    .home-page header .copy-container {
        margin-top: 3.75rem;
    }
    .home-page header .copy-container .right-info {
        width: 75%;
    }
    .home-page .weslaco-advantage .contents,
    .home-page .weslaco-advantage .title-progress-and-arrows {
        width: 27rem;
        max-width: 90%;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 0;
    }
    .home-page .weslaco-advantage .contents {
        display: block;
        padding-top: 2.25rem;
        margin: 0 auto;
    }
    .home-page .weslaco-advantage .contents .content .slide-in-container {
        max-width: none;
        margin-left: 1.5rem;
    }
    .home-page .weslaco-advantage .video-container {
        width: 36.8rem;
        max-width: 100%;
        height: 27.35rem;
        padding-top: 0;
    }
    .home-page .economic-overview .view-more-statistics {
        width: 50%;
        background: #fff;
    }
    .home-page .city-initiatives .content-with-triangle {
        width: 50%;
        border-left: 1px solid #ddd;
        box-sizing: border-box;
        background: #fff;
    }
    .home-page .city-initiatives .content-with-triangle .copy-container {
        padding: 2.25rem 1.5rem;
    }
    .home-page .city-initiatives .content-container .left-slick .initiatives-slick {
        margin-top: 2.25rem;
    }
    .home-page .city-initiatives .content-container .left-slick .initiatives-slick div {
        height: auto;
    }
    .home-page .city-initiatives .content-container .left-slick .initiatives-slick .slick-slide div {
        padding-top: 65.75%;
    }
    .home-page .city-initiatives .content-container .right-accordion {
        width: 50%;
        border-left: 1px solid #ddd;
        box-sizing: border-box;
        background: #fff;
    }
    .home-page .corporate-container .corporate-slider li img {
        max-width: 75%;
        max-height: 75%;
    }
}

@media only screen and (max-width: 640px) {
    .home-page header .background-images,
    .home-page header .background-images .header-image:not(:first-child) {
        display: block;
    }
    .home-page header .copy-container {
        width: 75%;
        left: 12.5%;
    }
    .home-page header .copy-container>div {
        width: 100%;
    }
    .home-page header .copy-container .right-info {
        width: 100%;
        margin-left: 0;
        margin-top: -3rem;
    }
    .home-page header .copy-container .right-info .content-with-triangle {
        padding: 0;
        margin: 0;
    }
    .home-page header .copy-container .right-info .learn-more,
    .home-page header .copy-container .right-info h3 {
        margin-left: 2.25rem;
    }
    .home-page .weslaco-advantage .video-container {
        width: 20.8rem;
        height: 15.25rem;
    }
    .home-page .economic-overview .content-with-triangle {
        width: 100%;
    }
    .home-page .economic-overview .view-more-statistics {
        width: 75%;
        margin-left: 25%;
        border-top: none;
        margin-bottom: 3rem;
    }
    .home-page .economic-overview .statistics-content .content-tabs,
    .home-page .economic-overview .statistics-content .tab-content-list {
        width: 50%;
    }
    .home-page .economic-overview .statistics-content .content-tabs .slide-in-container {
        padding-right: 0.75rem;
    }
    /* .home-page .economic-overview .statistics-content .tab-content-list .slide-in-container {
        margin-left: 1.5rem;
    } */
    .home-page .city-initiatives .content-container .left-slick,
    .home-page .city-initiatives .content-container .right-accordion,
    .home-page .city-initiatives .content-with-triangle {
        width: 75%;
        margin: 0 auto;
    }
    .home-page .city-initiatives .content-with-triangle {
        border-right: 1px solid #ddd;
    }
    .home-page .city-initiatives .content-container .left-slick {
        float: none;
        padding-right: 0;
    }
    .home-page .city-initiatives .content-container .left-slick .initiatives-slick {
        float: none;
        margin-bottom: 2.25rem;
    }
    .home-page .city-initiatives .content-container .right-accordion {
        float: none;
        border-right: 1px solid #ddd;
    }
    .home-page .city-initiatives .content-container .right-accordion .ui-accordion-tab span {
        padding-left: 1.5rem;
    }
    .home-page .city-initiatives .content-container .right-accordion .accordion-content-container {
        padding: 0 1.5rem;
    }
    .home-page .corporate-container .corporate-title {
        max-width: calc(100% - 1.5rem);
        margin-bottom: 2.65rem;
        left: 1.5rem;
        top: auto;
        bottom: 100%;
    }
    .home-page .corporate-container .corporate-dark-arrows,
    .home-page .corporate-container .progress-container {
        right: 100%;
    }
    .home-page .corporate-container .progress-container {
        -webkit-transform: translate(130%);
        transform: translate(130%);
    }
    .home-page .corporate-container .corporate-dark-arrows {
        -webkit-transform: translate(160%);
        transform: translate(160%);
    }
}

@-webkit-keyframes pulse-beacon {
    0% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(1);
        transform: translateX(-50%) translateY(50%) scale(1);
        border-color: #002d6e;
    }
    99% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(2.35);
        transform: translateX(-50%) translateY(50%) scale(2.35);
        border-color: rgba(57, 251, 199, 0);
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(1);
        transform: translateX(-50%) translateY(50%) scale(1);
        border-color: rgba(57, 251, 199, 0);
    }
}

@keyframes pulse-beacon {
    0% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(1);
        transform: translateX(-50%) translateY(50%) scale(1);
        border-color: #002d6e;
    }
    99% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(2.35);
        transform: translateX(-50%) translateY(50%) scale(2.35);
        border-color: rgba(57, 251, 199, 0);
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(50%) scale(1);
        transform: translateX(-50%) translateY(50%) scale(1);
        border-color: rgba(57, 251, 199, 0);
    }
}

.business-page header {
    position: relative;
    background: #002d6e;
    overflow: hidden;
    height: 30rem;
}

@media only screen and (max-width:767px){
    .business-page header{
        height: auto;
    }
}

.business-page header .background-lines li {
    position: absolute;
    z-index: 1;
}

.business-page header canvas {
    display: block;
}

.business-page header .copy-and-button-container {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 11.96%;
    right: 11.96%;
    z-index: 1;
}

.business-page header .copy-and-button-container .copy-and-button {
    width: 100%;
    box-sizing: border-box;
}

.business-page header .copy-and-button-container h1 {
    color: #ddd;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-size: 2.8em;
}

.business-page header .copy-and-button-container .typed-cursor,
.business-page header .copy-and-button-container .typed-text {
    color: #002d6e;
}

.business-page header .copy-and-button-container .ending-text {
    display: block;
}

.business-page .business-incentives {
    position: relative;
}

.business-page .business-incentives .section-title {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #ddd;
}

.business-page .business-incentives .section-title:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .business-incentives .section-title .left,
.business-page .business-incentives .section-title .right {
    float: left;
    box-sizing: border-box;
}

.business-page .business-incentives .section-title .left {
    width: 100%;
    /* background-color: #fff; */
    /* padding: 3rem 1.5rem 0 70px; */
    margin-top: -9.7rem;
    position: relative;
    z-index: 1;
}

.business-page .business-incentives .section-title .left h1,
.business-page .business-incentives .section-title .left h3 {
    color: #000;
    /* text-transform: uppercase; */
    /* -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); */
}

.business-page .business-incentives .section-title .left h3 {
    letter-spacing: 0.02em;
}

.business-page .business-incentives .section-title .left h1 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.business-page .business-incentives .section-title .left.waypointed h1,
.business-page .business-incentives .section-title .left.waypointed h3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.business-page .business-incentives .section-title .right {
    width: 30%;
}

.business-page .business-incentives .tab-information {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.business-page .business-incentives .tab-information:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .business-incentives .tab-information .past-incentives {
    float: left;
    width: 28.6%;
    margin-left: 8.1%;
    margin-top: 0;
}

.business-page .business-incentives .tab-information .past-incentives .title {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #222;
    border-bottom: none;
    box-sizing: border-box;
}

.business-page .business-incentives .tab-information .past-incentives .title:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .business-incentives .tab-information .past-incentives .title .title-content {
    max-width: 73%;
    padding: 5rem 1.5rem 0;
    margin: 0 auto;
}

.business-page .business-incentives .tab-information .past-incentives .title h3 {
    margin-bottom: 2.8rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    /* font-family: 'Urbanist', sans-serif !important; */
    letter-spacing: 0;
    /* text-transform:uppercase; */
    color: #fff;
}

.business-page .business-incentives .tab-information .past-incentives .title .progress-container {
    width: 5.0625rem;
    height: 5.0625rem;
    float: left;
    background-color: #002d6e;
    position: relative;
}

.business-page .business-incentives .tab-information .past-incentives .title .progress-container span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-family: 'Poppins' !important;
    font-size: 1.125rem;
    letter-spacing: 0.025em;
    color: #222;
}

.business-page .business-incentives .tab-information .past-incentives .title .incentives-dark-arrows {
    display: inline-block;
}

.business-page .business-incentives .tab-information .past-incentives .past-incentives-slick {
    background-color: #002d6e;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container span:after,
.business-page .business-incentives .tab-information .tab-info .middle-underline:after {
    background: #222;
}

.business-page .business-incentives .tab-information .past-incentives .past-incentives-slick .copy {
    max-width: 73%;
    padding: 3.75rem 1.5rem 3rem;
    margin: 0 auto;
}

.business-page .business-incentives .tab-information .past-incentives .past-incentives-slick img {
    width: 100%;
}

.business-page .business-incentives .tab-information .past-incentives .past-incentives-slick h4 {
    line-height: 1.5rem;
    letter-spacing: 0.05em;
    color: #444;
    text-transform: uppercase;
}

.business-page .business-incentives .tab-information .past-incentives .past-incentives-slick p {
    letter-spacing: 0.025em;
    color: #222;
}

.business-page .business-incentives .tab-information .tabs-and-tab-content {
    float: right;
    width: 63.3%;
    padding-top: 5%;
}

.business-page .business-incentives .tab-information .tabs-and-tab-content .content-tab-title {
    max-width: 21.1%;
    margin-top: 1rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: right;
}

.business-page .business-incentives .tab-information .content-tabs,
.business-page .business-incentives .tab-information .tab-info {
    float: left;
}

.business-page .business-incentives .tab-information .content-tabs {
    width: 21.1%;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.business-page .business-incentives .tab-information .content-tabs li {
    margin-bottom: 1.5rem;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container,
.business-page .business-incentives .tab-information .content-tabs h6 {
    padding-bottom: 1rem;
    padding-left: 0.75rem;
    padding-right: 1.5rem;
    text-align: right;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container {
    position: relative;
    cursor: pointer;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container .wrapper {
    display: inline-block;
    overflow: hidden;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container span {
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container span:hover {
    color: #222;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 3px solid #666;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container.active:after {
    border-right-color: #002d6e;
}

.business-page .business-incentives .tab-information .content-tabs .slide-in-container.active span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.business-page .business-incentives .tab-information .content-tabs.waypointed span {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.business-page .business-incentives .tab-information .tab-info {
    width: 39.4%;
    padding: 3rem;
    box-sizing: border-box;
}

.business-page .business-incentives .tab-information .tab-info .middle-underline {
    display: none;
    margin: 1.75rem 5.5rem;
    text-transform: uppercase;
}

.business-page .business-incentives .tab-information .tab-info .with-arrow,
.business-page .business-incentives .tab-information .tab-info p {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .business-incentives .tab-information .tab-info p {
    line-height: 1.875rem;
    letter-spacing: 0.015em;
    color: #444;
}

.business-page .business-incentives .tab-information .tab-info .with-arrow {
    width: 22.1875rem;
    padding-left: 2rem;
    text-align: center;
}

.business-page .business-incentives .tab-information .tab-info .with-arrow svg {
    margin-left: 1.5rem;
}

.business-page .business-incentives .tab-information .tab-info .slick-slide.slick-active .with-arrow,
.business-page .business-incentives .tab-information .tab-info .slick-slide.slick-active p {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.business-page .business-incentives .tab-information .tab-info .slick-slide.slick-active .with-arrow {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.servicepage-capabilities{
    width: 80%;
    margin: auto;
}
.servicepage-technical-cap{
    margin-top: 2rem;
}

.servicepage-technical-cap .item-industry{
    border-radius: 0;
    padding: 1.25rem 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.servicepage-technical-cap .item-industry .tbl_title{
    font-size: 17px;
}

.servicepage-technical-cap .item-industry .tbl_content{
    font-size: 15px;
}
.business-page .business-incentives .development-resources {
    padding: 40px 0 20px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.business-page .business-incentives .development-resources:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 100%;
    width: 50%;
    height: 1px;
    background: #ddd;
    z-index: -1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.business-page .business-incentives .development-resources .title,
.business-page .business-incentives .development-resources p {
    color: #444;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .business-incentives .development-resources .slide-in-container {
    margin: 0 3rem;
    position: relative;
}

.business-page .business-incentives .development-resources .slide-in-container .wrapper {
    overflow: hidden;
    display: inline-block;
}

.business-page .business-incentives .development-resources .slide-in-container .wrapper .title {
    display: block;
    letter-spacing: -0.015em;
    font-size: 1.375rem;
    font-weight: 700;
    font-family: 'Poppins' !important;
    position: relative;
    text-transform: uppercase;
}

.business-page .business-incentives .development-resources .slide-in-container:first-child {
    overflow: visible;
}

/* .business-page .business-incentives .development-resources .slide-in-container:first-child:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    left: -3rem;
    width: 1.6875rem;
    height: 1.5rem;
    background-color: #002d6e;
} */

.business-page .business-incentives .development-resources .slide-in-container p {
    letter-spacing: 0.025em;
}

.business-page .business-incentives .development-resources .slide-in-container a {
    opacity: 0;
    color: #333;
    display: inline-block;
    margin-right: 2rem;
    text-transform: uppercase;
}

.business-page .business-incentives .development-resources .slide-in-container a:after {
    background-color: #444;
}

.business-page .business-incentives .development-resources.waypointed .title,
.business-page .business-incentives .development-resources.waypointed a,
.business-page .business-incentives .development-resources.waypointed p {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.business-page .business-incentives .development-resources.waypointed p {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    color: #333;
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 30px;
}

.business-page .business-incentives .development-resources.waypointed a {
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.business-page .business-incentives .incentives {
    padding-bottom: 9%;
    margin-left: 24%;
    margin-right: auto;
    position: relative;
    text-align: right;
    -webkit-transform: translateY(-5.6%);
    transform: translateY(-5.6%);
}

.business-page .workforce .content-with-triangle {
    width: 50%;
    margin-left: 25%;
    padding: 6rem 1.5rem 6rem 6rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: none;
    box-sizing: border-box;
}

.technology-table.table {
    width: 100%;
}

.business-page .workforce .content-with-triangle h1,
.business-page .workforce .content-with-triangle h3 {
    color: #000;
    text-transform: uppercase;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .workforce .content-with-triangle h3 {
    letter-spacing: 0.02em;
}

.business-page .workforce .content-with-triangle img {
    width: 15%;
}

.business-page .workforce .content-with-triangle.waypointed h1,
.business-page .workforce .content-with-triangle.waypointed h3 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .workforce .content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.5rem;
}

.business-page .workforce .content:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .workforce .content .left-copy,
.business-page .workforce .content .left-images,
.business-page .workforce .content .right-images,
.business-page .workforce .content .right-stats {
    float: left;
    width: 25%;
}

.business-page .workforce .content .left-images .img,
.business-page .workforce .content .right-images .img {
    padding-top: 80%;
}

.business-page .workforce .content .left-copy {
    box-sizing: border-box;
    padding-top: 0.75rem;
}

.business-page .workforce .content .left-copy .copy-title,
.business-page .workforce .content .left-copy p {
    letter-spacing: 0.025em;
    color: #444;
    padding: 0 2.5rem;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .workforce .content .left-copy p {
    line-height: 1.875rem;
}

.business-page .workforce .content .left-copy .copy-title {
    margin: 0;
    font-family: 'Poppins' !important;
    font-weight: 700;
    text-transform: uppercase;
}

.business-page .workforce .content .right-stats .stat-group h4,
.business-page .workforce .content .right-stats .title-container span {
    font-family: 'Poppins' !important;
    letter-spacing: -0.015em;
}

.business-page .workforce .content .left-copy .copy-title:after {
    content: "";
    width: 2.25rem;
    margin-top: 0.5rem;
    display: block;
    border-bottom: 3px solid #002d6e;
}

.business-page .workforce .content .left-copy .button.download {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -2px;
    margin-bottom: 1px;
}

.business-page .workforce .content .left-copy .button.download:first-child {
    margin-top: 3rem;
}

.business-page .workforce .content .left-copy.waypointed .copy-title,
.business-page .workforce .content .left-copy.waypointed p {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.business-page .workforce .content .right-stats .title-container {
    height: 4.5625rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.business-page .workforce .content .right-stats .title-container .slide-in-container {
    height: 100%;
    margin-left: 3rem;
}

.business-page .workforce .content .right-stats .title-container span {
    font-size: 1.375em;
    line-height: 2.18182em;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .workforce .content .right-stats .title-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.6875rem;
    height: 1.5rem;
    background-color: #002d6e;
}

.business-page .workforce .content .right-stats .stat-container {
    padding-top: 4rem;
    padding-left: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}

.business-page .workforce .content .right-stats .stat-group {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

.business-page .workforce .content .right-stats .stat-group:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .workforce .content .right-stats .stat-group:last-child {
    margin-bottom: 0;
}

.business-page .workforce .content .right-stats .stat-group h4 {
    font-weight: 300;
    color: #666;
    line-height: 1.5rem;
}

.business-page .workforce .content .right-stats .stat-group h2,
.business-page .workforce .content .right-stats .stat-group h4 {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .workforce .content .right-stats .stat-group .stat-title:after {
    content: "";
    display: block;
    width: 2.25rem;
    margin: 0.71875rem 0;
    border-bottom: 3px solid #002d6e;
}

.business-page .workforce .content .right-stats .stat-group .stat {
    float: left;
    margin-bottom: 1.5rem;
    margin-right: 6rem;
}

.business-page .workforce .content .right-stats .stat-group .stat h2 {
    margin-bottom: 0.75rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.025em;
}

.business-page .workforce .content .right-stats .stat-group .stat h4 {
    font-weight: 400;
}

.business-page .workforce .content .right-stats .stat-group .stat:after {
    content: "";
    display: block;
}

.business-page .workforce .content .right-stats.waypointed .stat-group h2,
.business-page .workforce .content .right-stats.waypointed .stat-group h4,
.business-page .workforce .content .right-stats.waypointed .title-container span {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 375ms;
    transition: 0.5s ease 375ms;
}

.business-page .workforce .content .right-images {
    clear: left;
    float: right;
    margin-top: -19.8%;
    box-sizing: border-box;
    border-left: 5px solid #002d6e;
}

.business-page .industrial-park {
    padding-bottom: 14.2%;
}

.business-page .industrial-park .title {
    width: 50%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5rem 0 3rem;
    box-sizing: border-box;
}

.business-page .industrial-park .title .slide-in-container {
    margin-left: 11.5%;
}

.business-page .industrial-park .title h1,
.business-page .industrial-park .title h3 {
    color: #000;
    text-transform: uppercase;
    max-width: 40rem;
    padding-right: 1.5rem;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .industrial-park .title h3 {
    letter-spacing: 0.02em;
}

.business-page .industrial-park .title.waypointed h1,
.business-page .industrial-park .title.waypointed h3 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .industrial-park .content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.business-page .industrial-park .content:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .industrial-park .content .row-one {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.business-page .industrial-park .content .row-one:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .industrial-park .content .row-one.waypointed .left-copy .label-styles,
.business-page .industrial-park .content .row-one.waypointed .left-copy label,
.business-page .industrial-park .content .row-one.waypointed .left-copy p,
.business-page .industrial-park .content .row-two.waypointed .left-stats .button.with-arrow,
.business-page .industrial-park .content .row-two.waypointed .left-stats .stat h2,
.business-page .industrial-park .content .row-two.waypointed .left-stats .stat h5 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 125ms;
    transition: 0.5s ease 125ms;
}

.business-page .industrial-park .content .row-two.waypointed .right .button.download {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.business-page .industrial-park .content .row-two .button > span {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: none;
    transform: none;
}

.business-page .industrial-park .content .left-copy,
.business-page .industrial-park .content .right-image {
    float: left;
}

.business-page .industrial-park .content .left-copy {
    width: 25%;
    margin-left: 25%;
    padding: 2.25rem 1.5rem;
    box-sizing: border-box;
}

.business-page .industrial-park .content .left-copy p {
    margin: 0;
    letter-spacing: 0.025em;
    color: #444;
    line-height: 1.875rem;
}

.business-page .industrial-park .content .left-copy p:first-of-type {
    margin-bottom: 3rem;
}

.business-page .industrial-park .content .left-copy .label-styles,
.business-page .industrial-park .content .left-copy label,
.business-page .industrial-park .content .left-copy p {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .industrial-park .content .left-copy .label-styles,
.business-page .industrial-park .content .left-copy label {
    display: block;
    margin: 1.5rem 0;
    text-transform: uppercase;
    color: #000;
}

.business-page .industrial-park .content .right-image {
    width: 50%;
    overflow: hidden;
}

.business-page .industrial-park .content .right-image .top-image {
    padding-top: 64%;
    height: 0;
}

.business-page .industrial-park .content .left-stats,
.business-page .industrial-park .content .right {
    float: left;
}

.business-page .industrial-park .content .left-stats {
    max-width: 100%;
    margin-right: auto;
    width: 25%;
    margin-left: 25%;
}

.business-page .industrial-park .content .left-stats:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .industrial-park .content .left-stats .stat-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #ddd;
}

.business-page .industrial-park .content .left-stats .stat-container:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .industrial-park .content .left-stats .stat {
    width: 100%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 1.5rem;
}

.business-page .industrial-park .content .left-stats .stat:first-child {
    border-bottom: 1px solid #ddd;
}

.business-page .industrial-park .content .left-stats .stat .slide-in-container {
    margin-left: 12%;
}

.business-page .industrial-park .content .left-stats .stat h2,
.business-page .industrial-park .content .left-stats .stat h5 {
    text-transform: uppercase;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .industrial-park .content .left-stats .stat h2 {
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #000;
}

.business-page .industrial-park .content .left-stats .stat h5 {
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #222;
}

.business-page .industrial-park .content .left-stats .button.with-arrow {
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.business-page .industrial-park .content .left-stats .button.with-arrow svg {
    margin-left: 3rem;
}

.business-page .industrial-park .content .right {
    width: 50%;
    margin-top: -1px;
    border-top: 1px solid #ddd;
}

.business-page .industrial-park .content .right .button-container {
    width: 100%;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
}

.business-page .industrial-park .content .right .button {
    display: block;
    border-bottom: 1px solid #ddd;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.business-page .industrial-park .content .right .triangle-container {
    width: 50%;
    float: right;
}

.business-page .industrial-park .content .right .triangle-container img {
    display: block;
    width: 100%;
    margin-top: -1px;
}

.business-page .projects {
    position: relative;
    padding-top: 8.5rem;
}

.business-page .projects .project-title {
    min-height: 14.375rem;
    max-width: 43.4375rem;
    position: absolute;
    left: 25%;
    top: 20%;
    z-index: 1;
    background-color: #002d6e;
    padding-top: 2.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.business-page .projects .project-title .anchor-styles,
.business-page .projects .project-title .button,
.business-page .projects .project-title a,
.business-page .projects .project-title button,
.business-page .projects .project-title h3,
.business-page .projects .project-title input[type="button"],
.business-page .projects .project-title input[type="submit"] {
    color: #fff;
    /* text-transform:uppercase */
}

.business-page .projects .project-title h3 {
    padding: 0.375rem 0;
    font-size: 1.75rem;
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

.business-page .projects .project-title .project-names-slick {
    /* margin-bottom:5.2rem */
    margin-bottom: 0;
}

.business-page .projects .project-title .progress-container {
    width: 5.0625rem;
    height: 5.0625rem;
    float: left;
    background-color: #002d6e;
    position: relative;
}

.business-page .projects .project-title .progress-container span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-family: 'Poppins' !important;
    font-size: 1.125rem;
    letter-spacing: 0.025em;
    color: #fff;
}

.business-page .projects .project-title.waypointed {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.business-page .projects .project-header {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.business-page .projects .project-header:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .projects .project-header .bg-image,
.business-page .projects .project-header .project-img {
    padding-top: 60%;
    margin: 0 auto;
}

.business-page .projects .project-header .slick-slide {
    visibility: hidden;
}

.business-page .projects .project-header .slick-slide.waypointed {
    visibility: visible;
}

.business-page .projects .project-info {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 150px;
}

.business-page .projects .project-info:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .projects .project-info .dots-container {
    max-width: 25%;
    z-index: 10;
}

.business-page .projects .project-info .top-bar {
    width: 50%;
    margin-left: 25%;
    margin-bottom: -1px;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    box-sizing: border-box;
}

.business-page .projects .project-info .top-bar .slide-in-container {
    margin-left: 3rem;
    max-width: 43%;
}

.business-page .projects .project-info .top-bar .slide-in-container:before {
    content: "";
    width: 1.6875rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #002d6e;
}

.business-page .projects .project-info .top-bar h4 {
    box-sizing: border-box;
    position: relative;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #000;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .projects .project-info .description,
.business-page .projects .project-info .details,
.business-page .projects .project-info .stats-container {
    float: left;
}

.business-page .projects .project-info .stats-container {
    max-width: 100%;
    margin-right: auto;
    width: 25%;
    margin-left: 0;
    border-bottom: 1px solid #ddd;
}

.business-page .projects .project-info .stats-container:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .projects .project-info .stat {
    width: 100%;
    padding: 1.5rem 3rem;
    box-sizing: border-box;
    float: left;
}

.business-page .projects .project-info .stat h2,
.business-page .projects .project-info .stat h4 {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .projects .project-info .stat h4 {
    padding-bottom: 1rem;
    font-weight: 300;
    letter-spacing: -0.015em;
    color: #666;
}

.business-page .projects .project-info .stat h4:after {
    content: "";
    display: block;
    width: 2.25rem;
    margin-top: 1rem;
    border-bottom: 3px solid #ff755e;
}

.business-page .projects .project-info .stat h2 {
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #000;
}

.business-page .projects .project-info .details {
    width: 36rem;
    height: 3.8125rem;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 1.5rem;
    box-sizing: border-box;
    border-left: 3px solid #ff755e;
    border-top: 1px solid #ddd;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.business-page .projects .project-info .details span {
    display: inline-block;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #222;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(180deg) translate(-25%);
    transform: rotate(180deg) translate(-25%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    opacity: 0;
}

.business-page .projects .project-info .description {
    width: 100%;
    min-height: 100%;
    padding: 1.5rem 1.5rem 1.5rem 5rem;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    position: relative;
}

.business-page .projects .project-info .description p {
    letter-spacing: 0.025em;
    line-height: 1.875rem;
    color: #444;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.business-page .projects .project-info .slick-slide.slick-active .top-bar h4 {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.business-page .projects .project-info .slick-slide.slick-active .stat h2,
.business-page .projects .project-info .slick-slide.slick-active .stat h4 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.business-page .projects .project-info .slick-slide.slick-active .details span {
    -webkit-transform: rotate(180deg) translate(0);
    transform: rotate(180deg) translate(0);
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.business-page .projects .project-info .slick-slide.slick-active .description p {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

/* @media only screen and (max-width:1900px) and (min-width:992px){
    .business-page .weslaco-success{
        max-width: 90%;
    }
} */

@media only screen and (max-width:991px){
    /* .business-page .weslaco-success{
        max-width: 95%;
    } */
    .financial-div{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        border-right: 0 !important;
    }
    .wrapped-flex-profile{
        flex-wrap: wrap;
    }

}

.business-page .weslaco-success:after {
    content: " ";
    display: block;
    clear: both;
}

.business-page .weslaco-success .top-title{
    /* border-right: 8px solid #002d6e; */
    margin: 0rem 2rem 0rem 0rem;
    box-sizing: border-box;
    padding-right: 2rem;
}

.business-page .weslaco-success .top-title h3,
.business-page .weslaco-success .top-title h5 {
    color: #222;
    /* text-transform:uppercase */
}

.business-page .weslaco-success .top-title h3 {
    letter-spacing: -0.015em;
}

.business-page .weslaco-success .top-title h5 {
    font-weight: 700;
    letter-spacing: 0.15em;
}

.business-page .weslaco-success .success-videos-slick li {
    width: 75%;
    height: 25rem;
    margin: auto;
}

.business-page .weslaco-success .success-videos-slick li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background: center/cover no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 8px 4px rgb(0 0 0 / 6%);
}

.business-page .weslaco-success .success-videos-slick li a .copy,
.business-page .weslaco-success .success-videos-slick li a .play-icon {
    position: absolute;
}

.business-page .weslaco-success .success-videos-slick li a .copy {
    padding: 0 3rem;
    box-sizing: border-box;
    bottom: 1.5rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    z-index: 1;
}

.business-page .weslaco-success .success-videos-slick li a .description,
.business-page .weslaco-success .success-videos-slick li a .name {
    color: #fff;
}

.business-page .weslaco-success .success-videos-slick li a .name {
    font-family: 'Poppins' !important;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list a,
.business-page .weslaco-success .success-videos-slick li a .description,
.weslaco-advantage-page .lifestyle .locations-content .tab-content-list a {
    font-family: 'Poppins' !important;
}

.business-page .weslaco-success .success-videos-slick li a .description {
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.business-page .weslaco-success .success-videos-slick li a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    border-radius: 10px;
}

.business-page .weslaco-success .success-videos-slick li a .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.business-page .weslaco-success .success-videos-slick li a:hover .overlay {
    background-color: rgba(0, 0, 0, 0.83);
}

.business-page .weslaco-success .success-videos-slick li a:hover .copy {
    opacity: 0;
}

.business-page .weslaco-success .success-videos-slick li a:hover .play-icon {
    opacity: 1;
}

@media only screen and (max-width: 1680px) and (min-width: 1441px), only screen and (max-width: 1024px) {
    .business-page .business-incentives .tab-information .past-incentives {
        width: 36%;
        margin-left: 5.1%;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content {
        width: 58.9%;
    }
    .business-page .business-incentives .tab-information .content-tabs {
        margin-left: 15.4%;
    }
    .business-page .business-incentives .tab-information .content-tabs,
    .business-page .business-incentives .tab-information .tab-info {
        width: 42.2%;
    }
    .business-page .business-incentives .tab-information .tab-info {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .business-page .business-incentives .section-title .left {
        margin-top: -8.1rem;
        padding: 3rem 1.5rem 0 30px;

    }
    .business-page .business-incentives .section-title .right {
        width: 50%;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tab-title {
        max-width: 57.6%;
    }
    .business-page .projects .project-header,
    .business-page .projects .project-info .project-description-slick .slick-slide .top-bar .slide-in-container {
        max-width: 100%;
    }
    .business-page .workforce .content-with-triangle {
        padding: 3.75rem 1.5rem 3.75rem 3.75rem;
    }
    .business-page .workforce .content .left-copy,
    .business-page .workforce .content .right-stats {
        width: 50%;
        background: #fff;
    }
    .business-page .workforce .content .left-copy {
        float: right;
        border-left: 1px solid #ddd;
    }
    .business-page .workforce .content .right-stats {
        clear: both;
        margin-top: -2px;
        border-top: 1px solid #ddd;
    }
    .business-page .workforce .content .left-images,
    .business-page .workforce .content .right-images {
        width: 33.33333%;
    }
    .business-page .workforce .content .left-images {
        margin-left: 8.3%;
    }
    .business-page .workforce .content .right-images {
        clear: none;
        margin-right: 8.3%;
        margin-top: 0;
    }
    .business-page .industrial-park .title {
        padding: 3rem 0 2.25rem;
    }
    .business-page .projects {
        padding-top: 12.5rem;
    }
    .business-page .projects .project-title {
        width: 75%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .business-page .projects .project-title .project-names-slick {
        margin-bottom: 0;
    }
    .business-page .projects .project-header .project-header-slick .bg-image,
    .business-page .projects .project-header .project-header-slick .image {
        padding-top: 50%;
    }
    .business-page .projects .project-info .dots-container {
        display: none;
    }
    .business-page .projects .project-info .project-description-slick .slick-slide .description,
    .business-page .projects .project-info .project-description-slick .slick-slide .stats-container,
    .business-page .projects .project-info .project-description-slick .slick-slide .top-bar {
        width: 80%;
        margin-left: 10%;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #fff;
        box-sizing: border-box;
    }
    .business-page .projects .project-info .project-description-slick .slick-slide .stats-container {
        border-bottom: none;
    }
}

@media only screen and (max-width:991px) and (min-width:768px){
    .business-page header .copy-and-button-container{
        left: 6.96%;
        right: 6.96%;
    }
    .weslaco-advantage-page header .copy{
        padding-top: 18% !important;
    }
    .weslaco-advantage-page header h1{
        font-size: 3em !important;
    }
}

@media only screen and (max-width: 800px) {
    .business-page .business-incentives .tab-information .past-incentives {
        float: none;
        width: 43rem;
        max-width: 100%;
        padding: 0 1.5rem;
        margin-top: 3.75rem;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content {
        width: 100%;
        border-top: 1px solid #ddd;
        background: #fff;
        position: relative;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        background: #ddd;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tab-title {
        max-width: 50%;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tabs,
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info {
        width: 50%;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tabs {
        margin-left: 0;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info {
        border-left: 1px solid #ddd;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info:before {
        display: none;
    }
    .business-page .business-incentives .development-resources {
        width: 100%;
    }
    .business-page .business-incentives .incentives {
        font-size: 8rem;
        -webkit-transform: translateY(-2.6%);
        transform: translateY(-2.6%);
    }
    .business-page .workforce .content .left-images,
    .business-page .workforce .content .right-images {
        width: 50%;
        margin: auto;
    }
    .business-page .industrial-park .title {
        width: 75%;
    }
    .business-page .industrial-park .content .left-copy,
    .business-page .industrial-park .content .left-stats {
        width: 50%;
        margin-left: 0;
        background: #fff;
    }
    .business-page .projects {
        padding-top: 3rem;
    }
    .business-page .projects .project-header .project-header-slick .bg-image,
    .business-page .projects .project-header .project-header-slick .image {
        padding-top: 40%;
    }
    .business-page .projects .project-title.waypointed {
        position: relative;
        -webkit-transform: none;
        transform: none;
    }
    .business-page .projects .project-info .stats-container {
        background-color: #fff;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        box-sizing: border-box;
    }
    .business-page .weslaco-success .copy-container {
        width: 100%;
        text-align: left;
        float: none;
        margin: 0 auto 1.5rem;
    }
    .business-page .weslaco-success .copy-container .bent-arrows-container,
    .business-page .weslaco-success .copy-container p {
        margin-left: 3rem;
    }
    /* .business-page .weslaco-success .success-videos-slick {
        margin-left: 1.5rem;
    } */
}

@media only screen and (max-width: 640px) {
    .business-page header .copy-and-button-container {
        left: 1.5rem;
        right: 1.5rem;
        top: 66%;
    }
    .business-page header .copy-and-button-container h1 {
        font-size: 17px !important;
    }
    .business-page header .copy-and-button-container a{
        font-size: 12px !important;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tabs,
    .business-page .business-incentives .tab-information .tabs-and-tab-content:after {
        display: none;
    }
    .business-page .business-incentives .section-title .left {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .business-page .business-incentives .section-title .right {
        width: 100%;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .content-tab-title {
        max-width: none;
        text-align: center;
        padding-right: 0;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .mobile-only-arrows {
        top: 2.25rem;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info {
        width: 100%;
        padding: 0;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info .business-incentives-slick {
        padding: 0 1.5rem 3rem;
        position: relative;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info .arrows-container {
        display: block;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info .middle-underline {
        display: inline-block;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info .slick-slide {
        text-align: center;
    }
    .business-page .business-incentives .tab-information .tabs-and-tab-content .tab-info .slide-in-container {
        text-align: left;
    }
    .business-page .business-incentives .development-resources {
        width: 100%;
    }
    .business-page .business-incentives .development-resources .slide-in-container {
        margin-right: 1.5rem;
    }
    .business-page .business-incentives .incentives {
        margin-left: auto;
        margin-right: 0;
        text-align: right;
        font-size: 4.6rem;
        -webkit-transform: translateY(-0.6%);
        transform: translateY(-0.6%);
    }
    .business-page .workforce .content-with-triangle {
        width: 100%;
        margin-left: 0;
    }
    .business-page .workforce .content .left-copy,
    .business-page .workforce .content .left-images,
    .business-page .workforce .content .right-images,
    .business-page .workforce .content .right-stats {
        width: 100%;
    }
    .business-page .workforce .content .left-copy {
        border-top: 1px solid #ddd;
    }
    .business-page .workforce .content .left-copy .button.download {
        margin-top: 0.75rem;
    }
    .business-page .workforce .content .right-stats {
        margin-top: 0;
        border-top: none;
    }
    .business-page .workforce .content .right-stats .stat-group {
        margin-bottom: 0.75rem;
    }
    .business-page .workforce .content .right-stats .stat-group:last-child {
        margin-bottom: 0;
    }
    .business-page .workforce .content .left-images,
    .business-page .workforce .content .right-images {
        float: none;
        clear: both;
        display: block;
        max-width: 30rem;
    }
    .business-page .projects .project-header,
    .business-page .projects .project-info .project-description-slick .slick-slide .top-bar .slide-in-container {
        max-width: 100%;
    }
    .business-page .workforce .content .right-images {
        border-left: none;
    }
    .business-page .industrial-park .content .left-copy,
    .business-page .industrial-park .content .left-stats,
    .business-page .industrial-park .content .right,
    .business-page .industrial-park .content .right-image,
    .business-page .industrial-park .title {
        width: 100%;
    }
    .business-page .industrial-park .content .right .button-container {
        width: 75%;
        border-left: none;
    }
    .business-page .industrial-park .content .right .triangle-container {
        width: 25%;
    }
    .business-page .projects .project-title {
        width: 100%;
        left: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .business-page .projects .project-title h3 {
        letter-spacing: 0.05em;
    }
    .business-page .projects .project-header .project-header-slick .bg-image,
    .business-page .projects .project-header .project-header-slick .image {
        padding-top: 50%;
    }
    .business-page .projects .project-info .dots-container {
        display: none;
    }

    .business-page .projects .project-info .project-description-slick .slick-slide .description,
    .business-page .projects .project-info .project-description-slick .slick-slide .stats-container,
    .business-page .projects .project-info .project-description-slick .slick-slide .top-bar {
        width: 80%;
        margin-left: 10%;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #fff;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 375px) {
    .business-page .weslaco-success .success-videos-slick li {
        width: 26.8125rem;
    }
}

.weslaco-advantage-page header {
    min-height: 115px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.weslaco-advantage-page header .background-lines li {
    z-index: 1;
}

.weslaco-advantage-page header .content-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1.5rem;
    box-sizing: border-box;
    /* background: #d9e6d8; */
    background-clip: content-box;
    z-index: 2;
}

.weslaco-advantage-page header .copy {
    padding-top: 10%;
    margin-right: 7.1%;
}

.weslaco-advantage-page header h1 {
    font-size: 75px;
    line-height: 1.056em;
    margin-bottom: 1.5rem;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    /* -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    -webkit-transition: 0.5s ease 0.5s;
    transition: 0.5s ease 0.5s; */
}

.weslaco-advantage-page header h1.waypointed {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.weslaco-advantage-page header .button,
.weslaco-advantage-page header h4 {
    position: relative;
    z-index: 2;
    height: 100%;
}

.weslaco-advantage-page header h4 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2.25rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.5rem;
    font-size: 18px;
}

.weslaco-advantage-page header h4:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4.75rem;
    height: 2px;
    margin-right: 0.75rem;
    background: #002d6e;
}

.weslaco-advantage-page header .background-lines li {
    position: absolute;
    background: #09d9a1;
}

.weslaco-advantage-page header .foreground {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    right: auto;
    background-size: cover;
    z-index: 1;
}

.weslaco-advantage-page header .foreground:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgb(0 0 0 / 56%);
    width: 100%;
    height: 100%;
    border-left: 1px solid #efefef61;
}

.weslaco-advantage-page .central-location {
    max-width: 80%;
    width: 100%;
}

.weslaco-advantage-page .central-location:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .central-location.waypointed .description-container .customizable-text-content,
.weslaco-advantage-page .central-location.waypointed .notable-locations .titles a,
.weslaco-advantage-page .central-location.waypointed .notable-locations .titles h3,
.weslaco-advantage-page .central-location.waypointed .title-container h4 .slide-in-container span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.weslaco-advantage-page .central-location.waypointed .notable-locations ul {
    opacity: 1;
}

.weslaco-advantage-page .central-location .title-container {
    padding: 3.5rem 0 1rem;
    /* margin-top: 5.25rem; */
}

.weslaco-advantage-page .central-location .title-container h4 {
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #222;
    /* text-transform:uppercase; */
    height: 1.5rem;
    line-height: 1.5rem;
    position: relative;
    font-size: 28px;
    text-align: left;
}

.weslaco-advantage-page .central-location .title-container h4:before {
    content: "";
    float: left;
    display: block;
    width: 3rem;
    height: 100%;
    margin-right: 1rem;
    background: #002d6e;
}

.weslaco-advantage-page .central-location .title-container h4 .slide-in-container {
    display: inline-block;
}

.weslaco-advantage-page .central-location .title-container h4 .slide-in-container span {
    display: inline-block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s;
}

.weslaco-advantage-page .central-location .description-container {
    padding: 0rem 1.5rem 0;
    /* border-bottom: 1px solid #ddd; */
}

.weslaco-advantage-page .central-location .description-container p {
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 30px;
}

.weslaco-advantage-page .central-location .description-container .slide-in-container {
    margin-left: 2%;
}

.weslaco-advantage-page .central-location .description-container .customizable-text-content {
    /* -webkit-transform: translateX(-100%);
    transform: translateX(-100%); */
    -webkit-transition: 0.5s ease 125ms;
    transition: 0.5s ease 125ms;
}

/* .weslaco-advantage-page .central-location .notable-locations {
    margin-bottom: -1px;
    border-bottom: 1px solid #ddd;
} */

.weslaco-advantage-page .central-location .notable-locations .titles {
    border-bottom: 1px solid #ddd;
    padding: 0.75rem 1.5rem 1.5rem 2.25rem;
}

.weslaco-advantage-page .central-location .notable-locations .titles a {
    display: block;
    color: #222;
    text-transform: uppercase;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease 375ms;
    transition: 0.5s ease 375ms;
}

.weslaco-advantage-page .central-location .notable-locations .titles h3 {
    font-size: 1.75em;
    padding: 0.375rem 0;
    line-height: 2.25rem;
    letter-spacing: 0.2em;
    color: #222;
    text-transform: uppercase;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease 375ms;
    transition: 0.5s ease 375ms;
}

.weslaco-advantage-page .central-location .notable-locations ul {
    max-width: 100%;
    /* margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 2.25rem 0;
    opacity: 1;
    -webkit-transition: 0.5s ease 0.5s;
    transition: 0.5s ease 0.5s; */
}

.weslaco-advantage-page .central-location .notable-locations ul:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .hub {
    max-width: 100%;
    position: relative;
    background: #fff;
    padding: 40px 0 70px;
    border-bottom: 1px solid #ddd;
}

.weslaco-advantage-page .hub .copy-container{
    width: 80%;
    margin: auto;
}

@media only screen and (max-width:1550px) and (min-width:1060px){
    .weslaco-advantage-page .hub .copy-container{
        width: 90%;
    }
}

@media only screen and (max-width:1059px) and (min-width:768px){
    .weslaco-advantage-page .hub .copy-container{
        width: 100%;
    }
}

@media only screen and (min-width:3050px){
    .weslaco-advantage-page .hub .copy-container {
        width: 55%;
    }
}

@media only screen and (max-width:767px){
    .weslaco-advantage-page .hub .copy-container{
        width: 90%;
    }
}
.weslaco-advantage-page .hub:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .hub .categories {
    float: left;
    width: 50%;
    padding-left: 20%;
    margin-top: 18rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.weslaco-advantage-page .hub .categories:after,
.weslaco-advantage-page .hub .categories:before {
    content: "";
    position: absolute;
    left: 0;
    width: 40%;
    background: #aaa;
    height: 1px;
    z-index: -1;
}

.weslaco-advantage-page .hub .categories:before {
    top: 0.85rem;
}

.weslaco-advantage-page .hub .categories:after {
    bottom: 0.85rem;
}

.weslaco-advantage-page .hub .categories .background-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e8e8e8;
    left: 100px;
    -webkit-transform: translate(-23%, -50%);
    transform: translate(-23%, -50%);
}

.weslaco-advantage-page .hub .categories .clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .hub .category {
    float: left;
    clear: left;
    margin-bottom: 14rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.weslaco-advantage-page .hub .category:nth-of-type(even) {
    -webkit-transform: translate(15.9rem);
    transform: translate(15.9rem);
}

.weslaco-advantage-page .hub .category:nth-of-type(even):after {
    -webkit-transform: skewX(-44.8deg);
    transform: skewX(-44.8deg);
    left: -7.1rem;
    right: auto;
}

.weslaco-advantage-page .hub .category:last-of-type {
    margin-bottom: 0;
}

.weslaco-advantage-page .hub .category:last-of-type:after {
    content: none;
}

.weslaco-advantage-page .hub .category:after {
    content: "";
    position: absolute;
    top: 0.8rem;
    width: 1px;
    height: 15.5rem;
    right: 70px;
    background: #aaa;
    -webkit-transform: skewX(44.8deg);
    transform: skewX(44.8deg);
    z-index: -1;
}

.weslaco-advantage-page .hub .category a {
    display: block;
}

.weslaco-advantage-page .hub .category a.active .circle-container:after,
.weslaco-advantage-page .hub .category a:hover .circle-container:after {
    background: #002d6e;
}

.weslaco-advantage-page .hub .category a.active .label-styles,
.weslaco-advantage-page .hub .category a.active label,
.weslaco-advantage-page .hub .category a:hover .label-styles,
.weslaco-advantage-page .hub .category a:hover label {
    color: #222;
}

.weslaco-advantage-page .hub .category a.active .circle-container:before {
    width: 4.625rem;
    height: 4.625rem;
    border-color: #666;
}

.weslaco-advantage-page .hub .category .circle-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.weslaco-advantage-page .hub .category .circle-container:after,
.weslaco-advantage-page .hub .category .circle-container:before {
    content: "";
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.weslaco-advantage-page .hub .category .circle-container:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid transparent;
    background: #fff;
}

.weslaco-advantage-page .hub .category .circle-container:after {
    display: block;
    margin: 0 auto;
    position: relative;
    background: #222;
}

.weslaco-advantage-page .hub .category .label-styles,
.weslaco-advantage-page .hub .category label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2.25rem;
    letter-spacing: 0.025em;
    color: #888;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.weslaco-advantage-page .hub .category-content {
    float: left;
    width: 50%;
}

/* .weslaco-advantage-page .hub .category-content .slick-slide {
    opacity: 1 !important;
} */

.weslaco-advantage-page .hub .category-content .images {
    width: 90%;
    max-width: 100%;
    position: relative;
}

.weslaco-advantage-page .hub .category-content .image {
    height: 20.9375rem;
    background: center/cover no-repeat;
}

.weslaco-advantage-page .hub .category-content .content-with-triangle {
    padding: 1rem 3rem;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    width: 90%;
    max-width: 100%;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs span:after,
.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .middle-underline:after {
    background: #222;
}

.weslaco-advantage-page .hub .category-content .city-hubs-title.waypointed h3 {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.weslaco-advantage-page .hub .category-content h5,
.weslaco-advantage-page .hub .category-content h3 {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.weslaco-advantage-page .hub .category-content h3 {
    color: #222;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease 125ms;
    transition: 0.5s ease 125ms;
    font-size: 1.2em !important;
}

.weslaco-advantage-page .hub .category-content .titles li.slick-active h5 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 375ms;
    transition-delay: 375ms;
}

.weslaco-advantage-page .hub .category-content h5 {
    color: #000;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.weslaco-advantage-page .hub .category-content .triangle {
    height: 138.72px;
    max-height: 55%;
    right: 0;
}

.weslaco-advantage-page .hub .category-content .descriptions-and-stats {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.weslaco-advantage-page .hub .category-content .descriptions-and-stats:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .hub .category-content .descriptions-and-stats .description-stat-li.slick-active .customizable-text {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 625ms;
    transition-delay: 625ms;
}

.weslaco-advantage-page .hub .category-content .descriptions-and-stats .description-stat-li.slick-active ul {
    opacity: 1;
}

.weslaco-advantage-page .hub .category-content .customizable-text-container {
    float: left;
    width: 100%;
    padding: 2.25rem 8rem 0;
    box-sizing: border-box;
}

.weslaco-advantage-page .hub .category-content .customizable-text {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease 375ms;
    transition: 0.5s ease 375ms;
}

.weslaco-advantage-page .hub .category-content .customizable-text p {
    letter-spacing: 0.025em;
    color: #444;
    line-height: 1.875rem;
}

.weslaco-advantage-page .hub .category-content .stats {
    float: left;
    width: 50%;
    padding: 4.5rem 1.5rem 0;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: 0.5s ease 0.5s;
    transition: 0.5s ease 0.5s;
}

.weslaco-advantage-page .supportive-infrastructure {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* border-top: 1px solid #ddd; */
    /* padding-top: 3%; */
}

.weslaco-advantage-page .supportive-infrastructure:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows {
    /* float: left;
    width: 25%; */
    /* border-bottom: 1px solid #ddd; */
    text-align: center;
}

.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows a {
    display: block;
}

.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows a {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows.waypointed a,
.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows.waypointed h4 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows.waypointed h4 {
    -webkit-transition-delay: 125ms;
    transition-delay: 125ms;
}

.weslaco-advantage-page .supportive-infrastructure .infrastructure-copy {
    float: left;
    width: 75%;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs {
    float: left;
    width: 50%;
    padding-top: 3rem;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs li {
    margin-bottom: 1.5rem;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container {
    min-height: 3rem;
    padding-right: 2rem;
    text-align: right;
    border-right: 3px solid #666;
    -webkit-transition: border-right-color 0.5s;
    transition: border-right-color 0.5s;
    cursor: pointer;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container .wrapper {
    display: inline-block;
    overflow: hidden;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container.active,
.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container:hover {
    border-right-color: #002d6e;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container.active span:after,
.weslaco-advantage-page .supportive-infrastructure .content-tabs .slide-in-container:hover span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs span {
    color: #222;
    text-transform: uppercase;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.weslaco-advantage-page .supportive-infrastructure .content-tabs.waypointed span {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container {
    float: left;
    width: 50%;
    position: relative;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .middle-underline {
    display: none;
    margin: 1.75rem 5.5rem;
    text-transform: uppercase;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container {
    float: left;
    width: 50%;
    padding: 2rem;
    box-sizing: border-box;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container .customizable-text,
.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container h4,
.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container hr {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container h4 {
    color: #000;
    letter-spacing: 0;
    /* text-transform:uppercase; */
    line-height: 1.5rem;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container hr {
    width: 4rem;
    border-bottom: 3px solid #002d6e;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container .customizable-text p {
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    color: #444;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container .map-links a {
    display: block;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .stats {
    float: left;
    width: 50%;
    padding-top: 3.25rem;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container .customizable-text,
.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container h4,
.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container hr {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container h4 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container hr {
    -webkit-transition-delay: 625ms;
    transition-delay: 625ms;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .description-container .customizable-text {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms;
}

.weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-active .stats {
    opacity: 1;
    -webkit-transition-delay: 875ms;
    transition-delay: 875ms;
}

.weslaco-advantage-page .supportive-infrastructure .images {
    float: right;
    width: 25%;
}

.weslaco-advantage-page .supportive-infrastructure .images .image {
    display: block;
    height: 51.375rem;
    background: center/cover no-repeat;
}

.weslaco-advantage-page .supportive-infrastructure .images .slick-active .image {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.weslaco-advantage-page .supportive-infrastructure .images .slick-active .bg-image {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.weslaco-advantage-page .contact-us,
.free-dfm-page .contact-us,
.join-us-page .contact-us,
/* .technology-page .contact-us, */
.business-page .contact-us,
.design-guidlines-page .contact-us {
    clear: both;
    padding: 3rem 1.5rem;
    margin-bottom: 0;
    text-align: center;
    background: #000;
}

/* .technology-page .contact-us a, */
.weslaco-advantage-page .contact-us a,
.free-dfm-page .contact-us a,
.join-us-page .contact-us a,
.business-page .contact-us a,
.design-guidlines-page .contact-us a {
    color: #222;
    text-transform: uppercase;
}

/* .technology-page .contact-us a[href], */
.weslaco-advantage-page .contact-us a[href],
.free-dfm-page .contact-us a[href],
.join-us-page .contact-us a[href],
.business-page .contact-us a[href],
.design-guidlines-page .contact-us a[href] {
    color: #002d6e;
}

/* .technology-page .contact-us a[href]:after, */
.weslaco-advantage-page .contact-us a[href]:after,
.free-dfm-page .contact-us a[href]:after,
.join-us-page .contact-us a[href]:after,
.business-page .contact-us a[href]:after,
.design-guidlines-page .contact-us a[href]:after {
    background: #002d6e;
}

.weslaco-advantage-page .features {
    max-width: 100%;
    padding: 40px 0 50px;
    background: #f7f7f7;
}

.weslaco-advantage-page .features:after {
    content: " ";
    display: block;
    clear: both;
}

/* .weslaco-advantage-page .features li {
    float: left;
    width: 50%;
    padding: 0 1.5rem;
    box-sizing: border-box;
    text-align: center;
} */
/* .weslaco-advantage-page .features li:first-of-type{
    margin-left:12.5%
} */
/* .weslaco-advantage-page .features li:nth-of-type(2){
    float:right;
    margin-right:12.5%
} */
/* .weslaco-advantage-page .features li:last-of-type{
    margin-left:37.5%;
    clear:both
} */

.weslaco-advantage-page .features img {
    /* max-width: 100%;
    margin-bottom: 3rem;
    float: right; */
    z-index: 2;
    position: relative;
}

.weslaco-advantage-page .features h3 {
    letter-spacing: 0.025em;
    color: #ddd;
    text-align: right;
    padding-right: 0.25rem;
    margin-right: 50%;
    margin-bottom: 3rem;
}

/* .weslaco-advantage-page .features .text-box {
    width: 27.9375rem;
    max-width: 100%;
    padding: 3rem 1.5rem;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    position: relative;
    box-shadow: 1.5rem 1.5rem 0 0 #f4f4f4;
    margin-top: 50px;
} */

/* .weslaco-advantage-page .features .text-box:after,
.weslaco-advantage-page .features .text-box:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 1.95rem;
    background: #002d6e;
    transform: rotate(90deg);
    top: 50%;
} */

/* .weslaco-advantage-page .features .text-box:before {
    left: 0;
}

.weslaco-advantage-page .features .text-box:after {
    right: 0;
} */
/* .weslaco-advantage-page .features .text-box:before{
    bottom:100%
}
.weslaco-advantage-page .features .text-box:after{
    top:100%
} */

.weslaco-advantage-page .features .text-box h4 {
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #000;
    text-transform: uppercase;
    line-height: 1.5rem;
}

.weslaco-advantage-page .features .text-box p {
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #222;
}

.weslaco-advantage-page .lifestyle {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #ddd;
    margin-bottom: 6.75rem;
}

.weslaco-advantage-page .lifestyle:after {
    content: " ";
    display: block;
    clear: both;
}

.weslaco-advantage-page .lifestyle .title-and-images {
    float: left;
    width: 25%;
}

.weslaco-advantage-page .lifestyle .title-and-images .title-container {
    padding: 1.5rem 0;
    margin-bottom: 9.75rem;
    border-bottom: 1px solid #ddd;
}

.weslaco-advantage-page .lifestyle .title-and-images .title-container h4 {
    position: relative;
    height: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #222;
    text-transform: uppercase;
    line-height: 1.5rem;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.weslaco-advantage-page .lifestyle .title-and-images .title-container h4:before {
    content: "";
    float: left;
    display: block;
    width: 5.74%;
    height: 100%;
    margin-right: 6.8%;
    background: #002d6e;
}

.weslaco-advantage-page .lifestyle .title-and-images .photos li {
    width: 30.375rem;
    height: 28.375rem;
    background: center/cover no-repeat;
}

.weslaco-advantage-page .lifestyle .title-and-images.waypointed h4 {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s;
}

.weslaco-advantage-page .lifestyle .description-and-stats .description-container .title,
.weslaco-advantage-page .lifestyle .description-and-stats .description-container p,
.weslaco-advantage-page .lifestyle .description-and-stats .stats h2,
.weslaco-advantage-page .lifestyle .description-and-stats .stats h5,
.weslaco-advantage-page .lifestyle .description-and-stats .stats hr {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.weslaco-advantage-page .lifestyle .description-and-stats {
    float: left;
    width: 75%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.weslaco-advantage-page .lifestyle .description-and-stats .description-container {
    float: left;
    width: 33.33333%;
    padding: 2.25rem 2.25rem 1.5rem;
    box-sizing: border-box;
}

.weslaco-advantage-page .lifestyle .description-and-stats .description-container .title {
    color: #222;
    text-transform: uppercase;
}

.weslaco-advantage-page .lifestyle .description-and-stats .description-container p {
    letter-spacing: 0.015em;
    line-height: 1.875rem;
    color: #444;
}

.weslaco-advantage-page .lifestyle .description-and-stats .stats {
    float: left;
    width: 66.66667%;
    padding-top: 6rem;
    padding-bottom: 3.75rem;
    box-sizing: border-box;
}

.weslaco-advantage-page .lifestyle .description-and-stats .stats li {
    width: 25%;
    padding: 0 2.25rem;
    margin-bottom: 2.25rem;
}

.weslaco-advantage-page .lifestyle .description-and-stats .stats .content-container {
    overflow: hidden;
}

.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .description-container .title,
.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .description-container p {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .stats h2,
.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .stats h5,
.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .stats hr,
.weslaco-advantage-page .lifestyle .description-and-stats.waypointed .stats span.input-styles {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 375ms;
    transition: 0.5s ease 375ms;
}

.weslaco-advantage-page .lifestyle .locations-content {
    float: left;
    width: 50%;
}

.weslaco-advantage-page .lifestyle .locations-content > ul {
    float: left;
    width: 50%;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}

.weslaco-advantage-page .lifestyle .locations-content .content-tabs a {
    display: block;
    padding: 2.35rem 3rem;
    color: #222;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 2px solid #ddd;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.weslaco-advantage-page .lifestyle .locations-content .content-tabs a:hover {
    background: #f4f4f4;
}

.weslaco-advantage-page .lifestyle .locations-content .content-tabs a.active {
    border-bottom-color: #002d6e;
}

.weslaco-advantage-page .lifestyle .locations-content .content-tabs a .slide-in-container {
    display: block;
}

.weslaco-advantage-page .lifestyle .locations-content .content-tabs a span {
    display: inline-block;
    vertical-align: middle;
    max-width: 97%;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-slide {
    opacity: 1 !important;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .locations {
    padding: 3rem 1.5rem;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list a {
    margin-bottom: 1.5rem;
    padding: 0;
    text-align: left;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    background-color: transparent;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list a span {
    color: #444;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    text-decoration: underline;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list a:hover span {
    color: #000;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .right-arrow {
    opacity: 0;
    margin-left: 0.5rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .right-arrow .st0 {
    fill: #000;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active a {
    -webkit-transform: none;
    transform: none;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active a .right-arrow {
    opacity: 1;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(1) a {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(2) a {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(3) a {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(4) a {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(5) a {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(6) a {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(7) a {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(8) a {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(9) a {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(10) a {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(11) a {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(12) a {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(13) a {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(14) a {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(15) a {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(16) a {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(17) a {
    -webkit-transition-delay: 3.05s;
    transition-delay: 3.05s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(18) a {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(19) a {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(20) a {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(21) a {
    -webkit-transition-delay: 3.65s;
    transition-delay: 3.65s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(22) a {
    -webkit-transition-delay: 3.8s;
    transition-delay: 3.8s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(23) a {
    -webkit-transition-delay: 3.95s;
    transition-delay: 3.95s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(24) a {
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s;
}

.weslaco-advantage-page .lifestyle .locations-content .tab-content-list .slick-active li:nth-child(25) a {
    -webkit-transition-delay: 4.25s;
    transition-delay: 4.25s;
}

.weslaco-advantage-page .lifestyle .locations-content.waypointed .content-tabs a span {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.5s ease 250ms;
    transition: 0.5s ease 250ms;
}

.weslaco-advantage-page .lifestyle .triangle-container {
    float: left;
    width: 25%;
}

.weslaco-advantage-page .lifestyle .triangle-container img {
    width: 13.8125rem;
    height: 12.0625rem;
}

.weslaco-advantage-page .education {
    padding-bottom: 8.25rem;
}

.weslaco-advantage-page .education .title-and-logos-container {
    height: 10.1875rem;
    box-sizing: border-box;
    /* background: #fff; */
}

.weslaco-advantage-page .education .logos,
.weslaco-advantage-page .education .logos .slick-list,
.weslaco-advantage-page .education .logos .slick-track,
.weslaco-advantage-page .education .title-and-logos {
    height: 100%;
}

.weslaco-advantage-page .education .content-and-images,
.weslaco-advantage-page .education .title-and-logos {
    margin-left: 12.5%;
    margin-right: 12.5%;
}

.weslaco-advantage-page .education .logos,
.weslaco-advantage-page .education .title-progress-and-arrows {
    display: inline-block;
    vertical-align: top;
}

.weslaco-advantage-page .education .logos {
    width: 18rem;
    margin-top: -2rem;
}

.weslaco-advantage-page .education .logos .slick-list {
    overflow: visible;
}

.weslaco-advantage-page .education .logos .slick-slide {
    padding: 1.5rem;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
}

.weslaco-advantage-page .education .logos .slick-slide img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    width: 30%;
}

.weslaco-advantage-page .education .logos .slick-slide img:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 1px;
}

.weslaco-advantage-page .education .title-progress-and-arrows {
    width: 33.9375rem;
    padding-top: 3.75rem;
    padding-left: 0;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-33.3333%);
    transform: translateY(-33.3333%);
	box-shadow: 0px 14px 80px rgb(34 35 58 / 20%);
}

.weslaco-advantage-page .education .title-progress-and-arrows .content-container {
    margin-left: 9%;
}

.weslaco-advantage-page .education .title-progress-and-arrows h4 {
    font-size: 36px;
    line-height: 1.71429em;
    letter-spacing: 1px;
    text-transform: unset;
    font-weight: 600;
}

.weslaco-advantage-page .education .title-progress-and-arrows p {
    margin: 0;
    color: #fff;
}

.weslaco-advantage-page .education .content-and-images .contents,
.weslaco-advantage-page .education .content-and-images .images-container {
    display: inline-block;
    vertical-align: middle;
}

.weslaco-advantage-page .education .content-and-images .images-container {
    width: 51.05%;
    position: absolute;
	/* box-shadow: 0px 14px 80px rgb(34 35 58 / 20%); */
}

.weslaco-advantage-page .education .content-and-images .images-container .image-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: 626px;
    height: 100%; */
}

.weslaco-advantage-page .education .content-and-images .images .image {
    display: block;
    max-height: 100%;
    background: center center/cover no-repeat;
    /* -webkit-transition-delay: 2s;
    transition-delay: 2s; */
    width: 100%;
    max-width: 100%;
}

.weslaco-advantage-page .education .content-and-images .images .bg-image {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.weslaco-advantage-page .education .content-and-images .images .slick-slide.slick-active .image {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.weslaco-advantage-page .education .content-and-images .images .slick-slide.slick-active .bg-image {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.weslaco-advantage-page .education .content-and-images .contents {
    width: 33.9375rem;
    text-align: left;
    padding: 3.75rem 1.5rem 1.5rem 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 14px 80px rgb(34 35 58 / 20%);
    /* height: 390px; */
}

.weslaco-advantage-page .education .content-and-images .contents .slide-in-container {
    margin-left: 5%;
}

.weslaco-advantage-page .education .content-and-images .contents .button,
.weslaco-advantage-page .education .content-and-images .contents .description,
.weslaco-advantage-page .education .content-and-images .contents .title,
.weslaco-advantage-page .education .content-and-images .contents hr {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.weslaco-advantage-page .education .content-and-images .contents .title {
    padding: 0.75rem 0;
    line-height: 1.5rem;
    letter-spacing: 1px;
    color: #444;
    /* text-transform: uppercase; */
    font-weight: 600;
}

.weslaco-advantage-page .education .content-and-images .contents .button {
    max-width: 76%;
}

.weslaco-advantage-page .education .content-and-images .contents hr {
    width: 2.25rem;
    border-bottom: 3px solid #002d6e;
}

.weslaco-advantage-page .education .content-and-images .contents .description {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.weslaco-advantage-page .education .content-and-images .contents .description p {
    letter-spacing: 0.015em;
    line-height: 1.875rem;
    color: #444;
    font-family: 'Poppins' !important;
    font-size: 15px;
}

.weslaco-advantage-page .education .content-and-images .contents .button {
    display: block;
    width: 22.1875rem;
    text-align: center;
}

.weslaco-advantage-page .education .content-and-images .contents .slick-slide {
    opacity: 1 !important;
    transition: opacity 3s cubic-bezier(1, 1.02, 1, 1.02) 2s !important;
}

.about-page .team-members .image[href]:hover .overlay,
body.contact .top-bar-container .background {
    opacity: 1;
}

.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .button,
.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .description,
.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .title,
.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active hr {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .title {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active hr {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms;
}

.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .button,
.weslaco-advantage-page .education .content-and-images .contents .slick-slide.slick-active .description {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms;
}

@media only screen and (max-width: 1600px) and (min-width: 1441px), only screen and (max-width: 1024px) {
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container {
        padding: 3rem 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .weslaco-advantage-page header h1 {
        font-size: 4em;
        line-height: 1.125em;
    }
    .weslaco-advantage-page .central-location .notable-locations .titles h3 {
        font-size: 1.5625rem;
    }
    .weslaco-advantage-page .hub .categories {
        padding-left: 10%;
    }
    .weslaco-advantage-page .hub .categories:after,
    .weslaco-advantage-page .hub .categories:before {
        width: 20%;
    }
    .weslaco-advantage-page .hub .category-content .content-with-triangle {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }
    .weslaco-advantage-page .education .title-and-logos-container {
        height: auto;
    }
    .weslaco-advantage-page .education .content-and-images,
    .weslaco-advantage-page .education .title-and-logos {
        margin: 0 1.5rem;
    }
    .weslaco-advantage-page .education .title-and-logos .logos,
    .weslaco-advantage-page .education .title-and-logos .title-progress-and-arrows {
        margin: 0 auto;
        display: block;
    }
    .weslaco-advantage-page .education .title-and-logos .logos .slick-slide {
        height: 14.1875rem;
    }
    .weslaco-advantage-page .education .content-and-images .contents {
        padding-left: 3rem;
        padding-right: 3rem;
        border-top: none;
    }
    .weslaco-advantage-page .education .content-and-images .contents .slide-in-container {
        margin-left: 0;
    }
    .weslaco-advantage-page .education .content-and-images .images-container {
        width: 46.5%;
    }
}

@media only screen and (max-width: 800px) {
    .weslaco-advantage-page .central-location .title-container {
        width: 100%;
        /* background: #fff; */
    }
    .weslaco-advantage-page .central-location .description-container {
        clear: left;
        width: 50%;
        /* background: #fff; */
    }
    .weslaco-advantage-page .central-location .notable-locations .titles {
        padding-top: 1.5rem;
    }
    .weslaco-advantage-page .hub .category-content .customizable-text-container {
        width: 100%;
        padding: 1.5rem;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #fff;
    }
    .weslaco-advantage-page .hub .category-content .stats {
        width: 100%;
        padding-top: 2.25rem;
        padding-left: 0;
        padding-right: 0;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #fff;
    }
    .weslaco-advantage-page .hub .category-content .dark-statistic {
        padding: 0 2.25rem 3rem;
    }
    .weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows {
        width: 50%;
    }
    .weslaco-advantage-page .supportive-infrastructure .infrastructure-copy {
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .weslaco-advantage-page .supportive-infrastructure .content-tabs {
        width: 25%;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container {
        width: 75%;
        background: #fff;
        border-left: 1px solid #ddd;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .stats {
        width: 100%;
    }
    .weslaco-advantage-page .supportive-infrastructure .images {
        width: 50%;
    }
    .weslaco-advantage-page .supportive-infrastructure .images .image {
        height: 42.375rem;
    }
    .weslaco-advantage-page .supportive-infrastructure .images .slick-active .image {
        -webkit-transition-delay: 225ms;
        transition-delay: 225ms;
    }
    .weslaco-advantage-page .supportive-infrastructure .images .slick-active .bg-image {
        -webkit-transition-delay: 125ms;
        transition-delay: 125ms;
    }
}

@media only screen and (max-width: 768px) {
    /* .weslaco-advantage-page .features li:first-of-type {
        margin-left: 8.3335%;
    } */
    .weslaco-advantage-page .features li:nth-last-of-type(2) {
        margin-right: 8.3335%;
    }
    /* .weslaco-advantage-page .features li:last-of-type {
        margin-left: 33.33333%;
    } */
    .weslaco-advantage-page .lifestyle .title-and-images .title-container {
        margin-bottom: 8.95rem;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .description-container {
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats {
        border-bottom: none;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .stats {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .stats li {
        width: 33.3333%;
    }
    .weslaco-advantage-page .lifestyle .locations-content {
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .weslaco-advantage-page .lifestyle .locations-content .content-tabs {
        border-top: 1px solid #ddd;
        margin-top: -1px;
    }
    .weslaco-advantage-page .lifestyle .locations-content .tab-content-list {
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }
    .weslaco-advantage-page .lifestyle .triangle-container {
        display: none;
    }
    .weslaco-advantage-page .education .content-and-images .contents,
    .weslaco-advantage-page .education .content-and-images .images-container {
        display: block;
        margin: 0 auto;
    }
    .weslaco-advantage-page .education .content-and-images .contents {
        width: 34.2375rem;
    }
    .weslaco-advantage-page .education .content-and-images .images-container {
        width: 90%;
        /* padding-top: 3rem; */
    }
}

@media only screen and (max-width: 640px) {
    .weslaco-advantage-page .hub .category a,
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .slick-slide {
        text-align: center;
    }
    .weslaco-advantage-page header .content-container {
        padding: 0;
    }
    .weslaco-advantage-page header .copy {
        margin-top: 30px;
    }
    .weslaco-advantage-page header .foreground {
        max-width: 81%;
    }
    .weslaco-advantage-page .central-location .title-container {
        width: 75%;
        border-bottom: none;
    }
    /* .weslaco-advantage-page .central-location .description-container {
        width: 100%;
        border-top: 1px solid #ddd;
        border-bottom: none;
    } */
    .weslaco-advantage-page .central-location .notable-locations {
        width: 100%;
        margin-top: 0;
    }
    /* .weslaco-advantage-page .hub {
        margin-bottom: 6rem;
        overflow: hidden;
    } */
    .weslaco-advantage-page .hub .categories {
        float: none;
        width: 28.4rem;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem;
    }
    .weslaco-advantage-page .hub .categories:after,
    .weslaco-advantage-page .hub .categories:before {
        width: 100%;
        left: auto;
        right: 83%;
    }
    .weslaco-advantage-page .hub .categories:after {
        bottom: auto;
        top: 0.85rem;
        left: 83%;
        right: auto;
    }
    .weslaco-advantage-page .hub .categories .background-text {
        margin-bottom: 3rem;
        left: 50%;
        bottom: 100%;
        top: auto;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .weslaco-advantage-page .hub .category {
        clear: none;
        width: 33.33333%;
        margin-bottom: 0;
    }
    .weslaco-advantage-page .hub .category:after {
        width: 100%;
        height: 1px;
        top: 67%;
        right: auto;
        left: 50%;
        -webkit-transform: skewY(30deg);
        transform: skewY(30deg);
    }
    .weslaco-advantage-page .hub .category:nth-of-type(even) {
        margin-top: 5.5rem;
        margin-bottom: 0;
        -webkit-transform: none;
        transform: none;
    }
    .weslaco-advantage-page .hub .category:nth-of-type(even):after {
        left: 50%;
        top: auto;
        right: auto;
        bottom: 132%;
        -webkit-transform: skewY(-30deg);
        transform: skewY(-30deg);
    }
    .weslaco-advantage-page .hub .category .label-styles,
    .weslaco-advantage-page .hub .category label {
        display: block;
        padding-left: 0;
        padding-top: 2.25rem;
    }
    .weslaco-advantage-page .hub .category-content {
        width: 100%;
    }
    /* .weslaco-advantage-page .supportive-infrastructure .title-progress-and-arrows {
        width: 75%;
    } */
    .weslaco-advantage-page .supportive-infrastructure .content-tabs {
        display: none;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container {
        width: 100%;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .arrows-container {
        display: block;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .middle-underline {
        display: inline-block;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container {
        padding-bottom: 1.5rem;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container,
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .stats {
        text-align: left;
    }
    .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .gray-dark-statistic {
        padding-bottom: 3rem;
    }
    .weslaco-advantage-page .supportive-infrastructure .images {
        float: none;
        clear: both;
        width: 24rem;
        max-width: 100%;
        margin: 0 auto;
    }
    .weslaco-advantage-page .supportive-infrastructure .images .image {
        height: auto;
        padding-top: 172%;
    }
    /* .weslaco-advantage-page .contact-us {
        margin-bottom: 5rem;
    } */
    /* .weslaco-advantage-page .features {
        margin-bottom: 5.75rem;
    } */
    .weslaco-advantage-page .features li:nth-of-type(1n) {
        width: 100%;
        margin: 0;
    }
    .weslaco-advantage-page .features li:not(:last-of-type) {
        margin-bottom: 4.5rem;
    }
    body.contact .background-lines li:nth-child(1) {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .weslaco-advantage-page .lifestyle {
        margin-bottom: 3rem;
    }
    .weslaco-advantage-page .lifestyle .title-and-images {
        width: 100%;
        background-color: #fff;
    }
    .weslaco-advantage-page .lifestyle .title-and-images .title-container {
        margin-bottom: 0;
    }
    .weslaco-advantage-page .lifestyle .title-and-images .photos {
        margin: 1.5rem 3rem 0;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats {
        width: 100%;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .description-container {
        border-left: none;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .stats {
        background-color: #fff;
    }
    .weslaco-advantage-page .lifestyle .description-and-stats .stats li {
        width: 50%;
    }
    .weslaco-advantage-page .lifestyle .locations-content .content-tabs,
    .weslaco-advantage-page .lifestyle .locations-content .tab-content-list {
        width: 100%;
        border-left: none;
    }
    .weslaco-advantage-page .lifestyle .locations-content .tab-content-list .locations {
        padding: 3rem;
    }
    .weslaco-advantage-page .education .content-and-images .contents,
    .weslaco-advantage-page .education .title-and-logos .title-progress-and-arrows {
        width: 100%;
    }
    .weslaco-advantage-page .education .content-and-images .contents .description,
    .weslaco-advantage-page .education .title-and-logos .title-progress-and-arrows .description {
        max-width: 100%;
    }
    .weslaco-advantage-page .education .title-and-logos .title-progress-and-arrows {
        -webkit-transform: none;
        transform: none;
    }
}

.contact-page,
.contact-page .side-info .title-container,
.free-dfm-page,
.free-dfm-page .side-info .title-container,
.join-us-page,
.join-us-page .side-info .title-container,
.design-guidlines-page,
.design-guidlines-page .side-info .title-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.contact .background-lines li:nth-child(2),
body.contact .background-lines li:nth-child(3) {
    display: none;
}

.contact-page:after,
.free-dfm-page:after,
.design-guidlines-page:after {
    content: " ";
    display: block;
    clear: both;
}

.free-dfm-page .side-info,
.join-us-page .side-info,
.design-guidlines-page .side-info {
    float: left;
    width: 30%;
    padding-top: 4.5rem;
}

/* .contact-page .main-info {
    width: 70%;
    margin-left: 25%;
} */

.contact-page .side-info {
    float: left;
    width: 28%;
    /* padding-top: 4.5rem; */
}

.contact-page .side-info .title-container,
.free-dfm-page .side-info .title-container,
.join-us-page .side-info .title-container,
.design-guidlines-page .side-info .title-container {
    margin-bottom: 4.5rem;
    position: relative;
}

.contact-page .side-info .title-container:after,
.free-dfm-page .side-info .title-container:after,
.join-us-page .side-info .title-container:after,
.design-guidlines-page .side-info .title-container:after {
    content: " ";
    display: block;
    clear: both;
}

.contact-page .side-info .title-container:before,
.free-dfm-page .side-info .title-container:before,
.join-us-page .side-info .title-container:before,
.design-guidlines-page .side-info .title-container:before {
    content: "";
    float: left;
    display: block;
    width: 13.8%;
    height: 4.5rem;
    margin-right: 3.6%;
    background: #002d6e;
}

.contact-page .side-info .title-container h1,
.free-dfm-page .side-info .title-container h1,
.join-us-page .side-info .title-container h1,
.design-guidlines-page .side-info .title-container h1 {
    float: left;
    padding-right: 0.75rem;
    line-height: 5.25rem;
    color: #222;
    letter-spacing: 0;
}

.contact-page .side-info .title-container h1 .line-2,
.free-dfm-page .side-info .title-container h1 .line-2,
.join-us-page .side-info .title-container h1 .line-2,
.design-guidlines-page .side-info .title-container h1 .line-2 {
    display: block;
    padding-left: 2.25rem;
}

.contact-page .side-info .side-content,
.free-dfm-page .side-info .side-content,
.join-us-page .side-info .side-content,
.design-guidlines-page .side-info .side-content {
    padding-right: 1.5rem;
    margin-left: 17.4%;
}

.contact-page .side-info p,
.free-dfm-page .side-info p,
.join-us-page .side-info p,
.design-guidlines-page .side-info p {
    margin: 0;
    letter-spacing: 0.025em;
    color: #444;
}

.contact-page .side-info .location-info,
.free-dfm-page .side-info .location-info,
.join-us-page .side-info .location-info,
.design-guidlines-page .side-info .location-info {
    padding-left: 2rem;
    margin-bottom: 4.5rem;
    position: relative;
}

.free-dfm-page .side-info .location-info:before,
.join-us-page .side-info .location-info:before,
.design-guidlines-page .side-info .location-info:before {
    content: "";
    width: 0.3125rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #002d6e;
}

.contact-page .side-info a,
.free-dfm-page .side-info a,
.join-us-page .side-info a,
.design-guidlines-page .side-info a {
    display: inline-block;
    /* margin-left:2rem */
}

.contact-page .side-info a:hover p {
    color: #002d6e;
}

.contact-page .side-info a p {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

/* .free-dfm-page .main-info,
.join-us-page .main-info,
.design-guidlines-page .main-info {
    width: 80%;
    float: left;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
} */
.free-dfm-page .main-info-content p,
.join-us-page .main-info-content p,
.design-guidlines-page .main-info-content p {
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins' !important;
    letter-spacing: 0.5px;
}
/* custom css start here  */
.r-pdd {
    padding-left: 0px;
    padding-right: 0px;
}
.bp-nill {
    padding-left: 0px;
}
.bp-nill-rgt {
    padding-right: 0px;
}
.p-rgt {
    padding-right: 7px;
}
.p-lft {
    padding-left: 7px;
}
@media only screen and (max-width:767px) {
    .p-rgt {
        padding-right: 0px;
    }
    .p-lft {
        padding-left: 0px;
    }
}
@media only screen and (max-width:575px) {
    .col-pdd {
        padding-left: 30px;
        padding-right: 30px;
    }
}


/* custom css end here  */

/* dfm-page css start here  */
.dfm-bg {
    padding-bottom: 70px;;
}
.dfm-bg .main-info-content {
    max-width: 100% !important;
}


.pl-23 {
    padding-left: 0 !important;
}

.dfm-head h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 1px;
    color: #1d1d1d;
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px;
}
.dfm-head h1::before {
    height: 2px;
    width: 70px;
    position: absolute;
    border-radius: 30px;
    text-align: left;
    content: '';
    background: #1bc0f8;
    bottom: -10px;
}
.dfm-head h1::after {
    content: '';
    position: absolute;
    left: 0;
    height: 5px;
    width: 10px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    background: #002d6e;
    bottom: -11px;
}
.sms-gp {
    padding-top: 10px;  ;
}

.mgn-tp {
    margin: 10px 0;
}
.pad-tb {
    margin: 2px 0;
}


@media only screen and (max-width:767px) {
    .free-dfm-page .main-info {
        margin-left: 0rem !important;
        padding: 0 0 0rem !important;
    }
     .free-dfm-page .main-info-content p {
            padding: 0% !important;
     }
     .dfm-bg {
        padding-bottom: 40px;;
    }


}
@media only screen and (max-width:575px) {
    .dfm-head h1 {
        font-size: 26px;
    }
}

/* dfm-page css end here  */

/* brochre-bg css start here  */
.brochre-bg {
    padding-bottom: 70px;;
}
.brochre-bg .main-info-content .mx-3 {
    margin-left: 0rem!important;
    margin-right: 0rem!important;
}
.br-p {
    margin-bottom: 1.5rem;
}
.br-p p {
    margin: 0rem;
}
.brochre-bg .input-group {
    padding: 0 !important;
}

@media only screen and (max-width:767px) {
    .brochre-bg {
        padding-bottom: 40px;;
    }
}

/* brochre-bg css end here  */


/* contact-page css start here */
.contact-bg {
    padding-bottom: 70px;
}
.contact-bg .sm-main .main-info {
    width: 100%;
}
.contact-bg .sm-main .main-info .main-info-content {
    padding: 0;
}
.contact-bg .sm-main .main-info .heading {
    margin-bottom: 0rem;
}
.contact-bg .sm-main .sm-prf {
    margin: 15px 0 1.5rem 0;
}
.contact-bg .sm-main .sm-prf p {
   margin: 0;

}
.contact-bg .sm-main .main-info .heading {
    padding-left: 19px;
}





.contact-bg .add-main .side-info {
    float: left;
    width: 100%;
    padding-top: 0rem;
    margin-left: 30px;
}
.contact-bg .add-main .side-info .side-content {
    padding-right: 0rem;
    margin-left: 0%;
}
.contact-bg .add-main .side-info .location-info {
    margin-bottom: 0rem;
    padding-left: 19px;
}
.lcn-cp {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
}
.gp-lft {
    padding-left: 50px;
    padding-bottom: 15px;
}
.contact-bg .add-main  .side-info a  {
    margin: 0px 0;
    margin-top: 10px;
}
.contact-bg .add-main .lcn-cp-2 p strong {
    margin-top: 10px;
    display: block;
}

@media only screen and (max-width:1199px) {
.contact-page .add-main .side-info p strong {
    font-size: 18px !important;
    line-height: 1.5;
}
.contact-bg .add-main .side-info {
    margin-left: 0px;
    padding-top: 10px;
}
}

@media only screen and (max-width:767px) {

    .lcn-cp {
        display: block;
    }
    .gp-lft {
        padding-left: 0px;

    }
    .contact-bg {
        padding-bottom: 40px;
    }

}


/* .contact-page css end here  */
 /* certificate-page css start here  */

  /* .certificate-page .main-info {
    padding: 0 0% !important;
  } */
  .certificate-head h1 {
    font-size: 2.6875em;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.01em;
    color: #222;
    text-align: center;
    padding: 15px 0;

}
.certificate-head h1 span {
    color: #002d6e;
}
/* .certificate-page .main-info {
    padding-top: 0.75rem;
} */
.certificate-page p {
    margin: 10px 0 10px 0;
}
.certificate-page .mb-4 {
    margin-bottom: 1.0rem!important;
}


@media only screen and (max-width:767px) {
    .certificate-head h1 {
        font-size: 2.4875em;
    }
    .certificate-page .mb-3 {
        margin-bottom: 2rem!important;
    }
    .certificate-page .mgn-btm {
        margin-bottom: 25px;;
    }

}
@media only screen and (max-width:575px) {
    .certificate-head h1 {
        font-size: 1.9789em;
    }
}
@media only screen and (max-width:425px) {
    .certificate-head h1 {
        font-size: 1.5em;
    }
}




/* certificate-page css end here  */

/* join-us-page css start here  */
  .join-us-page-section {
    padding-bottom: 70px;;
  }
.gp-tp {
    margin-top: 15px;;
}
.join-us-page-section .input-group {
    padding: 0 !important;
}
.upload-pd {
    padding-bottom: 10px;
}

@media only screen and (max-width:767px)  {
    .join-us-page-section {
        padding-bottom: 40px;;
      }
}

/* /* join-us-page css end here */
.free-dfm-page .input-group,
.design-guidlines-page .input-group {
    padding: 0 10px;
    width: 46.65871%;
    float: left;
}

.join-us-page .file-wrapper {
    width: 96.5%;
}

.join-us-page .input-group.w-100 {
    width: 98.5%;
}

.join-us-page .input-group {
    padding: 0 10px 0 0px;
    width: 46.65871%;
    float: left;
}


/* .join-us-page .main-info-content {
    max-width: 80%;
    margin-right: auto;
} */

.contact-page .main-info,
.contact-page .map-container {
    width: 85%;
    /* margin-left: 25%; */
}

@media only screen and (max-width:1199px){
    .contact-page .main-info,.contact-page .map-container {
        width: 100%;
    }
    nav.sidebar-container .sidebar {
        top: 0;
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
        z-index: 100;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .reports-page .main-page-content {
        padding-left: 1.5rem !important;
    }
    .reports-page header .search-and-date-container{
        margin-left: 0 !important;
    }
}

/* .contact-page .main-info {
    margin-bottom: 7.5rem;
} */

.contact-page .main-info .background-text {
    top: 9rem;
    right: 220px;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.contact-page .main-info .main-info-content {
    padding: 0 5%;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    overflow: auto;
}

.events-page .events-list .slick-list,
.events-page .events-list-container .slick-track {
    overflow: visible;
}

/* .contact-page .main-info form {
    max-width: 80%;
    margin-right: auto;
} */

.contact-page .main-info form:after {
    content: " ";
    display: block;
    clear: both;
}

.contact-page .main-info .heading,
.free-dfm-page .main-info .heading,
.join-us-page .main-info .heading,
.design-guidlines-page .main-info .heading {
    padding-left: 1.75rem;
    margin-bottom: 3rem;
    position: relative;
}

.contact-page .main-info .heading:before,
.free-dfm-page .main-info .heading:before,
.join-us-page .main-info .heading:before,
.design-guidlines-page .main-info .heading:before {
    content: "";
    width: 0.3125rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #002d6e;
}

.about-page header:after,
.contact-page .main-info .inputs:after {
    content: " ";
    display: block;
    clear: both;
}

.contact-page .main-info .heading h3,
.free-dfm-page .main-info .heading h3,
.join-us-page .main-info .heading h3,
.design-guidlines-page .main-info .heading h3 {
    letter-spacing: -0.015em;
    color: #222;
    /* text-transform: uppercase; */
}

.contact-page .main-info .heading h4,
.free-dfm-page .main-info .heading h4,
.join-us-page .main-info .heading h4,
.design-guidlines-page .main-info .heading h4 {
    line-height: 1.5rem;
    letter-spacing: 0;
    color: #222;
}

.contact-page .main-info .form-instructions-container h4 {
    margin-bottom: 1.5rem;
    letter-spacing: 0;
    color: #666;
    line-height: 1.5rem;
}

.contact-page .main-info .inputs {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.contact-page .main-info .input-group {
    width: 46.65871%;
    float: left;
}

.contact-page .main-info .input-group:nth-child(even) {
    width: 46.65871%;
    float: right;
}

/* .free-dfm-page .main-info textarea,
.join-us-page .main-info textarea {
    font-size: 14px;
    line-height: 24px;
    width: 96%;
    height: 6rem;
    padding: 10px 0;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-bottom: 3rem;
    box-sizing: border-box;
    background: 0 0;
    color: #222;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 500;
    letter-spacing: 1px;
    border: none;
    border-bottom: 1px solid #002d6e;
} */

/* .contact-page .main-info textarea {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    height: 6rem;
    padding: 10px 0;
    margin-top: 1rem;
    margin-bottom: 3rem;
    box-sizing: border-box;
    background: 0 0;
    color: #222;
    font-family: "Urbanist", sans-serif !important;
    font-weight: 500;
    letter-spacing: 1px;
    border: none;
    border-bottom: 1px solid #002d6e;
} */

.contact-page .main-info textarea::-webkit-input-placeholder {
    color: #222;
}

.contact-page .main-info textarea:-moz-placeholder {
    color: #222;
}

.contact-page .main-info textarea::-moz-placeholder {
    color: #222;
}

.contact-page .main-info textarea:-ms-input-placeholder {
    color: #222;
}

.contact-page .main-info textarea.invalid::-webkit-input-placeholder {
    color: red;
}

.contact-page .main-info textarea.invalid:-moz-placeholder {
    color: red;
}

.contact-page .main-info textarea.invalid::-moz-placeholder {
    color: red;
}

.contact-page .main-info textarea.invalid:-ms-input-placeholder {
    color: red;
}

/* .contact-page .main-info button {
    float: left;
    width: 13.85rem;
    padding-left: 2.25rem;
    margin-bottom: 3.5rem;
}

.contact-page .main-info button span {
    margin-right: 2.25rem;
} */

.contact-page .map-container {
    padding: 0 1.5rem;
    box-sizing: border-box;
    height: 40rem;
    margin-bottom: 2.5rem;
}

.contact-page .map-container .gmap {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1024px) {
    .contact-page .side-info .title-container:before {
        height: 2.8rem;
    }
    .contact-page .side-info .title-container h1 {
        line-height: 1.05em;
    }
}

@media only screen and (max-width: 800px) {
    .contact-page .side-info a {
        margin-left: 0;
    }
    .reports-page .main-page-content{
        padding-top: 0 !important ;
    }
}

@media only screen and (max-width: 800px) and (min-width: 769px) {
    .contact-page .main-info textarea {
        background: #fff;
    }
}

@media only screen and (max-width: 640px) {
    .contact-page {
        position: relative;
    }
    .contact-page .side-info {
        float: none;
        width: auto;
        max-width: 26rem;
        /* padding-top: 3rem; */
        margin: 0 auto;
    }
    .contact-page .side-info a {
        margin-left: 2rem;
    }
    .contact-page .main-info {
        width: auto;
        position: static;
        margin: 0 auto;
    }
    .contact-page .main-info .input-group:nth-child(1n) {
        width: auto;
        float: none;
    }
    .contact-page .map-container {
        margin: 0 auto 3rem;
        padding: 0;
    }
}

.about-page,
.about-page .team {
    position: relative;
}

.about-page header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.about-page header .description-container,
.about-page header .title-and-links {
    padding-bottom: 3rem;
}

.about-page header .title-and-links {
    float: left;
    margin-left: 25%;
    width: 25%;
    padding-top: 7.5rem;
}

.about-page header h1 {
    margin-bottom: 3rem;
    letter-spacing: 0;
    color: #222;
    line-height: 4.5rem;
    height: 4.5rem;
    position: relative;
    text-align: center;
}

.about-page header h1:before {
    content: "";
    float: left;
    display: block;
    width: 15.95%;
    height: 100%;
    background: #002d6e;
}

.about-page header .links li {
    margin-bottom: 1.5rem;
}

.about-page header .links a {
    display: block;
    min-height: 3rem;
    text-transform: uppercase;
    text-align: right;
    border-right: 3px solid #666;
    -webkit-transition: border-right-color 0.5s;
    transition: border-right-color 0.5s;
}

.about-page header .links a.active,
.about-page header .links a:hover {
    border-right-color: #002d6e;
}

.about-page header .links a.active span:after,
.about-page header .links a:hover span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.about-page header .links a span {
    margin-right: 10%;
    color: #222;
    text-align: right;
}

.about-page header .links a span:after {
    background: #222;
}

.about-page header .description-container {
    float: left;
    width: 50%;
    padding-top: 4.5rem;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
}

.about-page header .description-container .content-container {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.about-page header .description-container .content-container:after {
    content: " ";
    display: block;
    clear: both;
}

.about-page header .description-container h4 {
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #222;
    text-transform: uppercase;
    line-height: 1.5rem;
}

.about-page header .description-container .customizable-text {
    max-width: 92%;
}

.about-page header .description-container .customizable-text p {
    letter-spacing: 0.075em;
    color: #666;
}

.about-page .team {
    padding-bottom: 4.5rem;
}

.about-page .team:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
}

.about-page .team:nth-of-type(even):before {
    top: 3.25rem;
}

.about-page .team:nth-of-type(even) .team-name-container {
    margin-left: 50%;
    border-left: 1px solid #ddd;
}

.about-page .team .team-name-container {
    float: left;
    width: 50%;
    padding: 2.25rem 0;
    margin-bottom: 4.5rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
    background: #fff;
}

.about-page .team .team-name-container .subtext,
.about-page .team .team-name-container h3 {
    display: inline-block;
    vertical-align: middle;
}

.about-page .team .team-name-container .subtext {
    max-width: 23rem;
    margin-left: 1.5rem;
}

.about-page .team h3 {
    padding-left: 3rem;
    letter-spacing: 0.2em;
    color: #222;
    text-transform: uppercase;
    line-height: 1.875rem;
    height: 1.875rem;
    position: relative;
}

.about-page .team h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1.75rem;
    height: 100%;
    background: #002d6e;
}

.about-page .team-members {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}

.about-page .team-members:after {
    content: " ";
    display: block;
    clear: both;
}

.about-page .team-members li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.42rem 3rem;
    padding-left: 1.5rem;
    position: relative;
}

.about-page .team-members li.no-position-title {
    padding-left: 0;
}

.about-page .team-members .position-title {
    position: absolute;
    top: -1.5rem;
    left: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.about-page .team-members .nav-anchor {
    display: block;
    color: #999;
    letter-spacing: 1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-transform: uppercase;
}

.about-page .team-members .image {
    display: block;
    width: 14.875rem;
    max-width: 100%;
    height: 15.9375rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
    position: relative;
    background: center center/cover no-repeat #f8f9fb;
    text-align: right;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.about-page .team-members .image label span,
.events-page header h2,
.events-page header p {
    display: inline-block;
    vertical-align: middle;
}

.about-page .team-members .image.image-contained {
    background-size: contain;
    background-color: #fff;
}

.about-page .team-members .image.image-contained + label {
    text-align: center;
}

.about-page .team-members .image[href] {
    cursor: pointer;
}

.about-page .team-members .image .overlay {
    width: 100%;
    height: 100%;
    background: rgb(4 175 0 / 30%);
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.about-page .team-members .image label {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #fff;
    cursor: inherit;
}

.about-page .team-members .image label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2.75rem;
    height: 1px;
    margin-right: 0.5rem;
    background: #fff;
}

.about-page .team-members .name {
    max-width: 100%;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #222;
    text-transform: uppercase;
}

.about-page > .background-text {
    bottom: 0.8%;
    left: 2.6%;
}

@media only screen and (min-width: 1921px) {
    .about-page .team-members {
        max-width: 65.43%;
    }
}

@media only screen and (max-width: 1440px) {
    .about-page .team-members {
        padding-right: 6.75em;
    }
    .about-page .teams .team .team-name-container .subtext {
        max-width: 25rem;
    }
}

@media only screen and (max-width:1440px) and (min-width:1200px){
    .reports-page .main-page-content{
        padding-left: 400px !important;
    }
    body.reports nav.sidebar-container .sidebar{
        width: 400px !important;
    }
    .reports-page header .search-and-date-container{
        margin-left: 400px !important;
    }
}

@media only screen and (max-width: 1366px) {
    .about-page .team-members {
        padding-right: 2.25em;
    }
}

@media only screen and (max-width: 800px) {
    .about-page header .description-container .content-container {
        max-width: 100%;
        margin: 0 2.25rem;
    }
    .about-page header .description-container .customizable-text {
        max-width: none;
    }
    .about-page .teams .team .team-name-container .subtext {
        margin-left: 1.5rem;
        padding: 0 1.5rem;
    }
    .about-page .team-members {
        max-width: 51.2rem;
        padding-right: 0;
    }
    .about-page .team-members .image {
        height: 13.36607rem;
    }
    .about-page .team-members .image,
    .about-page .team-members .image + .name {
        width: 12.475rem;
    }
    .about-page .team-members .image .image-contained {
        height: 10.36607rem;
    }
    .about-page .team-members .image .image-contained,
    .about-page .team-members .image .image-contained + .name {
        width: 9.675rem;
    }
}

@media only screen and (max-width: 640px) {
    .about-page header .title-and-links {
        width: 50%;
        padding-top: 4.5rem;
        margin-left: 0;
        background: #fff;
    }
    .about-page header .links a span {
        margin-right: 7%;
    }
    .about-page header .description-container {
        width: 100%;
        border-left: none;
        border-top: 1px solid #ddd;
        padding-top: 2.25rem;
        padding-bottom: 1.5rem;
    }
    .about-page header .description-container .content-container {
        margin: 0 1.5rem;
    }
    .about-page .team .team-name-container,
    .about-page .team:nth-of-type(even) .team-name-container {
        width: 100%;
        margin-left: 0;
    }
    .about-page .team-members {
        max-width: 33.2rem;
        text-align: center;
    }
    .about-page .team-members li {
        margin: 3rem 1.22rem;
        text-align: left;
    }
    .about-page .background-text {
        font-size: 9rem;
    }
}

body.about .top-bar-container .background {
    opacity: 1;
}

.events-page header {
    padding:30px 0;
    margin-bottom: 0rem;
    background: #fff;
    /* border-bottom: 1px solid #ddd; */
}

.events-page header h1 ,
.events-page header h2 {
    /* padding-left: 4.5rem;
    padding-right: 2.25rem; */
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #000;
    /* text-transform: uppercase; */
    line-height: 3rem;
    position: relative;
}
.main-events-page {
    width: 80% !important;
    margin: 0 auto;
}
.main-events-page .title-container {
   text-align: center;
}
.main-events-page .design-guidlines-page .main-info {
    width: 100%;
    float: inherit;
}
.main-events-page .mr-r {
    margin-right: 0px !important;
}
.main-events-page .mdl-tabs.is-upgraded .mdl-tabs__panel,.main-events-page .mdl-tabs__tab-bar {
    border-top: none;
    border-right: none;
}
.main-events-page .mdl-grid {
    border-top: solid 1px #efefef;
    border-left: solid 1px #efefef;
    border-right: solid 1px #efefef;
}

.main-events-page .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 30px;
}
.main-events-page .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    padding: 35px 8px 35px 20px !important;
  }
.main-events-page .vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
}
  @media only screen and (max-width:1440px)  {
    .main-events-page .content-with-triangle {
        width: 100% !important;
    }
  }
  @media only screen and (max-width:1199px) {
    .main-events-page .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
        padding: 20px 5px 20px 20px;
    }
  }
  @media only screen and (max-width:1310px) and (min-width:1200px) {
    .main-events-page .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
        padding: 30px 15px 30px 30px;
    }
  }
  @media only screen and (max-width:1400px) and (min-width:768px) {
    .main-events-page .events-page header {
        padding: 30px 0 10px 0;
    }
  }
  @media only screen and (max-width:767px) {
    .main-events-page .events-page header {
        padding: 20px 0 0px 0;
    }
  }
  @media only screen and (max-width:480px) {
    .main-events-page .events-page header h2{
        font-size: 2.323em;
    }
  }
  /* @media only screen and (max-width:780px) and (min-width:768px) {
    .main-events-page .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
        padding: 35px 8px 35px 17px !important;
      }
  } */

  /* @media only screen and (max-width:520px) and (min-width:320px) {
    .main-events-page  .design-guidlines-page .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
        width: 100%;
    }
    .main-events-page .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
        padding: 35px 8px 35px 63px !important;
      }
      .main-events-page .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
        padding: 20px 0px 10px 0px !important;
    }

  } */
/* .events-page header h1:before,
.events-page header h2:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 1.875rem;
    height: 1.875rem;
    left: 0;
    background: #002d6e;
} */

.events-page header p {
    margin: 0;
    color: #333;
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 10px;
    /* letter-spacing:.025em */
}

.events-page .events-list-container {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3rem;
    box-sizing: border-box;
    position: relative;
}

.events-page .events-list-container:after {
    content: " ";
    display: block;
    clear: both;
}

.events-page .events-list-container .arrows-container {
    position: absolute;
    bottom: 60px;
    right: 3rem;
}

.events-page .events-list {
    margin-bottom: 2.25em;
}

.events-page .events-list .slick-slide {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.events-page .events-list .slick-slide.slick-current {
    opacity: 1;
    visibility: visible;
}

.events-page .events-list .slick-dots {
    padding: 0 12rem;
    box-sizing: border-box;
    margin-top: 2.5rem;
    margin-bottom: 3.75rem;
    position: static;
    display: flex!important;
    justify-content: center;
}

.events-page .events-list .event {
    display: inline-block;
    vertical-align: top;
    width: 30.8125rem;
    height: 440px;
    padding: 0.75rem;
    box-sizing: border-box;
}

.events-page .events-list a.content-container {
    display: block;
    height: 100%;
    border: 1px solid #ddd;
    position: relative;
    z-index: 0;
    -webkit-transition: z-index 0.5s;
    transition: z-index 0.5s;
}

.events-page .events-list a.content-container:hover {
    z-index: 10;
}
/* .events-page .events-list a.content-container:hover .inner-content{
    -webkit-transform:scale(1.113);
    transform:scale(1.113)
} */

.events-page .events-list a.content-container:hover .inner-content:before {
    opacity: 1;
}

.events-page .events-list .inner-content {
    height: 100%;
    padding: 2.25rem 1.5rem 2.25rem 3.75rem;
    box-sizing: border-box;
    background: #fff;
    pointer-events: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
/* .events-page .events-list .inner-content:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:'';
    margin:-.9375rem;
    border:.9375rem solid #002d6e;
    box-shadow:-.5rem 0.4375rem 1.82rem 0.18rem rgba(4,4,4,0.03);
    opacity:0;
    -webkit-transition:.5s ease;
    transition:.5s ease
} */

body.events .top-bar-container .background,
body.property-search .top-bar-container .background,
body.reports nav.top-bar-container .background {
    opacity: 1;
}

.events-page .events-list h5 {
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    color: #222;
    font-weight: 700;
    font-family: 'Poppins' !important;
}

.events-page .events-list h4 {
    margin-bottom: 1.5rem;
    letter-spacing: 0.5px;
    color: #002d6e;
    line-height: 40px;
    font-family: 'Poppins' !important;
    font-weight: 500;
    font-size: 24px;
}

.events-page .events-list p {
    letter-spacing: 1px;
    color: #666;
    position: relative;
    font-size: 15px;
}

.news-page header h2,
.property-search-page header h2 {
    letter-spacing: 0.01em;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

.file-button {
    font-size: 14px;
}

.register_page .file-wrapper .file-button {
    margin-left: 0 !important;
}

@media only screen and (max-width: 640px) {
    .events-page header h2,
    .events-page header p {
        display: block;
    }
    .events-page header h2 {
        margin-bottom: 0.75rem;
    }
    .events-page header p {
        padding: 10px;
    }
    .events-page .events-list-container {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    /* .events-page .events-list-container .arrows-container {
        left: 0;
        right: 0;
        bottom: -2.25rem;
        text-align: center;
    } */
    .events-page .events-list .slick-dots {
        padding: 0;
    }
}

.news-page header {
    margin-bottom: 4.5rem;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.news-page header .content-with-triangle {
    padding: 1.5rem 0;
}

.news-page header h2 {
    float: left;
    margin-left: 4.2%;
    padding-right: 1.5rem;
    line-height: 3rem;
}

.news-page header .triangle {
    height: 94.9%;
    max-height: 5.6875rem;
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .news-page header h2 {
        float: none;
        padding-right: 0;
        margin-left: 0;
        margin-bottom: 0.75rem;
        line-height: 2.25rem;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .news-page header .content-with-triangle {
        padding-bottom: 3rem;
    }
}

.property-search-page header {
    padding: 1.5rem 1.5rem 1.5rem 0;
    margin-bottom: 4.5rem;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.property-search-page header .content-container {
    display: table;
    width: 100%;
}

.property-search-page header h2,
.property-search-page header p {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

.property-search-page header h2 {
    padding-left: 4.5rem;
    padding-right: 1.5rem;
    line-height: 3rem;
    position: relative;
    white-space: nowrap;
}

.property-search-page header .vr-container {
    display: table-cell;
    vertical-align: middle;
}

.property-search-page header .vr-container .vr {
    height: 2rem;
    -webkit-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
    background: #002d6e;
    border-right: 0.3125rem solid #002d6e;
}

.property-search-page header p {
    width: 100%;
    padding-left: 2rem;
    margin: 0;
    color: #666;
    letter-spacing: 0.025em;
}

.property-search-page .iframe-and-rects {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
    margin-bottom: 4.5rem;
    position: relative;
}

.property-search-page .iframe-and-rects:after {
    content: " ";
    display: block;
    clear: both;
}

.property-search-page .iframe-and-rects .rect-1,
.property-search-page .iframe-and-rects .rect-2 {
    position: absolute;
    top: 0;
    -webkit-transform: translate(0, -1rem);
    transform: translate(0, -1rem);
    z-index: -1;
}

.property-search-page .iframe-and-rects .rect-1 {
    left: 0;
}

.property-search-page .iframe-and-rects .rect-2 {
    right: 0;
}

.property-search-page .iframe-and-rects .iframe-container {
    padding: 0 20px;
    background: #fff;
    overflow: auto;
}

.property-search-page .iframe-and-rects .iframe,
.property-search-page .iframe-and-rects frame,
.property-search-page .iframe-and-rects iframe {
    display: block;
    margin: 0 auto;
    position: relative;
}

.property-search-page .iframe-and-rects .iframe-loader {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10rem;
}

@media only screen and (max-width: 640px) {
    .property-search-page header .content-container,
    .property-search-page header h2,
    .property-search-page header p {
        display: block;
    }
    .property-search-page header h2 {
        padding-left: 2rem;
        margin-bottom: 0.75rem;
    }
    .property-search-page header .vr-container {
        display: none;
    }
}
/* body.reports{
    padding-left:24.9375rem
} */

body.reports nav.sidebar-container .sidebar {
    width: 490px;
    box-sizing: border-box;
    position: fixed;
    top: 230px;
    left: 0;
    bottom: 0;
    border-right: 1px solid #ddd;
    background: #fff;
    z-index: 6;
}

body.reports footer {
    z-index: 7;
}

body.reports .background-lines {
    display: none;
}

@media only screen and (max-width: 800px) {
    body.reports {
        padding-left: 0;
    }
}

.reports-page .main-page-content {
    padding-top: 236px;
    padding-left: 490px;
}

.reports-page .main-page-content .content-rect-block-list {
    padding-left: 0;
    padding-top: 0rem;
    margin-left: 0;
}

.reports-page header {
    height: 12rem;
    box-sizing: border-box;
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 5;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.reports-page header .page-info {
    height: 120px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.reports-page header .page-info .title-and-description {
    display: table;
    width: 100%;
}

.reports-page header .page-info .description-container,
.reports-page header .page-info .title-container {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

.reports-page header .page-info .title-container {
    width: 35rem;
    height: 120px;
    padding-left: 4.5rem;
}

.reports-page header .page-info h2 {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: 0.01em;
    /* line-height: 3rem; */
    color: #000;
    /* text-transform: uppercase; */
}

.reports-page header .page-info .input {
    color: #666;
    letter-spacing: 0.2em;
}

.reports-page header .page-info .description-container {
    padding-left: 6rem;
}

.reports-page header .page-info p {
    min-height: 3rem;
    max-width: 65rem;
    padding-right: 3.75rem;
    margin: 0;
    box-sizing: border-box;
    color: #666;
    letter-spacing: 0.075em;
}

.reports-page header .search-and-date-container {
    height: 6rem;
    margin-left: 490px;
    box-sizing: border-box;
    background: #fcfcfc;
    border-bottom: 1px solid #ddd;
}

.reports-page header .search-and-date {
    padding: 1.5rem 1.5rem 1.5rem 6rem;
    margin-left: 0;
    text-align: left;
}

.reports-page header .triangle {
    height: 97.9%;
    max-height: 5.8125rem;
    right: 0;
    display: none;
}

@media only screen and (max-width: 800px) {
    .reports-page header {
        height: auto;
        position: relative;
        top: auto;
        left: 0;
        box-shadow: none;
        /* padding: 40px 0 0 !important; */
    }
    body nav.top-bar-container.shrunk ~ div .reports-page header{
        top: 4rem !important;
    }
    body nav.top-bar-container.shrunk ~ div .reports-page .main-page-content {
        padding-top: 2rem !important;
    }
    .reports-page header .page-info {
        height: auto;
    }
    .reports-page header .page-info .title-container {
        width: auto;
        /* height: auto; */
        padding-left: 2.25rem;
        padding-right: 3rem;
    }
    .reports-page header .page-info .description-container {
        padding: 1.5rem 0;
    }
    .reports-page header .search-and-date-container {
        height: auto;
        margin-left: 0;
        border-bottom: none;
    }
    .reports-page header .search-and-date {
        padding: 1.5em 2.25em;
        margin-left: auto;
        text-align: center;
    }
    .reports-page header .search-and-date .search-by-date {
        margin-bottom: 0.75rem;
    }
    .reports-page header .search-and-date .sidebar-opener {
        display: block;
    }
}

@media only screen and (max-width: 640px) {
    .reports-page header .page-info {
        padding-left: 1.5em;
    }
    .reports-page header .page-info .title-and-description {
        display: block;
        margin-bottom: 0;
    }
    /* .reports-page header .page-info .description-container,
    .reports-page header .page-info .title-container {
        display: block;
    } */
    .reports-page header .page-info .title-container {
        padding-left: 0;
        margin-top: 1.5rem;
        padding-right: 0;
    }
}

.page-template-content {
    max-width: 79rem;
    min-height: 100vh;
    min-height: calc(100vh - 23.625rem);
    box-sizing: border-box;
    padding: 3rem 1.5rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.page-template-content .customizable-text,
.page-template-content .customizable-text h1,
.page-template-content .customizable-text h2,
.page-template-content .customizable-text h3,
.page-template-content .customizable-text h4,
.page-template-content .customizable-text h5,
.page-template-content .customizable-text h6,
.page-template-content .customizable-text p,
.page-template-content .customizable-text td,
.page-template-content .customizable-text th {
    color: #444;
}

.page-template-content .customizable-text a {
    color: #444;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.page-template-content .customizable-text a:active,
.page-template-content .customizable-text a:focus,
.page-template-content .customizable-text a:hover {
    color: #363636;
    border-bottom-color: #363636;
}

.coronavirus-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.coronavirus-modal .modal--background {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
}

.coronavirus-modal.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.3s;
    transition: visibility 0s linear 0s, opacity 0.3s;
}

.coronavirus-modal .modal--content {
    top: 50%;
    left: 50%;
    width: 80rem;
    max-height: 44rem;
    float: left;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #fff;
    z-index: 100;
    position: relative;
}

.coronavirus-modal .modal--content a.modal--close {
    display: block;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 999;
    position: absolute;
}

.coronavirus-modal .modal--content .accent {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/weslaco-coronavirus0472.png);
}

.coronavirus-modal .modal--content .content-area {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 3rem;
}

.coronavirus-modal .modal--content .content-area h1 {
    font-size: 2.47562em;
    line-height: 1.21182em;
    color: #062445;
}

.coronavirus-modal .modal--content .content-area p.link,
.coronavirus-modal .modal--content .content-area p.link a {
    font-size: 1em;
    color: red;
    font-family: 'Poppins' !important;
    font-weight: 600;
}

.coronavirus-modal .modal--content .content-area p.link a {
    border-bottom: 2px solid red;
}

.coronavirus-modal .modal--content .content-area .scroll-block {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    max-height: 38rem;
    padding-right: 1rem;
    overflow-y: auto;
}

@media only screen and (max-width: 1023px) {
    .coronavirus-modal .modal--content {
        width: 90%;
        height: 90%;
        max-height: 90%;
    }
    .coronavirus-modal .modal--content .accent {
        display: none;
    }
    .coronavirus-modal .modal--content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 4.5rem;
    }
    .coronavirus-modal .modal--content .content-area .scroll-block {
        max-height: 75rem;
    }
}

@media only screen and (max-width: 767px) {
    .coronavirus-modal .modal--content .content-area {
        padding: 4.5rem 1.5rem 1.5rem;
    }
    .coronavirus-modal .modal--content .content-area .scroll-block {
        max-height: 100%;
    }
    .events-page header{
        flex-wrap: wrap;
    }
    /* .contact-page .side-info .location-info{
        margin-bottom: 1.5rem !important;
    } */
    .datepicker thead{
        display: revert;
    }
    .datepicker tr,.datepicker tbody{
        display: revert;
    }
    .datepicker td{
        display: revert;
        width: 40px !important;
    }
    /* .thriving_industries .copy-container{
        max-width: 90%;
    } */
}
.datepicker table tr td span{
    height: 40px;
    line-height: 40px !important;
}
/* body.hidden-scrollbar{
    overflow:hidden
} */

.main {
    min-height: 100vh;
    box-sizing: border-box;
    position: relative;
}

.nav-cards-container .slick-slide:hover .nav-card {
    overflow: hidden;
}

.nav-cards-container .nav-card {
    transition: 1s all;
}

.nav-cards-container .nav-card:hover {
    transform: scale(1.1);
    transition: 1s all;
}
/* .nav-cards-container .nav-card:before{
	transition: 1s;
	transform: translateX(-100%);
}
.nav-cards-container .nav-card:hover::before{
	background: rgba(37,33,60,0.56);
	transform: translateX(0);
	transition: 1s;
} */

.nav-cards-container .nav-card .view-container {
    margin-left: 10%;
    left: 0;
}

.stat h4 {
    font-size: 0.9em;
    margin-bottom: 0.5rem;
}

.menu .inline-links li.social img {
    width: 25px;
    padding: 0 5px;
}

.contact-links .reset-font-styles {
    width: 100%;
    display: flex;
    padding-bottom: 6.09%;
}

.menu .contact-info a:not(.title) h5 {
    padding-left: 10px;
    color: #ffffffde;
    font-weight: 500;
    font-size: 14px;
}

.contact-links .reset-font-styles i {
    color: #ffffffde;
    line-height: 20px;
    font-size: 14px;
}

.stat p {
    font-size: 15px;
}

.home-page .economic-overview .statistics-content .tab-content-list h4.group-name {
    color: #333;
    font-weight: 600;
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .weslaco-advantage-page .education .title-progress-and-arrows .content-container {
        margin-left: 12%;
    }
}

.blog-section {
    width: 80%;
    margin: auto;
}

.blog-h1 {
    font-size: 30px;
    padding: 30px;
    height: 6rem;
    display: flex;
    align-items: center;
}

.list-style li {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins' !important;
    letter-spacing: 1px;
    color: #222;
}

.list-style li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: #002d6e;
    width: 6px;
    height: 6px;
}

.list-style {
    padding-left: 15px;
    margin: 15px 0;
}

.blog-inner .description-container h2,
.blog-inner .description-container h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 15px 0;
}

.w-100 {
    width: 100%;
}

.blog-img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.content-rect-block .description-container p {
    font-size: 15px;
    line-height: 27px;
    font-family: 'Poppins' !important;
}

.blog-inner strong,
.blog-inner strong a {
    color: #002d6e;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.075em;
    font-family: 'Poppins' !important;
}

.join-us-page .input-group.upload {
    width: 95%;
}

.business-incentives .right p {
    color: #333;
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.manufacturing-content {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.manufacturing-content p {
    color: #222;
    text-align: justify;
    font-family: 'Poppins' !important;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: center;
}

.business-incentives-slick .list-style {
    margin: 0;
    padding: 0;
}

.project-description-slick table {
    width: 50%;
    margin: 0 auto;
}

a.with-arrow.form-btn {
    padding: 15px 20px;
}

.contact-page .side-info a:hover {
    color: #002d6e;
}

.contact-page .side-info p strong {
    line-height: 35px;
    letter-spacing: 0;
    color: #222;
    font-family: 'Poppins' !important;
    font-weight: 700;
    font-size: 1.6em;
}

.contact-page .side-info a,
.weslaco-advantage-page .features .text-box p,
.business-page .weslaco-success p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin: 15px 0;
}

.design-guidlines-page .side-info {
    width: 25%;
    float: left;
    padding-top: 5%;
}

.design-guidlines-page .main-info {
    width: 72%;
    float: left;
    /* padding-top: 5%; */
    padding-bottom: 0;
}

.design-guidlines .city-initiatives .content-container .right-accordion .ui-accordion-tab span {
    padding: 20px 10px;
    border-bottom: none;
}

.design-guidlines-page .main-info {
    padding-bottom: 0;
}

.design-guidlines-page .side-info .title-container {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* button design */

.custom-btn {
    width: 100%;
    height: auto;
    border: 0;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: #002d6e;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgb(159 159 159 / 10%), 7px 7px 20px 0px rgb(159 159 159 / 10%), 4px 4px 5px 0px rgb(159 159 159 / 10%);
    outline: none;
    font-size: 15px;
}

.nav-anchor .custom-btn {
    width: auto;
}

.btn-16 {
    border: none;
    color: #fff;
}

.btn-16:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
}

.btn-16:hover {
    color: #000;
}

.btn-16:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}

/* .btn-16:active {
    top: 2px;
} */

.free-dfm-page .main-info textarea::-webkit-input-placeholder,
.join-us-page .main-info textarea::-webkit-input-placeholder {
    color: #222 !important;
}

.free-dfm-page .main-info textarea:-ms-input-placeholder,
.join-us-page .main-info textarea:-ms-input-placeholder {
    color: #222 !important;
}

.free-dfm-page .main-info textarea::placeholder,
.join-us-page .main-info textarea::placeholder {
    color: #222 !important;
}

.home-page .weslaco-advantage .contents .content .slide-in-container .description {
    padding-left: 0 !important;
}

/* .weslaco-advantage-page .hub .category-content .content-with-triangle {
    padding-bottom: 0 !important;
} */

.manufacturing-page .production-capabilities-2 .set > a.active i,
.manufacturing-page .production-capabilities-2 .set > a.active {
    color: #fff;
}

.manufacturing-page .production-capabilities-2 .set > a {
    color: #002d6e;
    font-size: 20px;
    font-weight: 700;
}

.custom-btn svg {
    width: 20px;
    margin-left: 10px;
}

.order-placed-section {
    padding: 3rem 1.5rem;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    position: relative;
    box-shadow: 1.5rem 1.5rem 0 0 #f4f4f4;
    margin-top: 50px;
    margin-bottom: 50px;
}

.fireworks {
    z-index: 100;
}

.pcb-place-inquiry-form {
    padding-top: 10%;
    padding-bottom: 10%;
}

.space-20 {
    height: 20px;
}

.text-small {
    font-size: 12px !important;
}

.justify-content-center {
    justify-content: center;
}

ul.tabs1 {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs1 li {
    background: none;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    color: #002d6e;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #ddd;
    padding: 10px 40px;
    border-radius: 15px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

ul.tabs1 li.current {
    background: #002d6e;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #ddd;
    padding: 10px 40px;
    border-radius: 15px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

.production-capabilities table.technology-table.table.pricing-table {
    margin: 10px auto;
}

.tab-content1 .table-info {
    margin: 0 !important;
    width: 100%;
}

.tab-content1 {
    border-bottom: 2px solid #002d6e;
    display: none;
    padding: 15px;
    text-align: center;
}

.tab-content1.current {
    display: inherit;
}

.capabilities-box {
    width: 80%;
    margin: auto;
}

.production-capabilities{
    padding: 40px 0;
    background: #f7f7f7;
}

@media only screen and (min-width:1540px) and (max-width:2440px){
    .capabilities-box {
        width: 65%;
    }
}

@media only screen and (min-width:2441px){
    .capabilities-box .col-md-6{
        flex: 0 0 24%;
        max-width: 24%;
    }
    .capabilities-box {
        width: 85%;
    }
    .capabilities-box .capabilities-box_main{
        min-height: 398px !important;
    }
}

@media only screen and (max-width:900px){
    .capabilities-box .col-md-6{
        flex: 0 0 100%;
        max-width:100%;
    }
    .capabilities-box .capabilities-box_main{
        min-height: auto !important;
    }
}
.mt-50 {
    margin-top: 50px;
}

.pl-20 {
    padding-left: 20px;
}

.mt-0 {
    margin-top: 0 !important;
}

nav.top-bar-container .right,
nav.top-bar-container .left {
    display: flex;
    align-items: center;
}

.right .nav {
    margin: 20px auto;
    display: flex;
    align-items: center;
}

.right .nav > li {
    float: left;
    padding: 0 20px;
    position: relative;
}

.right .nav > li > a,
.right .nav li ul li a {
    display: block;
    padding: 10px;
    color: #222;
    text-align: left;
    position: relative;
}

.right .nav li ul li:nth-child(1) {
    border-bottom: 1px solid #ffffff50;
}

.right .nav li ul li a {
    color: #fff;
    padding: 10px 0;
}

.right .nav > li:hover > ul li:hover a,
.right .nav > li:hover > a {
    color: #002d6e;
}

.right .nav li ul {
    display: none;
    padding: 0 20px;
}

.right .nav > li:hover ul {
    background: rgb(0 0 0 / 28%);
    display: block;
    position: absolute;
    top: 44px;
    min-width: 180px;
    left: 0px;
    width: 100%;
}

/* .technology_page .top-bar-container.shrunk .right .nav li ul li a, */
.manufacturing_page .right .nav > li > a,
.manufacturing_page .right .nav li ul li a,
/* .technology_page .right .nav > li > a, */
/* .technology_page .right .nav li ul li a, */
.home_page .right .nav > li > a,
.home_page .right .nav li ul li a {
    color: #fff;
}

.manufacturing_page .top-bar-container.shrunk .right .nav > li:hover > a,
.manufacturing_page .top-bar-container.shrunk .right .nav li ul li:hover a,
.home_page .top-bar-container.shrunk .right .nav > li:hover > a,
.home_page .top-bar-container.shrunk .right .nav li ul li:hover a
/* .technology_page .top-bar-container.shrunk .right .nav > li:hover > ul li:hover a, */
/* .technology_page .top-bar-container.shrunk .right .nav > li:hover > a */
{
    color: #002d6e;
}
body.about_us nav.top-bar-container.shrunk .links a i,
body.about_us .top-bar-container.shrunk .right .nav > li > a,
.manufacturing_page .top-bar-container.shrunk .right .nav > li > a,
.home_page .top-bar-container.shrunk .right .nav > li > a
/* .technology_page .top-bar-container.shrunk .right .nav > li > a */
{
    color: #222;
}

/* .technology_page .manufacturing-content {
    padding: 0;
}

.technology_page .business-incentives .right {
    padding: 3rem 1.5rem 3rem 0;
} */

.capabilities_glance_table .container {
    max-width: 1140px;
    margin: auto;
}

.saved_address_page .dashbox-right .address-check {
    display: flow-root;
}

.saved_address_page .dashbox-right {
    padding: 40px 10px 80px 10px;
}

.btn-lg {
    font-size: 17px;
    padding: 20px;
}

/* .technology_page .workforce h3, */
.manufacturing_page .cap-glance h3,
.manufacturing_page .production-capabilities-2 h3 {
    font-size: 40px;
}

.weslaco-advantage-page .contact-us,
.free-dfm-page .contact-us,
.join-us-page .contact-us,
/* .technology-page .contact-us, */
.business-page .contact-us,
.design-guidlines-page .contact-us {
    font-size: 20px;
}

.design_guidlines .copy-container span.anchor-styles {
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
}

.design_guidlines .vertical-mdl-tabs ul li {
    margin-bottom: 15px;
}

.user_profile_page span.overflow-control-description,
.checkout_page span.overflow-control-description,
.email_management_page span.overflow-control-description {
    margin-left: 10px;
}

.cart__terms li {
    margin-bottom: 10px;
}

.user_profile_page .user-profile .item,
.user_profile_page .item__content {
    padding: 0 20px;
}

::-moz-selection {
    color: #000;
    background: #B6D7A8;
}

::selection {
    color: #000;
    background: #B6D7A8;
}

.border-check {
    cursor: pointer;
}

.clear {
    clear: both;
}

.border-check {
    padding: 15px;
    border: 2px solid #002d6e;
    border-radius: 5px;
}

.bg-white {
    background: #fff;
}

.bg-light-gray {
    background: #f2f2f2;
}

.about-page .weslaco-advantage-page .central-location .title-container {
    margin-top: 2.25rem;
}

.blog-section .blog-slider {
    margin-top: 50px;
}

.align-items-center {
    align-items: center;
}

.capabilities-box .capabilities-box_main ul {
    width: 90%;
    margin: auto;
    margin-top: 20px;
}

.capabilities-box_content ul li {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.capabilities-box .capabilities-box_main {
    display: flex;
    min-height: 338px;
    padding: 1rem;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
    transition: 0.4s ease all;
    border-radius: 8px;
}

.capabilities-box_main:hover {
    box-shadow: none;
    transition: 0.4s ease all;
}

.capabilities-box .col-md-6:nth-child(1) .capabilities-box_main,
.capabilities-box .col-md-6:nth-child(2) .capabilities-box_main {
    min-height: 230px;
}

.capabilities-box .capabilities-box_content {
    width: 100%;
}

.capabilities-box .capabilities-box_content h3 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 26px;
    color: #002d6e;
}

.home_page .title-progress-and-arrows::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(147deg, #002d6e 0%, #002d6e 74%);
    opacity: 0.8;
    z-index: -1;
}

.home_page .title-progress-and-arrows {
    background: url(../images/blog/blog1.jpg);
}

/* .manufacturing_page .cap-glance {
    border-right: 1px solid #ddd;
    float: none;
} */

/* .manufacturing_page .cap-glance
.technology_page .slide-in-container
{
    width: 80%;
    margin: 0 auto;
} */

.tbl_glance {
    margin-top: 20px;
}

.tbl_glance ul li {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    padding: 15px 10px;
    transition: 0.4s ease all;
    border-bottom: 1px solid #ddd;
}

.tbl_glance ul li:hover {
    transition: 0.4s ease all;
    box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
}

.tbl_glance ul li:hover div {
    color: #002d6e;
    transition: 0.4s ease all;
}

.tbl_glance ul li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.tbl_glance ul li div {
    width: 50%;
}

.tbl_glance ul li div:last-child {
    text-align: right;
}

.w-90 {
    width: 90%;
}

.financial_details_page .tbl_glance {
    margin-bottom: 30px;
}

.cart_page h3.cart_title {
    margin-bottom: 0;
}

.user_profile_page .tbl_glance,
.checkout_page .tbl_glance {
    width: 70%;
    margin-bottom: 30px;
    margin-left: auto;
}
.cart_page .item_service {
    padding: 10px 0;
}
.user_profile_page .tbl_glance,
.checkout_page .tbl_glance {
    margin-left: 0;
    margin-right: auto;
}

.cart_page .dashbox-right .pull-right {
    float: right !important;
}

.user_profile_page .item_service {
    padding: 0;
}
.get_quotes .table-info .tbl_glance ul li{
	border-bottom: 1px solid #002d6e;
}
.get_quotes .table-info .tbl_glance ul li:first-child .text-center{
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
}
.get_quotes .table-info .tbl_glance ul li:first-child{
    justify-content: center !important;
    text-align: center !important;
}
.get_quotes .table-info .tbl_glance ul li:nth-child(7){
	border-bottom: 2px solid #002d6e;
}
.get_quotes .table-info .tbl_glance ul li:nth-child(8),
.get_quotes .table-info .tbl_glance ul li:nth-child(9),
.get_quotes .table-info .tbl_glance ul li:nth-child(10) {
	border-bottom: 0 !important;
}
.get_quotes .table-info .tbl_glance ul li:first-child:hover {
    box-shadow: none;
}
.get_quotes .table-info {
    box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
    padding-bottom: 20px;
}
.table-info, .table-info>td, .table-info>th{
    background-color: #fff;
}
a:hover{
    text-decoration: none !important;
}
#generateOffer h4.modal-title{
    width: 100%;
    margin-right: auto;
    text-align: left;
}
#generateOffer h4.modal-title,
#generateOffer .modal-body h4{
    font-size: 16px;
}
.text-red{
	color: red !important;
}

.pad-7{
	padding: 7px !important;
}
.item__content {
    margin: 0 auto !important;
}
.w-25{
	width: 25%;
}
#registration-form{
	padding: 5% 0 15%;
}
.hollow-circle{
	display: block;
}
/* new menu */
  /* Navbar */
.collapse:not(.show) {
    display: block;
}
a.menu_cart_main_link{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	display: block;
	padding: 0 !important;
}
.menu_cart_remove i {
	color: #222;
    font-size: 20px;
    background: #ffffff78;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.cart_menu_title a{
	color: #222 !important;
}

.cart_menu_img{
	display: flex;
    align-items: center;
}
.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
	box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
}
.custom-btn.btn-16:hover{
	color: #fff !important;
}
.download_brochure_page h4{
	line-height: 1.5 !important;
}

/* .technology_page .top-bar-container .mainmenu ul li a i,
.technology_page .top-bar-container .mainmenu .active a,
.technology_page .top-bar-container .mainmenu .active a,
.technology_page .top-bar-container .mainmenu .active a,
.technology_page .top-bar-container .mainmenu li a,
.technology_page .top-bar-container .mainmenu li a,
.technology_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.technology_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.technology_page .top-bar-container .navbar-default .navbar-nav > .show > a, */
.manufacturing_page .top-bar-container .mainmenu ul li a i,
.manufacturing_page .top-bar-container .mainmenu .active a,
.manufacturing_page .top-bar-container .mainmenu .active a,
.manufacturing_page .top-bar-container .mainmenu .active a,
.manufacturing_page .top-bar-container .mainmenu li a,
.manufacturing_page .top-bar-container .mainmenu li a,
.manufacturing_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.manufacturing_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.manufacturing_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container .mainmenu ul li a i,
.home_page .top-bar-container .mainmenu .active a,
.home_page .top-bar-container .mainmenu .active a,
.home_page .top-bar-container .mainmenu .active a,
.home_page .top-bar-container .mainmenu li a,
.home_page .top-bar-container .mainmenu li a,
.home_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container .mainmenu ul li a i,
.about_us .top-bar-container .mainmenu .active a,
.about_us .top-bar-container .mainmenu .active a,
.about_us .top-bar-container .mainmenu .active a,
.about_us .top-bar-container .mainmenu li a,
.about_us .top-bar-container .mainmenu li a,
.about_us .top-bar-container .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container .navbar-default .navbar-nav > .show > a,
.mainmenu ul li a i{
	color: #fff;
}

.mainmenu a,
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    padding: 6px 18px;
    display: block !important;
}
.top-bar-container .mainmenu ul li a i,
.top-bar-container .mainmenu .active a,
.top-bar-container .mainmenu .active a,
.top-bar-container .mainmenu .active a,
.top-bar-container .mainmenu li a,
.top-bar-container .mainmenu li a,
.top-bar-container .navbar-default .navbar-nav > .show > a,
.top-bar-container .navbar-default .navbar-nav > .show > a,
.top-bar-container .navbar-default .navbar-nav > .show > a{
	color: #222;
}
/* .technology_page .top-bar-container.shrunk .mainmenu ul li a i,
.technology_page .top-bar-container.shrunk .mainmenu .active a,
.technology_page .top-bar-container.shrunk .mainmenu .active a,
.technology_page .top-bar-container.shrunk .mainmenu .active a,
.technology_page .top-bar-container.shrunk .mainmenu li a,
.technology_page .top-bar-container.shrunk .mainmenu li a,
.technology_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.technology_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.technology_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a, */
.manufacturing_page .top-bar-container.shrunk .mainmenu ul li a i,
.manufacturing_page .top-bar-container.shrunk .mainmenu .active a,
.manufacturing_page .top-bar-container.shrunk .mainmenu .active a,
.manufacturing_page .top-bar-container.shrunk .mainmenu .active a,
.manufacturing_page .top-bar-container.shrunk .mainmenu li a,
.manufacturing_page .top-bar-container.shrunk .mainmenu li a,
.manufacturing_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.manufacturing_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.manufacturing_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container.shrunk .mainmenu ul li a i,
.home_page .top-bar-container.shrunk .mainmenu .active a,
.home_page .top-bar-container.shrunk .mainmenu .active a,
.home_page .top-bar-container.shrunk .mainmenu .active a,
.home_page .top-bar-container.shrunk .mainmenu li a,
.home_page .top-bar-container.shrunk .mainmenu li a,
.home_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.home_page .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container.shrunk .mainmenu ul li a i,
.about_us .top-bar-container.shrunk .mainmenu .active a,
.about_us .top-bar-container.shrunk .mainmenu .active a,
.about_us .top-bar-container.shrunk .mainmenu .active a,
.about_us .top-bar-container.shrunk .mainmenu li a,
.about_us .top-bar-container.shrunk .mainmenu li a,
.about_us .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a,
.about_us .top-bar-container.shrunk .navbar-default .navbar-nav > .show > a{
	color: #222;
}
.mainmenu ul li:hover a i,
.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav > .show > a,
.navbar-default .navbar-nav > .show > a:focus,
.navbar-default .navbar-nav > .show > a:hover {
    color: #002d6e !important;
}
/*==========Sub Menu=v==========*/

.events .top-bar-container .mainmenu .collapse ul ul,
.reports .top-bar-container .mainmenu .collapse ul ul,
.top-bar-container.shrunk .mainmenu .collapse ul ul,
.top-bar-container.shrunk .mainmenu .collapse ul ul.dropdown-menu {
    background: #fff;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #222;
}
.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #1e88e5;
}
.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #64b5f6;
}
.cart_menu_title a{
	padding: 0 !important;
}
/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}
.mainmenu .collapse ul ul.dropdown-menu.cart_menu_popup{
	z-index: 999999;
	background: #fff !important;
	box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
}

.mainmenu .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 250px;
    display: none;
}
.mainmenu .collapse ul ul li:hover a{
    color: #002d6e;
}

.mainmenu .collapse ul ul li:hover > ul {
    display: block;
}
.mainmenu .collapse ul li:hover > ul {
    display: block;
}
.mainmenu .collapse ul ul li {
    position: relative;
    border-bottom: 1px solid #002d6e63;
}
.mainmenu .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 14%;
    min-width: 210px;
    display: none;
}
.mainmenu .collapse ul ul li:last-child{
    border-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 35px;
    }
    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 16px 15px 16px 45px;
    }
}
/*******/
.mainmenu .collapse ul ul ul li {
    position: relative;
}
.mainmenu .collapse ul ul ul li:hover ul {
    display: block;
}
.mainmenu .collapse ul.cart_menu_popup {
    min-width: 300px;
}
.mainmenu .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: -100%;
    min-width: 250px;
    display: none;
    z-index: 1;
}
.cart_shop .cart_details {
    position: absolute;
    z-index: 11;
    background-color: #fff;
    width: 311px;
    right: 0px;
    padding: 12px 20px;
    top: calc(100% - 0px);
    box-shadow: 0 10px 25px rgb(0 0 0 / 15%);
}

.cart_shop .cart_details .total-count {
    padding: 12px 0px;
    border-bottom: 1px solid #ccc;
}
.cart_shop .cart_details .total-count span {
    font-size: 14px;
    font-weight: 600;
    color: #222 !important;
    text-transform: uppercase;
}
.cart_shop .cart_details .total-count a {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
    color: #222 !important;
	padding: 0 !important;
}
.cart_shop .cart_details .cart_list {
    width: 100%;
    float: left;
    padding: 18px 0px;
    border-bottom: 1px solid #ccc;
}
.cart_shop .cart_details .cart_list .select_cart a{
	padding: 0 !important;
	color: #222 !important;
}
.cart_shop .cart_details .cart_list .select_cart {
    padding: 12px 0px;
    width: 50%;
    float: left;
}
.cart_shop .cart_details .cart_list .select_cart span {
    display: block;
    color: #222 !important;
    font-size: 15px;
    padding-top: 8px;
}
.cart_shop .cart_details .cart_list .select_img {
    position: relative;
}
.cart_shop .cart_details .cart_list .select_img img {
    width: 88px;
    float: right;
}
.cart_shop .cart_details .cart_list .select_img .close_btn {
    position: absolute;
    right: 32px;
    top: 33px;
    cursor: pointer;
}
.cart_shop .cart_details .cart_list .select_img .close_btn i {
    color: #222 !important;
    background: #fff;
    padding: 7px 8px;
    font-size: 11px;
    border-radius: 30px;
}
.cart_shop .cart_details .sub_total {
    width: 100%;
    float: left;
}
.cart_shop .cart_details .sub_total p {
    color: #222 !important;
    padding: 12px 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.cart_shop .cart_details .sub_total span {
    float: right;
    color: #222 !important;
    font-size: 16px;
    font-weight: 600;
}
.cart_shop .cart_details .cart_btn {
    width: 100%;
    float: left;
    margin: 12px 0px;
}
.cart_shop .cart_details .cart_btn a {
    display: inline-block !important;
    padding: 6px 13px !important;
    color: #fff !important;
    margin-left: 9px;

}
.w-92{
	width: 92%;
}
.free_dfm_page h1 span:nth-child(2){
	font-size: 24px;
    display: block;
    line-height: 1.5;
}
.top-bar-container .mainmenu .collapse ul ul,
.top-bar-container .mainmenu .collapse ul ul.dropdown-menu{
	background: #fff !important;
}
.top-bar-container .mainmenu ul.dropdown-menu li a{
	color: #222 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
}
.top-bar-container .mainmenu ul.dropdown-menu li:hover a{
	color: #002d6e !important;
}
.about_us .weslaco-advantage-page .education{
	padding-top: 10%;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

/* .about_us .weslaco-advantage-page .business{
    background: #f7f7f7;
} */

/* @media only screen and (min-width:1900px){
    .about_us .weslaco-advantage-page .education{
        width: 80%;
        margin: auto;
    }
} */
.custom-select{
	height: calc(2em + .50rem + 2px);
}
.desktop-none{
	display: none;
}
.home_page .weslaco-advantage-page .supportive-infrastructure .infrastructure-copy{
	width: 35%;
}
.home_page .weslaco-advantage-page .supportive-infrastructure .tab-content-list-container .description-container{
	width: 100%;
}
.home_page .weslaco-advantage-page .supportive-infrastructure .images .image {
    height: 30rem;
}
.home-page header .copy-container>div.right-info{
	padding-left: 0;
}
.home-page header .copy-container>div.right-info {
	font-size: 16px;
}
.home-page header .copy-container>div.right-info:before{
	z-index: 1;
    display: none;
}
.home-page .content-with-triangle h3{
	font-size: 20px;
}
.home-page header .copy-container{
	margin-top: 0;
}
.weslaco-advantage-page .hub .category-content h5{
	font-size: 1.6875em;
    line-height: 1.05495em;
}
.free-dfm-page .main-info .message-field textarea,
	.join-us-page .contact-form .message-field.input-group textarea {
		padding-left: 40px !important;
	}
	p.left_element{
		padding-left: 15px;
	}
p.left_element:before {
	content: '';
	display: flex;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	background: #002d6e;
	align-items: center;
	padding: 3px;
	top: 6px;
	line-height: 1.5;
}

/* Notifications css start */
#Notifications {
	position: fixed;
	right: 0;
	top: 50px;
	transform: translate(-10%,50%);
	z-index: 999;
	color: #fff;
}
.Notification_Content{
	padding: 10px 20px;
}
div.Notification {
	display: table;
	min-width: 250px;
	box-shadow: 0 0 3px black;
	border-radius: 10px;
	padding-left: 10px;
}

div.Notification div.Content {
	padding: 3px;
	margin-left: 70px;
	margin-right: 10px;
}
div.Notification.error,
div.Notification.warning,
div.Notification.good {
	background: #fff;
	overflow: hidden;
	color: #002d6e;
}
div.Notification.warning{
	color: orange;
}
div.Notification.error{
	color: red;
}
div.Notification:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	border-radius: 10px 0 0 10px;
}
div.Notification.good:before{
	content:'';
	background: #002d6e;
}
div.Notification.error:before{
	content:'';
	background: red;
}
div.Notification.warning:before{
	content:'';
	background: orange;
}

/* div.Notification div.Image {
	width: 60px;
	height: 60px;
	float: left;
	background-size: cover;
} */
div.Notification div.ProgressDiv div {
	height: 3px;
	width: 0%;
	box-shadow: 0 0 10px rgba(159 159 159 / 20%);
	background: #002d6e;
	border-radius: 0 0 30px 0;
}
div.Notification.good div.ProgressDiv div {
	background: #002d6e;
}
div.Notification.error div.ProgressDiv div {
	background: red;
}
div.Notification.warning div.ProgressDiv div {
	background: orange;
}

/* Notifications css end */

.user_profile_page .capabilities-box_main{
	display: flex;
    padding: 2rem;
    border-radius: 10px;
    width: 100%;
    margin: auto;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0px 10px 40px rgb(34 35 58 / 20%);
    transition: 0.4s ease all;
    justify-content: center;
}
.user_profile_page .capabilities-box_main:hover{
	box-shadow: none;
    transition: 0.4s ease all;
}
.user_profile_page .capabilities-box_main .capabilities-box_content{
	width: 100%;
    margin: auto;
}
.user_profile_page .capabilities-box_main .tbl_title {
    width: 35%;
}
.user_profile_page .capabilities-box_main .tbl_content {
    width: 65%;
}
.user_profile_page .capabilities-box_content ul li {
    justify-content: flex-start;
}
#search-menu {
	position: fixed;
	width: 100%;
	height: 100%;
	top: -20em;
	left: 0;
	right: 0;
	white-space: nowrap;
	z-index: 9999;
	background: -moz-linear-gradient rgba(0,0,0,0.90);
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01))); */
	background: -webkit-linear-gradient rgba(0,0,0,0.90);
	background: -o-linear-gradient rgba(0,0,0,0.90);
	background: -ms-linear-gradient rgba(0,0,0,0.90);
	background:rgba(0,0,0,0.90);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 500ms ease all;
	-moz-transition: 500ms ease all;
	transition: 500ms ease all;
  }
  #search-menu.toggled {
	top: 0;
	opacity: 1;
	visibility: visible;
  }
  #search-menu .wrapper {
	position: relative;
	margin: 5em auto 0 auto;
	padding: 0 1em;
  }
  #search-menu .wrapper input {
	width: 90%;
	padding: 0 0 0.125em 0;
	background: transparent;
	border: none;
	border-bottom: 3px solid #002d6e;
	font-size: 2em;
	color: #fff;
  }
  #search-menu .wrapper input:focus {
	outline: none;
  }
  #search-menu .wrapper button {
	position: absolute;
	display: block;
	width: 10%;
	right: 0;
	top: 0;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 2em;
	-webkit-transition: 500ms ease all;
	-moz-transition: 500ms ease all;
	transition: 500ms ease all;
  }
  #search-menu .wrapper button:hover {
	color: #fff;
  }
  #search-menu .wrapper button:focus {
	outline: none;
  }

  #search-icon {
	cursor: pointer;
	text-align: center;
	-webkit-transition: 500ms ease all;
	-moz-transition: 500ms ease all;
	transition: 500ms ease all;
  }
  #search-icon:hover {
	color: #fff;
  }
  #search-menu ::-webkit-input-placeholder { /* Edge */
	color: #fff;
  }

  #search-menu :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
  }

  #search-menu ::placeholder {
	color: #fff;
  }
  #search-menu .fa-search{
    color: #fff;
    font-size: 1em;
    line-height: 2;
  }

.search-results{
    position: relative;
    top: 10%;
    width: 90%;
    margin: 0 auto;
}

.search-ul{
    list-style: none;
    margin-bottom: 40px;
    padding-left: 40px;
    margin-top: 30px!important;
}

.search-list-item{
    position: relative;
    line-height: 32px;
    margin-bottom: 8px;
}

.search-list-item:before {
    content: "";
    display: block;
    height: 10px;
    width: 6px;
    border-left: 2px solid #002d6e;
    border-top: 2px solid #002d6e;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    top: 13px;
    left: -23px;
    z-index: 1;
}

.search-list-item:after{
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #eee;
    position: absolute;
    top: 10px;
    left: -30px;
}

.search-closebtn{
    position: absolute;
    right: 25px;
    left: auto;
    color: #ffffff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    transition: all 500ms ease;
}

.edit_profile_page #myModal #regForm .tab h3 {
    font-size: 1em;
    width: 91%;
    margin-left: auto;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 9px);
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
	padding: 10px 20px !important;
	margin: 0 !important;
	box-shadow: 0px 7px 20px rgb(34 35 58 / 20%);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.2rem);
    padding: .575rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #ddd;
    border-left: inherit;
    border-radius: 0 30px 30px 0;
}
.custom-file-input:focus~.custom-file-label {
	outline: 0;
    border-color: #002d6e;
    box-shadow: none;
}
#datepicker{
	width:fit-content;
	margin-left: auto;
	/* box-shadow: 0px 7px 20px rgb(34 35 58 / 20%); */
    /* border-radius: 30px; */
}
#datepicker > span:hover{
	cursor: pointer;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #002d6e !important;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c) !important;
    background-image: -ms-linear-gradient(to bottom,#08c,#04c) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#002d6e),to(#002d6e)) !important;
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c) !important;
    background-image: -o-linear-gradient(to bottom,#08c,#04c) !important;
    background-image: linear-gradient(to bottom,#002d6e,#039200) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #002d6e #002d6e #079804 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #002d6e;
}
.datepicker td, .datepicker th {
    font-size: 13px;
}
div.datepicker th {
	background: unset;
    font-size: 13px;
    padding: 5px 10px;
}
.datepicker_input .form-control{
	/* border-radius: 30px 0 0 30px; */
    background: #fff;
    font-size: 14px;
    padding: 0px 20px;
    height: 42px;
}
.datepicker_input .input-group-addon{
	padding: 9px 20px;
    background: #002d6e;
    color: #fff;
    /* border-radius: 0 30px 30px 0; */
}
.datepicker_input .fa-calendar-alt{
	color: #fff;
}
.contact-links .reset-font-styles{
	align-items: center;
}
.menu .big-links h3{
	margin: 0;
    font-weight: 600;
    font-size: 17px;
}
.menu .inline-links {
    padding-bottom: 8%;
    padding-top: 8%;
}
.social i {
    font-size: 30px !important;
}
.left-sidebar {
	float: left;
}
.my_order_input{
	height: 42px;
	padding: 0 20px !important;
}
.pagination button{
	border: 1px solid #002d6e;
}
.pagination button.active{
	background: transparent;
    color: #222;
    border: 1px solid #002d6e;
}
.pagination button.active:hover{
	color: #002d6e !important;
}

.text-white{
    color: #fff;
}

.middle-layerButton{
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.middle-layerButton:hover{
    color: #333!important;
    border-color: #333 !important;
}

.commonBtn-layer, .middle-layerButton{
    width: 100%;
    height: auto;
    border: 0;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: #002d6e;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    font-size: 16px;
    box-shadow: inset 2px 2px 2px 0px rgb(159 159 159 / 10%), 7px 7px 20px 0px rgb(159 159 159 / 10%), 4px 4px 5px 0px rgb(159 159 159 / 10%);
}

.commonBtn-layer:hover{
    color: #002d6e !important;
    background: transparent;
    border: 1px solid #002d6e;
}

@media only screen and (max-width:400px){
    .weslaco-advantage-page .education{
        margin-bottom: 8.25rem;
    }
}

@media only screen and (min-width:401px) and (max-width:480px){
    .weslaco-advantage-page .education {
        margin-bottom: 10.25rem;
    }
}

@media only screen and (min-width:481px) and (max-width:583px){
    .weslaco-advantage-page .education {
        margin-bottom: 13.25rem;
    }
}

@media only screen and (min-width:584px) and (max-width:768px){
    .weslaco-advantage-page .education {
        margin-bottom: 20.25rem;
    }
}

@media only screen and (min-width:1441px){
    .home-page header .copy-container .right-info .content-with-triangle{
        margin-top: -4rem;
    }
}

.industry_mb .dark-arrow{
    margin-bottom: 5px;
}

@media only screen and (min-width:768px) and (max-width:800px){
    .industry-cards{
        padding-top: 24px;
    }
}

.textarea_field{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding-left: 52px;
    background: rgb(255, 255, 255);
    width: 100%;
    border: 1px solid rgb(170, 170, 170);
    border-radius: 8px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 42px;
    min-height: 42px;
}

.fd-flex{
    display: flex;
}

@media only screen and (max-width:767px){
    .fd-flex{
        display: block;
    }
}

.top-padding{
    padding-top:25px;
}

body nav.top-bar-container.shrunk ~ div .reports-page header{
    top: 110px;
}

body nav.top-bar-container.shrunk ~ div .reports-page .main-page-content{
    padding-top: 12rem;
}

body nav.top-bar-container.shrunk ~ div .reports-page nav.sidebar-container .sidebar{
    top: 230px;
}
/*  */
.carousel-indicators{
    padding-bottom: 0px;
    z-index: 2;
}

.carousel-indicators li{
    background-color: rgba(16,16,16,0.40);
}

.carousel-indicators .active{
    background-color: #002d6e;
}

.carousel-desktop{
    height: 540px;
    object-fit: cover;
}

.carousel-mobile{
    display: none;
    height: 100%;
    object-fit: cover;
}

.mini-calculator{
    width: 1336px;
    margin: 0 auto;
}

.small-calc{
    top: -60px;
    right: 0;
    /* height: 132px; */
    opacity: 1;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 5px 30px 0px rgb(158 164 201 / 20%);
    position: relative;
    padding: 20px 24px;
}

.small-calc-input{
    border: 1px solid #e2e2e2 !important;
    border-radius: 8px !important;
    height: 40px;
    background: #fff;
    font-size: 12px;
    max-width: 100% !important;
    min-width: 90px;
    color: #888;
    padding: 0 10px;
}

.small-calc-flex{
    display: flex;
    /* align-items: center; */
}

.small-calc .input-group-prepend, .input-group-append {
    height: 40px;
    padding: 10px 15px;
    background: #f2f2f2;
    margin-bottom: 10px;
}

.small-calc .input-group-text {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #333;
}
.small-calc div.dispatch_unit-box .pcb_tabLink.tabLink_current{
    background: #002d6e;
    color: #fff;
    transition: .3s all ease;
}
.small-calc .tabLink_current {
    background: #002d6e;
    color: #fff !important;
}
.small-calc .pcb_tabLink {
    padding: 10px 14px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #333;
    white-space: nowrap;
    border: 1px solid #002d6e;
    text-align: center;
    margin-right: 10px !important;
    transition: .3s all ease;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    height: 40px;
}

.visible-btn{
    visibility: hidden;
}
.mgn {
    margin-right: 0;
}
.mgn-rgt {
    margin-right: 0px;
}
@media only screen and (max-width:629px) {
    .small-calc .pcb_tabLink {
        padding: 10px 14.9px;
    }

}

@media only screen and (max-width:1399px) and (min-width:1200px){
    .mini-calculator{
        width: auto;
    }
    .small-calc-flex .custom-btn{
        font-size: 13px !important;
        padding: 8px 7px !important;
    }
}

@media only screen and (max-width:1199px) and (min-width:630px){
    .mini-calculator{
        width: 630px;
    }
    .mr-4, .mx-4 {
        margin-right: 0!important;
    }
    .small-calc .pcb_tabLink {
        margin-right: 6.5px !important;
    }
    .mgn-rgt {
        margin-right: 10px;
    }
    .banner-form {
        padding: 0 8px !important;
    }

    .small-calc-flex{
        flex-wrap: wrap;
        grid-gap: 10px;
    }

    .small-calc .pcb_tabLink{
        padding: 10px 18px;
    }

    /* .min-width-200{
        min-width: 282px !important;
    } */

    .small-calc-input{
        min-width: 150px;
    }

    .visible-btn{
        display: none;
    }
}

@media only screen and (max-width:629px) and (min-width:495px){
    .mini-calculator{
        width: 504px;
    }

    .small-calc-flex, .small-calc .dispatch_unit-box, .wrapped-flex{
        flex-wrap: wrap;
    }

    .small-calc-flex{
        grid-gap: 16px;
    }

    .small-calc{
        padding: 20px 17px;
    }

    .small-calc .pcb_tabLink, .small-calc-flex .mr-4{
        margin-right: 0 !important;
    }

    .visible-btn{
        display: none;
    }

    /* .min-width-200{
        min-width: 25rem;
    } */

    .small-calc-flex .mr-5{
        margin-right: 0 !important;
    }

    #id_smallCalcTabs{
        grid-column-gap: 10px;
        grid-template-columns: 100% 100%;
        display: grid !important;
    }
}

@media only screen and (max-width:494px){
    .mini-calculator{
        width: 419px;
    }
    .mr-4 {
        margin-right: 0rem !important;
    }

    .small-calc-flex, .small-calc .dispatch_unit-box, .wrapped-flex{
        flex-wrap: wrap;
    }

    .small-calc-flex{
        grid-gap: 16px;
    }

    #id_smallCalcTabs{
        grid-column-gap: 10px;
        grid-template-columns: 100% 100%;
        display: grid !important;
    }

    .small-calc .pcb_tabLink{
        margin-right: 0 !important;
        padding: 10px 4.7px;
    }

    .small-calc{
        padding: 20px 14px;
    }

    .small-calc-flex .mr-5{
        margin-right: 0 !important;
    }

    .visible-btn{
        display: none;
    }
}

@media only screen and (max-width:400px){
    .mini-calculator{
        width: 317px;
    }
    .banner-form{
        padding: 0 !important;
    }
    .design-guidlines-page .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab{
        font-size: 14px !important;
    }
}

.strip-mobile{
    display: none;
}

@media only screen and (max-width:1199px){
    .carousel-indicators{
        padding-bottom: 4%;
    }

    .carousel-desktop{
        display: none;
    }

    .carousel-mobile{
        display: block;
    }

    .small-calc{
        top: 0;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:1150px) and (min-width:1025px){
    .home-page .weslaco-advantage .title-progress-and-arrows{
        width: 43%;
        margin: 0 auto -15rem;
    }
}

@media only screen and (max-width:1225px) and (min-width:1149px){
    .home-page .weslaco-advantage .title-progress-and-arrows{
        width: 43%;
        margin: 0 auto -12rem;
    }
}

@media only screen and (max-width:1300px) and (min-width:1226px){
    .home-page .weslaco-advantage .title-progress-and-arrows{
        width: 43%;
        margin: 0 auto -10rem;
    }
}

@media only screen and (max-width:991px) and (min-width:801px){
    .home-page .weslaco-advantage .title-progress-and-arrows{
        width: 55% !important;
        transform: translate(0%);
    }
}

@media only screen and (max-width:840px) and (min-width:768px){
    .mr-345{
        margin-right: 345px;
    }
}

.design-guidlineIcon{
    width: 20%;
    text-align: center;
}

.feature{
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 50px;
}

.feature p{
    margin-top: 0;
    font-size: 15px !important;
}

.feature .icon{
    margin-bottom: 20px;
    position: relative;
}

.feature .icon:before{
    position: absolute;
    content: "";
    width: 55px;
    height: 55px;
    top: -9px;
    left: 50%;
    background-color: #00000029;
    border-radius: 50%;
    z-index: 0;
}

.feature img{
    width: 65px;
    position: relative;
}

.feature h3{
    color: #002d6e;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.sidebar-social-icon{
    width: 30px !important;
}

@media only screen and (min-width:1900px){
    .menu{
        max-width: 18%;
    }
}

@media only screen and (min-width:992px) and (max-width:1240px){
    .menu{
        max-width: 28%;
    }
}

.contact-icons:hover i, .contact-icons:hover a>p{
    color: #002d6e !important;
}

.newsletter-input{
    padding-left: 10px !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-weight: 400;
    border-radius: 8px !important;
    height: 42px;
    background: #fff;
    width: 100%;
    border: 1px solid #aaaaaa;
    color: #000;
}

.newsletter-input:focus{
    border-color: #002d6e !important;
}

.newsletter-icon{
    right: 0;
    background: transparent;
    position: absolute;
    top: 0;
    padding: 15px 17px;
    font-size: 15px;
    z-index: 4;
}

.news-letter{
    z-index: 8;
    position: relative;
}

.news-letter::after{
    bottom: -2px;
    right: -13px;
    width: 30px;
    height: 30px;
    background: #002d6e;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    content: '';
}

@media only screen and (max-width:1399px){
    .thriving_industries .right-button{
        margin-top: 1rem;
    }
}

.tracking-nr{
    hyphens: auto;
    width: 165px;
    margin: auto;
    white-space: initial;
}

@media only screen and (max-width:767px){
    .tracking-nr{
        width: auto;
    }
}

/* date-picker */

.datepicker table tr td.today{
    background-color: #A8BFD7;
    border-color: #A8BFD7;
}
.datepicker table tr td.active,.datepicker table tr td span.active{
    background-image: none !important;
    border: 0 !important;
    background-color: #B6D7A8 !important;
    color: #000 !important;
    font-weight: 100;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused,.datepicker table tr td span:hover,.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover{
    border: 1px solid #eee;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    background: transparent !important;
}
div.datepicker th{
    font-weight: 600;
    padding: 1px 10px;
}
.datepicker-dropdown:before,.datepicker-dropdown:after{
    content: none;
}
div.datepicker{
    text-transform: capitalize;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 6px;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb {
    background: #002d6e;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}