@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/* All */
* {
    outline: none;
}
:root {
    --primary: #213267;
    --secondary: #47a3db;
    --grid: 100px;
    --min-grid: -100px;
    --font-size: 18px
}
#search-results .item,
.sm,
.sm li,
.sm ul,
.topmenu li > a,
ul.sm a,
ul.sm:after {
    display: block;
}
#error-page,
#scrollUp {
    text-align: center;
}
body,
html {
    overflow-x: hidden;
}
body {
    font-family: "Ubuntu", sans-serif;
    margin: 0;
    padding: 0;
    color: #213367;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: var(--font-size);
}
a,
a.inverted,
a.white {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
}
a.white {
    color: #fff;
}
a.hover,
a:focus,
a:hover {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
    text-decoration: none;
}
hr {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
p {
    margin-bottom: 1em;
}
p:last-child {
    margin-bottom: 0;
}
.sk-grid {
    padding-left: var(--grid);
    padding-right: var(--grid);
    width: 100%;
    max-width: none;
}
.min-grid {
    margin-left: var(--min-grid);
    margin-right: var(--min-grid);
}
.small-grid {
    max-width: 1450px;
    margin: 0 auto;
    width: auto;
    padding: 0;
}
.forms-grid {
    max-width: 1500px;
    margin: 0 auto;
    width: auto;
    padding: 0;
}
header {
    position: relative;
    z-index: 1000;
}
.header-border {
    border-bottom: 2px solid rgba(43,52,132,0.1);
    padding: 30px 0 20px 0;
}
body.header-absolute header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
body.header-absolute header::before {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 15%,rgba(255,255,255,0) 100%);
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    content: "";
    z-index: -1;
}
header .logo {
    display: inline-block;
}
header .logo img {
    height: 78px;
}
.hm-logos {
    display: inline-block;
    margin-left: 40px;
}
.hm-logos img {
    padding-right: 25px;
}
.hm-logos img:last-child {
    padding-right: 0;
}
.topmenu li ul li a,
.topmenu li > a strong {
    text-transform: uppercase;
    font-weight: 600;
}
.top-h-menu ul {
    list-style: none;
    margin: 0 0 20px;
}
.top-h-menu ul li {
    display: inline-block;
}
.top-h-menu ul li:not(:first-child) {
    padding-left: 25px;
}
.top-h-menu a {
    font-size: 16px;
    color: #2B3484;
}
.top-h-menu a:hover {
    color: var(--secondary);
}
.bottom-h-menu {
    margin-top: 8px;
}

ul.sm a,
ul.sm li {
    position: relative;
}
#search-results {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
#pagination {
    margin-top: 1em;
}
.sm,
.sm li,
.sm ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    direction: ltr;
}
ul.sm li {
    float: left;
}
ul.sm a {
    white-space: nowrap;
}
ul.sm a.disabled {
    cursor: default;
}
ul.sm ul {
    position: absolute;
    top: -999999px;
    left: -800px;
    width: 100px;
}
.top-menu,
.topmenu li > a i,
.topmenu li > a small,
.topmenu li > a strong {
    position: relative;
}
ul.sm-rtl {
    direction: rtl;
}
ul.sm-rtl li {
    float: right;
}
ul.sm ul li,
ul.sm-vertical li {
    float: none;
}
ul.sm ul a,
ul.sm-vertical a {
    white-space: normal;
}
* html ul.sm-vertical li {
    float: left;
    width: 100%;
}
* html ul.sm-vertical ul li {
    float: none;
    width: auto;
}
ul.sm ul.sm-nowrap > li > a {
    white-space: nowrap;
}
ul.sm:after {
    content: "\00a0";
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
* html ul.sm {
    height: 1px;
}
ul.sm li *,
ul.sm li :after,
ul.sm li :before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
ul.sm {
    -webkit-tap-highlight-color: transparent;
}
.topmenu li > a {
    text-decoration: none;
    padding: 0 50px;
    color: #2B3484;
    font-size: 20px;
}
.topmenu li > a:last-child {
    padding-right: 0;
}
.topmenu li a > i {
    display: none;
    font-size: 2em;
}
.topmenu li > a strong {
    display: block;
}
.topmenu li > a small {
    display: none;
    font-size: 0.85em;
}
.topmenu li:hover a small,
.topmenu li:hover a strong,
.topmenu li:hover > a i {
    opacity: 1;
}
.topmenu a > small {
    display: block;
}
.topmenu a.highlighted,
.topmenu a:active,
.topmenu a:focus,
.topmenu a:hover {
    color: var(--secondary);
}
.topmenu li.nav-submenu-item i.icon {
    margin-right: 0.5em;
}
.topmenu ul a.has-submenu,
.topmenu-vertical a.has-submenu {
    padding-right: 1.8em;
}
.topmenu li ul li a {
    padding: 0.85em;
    text-align: left;
    border: 0;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
    font-size: 0.778em;
}
.topmenu li ul li a:hover {
    color: #394147;
}
.topmenu li ul li a i {
    font-size: 1em;
    display: inline-block;
    margin: 0 0.5em 0 0;
}
.topmenu ul.menu-submenu {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.topmenu a span.sub-arrow {
    position: absolute;
    left: 50%;
    bottom: 16px;
    margin-left: -12px;
    width: 1em;
    height: 1em;
    line-height: 1em;
}
.topmenu ul.menu-submenu a span.sub-arrow,
.topmenu-vertical a span.sub-arrow {
    right: 1em;
    top: 1.4em;
    left: auto;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.topmenu li:first-child,
.topmenu ul li,
.topmenu-vertical li {
    border-left: 0;
}
.topmenu ul li:first-child,
.topmenu-vertical li:first-child {
    border-top: 0;
}
.topmenu span.scroll-down,
.topmenu span.scroll-up {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    border: solid #bbb;
    border-width: 1px 0;
    background: #fff;
    height: 20px;
}
.topmenu span.scroll-down-arrow,
.topmenu span.scroll-up-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #555;
}
#botwidget,
.loader {
    position: relative;
}
.topmenu span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed;
    border-color: #555 transparent transparent;
}
#topwidget {
    background-color: #fff;
}
#topwidget .static-image {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 1em 4em;
    color: #fff;
}
#topwidget .static-image > h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 100;
}
#leftwidget aside,
#rightwidget aside {
    margin-bottom: 1.5em;
}
#leftwidget aside h3,
#rightwidget aside h3 {
    font-weight: 400;
    color: #333;
}
.loader {
    position: relative;
}
.loader:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url('/uploads/images/svg/loader.svg') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    visibility: visible;
    z-index: 5000;
    background-size: 30px;
}
.side-right-bar {
    background-color: var(--primary);
    top: 50%;
    right: 0;
    color: white;
    width: 55px;
    position: fixed;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 26px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.side-right-bar.scrolled {
    opacity: 1;
    pointer-events: all;
}
.side-right-bar-link {
    font-weight: 500;
    height: 100%;
    padding: 50px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}
.side-right-bar-text {
    white-space: nowrap;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -ms-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    display: inline-block;
    position: relative;
    left: 30px;
    bottom: 1em;
    line-height: 1;
}
.side-right-bar-link:hover {
    background-color: var(--secondary);
}
#scrollUp {
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: var(--secondary);
    border-radius: 30px;
    line-height: 55px;
    opacity: 0.8;
    color: white;
    display: none !important;
}
#scrollUp:before {
    content: "\f077";
    display: inline-block;
    vertical-align: middle;
    font: 28px Icons;
}
#error-page {
    background-image: url(../images/404_bg.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh;
    background-color: #282828;
    box-shadow: inset 0 10px 0 0 #000, inset 0 -10px 0 0 #000;
    position: relative;
}
#error-page .logo {
    padding-top: 2em;
}
#error-page h1 {
    padding-top: 0.5em;
    color: #fff;
    font-size: 5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
#error-page h3 {
    color: #7f7f7f;
    font-size: 1.5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
#error-page h3.primary {
    margin-top: 2em;
}
#error-page #but.button {
    font-size: 2em;
    border-radius: 500em;
}
#error-page #but.button i.icon {
    font-size: 4em;
}
/*All*/
.block {
    display:block;
}
.inline-block {
    display: inline-block;
}
.relative {
    position: relative;
}
.flex {
    display:flex;
}
.flex-wrap {
    display:flex;
    flex-wrap:wrap;
}
.flex-between {
    display:flex;
    justify-content: space-between;
}
.flex-wrap-between {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.flex-column {
    flex-flow: column;
}
.flex-center {
    display:flex;
    justify-content: center;
}
.flex-wrap-center {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.flex-right {
    display:flex;
    justify-content: flex-end;
}
.flex-wrap-right {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
}
.flex-all-center {
    display:flex;
    justify-content: center;
    align-items:center;
}
.flow-column {
    flex-flow:column;
}
.flex-vertical-center {
    display:flex;
    align-items:center;
}
.flex-bottom {
    display:flex;
    align-items:flex-end;
}
.flex-wrap-bottom {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-flex {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.row-2 {
    margin-left:-2px;
    margin-right:-2px;
}
.col-2 {
    padding-left:2px;
    padding-right:2px;
}
.row-10 {
    margin-left:-10px;
    margin-right:-10px;
}
.col-10 {
    padding-left:10px;
    padding-right:10px;
}
.row-15 {
    margin-left:-15px;
    margin-right:-15px;
}
.col-15 {
    padding-left:15px;
    padding-right:15px;
}
.row-20 {
    margin-left:-20px;
    margin-right:-20px;
}
.col-20 {
    padding-left:20px;
    padding-right:20px;
}
.row-25 {
    margin-left:-25px;
    margin-right:-25px;
}
.col-25 {
    padding-left:25px;
    padding-right:25px;
}
.row-30 {
    margin-left:-30px;
    margin-right:-30px;
}
.col-30 {
    padding-left:30px;
    padding-right:30px;
}
.row-35 {
    margin-left:-35px;
    margin-right:-35px;
}
.col-35 {
    padding-left:35px;
    padding-right:35px;
}
/*Swiper Carousel*/
.swiper {
    overflow: visible;
}
.swiper.overflow-hidden {
    overflow: hidden;
}
.swiper:not(.without-pseudos)::before,
.swiper:not(.without-pseudos)::after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 10000px;
    background-color: var(--white);
    z-index: 2;
}
.swiper-slide.auto {
    width: auto;
}
/*lang*/
.header-languages {
    position: absolute;
    color: white;
    top: 0;
    right: 0;
    line-height: 1;
    font-size: 13px;
}
.header-languages-toggle {
    border: 1px solid var(--primary);
    padding: 2px;
    cursor: pointer;
    background-color: var(--primary);
    width: 50px;
    height: 20px;
    text-align: center;
}
.header-languages-toggle svg {
    fill: white;
    height: 1em;
    vertical-align: text-top;
}
.header-languages-toggle::after {
    content: "";
    display: inline-block;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid;
    vertical-align: 0.2em;
}
.header-languages:hover .header-languages-toggle,
.header-languages.active .header-languages-toggle {
    border-color: var(--primary);
    background-color: var(--primary);
    color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-languages:hover .header-languages-toggle svg,
.header-languages.active .header-languages-toggle svg {
    /*fill: black;*/
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-languages-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--primary);
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: white;
}
.header-languages.active .header-languages-dropdown {
    opacity: 1;
    pointer-events: all;
}
.header-languages-dropdown .item {
    border-bottom: 1px solid;
    display: block;
    padding: 2px 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-languages-dropdown a.item:hover {
    background-color: black;
}
/*Megamenu*/
.megamenu-toggle {
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    background-color: var(--secondary);
    display: none;
    top: 20px;
    right: 0;
}
.megamenu-toggle .icon {
    width: 37px;
    border-bottom: 2px solid white;
    position: relative;
    border-top: 2px solid white;
    height: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megamenu-toggle .icon .top,
.megamenu-toggle .icon .bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megamenu-toggle .icon .top {
    top: -10px;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.megamenu-toggle .icon .bottom {
    top: 14px;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
}
.megamenu-toggle.open .icon {
    border-color: transparent !important;
}
.megamenu-toggle.open .icon .top {
    -webkit-transform: rotate(-45deg) translate(-5px, 0px);
    -moz-transform: rotate(-45deg) translate(-5px, 0px);
    -ms-transform: rotate(-45deg) translate(-5px, 0px);
    -o-transform: rotate(-45deg) translate(-5px, 0px);
    transform: rotate(-45deg) translate(-5px, 0px);
    top: -14px;
}
.megamenu-toggle.open .icon .bottom {
    -webkit-transform: rotate(45deg) translate(-4px, 2px);
    -moz-transform: rotate(45deg) translate(-4px, 2px);
    -ms-transform: rotate(45deg) translate(-4px, 2px);
    -o-transform: rotate(45deg) translate(-4px, 2px);
    transform: rotate(45deg) translate(-4px, 2px);
    top: 16px;
}
.megamenu .megamenu-toggle .icon {
    width: 30px;
}
.megamenu .megamenu-toggle.open .icon .top {
    top: -12px;
}
.megamenu .megamenu-toggle.open .icon .bottom {
    top: 14px;
}
.megamenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1002;
}
.megamenu-scroll {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.megamenu-menu-res-toggle,
.megamenu-menu-res-item > a {
    padding: 10px 0;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.megamenu-body {
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}
.megamenu-menu-top ul.sm li {
    float: none;
}
.megamenu-menu-top ul.sm li:not(:last-child) {
    margin-bottom: 20px;
}
.megamenu-menu-top .topmenu li > a {
    padding: 0;
}
.megamenu-menu-bottom {
    border-top: 2px solid rgba(43,52,132,0.1);
    border-bottom: 2px solid rgba(43,52,132,0.1);
    margin-top: 40px;
    padding: 20px 0;
}
.megamenu-menu-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(43,52,132,0.5);
}
.megamenu-menu-bottom ul li:not(:last-child) {
    margin-bottom: 10px;
}
.megamenu-menu-socials {
    margin-top: 25px;
}
.megamenu-menu-socials a {
    display: inline-block;
    width: 30px;
}
.megamenu-menu-socials a svg {
    fill: var(--primary);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megamenu-menu-socials a:hover svg {
    fill: var(--secondary);
}
.megamenu a:hover {
    color: var(--secondary);
}
/*Footer*/
footer {
    background-color: var(--primary);
    color: white;
}
.footer-left-side {
    padding-left: var(--grid);
    padding-right: 80px;
    -ms-flex: 0 0 calc(100% - 630px);
    flex: 0 0 calc(100% - 630px);
    width: calc(100% - 630px);
    overflow: hidden;
}
.footer-right-side {
    padding-left: 50px;
    padding-right: var(--grid);
    -ms-flex: 0 0 630px;
    flex: 0 0 630px;
    width: 630px;
    overflow: hidden;
}
.top-footer {
    padding-top: 70px;
    padding-bottom: 30px;
}
.bottom-footer {
    padding: 12px 0;
    border-top: 1px solid;
    font-size: 15px;
}
footer .logo img {
    height: 77px;
}
.f-top-left {
    height: 100%;
}
.become-volunteer {
    max-width: 415px;
    margin-bottom: 15px;
}
.footer-right-side {
    position: relative;
    z-index: 1;
}
.footer-right-side .check-img {
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 50%;
}
.footer-sk {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
}
.f-volunteer-border {
    padding-bottom: 5px;
    position: relative;
    height: 90px;
    margin-bottom: 25px;
}
.f-volunteer-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid white;
}
.become-volunteer .f-volunteer-border:after {
    right: -1000px;
}
.footer-newsletter .f-volunteer-border:after {
    left: -1000px;
}
#newsletter-form .checkbox i {
    background-color: white;
    border-color: white;
}
#newsletter-form .checkbox input:checked + i::after {
    color: #213367;
}
.footer-column h4 {
    font-size: 40px;
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.5px;
}
.footer-column h6 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.footer-column p {
    font-size: 25px;
    margin-bottom: 25px;
    line-height: 1.8;
}
.label-container {
    position: relative;
}
.each-footer-social {
    width: 35px;
    display: inline-block;
    margin-right: 5px;
}
.each-footer-social svg {
    fill: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.each-footer-social a:hover svg {
    fill: var(--secondary);
}
.footer-right-side {
    background-color: var(--secondary);
}
.footer-button,
.btn-subscribe {
    background-color: white;
    color: var(--primary);
    line-height: 1;
    padding: 20px;
    text-align: center;
    display: block;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-family: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 100%;
    cursor: pointer;
}
.footer-button:hover {
    background-color: var(--secondary);
    color: white;
}
.btn-subscribe:hover {
    background-color: var(--primary);
    color: white;
}
.newsletter-form-field {
    background-color: var(--white);
    position: relative;
}
.newsletter-form-field input {
    background-color: transparent;
    padding: 13px 10px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 100%;
    color: white;
    font-size: 18px;
    border: 1px solid;
    font-weight: 400;
}
.newsletter-form-field input::placeholder {
    opacity: 1;
}
.newsletter-form-field-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    color: transparent;
    -webkit-transition: color 0s ease-in-out 2s;
    transition: color 0s ease-in-out 2s;
    font-size: 17px;
    font-weight: 600;
    z-index: 1;
}
.newsletter-form-field-loader .bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
    background-color: white;
    z-index: -1;
}
#newsletter-form.fill .newsletter-form-field-loader {
    pointer-events: auto;
    opacity: 1;
    color: var(--primary);
}
#newsletter-form.fill .newsletter-form-field-loader .bar {
    width: 100%;
}
.check-terms {
    margin-top: 10px;
    font-size: 15px;
    color: rgba(255,255,255,0.7);
}
#newsletter-error {
    font-size: 12px;
    margin-top: 10px;
}
.top-footer #newsletter-error {
    color: red;
}
footer a:hover {
    color: var(--secondary);
}
.footer-right-side a:hover {
    color: var(--primary);
}
.bottom-footer-mobile {
    display: none;
    background-color: white;
    color: rgba(33,51,103,0.5);
    padding: 10px 0;
}
/*home*/
.our-target {
    margin-top: 13em;
    margin-bottom: 13em;
}
.big-letters {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 0;
}
.big-letters span {
    position: relative;
    z-index: 1;
}
.big-letters span::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    height: 0.2em;
    z-index: -1;
    background-color: #5BB5E2;
}
.target-sign {
    margin-top: 60px;
}
.page-heading {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: flex;
}
.page-heading::after {
    border-bottom: 2px solid rgba(43,52,132,0.2);
    content: "";
    flex: 1;
    margin-left: 10px;
}
.campaign-axes-container {
    margin-top: 60px;
}
.axes-bg-img {
    height: 735px;
}
.each-camp-axes {
    position: relative;
}
.axes-bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.each-axes-container {
    position: relative;
    overflow: hidden;
}
.each-axes-container::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(to bottom, rgba(34, 51, 103,0.8) 10%,rgba(34, 51, 103,0.001) 100%);
    background: linear-gradient(to bottom, rgba(34, 51, 103,0.8) 10%,rgba(34, 51, 103,0.001) 100%);
    background: linear-gradient(to bottom, rgba(34, 51, 103,0.8) 10%,rgba(34, 51, 103,0.001) 100%);
    height: 250px;
    z-index: 1;
}
.each-axes-container:hover .axes-bg-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.top-camp-axes-info {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    color: white;
    z-index: 10;
}
.axes-number {
    font-size: 18px;
    font-weight: 600;
}
.axes-title {
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}
.axes-border {
    border-bottom: 3px solid white;
    width: 35px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 12px;
}
.axes-border::before {
    border-bottom: 3px solid white;
    position: absolute;
    content: "";
    left: -30px;
    width: 30px;
}
.campaign-axes {
    margin-bottom: 20em;
    margin-top: 16em;
}
.axes-par {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.learn-more-axes {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    padding: 23px 15px 20px 15px;
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #213267;
    z-index: 10;
}
.learn-more-axes:hover {
    background-color: #213267;
    color: white;
}
.each-axes-container::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(to bottom, rgba(34, 51, 103,0.01) 10%,rgba(34, 51, 103,0.8) 100%);
    height: 110px;
    z-index: 1;
}
.hm-about-me {
    margin-top: 7em;
    margin-bottom: 18em;
}
#hm-about-text {
    font-size: 32px;
    margin-top: 2em;
    font-weight: 300;
}
.web-btns {
    margin-top: 5em;
}
.web-btns a {
    font-size: 18px;
    color: white;
    background-color: var(--secondary);
    padding: 22px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
.web-btns a:hover {
    background-color: #213267;
}
.hm-activities {
    background-color: rgba(43,52,132,0.1);
    padding-top: 6em;
    padding-bottom: 6em;
    margin-bottom: 13em;
}
.hm-activities-container p {
    font-size: 32px;
    font-weight: 300;
}
.hm-activities-container {
    margin-top: 5em;
    margin-bottom: 4em;
}
.hm-activity-title {
    font-size: 31px;
    color: #2B3484;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
}
.hm-activity-border {
    border-bottom: 2px solid var(--secondary);
    width: 40px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}
.hm-activity-border::before {
    border-bottom: 2px solid var(--secondary);
    position: absolute;
    content: "";
    left: -40px;
    width: 40px;
}
.hm-activity-content {
    font-size: 20px;
    color: #2B3484;
    letter-spacing: 0.5px;
}
.hm-each-activity-wrap {
    position: relative;
    overflow: hidden;
}
.hm-each-activity:hover .hm-activity-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.hm-activity-img img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-header {
    margin-top: 10em;
}
.about-me-wrap {
    margin-right: -200px;
    position: relative;
    z-index: 1;
}
.about-me-wrap h6 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.about-me-wrap h2 {
    font-size: 60px;
    font-weight: 300;
}
.about-me-wrap p {
    font-size: 22px;
}
.about-me-border {
    border-bottom: 4px solid var(--secondary);
    width: 50px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 25px;
}
.about-me-border::before {
    position: absolute;
    content: "";
    border-bottom: 4px solid var(--secondary);
    width: 150px;
    left: -150px;
}
.about-me-img {
    height: 43vw;
    min-height: 240px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.about-me-img::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(59,62,65,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(59,62,65,0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(59,62,65,0) 100%);
    height: 200px;
}
.about-me-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 35%;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.about-me-info {
    padding-left: var(--grid);
}
/*news publish*/
.back-to-result-page svg {
    height: 0.75em;
    fill: #213367;
    margin-right: 8px;
}
.back-to-result-page:hover svg {
    fill: var(--secondary);
}
.back-to-result-page a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
.news-publish-title {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 25px;
    margin-bottom: 40px;
    max-width: 1140px;
}
.news-publ-date-wrap {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    position: relative;
}
.news-publ-date-wrap::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid;
    bottom: 0;
    right: -150px;
    width: 150px;
}
.news-publ-date-wrap::after {
    border-bottom: 2px solid;
    content: "";
    flex: 1;
    margin-left: 20px;
}
.news-publ-content p {
    line-height: 1.7;
    letter-spacing: 0.2px;
}
.news-publ-content {
    font-size: 22px;
    text-align: justify;
    margin-top: 5.5em;
}
.news-grid {
    max-width: 970px;
    margin: 0 auto;
    width: auto;
    padding: 0;
}
.contact-header-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
}
.contact-header-info {
    padding-left: var(--grid);
}
.contact-header-wrap h2 {
    font-size: 80px;
    font-weight: 300;
    color: white;
}
.contact-header-wrap p {
    font-size: 22px;
    letter-spacing: 0.5px;
    color: white;
    line-height: 1.3;
}
.contact-header-border {
    border-bottom: 4px solid var(--secondary);
    width: 50px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 28px;
}
.contact-header-border::before {
    position: absolute;
    content: "";
    border-bottom: 4px solid var(--secondary);
    width: 150px;
    left: -150px;
}
.contact-header-img {
    height: 45vw;
    min-height: 240px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.contact-header-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 35%;
    background: linear-gradient(to right, rgb(33, 50, 103) 0%,rgba(33,50,103,0) 100%);
}
.contact-header-img::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(59,62,65,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(59,62,65,0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(59,62,65,0) 100%);
    height: 200px;
}
.contact-socials h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
}
.contact-middle {
    margin-top: 4em;
    margin-bottom: 4em;
    position: relative;
}
.each-contact-sm {
    display: inline-block;
    width: 76px;
    margin-right: 14px;
}
.each-contact-sm svg {
    fill: var(--primary);
}
.each-contact-sm:hover svg {
    fill: #47a3db;
}
.contact-social-media {
    margin-top: 50px;
}
.contact-info {
    position: absolute;
    top: -280px;
    right: 225px;
    background-color: #47a3db;
    padding: 40px 0;
    width: 592px;
    text-align: center;
}
.each-contact-info {
    font-size: 26px;
    color: white;
    margin-bottom: 70px;
}
.each-contact-info a {
    font-size: 26px;
    color: white;
}
.each-contact-info a:hover {
    color: var(--primary);
}
.contact-icon {
    margin-bottom: 20px;
}
.each-contact-info:last-child {
    margin-bottom: 30px;
}
.contact-right-side {
    padding-left: 8em;
    margin-top: 3em;
}
.contact-ask-questions {
    font-size: 36px;
    line-height: 1.6;
    font-weight: 300;
    padding-top: 2.5em;
}
.left-quotes {
    margin-left: -15px;
}
.contact-hashtag {
    margin-top: 24px;
}
.contact-hashtag a {
    font-size: 36px;
    color: rgba(34,51,103,0.3);
    font-weight: 600;
    padding-bottom: 1em;
}
.contact-hashtag a:hover {
    color: var(--secondary);
}
.contact-bottom {
    background-color: rgba(34,51,103,0.1);
    padding-top: 7em;
    padding-bottom: 7em;
}
.right-quote {
    text-align: right;
}
.fixed-header.header-down {
     opacity: 1;
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     position: fixed;
     z-index: 10000;
    left: 0;
    right: 0;
 }
header.scroll .middle-bar {
    margin: 0;
    background-color: white;
    border-bottom: 2px solid rgba(43,52,132,0.1);
}
header.scroll .header-border {
    border-bottom: none;
    padding: 10px 0 10px 0;
}
header.scroll .hm-logos {
    display: none;
}
header.scroll .top-h-menu ul {
    margin: 0 0 10px;
}
header.scroll .topmenu li > a {
    font-size: 18px;
}
header.scroll .bottom-h-menu {
    margin-top: 2px;
}
header.scroll .top-h-menu a {
    font-size: 15px;
}
header.scroll .logo img {
    height: 60px;
}
/*form*/
.sk.success.message, .sk.positive.message {
    background-color: transparent !important;
    color: #3b3e41 !important;
    border: none !important;
    margin-top: 4em;
    box-shadow: none !important;
}
.sk.form .fields.error .field label, .sk.form .field.error label, .sk.form .fields.error .field .input, .sk.form .field.error .input, .sk.form #agreeInfo {
    color: red !important;
}
.flag.icon {
    display: none !important;
}
.sk.message .header {
    font-size: 55px !important;
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 700 !important;
    color: #213267 !important;
    text-transform: uppercase !important;
}
.sk.message .header + p {
    margin-top: 5px;
    font-size: 16.5px;
    letter-spacing: 1px !important;
    margin-left: 8px;
    color: #213267 !important;
}
.sk.message > .close.icon {
    display: none !important;
}
.sk.message {
    padding: 3em 1em;
}
.sk.form .fields.error .field label, .sk.form .field.error label, .sk.form .fields.error .field .input, .sk.form .field.error .input, .sk.form #agreeInfo {
    color: rgb(60, 68, 53);
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 15px;
}
.sk.form textarea, .sk.form input[type="text"], .sk.form input[type="email"], .sk.form input[type="date"], .sk.form input[type="password"], .sk.form input[type="number"], .sk.form input[type="tel"], .sk.form .fileinput > input {
    border-bottom: 2px solid rgba(60,70,61,0.2) !important;
    border-radius: 0;
    padding: 25px 0 8px 0 !important;
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    font-size: 20px;
    color: rgba(60,68,53,1) !important;
    line-height: 1;
    font-weight: 300;
    font-family: "Ubuntu", sans-serif;
}
.sk.form .fields.error .field textarea, .sk.form .fields.error .field input[type="text"], .sk.form .fields.error .field input[type="email"], .sk.form .fields.error .field input[type="date"], .sk.form .fields.error .field input[type="password"], .sk.form .fields.error .field input[type="number"], .sk.form .fields.error .field input[type="url"], .sk.form .fields.error .field input[type="tel"], .sk.form .field.error textarea, .sk.form .field.error input[type="text"], .sk.form .field.error input[type="email"], .sk.form .field.error input[type="date"], .sk.form .field.error input[type="password"], .sk.form .field.error input[type="number"], .sk.form .field.error input[type="url"], .sk.form .field.error input[type="tel"] {
    box-shadow: none !important;
    background-color: #f7f7f7 !important;
}
.sk.form .field label.input-label.focused {
    font-size: 18px;
    color: #213367;
    font-weight: 400;
    padding: 0.25em 0;
    font-family: "Ubuntu", sans-serif;
}
.contact-form-title {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 4em;
}
.sk.form .field label.input-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 1em 0px;
    line-height: 1.5;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.sk.form .field {
    margin: 0 0 1.7em;
}
.sk.form .field label {
    margin: 0 0 .9em;
    font-weight: 500;
    font-size: 18px;
    color: #213367;
    font-family: Ubuntu, Arial, sans-serif;
    letter-spacing: 0.5px;
}
.sk.form input[type="text"]:focus, .sk.form input[type="email"]:focus, .sk.form input[type="date"]:focus, .sk.form input[type="password"]:focus, .sk.form input[type="number"]:focus, .sk.form input[type="url"]:focus, .sk.form input[type="tel"]:focus, .sk.form textarea:focus {
    box-shadow: none;
}
.sk.textarea, .sk.form textarea {
    height: 15em;
    max-height: 15em;
    min-height: 15em;
}
.sk.form .field label.checkbox {
    font-size: 18px;
    letter-spacing: 0;
}
.sk.form .field label.checkbox a:hover {
    color: var(--secondary);
}
.sk.form .field label.radio, .sk.form .field label.checkbox {
    font-family: "Ubuntu", sans-serif;
}
.radio, .checkbox {
    margin-bottom: 0;
    padding-left: 0;
    line-height: 1;
}
.sk.form .fields.error .field textarea, .sk.form .fields.error .field input[type="text"], .sk.form .fields.error .field input[type="email"], .sk.form .fields.error .field input[type="date"], .sk.form .fields.error .field input[type="password"], .sk.form .fields.error .field input[type="number"], .sk.form .fields.error .field input[type="url"], .sk.form .fields.error .field input[type="tel"], .sk.form .field.error textarea, .sk.form .field.error input[type="text"], .sk.form .field.error input[type="email"], .sk.form .field.error input[type="date"], .sk.form .field.error input[type="password"], .sk.form .field.error input[type="number"], .sk.form .field.error input[type="url"], .sk.form .field.error input[type="tel"] {
    color: rgba(60,68,53,0.5);
}
.checkbox input + i::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    font-size: 1.1em;
}
.checkbox input:checked + i::after {
    content: "\f00c";
    color: var(--secondary);
}
.checkbox i {
    width: 1em;
    height: 1em;
    border: 1px solid #213367;
    margin-right: 13px;
    background-color: transparent;
}
.radio i, .checkbox i {
    position: relative;
    display: inline-block;
}
.sk.button:hover {
    background-color: transparent;
}
.field:last-child {
    margin-bottom: 20px !important;
}
.contact-form-btn .sk.button {
    font-size: 25px;
    text-transform: uppercase;
    color: white;
    padding: 20px 55px;
    z-index: 1;
    position: relative;
    background-color: var(--secondary);
    border-radius: 0;
    font-family: "Ubuntu", sans-serif;
}
#dosubmit:hover {
    color: white;
    background-color: #213267;
}
.sk.button {
    background-color: transparent;
}
.each-princ-container {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding-top: 10px;
    padding-bottom: 40px;
    flex-flow: wrap;
    display: flex;
    height: 375px;
    position: relative;
}
.my-principle-number {
    font-weight: 900;
    letter-spacing: 0.5px;
    position: absolute;
    left: 0;
    top: 65px;
}
.my-principle-content {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 300;
}
.first-principle {
    border-bottom: 2px solid;
    padding-top: 10px;
    padding-bottom: 30px;
    flex-flow: wrap;
    height: 375px;
    position: relative;
}
.first-principle::before {
    border-bottom: 2px solid #213367;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 155px;
}
.my-principles-title {
    position: absolute;
    top: -15px;
    font-weight: 600;
    letter-spacing: 1px;
}
.principles-wrap {
    margin-bottom: 14em;
}
.page-header-title {
    color: #223367;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-top-header h1 {
    font-size: 60px;
    color: #213267;
    font-weight: lighter;
    letter-spacing: 1px;
}
.page-header-border {
    border-bottom: 4px solid #47A3DB;
    width: 50px;
    position: relative;
    margin-top: 22px;
    margin-bottom: 15px;
}
.page-header-border::before {
    position: absolute;
    content: "";
    border-bottom: 4px solid #47A3DB;
    width: 150px;
    left: -150px;
}
.loader-button {
    border: 2px solid;
    color: var(--secondary);
    text-align: center;
    padding: 25px;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 20px;
}
.loader-button:hover {
    color: white;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.news-back-arrow {
    width: 7px;
    margin-top: 4px;
    margin-right: 8px;
}
.back-to-result-page a:hover {
    color: var(--secondary);
}
.my-positions-wrap {
    margin-top: 11em;
}
.first-position .position-number {
    display: inline-block;
    font-size: 70px;
    color: rgba(34,51,103,0.1);
    font-weight: 800;
    position: relative;
    padding-right: 18px;
}
.first-position .position-number::before {
    position: absolute;
    border-right: 4px solid #47A3DB;
    top: -8px;
    bottom: -8px;
    content: "";
    right: 0;
}
.first-position-top-info {
    display: inline-block;
    margin-left: 27px;
}
.first-position .position-title {
    font-size: 31px;
    text-transform: uppercase;
    font-weight: 700;
}
.first-position .position-heading {
    font-size: 20px;
    margin-top: 1px;
}
.position-info p {
    font-size: 20px;
    margin-bottom: 40px;
}
.position-info p:last-child {
    margin-bottom: 0;
}
.first-position-right-side {
    padding-left: 2.5em;
}
.position-img {
    position: relative;
    padding-top: 87%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.position-img::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background-image: -webkit-linear-gradient(to bottom, rgba(34,51,103,0.5) 0%,rgba(34,51,103,0) 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(34,51,103,0.5) 0%,rgba(34,51,103,0) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(34,51,103,0.5) 0%,rgba(34,51,103,0) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(34,51,103,0.5) 0%,rgba(34,51,103,0) 100%);
    height: 250px;
}
.position-img img {
    width: 100%;
}
.position-main-info {
    margin-top: 2.2em;
}
.position-header-info {
    margin-left: 25px;
}
.position-bg {
    height: 25vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.position-bg::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(to bottom, rgba(34,51,103,0.6) 30%,rgba(34,51,103,0) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(34,51,103,0.6) 30%,rgba(34,51,103,0) 100%);
    background: linear-gradient(to bottom, rgba(34,51,103,0.6) 30%,rgba(34,51,103,0) 100%);
    height: 280px;

}
.position-bg-container {
    padding-top: 2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    z-index: 1;
    position: relative;
}
.second-position .position-number {
    font-size: 70px;
    display: inline-block;
    color: rgba(255,255,255,0.5);
    font-weight: 800;
    position: relative;
    padding-right: 18px;
}
.second-position .position-number::before {
    position: absolute;
    border-right: 4px solid white;
    top: -8px;
    bottom: -8px;
    content: "";
    right: 0;
}
.my-prositions {
    margin-bottom: 8em;
}
.second-position-top-info {
    display: inline-block;
    margin-left: 27px;
}
.sec-position-title {
    font-size: 31px;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
}
.sec-position-info {
    font-size: 20px;
    margin-top: 4px;
    color: white;
}
.position-border {
    border-bottom: 3px solid rgba(43,52,132,0.1);
    margin-top: 7em;
    margin-bottom: 7em;
}
.position-info ul li {
    font-size: 20px;
    line-height: 1.5;
}
.position-info ul {
    padding-left: 17px;
}
.second-position-left-side .position-info {
    margin-top: -17em;
    z-index: 10;
    position: relative;
    background-color: white;
    padding: 55px 45px 0 45px;
}
.position-heading-resp {
    display: none;
}
.each-project-container {
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 35px 125px 85px 65px;
}
.each-project-container::before {
    left: 0;
    width: 95%;
    background: linear-gradient(to right, rgba(34, 51, 103, 0.8) 75%,rgba(255,255,255,0) 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}
.my-projects-wrap {
    margin-top: 10em;
}
.project-info {
    padding: 30px;
}
.project-info h3 {
    color: white;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}
.each-project-border {
    border-bottom: 4px solid white;
    width: 40px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 25px;
}
.each-project-border::before {
    position: absolute;
    border-bottom: 4px solid white;
    content: "";
    width: 30px;
    left: -30px;
    top: 0;
}
.project-info h6 {
    font-size: 24px;
    color: white;
    letter-spacing: 0.5px;
    margin-bottom: 4em;
}
.project-info p {
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    max-width: 790px;
    margin-bottom: 15px;
}
.each-project {
    margin-bottom: 13em;
    position: relative;
}
.project-covid-img {
    position: relative;
    top: -85px;
    right: 0;
    text-align: right;
}
.project-gesy-img {
    position: absolute;
    top: -285px;
    left: 75px;
}
.project-makario-img {
    position: absolute;
    top: -265px;
    right: 125px;
}
.my-projects {
    margin-bottom: 17em;
}
.vision-header-wrap {
    position: absolute;
    top: 110px;
    bottom: 0;
}
.vision-header-par {
    font-size: 30px;
    max-width: 746px;
    line-height: 1.5;
    margin-top: 25px;
}
.vision-header-img {
    height: 50vw;
    min-height: 240px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.vision-header-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 58%;
    background: linear-gradient(to right, rgb(255, 255, 255) 70%,rgba(255,255,255,0) 100%);
}
.vision-header-img::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(59,62,65,0) 100%);
    background: -webkit-linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(59,62,65,0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(59,62,65,0) 100%);
    height: 220px;
}
.each-vision {
    position: relative;
    padding-top: 80%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.each-vision-info {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
}
.each-vision-info h6 {
    font-size: 18px;
    color: white;
}
.each-vision-info h2 {
    color: white;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.vision-border {
    border-bottom: 3px solid white;
    width: 40px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.vision-border::before {
    position: absolute;
    content: "";
    border-bottom: 3px solid white;
    width: 20px;
    left: -20px;
}
.each-vision-info p {
    font-size: 20px;
    color: white;
}
.each-vision::before {
    background-color: rgba(34,51,103,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
}
.our-visions-container {
    margin-top: 3em;
}
.bottom-visions {
    margin-top: 14em;
}
.more-about-vision h4 {
    font-size: 30px;
    line-height: 1.5;
    max-width: 746px;
}
.more-about-vision {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding-top: 25px;
    padding-bottom: 70px;
    height: 410px;
}
.more-about-vision p {
    margin-top: 25px;
    max-width: 746px;
}
.our-visions {
    margin-bottom: 14em;
}
.ask-michalis {
    background-color: rgba(34,51,103,0.1);
    padding-top: 3.2em;
    padding-bottom: 4em;
}
.ask-hashtag {
    font-size: 36px;
    color: rgba(34,51,103,0.3);
    font-weight: 600;
}
.ask-right-side h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 65px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.ask-right-side p {
    font-weight: 500;
}
.ask-michali-right {
    padding-left: 5em;
    padding-top: 3em;
}
.ask-michalis .sk.textarea, .sk.form textarea {
    height: 3em;
    max-height: 25em;
    min-height: 3em;
}
.ask-wrap::before {
    border-right: 2px solid rgba(34,51,103,0.3);
    content: "";
    position: absolute;
    right: 30px;
    top: -30px;
    bottom: -30px;
}
.ask-wrap {
    position: relative;
}
.volunteer {
    background-color: rgba(34,51,103,0.1);
    padding-top: 2em;
    padding-bottom: 4em;
    margin-bottom: 10em;
}
.ethelontis-wrap {
    position: relative;
    margin-bottom: 15px;
}
.ethelontis-wrap::before {
    border-right: 2px solid rgba(34,51,103,0.3);
    content: "";
    position: absolute;
    right: 40px;
    top: -30px;
    bottom: 30px;
}
.volunteer-right-side {
    padding-left: 3em;
    padding-top: 3em;
}
.volunteer-left-side h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 65px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.volunteer-left-side p {
    font-weight: 600;
}
.learn-more-axes-resp {
    display: none;
}
.next-article-wrap {
    padding-right: calc((100vw - 1475px) / 2);
}
.next-article-wrap a, p {
    margin-bottom: 0;
}
.next-art-par {
    text-align: right;
    font-size: 18px;
    color: #47a3db;
    font-weight: 600;
    padding-right: 20px;
}
.next-article-arrow {
    position: relative;
    height: 15px;
    display: block;
}
.next-article-arrow::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: -1px;
    top: 0;
    content: "";
    margin: auto;
    height: 2px;
    background-color: #47a3db;
}
.next-article-arrow::after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    content: "";
    border-top: 2px solid #47a3db;
    border-right: 2px solid #47a3db;
    display: block;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    margin: auto;
}
.next-article-wrap:hover .next-art-par {
    color: #213267;
}
.next-article-wrap:hover .next-article-arrow::before {
    background-color: #213267;
}
.next-article-wrap:hover .next-article-arrow::after {
    border-color: #213267;
}
.news-publish {
    margin-bottom: 14em;
}
.resp-img-jobs {
    display: none;
}
.sk.warning.message {
    margin-left: var(--grid) !important;
    margin-right: var(--grid) !important;
    background-color: transparent !important;
    color: #213267 !important;
}
/*Responsive*/
@media only screen and (max-width: 1870px) {
    .my-principle-content {
        font-size: 29px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 1850px) {
    .position-bg {
        height: 25vw;
    }
    .position-img {
        padding-top: 95%;
    }
}
@media only screen and (max-width: 1800px) {
    .position-info p {
        margin-bottom: 30px;
    }
    .position-bg {
        height: 26vw;
    }
    .project-info p {
        max-width: 700px;
    }
    .project-info h3 {
        font-size: 58px;
    }
}
@media only screen and (max-width: 1750px) {
    .position-img {
        padding-top: 105%;
    }
    .second-position-left-side .position-info {
        margin-top: -16em;
    }
    .my-principle-content {
        font-size: 28px;
    }
    .project-makario-img {
        right: 75px;
    }
}
@media only screen and (max-width: 1699px) {
    .my-principle-content {
        font-size: 26px;
    }
    .position-info p {
        font-size: 19px;
    }
    .position-info ul li {
        font-size: 19px;
    }
    /*Header*/
    header .logo img {
        height: 60px;
    }
    .hm-logos {
        margin-left: 25px;
    }
    .hm-logos img {
        padding-right: 10px;
        height: 55px;
    }
    .top-h-menu ul {
        margin: 0 0 10px;
    }
    .top-h-menu ul li:not(:first-child) {
        padding-left: 15px;
    }
    .topmenu li > a {
        padding: 0 25px;
        font-size: 18px;
    }
    /*Footer*/
    .footer-logo img {
        height: 65px;
    }
    .become-volunteer {
        max-width: 375px;
    }
    .footer-column p {
        font-size: 20px;
    }
    .project-makario-img img {
        width: 500px;
    }
    .project-makario-img {
        top: -255px;
    }
    .project-info p {
        margin-top: 4em;
    }
}
@media only screen and (max-width: 1650px) {
    .next-article-wrap {
        padding-right: 100px;
    }
    .second-position-left-side .position-info {
        padding: 45px 45px;
    }
    .position-bg {
        height: 28vw;
    }
    .project-info h3 {
        font-size: 55px;
    }
    .project-makario-img img {
        width: 450px;
    }
    .project-makario-img {
        top: -235px;
    }
}
@media only screen and (max-width: 1600px) {
    .ethelontis-wrap::before {
        right: 30px;
    }
    .contact-header-img {
        height: 50vw;
    }
    .contact-header-img {
        height: 50vw;
    }
    .vision-header-img::after {
        width: 70%;
    }
    .sk-grid {
        padding-left: 75px;
        padding-right: 75px;
    }
    .forms-grid {
        padding-left: 75px;
        padding-right: 75px;
        width: 100%;
        max-width: none;
    }
    .small-grid {
        padding-left: 75px;
        padding-right: 75px;
    }
    .big-letters {
        font-size: 40px;
    }
    .our-target {
        margin-top: 7em;
        margin-bottom: 3em;
    }
    .campaign-axes {
        margin-top: 10em;
    }
    .contact-header-info {
        padding-left: 75px;
    }
}
@media only screen and (max-width: 1550px) {
    .ethelontis-wrap::before {
        right: 20px;
    }
    .ask-wrap::before {
        right: 10px;
    }
    .each-vision {
        padding-top: 100%;
    }
    .each-vision-info h2 {
        font-size: 30px;
    }
    .vision-header-wrap {
        top: 50px;
    }
    .each-project-container {
        padding: 35px 75px 85px 35px;
    }
    .position-info p {
        margin-bottom: 20px;
        font-size: 18.5px;
    }
    .position-info ul li {
        font-size: 18.5px;
    }
    .position-bg {
        height: 30vw;
    }
    .my-principle-number {
        top: 55px;
    }
    .my-principle-content {
        font-size: 25px;
        line-height: 1.3;
    }
    .project-info p {
        margin-top: 2em;
    }
    .contact-info {
        right: 145px;
        width: 560px;
    }
}
@media only screen and (max-width: 1499px) {
    .volunteer-left-side h3 {
        font-size: 33px;
    }
    /*Footer*/
    .footer-left-side {
        padding-right: 50px;
        -ms-flex: 0 0 calc(100% - 630px);
        flex: 0 0 calc(100% - 500px);
        width: calc(100% - 500px);
    }
    .footer-right-side {
        -ms-flex: 0 0 630px;
        flex: 0 0 500px;
        width: 500px;
    }
    .footer-column p {
        font-size: 18px;
        line-height: 1.5;
    }
    .homepage-slider-over h2 {
        font-size: 55px;
    }
    .project-info h3 {
        font-size: 50px;
    }
    .project-right-side {
        padding-left: 60px;
    }
}
@media only screen and (max-width: 1450px) {
    .forms-grid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .vision-header-wrap {
        top: -150px;
    }
    .ask-wrap::before {
        right: 0px;
    }
    .contact-info {
        width: 520px;
        right: 75px;
    }
    .contact-header-info {
        padding-left: 35px;
    }
    .contact-header-img::after {
        width: 65%;
    }
    .contact-header-img {
        height: 56vw;
    }
    .sk-grid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .page-header {
        margin-top: 8em;
    }
    .position-info p {
        font-size: 18px;
    }
    .position-info ul li {
        font-size: 18px;
    }
    .second-position-left-side .position-info {
        margin-top: -17em;
    }
    .position-bg {
        height: 33vw;
    }
    .campaign-axes-container .col-25 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .campaign-axes-container .row-25 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .axes-title {
        font-size: 25px;
    }
    .axes-bg-img {
        height: 605px;
    }
    .about-me-info {
        padding-top: 5em;
    }
    .about-me-img::before {
        height: 130px;
    }
    .about-me-wrap h2 {
        font-size: 50px;
    }
    .page-top-header h1 {
        font-size: 50px;
    }
    .my-positions-wrap {
        margin-top: 9em;
    }
    .project-info {
        left: 55px;
    }
    .project-makario-img {
        right: 55px;
    }
    .project-info h3 {
        font-size: 45px;
    }
    .project-info p {
        max-width: 600px;
    }
    .project-gesy-img {
        top: -215px;
        left: 55px;
    }
}
@media only screen and (max-width: 1400px) {
    .ethelontis-wrap::before {
        right: 10px;
    }
}
@media only screen and (max-width: 1360px) {
    .history-res-title {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1349px) {
    .ask-right-side h3 {
        font-size: 33px;
    }
    .vision-header-wrap {
        top: 0;
    }
    .vision-header .page-top-header h1 {
        font-size: 42px;
    }
    .vision-header-par {
        font-size: 26px;
    }
    .vision-header-img {
        height: 55vw;
    }
    .position-img {
        padding-top: 115%;
    }
    /*All*/
    :root {
        --grid: 75px;
        --min-grid: -75px;
        --font-size: 16px
    }
    /*Header*/
    .hm-logos {
        display: none;
    }
    /*Footer*/
    .footer-left-side {
        padding-right: 20px;
        -ms-flex: 0 0 calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
        width: calc(100% - 350px);
    }
    .footer-right-side {
        padding-left: 20px;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px;
        width: 350px;
    }
    .footer-logo img {
        height: 55px;
    }
    .become-volunteer {
        max-width: 300px;
    }
    .footer-column h4 {
        font-size: 30px;
    }
    .footer-column h6 {
        font-size: 16px;
    }
    .f-volunteer-border {
        height: 75px;
        margin-bottom: 15px;
    }
    .footer-column p {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .footer-button,
    .btn-subscribe {
        padding: 14px 10px;
        font-size: 14px;
    }
    .newsletter-form-field input {
        padding: 13px 5px;
        font-size: 12px;
    }
    .each-footer-social {
        width: 25px;
    }
    .check-terms {
        font-size: 12px;
    }
}
@media only screen and (max-width: 1280px) {
    body.header-absolute header::before {
        height: 230px;
    }
    .forms-grid {
        padding-left: 45px;
        padding-right: 45px;
    }
    .contact-ask-questions {
        font-size: 30px;
        line-height: 1.5;
        padding-top: 2em;
    }
    .contact-middle {
        margin-top: 6em;
        margin-bottom: 6em;
    }
    .contact-info {
        top: -240px;
    }
    .contact-header-wrap p {
        font-size: 20px;
    }
    .contact-header-border {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .press-header .contact-header-wrap {
        top: -70px;
    }
    .contact-header-img {
        height: 60vw;
    }
    .contact-header-wrap h2 {
        font-size: 60px;
    }
    .next-article-wrap {
        padding-right: 45px;
    }
    .news-grid {
        padding-left: 45px;
        padding-right: 45px;
        max-width: 100%;
    }
    .each-vision-info h2 {
        font-size: 22px;
    }
    .each-vision-info p {
        font-size: 19px;
        line-height: 1.2;
    }
    .each-vision {
           padding-top: 110%;
       }
    .vision-header-wrap {
        top: -80px;
    }
    .axes-par {
        font-size: 18px;
        letter-spacing: 0;
    }
    .hm-about-me {
        margin-bottom: 10em;
        margin-top: 6em;
    }
    .sk-grid {
        padding-left: 45px;
        padding-right: 45px;
    }
    .small-grid {
        padding-left: 45px;
        padding-right: 45px;
    }
    .position-img {
        padding-top: 145%;
    }
    .position-bg {
        height: 35vw;
    }
    .big-letters {
        font-size: 35px;
    }
    .our-target {
        margin-top: 5em;
    }
    .campaign-axes {
        margin-top: 7em;
        margin-bottom: 5em;
    }
    .axes-bg-img {
        height: 525px;
    }
    .each-axes-container::before {
        background: linear-gradient(to bottom, rgba(34, 51, 103,0.8) 20%,rgba(34, 51, 103,0.001) 100%);
        height: 240px;
    }
    .axes-title {
        font-size: 22px;
    }
    .campaign-axes-container .row-25 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .campaign-axes-container .col-25 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .hm-activity-title {
        font-size: 25px;
    }
    .hm-activity-content {
        font-size: 18px;
    }
    .my-principle-content {
        font-size: 22px;
    }
    .principles-wrap {
        margin-bottom: 10em;
    }
    .hm-activities {
        margin-bottom: 10em;
    }
    .about-me-wrap h2 {
        font-size: 40px;
    }
    .about-me-wrap p {
        font-size: 20px;
    }
    .about-me-info {
        padding-top: 4em;
        padding-left: 45px;
    }
    .about-me-img {
        height: 52vw;
    }
    .page-top-header h1 {
        font-size: 50px;
    }
    .my-positions-wrap {
        margin-top: 9em;
    }
    .first-position .position-number::before {
        top: -2px;
        bottom: -2px;
    }
    .project-makario-img {
        right: 0;
        bottom: 0;
        top: 150px;
    }
    .project-gesy-img {
        top: 150px;
        bottom: 0;
        left: 0;
    }
    .my-projects-wrap {
        margin-top: 6em;
    }
    .project-info p {
        max-width: 500px;
    }
    .bottom-visions {
        margin-top: 10em;
    }
    .each-contact-info a {
        font-size: 24px;
    }
    .contact-email {
        height: 24px;
    }
    .each-contact-info {
        font-size: 24px;
    }
    .each-contact-info:last-child {
        margin-bottom: 10px;
    }
    .contact-info {
        width: 480px;
    }
    .contact-socials h3 {
        font-size: 22px;
    }
    .contact-social-media {
        margin-top: 40px;
    }
    .each-contact-sm {
        width: 65px;
        margin-right: 12px;
    }
    .volunteer-left-side h3 {
        font-size: 30px;
    }
    .contact-form-btn .sk.button {
        font-size: 22px;
    }
}
@media only screen and (max-width: 1240px) {
    .vision-header-wrap {
        top: -150px;
    }
    .ask-wrap::before {
        right: -10px;
    }
    .contact-header-img::before {
        height: 110px;
    }
    .loader-button {
        padding: 18px;
        font-size: 18px;
    }
    .project-makario-img {
        right: -50px;
    }
    .project-gesy-img {
        left: -50px;
    }
    .position-header-info {
        margin-left: 0;
    }
    .our-visions .row-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .our-visions .col-20 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .more-about-vision {
        height: 430px;
    }
    .our-visions {
        margin-bottom: 10em;
    }
}
@media only screen and (max-width: 1216px) {
    .second-position-left-side .position-info {
        margin-top: -15em;
    }
    .volunteer-left-side h3 {
        font-size: 29px;
    }
}
@media only screen and (max-width: 1191px) {
    .ask-right-side h3 {
        font-size: 30px;
    }
    .first-position .position-number::before {
        top: 8px;
        bottom: 6px;
    }
    .first-position .position-number {
        padding-right: 12px;
    }
    .first-position-top-info {
        margin-left: 15px;
    }
    .more-about-vision {
        height: 450px;
    }
}
@media only screen and (max-width: 1173px) {
    .first-position .position-number {
        font-size: 65px;
        padding-right: 10px;
    }
    .first-position .position-title {
        font-size: 30px;
    }
    .first-position .position-heading {
        font-size: 19px;
    }
    .first-position-top-info {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 1155px) {
    .volunteer-left-side h3 {
        font-size: 28px;
    }
    .position-heading-resp {
        display: block;
        font-size: 20px;
        margin-top: 1px;
    }
    .first-position .position-heading {
        display: none;
    }
    .first-position-right-side {
        padding-left: 0;
    }
    .position-img {
        margin-left: -35px;
        margin-right: -33px;
    }
    .first-position-left-side {
        width: 100% !important;
    }
    .first-position-right-side {
        width: 100% !important;
    }
    .position-img {
        padding-top: 60%;
        margin-left: -45px;
        margin-right: -45px;
    }
    .second-position-left-side {
        width: 100% !important;
    }
    .second-position-right-side {
        display: none;
    }
    .second-position-left-side .position-info {
        margin-top: 0;
    }
    .position-bg {
        height: 50vw;
        margin-left: -45px;
        margin-right: -45px;
    }
    .learn-more-axes {
        padding: 20px 10px 20px 10px;
        font-size: 15px;
    }
    .my-positions-wrap {
        margin-top: 7em;
    }
    .position-header-info {
        margin-left: 0;
    }
    .first-position .position-number {
        font-size: 40px;
        padding-right: 10px;
    }
    .first-position-top-info {
        margin-left: 10px;
    }
    .first-position .position-title {
        font-size: 36px;
    }
    .first-position .position-number::before {
        top: 10px;
        bottom: 7px;
        border-right: 3px solid #47A3DB;
    }
    .position-heading-resp {
        font-size: 18px;
        margin-top: 7px;
    }
    .first-position-left-side {
        margin-bottom: 30px;
    }
    .position-border {
        margin-top: 5em;
        margin-bottom: 5em;
    }
    .second-position .position-number {
        font-size: 40px;
        padding-right: 12px;
    }
    .sec-position-info {
        display: none;
    }
    .sec-position-title {
        font-size: 36px;
    }
    .second-position .position-number::before {
        top: 10px;
        bottom: 7px;
        border-right: 3px solid white;
    }
    .second-position-top-info {
        margin-left: 15px;
    }
    .second-position .position-heading-resp {
        color: white;
        z-index: 1;
        position: relative;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .second-position-left-side .position-info {
        padding: 0;
    }
    .second-position-main-info {
        margin-top: 30px;
    }
    .project-info p {
        margin-top: 1em;
    }
    .project-info h3 {
        font-size: 40px;
    }
    .project-right-side {
        padding-left: 4em;
    }
    .contact-info {
        width: 480px;
        right: 45px;
    }
    .each-project-container {
        padding: 35px 35px 85px 35px;
    }
}
@media only screen and (max-width: 1100px) {
    .vision-header-wrap {
        top: -230px;
    }
    .volunteer-left-side h3 {
        font-size: 26px;
    }
    .ask-wrap::before {
        right: -20px;
    }
    .more-about-vision {
        height: 470px;
    }
    .contact-socials h3 {
        font-size: 20px;
    }
    .each-contact-sm {
        width: 60px;
        margin-right: 10px;
    }
    .each-contact-info a {
        font-size: 22px;
    }
    .each-contact-info {
        font-size: 22px;
    }
}
@media only screen and (max-width: 1040px) {
    .contact-right-side {
        padding-left: 6em;
        margin-top: 4em;
    }
    .contact-ask-questions {
        font-size: 28px;
    }
    .contact-hashtag {
        font-size: 32px;
    }
    .contact-quotes img {
        height: 70px;
    }
    .contact-header-img {
        height: 65vw;
    }
    .contact-info {
        width: 400px;
    }
    .each-contact-info {
        font-size: 21px;
    }
    .contact-email {
        height: 22px;
    }
    .contact-header-wrap h2 {
        font-size: 50px;
    }
    .contact-header-border {
        margin-top: 8px;
        margin-bottom: 18px;
    }
    .press-header .contact-header-wrap {
        top: -150px;
    }
    .contact-header-img::after {
        width: 75%;
    }
    .vision-header-wrap {
        top: -30px;
        position: relative;
    }
    .vision-header-img::before {
        height: 110px;
    }
    .page-header {
        margin-top: 6em;
    }
    .page-top-header h1 {
        font-size: 35px;
    }
    .page-header-title {
        font-size: 16px;
    }
    .my-principle-content {
        font-size: 20px;
    }
    .each-camp-axes {
        margin-bottom: 20px;
    }
    .campaign-axes-container {
        margin-top: 40px;
    }
    .learn-more-axes-resp {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: white;
        padding: 7px 10px;
    }
    .learn-more-axes-resp img {
        width: 10px;
    }
    .learn-more-axes {
        display: none;
    }
    .each-axes-container::after {
        display: none;
    }
    .axes-bg-img {
        height: 475px;
    }
    .campaign-axes {
        margin-bottom: 2em;
    }
    #hm-about-text {
        font-size: 28px;
    }
    .hm-about-me {
        margin-top: 5em;
        margin-bottom: 8em;
    }
    .hm-activities-container p {
        font-size: 28px;
    }
    .hm-activities-container {
        margin-top: 3em;
    }
    .hm-diff-activities .row-25 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .hm-diff-activities .col-25 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-me-wrap h2 {
        font-size: 32px;
    }
    .about-me-wrap h6 {
        font-size: 16px;
    }
    .about-me-wrap p {
        font-size: 18px;
    }
    .about-me-border {
        margin-top: 20px;
        margin-bottom: 18px;
    }
    .about-me-img {
        height: 55vw;
    }
    .page-top-header h1 {
        font-size: 45px;
    }
    .my-positions-wrap {
        margin-top: 4em;
    }
    .page-top-header h1 {
        font-size: 40px;
    }
    .project-info p {
        max-width: 100%;
    }
    .project-right-side {
        padding-left: 0;
    }
    .project-info {
        left: 30px;
    }
    .project-info p {
        max-width: 100%;
    }
    .project-makario-img {
        position: relative;
        top: -50px;
        text-align: right;
    }
    .project-gesy-img {
        position: relative;
        top: -50px;
        left: -50px;
    }
    .project-info {
        top: 40px;
    }
    .project-gesy-img img {
        height: 470px;
    }
}
/*Apo autes tis diastasis kai kato arxizi to phone menu*/
@media only screen and (max-width: 1024px) {
    .volunteer-left-side h3 {
        margin-top: 25px;
    }
    .volunteer-left-side p br {
        display: none;
    }
    .ethelontis-wrap::before {
        display: none;
    }
    .volunteer-right-side {
        padding-left: 0;
        padding-top: 1em;
        border-top: 2px solid rgba(34,51,103,0.3);
        margin-top: 2em;
    }
    .ask-wrap::before {
        display: none;
    }
    .ask-michali-right {
        padding-left: 0;
        padding-top: 1em;
        border-top: 2px solid rgba(34,51,103,0.3);
        margin-top: 3em;
    }
    .ask-right-side h3 {
        margin-top: 35px;
    }
    .ask-michalis {
        padding-top: 2.5em;
        padding-bottom: 1.5em;
    }
    .contact-form-btn .sk.button {
        font-size: 22px;
    }
    body.header-absolute header::before {
        height: 200px;
    }
    .bottom-visions {
        margin-top: 3em;
    }
    .about-me-img {
        height: 60vw;
    }
    .vision-header-img::after {
        right: 0;
        width: 100%;
        background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 100%);
        top: auto;
        height: 150px;
    }
    .contact-header-info {
        padding-left: 45px;
        padding-right: 45px;
    }
    .vision-header .page-top-header h1 {
        font-size: 35px;
    }
    .page-header-border {
        border-bottom: 4px solid #47A3DB;
        width: 100px;
        margin-top: 10px;
    }
    .vision-header-par {
        font-size: 20px;
        border-bottom: 2px solid rgba(43,52,132,0.2);
        padding-bottom: 40px;
        max-width: 100%;
    }
    /*All*/
    :root {
        --grid: 50px;
        --min-grid: -50px;
    }
    .side-right-bar {
        width: 50px;
        font-size: 20px;
    }
    .side-right-bar-link {
        padding: 30px 10px;
    }
    .side-right-bar-text {
        left: 26px;
    }
    /*Header*/
    .header-border {
        padding: 15px 0;
    }
    header .logo img {
        height: 42px;
    }
    .header-right {
        display: none;
    }
    .hm-logos {
        display: inline-block;
    }
    .hm-logos img {
        padding-right: 15px;
        height: 42px;
    }
    /*Megamenu*/
    .megamenu-toggle {
        display: -ms-flexbox;
        display: flex;
    }
    body.opened-megamenu .megamenu {
        opacity: 1;
        pointer-events: all;
    }
    /*Footer*/
    .footer-left-side {
        padding-right: var(--grid);
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        overflow: hidden;
    }
    .footer-right-side {
        padding-left: var(--grid);
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .bottom-footer {
        display: none;
    }
    .bottom-footer-mobile {
        display: block;
    }
    .footer-right-side .check-img {
        max-width: 220px;
    }
    .f-volunteer-border {
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .become-volunteer .f-volunteer-border::after {
        right: 0;
    }
    .footer-newsletter .f-volunteer-border::after {
        left: 0;
    }
    .footer-column h4 {
        margin: 0 0 5px;
    }
    .footer-column p {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    .top-footer {
        padding-top: 30px;
    }
    .big-letters {
        font-size: 30px;
    }
    .our-target {
        margin-top: 3em;
    }
    .campaign-axes {
        margin-top: 6em;
    }
    .target-sign img {
        width: 415px;
    }
    .target-sign {
        margin-top: 40px;
    }
    .deskt-img {
        display: none;
    }
    .resp-img-jobs {
        display: block;
    }
    .project-covid-img img {
        height: 500px;
    }
    .project-covid-img {
        position: relative;
        top: -85px;
        right: 0;
        text-align: right;
        z-index: 1;
    }
    .each-project {
        margin-bottom: 0;
    }
    .project-info h6 {
        margin-bottom: 2em;
    }
    .project-info {
        padding: 0;
    }
    .each-project-border::before {
        width: 40px;
        left: -40px;
    }
    .project-gesy-img {
        z-index: 1;
    }
    .project-makario-img {
        z-index: 1;
    }
    .my-projects {
        margin-bottom: 10em;
    }
    .each-vision {
        padding-top: 100%;
        margin-bottom: 20px;
    }
    .more-about-vision {
        padding-top: 10px;
        padding-bottom: 50px;
        height: auto;
        border-top: none;
    }
    .more-about-vision h4 {
        max-width: 100%;
        font-size: 25px;
    }
    .more-about-vision p {
        max-width: 100%;
    }
}
@media only screen and (max-width: 950px) {
    .press-header .contact-header-wrap {
        top: -200px;
    }
    .big-letters br {
        display: none;
    }
    .my-principle-content {
        font-size: 20px;
        line-height: 1.2;
    }
    .contact-socials h3 {
        max-width: 400px;
    }
}
@media only screen and (max-width: 900px) {
    .contact-middle {
        margin-top: 0;
    }
    .contact-info {
        position: relative;
        top: -50px;
        width: 100%;
        right: 0;
        left: 0;
        padding: 30px 0;
    }
    .contact-icon img {
        width: 65px;
        height: 65px;
    }
    .each-contact-info {
        margin-bottom: 60px;
    }
    .contact-socials h3 {
        max-width: 100%;
    }
    .each-contact-info:last-child {
        margin-bottom: 0;
    }
    .contact-social-media {
        margin-top: 20px;
    }
    .each-contact-sm {
        width: 55px;
        margin-right: 5px;
    }
    .contact-middle {
        margin-bottom: 4em;
    }
    .contact-bottom {
        padding-top: 2em;
        padding-bottom: 4em;
    }
    .contact-right-side {
        margin-top: 2em;
    }
}
@media only screen and (max-width: 850px) {
    .about-me-wrap p {
        font-size: 17px;
        line-height: 1.4;
    }
    .contact-header .contact-header-wrap {
        top: -50px;
    }
    .contact-header-img {
        height: 66vw;
    }
}
@media only screen and (max-width: 795px) {
    .contact-header .contact-header-wrap {
        top: -80px;
    }
}
@media only screen and (max-width: 768px) {
    .vision-header-img::before {
        height: 90px;
    }
    .vision-header-img {
        height: 65vw;
    }
    .volunteer {
        padding-bottom: 2em;
        margin-bottom: 5em;
    }
    .contact-header .contact-header-wrap {
        top: -150px;
    }
    /*All*/
    :root {
        --grid: 30px;
        --min-grid: -30px;
        --font-size: 14px
    }
    /*Header*/
    .logo {
        text-align: center;
        margin: 0 auto;
    }
    /*Footer*/
    .footer-logo img {
        height: 50px;
    }
    .become-volunteer {
        max-width: 275px;
    }
    .homepage-slider-over h2 {
        font-size: 30px;
    }
    .homepage-slider-over .sk-grid {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .sk-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .small-grid {
        padding-left: 25px;
        padding-right: 25px;
    }
    .homepage-slider-over h2 {
        padding-bottom: 5px;
    }
    .hm-logos {
        display: none;
    }
    .big-letters {
        font-size: 24px;
        line-height: 1.6;
    }
    .our-target {
        margin-top: 10px;
        margin-bottom: 0em;
    }
    .target-sign img {
        width: 365px;
    }
    .campaign-axes {
        margin-top: 4em;
    }
    .campaign-axes-container {
        margin-top: 30px;
    }
    .axes-title {
        font-size: 18px;
        margin-top: 7px;
    }
    .axes-par {
        font-size: 16px;
    }
    .axes-number {
        font-size: 16px;
    }
    .top-camp-axes-info {
        top: 10px;
        left: 10px;
        right: 10px;
    }
    .axes-border {
        border-bottom: 2px solid white;
        width: 20px;
    }
    .axes-border::before {
        border-bottom: 2px solid white;
    }
    .axes-bg-img {
        height: 425px;
    }
    #hm-about-text {
        font-size: 22px;
        margin-top: 1em;
        line-height: 1.6;
    }
    .hm-activities-container p {
        font-size: 22px;
    }
    .hm-activities-container {
        margin-top: 2em;
        margin-bottom: 3em;
    }
    .hm-activities {
        padding-top: 4em;
        padding-bottom: 10px;
        margin-bottom: 7em;
    }
    .hm-activities .page-heading::after {
        display: block;
    }
    .hm-activity-title {
        font-size: 22px;
        margin-top: 10px;
    }
    .hm-activity-border {
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .hm-activity-content {
        font-size: 16px;
    }
    .hm-each-activity {
        margin-bottom: 40px;
    }
    .each-princ-container {
        height: 165px;
        margin-bottom: 1em;
        border-top: none;
    }
    .my-principle-content {
        font-size: 18px;
    }
    .first-principle {
        height: 165px;
        margin-bottom: 1em;
    }
    .principles-wrap {
        margin-bottom: 6em;
    }
    .my-principle-number {
        position: relative;
        top: 0;
    }
    .about-me-info {
        padding-top: 6em;
        margin-right: 25px;
        padding-left: 25px;
    }
    .about-me-img {
        margin-top: 2em;
        height: 70vw;
    }
    .about-me-wrap {
        margin-right: 0;
    }
    .about-me-img::before {
        height: 100px;
    }
    .page-header {
        margin-top: 4em;
    }
    .page-top-header h1 {
        font-size: 35px;
    }
    .first-position .position-number {
        font-size: 35px;
    }
    .first-position-top-info {
        margin-left: 12px;
    }
    .first-position .position-title {
        font-size: 30px;
    }
    .position-heading-resp {
        font-size: 17px;
    }
    .position-info p {
        font-size: 16px;
    }
    .position-info ul li {
        font-size: 17px;
    }
    .position-border {
        display: none;
    }
    .each-position {
        margin-bottom: 60px;
    }
    .position-bg-container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .second-position .position-heading-resp {
        padding-left: 45px;
        padding-right: 45px;
    }
    .sec-position-title {
        font-size: 30px;
    }
    .second-position .position-number {
        font-size: 32px;
    }
    .second-position-top-info {
        margin-left: 12px;
    }
    .second-position .position-bg {
        height: 60vw;
    }
    .our-target .sk-grid {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-letters span::before {
        bottom: 5px;
        height: 0.17em;
    }
    .hm-about-me {
        margin-top: 4em;
        margin-bottom: 7em;
    }
    .web-btns a {
        font-size: 16px;
        padding: 12px 22px;
        letter-spacing: 1px;
    }
    .hm-about-me .web-btns {
        margin-top: 3em;
    }
    .about-me-wrap p {
        line-height: 1.5;
    }
    .about-me-border {
        border-bottom: 2px solid var(--secondary);
    }
    .about-me-border::before {
        border-bottom: 2px solid var(--secondary);
    }
    .about-me-border {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .each-project-border {
        border-bottom: 3px solid white;
        width: 50px;
        margin-top: 12px;
        margin-bottom: 15px;
    }
    .each-project-border::before {
        border-bottom: 3px solid white;
    }
    .each-project-container {
        padding: 25px 25px 85px 25px;
    }
    .project-info h3 {
        font-size: 35px;
    }
    .project-info h6 {
        font-size: 20px;
    }
    .project-info p {
        font-size: 17px;
        line-height: 1.5;
    }
    .project-covid-img {
        top: -55px;
    }
    .my-projects {
        margin-bottom: 5em;
    }
    .vision-header .page-top-header h1 {
        font-size: 30px;
    }
    .vision-header .page-header-border {
        border-bottom: 3px solid #47A3DB;
        width: 90px;
        margin-top: 8px;
    }
    .vision-header .page-header-border::before {
        border-bottom: 3px solid #47A3DB;
    }
    .vision-header-par {
        font-size: 18px;
        margin-top: 20px;
    }
    .contact-header-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    .our-visions .sk-grid {
        padding: 0;
    }
    .our-visions .page-heading {
        padding-left: 15px;
    }
    .our-visions {
        margin-bottom: 7em;
        margin-top: 5em;
    }
    .bottom-visions {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bottom-visions {
        margin-top: 0;
    }
    .more-about-vision h4 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .more-about-vision p {
        margin-top: 10px;
    }
    .loader-button {
        padding: 14px;
    }
    #ajaxLoader {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .back-to-result-page a {
        font-size: 15px;
    }
    .news-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .next-article-wrap {
        padding-right: 15px;
    }
    .contact-header-wrap h2 {
        font-size: 35px;
    }
    .contact-header-wrap p {
        font-size: 18px;
        max-width: 320px;
    }
    .contact-header-border {
        border-bottom: 3px solid var(--secondary);
        width: 85px;
        margin-top: 7px;
        margin-bottom: 14px;
    }
    .contact-header-border::before {
        border-bottom: 3px solid var(--secondary);
    }
    .contact-header-img::after {
        width: 45%;
    }
    .press-header .contact-header-wrap {
        top: -250px;
    }
    .contact-header-img {
        height: 70vw;
    }
    body.header-absolute header::before {
        height: 110px;
    }
    .contact-form-title {
        font-size: 20px;
        margin-bottom: 1em;
    }
    .contact-form-btn .sk.button {
        font-size: 20px;
    }
    .contact-right-side {
        margin-top: 1em;
        padding-left: 0;
    }
    .contact-ask-questions {
        font-size: 26px;
        padding-top: 10px;
    }
    .contact-hashtag {
        font-size: 28px;
        padding-bottom: 0;
    }
    .right-quote {
        margin-top: -60px;
    }
    .contact-form-btn .sk.button {
        margin: auto;
        display: block;
        width: 100%;
        padding: 15px;
    }
    .forms-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ask-hashtag {
        font-size: 32px;
    }
    .ask-right-side h3 {
        margin-top: 30px;
        line-height: 1.3;
        font-size: 29px;
    }
    .ask-michali-right {
        padding-top: 5px;
        margin-top: 2em;
    }
    .ask-right-side h3 br {
        display: none;
    }
    .ask-right-side p br {
        display: none;
    }
}
@media only screen and (max-width: 700px) {
    .contact-header .contact-header-wrap {
        top: -200px;
    }
}
@media only screen and (max-width: 650px) {
    .contact-header .contact-header-wrap {
        top: -240px;
    }
}
@media only screen and (max-width: 600px) {
    .contact-header-img {
        height: 75vw;
    }
}
@media only screen and (max-width: 576px) {
    .vision-header-img::after {
        height: 110px;
    }
    .press-header .contact-header-wrap {
        top: -400px;
    }
    .contact-header-img {
        height: 80vw;
    }
    .new-title-result {
        font-size: 18px;
    }
    .about-me-wrap p {
        font-size: 16px;
    }
    .about-me-img::before {
        height: 80px;
    }
    .page-top-header h1 {
        font-size: 30px;
        margin-top: 5px;
    }
    .page-header-border {
        width: 90px;
        margin-top: 12px;
        margin-bottom: 15px;
    }
    /*All*/
    :root {
        --grid: 15px;
        --min-grid: -15px;
    }
    .side-right-bar {
        width: 42px;
        font-size: 14px;
    }
    .side-right-bar-link {
        padding: 15px 5px;
    }
    .side-right-bar-text {
        left: 25px;
    }
    /*Header*/
    .header-languages {
        font-size: 11px;
    }
    .header-languages-toggle {
        width: 42px;
        height: 18px;
    }

    /*Megamenu*/
    .megamenu-toggle {
        width: 42px;
        height: 42px;
        top: 18px;
    }
    .megamenu-toggle .icon {
        width: 27px;
        height: 8px;
    }
    .megamenu-toggle .icon .top {
        top: -8px;
    }
    .megamenu-toggle .icon .bottom {
        top: 10px;
    }
    /*Footer*/
    .footer-logo img {
        height: 70px;
    }
    .footer-left-left,
    .footer-left-right {
        width: 100%;
    }
    .footer-left-right {
        margin-top: 15px;
    }
    .f-volunteer-border {
        padding-bottom: 0;
    }
    .become-volunteer {
        max-width: none;
        margin-bottom: 0;
    }
    .footer-socialmedia {
        margin-top: 30px;
        border-bottom: 1px solid;
        padding-bottom: 25px;
    }
    .footer-column h6 {
        font-size: 12px;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .footer-column p {
        font-size: 20px;
        margin-bottom: 13px;
        margin-top: 13px;
    }
    .footer-right-side .check-img {
        display: none;
    }
    .bottom-footer-mobile {
        font-size: 12px;
        padding-top: 20px;
    }
    .bottom-footer-mobile .flex-wrap-between {
        display: block;
    }
    .footer-mobile-sk {
        margin-top: 5px;
        text-align: right;
        padding-top: 5px;
        border-top: 1px solid;
    }
    .footer-toggle {
        padding-right: 30px;
        cursor: pointer;
        padding-bottom: 10px;
    }
    .footer-toggle:after {
        content: "+";
        position: absolute;
        top: 0;
        right: 0;
        font-size: 30px;
    }
    .footer-column.active .footer-toggle:after {
        content: "-";
    }
    .footer-column:not(.active) .footer-dropdown {
        display: none;
    }
    .big-letters {
        font-size: 22px;
    }
    #hm-about-text {
        font-size: 20px;
    }
    .second-position .position-bg {
        height: 80vw;
    }
    .big-letters span::before {
        bottom: 4px;
    }
    .f-volunteer-border::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0px;
        border-bottom: 6px solid white;
        width: 85px;
    }
    .footer-toggle {
        border-bottom: 1px solid white;
    }
}
@media only screen and (max-width: 550px) {
    .contact-header-img {
        height: 90vw;
    }
    .contact-header .contact-header-wrap {
        top: -180px;
    }
    .contact-form-title {
        font-size: 18px;
    }
    .sk.form .field label.checkbox {
        font-size: 15px;
    }
    .checkbox i {
        width: 14px;
        height: 14px;
        margin-right: 8px;
    }
    .contact-quotes img {
        height: 60px;
    }
    .contact-hashtag {
        font-size: 26px;
    }
}
@media only screen and (max-width: 500px) {
    .vision-header-img {
        height: 75vw;
    }
    .contact-header .contact-header-wrap {
        top: -240px;
    }
    .contact-header-img {
        height: 90vw;
    }
    .contact-header-wrap h2 {
        font-size: 30px;
    }
    .contact-header-wrap p {
        font-size: 17px;
    }
    .contact-header-img::after {
        width: 60%;
    }
    .big-letters {
        font-size: 22px;
    }
    .my-projects-wrap {
        margin-top: 5em;
    }
    .each-project-container {
        padding: 15px 15px 85px 15px;
    }
    .project-info h3 {
        font-size: 27px;
    }
    .project-info h6 {
        font-size: 18px;
        font-weight: 500;
    }
    .project-info p {
        font-size: 16px;
    }
    .each-contact-info a {
        font-size: 20px;
    }
    .each-contact-info {
        font-size: 20px;
    }
    .contact-email {
        height: 21px;
    }
    .each-contact-info {
        margin-bottom: 50px;
    }
    .contact-socials h3 {
        font-size: 18px;
    }
    .contact-social-media {
        margin-top: 13px;
    }
    .each-contact-sm {
        width: 45px;
    }
}
@media only screen and (max-width: 450px) {
    .contact-header .contact-header-wrap {
        top: -320px;
    }
    .campaign-axes-container .phone-50 {
        width: 100%;
    }
    .page-heading::after {
        display: none;
    }
    .footer-column p {
        font-size: 19px;
    }
    .page-heading::after {
        display: block;
    }
    .loader-button {
        font-size: 16px;
    }
}
@media only screen and (max-width: 414px) {
    .about-me-img {
        height: 80vw;
    }
    .about-me-img::before {
        height: 40px;
    }
    .contact-header-img {
        height: 100vw;
    }
}
@media only screen and (max-width: 375px) {
    .vision-header-img {
        height: 85vw;
    }
    .contact-header .contact-header-wrap {
        top: -350px;
    }
    .contact-header-wrap h2 {
        font-size: 27px;
    }
    .contact-header-border {
        width: 65px;
        margin-top: 5px;
        margin-bottom: 11px;
    }
}
@media only screen and (max-width: 360px) {
    .contact-header .contact-header-wrap {
        top: -370px;
    }
    .checkbox i {
        margin-right: 6px;
    }
    .sk.form .field label.checkbox {
        font-size: 14px;
    }
}
@media only screen and (max-width: 350px) {
    .contact-header .contact-header-wrap {
        top: -380px;
    }
    .contact-info {
        top: -40px;
    }
}
@media only screen and (max-width: 325px) {
    .contact-info {
        top: -35px;
    }
}