@import url('animation-effect.css');

@font-face {
    font-family: 'Galvji';
    src: url('../fonts/Galvji.eot');
    src: url('../fonts/Galvji.eot?#iefix') format('embedded-opentype'), url('../fonts/Galvji.woff2') format('woff2'), url('../fonts/Galvji.woff') format('woff'), url('../fonts/Galvji.ttf') format('truetype'), url('../fonts/Galvji.svg#Galvji') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Galvji';
    src: url('../fonts/Galvji-Oblique.eot');
    src: url('../fonts/Galvji-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Galvji-Oblique.woff2') format('woff2'), url('../fonts/Galvji-Oblique.woff') format('woff'), url('../fonts/Galvji-Oblique.ttf') format('truetype'), url('../fonts/Galvji-Oblique.svg#Galvji-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Galvji';
    src: url('../fonts/Galvji-Bold.eot');
    src: url('../fonts/Galvji-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Galvji-Bold.woff2') format('woff2'), url('../fonts/Galvji-Bold.woff') format('woff'), url('../fonts/Galvji-Bold.ttf') format('truetype'), url('../fonts/Galvji-Bold.svg#Galvji-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Galvji';
    src: url('../fonts/Galvji-BoldOblique.eot');
    src: url('../fonts/Galvji-BoldOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/Galvji-BoldOblique.woff2') format('woff2'), url('../fonts/Galvji-BoldOblique.woff') format('woff'), url('../fonts/Galvji-BoldOblique.ttf') format('truetype'), url('../fonts/Galvji-BoldOblique.svg#Galvji-BoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root {
    --blue: #4b6377;
    --screen-blue: #479fce;
    --black: #000;
    --white: #fff;
    --body-font-color: #5d6368;
    --body-font: 'Galvji', sans-serif;
    --body-font-size: 16px;
    --body-line-height: 1.6666666666666667;
    --global-letter-spacing: 1px;
    --page-center: 1290px;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semiBold: 600;
    --font-bold: 700;
    --header-space: 137px;
    --btn-color: #8ab4ca;
    --lazy-bg: #c2d8e3;
}

html {
    overflow-x: hidden;
    font-size: var(--body-font-size);
}

body {
    color: #5d6368;
    font-size: 100%;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: var(--body-line-height);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

* {
    border: none;
    margin: 0;
    outline: none !important;
    padding: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    color: var(--white);
    background-color: var(--blue);
}

::selection {
    color: var(--white);
    background-color: var(--blue);
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

label {
    display: block;
    margin: 0 0 5px;
    font-weight: var(--font-regular);
}

label.auto {
    display: inline-block;
    margin: 5px 40px 5px 0
}

label.auto:last-child {
    margin-right: 0
}

ul,
ol {
    list-style: none
}

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

a:hover,
a:focus {
    color: var(--black);
}

small {
    font-size: 70%;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--body-font);
    font-weight: var(--font-bold);
    color: var(--blue);
    letter-spacing: var(--global-letter-spacing);
    line-height: 1.2;
    margin: 35px 0 15px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

.f15 {
    font-size: 15px;
}

.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 15px 30px;
}

.alignleft {
    float: left;
    margin: 5px 30px 15px 0;
}

.alignnone {
    margin: 10px 0;
}

.alignblock {
    margin: 10px 0;
    float: none;
    width: 100%;
    display: block;
}

.alignright.shadow {
    -webkit-box-shadow: -25px 25px 40px rgba(0, 0, 0, 0.16);
    box-shadow: -25px 25px 40px rgba(0, 0, 0, 0.16);
    margin-left: 105px;
    margin-bottom: 40px;
}

img.alignright+h4,
img.alignleft+h4,
img.aligncenter+h4 {
    margin-top: 15px;
}

p.pn {
    padding: 0;
    margin: 0;
}

p {
    margin: 0 0 10px;
}

p+ul,
p+ol {
    margin-top: 20px;
}

ul {
    margin: 0 0 25px;
}

.bullet ul li {
    position: relative;
    padding: 0 0 7px 22px;
    overflow: hidden;
}

.bullet ul li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: var(--font-regular);
    font-size: 12px;
    color: var(--blue);
    display: inline-block;
    line-height: 1;
    position: absolute;
    left: 5px;
    top: 10px;
}

ul.circle li:before {
    content: "\f111";
    font-weight: 600;
    font-size: 6px;
    left: 5px;
    top: 9px;
}

ol {
    padding-left: 31px;
    margin: 0 0 25px;
    text-align: left;
    overflow: hidden
}

ol li {
    list-style: decimal;
    padding-bottom: 20px;
    padding-left: 0;
}

ol li ul>li {
    padding-left: 20px;
    list-style: none
}

ol li ul>li:before {
    display: block;
    left: 1px
}

ul ol li {
    overflow: visible
}

ul ol li:before {
    display: none;
    overflow: visible
}

ol ol li {
    list-style: lower-alpha
}

ol ol ol li {
    list-style: lower-roman
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 12px;
    margin-bottom: 5px
}

ul li:last-child,
ol li:last-child {
    padding-bottom: 0
}

.text-center ul {
    text-align: left;
    display: table;
    margin-left: auto;
    margin-right: auto
}

.list-none li {
    padding-left: 0
}

.list-none li:before {
    display: none;
}

p:last-child,
ol:last-child,
ul:last-child,
ol ul:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.table-responsive {
    border: none;
    margin: 20px 0;
    overflow: auto;
}

table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #cfcdcd;
    border-collapse: collapse !important;
}

table tr td,
table tr th {
    padding: 14px 15px;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
    border: 1px solid #dddddd
}

table tr th {
    font-weight: var(--font-bold);
}

th[align="center"],
td[align="center"] {
    text-align: center !important
}

th[align="right"],
td[align="right"] {
    text-align: right !important
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 8px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #cccccc
}

.common-content {
    padding: 50px 0;
    clear: both;
}

.common-content .inner-content {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 35px 0;
}

.common-content ul.breadcrumbs li,
.common-content ul.breadcrumbs li a,
.common-content ul.breadcrumbs li::after {
    color: var(--blue);
    vertical-align: middle;
}

.common-content ul.breadcrumbs li a::after {
    color: var(--blue);
}

.common-content ul.breadcrumbs {
    float: none;
    letter-spacing: normal;
}

.subpage-area {
    width: 100%;
    clear: both;
    background: #eff2f4;
    font-size: 15px;
    letter-spacing: 0.25px;
}

.subpage-area .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.subpage-area .content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subpage-area .content ul li::before {
    display: none;
}

.subpage-area .heading h4 {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.25px;
}

.subpage-area .heading {
    position: relative;
    padding: 32px 20px 32px 0;
    background: #dde4ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 190px;
}

.subpage-area .heading::after {
    content: "";
    display: block;
    height: 85px;
    position: absolute;
    top: 50%;
    right: 0;
    border: 40px solid transparent;
    border-left: 30px solid #dde4ea;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.subpage-area .content {
    padding: 13px 0 10px 62px;
}

.subpage-area .heading::before {
    content: "";
    display: block;
    background: #dde4ea;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 5000px;
}

.subpage-area .content ul li {
    padding: 0 0 6px;
}

.subpage-area .content ul li::after {
    content: "/";
    margin: 0 22px;
}

.subpage-area .content ul li:last-of-type::after {
    display: none;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

a[href^="tel:"],
a[href^="mailto:"] {
    display: inline-block;
    word-break: break-word;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: var(--page-center);
    clear: both;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:before,
.row:after {
    content: "";
    clear: both;
    display: table
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    float: left;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33%
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33%
    }

    .login-form .col-sm-10 {
        width: 75%;
    }

    .login-form .col-sm-2 {
        width: 25%;
    }

    .register-form .col-sm-10 {
        width: 75%;
    }

    .register-form .col-sm-2 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33%
    }
}

.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.list-unstyled {
    margin: 0
}

a[data-action] {
    padding: 6px 0
}

a[data-action]:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.timepicker-hour,
.timepicker-minute,
.timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0
}

button[data-action] {
    padding: 6px
}

.btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.picker-switch {
    text-align: center
}

.picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widgettable td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.wider {
    width: 21em
}

.datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.eot);
    src: url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/sites/all/themes/pinitall/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.bootstrap-datetimepicker-widget table {
    background-color: transparent
}

.bootstrap-datetimepicker-widget caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

.bootstrap-datetimepicker-widget th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

.bootstrap-datetimepicker-widget table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

.bootstrap-datetimepicker-widget table td[class*=col-],
.bootstrap-datetimepicker-widget table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.bootstrap-datetimepicker-widget tr.collapse.in {
    display: table-row
}

.bootstrap-datetimepicker-widget tbody.collapse.in {
    display: table-row-group
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.bootstrap-datetimepicker-widget>ul>li {
    padding: 5px 5px 0;
}

.bootstrap-datetimepicker-widget>ul>li::before {
    display: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="date"],
select,
textarea {
    background-color: #ffffff;
    border: 1px solid #8ab4ca;
    border-radius: 13px;
    color: var(--blue);
    display: block;
    font-size: 15px;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: 20px;
    padding: 14px 20px;
    position: relative;
    width: 100%;
    height: 48px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 20px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
input[type="url"]:focus,
.form-control:focus {
    border-color: var(--blue);
}

input[type="file"] {
    padding: 15px 0;
    border: none;
    border-radius: 0;
    height: unset;
}

input[type=file]::-webkit-file-upload-button {
    font-weight: bold;
    color: #fff;
    padding: 10px 15px;
    margin: 0 15px 0 0;
    border: 1px solid #8ab4ca;
    background: #8ab4ca;
    cursor: pointer;
}

input[type=file]::file-selector-button {
    font-weight: bold;
    color: #fff;
    padding: 10px 15px;
    margin: 0 15px 0 0;
    border: 1px solid #8ab4ca;
    background: #8ab4ca;
    cursor: pointer;
}

input[type=file]::-webkit-file-upload-button:hover {
    background: #fff;
    color: #8ab4ca;
}

input[type=file]::file-selector-button:hover {
    background: #fff;
    color: #8ab4ca;
}

textarea,
textarea.form-control {
    height: 118px;
    resize: none;
}

select {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button;
}

select option {
    font-size: 16px;
}

.input-group-btn:last-child>.btn:hover,
.input-group-btn:last-child>.btn-group:hover {
    color: #787878
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: var(--blue);
    opacity: 1.0;
}

::-moz-placeholder {
    color: var(--blue);
    opacity: 1.0;
}

:-ms-input-placeholder {
    color: var(--blue);
    opacity: 1.0;
}

:-moz-placeholder {
    color: var(--blue);
    opacity: 1.0;
}

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

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

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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

a,
input[type="button"],
input[type="submit"],
input[type="reset"],
:after,
:before {
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

section,
header,
footer {
    float: left;
    width: 100%;
    position: relative;
    clear: both;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    position: relative;
    border: 1px solid var(--btn-color);
    border-radius: 11px;
    text-align: center;
    font-size: 15px;
    letter-spacing: var(--global-letter-spacing);
    color: var(--white);
    font-style: normal;
    line-height: 22px;
    padding: 7px 28px;
    text-decoration: none !important;
    white-space: normal;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    background-color: var(--btn-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: var(--btn-color);
    background-color: transparent;
}

.secondary-btn {
    color: var(--btn-color);
    border-color: var(--white);
    background-color: var(--white);
}

.secondary-btn:hover,
.secondary-btn:focus {
    color: var(--white);
    background-color: transparent;
}

.border-btn {
    color: var(--btn-color);
    border-color: 1px solid var(--btn-color);
    background-color: var(--white);
}

.border-btn:hover,
.border-btn:focus {
    color: var(--white);
    background-color: var(--btn-color);
}

.btn.secondary-btn:not(input)::before {
    background-color: var(--btn-color);
}

.btn-row .btn {
    margin: 10px 20px 0 0
}

.btn-row .btn:last-child {
    margin-right: 0
}

.btn:not(input) {
    position: relative;
}

.btn:not(input)::before {
    content: '';
    height: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    overflow: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(0.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(0.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(0.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(0.645, .045, .355, 1);
    background: var(--white);
}

.btn:not(input):hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.btn:not(input):hover {
    background: transparent;
}

@media (min-width: 992px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

.form-field {
    text-align: left;
}

.form-field .help-block {
    font-size: 13px;
    padding: 3px 20px 0;
}

.form-field input,
.form-field textarea,
.form-field select {
    margin: 0;
}

.form-field .row,
.row.form-field {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.form-field .row .row,
.row.form-field .row {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -20px;
}

.form-field [class^="col-"],
.form-field [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 20px;
}

.form-field [class^="col-"] [class^="col-"],
.form-field [class*="col-"] [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}

.form-field p {
    margin: 0 0 10px;
}

.form-field [class^="col-"] p,
.form-field [class*="col-"] p {
    position: relative;
    padding: 0;
    margin: 0;
}

.form-field i:not(.fas) {
    position: absolute;
    font-size: 18px;
    right: 1px;
    color: #6f6f6f;
    top: 50%;
    z-index: 2;
    text-align: left;
    border-radius: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-field i.fa-globe-asia {
    font-weight: normal;
}

.form-icon {
    position: relative;
}

.form-field i+input,
.form-field i+textarea {
    padding-right: 40px
}

.form-field .btn {
    min-width: 124px;
    padding: 11px 20px;
    border-radius: 13px;
    line-height: 23px;
    letter-spacing: normal;
}

.form-field .btn i {
    display: inline-block;
    padding: 0;
    background: none;
    position: static;
    font-size: 100%;
    color: #fff;
    font-weight: normal;
    margin: 0 5px;
    vertical-align: middle;
}

.form-field input[type="reset"] {
    color: #1a4450;
    border-color: transparent;
    padding: 0;
    min-width: 80px;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-field input[type="reset"]:hover {
    color: #1b459b;
    background-color: transparent;
}

.form-title {
    position: relative;
    border-bottom: 1px solid #cfd8dc;
    padding: 5px 0 13px;
    margin: 0 0 13px;
}

.form-title i {
    color: inherit;
    width: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin: 0 11px 0 0;
}

.form-field .form-title {
    padding-top: 42px;
}

.inner-form-title {
    position: relative;
}

.inner-form-title i {
    color: inherit;
    width: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin: 0 11px 0 0;
}

.form-field .form-title:first-of-type {
    padding-top: 0;
}

.form-field .form-instruc {
    line-height: normal;
    font-size: 14px;
    margin: 13px 0 0 !important;
}

.form-field .form-instruc a {
    color: #d6980c;
}

.form-field .form-instruc a:hover {
    color: inherit;
}

.form-field label {
    line-height: normal;
    margin-top: 12px;
    word-break: break-word;
    display: inline-block;
}

.form-field [class^="col-"]>.flex {
    margin: 0 -10px;
}

.form-field [class^="col-"]>.flex .field-type-text {
    width: 50%;
    padding: 0 10px;
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric-open {
    z-index: 999;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
    height: 0;
    width: 0;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectric {
    background-color: transparent;
    position: relative;
    border-radius: 0;
}

.selectric .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0 17px 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    color: var(--blue);
    height: 25px;
    padding: 0;
    text-align: left;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 25px;
    color: var(--blue);
    font-size: 0;
    text-align: center;
}

.language-wrap .button {
    right: 0;
}

.selectric .button:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--blue);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: var(--blue);
    line-height: 25px;
    font-weight: normal;
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #e3e1e1;
    z-index: -1;
    margin: 0;
    -webkit-box-shadow: 0 0 10px -6px;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul {
    padding: 0 !important;
    background: #fff;
    margin: 0 !important
}

.selectric-items li {
    font-size: 14px !important;
    min-height: 20px;
    display: block;
    padding: 10px 15px !important;
    color: #677e90 !important;
    line-height: normal !important;
    font-weight: normal !important;
}

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

.selectric-items li:before,
.selectric-items li:after {
    display: none !important;
}

.selectric-focus .selectric,
.selectric-hover .selectric,
.selectric-open .selectric {
    border-color: #020d0f !important;
}

.selectric-items li.selected,
.selectric-items li.highlighted,
.selectric-items li:hover {
    background-color: #80aabf;
    color: #fff !important;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: normal;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #020d0f;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li.selectric-group-label {
    padding-left: 12px !important;
}

.selectric-items .selectric-group li {
    padding-left: 25px !important;
}

.csHiddenFile {
    width: 1px;
    height: 0;
    visibility: hidden;
    display: none;
}

.csOpaque {
    opacity: 0;
    filter: alpha(opacity=0);
}

.csFileInput {
    display: none !important;
}

.csRadio input[type=radio],
.csCheckbox input[type=checkbox] {
    position: absolute;
    color: white;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    margin: 0;
}

.csCheckboxElem {
    border-radius: 0;
}

.csRadio,
.csCheckbox {
    display: inline-block;
    position: relative;
    margin: 0 6px 0 0;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
}

.radio .csRadio,
.checkbox .csCheckbox {
    margin-left: -14px;
}

.csRadioElem {
    border-radius: 20px;
}

.csRadioElem,
.csCheckboxElem {
    display: inline-block;
    background: #fff;
    height: 20px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #8ab4ca;
}

.csCheckedR,
.csChecked {
    border-color: #8ab4ca;
}

.csCheckedR:after {
    content: "";
    background: #020d0f;
    padding: 5px;
    border-radius: 10px;
    width: 10px;
    line-height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.csChecked:after {
    content: "\f00c";
    font-size: 12px;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    color: #8ab4ca;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.check-box>label {
    position: relative;
    text-align: left;
    padding: 0 0 0 40px;
    margin: 0;
    text-transform: inherit;
    line-height: 24px;
}

.check-box>label label {
    margin: 0;
}

.form-field .check-box {
    margin: 0 0 5px !important;
}

.check-box label .csCheckbox {
    position: absolute;
    top: 2px;
    left: 0;
}

.gcm-declaration-form label.control-label {
    padding: 0;
}

/*.gcm-declaration-form .csCheckbox {
    float: left;
    top: 3px;
    margin-right: 20px;
}
*/

.owl-carousel.has-shadow {
    margin: 25px -10px 0;
    width: auto;
}

.owl-carousel.has-shadow .owl-item {
    margin: 10px 0;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #0b0b0b;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/sites/all/themes/pinitall/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 15px 0 25px;
    text-align: center;
    font-size: 0;
}

.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px 6px;
    border: 1px solid #80aabf;
    background: #fff;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border-radius: 20px;
}

.owl-carousel .owl-dot span {
    display: none;
}

.owl-carousel .owl-dot.active,
.owl-carousel .owl-dot:hover {
    background-color: #80aabf;
    border-color: #80aabf;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #8ab4ca;
    border: 1px solid #8ab4ca;
    top: 50%;
    margin-top: -60px;
    left: -46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 3px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: -46px;
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
    font-size: 19px;
    display: block;
    font-weight: 300;
    color: #fff;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    position: relative;
    right: 1px;
}

.owl-carousel .owl-nav .owl-next:before {
    content: "\f105";
    right: -1px;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background: transparent;
}

.owl-carousel .owl-nav .owl-prev:hover:before,
.owl-carousel .owl-nav .owl-next:hover:before {
    color: #8ab4ca;
}

.owl-carousel.top-nav {
    margin-top: 40px;
}

.owl-carousel.top-nav .owl-nav {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 65px;
    padding: 15px 0;
    margin-bottom: 38px;
}

.owl-carousel.vertical-nav .owl-nav .owl-prev,
.owl-carousel.vertical-nav .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: 0;
    height: auto;
    width: 25px;
}

.owl-carousel.arrow {
    padding-left: 40px;
    padding-right: 40px;
}

.owl-carousel.arrow .owl-nav .owl-prev,
.owl-carousel.arrow .owl-nav .owl-next {
    background-color: transparent;
    margin-top: -25px;
    width: 30px;
    height: 50px;
}

.owl-carousel.arrow .owl-nav .owl-prev:before,
.owl-carousel.arrow .owl-nav .owl-next:before {
    font-size: 46px;
    line-height: 30px;
    color: #5DB733;
}

.owl-carousel.arrow .owl-nav .owl-prev:hover,
.owl-carousel.arrow .owl-nav .owl-next:hover {
    background-color: #438f9f;
}

.owl-carousel.arrow .owl-nav .owl-prev:hover:before,
.owl-carousel.arrow .owl-nav .owl-next:hover:before {
    color: #fff;
}

.bottom-arrow .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 16px;
    width: 128px;
    margin: 0 auto;
}

.bottom-arrow .owl-nav .owl-next,
.bottom-arrow .owl-nav .owl-prev {
    width: 20px;
    margin: -11px 0 0;
    height: 22px;
    background: none !important;
}

.bottom-arrow .owl-nav .owl-next:before,
.bottom-arrow .owl-nav .owl-prev:before {
    color: #020d0f;
    line-height: 1;
}

.bottom-arrow .owl-nav .owl-next:hover:before,
.bottom-arrow .owl-nav .owl-prev:hover:before {
    color: #333;
}

.owl-carousel.type-2-arrow .owl-nav .owl-prev,
.owl-carousel.type-2-arrow .owl-nav .owl-next {
    width: 42px;
    height: 42px;
    background-color: transparent;
    border: 1px solid #020d0f;
    margin-top: -21px
}

.owl-carousel.type-2-arrow .owl-nav .owl-prev:before,
.owl-carousel.type-2-arrow .owl-nav .owl-next:before {
    color: #020d0f;
    font-size: 22px;
    font-weight: normal;
}

.owl-carousel.type-2-arrow .owl-nav .owl-prev:hover,
.owl-carousel.type-2-arrow .owl-nav .owl-next:hover {
    background-color: #020d0f;
}

.owl-carousel.type-2-arrow .owl-nav .owl-prev:hover:before,
.owl-carousel.type-2-arrow .owl-nav .owl-next:hover:before {
    color: #fff;
}

@-webkit-keyframes play-anim {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes play-anim {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.popup-youtube::before,
.popup-vimeo::before,
.popup-video::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 85px;
    height: 85px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 10%);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 10%);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: play-anim 3s infinite;
    animation: play-anim 3s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-youtube,
.popup-vimeo,
.popup-video {
    position: relative;
    display: block;
    overflow: hidden;
}

.popup-youtube::after,
.popup-vimeo::after,
.popup-video::after {
    content: url(/themes/custom/whokap/assets/images/play-icon.png);
    display: block;
    position: absolute;
    top: 50%;
    line-height: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.75;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 28px;
    border-radius: 30px 30px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0;
    color: #FFF;
    font-style: normal;
    font-family: Arial, Baskerville, monospace;
    background: none !important
}

div.mfp-close {
    display: none !important;
}

.videoFrame .mfp-iframe-scaler:hover .mfp-close {
    opacity: 1.0;
}

.videoFrame .mfp-iframe-holder .mfp-content {
    max-width: 50%;
    max-height: 100%;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow-left {
    width: 30px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 90;
    display: inline-block;
    margin-top: -25px;
    font-size: 0;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
}

.mfp-arrow-left:before {
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    border: 2px solid #929292;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 15px;
    left: 8px;
}

.mfp-arrow-right {
    width: 30px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 90;
    display: inline-block;
    margin-top: -25px;
    font-size: 0;
    cursor: pointer;
    border-radius: 30px 0 0 30px;
}

.mfp-arrow-right:before {
    content: '';
    height: 15px;
    width: 15px;
    display: block;
    border: 2px solid #929292;
    border-left-width: 0;
    border-top-width: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 15px;
    right: 8px;
}

.mfp-arrow-left:hover:before,
.mfp-arrow-right:hover:before {
    border-color: #fff;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
    background-color: #fff;
}

.mfp-figure {
    line-height: 0;
    position: relative;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

@media screen and (max-width: 800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
}

@media all and (min-width: 900px) {
    .caption-frame .mfp-container {
        left: 50%;
        display: table;
        width: auto;
        padding: 0 45px;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }

    button.mfp-close,
    button.mfp-arrow {
        background: rgba(255, 255, 255, .95);
    }
}

.caption-frame .mfp-bottom-bar {
    margin-top: 0;
    left: 0;
    top: 40px;
    padding: 30px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}

.caption-frame .mfp-counter {
    display: none
}

.caption-frame .mfp-title p {
    color: #fff;
    margin: 0 0 5px
}

.caption-frame .mfp-title h3 {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.common-popup {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    padding: 30px;
    width: 940px;
    max-width: 80%;
    border-radius: 0;
    margin: 35px auto 6px;
    position: relative;
}

.common-popup .pop-up-box {
    clear: both;
    display: table;
}

.common-popup .text {
    display: table-cell;
    vertical-align: top
}

.common-popup .text h6 {
    display: block;
    font-family: var(--body-font);
    text-transform: uppercase;
    color: var(--blue);
}

.common-popup .text h6 span {
    display: block;
    font-size: 16px;
    color: #5783a0;
    font-family: var(--body-font);
    line-height: 1.1;
    margin: 2px 0 0 0;
    text-transform: capitalize;
}

.common-popup .text p {
    font-family: var(--body-font);
    font-size: 15px;
    line-height: 1.4;
}

.common-popup img {
    margin-right: 30px;
    float: left;
    max-width: 170px;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%)
}

.common-popup .photo {
    display: table-cell;
    width: 200px;
    vertical-align: top;
}

.common-popup .mfp-close {
    width: 30px !important;
    height: 30px !important;
    top: 10px !important;
    right: 10px !important;
    border-radius: 15px 15px 0 0;
    color: #414141;
    content: "X";
    text-indent: inherit !important;
    font-size: 24px !important;
    background: none !important;
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

@media all and (max-width: 520px) {
    .caption-frame .mfp-bottom-bar {
        padding: 15px;
    }
}

nav.woocommerce-pagination,
.paging {
    border-top: none;
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    font-weight: var(--font-regular);
    font-size: 14px;
}

nav.woocommerce-pagination ul,
.paging ul.pagination {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    border: none;
    border-right: 0;
    margin: 0;
    width: auto;
}

nav.woocommerce-pagination ul li,
.paging ul.pagination li {
    border-right: none;
    padding: 4px;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;
}

nav.woocommerce-pagination ul li:before,
.paging ul.pagination li:before {
    display: none;
}

nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span,
.paging ul.pagination li a,
.paging ul.pagination li span {
    margin: 0;
    color: #333333;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    padding: 10px 3px 8px;
    min-width: 34px;
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    background: #fff;
    text-transform: capitalize;
}

.paging ul.pagination li.active span {
    color: #ffffff;
    border-color: #479fce;
    background-color: #479fce;
}

nav.woocommerce-pagination ul li a:focus,
nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li span.current,
.paging ul.pagination li a:focus,
.paging ul.pagination li a:hover,
.paging ul.pagination li span.current {
    color: #ffffff;
    border-color: #479fce;
    background-color: #479fce;
}

nav.woocommerce-pagination ul li .dots,
.paging ul.pagination li .dots {
    border-color: transparent;
    background: none;
}

nav.woocommerce-pagination ul li a.next i::before,
.paging ul.pagination li a.next i::before {
    content: "\f105";
    font-size: 19px;
}

nav.woocommerce-pagination ul li a.prev i::before,
.paging ul.pagination li a.prev i::before {
    content: "\f104";
    font-size: 19px;
}

nav.woocommerce-pagination ul li a.next,
nav.woocommerce-pagination ul li a.prev,
.paging ul.pagination li a.prev,
.paging ul.pagination li a.next {
    padding: 6px 3px;
}

.tabs-wrap {
    float: left;
    width: 100%;
}

.tabs-wrap .nav-tabs {
    margin: 0;
}

.tabs-wrap .tab-content {
    background: transparent;
    float: left;
    width: 100%;
    padding: 26px 0;
}

.tabs-wrap p,
.tabs-wrap ul,
.tabs-wrap ol {
    margin-bottom: 10px;
}

.tabs-wrap p.pn {
    padding: 0;
    margin: 0;
}

.tabs-wrap p:last-child,
.tabs-wrap ul:last-child,
.tabs-wrap ol:last-child {
    margin: 0;
}

ul.custom-tab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0 0 5px;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 9;
}

ul.custom-tab li {
    float: left;
    position: relative;
    vertical-align: middle;
    margin: 0;
    text-align: center;
    line-height: normal;
    background-color: transparent;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
}

ul.custom-tab li:before {
    display: none;
}

ul.custom-tab li a {
    position: relative;
    float: left;
    width: 100%;
    border-right: 1px solid #cfd8dc;
    color: #4b6377;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    padding: 14px 20px;
    background: #f7f7f7;
    border-radius: 0;
    text-align: left;
    z-index: 2;
    margin: 0;
}

ul.custom-tab li:last-child a {
    border-color: #f7f7f7;
}

ul.custom-tab li a:hover,
.nav-tabs.custom-tab>li>a.active,
.nav-tabs.custom-tab>li>a.active:focus,
.nav-tabs.custom-tab>li>a.active:hover {
    color: #ffffff;
    background: #8ab4ca;
    border-color: #f7f7f7;
}

ul.custom-tab::-webkit-scrollbar {
    height: 7px;
    cursor: pointer;
}

ul.custom-tab::-webkit-scrollbar-track {
    background: rgb(237 239 241);
    cursor: pointer;
}

ul.custom-tab::-webkit-scrollbar-thumb {
    background: rgb(75 99 119 / 90%);
    border-radius: 8px;
    cursor: pointer;
}

ul.custom-tab::-webkit-scrollbar-thumb:hover {
    background: #394753;
    cursor: pointer;
}

.tab-pane {
    float: left;
    width: 100%;
    display: none;
}

.tab-content table {
    margin: 20px 0 0 !important;
    clear: both;
    float: left;
}

.tabs-wrap .tab-content .tab-pane.active {
    display: block;
}

.style2 ul.custom-tab li a {
    font-size: 18px;
    padding: 19px 52px;
    background: transparent;
    border-color: transparent;
}

.style2 ul.custom-tab {
    background: #f2f6f9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.style2 ul.custom-tab li a:hover,
.style2 .nav-tabs.custom-tab>li.active>a,
.style2 .nav-tabs.custom-tab>li.active>a:focus,
.style2 .nav-tabs.custom-tab>li.active>a:hover {
    background: #479fce;
    border-color: #f2f6f9;
}

.style2.tabs-wrap .tab-content {
    padding: 33px 0;
}

.round-blue-bg {
    line-height: 23px;
    color: #535759;
    background: #e4edf2;
    padding: 45px 60px;
    border-radius: 50px;
    margin: 0 0 60px;
    clear: both;
    overflow: hidden;
}

header+div,
header+section {
    margin-top: var(--header-space) !important;
}

header {
    position: fixed;
    background-color: var(--white);
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 999;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    padding: 0
}

.header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-row>div {
    min-width: 250px;
}

.header-left {
    float: left;
    width: 196px;
    min-width: 196px;
}

.header-top .header-center {
    font-size: 22px;
    color: #000;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    letter-spacing: normal;
}

.header-top {
    border-bottom: 1px solid #acacac;
    padding: 15px 0;
}

header .logo {
    float: left;
    max-width: 100%;
    z-index: 999;
    width: 100%;
}

header .logo a {
    display: block;
    margin: 0;
    position: relative;
}

header .logo img {
    display: block;
    margin: 0;
}

header .header-btn-wrap>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    line-height: 0;
}

header .header-btn-wrap>ul>li {
    padding: 0px 0px 0px 15px;
    margin: 0;
    overflow: visible;
}

header .header-btn-wrap>ul>li:first-child,
header .header-btn-wrap>ul>li:last-child {
    margin: 0px;
}

header .header-btn-wrap>ul>li::before {
    display: none;
}

header .header-btn-wrap>ul>li::after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background: #a6a6a6;
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

header .header-btn-wrap>ul>li:first-child::after {
    display: none;
}

.sp-icon {
    display: block;
    padding: 12.5px;
    background-image: url(/themes/custom/whokap/assets/images/icon-spreadsheet.png);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    cursor: pointer;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sp-icon.user-icon {
    background-position: -50px 0px;
}

.sp-icon.user-icon:hover {
    background-position: -50px -25px;
}

.sp-icon.search-icon {
    background-position: -25px 0px;
}

.sp-icon.search-icon:hover {
    background-position: -25px -25px;
}

.language-wrap select {
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
}

.language-wrap .cur {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 5px 0 0;
    background-image: url(/themes/custom/whokap/assets/images/icon-spreadsheet.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.head-fix header {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.h-search-area {
    position: relative;
}

.search-field {
    background: #fff;
    position: absolute;
    z-index: 999;
    top: 100%;
    width: 300px;
    right: 0;
    padding: 10px;
    margin: 10px 0 0 0;
    border: 1px solid #dddddd;
    display: none;
}

.search-field form {
    position: relative;
}

.search-field form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    font-size: 0;
    border: 1px solid #dddddd;
    background-color: #fff;
    background-image: url(/themes/custom/whokap/assets/images/search-icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    border-radius: 0 6px 6px 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.search-field form input[type="submit"]:hover {
    background-image: url(/themes/custom/whokap/assets/images/search-icon.png);
    background-position: 0 -50px;
}

.search-field form input {
    margin: 0;
    padding-right: 60px;
    border-radius: 6px;
    border-color: #dddddd;
    height: 50px;
    font-size: 16px;
}

div#edit-field-title32,
a[data-toggle="popover"] {
    display: none;
}

.top-msg a {
    margin-top: 8px;
}

.top-msg {
    margin-bottom: 40px;
}

.cName .btn {
    margin-top: 20px;
}

.form-item.form-item-pubdate:after {
    content: '';
    clear: both;
    display: table;
}

.smt.lb {
    margin-left: 18%;
}

.imgcredit {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    padding-right: 38px;
    z-index: 10;
}

.imgcredit span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    bottom: 0;
    cursor: pointer;
}

.imgcredit span:before {
    content: '';
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 7px);
}

.imgcredit span:after {
    content: '';
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(90deg);
    left: calc(50% - 7px);
    top: calc(50% - 2px);
}

.imgcredit .active span:after {
    content: none
}

.imgcredit .txt {
    display: none;
    margin: 0 0 5px 0;
}

.imgcredit .act {
    min-width: 150px;
}

#edit-field-file .help-block {
    position: static !important;
    overflow: hidden;
    height: auto;
    clip: auto;
    display: block;
}

#edit-field-file .help-block li:before {
    content: '';
}

.esri-popup__content .esri-feature__content-node {
    overflow: visible !important;
}

.artlist .titlea {
    font-size: 16px;
    font-weight: 600;
}

.artlist {
    margin-bottom: 20px;
}

@media only screen and (min-width: 1025px) {

    .nav-trigger,
    .nav-wrap nav ul li:before,
    .submenu-button,
    .nav-trigger-wrap {
        display: none
    }

    .nav-wrap {
        position: relative;
        width: 100%;
        margin: 0;
        z-index: 99;
    }

    .nav-wrap nav {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .nav-wrap nav ul.nav {
        margin: 0
    }

    .nav-wrap nav ul.nav>li {
        float: left;
        margin: 0 50px;
        padding: 0;
        overflow: visible;
        position: relative;
    }

    .nav-wrap nav ul.nav>li:last-child {
        margin-right: 0;
    }

    .nav-wrap nav ul.nav>li::after {
        content: "";
        display: block;
        width: 1px;
        height: 20px;
        background: #a6a6a6;
        position: absolute;
        top: 50%;
        right: -50px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .nav-wrap nav ul.nav>li:last-child::after {
        display: none;
    }

    .nav-wrap nav ul.nav>li>a {
        display: block;
        padding: 9px 0;
        margin: 0;
        font-size: 16px;
        font-weight: var(--font-bold);
        line-height: 26px;
        color: var(--blue);
        white-space: nowrap;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: transparent
    }

    .nav-wrap nav ul.nav>li.has-sub>ul {
        margin-top: 26px;
    }

    .nav-wrap nav ul.nav>li.has-sub:hover>ul {
        margin-top: 6px;
        -webkit-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .nav-wrap nav ul.nav ul {
        position: absolute;
        z-index: 2;
        border-radius: 0;
        padding: 15px 0;
        margin: 0;
        visibility: hidden;
        text-align: left;
        left: 50%;
        right: auto;
        opacity: 0;
        top: calc(100% - 1px);
        background: #ffffff;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-top: 2px solid var(--black);
    }

    .nav-wrap nav ul.nav>li.has-sub>ul::before {
        content: "";
        display: block;
        padding: 10px;
        position: absolute;
        top: -20px;
        right: 0;
        left: 0;
    }

    .nav-wrap nav ul.nav ul:after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -5px;
        bottom: calc(100% + 1px);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--black);
    }

    .nav-wrap nav ul.nav ul ul:after {
        display: none
    }

    .nav-wrap nav ul.nav ul ul {
        top: 100%;
        left: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .nav-wrap nav ul.nav ul li {
        float: left;
        width: 100%;
        min-width: 150px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        overflow: visible;
    }

    .nav-wrap nav ul.nav ul li a {
        display: block;
        white-space: normal;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: var(--font-regular);
        line-height: normal;
        color: #000;
        padding: 5px 25px;
        text-align: left;
    }

    .nav-wrap nav ul.nav li:hover>ul {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        -o-transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
    }

    .nav-wrap nav ul.nav ul>li:hover>ul {
        top: 0;
    }

    .nav-wrap nav ul.nav li:hover>a,
    .nav-wrap nav ul.nav li>a:hover,
    .nav-wrap nav ul.nav li.current-menu-item>a,
    .nav-wrap nav ul.nav li.current-menu-ancestor>a,
    .nav-wrap nav ul.nav .mega-dropdown ul>li>a:hover {
        color: var(--screen-blue);
    }

    .nav-wrap nav ul.nav ul li:hover>a,
    .nav-wrap nav ul.nav ul li>a:hover,
    .nav-wrap nav ul.nav ul li.current-menu-item>a,
    .nav-wrap nav ul.nav ul li.current-menu-ancestor>a,
    .nav-wrap nav ul.nav .mega-dropdown ul>li.current-menu-ancestor>a,
    .nav-wrap nav ul.nav .mega-dropdown ul>li.current-menu-item>a {
        color: var(--screen-blue);
    }

    .nav-wrap nav ul.nav>li:hover>a:before,
    .nav-wrap nav ul.nav>li>a:hover:before,
    .nav-wrap nav ul.nav>li.current-menu-item>a:before,
    .nav-wrap nav ul.nav>li.current-menu-ancestor>a:before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        width: 100%
    }

    .mega-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #f7f7f7;
        overflow: hidden;
        max-height: 0;
        visibility: hidden;
        opacity: 0;
    }

    .mega-dropdown .container {
        padding: 41px 30px 49px;
        position: relative;
    }

    .mega-dropdown .container>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mega-dropdown .container::before,
    .mega-dropdown .container::after {
        content: "";
        display: block;
        height: 100%;
        width: 2000px;
        background: #f7f7f7;
        position: absolute;
        z-index: -1;
        top: 0;
        right: 100%;
    }

    .mega-dropdown .container::after {
        right: auto;
        left: 100%;
    }

    .mega-dropdown ul {
        display: block !important;
        position: static !important;
        max-height: inherit !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 0 !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        float: left;
        width: 100%;
        background: 0 0 !important;
        margin-top: 0 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    .mega-dropdown ul::after {
        display: none;
    }

    .nav-wrap nav ul.nav>li:hover .mega-dropdown {
        visibility: visible;
        opacity: 1;
        max-height: 800px;
        -webkit-transition: opacity .3s ease-in;
        -o-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in;
        overflow: visible;
    }

    .nav-wrap nav ul.nav .mega-dropdown ul>li>a {
        font-size: 16px;
        color: #504c4c;
        padding: 10px 25px;
    }

    .nav-wrap nav ul.nav .mega-dropdown ul>li.mega-title>a {
        font-weight: var(--font-bold);
        color: #080707;
        text-transform: uppercase;
        padding: 5px 25px;
        padding-bottom: 15px;
    }

    .nav-wrap nav ul.nav .mega-dropdown ul>li.mega-view-more {
        margin-top: 17px;
    }

    .nav-wrap nav ul.nav .mega-dropdown ul>li.mega-view-more>a {
        font-size: 13px;
        color: #479fce;
        text-transform: uppercase;
        letter-spacing: normal;
        font-weight: var(--font-bold);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
    }

    .nav-wrap nav ul.nav .mega-dropdown ul>li.mega-view-more>a::after {
        display: block;
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        line-height: 25px;
        position: absolute;
        left: 83%;
        top: 47%;
        z-index: 1;
        font-weight: var(--font-light);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nav-wrap nav ul.nav>li[data-id="7410"] .mega-dropdown .col-sm-3 {
        width: 30%;
    }
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 10px 0 !important;
}

.m-2 {
    margin: 20px 0 !important;
}

.m-3 {
    margin: 30px 0 !important;
}

.m-4 {
    margin: 40px 0 !important;
}

.m-5 {
    margin: 50px 0 !important;
}

.m-6 {
    margin: 60px 0 !important;
}

.m-7 {
    margin: 70px 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 10px 0 !important;
}

.p-2 {
    padding: 20px 0 !important;
}

.p-3 {
    padding: 30px 0 !important;
}

.p-4 {
    padding: 40px 0 !important;
}

.p-5 {
    padding: 50px 0 !important;
}

.p-6 {
    padding: 60px 0 !important;
}

.p-7 {
    padding: 70px 0 !important;
}

.m-t0 {
    margin-top: 0 !important;
}

.m-t1 {
    margin-top: 10px !important;
}

.m-t2 {
    margin-top: 20px !important;
}

.m-t3 {
    margin-top: 30px !important;
}

.m-t4 {
    margin-top: 40px !important;
}

.m-t5 {
    margin-top: 50px !important;
}

.m-t6 {
    margin-top: 60px !important;
}

.m-t7 {
    margin-top: 70px !important;
}

.m-b0 {
    margin-bottom: 0 !important;
}

.m-b1 {
    margin-bottom: 10px !important;
}

.m-b2 {
    margin-bottom: 20px !important;
}

.m-b3 {
    margin-bottom: 30px !important;
}

.m-b4 {
    margin-bottom: 40px !important;
}

.m-b5 {
    margin-bottom: 50px !important;
}

.m-b6 {
    margin-bottom: 60px !important;
}

.m-b7 {
    margin-bottom: 70px !important;
}

.p-t0 {
    padding-top: 0 !important;
}

.p-t2 {
    padding-top: 20px !important;
}

.p-t3 {
    padding-top: 30px !important;
}

.p-t4 {
    padding-top: 40px !important;
}

.p-t5 {
    padding-top: 50px !important;
}

.p-t6 {
    padding-top: 60px !important;
}

.p-t7 {
    padding-top: 70px !important;
}

.p-t8 {
    padding-top: 80px !important;
}

.p-t9 {
    padding-top: 90px !important;
}

.p-t10 {
    padding-top: 100px !important;
}

.p-b0 {
    padding-bottom: 0 !important;
}

.p-b2 {
    padding-bottom: 20px !important;
}

.p-b3 {
    padding-bottom: 30px !important;
}

.p-b4 {
    padding-bottom: 40px !important;
}

.p-b5 {
    padding-bottom: 50px !important;
}

.p-b6 {
    padding-bottom: 60px !important;
}

.p-b7 {
    padding-bottom: 70px !important;
}

.m-l2 {
    margin-left: 20px !important;
}

.p-l2 {
    padding-left: 20px !important;
}

.m-l3 {
    margin-left: 30px !important;
}

.p-l3 {
    padding-left: 30px !important;
}

.m-l4 {
    margin-left: 40px !important;
}

.p-l4 {
    padding-left: 40px !important;
}

.b-tn {
    border-top: none !important;
}

.b-bn {
    border-bottom: none !important;
}

.b-rn {
    border-right: none !important;
}

.b-ln {
    border-left: none !important;
}

.b-n {
    border: none !important;
}

.light-blue {
    background: #eaf2f5;
}

.fa-spinner:before,
.lazy-image:before {
    border: 0.05rem solid rgba(0, 0, 0, 0.25);
    border-top-color: #000;
    border-bottom-color: #000;
    border-radius: 50%;
    content: "";
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    width: 24px;
    height: 24px;
    animation: fa-spinners .9s infinite linear;
    -o-animation: fa-spinners .9s infinite linear;
    -ms-animation: fa-spinners .9s infinite linear;
    -webkit-animation: fa-spinners .9s infinite linear;
    -moz-animation: fa-spinners .9s infinite linear;
}

@keyframes fa-spinners {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes fa-spinners {
    0% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

.lazy-image {
    position: relative;
    width: 100%;
    padding-top: 66.33%;
    overflow: hidden;
    background-color: var(--lazy-bg);
}

.lazy-image img {
    position: absolute;
    background-color: var(--lazy-bg);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    margin: auto !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover .lazy-image img,
.common-listing .column-box:hover>a>.lazy-image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.flexslider:before {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    border-width: 0.2rem;
}

.flexslider ul.slides {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

.flexslider li {
    padding: 0;
}

.flexslider li:before {
    display: none
}

.flexslider .slides>li {
    position: relative;
    display: none;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}

.flexslider .flex-control-paging-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    text-align: right;
    padding-right: 10px;
    z-index: 99;
}

.flexslider .flex-control-paging {
    position: absolute;
    right: 40px;
    left: 40px;
    bottom: 2%;
    margin: 0;
    display: inline-block;
    z-index: 98;
    height: auto;
    text-align: center;
    padding: 0 10px;
    font-size: 0;
}

.flexslider .flex-control-paging li {
    position: static;
    display: inline-block;
    width: auto;
    margin: 2px 3px;
    height: auto
}

.flexslider .flex-control-paging li a {
    border: 2px solid #8ab4ca;
    width: 12px;
    height: 12px;
    line-height: 10px;
    font-size: 0;
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border-radius: 34px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.flexslider .flex-control-paging li .flex-active,
.flexslider .flex-control-paging li a:hover {
    background-color: #8ab4ca;
    border-color: #8ab4ca;
}

.flexslider .flex-control-paging li .flex-active:after,
.flexslider .flex-control-paging li a:hover:after {
    display: none
}

.flexslider .flex-direction-nav li {
    position: static
}

.flexslider .flex-direction-nav a {
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next {
    background: rgb(138 180 202 / 16%);
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -40px;
    width: 40px;
    height: 40px;
    z-index: 98;
    border-radius: 60px;
    display: inline-block;
    font-size: 0;
    opacity: 0;
}

.flexslider .flex-direction-nav {
    overflow: hidden;
    width: 100%;
    margin: 0
}

.flexslider .flex-direction-nav .flex-next {
    left: auto;
    right: 15px;
}

.flexslider .flex-direction-nav .flex-prev:before,
.flexslider .flex-direction-nav .flex-next:before {
    content: '';
    line-height: 1;
    display: block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    margin: 0 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.flexslider .flex-direction-nav .flex-next:before {
    left: auto;
    right: 50%;
    -webkit-transform: translate(50%, -50%) rotate(-45deg);
    -ms-transform: translate(50%, -50%) rotate(-45deg);
    -webkit-transform: translate(50%, -50%) rotate(-45deg);
    transform: translate(50%, -50%) rotate(-45deg);
}

.flexslider .flex-direction-nav .flex-prev:hover,
.flexslider .flex-direction-nav .flex-next:hover {
    background: rgb(138 180 202 / 70%);
}

.flexslider .flex-direction-nav .flex-prev:hover:before,
.flexslider .flex-direction-nav .flex-next:hover:before {
    color: #fff;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
}

.flexslider .flex-disabled {
    display: none
}

.main-banner {
    background-color: var(--lazy-bg);
}

.main-banner .lazy-image {
    padding-top: 35%;
    background-color: #98abb5;
}

.main-banner .lazy-image::before {
    display: none;
}

.main-banner .lazy-image img {
    width: 100% !important;
    max-height: inherit;
    mix-blend-mode: multiply;
}

.bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg img {
    display: none
}

.main-banner img {
    width: 100%;
}

.main-banner .max-width {
    max-width: 600px;
    padding: 0 0 0 55px;
}

.main-banner .caption {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.main-banner h1,
.main-banner .heading {
    font-family: var(--body-font);
    font-weight: var(--font-bold);
    color: var(--white);
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
}

.main-banner p {
    margin: 10px 0 0;
    line-height: 1.5;
}

.main-banner .btn {
    font-size: 17px;
    padding: 10px 28px;
    min-width: 190px;
    margin-top: 20px;
    background: transparent !important;
    color: #fff;
    border: 2px solid #fff;
}

.main-banner .btn:hover {
    color: var(--btn-color);
}

.inner-banner {
    background-color: #479fce;
    border-top: 1px solid #acacac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    font-size: 15px;
    letter-spacing: normal;
}

.inner-banner img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.inner-banner .image-box {
    width: 35%;
}

.inner-banner .lazy-image {
    padding-top: 35.2%;
    width: 50%;
}

.inner-banner .lazy-image img {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.inner-banner .content {
    width: 65%;
    padding: 10px 50px 10px 0;
}

.inner-banner .heading,
.inner-banner h1 {
    color: #fff;
    font-size: 25px;
    clear: both;
}

.inner-banner a.btn {
    background: transparent !important;
    color: #fff;
    border: 2px solid #fff;
}

.inner-banner a.btn:hover {
    color: var(--btn-color);
}

.inner-banner2 {
    background-color: #fff;
    border-top: 1px solid #acacac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    letter-spacing: normal;
}

.inner-banner2 img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.inner-banner2 .image-box {
    width: 58%;
    position: relative;
}

.inner-banner2 .image-box .bio {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 16px;
    right: 50px;
}

.inner-banner2 .lazy-image {
    padding-top: 35.2%;
    width: 50%;
}

.inner-banner2 .lazy-image img {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.inner-banner2 .content {
    width: 42%;
    padding: 10px 50px 10px 0;
}

.inner-banner2 ul.breadcrumbs li a,
.inner-banner2 ul.breadcrumbs li,
.inner-banner2 ul.breadcrumbs li::after,
.inner-banner2 ul.breadcrumbs li a:hover {
    color: #5d6368;
}

.inner-banner2 .heading,
.inner-banner2 h1 {
    color: #479fce;
    font-size: 25px;
    clear: both;
    margin-top: 15px;
}

.inner-banner2 .content .icon img {
    width: auto;
    -webkit-filter: invert(52%) sepia(37%) saturate(661%) hue-rotate(157deg) brightness(101%) contrast(93%);
    filter: invert(52%) sepia(37%) saturate(661%) hue-rotate(157deg) brightness(101%) contrast(93%);
    margin-left: 0;
}

.inner-banner2 .content .icon {
    max-width: 85px;
    clear: both;
}

.inner-banner2 .image-box .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
}

.inner-banner2 .image-box .icon img {
    width: auto;
}

.inner-banner2 a.btn {
    background: #479fce !important;
    color: #fff;
    border-color: #479fce;
    margin-top: 20px;
}

.inner-banner2 a.btn:hover {
    color: #479fce;
}

.style2.inner-banner {
    display: block;
}

.style2.inner-banner img {
    width: 100%;
    margin: 0 auto;
}

.style2.inner-banner .lazy-image {
    padding-top: 35.2%;
    width: 100%;
}

.style3.inner-banner {
    background: #000;
    font-size: 15px;
    display: block;
    letter-spacing: normal;
    padding: 5.4% 0 5.2%;
}

.style3.inner-banner .bg {
    opacity: 0.5;
    background-position: center top;
}

.style3.inner-banner .content {
    width: 50%;
    padding: 0;
}

.style3.inner-banner .container {
    position: relative;
}

.accordion {
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 7px;
}

.accordion .accordion-content {
    padding: 10px 40px 20px;
    font-size: 15px;
    line-height: 24px;
    color: #4b6377;
    display: none;
}

.accordion .accordion-head {
    margin: 0;
    font-size: 18px;
    line-height: normal;
    padding: 16px 20px 16px 35px;
    position: relative;
    cursor: pointer;
}

.accordion .accordion-head::after {
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    position: absolute;
    font-size: 10px;
    left: 18px;
    top: 22px;
    z-index: 99;
    color: inherit;
    line-height: normal;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.active.accordion .accordion-head::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.all-faq {
    padding: 0 0 36px;
}

.accordion:last-of-type {
    margin: 0;
}

h4.faq-mh {
    margin: 40px 0 20px;
}

ul.social-icon {
    display: inline-block;
    padding: 0;
    margin: 0 0 15px;
    vertical-align: middle
}

ul.social-icon li {
    display: inline-block;
    width: auto;
    margin: 3px 9px 3px 0;
    background: none;
    padding: 0;
    vertical-align: middle;
    color: var(--blue);
}

ul.social-icon li:before {
    display: none
}

ul.social-icon li a {
    display: inline-block;
    padding: 0;
    width: auto;
}

ul.social-icon li i {
    text-align: center;
    display: inline-block;
    border: 0;
    border-radius: 0;
    vertical-align: top;
    font-size: 15px;
    color: #8ab4ca;
    background-color: var(--white);
    line-height: 1;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-radius: 50%;
}

ul.social-icon li i:before {
    display: inline-block;
    line-height: 23px;
    width: 23px;
}

ul.social-icon li a:hover i {
    color: #fff;
}

ul.social-icon li a:hover .fa-twitter {
    background-color: #0eb1f2;
}

ul.social-icon li a:hover .fa-linkedin-in {
    background-color: #007bb6;
}

ul.social-icon li a:hover .fa-instagram {
    background-color: #d82370;
}

ul.social-icon li a:hover .fa-pinterest-p {
    background-color: #cb2027;
}

ul.social-icon li a:hover .fa-tumblr {
    background-color: #395976;
}

ul.social-icon li a:hover .fa-youtube {
    background-color: #ff0000;
}

ul.social-icon li a:hover .fa-whatsapp {
    background-color: #25d366;
}

ul.social-icon li a:hover i {
    border-color: transparent
}

ul.social-icon li a:hover .fa-facebook-f {
    background-color: #3b5998
}

ul.social-icon li a:hover i {
    color: #fff;
    background-color: var(--blue)
}

.mnu-acc-trg {
    display: none;
}

footer a {
    color: var(--white);
}

footer a:hover,
footer a:focus,
footer .current-menu-item a {
    color: var(--black) !important;
}

footer {
    color: #fff;
    background-color: #8ab4ca;
    padding: 50px 0 30px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: normal;
}

footer ul>li::before {
    display: none;
}

footer ul>li {
    padding: 0 0 14px;
}

footer h6 {
    font-size: 16px;
    letter-spacing: 0.25px;
    margin: 0 0 14px;
}

footer .f-logo {
    margin: 0 auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

footer .bottom-footer {
    padding-top: 20px;
}

footer .row {
    margin: 0 -50px;
}

footer .col-md-3 {
    width: 23.333333333333332%;
    padding: 0 50px;
    float: left;
}

footer .col-md-3:first-child {
    width: 30%;
    padding-right: 20px;
}

footer .col-md-3:first-child a {
    color: var(--blue);
    text-decoration: underline;
}

footer .col-md-3:first-child a:hover {
    color: #fff !important;
    text-decoration: none;
}

footer .col-md-3:last-child {
    padding-left: 0;
}

.scrollup {
    margin-left: auto
}

.scrollup i {
    font-size: 32px;
    color: var(--black);
    display: inline-block;
    vertical-align: middle;
}

.collective-knowledge-area {
    padding: 50px 0 60px;
}

.center-info-area {
    text-align: center;
    color: #4b6377;
    line-height: 26px;
}

.collective-knowledge-area .btn-row {
    text-align: center;
}

.center-info-area .btn,
.collective-knowledge-area .btn-row .btn {
    min-width: 211px;
}

.center-info-area h4 {
    margin: 0 0 4px;
}

.common-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 35px 0px 30px;
    text-align: left;
    clear: both;
}

.common-listing .column-box {
    padding: 0 10px 20px;
    width: 33.33%;
}

.common-listing .column-box {
    display: block;
    font-weight: var(--font-regular);
}

.common-listing .column-box .lazy-image {
    position: relative;
    padding-top: 66.54%;
    background-color: var(--lazy-bg);
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
}

.common-listing .column-box .lazy-image::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 8%)), color-stop(40%, rgb(0 0 0 / 0%)));
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 8%) 0%, rgb(0 0 0 / 0%) 40%);
    background: linear-gradient(0deg, rgb(0 0 0 / 8%) 0%, rgb(0 0 0 / 0%) 40%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.common-listing .column-box .lazy-image img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.common-listing .column-box .content {
    background: #fff;
    margin: -50px 15px 5px;
    position: relative;
    padding: 11px 13px 17px 15px;
    font-size: 11px;
    color: #080707;
    line-height: 1.1;
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    min-height: 161px;
}

.common-listing .column-box .content h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 7px;
    color: #d6980c;
}

.common-listing .column-box .content h4 {
    text-align: left;
    font-size: 16px;
    font-weight: var(--font-bold);
    line-height: 20px;
    margin: 0 0 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.common-listing .column-box .content h4 a {
    color: inherit;
    transition: color 0.3s linear 0s;
}

.common-listing .column-box.trimtitle h4 {
    -webkit-line-clamp: 2;
}

.common-listing .column-box .content h4+p::before,
.common-listing .column-box .content h4+ul::before {
    content: "";
    display: block;
    height: 2px;
    width: 78px;
    background: #8ab4ca;
    margin: 0 0 7px;
}

.common-listing .column-box .content h4:last-child {
    margin: 0;
}

.common-listing .column-box .content .dec {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.2;
}

.common-listing .column-box h4~p {
    margin: 0;
}

.column-box .content .type {
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 6px;
    color: #d6980c;
}

.common-listing .column-box p span {
    color: var(--blue);
}

.common-listing .column-box .content ul.w-icon {
    font-size: 0;
    margin: 0 0 10px;
}

.common-listing .column-box .content ul.w-icon li {
    display: inline-block;
    vertical-align: top;
    padding: 5px 5px 5px 26px;
    font-size: 13px;
    color: #4b6377;
    min-height: 24px;
    position: relative;
}

.common-listing .column-box .content ul.w-icon li::before {
    content: "";
    display: block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0px;
    top: 0;
    position: absolute;
}

ul.w-icon li.win::before {
    background-image: url(../images/win-icon.jpg);
}

ul.w-icon li.loc::before {
    background-image: url(../images/loc-icon.jpg);
}

ul.w-icon li.clap::before {
    background-image: url(../images/clap-icon.jpg);
}

ul.w-icon li.ann::before {
    background-image: url(../images/ann-icon.jpg);
}

.common-listing .column-box .content ul.w-icon+p {
    padding: 0 0 0 7px;
}

.style2.common-listing .column-box {
    width: 50%;
    float: left;
}

.style2.common-listing .column-box .content {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 74.196%;
    background: rgb(19 18 18 / 70%);
    color: #fff;
}

.style2.common-listing .column-box {
    position: relative;
}

.style2.common-listing .column-box .content h3,
.style2.common-listing .column-box .content h4 {
    color: inherit !important;
}

.style2.common-listing .column-box .lazy-image {
    padding-top: 54.84%;
}

.style2.common-listing {
    display: block;
    overflow: hidden;
    margin: 30px -12px 0;
}

.style2.common-listing .column-box:nth-child(2) {
    float: right;
}

.style2.common-listing .column-box:nth-child(2) .lazy-image {
    padding-top: 113.5%;
}

.style2 .column-box .content h4::after {
    background: #d6980c !important;
}

.style2 .column-box.violet .content h4::after {
    background: #804fb0 !important
}

.style2 .column-box.green .content h4::after {
    background: #18800d !important
}

.style2 .column-box.yellow .content h4::after {
    background: #c99130 !important
}

.style2 .column-box.orrange .content h4::after {
    background: #e75124 !important
}

.style2 .column-box.red .content h4::after {
    background: red !important
}

.style3.common-listing .column-box {
    width: 50%;
}

.style3.common-listing .column-box .content h3 {
    color: inherit;
}

.style3.common-listing .column-box .content h4 {
    font-size: 23px;
    line-height: normal;
    color: inherit;
}

.style3.common-listing .column-box .content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(hsl(0deg 0% 0% / 80%)), color-stop(90%, hsl(0deg 0% 0% / 0%)));
    background: -o-linear-gradient(bottom, hsl(0deg 0% 0% / 80%) 0%, hsl(0deg 0% 0% / 0%) 90%);
    background: linear-gradient(0deg, hsl(0deg 0% 0% / 80%) 0%, hsl(0deg 0% 0% / 0%) 90%);
    color: #fff;
    padding: 40px 35px 50px;
}

.style3.common-listing .column-box {
    position: relative;
}

.style4.common-listing .column-box .content {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0;
    background: transparent;
    color: #fff;
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.style4.common-listing .column-box a {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.style4.common-listing .column-box .content h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 21px;
    text-align: center;
}

.style4.common-listing .column-box {
    width: 25%;
}

.style4.common-listing .column-box .lazy-image {
    padding-top: 120%;
}

.style4.common-listing .column-box a::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 88%)), color-stop(50%, rgb(0 0 0 / 5%)));
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 5%) 50%);
    background: linear-gradient(0deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 5%) 50%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.style5.common-listing {
    margin-top: 65px;
}

.style5.common-listing .column-box .content {
    margin-top: 5px;
    margin-inline: 0;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: unset;
}

.style5.common-listing .column-box .lazy-image {
    -webkit-clip-path: polygon(20% 0, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
    clip-path: polygon(20% 0, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
    overflow: hidden;
    padding-top: 80%;
}

.style5.common-listing .column-box .lazy-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 140px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.style5.common-listing .column-box .lazy-image .icon img {
    position: static;
    width: auto !important;
    height: auto !important;
    background: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.style5.common-listing .column-box .lazy-image>img {
    opacity: 0.9 !important;
}

.style5.common-listing .column-box .content h4+p::before,
.style5.common-listing .column-box .content h4+ul::before {
    margin-inline: auto;
}

.style5.common-listing .column-box .content h4 {
    text-align: inherit;
}

.style6.common-listing .column-box:nth-child(5n+1),
.style6.common-listing .column-box:nth-child(5n+2) {
    width: 50%;
}

.style7.common-listing {
    margin-right: -2%;
    margin-left: 0;
}

.style7.common-listing .column-box:nth-child(5n+1),
.style7.common-listing .column-box:nth-child(5n+2) {
    width: 48%;
}

.style7.common-listing .column-box .content {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.style7.common-listing .column-box {
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    border: 1px solid #f1f1f1;
    border-radius: 13px;
    padding: 0;
    width: 31.33%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}

.layout-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--blue);
    border-radius: 3px;
}

.layout-filter>span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    cursor: pointer;
    color: var(--blue);
    padding: 4px 6px;
    border-right: 1px solid var(--blue);
}

.layout-filter>span.active {
    font-weight: 700;
}

.layout-filter>span.active i {
    font-weight: inherit;
}

.common-listing .column-box .content .inDec,
.common-listing .column-box .content .taglist,
.common-listing .column-box .content .btn-row {
    display: none;
}

.list-view.common-listing .column-box {
    width: 100%;
    padding: 0 0 35px;
}

.list-view.common-listing .column-box {
    display: flex;
    flex-wrap: wrap;
}

.list-view.common-listing .column-box .content {
    margin: 0;
    box-shadow: none;
    min-height: unset;
    width: 75%;
    padding: 0 0 0 25px;
    display: flex;
    flex-direction: column;
}

.list-view.common-listing .column-box>a:has(.lazy-image) {
    width: 25%;
}

.list-view.common-listing .column-box .lazy-image {
    box-shadow: unset;
    padding-top: 95%;
    border: 1px solid #f5f5f5;
}

.common-listing .column-box .content h3 a {
    color: #d6980c;
}

.list-view.common-listing.multilayout .column-box>a:has(.lazy-image) {
    width: 31.8%;
}

.list-view.common-listing.multilayout .column-box .lazy-image {
    padding-top: 63%;
}

.list-view.common-listing.multilayout .column-box .content {
    width: 68.2%;
}

.view-country-stories-list .list-view.common-listing .column-box .lazy-image {
    padding-top: 75%;
}

.list-view.common-listing .column-box .content>* {
    order: 1;
}

.list_vonly,
.list-view .list_vhide {
    display: none;
}

.list-view .list_vonly {
    display: block;
}

.list-view.common-listing .column-box .content h4 {
    order: 0;
    font-size: 25px;
    line-height: normal;
}

.list-view.common-listing .column-box .content h3 {
    order: 1;
    margin: 0 0 12px;
}


.list-view.common-listing .column-box .content .inDec {
    font-size: 15px;
    line-height: 1.4;
    padding: 12px 0;
    display: block;
    margin: 0;
}

.list-view.common-listing .column-box .content .taglist {
    display: block;
    padding: 12px 0 0;
}

.list-view.common-listing .column-box .content .taglist a,
.list-view.common-listing .column-box .content .taglist span {
    display: inline-block;
    vertical-align: top;
    background: #d4cece;
    color: #777777;
    letter-spacing: normal;
    font-size: 15px;
    line-height: normal;
    padding: 4px 10px;
    border-radius: 8px;
    margin: 0 3px 5px 0;
}

.list-view.common-listing .column-box .content .taglist a:hover,
.list-view.common-listing .column-box .content .taglist span:hover {
    background: #8ab4ca;
    color: #fff !important;
}

.list-view.common-listing .column-box .content .btn-row {
    display: block;
}

.list-view.common-listing .column-box .content .btn-row .btn {
    color: #fff !important;
    border-radius: 5px;
}

.list-view.common-listing .column-box .content .btn-row .btn span {
    color: inherit;
    margin: 0 4px 0 0;
}

.list-view.common-listing .column-box .content .btn-row .btn:hover {
    color: var(--blue) !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.common-listing.owl-carousel .column-box>a {
    padding: 10px 10px;
}

.common-listing.owl-carousel {
    margin: 0;
}

.common-listing.owl-carousel .owl-stage-outer {
    margin: 0 -8px;
}

.view-news-and-events .common-listing {
    margin-right: -2%;
    margin-left: 0;
}

.view-news-and-events .common-listing>.column-box:nth-child(5n+1),
.view-news-and-events .common-listing>.column-box:nth-child(5n+2) {
    width: 48%;
}

.view-news-and-events .common-listing>.column-box .lazy-image {
    padding-top: 45% !important;
}

.view-news-and-events .common-listing .column-box .content {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.secondry-filter .dropdown-column+.dropdown-column {
    /*    display: none;*/
}

.view-news-and-events .common-listing .column-box {
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    border: 1px solid #f1f1f1;
    border-radius: 13px;
    padding: 0;
    width: 31.33%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}

.owl-carousel .owl-item .column-box {
    width: 100%;
}

.first-news {
    margin-top: 30px;
}

.first-news .column-box {
    padding: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    border: 1px solid #f1f1f1;
    border-radius: 13px;
    overflow: hidden;
}

.first-news .column-box>a {
    display: block;
    font-weight: var(--font-regular);
}

.first-news .column-box>a>.lazy-image {
    position: relative;
    padding-top: 25%;
    background-color: var(--lazy-bg);
    -webkit-box-shadow: 0 0 10px rgb(202 202 202 / 30%);
    box-shadow: 0 0 10px rgb(202 202 202 / 30%);
}

.first-news .column-box>a>.lazy-image::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 8%)), color-stop(40%, rgb(0 0 0 / 0%)));
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 8%) 0%, rgb(0 0 0 / 0%) 40%);
    background: linear-gradient(0deg, rgb(0 0 0 / 8%) 0%, rgb(0 0 0 / 0%) 40%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.first-news .column-box>a>.lazy-image img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.first-news .column-box>a .content {
    background: #fff;
    position: relative;
    padding: 11px 13px 17px 15px;
    font-size: 11px;
    color: #080707;
    line-height: 1.1;
    min-height: 144px;
}

.first-news .column-box .content h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 11px;
    color: #d6980c;
}

.first-news .column-box .content h4 {
    text-align: left;
    font-size: 16px;
    font-weight: var(--font-bold);
    line-height: 16px;
    margin: 0 0 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.first-news .column-box .content h4+p::before,
.first-news .column-box .content h4+ul::before {
    content: "";
    display: block;
    height: 2px;
    width: 78px;
    background: #8ab4ca;
    margin: 0 0 13px;
}

.first-news .column-box .content h4:last-child {
    margin: 0;
}

.first-news .column-box .content .dec {
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 10px;
}

.first-news .column-box h4~p {
    margin: 0;
}

.first-news .column-box p span {
    color: var(--blue);
}

.first-news .column-box>a .content ul.w-icon {
    font-size: 0;
    margin: 0 0 10px;
}

.first-news .column-box>a .content ul.w-icon li {
    display: inline-block;
    vertical-align: top;
    padding: 5px 5px 5px 26px;
    font-size: 13px;
    color: #4b6377;
}

.first-news .column-box>a .content ul.w-icon li::before {
    content: "";
    display: block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0px;
    top: 0;
}

.text-style2.common-listing .column-box .content h4 {
    font-size: 21px;
    line-height: normal;
}

.text-style2.common-listing .column-box .content {
    font-size: 14px;
}

.blue-two-col-area {
    background: #8ab4ca;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin: 40px 0 35px;
}

.blue-two-col-area .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 54.466%;
}

.blue-two-col-area .content-box {
    width: 45.534%;
    margin: 0 0 0 auto;
    padding: 20px 55px 20px 73px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blue-two-col-area .content-box::after {
    content: url(/themes/custom/whokap/assets/images/spotlight-content-bg2.png);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 383px;
}

.blue-two-col-area .content-box::before {
    content: "";
    display: block;
    width: 534px;
    height: 399px;
    background: rgb(255 255 255 / 50%);
    position: absolute;
    border-radius: 50%;
    bottom: calc(100% - 172px);
    right: calc(100% - 119px);
}

.blue-two-col-area .img-box .lazy-image img {
    width: 100% !important;
    height: 100%;
    /* -o-object-fit: cover;
    object-fit: cover; */
}

.blue-two-col-area .img-box .lazy-image {
    padding-top: 73.254%;
    background-color: var(--lazy-bg);
}

.blue-two-col-area .content-box h6 {
    text-transform: uppercase;
}

.blue-two-col-area .content-box h5 {
    color: inherit;
    margin: 17px 0 26px;
}

.blue-two-col-area .content-box p {
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.blue-two-col-area .content-box .btn {
    padding: 9px 10px;
    min-width: 170px;
    color: #8ab4ca;
    font-size: 14px;
    letter-spacing: normal;
}

.blue-two-col-area .content-box .btn::before {
    background-color: transparent;
}

.blue-two-col-area .content-box .btn:hover {
    color: #8ab4ca;
    background: #fff;
    box-shadow: 0px 0px 10px #fff;
}

.blue-two-col-area .content-box .content {
    width: 100%;
}

.slider.blue-two-col-area {
    display: block;
}

.slider.blue-two-col-area .slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.slider.blue-two-col-area .content {
    font-size: 15px;
}

.slider.blue-two-col-area h5 {
    font-size: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.slider.blue-two-col-area h6 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.slider.blue-two-col-area.owl-carousel .owl-dots {
    position: absolute;
    bottom: 32px;
    right: 60px;
}

.slider.blue-two-col-area.owl-carousel .owl-dot {
    margin: 2px 10px;
}

.country-action-area {
    padding: 20px 0 40px;
}

.country-action-area .btn-row {
    margin-top: 30px;
}

.country-action-map-area {
    position: relative;
    margin-top: 26px;
}

.country-action-map-area .floting-info {
    position: absolute;
    top: 87px;
    right: 30px;
    width: 225px;
    background: #4b6377;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    padding: 24px 14px;
}

.country-action-map-area .floting-info h6 {
    font-size: 16px;
    color: #8bd0dd;
    margin: 0 0 7px;
}

.country-action-map-area .floting-info h4 {
    font-size: 24px;
    color: inherit;
    margin: 0 0 11px;
}

.country-action-map-area .floting-info p {
    margin: 0 0 0px;
}

.country-action-map-area .floting-info a {
    color: #80bdcd;
}

.country-action-map-area .floting-info a:hover {
    color: #fff;
}

.country-action-map-area .floting-info .btn-row {
    text-align: center;
    margin-top: 14px;
}

.country-action-map-area .floting-info .btn {
    margin: auto;
    font-size: 12px;
    letter-spacing: normal;
    padding: 2px 14px;
    line-height: normal;
}

.cta-banner-area .container {
    position: relative;
}

.cta-banner-area {
    background-color: var(--lazy-bg);
    color: #fff;
    padding: 15% 0 87px;
}

.cta-banner-area .bg {
    mix-blend-mode: multiply;
}

.cta-banner-area h3 {
    color: var(--white);
    font-size: 30px;
    line-height: 40px;
}

.cta-banner-area .max-width {
    max-width: 521px;
    padding: 0 0 0 26px;
}

.cta-banner-area .btn {
    font-size: 17px;
    margin-top: 6px;
    padding: 10px 28px;
    min-width: 240px;
    border: 2px solid #fff;
    background: transparent;
}

.cta-banner-area .btn:hover {
    border-color: #fff;
}

.h-news-event-area {
    padding: 20px 0;
    margin-top: 30px;
}

.news-letter-area .container {
    max-width: 1172px;
}

.news-letter-form {
    text-align: center;
    line-height: 26px;
    color: #4b6377;
}

.news-letter-form h4 {
    margin: 0 0 4px;
}

.news-letter-form [type="submit"] {
    border: 1px solid #8ab4ca;
    background: #4b6377;
    width: 100%;
    font-size: 19px;
    padding: 10px 28px;
    border-radius: 15px;
}

.news-letter-form [type="submit"]:hover {
    background-color: var(--white);
}

.news-letter-area {
    padding: 50px 0 30px;
}

.news-letter-form input[type="text"],
.news-letter-form input[type="email"],
.news-letter-form input[type="password"],
.news-letter-form input[type="search"],
.news-letter-form input[type="tel"],
.news-letter-form input[type="file"],
.news-letter-form input[type="url"],
.news-letter-form input[type="number"],
.news-letter-form input[type="date"],
.news-letter-form select,
.news-letter-form textarea {
    background-color: #ffffff;
    border: 1px solid #8ab4ca;
    border-radius: 15px;
    color: var(--blue);
    display: block;
    font-size: 20px;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: 20px;
    padding: 14px 20px;
    position: relative;
    width: 100%;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 20px;
}

.news-letter-form input[type="text"]:focus,
.news-letter-form input[type="email"]:focus,
.news-letter-form input[type="password"]:focus,
.news-letter-form input[type="search"]:focus,
.news-letter-form input[type="tel"]:focus,
.news-letter-form input[type="number"]:focus,
.news-letter-form input[type="date"]:focus,
.news-letter-form select:focus,
.news-letter-form textarea:focus,
.news-letter-form input[type="url"]:focus {
    border-color: var(--blue);
}

.filter-wrap::before,
.filter-wrap::after {
    content: "";
    display: block;
    clear: both;
}

.filter-wrap .selectric .label {
    font-size: 15px;
    background: transparent;
    font-weight: var(--font-bold);
    line-height: 25px;
    color: var(--blue);
}

.filter-wrap .selectric .button:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f107";
    width: auto;
    height: auto;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #4b6377;
    line-height: 25px;
    font-weight: 400;
    font-size: 14px;
}

.filter-wrap b:not(.button) {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 30px 5px 0;
}

.filter-wrap .filter-dropdown b {
    right: 0;
}

.search-wrap {
    display: inline-block;
    vertical-align: middle;
}

.search-wrap input[type="text"] {
    background: #d2d8de;
    border-color: #d2d8de;
    color: #363535;
    font-size: 16px;
    margin: 0;
    padding: 12px 15px;
    height: 46px;
    border-radius: 10px
}

.filter-dropdown {
    float: right;
    margin: 3px 0 0;
}

.dropdown-column {
    display: inline-block;
    vertical-align: top;
    margin-left: 28px;
    top: 2px;
}

.filter-dropdown .dropdown-column:first-child {
    margin: 0;
}

.dropdown-column .filter-title {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 17px 0 0;
    font-size: 15px;
    background: transparent;
    font-weight: var(--font-bold);
    line-height: 25px;
    color: var(--blue);
    height: 25px;
    position: relative;
    letter-spacing: 1px;
}

.dropdown-column .filter-label {
    padding: 0 17px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    background: transparent;
    font-weight: var(--font-bold);
    line-height: 25px;
    color: var(--blue);
    display: none;
}

.dropdown-column .selectric-wrapper {
    display: inline-block;
}

.dropdown-column .filter-title::after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f107";
    width: auto;
    height: auto;
    border: none;
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0;
    margin: auto;
    color: #4b6377;
    line-height: 25px;
    font-weight: 400;
    font-size: 14px;
}

.dropdown-column .selectric-open .selectric-items {
    width: 100px !important;
}

.active.dropdown-column>button::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    cursor: auto;
}

.filter-wrap select {
    height: 25px;
    border: none;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: var(--font-bold);
    background: transparent;
    border-radius: 0;
}

.sort-icon select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0px 0px;
}

.custom-filter-wrap {
    position: relative;
}

.custom-filter-area {
    width: 230px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 3px 9px rgb(44 36 22 / 17%);
    box-shadow: 0 3px 9px rgb(44 36 22 / 17%);
    font-size: 11px;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    z-index: 1010;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.no-display,
.theme-filter-panel .csCheckbox {
    display: none;
}

.active.custom-filter-wrap .custom-filter-area {
    opacity: 1;
    visibility: visible;
}

.custom-filter-area ul li {
    padding: 0;
    margin: 0;
}

.custom-filter-area ul {
    margin: 0;
}

.custom-filter-area ul li::before {
    display: none;
}

.custom-filter-area ul li a {
    color: #454745;
}

.custom-filter .cus-filter-content {
    padding: 8px 10px;
    display: none;
    border-top: 1px solid #dedede;
}

.custom-filter .cus-filter-content ul li::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border: 1px solid #454745;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    left: 0;
}

.custom-filter .cus-filter-content ul li {
    padding: 0 0 0 13px;
    text-align: left;
}

.custom-filter-area ul li a:hover {
    color: var(--screen-blue);
}

.custom-filter-area>ul>li>button {
    font-size: 15px;
    text-transform: uppercase;
    background: transparent;
    display: block;
    width: 100%;
    text-align: left;
    color: #4b6377;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

.custom-filter-area>ul>li {
    border-bottom: 1px solid #dedede;
}

.custom-filter-area>ul>li>button::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    color: #4b6377;
    line-height: normal;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 0 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.75rem;
}

.custom-filter-area>ul>li>button.active::after {
    content: "\f106";
}

.custom-filter-btn .btn {
    font-size: 13px;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 1px 10px;
    margin: 0 2px 5px;
    background: #4b6377;
    border-color: #4b6377;
    color: #fff;
    border-top: 1px solid #dedede;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.custom-filter-btn button[type="reset"] {
    background: #d4cece;
    border-color: #d4cece;
    color: #2e2e2e;
}

.custom-filter-btn {
    text-align: center;
    padding: 10px 5px 8px;
}

.custom-filter-btn .btn:first-child:hover {
    color: #4b6377;
}

.filter-icon,
.sort-icon .selectric {
    position: relative !important;
    padding: 0 0 0 20px !important;
}

.filter-icon::after,
.sort-icon .selectric::after {
    content: "\f0b0" !important;
    display: block;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 11px !important;
    line-height: 25px !important;
    position: absolute !important;
    left: 1px;
    font-weight: 700 !important;
    top: 0 !important;
    color: var(--blue) !important;
    right: auto !important;
    bottom: auto !important;
}

.sort-icon .selectric .label {
    margin: 0;
}

.sort-icon .selectric::after {
    content: "\f0dc" !important;
    font-size: 14px !important;
}

.sort-icon .selectric .button {
    display: none;
}

.filter-style2.filter-wrap b:not(.button) {
    display: block;
    margin-bottom: 16px;
}

.filter-style2 .search-wrap {
    display: block;
    margin: 0 auto 20px;
    max-width: 400px;
}

.filter-style2 .search-wrap input[type="text"] {
    background: transparent;
    border: 1px solid #8ab4ca;
    height: 48px;
    padding-left: 50px;
    padding-right: 130px;
}

.filter-style2 .search-wrap input[type="text"]::-webkit-input-placeholder {
    text-align: center;
    padding: 0 60px 0 0;
}

.filter-style2 .search-wrap input[type="text"]::-moz-placeholder {
    text-align: center;
    padding: 0 60px 0 0;
}

.filter-style2 .search-wrap input[type="text"]:-ms-input-placeholder {
    text-align: center;
    padding: 0 60px 0 0;
}

.filter-style2 .search-wrap input[type="text"]::-ms-input-placeholder {
    text-align: center;
    padding: 0 60px 0 0;
}

.filter-style2 .search-wrap input[type="text"]::placeholder {
    text-align: center;
    padding: 0 60px 0 0;
}

.filter-style2 .search-wrap .gcm-input-text-search-container {
    position: relative;
}

.filter-style2 .search-wrap .gcm-input-text-search-container::after {
    content: "\f002";
    display: block;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #8ab4ca;
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.filter-style2 .filter-dropdown .dropdown-column {
    display: block;
    margin: 0;
}

.filter-style2 .filter-dropdown {
    display: block;
    float: none;
    max-width: 900px;
    margin: 0 auto;
}

.filter-style2 .dropdown-column .filter-title::after {
    display: none;
}

.themes-filters {
    width: unset;
    margin: 18px -1.2% 10px 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    font-size: 11px !important;
    line-height: normal;
    letter-spacing: normal;
}

.filter-style2 .custom-filter-area {
    width: unset;
    margin: 18px -1.2% 10px 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
}

.themes-filters .theme-filter-panel,
.themes-filters .themes-filters-btn {
    width: 23.8%;
    margin: 0 1.2% 15px 0;
    text-align: left;
    position: relative;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading {
    background: #d2d8de;
    padding: 12px 37px 12px 17px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #363535;
    font-weight: 400;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading::after {
    font-size: 23px !important;
    font-weight: 300 !important;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading a {
    color: inherit;
    font-weight: inherit;
}

.themes-filters .theme-filter-panel .panel-collapse {
    -webkit-box-shadow: 0 3px 9px rgb(44 36 22 / 17%);
    box-shadow: 0 3px 9px rgb(44 36 22 / 17%);
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    border: none;
    border-radius: 0 0 5px 5px;
    padding: 10px 10px 0;
    overflow-x: hidden;
    max-height: 300px;
}

.themes-filters .theme-filter-panel .panel-collapse .panel-body {
    padding: 0;
    margin: 0;
    border: none;
}

.themes-filters .theme-filter-panel .panel-collapse::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    cursor: pointer;
}

.themes-filters .theme-filter-panel .panel-collapse::-webkit-scrollbar-track {
    background: rgb(237 239 241);
    cursor: pointer;
}

.themes-filters .theme-filter-panel .panel-collapse::-webkit-scrollbar-thumb {
    background: rgb(75 99 119 / 90%);
    border-radius: 8px;
    cursor: pointer;
}

.themes-filters .theme-filter-panel .panel-collapse::-webkit-scrollbar-thumb:hover {
    background: #394753;
    cursor: pointer;
}

.themes-filters-btn .btn {
    line-height: normal;
    letter-spacing: normal;
    background: #4b6377;
    border-color: #4b6377;
    color: #fff;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 48%;
    margin: 0 2% 0 0;
    padding: 11px 15px;
    text-transform: capitalize;
    border-radius: 5px;
    font-size: 16px;
}

.themes-filters-btn button[type="reset"],
.themes-filters-btn button[value="Reset"] {
    background: #d4cece;
    border-color: #d4cece;
    color: #2e2e2e;
}

.themes-filters-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.themes-filters-btn .btn:first-child:hover {
    color: #4b6377;
}

.themes-filters-btn .btn:last-of-type {
    margin-right: 0 !important;
}

.filter-tags-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.filter-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    color: #363535;
    font-size: 12px;
    background-color: #e0e0e0;
    -webkit-box-shadow: 0 2px 4px 0 hsl(0deg 0% 100% / 50%);
    box-shadow: 0 2px 4px 0 hsl(0deg 0% 100% / 50%);
    border-radius: 3px;
    margin: 2px 4px;
    overflow: hidden;
    -webkit-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
    max-width: 200px;
    padding: 8px;
    letter-spacing: 0;
}

.filter-tags .tag-name {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 90%;
}

.filter-tags:hover .tag-name {
    text-decoration: line-through;
}

.filter-tags:hover {
    background-color: #d7d7d7;
}

.filter-tags .tag-control::before {
    content: "\f00d";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    color: inherit;
    font-size: 12px;
}

.filter-tags .tag-control {
    font-size: 0;
    margin: 0 10px 0 5px;
}

header+.common-content {
    border-top: 1px solid #acacac
}

.violet.column-box .content h3,
.column-box[data-class="Database"] .content .type,
.column-box[data-class="Report"] .content .type {
    color: #804fb0 !important
}

.green.column-box.content h3,
.column-box[data-class="Briefs&FactSheets"] .content .type,
.column-box[data-class="Factsheet"] .content .type {
    color: #18800d !important
}

.orrange.column-box .content h3,
.column-box[data-class="Strategydocument"] .content .type {
    color: #e75124 !important
}

.blue.column-box .content h3,
.column-box[data-class="Article"] .content .type {
    color: #479fce !important
}

.two-col-info {
    line-height: 30px;
    clear: both;
}

.two-col-info .row {
    padding: 50px 0 0;
}

.two-col-info .row:last-child {
    padding-bottom: 50px;
}

.two-col-info h4 {
    line-height: 30px;
}

.two-col-info .btn-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
}

.two-col-info .btn {
    padding: 10px 28px;
    min-width: 241px;
}

.two-col-info ul,
.two-col-info ol {
    text-align: left;
}

.two-col-info .btn.small {
    min-width: unset;
}

.border.two-col-info .row {
    border-bottom: 1px solid #ebf2f5;
    margin-bottom: 50px 0 0;
}

.border.two-col-info .row:last-of-type {
    border: none;
    margin-bottom: 0;
}

.light-blue.two-col-info {
    margin-bottom: 50px;
}

.light-blueBg.two-col-info {
    padding: 50px 0;
    margin-bottom: 50px;
}

.light-blueBg.two-col-info .row:last-child {
    padding: 0;
}

.light-blueBg-repter.two-col-info .row:nth-child(odd) {
    background: #eaf2f5;
}

.light-blueBg-repter.two-col-info .row {
    padding: 50px 0;
}

.full-w-content.two-col-info .row {
    margin: 0;
}

.resources-section {
    padding: 45px 0;
}

.resources-section .common-listing {
    margin-top: 26px;
}

.country-resources-area {
    padding: 30px 0 20px;
}

.topics-section {
    background-color: #8ab4ca;
    color: var(--white);
    padding: 63px 0 56px;
}

.topics-section .filter-wrap b {
    color: inherit;
}

.topics-section .filter-wrap select {
    color: inherit;
}

.topics-section nav.woocommerce-pagination ul li a,
.topics-section nav.woocommerce-pagination ul li span,
.topics-section .paging ul.pagination li a,
.topics-section .paging ul.pagination li span {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.topics-section nav.woocommerce-pagination ul li a:focus,
.topics-section nav.woocommerce-pagination ul li a:hover,
.topics-section nav.woocommerce-pagination ul li span.current,
.topics-section .paging ul.pagination li a:focus,
.topics-section .paging ul.pagination li a:hover,
.topics-section .paging ul.pagination li span.current {
    background: #fff;
    color: #8ab4ca;
}

.actors-section {
    padding: 63px 0 0;
}

ul.actors-hash::-webkit-scrollbar,
.content-menu-area::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    cursor: pointer;
}

ul.actors-hash::-webkit-scrollbar-track,
.content-menu-area::-webkit-scrollbar-track {
    background: rgb(237 239 241);
    cursor: pointer;
}

ul.actors-hash::-webkit-scrollbar-thumb,
.content-menu-area::-webkit-scrollbar-thumb {
    background: rgb(75 99 119 / 90%);
    border-radius: 8px;
    cursor: pointer;
}

ul.actors-hash::-webkit-scrollbar-thumb:hover,
.content-menu-area::-webkit-scrollbar-thumb:hover {
    background: #394753;
    cursor: pointer;
}

ul.actors-hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 35px 0 15px;
    border-bottom: 1px solid #d2d8de;
    padding-bottom: 10px;
    overflow-x: auto;
    overflow-y: hidden;
}

ul.actors-hash li {
    padding-left: 0;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
}

ul.actors-hash li:before,
div.actors ul li:before {
    display: none
}

ul.actors-hash li a,
ul.actors-hash li {
    color: #4b6377
}

ul.actors-hash li a:hover,
ul.actors-hash li:hover {
    color: #c99130
}

.fix.actors-hash {
    position: fixed;
    z-index: 99;
    top: var(--header-space);
    right: 0;
    left: 0;
    max-width: var(--page-center);
    background-color: white;
    margin: 0 auto;
    padding: 10px 15px;
    border-top: 1px solid #d2d8de;
    overflow: visible;
}

.fix.actors-hash::before {
    content: "";
    display: block;
    background: white;
    top: -1px;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    right: 100%;
    border-bottom: 1px solid #d2d8de;
    border-top: 1px solid #d2d8de;
}

.fix.actors-hash::after {
    content: "";
    display: block;
    background: white;
    top: -1px;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    left: 100%;
    border-bottom: 1px solid #d2d8de;
    border-top: 1px solid #d2d8de;
}

div.actors {
    font-size: 18px;
    border-bottom: 1px solid #d2d8de;
    position: relative;
    margin-left: 70px;
    padding: 18px 0
}

div.actors .number {
    font-size: 36px;
    color: #4b6377;
    position: absolute;
    left: -70px;
    top: 0
}

div.actors ul li {
    padding: 0 0 15px;
    line-height: 1.2
}

div.actors ul li:last-child {
    padding-bottom: 0
}

div.actors a {
    color: #c99130
}

.solid-bg-banner {
    background: #8ab4ca;
    text-align: center;
    padding: 36px 0 28px;
    letter-spacing: normal;
}

.solid-bg-banner h1 {
    font-size: 48px;
    color: #ffffff;
    margin: 0 auto 15px;
    white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    clear: both;
}

div.breadcrumbs,
section.breadcrumbs {
    position: relative;
    display: block;
    font-weight: normal;
    padding: 34px 0 20px;
    margin: 0;
    overflow: hidden;
    clear: both;
    text-align: left;
    z-index: 11;
    border-top: 1px solid #e8e7e7;
    border-bottom: 1px solid #e8e7e7;
}

ul.breadcrumbs {
    width: 100%;
    padding: 0;
    clear: both;
    margin: 10px 0;
    overflow: hidden
}

ul.breadcrumbs li {
    font-size: 12px;
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    padding: 0 10px 0px 0;
    margin-right: 3px;
    color: #ffffff;
    font-style: normal;
    overflow: visible;
    white-space: nowrap;
    max-width: 180px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

ul.breadcrumbs li:before {
    display: none
}

ul.breadcrumbs li a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    vertical-align: top;
}

ul.breadcrumbs li:after {
    content: "/";
    position: absolute;
    font-size: 12px;
    color: #ffffff;
    right: 0;
    top: 0;
    line-height: 1;
    font-style: normal
}

ul.breadcrumbs li:last-child {
    padding: 0;
    margin: 0;
}

ul.breadcrumbs li:last-child:after {
    display: none
}

ul.breadcrumbs li:before {
    display: none
}

ul.breadcrumbs li a:hover {
    color: #000;
    text-decoration: underline
}

.style3.solid-bg-banner {
    background: #000;
    padding: 5% 0;
    text-align: left;
}

.style4.solid-bg-banner {
    padding: 10% 0;
}

.style3.solid-bg-banner .bg {
    opacity: 0.7;
    background-position: center top;
}

.style3.solid-bg-banner .container {
    position: relative;
    z-index: 1;
}

.style3.solid-bg-banner h1 {
    font-size: 25px;
    max-width: unset;
    white-space: normal;
    overflow: unset;
}

.style2.solid-bg-banner {
    text-align: left;
    padding: 5% 0;
}

.style2.solid-bg-banner h1 {
    max-width: unset;
    white-space: unset;
    font-size: 25px;
}

.style8.solid-bg-banner {
    padding: 31% 0 0 0;
}

.style8.solid-bg-banner .bg {
    background-position: top center;
}

.bg-opacity1 .bg {
    opacity: 1 !important;
}

.about-row {
    padding: 45px 0;
    float: left;
    width: 100%;
    font-size: 15px;
}

.about-row h2 {
    font-size: 24px
}

.about-bg {
    float: left;
    width: 100%;
    background: #232d3a url(/themes/custom/whokap/assets/images/about-img-2.jpg) center center no-repeat;
    padding: 6% 0;
    text-align: center;
    background-size: cover
}

.about-bg h3 {
    color: #ffffff;
    font-size: 23px
}

.about-row .top-space {
    padding: 5% 0 0
}

.related-resources-area,
.latest-dsicussions-area {
    clear: both;
    padding: 50px 0 20px;
}

.related-resources-area h4 {
    text-align: center;
    margin: 0 0 19px;
}

.knowledge-details-area,
.news-details-area {
    clear: both;
}

.knowledge-details-area .know-content-area {
    margin-top: 42px;
}

.news-details-area .news-content-area {
    margin-top: 25px;
}

.news-title-area .share-info-area {
    margin-top: 0;
}

.news-title-area .loc {
    margin: 0px 0 10px;
}

.news-title-area .loc i {
    margin: 0 4px 0 0;
}

.news-details-area figure {
    line-height: 26px;
    letter-spacing: normal;
}

.news-details-area figure img {
    width: 100%;
}

.news-details-area figure p {
    margin: 0;
}

.news-details-area figure figcaption {
    margin-top: 15px;
}

.related-slider {
    margin-top: 20px;
    margin-inline: 0;
}

.related-slider.common-listing .column-box {
    width: 100%;
    padding: 0;
}

.knowledge-details-area h1,
.news-details-area h1 {
    font-size: 30px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 25px;
    letter-spacing: normal;
}

.news-title-area {
    margin: 20px 0 40px;
    clear: both;
    overflow: hidden;
    padding-right: 150px;
    position: relative;
    min-height: 35px;
}

.news-details-area .news-content-area h5,
.knowledge-details-area .news-content-area h5 {
    margin: 35px 0 22px;
}

.knowledge-details-area .small-info,
.news-details-area .small-info {
    font-size: 16px;
    margin: 0 0 7px;
    line-height: normal;
    color: #000;
}

.knowledge-img-area,
.news-img-area {
    margin: 0 30px 0 0;
    display: inline-block;
    vertical-align: top;
    float: left;
    max-width: 520px;
}

.knowledge-img-area img {
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
    border-radius: 5px;
}

.full.news-img-area,
.full.knowledge-img-area {
    max-width: unset;
}

.news-img-area {
    width: 100%;
    margin: 0;
    display: block;
}

.news-img-area img {
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
    border-radius: 5px;
}

.know-content-area .other-info .btn {
    font-size: 19px;
    padding: 9px 30px;
    border-radius: 6px;
    margin-right: 10px;
}

.news-img-area .btn-area .btn {
    font-size: 19px;
    padding: 9px 30px;
    border-radius: 6px;
}

.know-content-area .other-info .btn img,
.news-img-area .btn-area .btn img {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 0;
    -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(303deg) brightness(103%) contrast(101%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(303deg) brightness(103%) contrast(101%);
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: auto;
}

.know-content-area .other-info .btn:hover img,
.news-img-area .btn-area .btn:hover img {
    -webkit-filter: invert(77%) sepia(16%) saturate(599%) hue-rotate(156deg) brightness(87%) contrast(90%);
    filter: invert(77%) sepia(16%) saturate(599%) hue-rotate(156deg) brightness(87%) contrast(90%);
}

.know-content-area .other-info {
    margin-top: 40px;
}

.know-content-area .other-info h4 {
    margin: 10px 0 7px;
}

.know-content-area .other-info p a,
.know-content-area .other-info .hinfo {
    display: inline-block;
    vertical-align: top;
    background: #d4cece;
    color: #777777;
    letter-spacing: normal;
    font-size: 15px;
    line-height: normal;
    padding: 4px 10px;
    border-radius: 8px;
    margin: 0 10px 10px 0;
}

.know-content-area .other-info p {
    margin: 0;
}

.know-content-area .other-info h4:first-of-type {
    margin: 16px 0 7px;
}

.know-content-area .other-info p a:hover {
    background: #fff;
}

.other-info.resource-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;

}

.other-info.resource-list .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    padding: 10px 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.share-info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 34px 0;
}

.share-info-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.share-info-area ul li {
    padding: 0;
    margin: 0 13px 0 0;
}

.share-info-area ul li::before {
    display: none;
}

ul.social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

ul.social-share li {
    padding: 0;
    margin: 0 13px 0 0;
}

ul.social-share li:last-child {
    margin: 0;
}

ul.social-share li::before {
    display: none;
}

ul.social-share li i::before {
    display: block;
    width: 33px;
    line-height: 33px;
}

ul.social-share li i {
    text-align: center;
    display: inline-block;
    border: 0;
    vertical-align: top;
    font-size: 15px;
    color: #fff;
    background-color: #8ab4ca;
    line-height: 1;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-radius: 50%;
}

.share-info-area ul li:last-child {
    margin: 0;
}

ul.social-share li a:hover .fa-facebook-f {
    background-color: #3b5998;
}

ul.social-share li a:hover .fa-instagram {
    background-color: #d82370;
}

ul.social-share li a:hover .fa-twitter {
    background-color: #0eb1f2;
}

ul.social-share li a:hover .fa-linkedin-in {
    background-color: #007bb6;
}

.news-social-share-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.share-info-area .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.share-info-area .column>* {
    margin: 0 7px;
}

.share-info-area .column>*:last-child {
    margin-right: 0;
}

.share-info-area .column>*:first-child {
    margin-left: 0;
}

.btn.download {
    font-size: 19px;
    padding: 9px 30px;
    border-radius: 6px;
}

.btn.download img {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 0;
    -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(303deg) brightness(103%) contrast(101%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(303deg) brightness(103%) contrast(101%);
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: auto;
}

.btn.download:hover img {
    -webkit-filter: invert(77%) sepia(16%) saturate(599%) hue-rotate(156deg) brightness(87%) contrast(90%);
    filter: invert(77%) sepia(16%) saturate(599%) hue-rotate(156deg) brightness(87%) contrast(90%);
}

.two-col-w-img .two-col-w-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px;
}

.two-col-w-img .two-col-w-row:last-child {
    margin: 0;
}

.two-col-w-row .content-box,
.two-col-w-row .img-box {
    width: 50%;
}

.two-col-w-row .img-box img {
    width: 100%;
}

.two-col-w-row .content-box {
    padding: 15px 30px 15px 0;
}

.two-col-w-row .content-box .max-width {
    max-width: 645px;
    margin: 0 0 0 auto;
    padding: 0 0 0 15px;
}

.two-col-w-img .two-col-wrap:nth-child(odd) {
    background: #eaf2f5;
}

.two-col-w-img .two-col-wrap:nth-child(even) .two-col-w-row,
.two-col-w-img .two-col-w-row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.two-col-w-img .two-col-wrap:nth-child(even) .two-col-w-row .content-box,
.two-col-w-img .two-col-w-row:nth-child(even) .content-box {
    padding-left: 30px;
    padding-right: 0;
}

.v-align-top.two-col-w-row {
    align-items: unset;
}

.winning-projects-wrap,
.thematic-wrap,
.community-wrap {
    padding: 40px 0 20px;
    clear: both;
}

ul.additional-link li::before {
    display: none;
}

ul.additional-link li {
    padding: 0;
}

ul.additional-link {
    line-height: normal;
}

ul.additional-link li a {
    text-decoration: underline;
}

.additional-link-area {
    padding: 30px 0;
}

.timeline-area {
    padding: 33px 0;
    background-color: #eceeef;
    margin: 20px 0 50px;
}

.timeline-area h5 {
    font-size: 24px;
    font-weight: var(--font-regular);
    color: #535759;
    line-height: normal;
    margin-top: 0;
}

ul.timeline-listing {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.timeline-listing li::before {
    display: none;
}

ul.timeline-listing>li {
    padding: 0;
    text-align: center;
    font-size: 24px;
    color: #535759;
    letter-spacing: normal;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
}

ul.timeline-listing>li .box {
    font-size: 18px;
    line-height: normal;
    color: #fff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #99dde3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin: 45px auto;
    position: relative;
}

ul.timeline-listing>li p {
    width: 100%;
    position: relative;
    margin: 0;
}

ul.timeline-listing>li p:first-of-type::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #8ab4ca;
    margin: 21px 0 0 0;
}

ul.timeline-listing>li p:last-of-type::before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #8ab4ca;
}

ul.timeline-listing>li .box::before,
ul.timeline-listing>li .box::after {
    content: "";
    display: block;
    width: 8px;
    height: 24px;
    background: #8ab4ca;
}

ul.timeline-listing>li .box::after {
    position: absolute;
    bottom: -45px;
    border-radius: 30px 30px 0 0;
}

ul.timeline-listing>li .box::before {
    position: absolute;
    top: -45px;
    border-radius: 0 0 30px 30px;
}

ul.timeline-listing>li p:first-of-type {
    padding: 21px 0 0;
}

ul.timeline-listing>li p:last-of-type::before {
    margin: 0 0 21px;
}

ul.timeline-listing>li p:last-of-type {
    padding: 0 0 21px;
}

ul.timeline-listing>li:first-child p:first-of-type::after,
ul.timeline-listing>li:first-child p:last-of-type::after {
    border-radius: 30px 0 0 30px;
}

ul.timeline-listing>li:last-child p:first-of-type::after,
ul.timeline-listing>li:last-child p:last-of-type::before {
    border-radius: 0 30px 30px 0;
}

ul.timeline-listing>li:nth-child(2) .box {
    background-color: #80cdd4;
}

ul.timeline-listing>li:nth-child(3) .box {
    background-color: #5cb9c2;
}

ul.timeline-listing>li:nth-child(4) .box {
    background-color: #40a8b2;
}

ul.timeline-listing>li:nth-child(5) .box {
    background-color: #1c919c;
}

.twoCol-v-center {
    padding: 23px 0;
    text-align: center;
}

.twoCol-v-center .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 60px 0 0;
}

.team-info-box {
    width: 25%;
    text-align: center;
    font-size: 16px;
    padding: 0 15px 40px;
}

.group-member {
    text-align: center;
}

.ck-group-member {
    padding: 0 15px 40px;
}

.team-info-box .lazy-image,
.group-member .group-member-picture {
    overflow: hidden;
    width: 232px;
    height: 232px;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
}

.team-info-box .lazy-image img,
.group-member .group-member-picture img {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.group-member .group-member-picture img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.group-member:hover .group-member-picture img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.group-member-name {
    font-family: var(--body-font);
    font-weight: var(--font-bold);
    color: var(--blue);
    line-height: 1.2;
    margin: 35px 0 15px;
    font-size: 18px;
    margin: 18px 0 10px;
}

.group-member-link-container {
    font-weight: var(--font-bold);
    font-size: 16px;
    text-align: center;
}

.group-member-link-container a {
    color: #479fce;
    text-decoration: underline;
}

.team-info-box a {
    color: #e99f0a;
}

.team-info-box h6 {
    margin: 18px 0 10px;
}

.team-info-box a:hover {
    color: var(--black);
    text-decoration: none;
    letter-spacing: normal;
}

.partnres-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -44px;
    padding: 50px 0;
}

.partnres-box {
    text-align: center;
    margin: 0 44px 30px;
    font-size: 16px;
}

.partnres-box img {
    margin: 0 auto;
}

.partnres-box a {
    text-decoration: underline;
    color: #479fce;
    font-weight: var(--font-bold);
}

.partnres-box a:hover {
    color: var(--black);
    text-decoration: none;
    letter-spacing: normal;
}

.partnres-box h6 {
    margin: 20px 0 5px;
}

.login-form {
    margin: 0 auto;
    max-width: 793px;
    font-size: 16px;
    letter-spacing: normal;
    color: #4b6377;
    text-align: center;
}

.login-form label {
    text-align: right;
    margin-top: 12px;
}

.login-form input {
    margin: 0;
}

.login-form input .btn {
    line-height: normal;
}

.login-form .btn {
    border-radius: 13px;
    min-width: 121px;
    padding: 11px 20px;
    line-height: 23px;
    letter-spacing: normal;
}

.login-form .btn.secondary-btn {
    border: 1px solid var(--btn-color);
}

.login-form .btn.secondary-btn:hover {
    background: var(--btn-color);
    color: var(--white);
}

.popup-form-area {
    position: relative;
    background: #FFF;
    padding: 50px 40px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

.popup-form-area.login-form label {
    text-align: left;
    margin: 0;
}

.popup-form-area.login-form .btn-row {
    margin: 0;
    text-align: center;
}

.popup-form-area .text-right {
    font-size: 12px;
}

.popup-form-area .mfp-close {
    color: #4b6377;
}

.register-form {
    margin: 0 auto;
    max-width: 998px;
    font-size: 16px;
    letter-spacing: normal;
    color: #4b6377;
    text-align: center;
}

.register-form label {
    text-align: right;
    margin-top: 12px;
}

.register-form .check-box label {
    text-align: left;
    margin: 0;
}

.register-form input {
    height: 48px;
    border-radius: 13px;
    font-size: 15px;
    margin: 0;
}

.register-form input .btn {
    line-height: normal;
}

.register-form .btn {
    min-width: 121px;
}

.register-form .btn.secondary-btn {
    border: 1px solid var(--btn-color);
}

.register-form .btn.secondary-btn:hover {
    background: var(--btn-color);
    color: var(--white);
}

ul.form-attachecd-files {
    margin: 0;
}

ul.form-attachecd-files li::before {
    display: none;
}

ul.form-attachecd-files li {
    padding-left: 0;
}

ul.form-attachecd-files li img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
}

.country-search-area input {
    background: #d2d8de;
    border-color: #d2d8de;
    color: #363535;
    font-size: 16px;
    margin: 0;
    padding: 12px 15px;
    height: 46px;
    border-radius: 10px;
}

.country-search-area {
    padding: 30px 0;
    font-size: 16px;
    margin: 0 auto;
}

.country-search-area .form-field [class^="col-"],
.country-search-area .form-field [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.country-search-area .form-field .row,
.country-search-area .row.form-field {
    margin-left: -20px;
    margin-right: -20px;
}

.country-search-area p {
    text-align: center;
    margin: 50px 0 0 0 !important;
}

.country-search-area .form-field .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.country-add-info-area {
    border-top: 1px solid #d2d8de;
    margin: 12px 0 0;
    padding: 33px 0;
}

ul.country-add-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 26px -11px -22px;
}

ul.country-add-info-list li {
    padding: 0 11px 22px;
    width: 20%;
}

ul.country-add-info-list li::before {
    display: none;
}

ul.country-add-info-list .box {
    background: #8ab4ca;
    text-align: center;
    color: var(--white);
    font-size: 15px;
    line-height: 18px;
    min-height: 95px;
    height: 100%;
}

ul.country-add-info-list .box a {
    color: inherit;
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #8ab4ca;
    padding: 8px;
}

ul.country-add-info-list .box img {
    margin: 0 auto;
}

ul.country-add-info-list .box a:hover {
    background: #c99130;
}

ul.community-listing {
    margin: 0;
}

ul.community-listing li::before {
    display: none;
}

ul.community-listing li {
    padding: 0;
    margin: 0 0 52px;
}

ul.community-listing li a {
    text-align: center;
    display: block;
    font-family: var(--body-font);
    font-weight: var(--font-bold);
    color: var(--blue);
    font-size: 24px;
    background: #d5e3ea;
    padding: 23px 20px;
    border-radius: 20px;
}

ul.community-listing li:last-child {
    margin: 0;
}

ul.community-listing li a:hover {
    background: #449dd0;
}

.community-map-area {
    position: relative;
    padding-top: 35.8%;
}

.community-map-area img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
}

.content-menu-area {
    padding: 10px 0 0;
    margin: -10px 0 0 0;
    overflow-x: auto;
    overflow-y: hidden;
}

ul.content-menu {
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    background-color: #84c1dd;
}

ul.content-menu li {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    overflow: visible;
    margin: 0 0 0 -1px;
}

ul.content-menu li a {
    display: block;
    font-size: 18px;
    font-weight: var(--font-bold);
    line-height: normal;
    color: var(--white);
    padding: 12px 25px;
    background-color: #84c1dd;
    -webkit-transition: background-color 0.3s linear 0s;
    -o-transition: background-color 0.3s linear 0s;
    transition: background-color 0.3s linear 0s;
}

ul.content-menu li a::before {
    content: "";
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    position: absolute;
    top: -10px;
    right: 0;
    background: transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

ul.content-menu li::before {
    display: none;
}

ul.content-menu li a:hover,
ul.content-menu li.current-menu-item a,
ul.content-menu li.active a,
ul.content-menu li.selected a {
    background: #4f91c1;
}

ul.content-menu li.current-menu-item a::before,
ul.content-menu li.active a::before,
ul.content-menu li.selected a::before {
    background: #4f91c1;
}

.fix.content-menu-area {
    position: fixed;
    z-index: 998;
    top: 135px;
    right: 0;
    left: 0;
    padding: 10px 0 6px;
}

.fix.content-menu-area ul.content-menu li a {
    padding: 12px 25px;
}

.fix.content-menu-area ul.content-menu li a::before {
    padding-top: 5px;
    top: 100%;
}

.community-overview-section {
    color: #4b6377;
    font-size: 15px;
    background: #ddebf3;
    padding: 30px 0;
}

.bottom-border-title {
    border-bottom: 1px solid #cedde6;
    padding: 0 0 33px;
    margin: 0 0 28px;
}

.community-dashboard {
    line-height: 30px;
    font-size: 15px;
    letter-spacing: normal;
}

.community-dashboard ul.community-post-info {
    margin: 0 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 5px;
}

.community-dashboard ul.community-post-info li {
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    color: #4b6377;
    letter-spacing: normal;
    line-height: normal;
}

.community-dashboard ul.community-post-info li::before {
    display: none;
}

.community-dashboard ul.community-post-info li strong {
    font-size: 24px;
    display: block;
    margin: 0 0 4px;
}

.key-messages-listing {
    margin: 0;
}

.key-messages-listing .all-faq {
    padding: 0;
}

.key-messages-listing .accordion .accordion-head {
    font-size: 16px;
    letter-spacing: normal;
}

.key-messages-listing .accordion {
    border: none;
    background: #eef5f9;
    border-radius: 10px;
    margin-bottom: 22px;
}

.key-messages-listing .accordion .accordion-head::after {
    color: #f3a409;
    font-size: 13px;
    left: 18px;
    top: 20px;
}

.key-messages-listing .accordion:last-of-type {
    margin: 0;
}

.key-messages-listing .accordion-content {
    letter-spacing: normal;
    padding: 0px 35px 16px;
}

.key-messages-listing .accordion-content p {
    margin: 0 0 15px;
}

.key-messages-listing .accordion-content p:last-child {
    margin: 0;
}

.community-about-section {
    padding: 50px 0;
}

.community-page .team-info-box .lazy-image img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.community-page .team-info-box:hover .lazy-image img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

ul.timeline2-listing {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: normal;
}

ul.timeline2-listing li::before {
    display: none;
}

ul.timeline2-listing>li {
    padding: 0;
    text-align: center;
    color: #535759;
    letter-spacing: normal;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
}

ul.timeline2-listing>li .box {
    line-height: 24px;
    color: #535759;
    padding: 30px 21px 5px;
    margin: 0 auto;
    position: relative;
}

ul.timeline2-listing>li p {
    width: 100%;
    position: relative;
    margin: 0;
}

ul.timeline2-listing>li p:first-of-type::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #4b6377;
    margin: 28px 0 0 0;
}

ul.timeline2-listing>li .box::before,
ul.timeline2-listing>li .box::after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: transparent;
    position: absolute;
    top: 0;
    border-radius: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #f3aa2d;
}

ul.timeline2-listing>li .box::after {
    background: #f3aa2d;
    width: 29px;
    height: 29px;
}

ul.timeline2-listing>li p:first-of-type {
    padding: 6px 0 0;
    font-weight: 700;
}

ul.timeline2-listing>li:first-child p:first-of-type::after,
ul.timeline2-listing>li:first-child p:last-of-type::after {
    border-radius: 5px 0 0 5px;
}

ul.timeline2-listing>li:last-child p:first-of-type::after,
ul.timeline2-listing>li:last-child p:last-of-type::before {
    border-radius: 0 5px 5px 0;
}

.noticeboard-area {
    background: #fff4dd;
    padding: 45px 0;
}

.noticeboard-area .related-slider {
    margin-bottom: 0;
}

.community-repository-area {
    background-color: #e4fffe;
    padding: 50px 0;
}

body.loggedIn .common-content {
    font-size: 16px;
    color: var(--blue);
    /*line-height: 34px; */
    letter-spacing: 0.35px;
}

.loggedIn .solid-bg-banner {}

.profile-card {
    padding: 26px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    text-align: center;
    color: var(--blue);
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0.35px;
}

.profile-card .img-box {
    margin: 0 auto;
    width: 179px;
    height: 179px;
    border-radius: 200px;
    overflow: hidden;
    background: #8ab4ca;
    color: #fff;
    line-height: 179px;
    font-size: 48px;
    font-weight: var(--font-bold);
}

.profile-card a {
    color: inherit;
}

.profile-name-social-area {
    padding: 19px 0 16px;
}

.profile-name-social-area h5 {
    margin: 0 0 9px;
}

.profile-name-social-area h5:last-child {
    margin-bottom: 0;
}

.profile-card p {
    margin: 0 0 12px !important;
}

.blue.profile-card .img-box {
    background: #479fce;
    color: #fff;
}

.profile-card .profile-info {
    border-top: 1px solid #cfd8dc;
    padding: 15px 0 0 0;
}

ul.profile-post-info li {
    padding: 0 5px 5px;
}

ul.profile-post-info li::before {
    display: none;
}

ul.profile-post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 11px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-top: 1px solid #cfd8dc;
    padding: 25px 0;
}

.headding-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #cfd8dc;
    padding: 0 0 29px;
}

.headding-area .btn-row {
    margin: -10px -18px 0 0;
    font-size: 0;
}

.headding-area .btn-row .btn {
    margin: 10px 18px 0 0;
}

.headding-area a.btn {
    padding: 13px 28px;
    line-height: normal;
}

.headding-area h4 {
    margin: 0;
}

.profile-related-area {
    padding: 16px 21px;
    background: #fff;
    -webkit-box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    box-shadow: 0 0 11px rgb(34 34 34 / 6%);
}

.profile-related-area h5 {
    border-bottom: 1px solid #cfd8dc;
    padding: 0 0 14px;
}

.profile-related-area ul {
    line-height: normal;
    font-size: 14px;
}

.profile-related-area ul li {
    padding: 0;
}

.profile-related-area ul li::before {
    display: none;
}

.profile-related-area ul::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    margin: 5px 0;
    cursor: pointer;
}

.profile-related-area ul::-webkit-scrollbar-track {
    background: rgb(237 239 241);
    cursor: pointer;
}

.profile-related-area ul::-webkit-scrollbar-thumb {
    background: rgb(75 99 119 / 55%);
    border-radius: 8px;
    cursor: pointer;
}

.profile-related-area ul::-webkit-scrollbar-thumb:hover {
    background: rgb(75 99 119 / 80%);
    cursor: pointer;
}

.profile-related-area .box {
    position: relative;
    padding: 0 0 0 63px;
    margin: 0 0 13px;
    min-height: 50px;
}

.profile-related-area .box .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: #8ab4ca;
    border-radius: 100px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    font-weight: var(--font-bold);
}

.profile-related-area .box .img-box a {
    color: inherit;
}

.profile-related-area .box h6 {
    margin: 0 0 6px;
    font-size: 15px;
}

.profile-related-area .box h6,
.profile-related-area .box p {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profile-related-area .box.blue .img-box {
    background: #479fce;
}

.profile-related-area .box.violet .img-box {
    background: #824eb0;
}

.profile-related-area .box.green .img-box {
    background: #177f0c;
}

.profile-related-area .box.orange .img-box {
    background: #c7912f;
}

.info-table p {
    margin: 0 0 10px;
}

.info-table p:last-of-type {
    margin: 0;
}

table.info-table,
table.info-table tr td,
table.info-table tr th {
    border: none;
}

table.info-table tr td,
table.info-table tr th {
    padding: 5px 15px;
    line-height: 30px;
}

table.info-table {
    margin: 0 -15px;
}

.profile-name-social-area ul.social-icon li i:before {
    line-height: 38px;
    width: 38px;
}

.profile-name-social-area ul.social-icon li i {
    background-color: #8ab4ca;
    color: #fff;
}

.profile-name-social-area ul.social-icon {
    font-size: 0;
    margin: 0;
}

.profile-name-social-area ul.social-icon li {
    margin: 3px 13px 3px 0;
}

.profile-name-social-area ul.social-icon li:last-of-type {
    margin-right: 0;
}

.profile-setting-form .check-box label {
    line-height: 25px;
    font-size: 15px;
}

.icon-text {
    position: relative;
}

.icon-text i {
    position: static;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: inherit;
    font-size: inherit;
    margin: -3px 16px 0 0;
}

.inner-col-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inner-col-3 .check-box {
    width: 33.33%;
    display: block;
    float: left;
}

.dataTables_length label,
.dataTables_filter label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
}

.dataTables_length label>* {
    padding: 0 15px;
}

.dataTables_length label .selectric-wrapper {
    min-width: 100px;
}

.dataTables_length .selectric .label {
    height: 38px;
    line-height: 38px;
}

.dataTables_length .selectric {
    border-radius: 10px;
}

.dataTables_length .selectric-items {
    left: 15px;
}

.dataTables_filter input {
    margin: 0 15px;
    height: 40px;
    border-radius: 10px;
    max-width: 200px;
}

.dataTables_length,
.dataTables_filter {
    width: auto;
}

.tab-content table {
    margin: 20px 0 10px !important;
    clear: both;
    float: left;
}

.image-widget-data {
    width: 100%;
}

.droppable {
    width: 100%;
    border: 2px dashed #8ab4ca;
    border-radius: 25px;
    margin: 10px 0;
    padding: 30px 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 160px;
}

.droppable .droppable-message>span {
    font-size: 22px;
    font-weight: 600;
}

.droppable .droppable-standard-upload {
    line-height: normal;
    min-height: unset;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Galvji', sans-serif;
    text-transform: lowercase;
    margin: 4px 0 0 0;
}

.droppable .droppable-message {
    line-height: normal;
}

.droppable .droppable-preview-image img {
    max-width: unset;
}

.droppable .droppable-preview-image {
    width: unset;
}

.field-widget-dragndrop-upload-image {
    text-align: center;
}

.date-combo .panel-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: none;
    clear: both;
    float: left;
}

.date-combo .panel-body .date-padding {
    padding: 0 !important;
}

.date-combo .panel-body .end-date-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.date-combo .panel-body .end-date-wrapper .control-label {
    word-break: normal;
    margin: 0 10px;
}

.date-combo .panel-body>.date-no-float {
    width: 50%;
    position: relative;
}

.date-combo .panel-body .form-item,
.date-combo .panel-body .form-item input {
    width: 100% !important;
    margin: 0 !important;
}

.material-form>.form-group {
    padding: 0 0 20px;
}

.material-form>.form-group:last-of-type {
    padding: 0;
}

.communities-listing-section {
    clear: both;
}

ul.communities-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.communities-listing li {
    margin: 0 0 30px;
    padding: 0;
}

ul.communities-listing li:last-child {
    margin: 0;
}

ul.communities-listing li::before {
    display: none;
}

ul.communities-listing li .lazy-image img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.communitie-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #d5e3ea;
    border-radius: 15px;
    overflow: hidden;
}

.communitie-box .lazy-image {
    width: 30.5%;
    padding-top: 19.7%;
}

.communitie-box .content-box {
    width: 69.5%;
    padding: 33px 43px 25px;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 24px;
    color: #4b6377;
}

.communitie-box .content-box p {
    margin: 0;
}

.communitie-box .content-box .status-btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 0 0 0;
}

.communitie-box .content-box ul.status-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: 0 -25px;
}

.communitie-box .content-box ul.status-info li {
    padding: 5px 25px;
    margin: 0;
}

.communitie-box .content-box ul.status-info li::before {
    display: none;
}

.communitie-box .content-box ul.status-info strong {
    font-size: 20px;
}

.resources-listing-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.resources-box {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.resources-box a {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
    margin: 0;
}

.resources-box .lazy-image img {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.resources-box .lazy-image {
    padding-top: 125.13%;
}

.resources-box h4 {
    position: absolute;
    bottom: 24px;
    right: 0;
    left: 0;
    color: inherit;
    font-size: 26px;
    line-height: 1.1538461538461537;
    z-index: 2;
    margin: 0;
    padding: 0 15px;
    letter-spacing: normal;
}

.resources-box a::after {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8808474073223039)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8808474073223039) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8808474073223039) 0%, rgba(255, 255, 255, 0) 50%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.three-box.resources-listing-area .resources-box {
    width: 33.33%;
}

.three-box.resources-listing-area .resources-box .lazy-image {
    padding-top: 79%;
}

.resources-listing-area .view-all.resources-box {
    width: 100%;
}

.resources-listing-area .view-all.resources-box .lazy-image {
    padding-top: 17.461%;
}

.resources-listing-area .view-all.resources-box h4 {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.resources-listing-area .view-all.resources-box a::after {
    background: rgba(0, 0, 0, 0.50);
}

.contact-form {
    font-size: 16px;
}

.contact-form p,
.contact-form label {
    letter-spacing: normal;
}

.contact-form input:not([type="submit"], [type="button"]),
.contact-form select,
.contact-form textarea {
    background: #d0d9df;
    border-color: #d0d9df;
    color: #333232;
}

.contact-form ::-webkit-input-placeholder {
    color: #333232;
}

.contact-form ::-moz-placeholder {
    color: #333232;
}

.contact-form :-ms-input-placeholder {
    color: #333232;
}

.contact-form :-moz-placeholder {
    color: #333232;
}

.contact-form label {
    font-weight: 700;
    color: #3c6379;
    font-size: 18px;
    margin: 6px 0;
}

.contact-form .selectric {
    background: #d0d9df !important;
    color: #333232;
    border: 1px solid #d0d9df !important;
    border-radius: 13px !important;
    display: block;
    font-size: 15px;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: 20px;
    position: relative;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    margin-bottom: 20px;
}

.contact-form .selectric-focus .selectric,
.contact-form .selectric-hover .selectric,
.contact-form .selectric-open .selectric {
    border-color: #d0d9df !important;
}

.participant-section {
    padding-top: 50px;
    padding-bottom: 60px;
}

.contact-info ul.social-icon li i {
    background: #8ab4ca;
    color: #fff;
}

.contact-info {
    padding: 20px 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    margin: 0 0 0 25px;
}

.contact-info h5 {
    margin-top: 25px;
}

.contact-info h5:first-of-type {
    margin-top: 0;
}

.participant-section {
    padding-top: 50px;
}

.alphabet-scroll-container {
    width: 100%;
    height: 550px;
    padding: 10px;
    margin: 10px 0;
    border-radius: 0.25rem;
}

.alphabet-scroll-container .alphabet-scroll-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px 20px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #d2d8de;
}

.alphabet-scroll-container .main-scroll {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    list-style: none;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px;
    letter-spacing: normal;
}

.alphabet-scroll-container .main-scroll li:not(.country-letter-separator) {
    padding: 10px;
    border-radius: 0.25rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: inherit;
    color: #479fce;
}

.alphabet-scroll-container .main-scroll li:not(.country-letter-separator):before {
    content: "";
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    bottom: -2px;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: #8694a7;
    line-height: inherit;
}

.alphabet-scroll-container .country-letter-separator:not(:first-of-type) {
    background-color: #536885;
    margin: 10px 0;
    padding: 0 15px;
}

.country-color-ad:before {
    background: url(../images/country_color/ad.svg);
}

.country-color-ae:before {
    background: url(../images/country_color/ae.svg);
}

.country-color-af:before {
    background: url(../images/country_color/af.svg);
}

.country-color-ag:before {
    background: url(../images/country_color/ag.svg);
}

.country-color-ai:before {
    background: url(../images/country_color/ai.svg);
}

.country-color-al:before {
    background: url(../images/country_color/al.svg);
}

.country-color-dz:before {
    background: url(../images/country_color/dz.svg);
}

.country-color-am:before {
    background: url(../images/country_color/am.svg);
}

.country-color-ao:before {
    background: url(../images/country_color/ao.svg);
}

.country-color-ar:before {
    background: url(../images/country_color/ar.svg);
}

.country-color-as:before {
    background: url(../images/country_color/as.svg);
}

.country-color-at:before {
    background: url(../images/country_color/at.svg);
}

.country-color-au:before {
    background: url(../images/country_color/au.svg);
}

.country-color-aw:before {
    background: url(../images/country_color/aw.svg);
}

.country-color-ax:before {
    background: url(../images/country_color/ax.svg);
}

.country-color-az:before {
    background: url(../images/country_color/az.svg);
}

.country-color-ba:before {
    background: url(../images/country_color/ba.svg);
}

.country-color-bb:before {
    background: url(../images/country_color/bb.svg);
}

.country-color-bd:before {
    background: url(../images/country_color/bd.svg);
}

.country-color-be:before {
    background: url(../images/country_color/be.svg);
}

.country-color-bf:before {
    background: url(../images/country_color/bf.svg);
}

.country-color-bg:before {
    background: url(../images/country_color/bg.svg);
}

.country-color-bh:before {
    background: url(../images/country_color/bh.svg);
}

.country-color-bi:before {
    background: url(../images/country_color/bi.svg);
}

.country-color-bj:before {
    background: url(../images/country_color/bj.svg);
}

.country-color-bl:before {
    background: url(../images/country_color/bl.svg);
}

.country-color-bm:before {
    background: url(../images/country_color/bm.svg);
}

.country-color-bn:before {
    background: url(../images/country_color/bn.svg);
}

.country-color-bo:before {
    background: url(../images/country_color/bo.svg);
}

.country-color-br:before {
    background: url(../images/country_color/br.svg);
}

.country-color-bs:before {
    background: url(../images/country_color/bs.svg);
}

.country-color-bt:before {
    background: url(../images/country_color/bt.svg);
}

.country-color-bw:before {
    background: url(../images/country_color/bw.svg);
}

.country-color-by:before {
    background: url(../images/country_color/by.svg);
}

.country-color-bz:before {
    background: url(../images/country_color/bz.svg);
}

.country-color-ca:before {
    background: url(../images/country_color/ca.svg);
}

.country-color-cc:before {
    background: url(../images/country_color/cc.svg);
}

.country-color-cd:before {
    background: url(../images/country_color/cd.svg);
}

.country-color-cf:before {
    background: url(../images/country_color/cf.svg);
}

.country-color-cg:before {
    background: url(../images/country_color/cg.svg);
}

.country-color-ch:before {
    background: url(../images/country_color/ch.svg);
}

.country-color-ci:before {
    background: url(../images/country_color/ci.svg);
}

.country-color-ck:before {
    background: url(../images/country_color/ck.svg);
}

.country-color-cl:before {
    background: url(../images/country_color/cl.svg);
}

.country-color-cm:before {
    background: url(../images/country_color/cm.svg);
}

.country-color-cn:before {
    background: url(../images/country_color/cn.svg);
}

.country-color-co:before {
    background: url(../images/country_color/co.svg);
}

.country-color-cr:before {
    background: url(../images/country_color/cr.svg);
}

.country-color-cu:before {
    background: url(../images/country_color/cu.svg);
}

.country-color-cv:before {
    background: url(../images/country_color/cv.svg);
}

.country-color-cw:before {
    background: url(../images/country_color/cw.svg);
}

.country-color-cx:before {
    background: url(../images/country_color/cx.svg);
}

.country-color-cy:before {
    background: url(../images/country_color/cy.svg);
}

.country-color-cz:before {
    background: url(../images/country_color/cz.svg);
}

.country-color-kh:before {
    background: url(../images/country_color/kh.svg);
}

.country-color-td:before {
    background: url(../images/country_color/td.svg);
}

.country-color-km:before {
    background: url(../images/country_color/km.svg);
}

.country-color-hr:before {
    background: url(../images/country_color/hr.svg);
}

.ncds-list {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px -1.20% 0 0;
}

.ncds-box {
    width: 32.13%;
    min-height: 190px;
    margin: 65px 1.20% 27px 0;
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: normal;
    color: #4b6377;
    border: 1px solid #e5e9eb;
    position: relative;
    background: #fff;
}

.ncds-box .icon {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    overflow: hidden;
    margin: -73px auto 0;
    width: 116px;
    height: 116px;
    border-radius: 150px 150px 0 0;
    position: relative;
}

.ncds-box::before {
    content: "";
    display: block;
    width: 119px;
    height: 119px;
    border-radius: 150px;
    border: 1px solid #e5e9eb;
    background: #fff;
    position: absolute;
    top: -65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.ncds-box .icon img {
    position: relative;
    z-index: 1;
}

.discover-gnp-area {
    background: #e3eaf0;
    padding: 50px 0 23px;
}

.discover-gnp-area .ncds-list {
    margin-top: 40px;
}

.stakeholder-map-area-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 15px;
}

.stakeholder-map-area-wrap>* {
    padding: 0 15px;
}

.gcm-map-switch .csCheckbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 32px;
    margin: 0;
}

.gcm-map-switch input {
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
    position: static !important;
}

.gcm-map-switch .csCheckboxElem {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e3eef4;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    border: none;
    width: unset;
    height: unset;
}

.stakeholder-map-area-wrap label {
    margin: 0;
}

.gcm-map-switch .csCheckboxElem::after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: unset;
    left: 4px;
    bottom: 4px;
    background-color: #4d667a;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.gcm-map-switch .csCheckboxElem.csChecked::after {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.gcm-map-switch .csCheckbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 32px;
    margin: 0;
}

.gcm-map-switch input {
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
    position: static !important;
}

.gcm-map-switch .csCheckboxElem {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e3eef4;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    border: none;
    width: unset;
    height: unset;
}

.stakeholder-map-area-wrap label {
    margin: 0;
}

.gcm-map-switch .csCheckboxElem::after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: unset;
    left: 4px;
    bottom: 4px;
    background-color: #4d667a;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.gcm-map-switch .csCheckboxElem.csChecked::after {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list {
    background: #fff;
    border: 1px solid #8ab4ca;
    border-radius: 6px;
    padding: 0 10px;
    margin-top: 0;
    position: relative;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    max-height: 36vh;
    overflow-y: auto;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list>div {
    padding: 4px 0;
    border-top: 1px solid #8ab4ca4d;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list>div:first-of-type {
    border: none;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list.active {
    opacity: 1;
    visibility: visible;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    margin: 5px 0;
    cursor: pointer;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list::-webkit-scrollbar-track {
    background: rgb(237 239 241);
    cursor: pointer;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list::-webkit-scrollbar-thumb {
    background: rgb(75 99 119 / 55%);
    border-radius: 8px;
    cursor: pointer;
}

.mapstakeholders .gcm-input-container-autocomplete .gcm-input-text-autocomplete-list::-webkit-scrollbar-thumb:hover {
    background: rgb(75 99 119 / 80%);
    cursor: pointer;
}

.map-container .uts-partners-area {
    padding: 30px 0 0 0;
}

ul.uts-partners-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px -16px 0;
}

ul.uts-partners-list>li {
    width: 33.33%;
    padding: 0 16px 32px;
}

ul.uts-partners-list>li::before {
    display: none;
}

ul.uts-partners-list .box {
    border: 1px solid #e4edf2;
    color: #4b6377;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    background: #e4edf2;
}

ul.uts-partners-list .box .content {
    padding: 15px;
    padding-bottom: 70px;
    height: calc(100% - 175px);
    position: relative;
}

ul.uts-partners-list .box .logo {
    background: #fff;
    height: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
}

ul.uts-partners-list .box .logo img {
    max-width: 100%;
    max-height: 100%;
}

ul.uts-partners-list .box strong {
    color: var(--blue);
}

ul.uts-partners-list .box h6 {
    letter-spacing: 0.25px;
}

ul.uts-partners-list .box .btn-row {
    text-align: center;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
}

ul.uts-partners-list .box table {
    border: none;
    font-size: 15px;
    margin: -15px 0 0;
}

ul.uts-partners-list .box table tr td {
    border: none;
    line-height: normal;
    padding: 15px 0 0;
    min-width: 150px;
}

ul.uts-partners-list .box .content .table-responsive {
    margin: 0;
}

ul.uts-partners-list .box .content .btn::before {
    background: transparent;
}

.repository_block h6 {
    margin-top: 0;
}

.div-table .trow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 5px;
}

.div-table .trow .tcol {
    width: 100%;
    padding: 0 0 3px;
}

.div-table {
    font-size: 14px;
    line-height: 19px;
}

.div-table .projectInfo .tcol:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.div-table .countrieInfo .tcol:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.all-news-area,
.country-highlight-area,
.eventNews-area,
.impact-storice-section {
    padding: 0 0 30px;
}

.steering-group-area {
    padding: 45px 0;
    background: #ebf2f5;
}

.steering-group.team-area {
    padding: 30px 0 0 0;
    margin: 0 -24px 0 0;
}

.steering-group.team-area .team-info-box {
    width: calc(20% - 24px);
    margin: 0 24px 24px 0;
    background: #fff;
    padding: 20px;
}

.steering-group.team-area .team-info-box .lazy-image {
    width: 137px;
    height: 137px;
}

.steering-group.team-area .team-info-box h6 {
    font-size: 17px;
}

.steering-group.team-area .team-info-box a {
    color: #479fce;
}

.steering-group.team-area .team-info-box h6::after {
    content: "";
    display: block;
    margin: 15px auto 0;
    width: 90px;
    height: 2px;
    background: #8ab4ca;
}

.logos-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.logos-box {
    text-align: center;
    margin: 10px 20px;
    font-size: 16px;
}

.logos-box img {
    margin: 0 auto;
}

.ncd-lab-timeline {
    background: #ebf2f5;
    padding: 45px 0;
}

ul.ncd-timeline-listing {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.ncd-timeline-listing li::before {
    display: none;
}

ul.ncd-timeline-listing>li {
    padding: 0;
    text-align: center;
    font-size: 24px;
    color: #535759;
    letter-spacing: normal;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
}

ul.ncd-timeline-listing>li .box {
    font-size: 18px;
    line-height: normal;
    color: #fff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #99dde3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin: 45px auto;
    position: relative;
}

ul.ncd-timeline-listing>li p {
    width: 100%;
    position: relative;
    margin: 0;
}

ul.ncd-timeline-listing>li p:first-of-type::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #8ab4ca;
    margin: 21px 0 0 0;
}

ul.ncd-timeline-listing>li p:last-of-type::before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #8ab4ca;
}

ul.ncd-timeline-listing>li .box::before,
ul.ncd-timeline-listing>li .box::after {
    content: "";
    display: block;
    width: 8px;
    height: 24px;
    background: #8ab4ca;
}

ul.ncd-timeline-listing>li .box::after {
    position: absolute;
    bottom: -45px;
    border-radius: 30px 30px 0 0;
}

ul.ncd-timeline-listing>li .box::before {
    position: absolute;
    top: -45px;
    border-radius: 0 0 30px 30px;
}

ul.ncd-timeline-listing>li p:first-of-type {
    padding: 21px 0 0;
}

ul.ncd-timeline-listing>li p:last-of-type::before {
    margin: 0 0 21px;
}

ul.ncd-timeline-listing>li p:last-of-type {
    padding: 0 0 21px;
}

ul.ncd-timeline-listing>li:first-child p:first-of-type::after,
ul.ncd-timeline-listing>li:first-child p:last-of-type::after,
ul.ncd-timeline-listing>li:first-child p:last-of-type::before {
    border-radius: 30px 0 0 30px;
}

ul.ncd-timeline-listing>li:last-child p:first-of-type::after,
ul.ncd-timeline-listing>li:last-child p:last-of-type::before {
    border-radius: 0 30px 30px 0;
}

ul.ncd-timeline-listing>li:nth-child(2) .box {
    background-color: #80cdd4;
}

ul.ncd-timeline-listing>li:nth-child(3) .box {
    background-color: #5cb9c2;
}

ul.ncd-timeline-listing>li:nth-child(4) .box {
    background-color: #40a8b2;
}

ul.ncd-timeline-listing>li:nth-child(5) .box {
    background-color: #1c919c;
}

.ncd-sbumit-project {
    clear: both;
    overflow: hidden;
    background: #ebf2f5;
    padding: 45px 0;
}

.ncd-sbumit-form {
    background: #fff;
    padding: 35px;
}

.check-box-area .check-box {
    display: inline-block;
    width: 33.11%;
}

.check-box-area label {
    display: block;
}

.remove-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #e82100;
    position: relative;
    padding: 0 0 0 25px;
}

.remove-link::before {
    content: "\f2ed";
    font-family: 'Font Awesome 5 Pro';
    display: block;
    position: absolute;
    left: 6px;
    top: -2px;
}

.ncd-sbumit-form .btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    float: none;
    width: auto;
}

.ncd-sbumit-form .btn-row .btn-col {
    padding: 0 15px;
}

.dic-box {
    background: #ddebf3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 20px;
    border-radius: 15px;
    margin: 0 0 20px;
    width: 100%;
    color: #5d6368;
}

.dic-box .avatar {
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 15px 0 0;
}

.dic-box .content {
    width: calc(100% - 80px);
    line-height: 28px;
}

.dic-box .content h5 {
    font-size: 18px;
    letter-spacing: normal;
    margin: 0 0 10px;
}

.dic-box h6 {
    margin: 15px 0 0;
    font-weight: 900;
    letter-spacing: normal;
    font-size: 14px;
}

.dic-box .content h6::after {
    content: "";
    display: block;
    height: 2px;
    background: #8ab4ca;
    max-width: 30px;
    position: relative;
    margin: 5px 0 0 0;
}

.dic-box .date {
    font-size: 12px;
    line-height: normal;
    margin: 5px 0 0;
}

.dic-listing .dic-box:last-child {
    margin: 0;
}

.dic-listing {
    padding: 15px 0 0;
}

.dic-box .avatar.alphabet {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #479fce;
    font-family: 'Galvji', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
}

.fullwidth-w,
.fullwidth-w:hover {
    display: block;
    width: 100%;
    color: #5d6368;
}

.fullwidth-w:last-child .dic-box {
    margin: 0;
}

.text-format-wrapper {
    position: relative;
}

.emoji-selection {
    display: none;
    position: absolute;
    top: calc(100% - 30px);
    right: 40px;
    z-index: 1;
    font-size: 18px;
    width: 500px;
    height: 360px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: 1px solid #8ab4ca;
    border-radius: 13px 13px 0 13px;
    margin: 0px 0 20px;
}

.emoji-selection.open {
    display: block;
}

.emoji-selection #emoji-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    padding-left: 57px;
    width: 100%;
    height: 40px;
    background: white;
    color: #5d6368;
    border-bottom: 1px solid #8ab4ca;
    font-weight: 700;
}

.emoji-selection .emoji-navigation {
    position: absolute;
    top: 0;
    left: 0;
    background: #8ab4ca;
    height: 100%;
    width: 50px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.emoji-selection .emoji-navigation li {
    cursor: pointer;
    margin: 0 !important;
    height: 40px;
    padding: 0;
}

.emoji-selection .emoji-navigation li a {
    color: white;
    border-radius: 0;
    height: 40px;
    padding: 4px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.emoji-selection .emoji-navigation li a:hover {
    background-color: #3D5E8A;
}

.emoji-selection .emoji-navigation li.active a {
    background-color: #6ba0bc;
}

.emoji-selection .emoji-scroll {
    height: 100%;
    padding-left: 50px;
    padding-bottom: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #213350;
}

.emoji-selection .emoji-category {
    padding: 7px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #8ab4ca;
    color: #5d6368;
    font-size: 15px;
    display: block;
    top: 0;
}

.emoji-selection .emoji-wrapper {
    padding: 10px;
    padding-left: 12px;
    display: block;
    background: #fff;
}

.emoji-selection .emoji-wrapper .emoji {
    cursor: pointer;
}

.emoji-selection .emoji-navigation li::before {
    display: none;
}

.emoji-selection .emoji-scroll::-webkit-scrollbar {
    z-index: 999;
    width: 5px;
}

.emoji-selection .emoji-scroll::-webkit-scrollbar-track {
    background: #abccde;
}

.emoji-selection .emoji-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #8facbc;
}

.emoji-selection .emoji-scroll::-webkit-scrollbar-thumb:hover {
    background: #8ab4ca;
}

.addemoji-processed {
    display: block !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 10px auto;
    font-weight: 300 !important;
    font-size: 30px;
    padding: 0 2px;
    margin: 0 0 15px auto;
    color: #8ab4ca;
    cursor: pointer;
    display: none !important;
}

.author-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.com-actions ul li:before {
    display: none;
}

.com-actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px -10px;
}

.com-actions ul li {
    padding: 0 10px 10px;
    text-transform: capitalize;
}

.com-actions ul li a::before {
    content: "\f2ed";
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    margin: 0 6px 0 0;
    font-size: 16px;
}

.com-actions ul li.comment-delete a::before {
    content: "\f2ed";
}

.com-actions ul li.comment-edit a::before {
    content: "\f044";
}

.com-actions ul li.comment-reply a::before {
    content: "\f3e5";
}

.com-actions ul li.comment-approve a::before {
    content: "\f00c";
}

.com-actions {
    margin: 10px 0 0;
}

.author-information .user-picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #f2f2f2;
    line-height: normal;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
    cursor: pointer;
    overflow: hidden;
}

.author-information .user-picture+div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: normal;
    margin: 5px 0 10px 10px;
}

.author-information .user-picture+div p {
    line-height: normal;
    margin: 0;
}

.author-information .user-picture+div .moment-processed-processed {
    font-size: 12px;
    margin-top: 3px;
}

#comment-form {
    display: block;
    background: #ffffff;
    margin: 20px 0 30px;
    padding: 20px 30px 30px;
    border-radius: 15px;
    border: 2px solid #ebebeb;
    -webkit-box-shadow: 0px 5px 5px #f4f4f4;
    box-shadow: 0px 5px 5px #f4f4f4;
}

#comment-form fieldset {
    margin: 0 0 20px;
}

#comment-form .panel-body {
    border: 1px solid #dedede;
    padding: 20px 20px;
    border-radius: 13px;
    margin: 10px 0 20px;
}

#comment-form .form-type-radios label {
    display: inline-block;
}

#comment-form .filter-wrapper .panel-body {
    margin: 0;
    border-radius: 0;
    border-right: none;
    border-left: none;
    padding: 10px 10px;
}

.loggedIn .gcm-card {
    display: block;
    background: #f4f4f4;
    margin: 20px 0 30px;
    padding: 21px 25px;
    border-radius: 13px;
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 4px 0px #e5e2e2;
    box-shadow: 0px 4px 0px #e5e2e2;
}

.confirmation #edit-actions {
    display: block;
    margin: 10px -15px 0;
}

.confirmation #edit-actions>* {
    margin: 0 15px;
}

.custom_event {
    border: 2px solid #e4edf2;
    border-radius: 40px;
    padding: 30px 20px;
}

.custom_event #calendar {
    padding: 20px 15px;
    height: unset;
    overflow: hidden;
    border: none;
}

.custom_event #calendar .event-listing {
    display: none !important;
}

.custom_event #event-list-title h3 {
    font-size: 22px;
}

.custom_event #event-list-content {
    display: block;
    margin: 24px 0 0;
}

.custom_event #event-list-content ul>li {
    display: block;
    margin: 0 0 15px;
    padding: 0;
}

.custom_event #event-list-content ul>li::before {
    display: none;
}

.custom_event #event-list-content ul>li .event {
    display: flex;
    align-items: center;
}

.custom_event #event-list-content ul>li .event .lazy-image {
    width: 30%;
    background: transparent;
    border: 2px solid #e4edf2;
    border-radius: 12px;
    padding-top: 20%;
}

.custom_event #event-list-content ul>li .event .lazy-image img {
    background: #fff;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

.custom_event #event-list-content ul>li .event .content {
    width: 60%;
    padding: 0 0 0 15px;
    font-size: 12px;
    letter-spacing: normal;
}

.custom_event #event-list-content ul>li .event .content h5 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 10px;
    letter-spacing: normal;
}

.custom_event #event-list-content ul>li .event .content .date {
    font-weight: 400;
}

.custom_event #event-list-content ul>li .event .content .date b {
    color: #449dd0;
    font-weight: 400;
}

.clndr-controls .clndr-previous-button,
.clndr-controls .clndr-next-button {
    cursor: pointer;
}

header .logo img {
    width: 100%;
    max-width: 196px;
}

.popover.user-menu {
    position: fixed;
    margin-top: 21px;
    width: 215px;
    background-color: white;
}

.map-container-home {
    height: 600px;
    overflow-y: hidden;
}

.map-container #map-holder {
    background-color: white;
    position: relative;
    width: 100%;
    height: 50vh;
    border-radius: 20px;
    border: 2px solid #e4edf2;
    overflow: hidden;
}

.map-container-home #map-holder {
    height: 100%;
}

#viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: #e8e9ec;
    position: relative;
    border-radius: 20px;
    border: 2px solid #e4edf2;
    overflow: hidden;
}

.map-container #map-holder .map-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background-color: #68829D;
    color: white;
    z-index: 1;
}

.map-container #map-holder #zoom-in {
    top: 20px;
}

.map-container #map-holder #zoom-out {
    top: 60px;
}

.map-container svg rect {
    fill: transparent;
}

.map-container .country {
    fill: #6ED2E3;
    stroke: white;
    stroke-width: 1;
}

.map-container .country-on {
    fill: #68829D;
}

.map-container .disputed-layer {
    fill: #4B5358;
}

.map-container .disputed-border {
    stroke: #000;
    stroke-dasharray: 3, 3;
    stroke: currentColor;
}

.map-container .map-tooltip {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    pointer-events: none;
}

.language-wrap {
    position: relative;
}

.language-wrap ul {
    position: absolute;
    -webkit-box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 20%);
    top: 39px;
    left: 9px;
    width: 123px;
    z-index: 999;
    background: #fff;
    margin: 0;
    display: none;
}

.language-wrap li {
    padding: 0;
    list-style: none;
}

.language-wrap li:before {
    content: none;
}

.selectric.lang-switcher {
    cursor: pointer;
}

.language-wrap li a:hover {
    background: #eee;
}

.gcm-color-warning {
    color: #D24437;
    font-size: 13px;
    padding-top: 5px !important;
}

div#edit-actions--3,
#edit-actions {
    display: inline-block;
}

.p-50 {
    padding: 50px 0;
}

.element-invisible {
    display: none;
}

#user-register-form .gap-xs,
.gap-xs.col-multi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#user-register-form .gap-xs>div,
.gap-xs.col-multi>div {
    width: 48%;
}

#user-register-form .selectric,
.profile-setting-form .selectric,
.custom-style .selectric {
    border: 1px solid #8ab4ca;
    background-color: #ffffff;
    position: relative;
    border-radius: 13px;
}

#user-register-form .selectric .label,
.profile-setting-form .selectric .label,
.custom-style .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0 38px 0 16px;
    height: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--blue);
    font-size: 15px;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: 48px;
}

div#edit-og-user-node label {
    display: none;
}

.og_user_node label {
    margin-top: 0;
}

.register-form .check-box label label {
    padding: 0;
}

.g-recaptcha {
    margin-top: 20px;
}

.tooltip {
    display: none !important;
}

.paging ul.pagination li.pager-last a,
.paging ul.pagination li.next a,
.paging ul.pagination li.prev a,
.paging ul.pagination li.pager-first a {
    padding: 10px 15px 8px;
    border-radius: 30px;
}

.form-item-combine,
.form-item-sort-by,
.form-item-sort-order {
    display: none;
}

.paging ul.pagination li.pager-ellipsis span {
    border: 0;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading:after {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    color: #4b6377;
    position: absolute;
    top: 50%;
    right: 15px;
    content: "\f107";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.75rem;
}

.theme-filter-panel-heading {
    font-size: 15px;
    text-transform: uppercase;
    background: transparent;
    display: block;
    width: 100%;
    text-align: left;
    color: #6ba0cc;
    padding: 13px 12px 2px;
    cursor: pointer;
    position: relative;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.collapse {
    display: none;
}

.panel-body {
    padding: 10px 10px;
    margin-top: 7px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.panel-collapse.in {
    display: block;
}

.bef-checkboxes label.no-hide {
    padding: 0;
}

.themes-filters .theme-filter-panel .panel-body .bef-checkboxes div input,
.themes-filters .theme-filter-panel .panel-body .form-item-sort-by input {
    width: auto;
    height: auto;
    display: none;
}

.themes-filters .theme-filter-panel .panel-body .bef-checkboxes div label.option,
.themes-filters .theme-filter-panel .panel-body .form-item-sort-by label {
    cursor: pointer;
    color: #000000;
    font-weight: normal;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    line-height: 1.3;
}

.themes-filters .theme-filter-panel .panel-body .bef-checkboxes div label.option:before,
.themes-filters .theme-filter-panel .panel-body .form-item-sort-by label:before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 0.7125rem;
    height: 0.7125rem;
    margin-right: 0.8125rem;
    background-color: #e6ebf1;
    transition: unset;
    border-radius: 2px;
}

.themes-filters .theme-filter-panel .panel-body .bef-checkboxes div input:checked+label.option:before,
.themes-filters .theme-filter-panel .panel-body .form-item-sort-by input:checked+label:before {
    background-color: #68829D;
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding: 4px;
    font-weight: 900;
    font-size: 7px;
}

.bef-checkboxes .row,
.bef-checkboxes div[class^='col-'] {
    padding: 0;
    margin: 0;
}

header .header-btn-wrap>ul>li .user-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f7;
    line-height: normal;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 5px;
    cursor: pointer;
    overflow: hidden;
}

header .header-btn-wrap .user-drop-menu {
    position: absolute;
    z-index: 100;
    border-radius: 0;
    padding: 5px 0;
    margin: 2px 0 0 0;
    visibility: hidden;
    text-align: left;
    right: 0;
    opacity: 0;
    top: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
}

header .header-btn-wrap>ul>li:hover>.user-drop-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
    -o-transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
    transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
}

header .header-btn-wrap .user-drop-menu li {
    float: left;
    width: 100%;
    min-width: 130px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    overflow: visible;
}

header .header-btn-wrap .user-drop-menu li a {
    display: block;
    white-space: normal;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
    padding: 5px 15px;
    text-align: left;
}

header .header-btn-wrap li:before {
    content: none;
}

.tinynav1,
.selectric-tinynav1,
.gcm-submission-form .form-type-textfield label {
    display: none;
}

ul.l_tinynav1 {
    margin: 0;
}

ul.l_tinynav1 li {
    float: left;
    position: relative;
    vertical-align: middle;
    margin: 0;
    text-align: center;
    line-height: normal;
    background-color: transparent;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
}

ul.l_tinynav1 li a {
    position: relative;
    float: left;
    width: 100%;
    border-right: 1px solid #cfd8dc;
    color: #4b6377;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    padding: 14px 20px;
    background: #f7f7f7;
    border-radius: 0;
    text-align: left;
    z-index: 2;
    margin: 0;
}

ul.l_tinynav1 li.selected a {
    color: #ffffff;
    background: #8ab4ca;
    border-color: #f7f7f7;
}

ul.l_tinynav1 li:last-of-type a {
    border: none;
}

ul.l_tinynav1 li:before {
    content: none
}

.profile-setting-form {
    padding-top: 26px;
}

.profile-setting-form .csCheckbox {
    display: inline-block;
    float: left;
    margin-right: 20px;
    top: 2px;
}

.profile-setting-form .form-type-checkbox label.control-label {
    font-size: 15px;
    margin: 0;
}

.profile-setting-form .form-type-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
}

.profile-setting-form .selectric .label {
    font-weight: var(--font-medium);
}

.profile-setting-form .selectric-wrapper {
    width: 100%;
}

#edit-timezone legend.panel-heading,
#edit-timezone label,
#edit-picture label,
#edit-picture .user-picture {
    display: none;
}

#edit-timezone .panel-body,
#edit-picture .panel-body {
    border: 0;
    padding: 0;
    margin: 0;
}

#edit-picture span.panel-title.fieldset-legend {
    position: relative;
    font-size: 20px;
    font-family: var(--body-font);
    font-weight: var(--font-bold);
    color: var(--blue);
    margin: 0 0 13px;
}

.row.gcm-user-settings-picture {
    margin-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.gcm-banner-menu-title-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.gcm-banner-menu-title-wrapper h2 {
    color: #fff;
}

.days-of-the-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.days-of-the-week .header-day {
    text-align: center;
    width: 14.2%;
    font-size: 22px;
    font-weight: var(--font-bold);
    color: var(--blue);
}

.clndr-grid .days {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 20px;
}

.clndr-grid .days .day {
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
}

.day.adjacent-month {
    background: #dddddd38;
}

.clndr-status {
    font-size: 26px;
    font-weight: var(--font-bold);
    color: var(--blue);
    text-align: center;
}

.clndr-status>div {
    display: inline-block;
}

.clndr-status {
    font-size: 26px;
    font-weight: var(--font-bold);
    color: var(--blue);
    text-align: center;
    margin-bottom: 40px;
}

.clndr {
    position: relative;
}

.clndr-controls.flex {
    position: absolute;
    top: 11px;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: calc(50% - 110px);
}

#calendar {
    border: 2px solid #e4edf2;
    background-color: #fff;
    padding: 48px 33px 30px;
    border-radius: 50px;
    height: 586px;
    overflow-x: hidden;
    overflow-y: auto;
}

.clndr-status .year {
    color: red;
}

.days .day.event {
    background: #449dd0;
    color: #fff;
}

.gcm-event-modal-trigger {
    font-size: 14px;
}

.event-item-name {
    margin-left: 20px;
}

.tbh.active .more {
    display: none !important;
}

.tbh.active p {
    font-weight: 600;
}

body.admin-menu header {
    top: 29px;
}

.solid-bg-banner h1 {
    font-size: 35px;
}

.solid-bg-banner {
    padding: 16px 0 9px;
}

.community-listing .lazy-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#admin-menu .dropdown li {
    position: static;
}

.block-gcm-menu {}

.solid-bg-banner ul.breadcrumbs li a,
.solid-bg-banner ul.breadcrumbs li::after,
.style3 ul.breadcrumbs li a,
.style3 ul.breadcrumbs li:after,
.style3 ul.breadcrumbs li {
    color: #fff;
}

ul.communities-listing li,
.communitie-box {
    width: 100%;
}

.footer h6 {
    font-size: 17px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

.footer {
    font-size: 15px;
}

ul.social-icon li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.knowledge-details-area a:hover {
    color: var(--blue) !important;
}

.style2 ul.breadcrumbs li {
    color: #fff;
}

.inner-breadcrumbs ul.breadcrumbs {
    padding: 10px 0 !important;
    margin: 0;
}

.inner-breadcrumbs.news_breadc ul.breadcrumbs li:nth-child(2) a {
    color: #d6980c;
}

.inner-breadcrumbs.news_breadc {
    max-width: 80%;
    margin-inline: auto;
}

.bconly {
    border-top: 1px solid #acacac;
    padding-top: 50px;
}

.clear:before,
.clear:after {
    content: '';
    clear: both;
    display: table;
}

.bconly .breadcrumbs li,
.bconly .breadcrumbs li a {
    color: var(--blue);
}

.bconly .breadcrumbs li:after {
    color: var(--blue);
}

.bconly .breadcrumbs li {
    float: left;
}

h2.pane-title {
    display: none;
}

.max50 {
    max-width: 40%;
}

.tab-pane.active {
    display: block;
}

.custom-wrapper-form .form-group {
    display: block;
}

.custom-wrapper-form label.control-label {
    width: 100%;
}

.custom-wrapper-form .selectric-form-control {
    width: 100%;
}

.dataTables .selectric-below {
    width: 117px;
    display: inline-block;
    margin: 0 10px;
}

.dataTables_filter input[type="text"] {
    max-width: 200px;
    float: right;
}

.dataTables_length label,
.dataTables_filter label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

button#edit-field-image-und-0-upload-button {
    margin-top: 20px;
}

.showlabel .form-type-textfield label {
    display: block;
}

ul.actors-hash li {
    text-transform: uppercase;
}

.participant-section .filter-wrap {
    margin-top: 51px;
}

.participant-section ul.actors-hash {
    margin: 0 0 15px;
}

.mapstakeholders .gcm-input-container-autocomplete {
    width: 250px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.gcm-input-container-autocomplete input {
    margin: 0;
    border-radius: 6px;
}

.view-id-cop_taxonomy_term .filter-wrap,
.theme-filter-panel .panel-collapse,
.dropdown-column .filter-title {
    display: none;
}

.theme-filter-panel .panel-collapse.in {
    display: block;
}

.secondry-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: capitalize;
}

.secondry-filter b.button {
    right: 0;
}

#views-exposed-form-community-noticeboard-page,
#edit-comment-body-und-0-format {
    display: none;
}

#admin-menu-wrapper ul li::before,
.view-id-cop_taxonomy_term .col-right {
    display: none;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading.selected {
    background: #8ab4ca;
    color: #fff;
}

.themes-filters .theme-filter-panel .theme-filter-panel-heading.selected::after {
    color: inherit;
}

.edit-btn {
    clear: both;
    padding: 40px 0 30px;
}

.edit-btn .btn {
    background: transparent;
    color: #8ab4ca;
    line-height: normal;
    padding: 10px 20px;
}

.edit-btn .btn::before {
    content: "\f044";
    font-family: 'Font Awesome 5 Pro';
    display: inline;
    position: relative;
    color: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    height: auto;
    margin: 0 5px 0 0;
    background: none !important;
}

.edit-btn .btn:hover {
    background: #8ab4ca;
    color: #fff;
}

.view-id-upcoming_events .filter-wrap.filter-style2,
.view-id-action_case_studies .filter-dropdown,
.view-id-news_and_events .filter-dropdown,
.view-id-advocacy_campaigns .filter-dropdown,
.view-id-news_and_events .filter-dropdown,
.form-item-field-knowledge-category-tid .form-type-bef-checkbox {
    display: none;
}

.view-upcoming-events {
    margin-top: 50px;
}

.dateinfo i {
    margin-right: 5px;
}

.dateinfo {
    padding: 5px 0;
    font-weight: 600;
}

.form-item-edit-field-knowledge-category-tid-1224,
.form-item-edit-field-knowledge-category-tid-1221,
.form-item-edit-field-knowledge-category-tid-1222 {
    display: block !important;
}

.map-infowindow {
    position: absolute;
    top: 50%;
    width: 200px;
    z-index: 9;
    left: 50%;
}

.mapItem {
    display: block;
    -webkit-box-shadow: 1px 2px 10px rgb(0 0 0 / 15%);
    box-shadow: 1px 2px 10px rgb(0 0 0 / 15%);
    background: #efefed;
    border-radius: 15px;
    overflow: hidden;
    font-size: 11px;
    line-height: 15px;
}

.mapItem h4 {
    font-size: 12px;
    margin: 0 0 5px 0;
    letter-spacing: normal;
}

.mapItem .contentW {
    padding: 10px 12px 15px;
}

.map-container .country-new-h {
    fill: #4f7799;
    stroke-width: 2;
}

.mapItem>a {
    display: block;
    padding-top: 72%;
    position: relative;
    overflow: hidden;
}

.mapItem>a img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mapItem .contentW a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #479fce;
    font-weight: 600;
    text-decoration: underline;
    margin: 4px 0 0 0;
}

.mapItem .contentW a:hover {
    text-decoration: none;
    color: inherit;
}

.cookie-bar {
    background: rgb(247, 245, 242);
    padding: 20px 0;
    z-index: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.cookie-bar .cw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cookie-bar .con {
    width: 70%;
    font-size: 12px;
}

.decline.btn {
    margin-right: 14px;
}

.cookie-bar .btn {
    border-radius: 50px;
    line-height: normal;
    font-size: 13px;
    padding: 7px 20px;
}

.cookie-bar a {
    text-decoration: underline;
    color: #4b6276;
}

.cookie-bar a:hover {
    text-decoration: none;
    color: inherit;
}

.mt40 {
    margin-top: 40px;
}

.pt20 {
    padding: 20px 0;
}

.row.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#gcm-form-search-view button.btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.view-id-news_and_events .filter-wrap.filter-style2 {
    display: none;
}

.map-container-stakeholders .country {
    fill: rgba(236, 151, 86, 0.3);
}

.map-container-stakeholders .country-1 {
    fill: rgba(236, 151, 86, 0.4);
}

.map-container-stakeholders .country-2 {
    fill: rgba(236, 151, 86, 0.4);
}

.map-container-stakeholders .country-3 {
    fill: rgba(236, 151, 86, 0.4);
}

.map-container-stakeholders .country-4 {
    fill: rgba(236, 151, 86, 0.5);
}

.map-container-stakeholders .country-5 {
    fill: rgba(236, 151, 86, 0.5);
}

.map-container-stakeholders .country-6 {
    fill: rgba(236, 151, 86, 0.6);
}

.map-container-stakeholders .country-7 {
    fill: rgba(236, 151, 86, 0.7);
}

.map-container-stakeholders .country-8 {
    fill: rgba(236, 151, 86, 0.8);
}

.map-container-stakeholders .country-9 {
    fill: rgba(236, 151, 86, 0.9);
}

.map-container-stakeholders .country-10 {
    fill: #EC9756;
}

.map-container-stakeholders .country-hover {
    fill: #148093;
}

.map-container-stakeholders .country-on {
    fill: #A74C06;
}

.map-container-members #map-holder {
    height: 100%;
    background-color: white;
}

.map-container-members #map-holder .gcm-input-container {
    position: absolute;
    width: 300px;
    top: 1rem;
    left: 1rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.map-container-members #map-holder .map-control {
    background-color: #333333;
}

.map-container-members .country {
    fill: rgba(64, 138, 209, 0.3);
}

.map-container-members .country-1 {
    fill: rgba(64, 138, 209, 0.4);
}

.map-container-members .country-2 {
    fill: rgba(64, 138, 209, 0.4);
}

.map-container-members .country-3 {
    fill: rgba(64, 138, 209, 0.4);
}

.map-container-members .country-4 {
    fill: rgba(64, 138, 209, 0.5);
}

.map-container-members .country-5 {
    fill: rgba(64, 138, 209, 0.5);
}

.map-container-members .country-6 {
    fill: rgba(64, 138, 209, 0.6);
}

.map-container-members .country-7 {
    fill: rgba(64, 138, 209, 0.7);
}

.map-container-members .country-8 {
    fill: rgba(64, 138, 209, 0.8);
}

.map-container-members .country-9 {
    fill: rgba(64, 138, 209, 0.9);
}

.map-container-members .country-10 {
    fill: #408AD1;
}

.map-container-members .country-hover {
    fill: #148093;
}

.map-container-members .country-on {
    fill: #68829D;
}

#gcm-stakeholder-content-render .gcm-card {
    padding: 20px;
    display: block;
    text-align: center;
    background: #f1f1f1;
    border-radius: 10px;
    letter-spacing: normal;
    font-size: 15px;
    height: 100%;
    clear: both;
}

#gcm-stakeholder-content-render .gcm-card .user-picture {
    background: #fff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    line-height: normal;
    font-size: 22px;
}

#gcm-stakeholder-content-render .gcm-card h4 {
    font-size: 20px;
    letter-spacing: normal;
}

#gcm-stakeholder-content-render .gcm-card .mrg-v-md h5 {
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 400;
    display: inline-block;
    margin: 5px 5px;
    border-radius: 50px;
    border: 1px solid #8ab4ca;
    color: #8ab4ca;
    padding: 3px 15px;
    text-transform: uppercase;
}

#gcm-stakeholder-content-render .gcm-card .mrg-v-md h5:hover {
    background: #fff;
    border-color: #fff;
}

#gcm-stakeholder-content-render {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    clear: both;
}

#gcm-stakeholder-content-render>div {
    margin: 0 0 20px;
}

.resources-listing-area .community_knowledge_resources- .search-wrap {}

button:disabled span {
    opacity: 0;
}

/*
button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    opacity: 0;
}*/

button:disabled svg {
    opacity: 1;
}

.filter-wrap.filter-style2.action_case_studies-,
.filter-wrap.filter-style2.diseases_terms- {
    display: none;
}

.node-pin-form .field-name-field-knowledge-category li[data-index="1"],
.node-pin-form .field-name-field-knowledge-category li[data-index="3"],
.node-pin-form .field-name-field-knowledge-category li[data-index="4"],
.node-pin-form .field-name-field-knowledge-category li[data-index="5"],
.node-pin-form .field-name-field-knowledge-category li[data-index="7"],
.node-pin-form .field-name-field-knowledge-category li[data-index="8"],
.node-pin-form .field-name-field-knowledge-category li[data-index="9"],
.node-pin-form .field-name-field-knowledge-category li[data-index="10"],
.node-pin-form .field-name-field-knowledge-category li[data-index="11"],
.node-pin-form .field-name-field-knowledge-category li[data-index="12"],
.node-pin-form .field-name-field-knowledge-category li[data-index="14"],
.node-pin-form .field-name-field-knowledge-category li[data-index="15"],
.node-pin-form .field-name-field-knowledge-category li[data-index="16"],
.node-pin-form .field-name-field-knowledge-category li[data-index="17"],
.node-pin-form .field-name-field-knowledge-category li[data-index="18"] {
    display: none;
}

.discussions-detail .know-title-area h1 {
    font-size: 30px;
    letter-spacing: normal;
}

.discussions-detail .know-title-area {
    margin: 0 0 20px;
}

.commentWraper {
    margin: 30px 0 0;
}

.commentWraper .comment-wrapper {
    margin: 0 0 50px;
}

.comment-wrapper .commentInerWrap {
    background: #ddebf3;
    padding: 30px 40px;
    border-radius: 0 35px 35px 35px;
    margin: 0 0 35px;
    width: 93%;
    box-shadow: 0px 5px 5px #f4f4f4;
}

.comment-wrapper .indented .commentInerWrap {
    margin-left: auto;
    background: #ededed;
    border-radius: 35px 0 35px 35px;
}

.filter-wrap.filter-style2.advocacy_campaigns- {
    display: none;
}

.col-2.common-listing .column-box {
    width: 50%;
}

.innerP-info {
    margin: 0 0 40px;
    text-align: center;
}

.dataTables_wrapper select {
    margin: 0;
    margin: 0 5px;
}

.filter-wrap.filter-style2.news_and_videos_list- {
    display: none;
}

.country-action-area em {
    font-style: normal;
    font-size: 14px;
}

.project-winner .column-box {
    width: 100%;
    padding: 0;
}

.newsDetail h5 {
    margin-bottom: 22px;
}

.btnSpace .btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

.news-event-details h1 {
    font-size: 30px;
    line-height: normal;
}

.news_type+.inpage-title {
    margin-top: 10px;
}

.news_type {
    text-transform: uppercase;
    margin: 15px 0 0;
}

.news-title-area .share-info-area1.right-side {
    padding-top: 0;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.news-details-area .news-content-area strong {
    font-weight: bolder;
    font-size: 19px;
}

.news-details-area .news-content-area p {
    margin: 0 0 30px;
}

.news-event-details h2,
.news-event-details h3,
.news-event-details h4,
.news-event-details h5,
.news-event-details h6 {
    letter-spacing: normal;
    margin: 0 0 25px !important;
}

.news-event-details h2 {
    font-size: 28px;
}

.news-event-details h3 {
    font-size: 26px;
}

.news-event-details h4 {
    font-size: 24px;
}

.news-event-details h5 {
    font-size: 22px;
}

.news-event-details h6 {
    font-size: 20px;
}

.news-event-details {
    font-size: 18px;
    max-width: 80%;
    margin-inline: auto;
}

.news-event-details a {
    color: #d6980c;
}

.news-event-details .other-info {
    margin-top: 35px;
}

.news-event-details .other-info a {
    color: #fff;
}

.news-event-details .other-info a:hover {
    color: var(--btn-color);
}

.esri-popup--shadow {
    border-radius: 15px;
    overflow: hidden;
}

.esri-popup__main-container {
    border-radius: 15px;
    overflow: hidden;
}

.esri-popup__header-container--button {
    max-width: calc(100% - 74px);
    width: 100%;
}

.head-fix header h2 {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px 7px;
    font-size: 13px;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.esri-popup__main-container .esri-popup__content {
    margin: 5px 15px 15px 15px !important;
    font-size: 14px !important;
}

.esri-popup__button {
    padding: 5px 7px !important;
}

.esri-popup__content .esri-feature__content-node a {
    display: inline-block;
    margin: 10px 0 0;
}

.esri-popup__content .esri-feature__content-node a:first-child {
    float: left;
    width: 40%;
    margin: 0;
}

.esri-popup__content .esri-feature__content-node a:last-child {
    width: 100%;
}

.esri-popup__inline-actions-container {
    justify-content: flex-end !important;
}

.esri-popup__inline-actions-container .esri-popup__button {
    margin: 0 0px 0 0;
}

.esri-popup__inline-actions-container .esri-popup__button .esri-popup__icon {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esri-popup__content .esri-feature__content-node {
    font-size: 14px;
    display: block;
    overflow: hidden;
}

.esri-ui-corner .esri-component {
    background: transparent !important;
    box-shadow: none !important;
}

.esri-ui-corner .esri-component .esri-widget--button [class*=" esri-icon-"] {
    font-size: 12px !important;
    color: #fff;
    font-weight: 700;
}

.esri-ui-corner .esri-component .esri-widget--button {
    background-color: #6a829d;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
    margin: 0 0 5px !important;
}

.esri-ui-corner {
    right: 0;
    left: auto !important;
}

.esri-popup__footer {
    border-top: 1px solid #c6c6c6 !important;
    margin: 0 !important;
}

.center-info-area.cName {
    text-align: left;
}

#block-system-main .form-wrapper,
#block-system-main .form-item-description-value {
    margin: 0 0 25px;
}

.filter-wrapper .panel-body {
    border: none;
    padding: 0;
}

#edit-field-library-und .panel-body {
    border: 1px solid #dedede;
    border-radius: 10px;
    padding: 15px;
}

.community-form-key-messages .selectric-wrapper {
    border: 1px solid #8ab4ca;
    border-radius: 10px;
    padding: 11px 10px;
}

.text-format-wrapper .ckeditor_links {
    margin: 5px 0 0;
    display: block;
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 600;
}

.usefull-Link {
    padding: 28px 26px;
    background: #fff;
    -webkit-box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    box-shadow: 0 0 11px rgb(34 34 34 / 6%);
    margin-top: 30px;
}

.usefull-Link ul ul li {
    padding-left: 0;
}

.usefull-Link ul ul li:before {
    content: '';
    display: none;
}

.blurb a {
    color: #d6980c;
}

div#edit-field-file-und-0 {
    text-align: center;
}

#edit-field-file-und-0-ajax-wrapper label {
    display: none;
}

.reset-pass-form .form-type-password {
    width: 100%;
}

.reset-pass-form .label.label-danger,
.form-type-password .label {
    display: inline-block;
    padding-left: 7px;
}

.form-item-pass-pass2.form-type-password {
    padding-top: 0;
}

.help-block.password-help {
    float: left;
    width: 100%;
}

.map-container-home .disclamer {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 15px;
    line-height: 0;
}

.map-container-home .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 38px;
    width: 343px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #e4edf2;
    padding: 10px 10px;
    line-height: 1.5;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.map-container-home .disclamer .fa-info-circle {
    font-size: 32px;
    color: #6a829d;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}

.map-container-home .disclamer:hover .info-box {
    opacity: 100%;
    visibility: visible;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate {
    display: none !important
}

.view-country-stories-list p.dec {
    display: none;
}

.esri-popup__content .esri-feature__content-node img {
    padding: 0 10px 5px 0;
    float: left;
    width: 100%;
}

ul.dropdown-menu li::before {
    display: none;
}

ul.dropdown-menu li.active a {
    color: #fff;
}

.leftm {
    margin-right: 14px;
}

div#edit-workflow {
    display: none;
}

#country-action-map-area ul.social-share {
    float: right;
}

.piller_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.gcm-btn-stepper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

table#field-link-knowledge-resources-values label {
    padding: 10px;
}

.meter {
    box-sizing: content-box;
    width: 100%;
    height: 10px;
    position: relative;
    background: #f1f1f1;
    border-radius: 25px;
    padding: 5px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter span {
    transition: all 0.5s;
    display: block;
    height: 100%;
    border-radius: 20px;
    background-color: #8ab4ca;
    position: relative;
    overflow: hidden;
}

.gcm-progress-stepper-steps {
    margin: 20px 0;
    overflow: hidden;
}

.gcm-progress-stepper-steps .gcm-progress-stepper-step {
    background: #f7f7f7;
    border-color: #f7f7f7;
    border-right: 1px solid #cfd8dc;
    color: #4b6377;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    padding: 14px 20px;
}

#edit-field-individual .tabledrag-toggle-weight-wrapper {
    display: none;
}

#edit-field-individual table {
    border: 0;
}

.gcm-ncd-form [id^="field-individual-add-more-wrapper"] thead,
.gcm-ncd-form [id^="field-individual-add-more-wrapper"] .draggable.paragraphs-item-type- {
    display: none;
}

.gcm-ncd-form [id^="field-individual-add-more-wrapper"] tr {
    background-color: #fff;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: none;
    color: #222b45;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 1.875rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: visible;
    z-index: 1;
    padding: 0;
    background-color: white !important;
}

#edit-field-individual table.sticky-header {
    display: none;
}

#edit-field-individual td {
    border: 0 !important
}

.gcm-ncd-form [id^="field-individual-add-more-wrapper"] tbody .field-multiple-drag {
    display: none;
}

.add_projects .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
}

.add_projects .form-checkboxes .form-item.form-type-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem !important;
    width: 32%;
}

.add_projects .form-checkboxes .form-item.form-type-checkbox input {
    margin-right: 0.5rem !important;
}

.add_projects label {
    margin-bottom: 11px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 16px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 8px 11px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 10px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-results__option:before {
    content: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #8ab4ca;
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4b6377;
    line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #8ab4ca;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    margin: 0;
    padding: 10px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.mailchimp-signup-subscribe-form>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mailchimp-newsletter-mergefields {
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mailchimp-signup-subscribe-form #edit-actions--2 {
    width: 30%;
}

.mailchimp-newsletter-mergefields>div {
    width: 48%;
}

.withcaptcha .captcha {
    display: block;
    width: 100%;
}

.withcaptcha .form-actions {
    order: 2;
    display: block;
}

.withcaptcha {
    display: flex;
    flex-wrap: wrap;
}

.btn.back {
    float: right;
}

li.noline:after {
    content: none !important;
}

.bootstrap-tabs-processed .vertical-tabs-list {
    display: none;
}

#edit-options label.control-label {
    display: block;
}

#edit-options .panel-body {
    border: 0;
    padding: 0;
    margin: 0;
}

input[name="pubdate"] {
    width: 74%;
    float: left;
}

.vertical-tabs-pane label.control-label {
    display: inline-block;
    width: 17%;
    float: left;
}

.mapstk .stakeholder-map-area {
    margin-top: 30px;
}

#knowledge1 tbody td:nth-child(4) {
    font-size: 0;
}

.fcr {
    margin-top: 70px;
}

.fcr>h3 {
    padding-bottom: 20px;
}

.field-name-field-c-form-title:before {
    content: 'Edit welcome message for new members (Request access screen)';
    font-size: 17px;
    font-weight: bold;
    padding: 35px 0 10px 0;
    display: block;
}

.gjoin_1057 {
    text-align: left;
}

#edit-field-library-und {
    display: none;
}

section.team-area-sec+.community-about-section .gcm-image {
    max-width: 200px;
    background: #eee;
    display: none;
}

div#edit-og-group-ref,
div#edit-group-content-access {
    display: none;
}

.share-block>div {
    margin: 30px auto 30px;
    justify-content: center;
}

#thematic-collection-node-form table label {
    display: block !important;
    position: static !important;
    clip: unset !important;
    overflow: hidden;
    height: auto;
}

#thematic-collection-node-form table thead {
    display: none;
}

#thematic-collection-node-form table .field-name-field-label {
    display: none;
}

.inner-banner2 em {
    font-style: normal;
    font-size: 14px;
}

ul.profile-post-info li {
    width: 50%;
    font-size: 12px;
}

.myCollectoin {
    margin-top: 33px;
    border-top: 1px solid #eee;
    padding: 24px 20px;
}

.myCollectoin .communities-listing {
    margin-top: 30px;
}

.myCollectoin .communitie-box .content-box {
    padding: 22px 30px 22px;
}

.myCollectoin .communitie-box {
    background: #f0f0f0;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1)
}

div#secdoc.winning-projects-wrap {
    padding-bottom: 0;
}

h2.title.comment-form {
    display: none;
}

.repomap {
    padding-bottom: 50px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin: 30px 0;
}

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

blockquote {
    margin: 35px auto;
    font-style: italic;
    color: #555555;
    padding: 1.4em 30px 1.4em 60px;
    border-left: 5px solid #4b6377;
    position: relative;
    background: #f1f1f1;
}

blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: #78C0A8;
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px;
}

blockquote::after {
    content: '';
}

blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
}

.newsDetail img {
    height: auto !important;
}

.snippet-card a {
    background: #fbfbfb;
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 5px;
    border-radius: 4px;
    border-top: 2px dashed #eee;
    border-bottom: 2px dashed #eee;
    margin: 20px 0 10px;
    flex-wrap: wrap;
}

.snippet-card .iwr {
    width: 200px;
    max-height: 160px;
    overflow: hidden;
}

.snippet-card img {
    width: 100%;
    min-height: 140px !important;
    object-fit: cover;
}

.snippet-card .iwl {

    width: calc(100% - 200px);
    padding-left: 20px;
}

.snippet-card h4 {
    font-size: 17px;
    font-weight: 500;
    margin: 0;

}

.snippet-card .ntype {
    background: #ae6191;
    color: #fff;
    font-size: 13px;
    padding: 2px 6px;
    border-radius: 6px;
}

.snippet-card:after {
    content: '';
    clear: both;
    display: table;
}

#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class *='form-item form-item-edit-field-country-news-value-'] {
    display: none;
}

#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-ec'],
#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-jo'],
#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-mn'],
#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-np'],
#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-uz'],
#views-exposed-form-childhood-cancer-medicine-community-knowledge-resources-page [class*='form-item form-item-edit-field-country-news-value-zm'] {
    display: block;
}

.flag-follow-collection {
    padding-left: 10px;
}

.flag-follow-collection i {
    position: relative;
    left: -5px;
    top: 2px;
}

.flag-follow-collection .font-red {
    color: #db2929;
}

.cnote.text-center {
    font-style: italic;
    padding: 20px 0 30px;
    font-size: .8em;
}

.flag-follow-collection svg {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}

.flag-follow-collection .btn:hover svg {
    fill: #479fce;
}

section.content-menu-area.navsticky {
    position: fixed;
    top: 135px;
    left: 0;
    z-index: 100;
}

.tagify__dropdown__item {
    margin-top: 0 !important;
}

.plwrap>div {
    border: 1px solid #eee;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 20px;
}

.plwrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px 20px;
    padding: 50px 0;
}

.plwrap>div:last-child img {
    max-width: 160px;
}

.style3.GlobalPlatformforAccesstoChildhoodCancerMedicines.solid-bg-banner .bg {
    background-position: center center;
}

.field-widget-options-onoff .form-type-checkbox {
    display: flex;
}

.field-widget-options-onoff .csCheckbox {
    top: 6px;
    margin-right: 10px;
}

.gcm-participant-form .tobehide,
.pills-slider,
.form-tablefield table tr td.tablefield-row-count,
.tabledrag-toggle-weight-wrapper,
td.tabledrag-hide,
#edit-field-contact-info-focal-point-und-0-tablefield-paste {
    display: none;
}

#wizard-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
}

#wizard-navigation li {
    display: inline-block;

    margin: 5px;
}

#wizard-navigation li a.active {
    background: #000;
}

#wizard-navigation li a {
    color: #fff;
    display: block;

    font-size: 14px;
    width: 30px !important;
    height: 30px;
    padding: 0;
    text-align: center;
    background: #0077b3;
    border-radius: 50%;
    line-height: 30px;
}

.gcm-participant-form #wizard-navigation li:before {
    content: none;
}

.gcm-participant-form .registration-footer .mrg-h-5 {
    margin-left: 10px;
}

.gcm-participant-form .panel-body {
    border: none;
    padding: 5px 0;
    float: none;
}

.gcm-participant-form #tablefield-editor input {
    padding: 5px 10px;
    border: 0;
    margin: 0;
    line-height: 15px;
    height: 36px;
}

.gcm-participant-form #tablefield-editor label {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.gcm-participant-form #tablefield-editor .input-field.form-group {
    line-height: 35px;
}

.gcm-participant-form #edit-field-address-sec .col-sm-4:nth-child(1),
.gcm-participant-form #edit-field-address-sec .col-sm-4:nth-child(4) {
    padding-left: 0;
}

.field-name-field-contact-info-focal-point .col-0 label {
    width: 100px;
}

.form-item-agree.form-type-checkbox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.form-item-agree.form-type-checkbox label.control-label {
    width: calc(100% - 50px);
    margin-top: 0;
    text-align: left;
}

.comid_3554 .form-group {
    margin-bottom: 20px;
}

.stakeholderthumb .logo {
    display: block;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 30px;
}

.stakeholderthumb .content {
    text-align: center;
}

.profile-setting-form1 .form-item-field-user-node-und-0-target-id {
    display: none;
}

.view-grassroots-innovations-community-members .themes-filters .dropdown-column .selectric-wrapper {
    display: block;
}

.view-grassroots-innovations-community-members .themes-filters .selectric-items {
    position: static;
    display: block;
    border: 0;
    box-shadow: none;
}

.view-grassroots-innovations-community-members .themes-filters .selectric {
    display: none;
}

b.field-group-title {
    padding: 14px 0;
    display: block;
}

.gcm-participant-form .droppable {
    padding: 11px 50px;
    min-height: 88px;
}

.gcm-participant-form .hide-label .form-group label,
.gcm-participant-form .hide-label .panel-heading {
    display: none;
}

.gcm-participant-form .help-block {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
}

fieldset#edit-comment-settings {
    display: none;
}

ul.error-list li {
    font-size: 12px;
    text-align: left;
}

.gcm-participant-form .registration-footer {
    margin-top: 30px;
    text-align: right;
}

.registration-form-prev-button {
    display: none;
}

.gcm-participant-form #tablefield-editor input {
    font-size: 13px;
}

#wizard-navigation li a {}

ul.error-list li:before {
    top: 7px;
    left: 8px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    font-size: 0;
}

.myCollectoin .communitie-box h4 {
    font-size: 13px;
}

#gcm-groups-communities-form-subscribe #edit-submit--4 {
    margin-top: 34px;
}

section.com-b-text {
    padding: 30px 0;
}

.repository_block.stakeholderthumb img {
    width: 120px;
    object-fit: cover;
    height: 120px;
    max-width: 120px !important;
    max-height: 120px !important;
}

.ntcb_head {
    padding: 20px 0 40px;
}

.knowledge-details-area .know-content-area:after {
    content: '';
    clear: both;
    display: table;
}

ul.uts-partners-list .box .btn-row.ic {
    bottom: -3px;
}

.gcm-participant-form ul li:before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    font-size: 0;
    background: #6d6b6b;
}

.gcm-participant-form ul {
    margin-left: 16px;
}

.gcm-participant-form .droppable .droppable-message>span {
    font-size: 16px;
}

.gcm-participant-form .selectric {
    border-radius: 8px;
}

.gcm-participant-form .selectric .label {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.position.rel {
    position: relative;
}

.gcm-participant-form input[type="text"] {
    line-height: 16px;
    padding: 9px 15px;
    height: 45px;
    border-radius: 8px;
    font-size: 14px;
}

.gcm-participant-form span.tooltipbtn {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 41%;
}

.gcm-participant-form .form-type-dragndrop-upload .control-label {}

.linetop:before {
    content: '';
    width: 24px;
    height: 2px;
    display: block;
    background: #797979;
    margin: 9px auto 10px;
}

#community-noticeboard-node-form .tab-pane#edit-options,
#gard-community-knowledge-resourc-node-form .tab-pane#edit-options {
    display: block;
}

.gcmtable {
    display: table;
    border-collapse: collapse;
}

.gcmtable .traw {
    display: table-row;

    border: 1px solid #cccccc47;
}

.gcmtable .tcal {
    display: table-cell;
    border-right: 1px solid #cccccc47;
    padding: 10px;
}

.gcmtable .traw:nth-child(even) {
    background: #eee;
}

.form-item-field-legal-status-und-0-value label {
    display: none;
}

.reqlab label:after {
    content: '*';
}

.reqlab1 label label:after {
    content: '*';
}

.form-item-field-draft-published-und label {
    padding-left: 7px;
    font-weight: 600;
}

.newsDetail ol {
    margin-left: 5px;
    padding-left: 26px;
}

.node-pin-form #edit-field-cop-category,
.node-pin-form #edit-field-ac-category,
#news-and-events-node-form #edit-field-ac-category {
    display: none;
}

div#social_share_pop {
    width: 400px;

    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
    position: relative;
    left: 19%;
}

#social_share_pop button.mfp-close {
    color: #000;
}

ul.social-share li i.black {
    background: #0088cc;
}

.cllectoinslist .hide,
.clisting .hide {
    display: none;
}

div#edit-field-subscribe-und-0-2-body {
    /* display: none; */
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset#edit-field-subscribe-und-0--2 legend.panel-heading {
    display: none;
}

.add_projects .field-widget-options-onoff label {
    margin-top: 0;
}

[for="edit-field-finalize-and-submit-und"] {
    padding-left: 8px;
}

.add_projects .tobehide {
    display: none;
}

.add_projects .gcm-btn-stepper {
    justify-content: flex-end;
}

.add_projects .gcm-btn-stepper .btn {
    margin-left: 10px;
}

div#edit-field-individual-und-0-paragraph-bundle-title {
    font-size: 0;
}

div#edit-field-individual-und-0-paragraph-bundle-title:before {
    content: 'Applicant details/profile';
    font-size: 20px;
    font-weight: bold;
}

.common-listing.logo-fit .column-box>a>.lazy-image img {
    height: auto !important;
    object-fit: initial !important;
    width: auto !important;
    max-width: 90%;
    background: none;
}

.repository_block.stakeholderthumb.gcmappdtl img {
    width: auto;
    object-fit: initial;
    height: auto;
    max-width: 100% !important;
    max-height: initial !important;
}

.inner-banner2.banner-sm img {
    max-width: 450px;
}

article.node-featured-project {
    padding: 30px;
}

.common-listing.logo-fit .column-box>a>.lazy-image {
    background-color: #fff;
}

.common-listing.logo-fit .column-box>a>.lazy-image:before {
    content: none !important
}

.inner-banner2.banner-sm .btn {
    margin-top: 50px;
}

.card-description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.card-description.expanded {
    -webkit-line-clamp: unset;
}

.read-more {
    display: block;
    color: #0088cc;
    font-weight: 700;
    cursor: pointer;
}

.gcmtable .tcal p {
    margin: 0;
    margin-bottom: 7px;
}

span.redc {
    color: red;
    font-size: 14px;
}

.em-blue strong em {
    font-style: normal;
    color: #0088cc;
}

fieldset#edit-field-subscribe-und-0--2 {
    display: none;
}

form#node-delete-confirm {
    padding: 70px 0;
}


.confirmation #edit-actions {

    margin-top: 20px !important;
}

h2.visually-hidden,
h3.toolbar-tray-name.visually-hidden {
    display: none;
}

.toolbar .toolbar-bar {}

span.gpunjoin.btn {
    float: right;
    margin-top: 20px;
    padding: 10px;
    line-height: 1;
    font-size: 11px;
}

.user-logged-in.toolbar-horizontal header {
    margin-top: 86px;
}

.mega-dropdown .block-inner .has-sub h6 {
    margin: 0;
    font-weight: var(--font-bold);
    color: #080707;
    text-transform: uppercase;
    padding: 5px 25px;
    padding-bottom: 15px;
}

.mega-dropdown .block-inner .has-sub {
    display: block;
}

.toolbar-oriented .toolbar-bar {
    z-index: 1000 !important;
}

.header-btn-wrap li {
    position: relative;
}

.messages {
    padding: 10px 20px;
    margin-top: 20px;
    background: #cfd8dc;
    border-radius: 0px;
    font-size: 14px;
    max-width: 700px;
    margin: 20px auto;
    clear: both;
}

.col-multi .col-sm-2 {
    display: none;
}

.col-multi .col-sm-10 {
    width: 100%;
}

.col-multi .col-sm-10 {
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0;
}

.hide-main-label .form-item label:not(.option):not(.no-hide) {
    display: none;
}

.form-item .description,
input#edit-preview,
.js-hide.button {
    display: none;
}

.hide-main-label .field--widget-options-buttons legend,
.field--type-daterange legend {
    display: none;
}

.gcm-declaration-form label.option {
    padding-left: 0;
}

.field--type-daterange .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.field--type-daterange .fieldset-wrapper>div {
    width: 48%;
}

.form-style2>.row {
    margin-bottom: 20px;
}

.form-checkboxes .row {
    margin-top: 0 !important;
}

.form-checkboxes .check-box {
    padding: 0;
    margin-bottom: 0 !important;
}

.field-multiple-table h4.label {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
}

.paragraphs-dropdown {
    display: none;
}

.field-add-more-submit {
    margin-top: 33px !important;
}

.paragraphs-subform label:not(.ck-label) {
    display: block !important;
}

.paragraphs-icon-button-collapse,
.js .paragraph-type-label {
    display: none;
}

.field-multiple-table tr.draggable {
    border: 2px solid #8ab4ca7a;
}

.visually-hidden,
button#edit-preview,
.filter-wrap.filter-style2.multistakeholder_dialogues- {
    display: none;
}

a.edit-node-button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #eee;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-align: center;
    line-height: 45px;
    z-index: 1;

}

.w630 {
    max-width: 630px;
}

.msg p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    border: 1px dashed #000;
    margin-top: 25px;
}

.msg p.error {
    border-color: red;
}

.msg p.success {
    border-color: green;
}

.spinner {
    animation: spin 1s linear infinite;
    margin-right: 10px;
}

.dt-layout-row label {
    display: none;
    /* display: inline-block; */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner .path {
    stroke: #fff;
    stroke-linecap: round;
}

.node-form #edit-actions {
    display: flex;
}

.node-form #edit-actions .btn {
    width: 130px;
}

.node-form #edit-actions {
    display: flex;
    justify-content: flex-start;
}

.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

.ss-content.rtl {
    width: calc(100% + 18px);
    right: auto;
}

.ss-scroll {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    width: 9px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.ss-hidden {
    display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.custom_event #event-list-content {
    max-height: 360px;
    overflow-y: scroll;
}

.custom_event #event-list-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.custom_event #event-list-content::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.custom_event #event-list-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.community_form_wrap {
    max-width: 800px;
    margin: 0 auto;
}

.community_form_wrap form .form-item {
    margin-bottom: 30px;
}

.community_form_wrap form {
    margin-top: 40px;
}

.community_form_wrap form .btn {
    line-height: 35px;
}

.esri-feature-content a {
    color: #479fce;
}

.form-item-name,
.form-item-pass {
    margin-bottom: 10px !important;
}

form#user-pass-reset {
    padding: 30px 0;
}

.esri-popup__footer {
    display: none !important
}

.notification-pop .messages {
    margin: 0;
    padding: 0;
    background: transparent;
}

.text-sm {
    font-size: 14px;
    margin-bottom: 0;
}

.nostyle .messages {
    background: none;
    padding: 0;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.msg_style.align-center .messages {
    margin: 10px auto 25px;
}

div#edit-body-0-format-help,
.password-suggestions,
.image-widget-data span.file.file--image {
    display: none !important;
}

.password-strength__meter {
    height: 5px;
}

.password-strength__indicator {
    background-color: #8ab4ca;
}

.password-strength__title,
.password-strength__text,
div#edit-pass--description,
.password-confirm-message {
    font-size: 12px;
}

.form-type-password.password-parent {
    margin-bottom: 20px;
}

button[name="user_picture_0_remove_button"] {
    padding: 4px;
    font-size: 13px;
    border-radius: 0;
    width: 100px;
    min-width: 100px;
    margin-top: 10px;
}

#notfound {
    position: relative;
    height: 80vh;
    background-color: #fafbfd;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound .notfound-bg {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.notfound .notfound-bg>div {
    width: 100%;
    background: #fff;
    border-radius: 90px;
    height: 125px;
}

.notfound .notfound-bg>div:nth-child(1) {
    -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
    box-shadow: 5px 5px 0px 0px #f3f3f3;
}

.notfound .notfound-bg>div:nth-child(2) {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
    box-shadow: 5px 5px 0px 0px #f3f3f3;
    position: relative;
    z-index: 10;
}

.notfound .notfound-bg>div:nth-child(3) {
    -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3;
    box-shadow: 5px 5px 0px 0px #f3f3f3;
    position: relative;
    z-index: 90;
}

.notfound {
    max-width: 520px;
    width: 100%;
    text-align: center;
}

.notfound h2 {
    font-size: 20px;
}

.ui-widget.ui-widget-content {
    background: #eee;
    border: 0;
    padding: 10px 10px;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 13px;
    display: block;
}

.usefull-Link ul li {
    margin-bottom: 10px;
}

.usefull-Link .row {
    margin: 0;
}

.requiredsymbol label.form-required:after {
    content: '*';
}

.profile-card .profile-card {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.col-3-table .paragraphs-subform {
    /* margin-top: 5px; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.col-3-table .paragraphs-subform>div {
    width: 31%
}

.field-multiple-table h4.label {
    font-size: 15px;
    font-weight: 500;

}

.field-multiple-table tr.draggable {
    border: 1px solid #8ab4ca7a !important
}

em.placeholder,
#edit-field-name-and-date-0-subform-field-date-0 legend {
    display: none;
}

.col-3-table .field--name-field-phone-number {
    width: 100% !important;
}

label[for="edit-field-main-focus-work"] {
    font-weight: 600;
}

.form-item-field-draft-published-value label {
    font-weight: 600;
}

.form-item-field-upload-org-logo-0 label {
    font-weight: 600;
}

[href="/en/filter/tips"] {
    display: none;
}

.col-9-table .paragraphs-subform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-9-table .paragraphs-subform>div label {
    font-size: 13px;
}

.col-9-table .paragraphs-subform>div {
    width: 32%;
}

.col-9-table .paragraphs-subform>div input {
    line-height: 14px;
    padding: 7px 6px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
}

article.node.node--type-page.node--view-mode-full {
    padding: 50px 0;
}

div#edit-comment-body-wrapper {
    margin-bottom: 20px;
}

.link-white a {
    color: #fff;
}

.image-h-auto img {
    height: auto !important;
}

.vertical-tabs.clearfix {
    display: none;
}

div#edit-status-wrapper {
    margin: 20px 0;
}

.messages__wrapper {
    display: none;
}

form#og-membership-default-edit-form {
    padding: 40px 0;
}

div#edit-state {
    display: flex;
    gap: 18px;
    text-align: center;
}

fieldset#edit-state--wrapper {
    padding: 30px 0;
}

.form-item-roles-node-community-of-practice-administrator {
    margin: 0;
    padding: 10px 0;
}

form#og-membership-default-edit-form>div {
    margin-bottom: 20px;
}

.messages.messages--status em.placeholder {
    display: inline-block;
}

#taxonomy-term-cop-categories-form fieldset legend {
    font-size: 18px;
    font-weight: 600;
}

form#taxonomy-term-cop-categories-form fieldset {
    border: 1px solid #cfd8dc;
    padding: 30px;
    margin-bottom: 30px;
}

form#taxonomy-term-cop-categories-form .fieldset-wrapper>div {
    margin-bottom: 30px;
}

form#taxonomy-term-cop-categories-form .paragraphs-subform {
    padding: 20px;
}

details#edit-relations,
legend.captcha__title,
.filter-wrap.filter-style2.stories_gpaccm-,
fieldset#edit-roles--wrapper {
    display: none;
}

.bullet ul {
    padding-left: 10px;
}

#edit-delete {
    margin-left: 25px;
}

/* Autocomplete container */
.autocomplete-suggestions {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}

/* Individual suggestion items */
.autocomplete-suggestions li {
    padding: 0;
    transition: background-color 0.2s ease;
}

/* Link styling */
.autocomplete-suggestions li a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    padding: 10px 15px;
    line-height: 1;
}

/* Hover state for items */
.autocomplete-suggestions li:hover {
    background-color: #f5f5f5;
}

/* Item image */
.autocomplete-suggestions li img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px;
}

/* Item text */
.autocomplete-suggestions li .item-text {
    flex-grow: 1;
}

/* Highlight matching text */
.autocomplete-suggestions li .highlight {
    font-weight: bold;
    color: #0066cc;
}

.list-view .column-box p.type {
    /*    display: none;*/
}

.layout-filter>span:last-child {
    border-right: 0;
}

.with-caption figcaption {
    margin-top: 8px !important;

}

/* Enhanced Tooltip Styles */
.tooltip-wrapper {
    display: inline-flex;
    margin-left: 0.5rem;
    position: relative;
}

.tooltip-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #94a3b8;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    cursor: help;
    transition: all 0.3s ease;
    position: relative;
}

.tooltip-trigger:hover {
    background: #64748b;
    transform: scale(1.1);
}

.tooltip-content {
    visibility: hidden;
    opacity: 0;
    width: 220px;
    background: #334155;
    color: white;
    text-align: left;
    border-radius: 8px;
    padding: 12px 14px;
    position: absolute;
    z-index: 100;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: 400;
}

.tooltip-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #334155 transparent transparent transparent;
}

.tooltip-trigger:hover+.tooltip-content,
.tooltip-content:hover {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Tooltip variations */
.tooltip-primary .tooltip-trigger {
    background: #3498db;
}

.tooltip-primary .tooltip-content {
    background: #3498db;
}

.tooltip-primary .tooltip-content::after {
    border-color: #3498db transparent transparent transparent;
}

.tooltip-success .tooltip-trigger {
    background: #27ae60;
}

.tooltip-success .tooltip-content {
    background: #27ae60;
}

.tooltip-success .tooltip-content::after {
    border-color: #27ae60 transparent transparent transparent;
}

.tooltip-warning .tooltip-trigger {
    background: #f39c12;
}

.tooltip-warning .tooltip-content {
    background: #f39c12;
}

.tooltip-warning .tooltip-content::after {
    border-color: #f39c12 transparent transparent transparent;
}

.tooltip-error .tooltip-trigger {
    background: #e74c3c;
}

.tooltip-error .tooltip-content {
    background: #e74c3c;
}

.tooltip-error .tooltip-content::after {
    border-color: #e74c3c transparent transparent transparent;
}

input#edit-publication-date-time {
    display: none;
}

.description_sm {
    font-size: 13px;
    padding: 3px 6px;
}

.simple-box-content {
    background: #fafafa;
    line-height: 1.6;
    padding: 30px;
    border: 1px solid #dddddd;
}

.gcmtable .tcal>.field--label-above>.field__label {
    display: none;
}


.gcmtable .paragraph--view-mode--default>.field .field__label {
    min-width: 30%;
    font-weight: 600;

}

.gcmtable .paragraph--view-mode--default>.field {
    display: flex;
}

.gcmtable .field--type-entity-reference .field__item a {
    pointer-events: none;
}

.gcmtable .field--name-field-upload-org-logo img {
    max-width: 200px;
}

section.simple-box {
    margin-bottom: 30px;
}

.community-wrap .text-style2 a {
    position: relative;
}

.community-wrap .text-style2 .content {
    min-height: 110px;
}

.image-widget .image-widget-data {
    display: flex;
    margin-top: 7px;
    gap: 10px;
}

.list-view.common-listing .column-box .content .taglist .hidden-tag {
    display: none;
}

.list-view.common-listing .column-box .content .taglist.expanded .hidden-tag {
    display: inline-block;
}

.taglist.tgwt .show-more-tags {
    cursor: pointer;
    margin-left: 8px;
}

.list-view.common-listing .column-box .content .taglist.expanded .show-more-tags {
    background: #8ab4ca;
    color: #fff;
}

.bio-box {
    background: #e9f1f5;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: normal;
    padding: 60px 0;
}

.bio-box .container {
    display: grid;
    grid-template-columns: 32% 68%;
    grid-gap: 75px;
    max-width: 1000px;
}

.bio-box img {
    width: 100%;
    border-radius: 15px;
    border: 6px solid #d3e2e9;
}

.bio-box h6 {
    color: #000000;
    font-size: 24px;
    letter-spacing: normal;
    margin: 20px 0 0;
}

.bio-box h6::before {
    content: "";
    display: block;
    width: 41px;
    height: 1px;
    background: #8e9daa;
    margin: 0 0 23px;
}

.bio-box .content-box {
    padding: 30px 0 0;
}

.bio-box .content-box a {
    color: inherit;
}

.taking-action-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
    text-align: center;
    padding: 20px 0 0;
}

.taking-action-box .box {
    background: #e9f1f5;
    border-radius: 40px;
    padding: 50px 60px;
    font-size: 18px;
}

.taking-action-box .box .icon {
    display: block;
    width: fit-content;
    margin: 0 auto 20px;
    width: 130px;
    border: 2px solid #d3e2e9;
    padding: 26px;
    border-radius: 50%;
    height: 130px;
}

.taking-action-box .box h4 {
    color: #000;
    letter-spacing: normal;
    margin: 0 0 10px;
}

/******/
.taking-action-box-row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 25px;
    padding: 20px 0 0;
}

.taking-action-box-row .box {
    background: #e9f1f5;

    padding: 30px 32px;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between;
    align-items: center;
    border-radius: 7px;
}

.taking-action-box-row .box .icon {

    width: fit-content;

    width: 130px;
    border: 2px solid #d3e2e9;
    padding: 26px;
    border-radius: 50%;
    height: 130px;
}

.taking-action-box-row .box h4 {
    color: #000;
    letter-spacing: normal;
    margin: 0 0 10px;
}

.taking-action-box-row .col-r {
    width: calc(100% - 160px);
}


.gcm-autocomplete-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow-y: auto;
    display: none;
}

.gcm-autocomplete-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gcm-autocomplete-item {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.gcm-autocomplete-item:last-child {
    border-bottom: none;
}

.gcm-autocomplete-item:hover,
.gcm-autocomplete-item.active {
    background-color: #f5f5f5;
}

.gcm-autocomplete-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    gap: 12px;
}

.gcm-autocomplete-link:hover {
    text-decoration: none;
    color: #333;
}

.gcm-autocomplete-image {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gcm-autocomplete-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gcm-autocomplete-text {
    flex: 1;
    min-width: 0;
}

.gcm-autocomplete-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;

}

.gcm-autocomplete-title strong {
    font-weight: 600;
    color: #0073aa;
}

.gcm-autocomplete-badge {
    display: inline-block;
    font-size: 11px;
    padding: 2px 8px;
    background-color: #e8e8e8;
    color: #666;
    border-radius: 3px;
    text-transform: capitalize;
    line-height: 1;
}

/* Clear field button styling */
.clear-field {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #999;
    padding: 5px 10px;
    display: none;
}

.gcm-input-text:not(:placeholder-shown)~.clear-field {
    display: block;
}

.clear-field:hover {
    color: #333;
}

.clear-field::before {
    content: "×";
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination button {
    background: #8ab4ca;
    color: white;
    border: none;
    padding: 8px 14px;
    margin: 0 4px;
    border-radius: 4px;
    cursor: pointer;
}

.pagination button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.custom_pagination .stakeholderthumb .logo {

    width: 140px !important;
    height: 140px !important;

}

.story-wrapper.pagination_wraper {
    max-width: 90%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gcm-autocomplete-image {
        width: 40px;
        height: 40px;
    }

    .gcm-autocomplete-title {
        font-size: 13px;
    }

    .gcm-autocomplete-badge {
        font-size: 10px;
    }
}

.single-row-btn {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
}

.single-row-btn+.single-row-btn {
    margin-top: 20px !important;
}

#sortSelect {
    float: right;
    width: 126px;
    height: 39px;
    padding: 0;
    text-align: center;
}

.inNumber-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    text-align: center;
}

.inNumber-wrapper .box {
    border-radius: 25px;
    background: #e9f1f5;
    padding: 40px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inNumber-wrapper .box img {
    margin: 0 auto;
}

.inNumber-wrapper .box h4 {
    margin: 20px 0 8px;
}

.inNumber-wrapper .box ul li:before {
    display: none;
}

.inNumber-wrapper .box ul li {
    display: flex;
    align-items: center;
    padding: 0 0 16px;
}

.inNumber-wrapper .box ul {
    width: fit-content;
    margin: 0 auto;
    padding: 0 0 8px;
}

.inNumber-wrapper .box ul li h4 {
    margin: 0 0 0 11px;
}

.inNumber-wrapper .box ul li:last-of-type {
    padding: 0;
}

.msg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
}
.msg_overlay>div {
    color: #fff;
    max-width: 400px;
    text-align: center;
}
figure.with-caption {
    margin-bottom: 20px;
}
.with-caption figcaption {
    font-size: 15px;
    font-style: italic;
}
@media only screen and (max-width: 1375px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 15px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: 15px;
    }

    .owl-carousel .owl-nav {
        opacity: 0;
        -webkit-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .owl-carousel:hover .owl-nav {
        opacity: 1;
    }
}

@media only screen and (max-width: 1290px) {
    .fix.actors-hash {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .fix.actors-hash::before,
    .fix.actors-hash::after {
        display: none;
    }
}

@media only screen and (max-width: 1220px) {
    .blue-two-col-area .content-box::before {
        right: calc(100% - 69px);
    }
}

@media only screen and (max-width: 1220px) {}

@media (max-width: 1050px) and (min-width:1025px) {
    .nav-wrap nav ul.nav>li {
        margin: 0 15px;
    }

    .nav-wrap nav ul.nav>li::after {
        right: -15px;
    }
}

@media only screen and (max-width: 1024px) {
    :root {
        --header-space: 89px;
    }

    li.mega-title {
        font-weight: 600;
    }

    .alignleft,
    .alignright {
        max-width: 50%;
    }

    .nav-trigger {
        float: right;
        padding: 3px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        transition-property: opacity, -webkit-filter;
        -webkit-transition-property: opacity, -webkit-filter;
        -o-transition-property: opacity, filter;
        transition-property: opacity, filter;
        transition-property: opacity, filter, -webkit-filter;
        -webkit-transition-duration: .15s;
        -o-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        border: 1px solid var(--blue);
        margin: 0;
        overflow: visible;
        font-size: 0;
        line-height: 0;
    }

    .nav-trigger .icon {
        width: 20px;
        height: 30px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        vertical-align: middle;
        line-height: 0;
        margin: 4px 0 0 0;
    }

    .nav-trigger .icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: var(--blue);
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .nav-trigger .icon span:nth-child(even) {
        left: 50%
    }

    .nav-trigger .icon span:nth-child(odd) {
        left: 0
    }

    .nav-trigger .icon span:nth-child(1),
    .nav-trigger .icon span:nth-child(2) {
        top: 3px
    }

    .nav-trigger .icon span:nth-child(3),
    .nav-trigger .icon span:nth-child(4) {
        top: 12px
    }

    .nav-trigger .icon span:nth-child(5),
    .nav-trigger .icon span:nth-child(6) {
        top: 21px
    }

    .closemenu.nav-trigger .icon span:nth-child(1),
    .closemenu.nav-trigger .icon span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .closemenu.nav-trigger .icon span:nth-child(2),
    .closemenu.nav-trigger .icon span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .closemenu.nav-trigger .icon span:nth-child(1) {
        left: 2px;
        top: 8px
    }

    .closemenu.nav-trigger .icon span:nth-child(2) {
        left: calc(50% - 1px);
        top: 8px
    }

    .closemenu.nav-trigger .icon span:nth-child(3) {
        left: -50%;
        opacity: 0
    }

    .closemenu.nav-trigger .icon span:nth-child(4) {
        left: 100%;
        opacity: 0
    }

    .closemenu.nav-trigger .icon span:nth-child(5) {
        left: 2px;
        top: 15px
    }

    .closemenu.nav-trigger .icon span:nth-child(6) {
        left: calc(50% - 1px);
        top: 15px
    }

    #sidebar-nav {
        right: -260px;
        top: 0;
        bottom: 0;
        position: fixed;
        width: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0;
        padding: 0;
        transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        background: #eff2f5;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
    }

    html,
    header {
        -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        -o-transition: all 0.3s linear 0s;
    }

    .sidebar_active {
        overflow: hidden;
        margin-left: -260px;
        margin-right: 260px
    }

    .sidebar_active #sidebar-nav {
        display: block;
        right: 0;
        z-index: 999999;
    }

    .nav-wrap nav ul.nav>li.has-sub>a:after {
        display: none
    }

    .sidebar_active header {
        position: fixed;
        left: -260px;
        right: 260px;
    }

    .nav-wrap nav ul li::before {
        display: none;
    }

    .nav-wrap nav ul,
    nav ul ul {
        display: none;
    }

    .nav-wrap nav ul.nav {
        padding: 0;
        margin: 0;
        border: 0;
        visibility: visible;
        display: block;
        top: 0
    }

    .nav-wrap nav ul.nav>li {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12)
    }

    .nav-wrap nav ul.nav>li>a,
    .nav-wrap nav ul.nav li>a {
        display: block;
        color: var(--blue);
        padding: 7px 20px 7px 16px;
        margin: 0;
        white-space: inherit;
        border-radius: 0;
        border: none;
        font-size: 16px;
        line-height: 26px;
        text-decoration: none;
        text-transform: capitalize;
    }

    .nav-wrap nav ul.nav>li.has-sub>a {
        padding-right: 50px;
    }

    .nav-wrap nav ul.nav ul li {
        opacity: 1.0;
        padding: 0;
    }

    .nav-wrap nav ul.nav ul {
        position: static;
        opacity: 1.0;
        visibility: visible;
        padding: 0;
        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }

    .nav-wrap nav>ul.nav>li>ul {
        max-height: inherit;
        margin-top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left
    }

    .nav-wrap nav ul.nav>li>ul>li {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
        border-bottom: none;
        min-width: inherit
    }

    .nav-wrap nav ul.nav>li>ul li {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }

    .nav-wrap nav ul.nav>li>ul li a {
        display: block;
        color: var(--blue);
        padding: 10px 16px;
        font-size: 16px;
        font-weight: var(--font-regular);
        line-height: normal;
        white-space: inherit;
        text-align: left;
    }

    .nav-wrap nav ul.nav ul ul li {
        padding-left: 10px;
    }

    .nav-wrap nav>ul>li>.submenu-button {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }

    .nav-wrap nav .submenu-button {
        position: absolute;
        font-size: 0;
        background-color: transparent;
        right: 0;
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 111;
    }

    .nav-wrap nav .submenu-button:before {
        content: "";
        position: absolute;
        right: 50%;
        top: 50%;
        margin: -4px -4px 0 0;
        border: solid #8293a0;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav-wrap nav .submenu-button.submenu-opened:before {
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -3px;
    }

    .sidebar_active .mega-dropdown.open,
    .sidebar_active .nav-wrap nav ul.nav ul.open {
        display: block !important;
        position: static !important;
        top: 40px;
        left: auto;
        right: 0;
        bottom: 0;
        width: 260px;
        margin: 0;
        opacity: 1.0;
        visibility: visible;
        height: 100%;
        overflow: auto;
        z-index: 99999;
        background: rgb(0 0 0 / 5%);
    }

    .mega-dropdown .row {
        margin: 0;
    }

    .mega-dropdown [class*=col-sm-],
    .mega-dropdown .block-gcm-menu {
        width: 100% !important;
        padding: 0;
    }

    .mega-dropdown .block-gcm-menu.has-sub>.submenu-button {
        display: none !important;
    }

    .mega-dropdown {
        width: auto !important;
        left: auto !important;
        display: none;
    }

    .mega-dropdown .block-gcm-menu.has-sub>ul {
        position: static !important;
        display: block !important;
        max-height: inherit !important;
        border: none !important;
        height: auto !important;
        background: rgb(0 0 0 / 5%);
    }

    .mega-dropdown .container {
        padding: 0;
    }

    .nav-wrap nav ul.nav ul li>a {
        font-size: 14px;
    }

    .header-top .header-center {
        display: none;
    }

    .header-top {
        border: none;
    }

    header .header-btn-wrap>ul>li:last-child::after {
        display: none;
    }

    .team-area .team-info-box {
        width: 33.33%;
    }

    .profile-card {
        padding: 15px 10px;
    }

    .profile-card .img-box {
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 40px;
    }

    ul.profile-post-info {
        padding: 10px 0;
    }

    .headding-area {
        display: block;
        text-align: center;
    }

    .headding-area .btn-row {
        margin-top: 0;
    }

    .headding-area .btn-row .btn {
        padding: 5px 10px;
    }

    .subpage-area {
        font-size: 13px;
    }

    .subpage-area .heading h4 {
        font-size: 16px;
    }

    .subpage-area .content {
        padding: 11px 0 8px 62px;
    }

    .subpage-area .heading {
        padding: 20px 20px 20px 0;
    }

    .subpage-area .heading::after {
        height: 74px;
        border-width: 37px;
        border-left-width: 25px;
    }

    .subpage-area .content {
        padding: 11px 0 8px 35px;
    }

    .subpage-area .content ul li::after {
        margin: 0 10px;
    }

    .div-table {
        margin: 0;
    }

    .div-table .trow .tcol {
        width: 100%;
        padding: 5px 0 0;
    }

    .steering-group.team-area .team-info-box {
        width: calc(33.33% - 24px);
    }

    .check-box-area .check-box {
        width: 49%;
    }

    .mega-dropdown .block-inner .has-sub h6 {
        font-weight: 500;
        text-transform: initial;
        padding: 7px 20px 7px 16px;
        font-size: 15px;

        color: var(--blue);
        line-height: initial;
        letter-spacing: initial;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --header-space: 73px;
    }

    .flexslider .flex-direction-nav {
        display: none;
    }

    .videoFrame .mfp-iframe-holder .mfp-content {
        max-width: 95%;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="file"],
    input[type="url"],
    input[type="number"],
    input[type="date"],
    select,
    .form-control {
        font-size: 16px;
    }

    .form-field label {
        line-height: normal;
        margin: 0;
    }

    .common-content {
        padding: 20px 0;
    }

    ul.custom-tab li a,
    .style2 ul.custom-tab li a {
        padding: 14px 20px;
    }

    .common-content ul.breadcrumbs {
        text-align: center;
    }

    .mnu-acc {
        position: relative;
    }

    .mnu-acc+.content {
        display: none;
        padding: 10px 0px 0px;
    }

    .mnu-acc-trg {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: rgb(0, 176, 140);
        font-size: 12px;
        text-align: right;
        cursor: pointer;
    }

    .mnu-acc-trg i {
        -webkit-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    .active.mnu-acc .mnu-acc-trg i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .search-field {
        width: 100vw;
        position: fixed;
        top: var(--header-space);
        right: 0;
        left: 0;
        margin: 0;
        border: none;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    .header-row>div {
        min-width: unset
    }

    .language-wrap .selectric .label {
        font-size: 0;
        letter-spacing: 0;
    }

    .language-wrap .selectric .label .cur {
        margin: 0;
    }

    .selectric-items {
        min-width: 120px;
        right: 0;
        left: auto;
    }

    .header-left {
        width: 140px;
        width: 140px;
    }

    header .header-btn-wrap>ul>li {
        padding: 0px 0px 0px 10px;
    }

    header .header-btn-wrap>ul>li::after {
        left: 5px;
    }

    .header-top {
        padding: 15px 0;
    }

    .main-banner .max-width {
        max-width: unset;
    }

    .main-banner h1,
    .main-banner .heading {
        font-size: 22px;
        line-height: normal;
    }

    .main-banner .max-width {
        padding: 0;
    }

    .main-banner .caption {
        position: static;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        padding: 25px 0;
        text-align: center;
    }

    .main-banner .btn {
        margin-top: 5px;
    }

    .main-banner.flexslider .flex-control-paging {
        top: 0;
        right: 0;
        left: auto;
        bottom: auto;
        padding: 10px;
    }

    .resources-section,
    .topics-section,
    .actors-section,
    .country-resources-area,
    .winning-projects-wrap,
    .thematic-wrap,
    .timeline-area {
        padding: 30px 0;
    }

    .collective-knowledge-area,
    .community-wrap,
    .h-news-event-area {
        padding: 30px 0 0;
    }

    .country-action-area,
    .news-letter-area {
        padding: 30px 0;
    }

    .two-col-w-img {
        padding: 20px 0 !important;
    }

    .center-info-area br {
        display: none;
    }

    .blue-two-col-area,
    .slider.blue-two-col-area .slide-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .blue-two-col-area .img-box,
    .blue-two-col-area .content-box {
        width: 100%;
    }

    .blue-two-col-area .content-box {
        padding: 30px 35px;
    }

    .blue-two-col-area .content-box::after {
        height: 243px;
    }

    .blue-two-col-area .content-box::before {
        width: 110px;
        height: 110px;
        top: -60px;
        bottom: auto;
        left: -80px;
        right: auto;
    }

    .slider.blue-two-col-area.owl-carousel .owl-dots {
        top: 0;
        bottom: auto;
        right: 5px;
    }

    .country-action-map-area .floting-info {
        position: static;
        margin: 0 auto;
    }

    #viewDiv,
    .esri-popup__main-container {
        border-radius: 10px;
    }

    .head-fix header h2 {
        font-size: 13px !important;
    }

    .esri-popup__header-buttons {
        margin: 0 !important;
    }

    .esri-popup__header-container--button {
        max-width: calc(100% - 39px);
    }

    .country-action-map-area img,
    .country-action-map-area iframe {
        z-index: -1;
    }

    .cta-banner-area {
        padding: 15px 0;
        text-align: center;
        overflow: hidden;
    }

    .cta-banner-area .max-width {
        padding: 0;
        max-width: unset;
    }

    .cta-banner-area h3 {
        font-size: 22px;
        line-height: normal;
    }

    .cta-banner-area .content {
        background: rgb(75 99 119 / 50%);
        padding: 20px 10px;
    }

    .cta-banner-area .bg {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .news-letter-form p br {
        display: none;
    }

    .news-letter-form .form-field {
        margin-top: -20px;
    }

    .news-letter-form .form-field input {
        margin: 0;
        padding: 8px 28px;
    }

    footer {
        padding: 20px 0;
    }

    footer .col-md-3 {
        width: 33.33% !important;
        padding: 0 15px 30px !important;
    }

    footer .col-md-3:first-child {
        width: 100% !important;
    }

    footer .row {
        margin: 0 -15px;
    }

    footer .bottom-footer {
        padding-top: 20px;
    }

    .two-col-info .col-sm-6 {
        width: 100%;
        padding-top: 15px;
    }

    .two-col-info .col-sm-6:first-of-type {
        padding-top: 0;
    }

    .two-col-info br {
        display: none;
    }

    .two-col-info h4 {
        font-size: 20px;
    }

    .filter-wrap b:not(.button) {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .filter-wrap .search-wrap {
        display: block;
        margin: 15px auto 0;
    }

    .filter-dropdown {
        margin: 15px 0 0;
        width: 100%;
        text-align: center;
    }

    .common-listing {
        margin-top: 20px;
    }

    .style2.common-listing .column-box:nth-child(2) .lazy-image {
        padding-top: 115%;
    }

    .style2.common-listing .column-box .content {
        width: 95%;
    }

    .knowledge-img-area {
        float: none;
        margin: 0 auto;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .knowledge-details-area h1 br {
        display: none;
    }

    .active.custom-filter-wrap::after {
        content: "";
        display: block;
        background: #000000b8;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
    }

    .custom-filter-area {
        position: fixed;
        width: 90%;
        top: 30px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .custom-filter-area ul.custom-filter {
        max-height: calc(100vh - 102px);
        overflow-x: hidden;
    }

    ul.actors-hash {
        border: none;
        padding-bottom: 0;
    }

    .two-col-w-row .content-box,
    .two-col-w-row .img-box {
        width: 100%;
    }

    .two-col-w-img .two-col-w-row,
    .two-col-w-img .two-col-w-row:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .two-col-w-row .content-box {
        padding: 20px 0 0 0 !important;
    }

    .two-col-w-row .content-box .max-width {
        max-width: unset;
        padding: 20px 15px;
    }

    .two-col-w-row br {
        display: none;
    }

    ul.timeline-listing>li {
        font-size: 19px;
    }

    ul.timeline-listing>li p:first-of-type {
        padding: 10px 0 0;
    }

    ul.timeline-listing>li p:first-of-type::after {
        margin: 10px 0 0 0;
    }

    ul.timeline-listing>li p:last-of-type {
        padding: 0 0 10px;
    }

    ul.timeline-listing>li p:last-of-type::before {
        margin: 0 0 10px;
    }

    ul.timeline-listing,
    ul.timeline2-listing {
        overflow-x: auto;
        overflow-y: hidden;
    }

    ul.timeline-listing>li,
    ul.timeline2-listing>li {
        min-width: 172px;
        width: unset;
        float: left;
    }

    ul.timeline-listing::-webkit-scrollbar,
    ul.timeline2-listing::-webkit-scrollbar {
        height: 5px;
        cursor: pointer;
    }

    ul.timeline-listing::-webkit-scrollbar-track,
    ul.timeline2-listing::-webkit-scrollbar-track {
        background: rgb(237 239 241);
        cursor: pointer;
    }

    ul.timeline-listing::-webkit-scrollbar-thumb,
    ul.timeline2-listing::-webkit-scrollbar-thumb {
        background: rgb(75 99 119 / 90%);
        border-radius: 8px;
        cursor: pointer;
    }

    ul.timeline-listing::-webkit-scrollbar-thumb:hover,
    ul.timeline2-listing::-webkit-scrollbar-thumb:hover {
        background: #394753;
        cursor: pointer;
    }

    .timeline-area {
        margin: 0;
        text-align: center;
    }

    .timeline-area br {
        display: none;
    }

    .timeline-area h5 {
        font-size: 20px;
    }

    .news-details-area br {
        display: none;
    }

    .share-info-area {
        margin: 15px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .share-info-area>* {
        margin: 15px 0 0 !important;
    }

    .share-info-area>*:first-child {
        margin-top: 0 !important;
    }

    .news-img-area .share-info-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .news-img-area .share-info-area .btn-area {
        margin-top: 20px;
    }

    .know-content-area .other-info {
        text-align: center;
    }

    .popup-youtube::after,
    .popup-vimeo::after,
    .popup-video::after,
    .popup-youtube::before,
    .popup-vimeo::before,
    .popup-video::before {
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
    }

    .twoCol-v-center [class^="col-"]:not(:first-of-type) {
        padding-top: 20px;
    }

    .team-area {
        padding: 20px 0;
    }

    .team-area .team-info-box {
        width: 50%;
    }

    .partnres-area {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -20px;
        padding: 20px 0;
    }

    .partnres-box {
        margin: 0 20px 15px;
    }

    .country-search-area .form-field [class^="col-"],
    .country-search-area .form-field [class*="col-"] {
        width: 100%;
    }

    .country-search-area p {
        margin: 20px 0 0 0 !important;
    }

    ul.country-add-info-list li {
        width: 25%;
    }

    ul.community-listing li {
        margin: 0 0 15px;
    }

    ul.community-listing li a {
        font-size: 20px;
        line-height: normal;
        padding: 13px 15px;
        border-radius: 10px;
    }

    .community-dashboard {
        padding: 0 0 30px;
    }

    .community-dashboard ul.community-post-info li {
        width: unset;
    }

    ul.content-menu {
        text-align: left;
    }

    ul.content-menu li a {
        padding: 12px 25px;
        font-size: 16px;
    }

    .community-page .col-sm-12 {
        padding-top: 20px;
    }

    .round-blue-bg {
        padding: 25px;
        border-radius: 20px;
    }

    .inner-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 !important;
    }

    .inner-banner .content,
    .inner-banner .lazy-image,
    .inner-banner .image-box {
        width: 100%;
    }

    .inner-banner .content {
        padding: 5px 15px 15px;
        text-align: center;
    }

    .inner-banner .heading,
    .inner-banner h1 {
        font-size: 20px;
    }

    .inner-banner .lazy-image {
        padding-top: 70%;
    }

    .inner-banner2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 !important;
    }

    .inner-banner2 .content,
    .inner-banner2 .lazy-image,
    .inner-banner2 .image-box {
        width: 100%;
    }

    .inner-banner2 .content {
        padding: 5px 15px 15px;
        text-align: center;
    }

    .inner-banner2 .heading,
    .inner-banner2 h1 {
        font-size: 20px;
    }

    .inner-banner2 .lazy-image {
        padding-top: 70%;
    }

    .inner-banner2 .image-box .bio {
        bottom: 5px;
        right: 15px;
        font-size: 12px;
    }

    .inner-banner2 .image-box .icon {
        max-width: 80px;
    }

    .inner-banner2 .content .icon {
        margin: 4px auto 0;
    }

    .communitie-box .lazy-image,
    .communitie-box .content-box {
        width: 100%;
    }

    .common-listing .column-box {
        width: 50%;
    }

    .communitie-box .content-box .status-btn-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0 0 0;
    }

    .communitie-box .content-box ul.status-info {
        margin: 0 -10px;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .communitie-box .content-box ul.status-info strong {
        font-size: 14px;
    }

    .communitie-box .lazy-image {
        padding-top: 40%;
    }

    .communitie-box .content-box h4 {
        font-size: 20px;
        text-align: center;
    }

    .communitie-box .content-box ul.status-info li {
        padding: 5px 10px;
    }

    .resources-box h4 {
        font-size: 20px;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .resources-box a::after {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, rgb(0 0 0 / 30%)), color-stop(50%, rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(bottom, rgb(0 0 0 / 30%) 100% 0%, rgba(255, 255, 255, 0) 50%);
        background: linear-gradient(0deg, rgb(0 0 0 / 30%) 100% 0%, rgba(255, 255, 255, 0) 50%);
    }

    .resources-box .lazy-image,
    .three-box.resources-listing-area .resources-box .lazy-image {
        padding-top: 120%;
    }

    .resources-listing-area .view-all.resources-box .lazy-image {
        padding-top: 25%;
    }

    .solid-bg-banner {
        text-align: center !important;
    }

    .style3.solid-bg-banner h1,
    .style2.solid-bg-banner h1,
    .style2.solid-bg-banner .heading {
        font-size: 25px;
    }

    .style3.inner-banner .content {
        width: 100%;
        padding: 20px 0 30px;
    }

    .style3.inner-banner {
        font-size: 13px;
    }

    .style3.inner-banner .lazy-image {
        width: 100%;
        opacity: 1;
    }

    .know-content-area .other-info .btn,
    .btn.download {
        font-size: 16px;
        padding: 6px 15px;
    }

    .subpage-area .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 0;
    }

    .subpage-area .heading,
    .subpage-area .content {
        width: 100%;
        text-align: center;
    }

    .subpage-area .heading {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px 20px;
        overflow: hidden;
    }

    .subpage-area .content {
        padding: 11px 20px 3px;
    }

    .subpage-area .content ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .popup-form-area {
        padding: 40px 20px;
    }

    .style2 ul.custom-tab li a {
        font-size: 16px;
    }

    .style2 ul.custom-tab {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }

    .bottom-border-title {
        padding: 0 0 15px;
        margin: 0 0 20px;
    }

    .community-about-section {
        padding: 40px 0;
    }

    .community-repository-area {
        padding: 30px 0;
    }

    .noticeboard-area,
    .related-resources-area,
    .latest-dsicussions-area {
        padding: 30px 0 45px;
    }

    .fix.content-menu-area {
        top: 74px;
        background-color: #ddebf3;
    }

    .ncds-box {
        width: 48.8%;
    }

    .ncds-list {
        margin-top: 30px;
    }

    .contact-info {
        padding: 0 0 0 25px;
    }

    .map-container-home {
        height: 70vh !important;
    }

    .style3.common-listing .column-box .content {
        padding: 25px 25px;
    }

    ul.uts-partners-list {
        margin-top: 20px;
        /* margin-inline: 0; */
        padding: 0;
    }

    ul.uts-partners-list>li {
        width: 50%;
    }

    .owl-carousel .owl-dots {
        padding: 15px 0 0;
    }

    .style4.common-listing .column-box {
        width: 33.33%;
    }

    .style4.common-listing .column-box .lazy-image {
        padding-top: 85%;
    }

    .common-popup {
        padding: 20px 15px;
    }

    .steering-group-area {
        padding: 30px 0 5px;
        text-align: center;
    }

    .twoCol-v-center {
        text-align: center;
    }

    ul.ncd-timeline-listing>li {
        font-size: 19px;
    }

    ul.ncd-timeline-listing>li p:first-of-type {
        padding: 10px 0 0;
    }

    ul.ncd-timeline-listing>li p:first-of-type::after {
        margin: 10px 0 0 0;
    }

    ul.ncd-timeline-listing>li p:last-of-type {
        padding: 0 0 10px;
    }

    ul.ncd-timeline-listing>li p:last-of-type::before {
        margin: 0 0 10px;
    }

    ul.ncd-timeline-listing,
    ul.timeline2-listing {
        overflow-x: auto;
        overflow-y: hidden;
    }

    ul.ncd-timeline-listing>li {
        min-width: 172px;
        width: unset;
        float: left;
    }

    ul.ncd-timeline-listing::-webkit-scrollbar {
        height: 5px;
        cursor: pointer;
    }

    ul.ncd-timeline-listing::-webkit-scrollbar-track {
        background: rgb(237 239 241);
        cursor: pointer;
    }

    ul.ncd-timeline-listing::-webkit-scrollbar-thumb {
        background: rgb(75 99 119 / 90%);
        border-radius: 8px;
        cursor: pointer;
    }

    ul.ncd-timeline-listing::-webkit-scrollbar-thumb:hover {
        background: #394753;
        cursor: pointer;
    }

    .two-col-info .row {
        padding: 30px 0 0;
    }

    .two-col-info .row:last-child {
        padding-bottom: 30px;
    }

    .border.two-col-info .row {
        margin-bottom: 20px;
        padding: 0 0 30px;
    }

    .check-box-area .check-box {
        width: 100%;
        display: block;
    }

    .ncd-sbumit-form.form-field .btn {
        min-width: unset;
        padding: 8px 20px;
        margin-right: 4px;
    }

    .ncd-sbumit-form .btn-row .btn-col {
        padding: 0 5px;
    }

    .ncd-sbumit-form .btn-row {
        margin: 0 -5px;
    }

    .ncd-sbumit-form {
        padding: 20px;
    }

    .themes-filters .theme-filter-panel {
        width: 48.8%;
        margin-bottom: 5px;
    }

    .themes-filters .themes-filters-btn {
        width: 100%;
    }

    .themes-filters .themes-filters-btn .btn {
        width: 49%;
        margin: 0 1% 0 0;
    }

    .themes-filters .form-control {
        font-size: 13px;
        line-height: normal;
    }

    .style6.common-listing {
        margin-inline: -10px;
    }

    .style6.common-listing .column-box:nth-child(5n+1),
    .style6.common-listing .column-box:nth-child(5n+2),
    .style6.common-listing .column-box {
        width: 50%;
    }

    .view-news-and-events .common-listing>.column-box,
    .style7.common-listing .column-box:nth-child(5n+1),
    .style7.common-listing .column-box:nth-child(5n+2),
    .style7.common-listing .column-box {
        width: 48%;
    }

    .view-news-and-events .common-listing>.column-box .content,
    .style7.common-listing .column-box .content {
        padding: 10px 10px 15px;
        min-height: unset;
    }

    .style8.solid-bg-banner {
        padding: 50% 0 0 0;
    }

    .cookie-bar .cw {
        flex-direction: column;
        text-align: center;
    }

    .cookie-bar .con {
        width: 100%;
        margin: 0 0 20px;
    }

    .comment-wrapper .commentInerWrap {
        padding: 20px 30px;
        border-radius: 0 25px 25px 25px;
    }

    .comment-wrapper .indented .commentInerWrap {
        border-radius: 25px 0 25px 25px;
    }

    .news-event-details h1 {
        font-size: 25px;
        text-align: center;
    }

    .news_type {
        text-align: center;
    }

    .news-event-details {
        font-size: 16px;
        max-width: 100%;
    }

    .inner-breadcrumbs.news_breadc {
        max-width: 100%;
    }

    .news-title-area .share-info-area1.right-side {
        position: static;
        float: none;
        margin: 0 auto 20px;
        width: fit-content;
        order: 0;
        padding: 0;
    }

    .news-title-area {
        padding: 0;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .news-title-area>* {
        order: 1;
    }

    ul.social-share li:last-child {
        margin-right: 0;
    }

    .bio-box {
        padding: 40px 0;
        font-size: 18px;
        line-height: 1.5;
    }

    .bio-box .container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .bio-box .content-box {
        padding: 0;
    }

    .bio-box h6 {
        font-size: 18px;
    }

    .bio-box h6::before {
        margin: 0 0 12px;
    }

    .taking-action-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .taking-action-box .box {
        border-radius: 20px;
        padding: 40px 20px;
        font-size: 16px;
    }

    .taking-action-box .box h4 {
        font-size: 19px;
    }

    .inNumber-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .inNumber-wrapper .box br {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .style2.common-listing .column-box .lazy-image {
        padding-top: 75% !important;
    }

    .style2.common-listing .column-box {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .snippet-card .iwr {
        width: 160px;
        max-height: 120px;
    }

    .snippet-card img {
        min-height: 120px !important;
    }

    .snippet-card h4 {

        font-size: 15px;
    }

    .snippet-card .iwl {
        width: calc(100% - 160px);

    }

    .plwrap {
        grid-template-columns: repeat(2, 1fr);
        padding: 30px 0;
    }

    .alignleft,
    .alignright {
        max-width: 100%;
        margin: 10px auto;
        float: none;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .inner-col-3 .check-box {
        width: 100%;
    }

    .news-details-area figure figcaption {
        text-align: center;
    }

    footer .col-md-3 {
        width: 50% !important;
    }

    .solid-bg-banner h1 {
        font-size: 35px;
    }

    .text-style2.common-listing .column-box .content h4 {
        font-size: 16px;
    }

    .common-popup .pop-up-box,
    .common-popup .photo,
    .common-popup .text {
        display: block;
        text-align: center;
        width: 100%;
    }

    .common-popup img {
        float: none;
        margin: 0 auto 30px;
    }

    .team-area .team-info-box {
        width: 100%;
    }

    .login-form label,
    .register-form label {
        text-align: left;
        margin: 0;
    }

    .login-form .form-field [class^="col-"],
    .login-form .form-field [class*="col-"],
    .register-form .form-field [class^="col-"],
    .register-form .form-field [class*="col-"] {
        padding-top: 5px;
    }

    .login-form .form-field .row .row,
    .register-form .form-field .row .row {
        margin-top: -5px;
    }

    .login-form input,
    .register-form input {
        margin-bottom: 15px;
    }

    .login-form .btn-row,
    .register-form .btn-row {
        margin: 0;
        text-align: center;
    }

    .two-col-info {
        text-align: center;
    }

    ul.form-attachecd-files {
        margin-top: 20px;
    }

    ul.country-add-info-list li {
        width: 50%;
    }

    .profile-card {
        top: -40px;
    }

    .headding-area {
        padding: 0 0 15px;
    }

    .profile-related-area {
        padding: 15px;
    }

    .two-col-info .col-xs-12:last-child {
        padding-top: 15px;
    }

    .two-col-info .btn-bottom {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        text-align: center;
    }

    ul.community-listing li {
        margin: 0 0 15px;
    }

    ul.community-listing li a {
        font-size: 16px;
    }

    .communitie-box .lazy-image {
        padding-top: 60%;
    }

    .communitie-box .content-box {
        padding: 15px;
    }

    .resources-listing-area {
        margin: 0 -5px -10px;
    }

    .resources-box {
        width: 50% !important;
        padding: 0 5px;
        margin: 0 0 10px;
    }

    .resources-listing-area .view-all.resources-box .lazy-image {
        padding-top: 120%;
    }

    .resources-box h4 {
        font-size: 18px;
    }

    .contact-form {
        padding-bottom: 30px;
    }

    .contact-form .btn-row {
        text-align: center;
    }

    .ncds-box {
        width: 100%;
        margin-right: 0;
        min-height: unset;
    }

    .ncds-list {
        margin-right: 0;
    }

    .contact-info {
        padding: 0;
    }

    .gcm-declaration-form .csCheckbox {
        margin-right: 5px;
    }

    .common-listing .column-box .content h3 {
        font-size: 16px;
    }

    .common-listing .column-box,
    .style3.common-listing .column-box,
    .col-2.common-listing .column-box {
        width: 100%;
    }

    .style3.common-listing .column-box .content {
        padding: 13px 15px;
    }

    .style3.common-listing .column-box .content h4 {
        font-size: 20px;
    }

    .style6.common-listing .column-box,
    .style6.common-listing .column-box:nth-child(5n+1),
    .style6.common-listing .column-box:nth-child(5n+2),
    .style7.common-listing .column-box:nth-child(5n+1),
    .style7.common-listing .column-box:nth-child(5n+2),
    .style7.common-listing .column-box,
    .view-news-and-events .common-listing>.column-box,
    .view-news-and-events .common-listing>.column-box:nth-child(5n+1),
    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) {
        width: 100%;
    }

    .style7.common-listing .column-box:nth-child(5n+2),
    .style7.common-listing .column-box {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 3%;
    }

    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) .content h4,
    .view-news-and-events .common-listing>.column-box .content h4,
    .style7.common-listing .column-box:nth-child(5n+2) .content h4,
    .style7.common-listing .column-box .content h4 {
        font-size: 14px;
        line-height: normal;
        margin: 0 0 7px;
    }

    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) .content h3,
    .view-news-and-events .common-listing>.column-box .content h3,
    .style7.common-listing .column-box:nth-child(5n+2) .content h3,
    .style7.common-listing .column-box .content h3 {
        font-size: 13px;
        letter-spacing: normal;
        margin: 0 0 5px;
    }

    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) .content h3,
    .style7.common-listing .column-box:nth-child(5n+1) .content h3 {
        font-size: 16px;
        margin: 0 0 9px;
    }

    .style7.common-listing .column-box:nth-child(5n+1) .content h4 {
        font-size: 16px;
    }

    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) .content h4+p::before,
    .view-news-and-events .common-listing>.column-box .content h4+p::before,
    .view-news-and-events .common-listing>.column-box:nth-child(5n+2) .content h4+ul::before,
    .view-news-and-events .common-listing>.column-box .content h4+ul::before,
    .style7.common-listing .column-box:nth-child(5n+2) .content h4+p::before,
    .style7.common-listing .column-box .content h4+p::before,
    .style7.common-listing .column-box:nth-child(5n+2) .content h4+ul::before,
    .style7.common-listing .column-box .content h4+ul::before {
        width: 40px;
    }

    .view-news-and-events .first-news .column-box .lazy-image {
        padding-top: 66.54%;
    }

    .view-news-and-events .common-listing .column-box .dec {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0 0 10px;
    }

    ul.uts-partners-list>li {
        width: 100%;
    }

    .style4.common-listing .column-box {
        width: 50%;
    }

    .steering-group.team-area {
        margin-right: -15px;
    }

    .steering-group.team-area .team-info-box {
        width: calc(50% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .themes-filters .theme-filter-panel {
        width: 100%;
        margin-bottom: 5px;
    }

    .themes-filters .theme-filter-panel .panel-collapse {
        position: static;
        overflow: hidden;
        max-height: unset;
        margin-bottom: 10px;
    }

    .dic-box {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dic-box .avatar {
        margin: 0 auto 15px;
        clear: both;
    }

    .dic-box .content {
        width: 100%;
        clear: both;
    }

    .dic-box .content h5 {
        text-align: center;
    }

    .dic-box .content h5::after {
        margin-inline: auto;
    }

    #comment-form .form-actions {
        text-align: center;
        width: 100%;
    }

    .mailchimp-signup-subscribe-form #edit-actions--2,
    .mailchimp-newsletter-mergefields {
        width: 100%;
    }

    .mailchimp-signup-subscribe-form #edit-actions--2 {
        margin-top: 20px;
    }

    .mailchimp-newsletter-mergefields>div {
        width: 100%;
        margin-top: 20px;
    }

    .col-9-table .paragraphs-subform>div,
    .col-3-table .paragraphs-subform>div {
        width: 100%;
    }

    .list-view.common-listing .column-box>a:has(.lazy-image) {
        width: 100%;
    }

    .list-view.common-listing .column-box .lazy-image {
        padding-top: 100%;
    }

    .list-view.common-listing .column-box .content {
        width: 100%;
        padding: 10px 10px 0;
    }

    .list-view.common-listing .column-box {
        padding: 0 0 25px;
    }

    .list-view.common-listing.multilayout .column-box>a:has(.lazy-image),
    .list-view.common-listing.multilayout .column-box .content {
        width: 100%;
    }

    .list-view.common-listing.multilayout .column-box .lazy-image {
        padding-top: 100%;
    }

    .taking-action-box-row .box .icon {
        margin: 0 auto 15px;
    }

    .taking-action-box-row .box {
        text-align: center;
        flex-direction: column;
        padding: 30px 25px;
    }

    .taking-action-box-row .col-r {
        width: 100%;
    }

    .single-row-btn {
        flex-direction: column;
        gap: 10px;
        margin-top: 20px !important;
    }

    .single-row-btn+.single-row-btn {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 639px) {
    .common-listing .column-box {
        width: 100%;
    }

    .emoji-selection {
        width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 580px) {
    footer .col-md-3 {
        width: 100% !important;
    }

    footer .col-md-3:last-child {
        padding-bottom: 0 !important;
    }

    ul.country-add-info-list li,
    .style4.common-listing .column-box {
        width: 100%;
    }

    .steering-group.team-area {
        margin: 0;
    }

    .steering-group.team-area .team-info-box {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .form-field [class^="col-"]>.flex .field-type-text {
        width: 100%;
        margin: 0 0 15px;
    }

    .form-field [class^="col-"]>.flex {
        display: block;
    }

    .form-field [class^="col-"]>.flex .field-type-text:last-of-type {
        margin: 0;
    }

    .date-combo .panel-body {
        display: block;
        padding: 0 0 18px;
    }

    .date-combo .panel-body>.date-no-float {
        width: 100%;
        margin: 0 0 15px;
    }

    .date-combo .panel-body .end-date-wrapper {
        display: block;
        text-align: center;
    }

    .date-combo .panel-body .end-date-wrapper .control-label {
        margin-bottom: 10px;
    }

    .field-widget-dragndrop-upload-image {
        padding: 20px 0;
    }

    .snippet-card .iwr {
        width: 130px;
        max-height: 100px;
    }

    .snippet-card img {
        min-height: 100px !important;
    }

    .snippet-card .iwl {
        width: calc(100% - 130px);
    }

}

@media only screen and (max-width: 470px) {
    :root {
        --header-space: 124px;
    }

    .header-row {
        flex-direction: column;
    }

    .header-left {
        margin: 0 0 10px;
    }
}

@media only screen and (max-width: 359px) {}

#og-ui-edit-membership {
    padding: 60px 0;
}

#og-ui-edit-membership .form-type-select .selectric-wrapper {
    width: 200px;
}

#og-ui-edit-membership #edit-actions {
    margin-top: 40px;
}

#og-ui-edit-membership .selectric {
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 4px;
}

.form-item-edit-field-category-true-tid-65,
.filter-style2.community_noticeboard-,
.filter-style2.community_event_list- {
    display: none;
}

.taglist .hinfo:hover {
    background: #8ab4ca;
    color: #fff !important;
}

.nicEdit-main {
    font-size: 14px;
    padding: 5px;
}

div#edit-comment-body {
    margin-bottom: 20px;
}

#pin-node-form .row.mrg-b-xxl.rowno10 {
    display: none;
}

.form-type-dragndrop-upload {
    text-align: left;
}

#pin-node-form .field-name-field-category-true [data-index="6"],
#pin-node-form .form-field .help-block,
.indented li.comment-reply {
    display: none;
}

#pin-node-form div#edit-field-image-und-0 {
    text-align: center;
}

.mb-70 {
    margin-bottom: 70px;
}

.jdcs {
    float: right;
}

.mt70 {
    margin-top: 70px;
}

.style8 .bg {
    background-position: center center !important;
}

.pt40 {
    padding-top: 28px;
    clear: both;
}

.messages-block {
    margin-top: 30px;
}

.messages-block .alert {
    box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 40%);
    padding: 15px;
    position: relative;
    background: #fdfdfd;
}

.messages-block .alert li:before {}

.messages-block .alert a.close {
    position: absolute;
    right: 8px;
    top: 6px;
}

.messages-block .error {
    border-bottom: 4px solid red;
}

.fdes a {
    padding-top: 10px;
    display: block;
}

.formHeader {
    margin-bottom: 30px;
}

.tooltip {
    background: #fff;
    z-index: 999;
    padding: 20px;
    width: 320px;
    font-size: 13px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
    text-align: left;
    line-height: 1.6;
    color: #000;
}

.tooltip.fade.right.in,
.tooltip.fade.top.in {
    display: block !important;
    position: absolute !important;
}

span.tooltipbtn {
    margin-top: 20px;
    display: inline-block;
    float: right;
    position: relative;
    top: -20px;
    left: 0;
}

#user-register-form label {
    text-align: left;
}

.related_users {}

.goog-te-gadget-simple {
    background-color: rgba(255, 255, 255, 0.20) !important;
    border: 0 !important;
    padding: 0 !important;
}

.goog-te-menu2 {
    max-width: 100%;
}

.goog-te-menu-value {}

.goog-te-menu-value span:nth-child(5) {
    display: none;
}

.goog-te-menu-value span:nth-child(3) {
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {}

.goog-te-gadget-icon {
    display: none;
    width: 25px !important;
    height: 25px !important;
    margin: 0 5px 0 0;
    background-image: url(/themes/custom/whokap/assets/images/icon-spreadsheet.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.goog-te-gadget-simple>span {
    background-image: url(/themes/custom/whokap/assets/images/icon-spreadsheet.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

.goog-te-gadget img {
    display: none !important
}

#google_translate_element .goog-te-menu-value {
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 600;
    line-height: 25px;
    text-transform: initial;
    font-size: 14px !important;
    color: var(--blue) !important;
    text-decoration: none;
    padding: 0px !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
    position: relative;
    padding-right: 14px;
    font-family: var(--body-font);
}

.goog-te-menu-value span {
    padding-right: 17px;
}

.selectric.lang-switcher {
    display: none !important;
}

.goog-te-menu-value span:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--blue);
    position: absolute;
    top: 1px;
    bottom: 0;
    margin: auto;
    color: var(--blue);
    line-height: 25px;
    font-weight: normal;
    right: -1px;
    left: auto;
}

header.esri-popup__header {
    top: 0 !important;
    box-shadow: none !important;
    width: 100%;
    margin: 0 !important;
}

h2.esri-widget__heading.esri-popup__header-title,
.esri-popup__collapse-icon {
    display: none;
}

.esri-popup__content {
    margin: 20px !important;
}

a.smlfont {
    font-size: 14px;
}

.language-wrap #google_translate_element a {
    display: flex;
    align-items: center;
    border: none;
    font-family: var(--body-font);
    font-weight: var(--font-regular);
    line-height: var(--body-line-height);
    font-size: 13px;
    color: #5d6368 !important;
    padding: 9px 10px;
    margin: 0;
    position: relative;
    white-space: normal;
}

.language-wrap #google_translate_element a::after {
    content: "KAP contents in other UN languages are translated automatically and do not offer an official translation. If not indicated otherwise, the original content is published in English.";
    display: block;
    position: absolute;
    top: calc(100% + 3px);
    right: 0;
    background: #8ab4ca;
    width: 333px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 6px 12px;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 10px;
    z-index: 110;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
    transition: all 0.3s linear 0s;
    opacity: 0%;
    visibility: hidden;
}

.language-wrap #google_translate_element a::before {
    content: "";
    display: block;
    border: 7px solid transparent;
    border-bottom-color: #8ab4ca;
    position: absolute;
    top: calc(100% - 10px);
    right: 46%;
    z-index: 111;
    transition: all 0.3s linear 0s;
    opacity: 0%;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    opacity: 0%;
}

.language-wrap #google_translate_element a:hover::after,
.language-wrap #google_translate_element a:hover::before {
    opacity: 100%;
    visibility: visible;
}

.language-wrap #google_translate_element a img {
    display: none !important;
}

.language-wrap #google_translate_element a span:nth-child(3) {
    display: none;
}

.language-wrap #google_translate_element a span[aria-hidden] {
    color: #fff !important;
    position: relative;
    width: 15px;
    height: 12px;
    display: inline-block;
}

.language-wrap #google_translate_element a span[aria-hidden]::before {
    content: "\f0dd";
    display: block;
    color: #000;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 7px;
}

span.indicator,
table span.indicator {
    display: none !important;
}

table span.indicator {
    display: none !important;
}

/*********************************/