.pdfp_wrapper .pdf{position:relative}.pdfp_wrapper .iframe_wrapper,.pdfp_wrapper .iframe_wrapper iframe{width:100%}.pdfp_wrapper .iframe_wrapper:fullscreen .close{display:block}.pdfp-adobe-viewer{border:1px solid #ddd;border-radius:3px;cursor:pointer;outline:none;text-decoration:none}.pdfp_download{margin-right:15px}.cta_wrapper{margin-bottom:10px}.cta_wrapper a{text-decoration:none}.pdfp_wrapper p{margin:10px 0;text-align:center}.popout-disabled{height:50px;position:absolute;right:12px;top:12px;width:50px}iframe{max-width:100%}.ViewSDK_hideOverflow[data-align=center]{margin-left:auto;margin-right:auto}.ViewSDK_hideOverflow[data-align=left]{margin-right:auto}.ViewSDK_hideOverflow[data-align=right]{margin-left:auto}@media screen and (max-width:768px){.pdfp_wrapper iframe{height:calc(100vw + 120px)}}@media screen and (max-width:576px){.cta_wrapper .pdfp_download{margin-bottom:10px;margin-right:0}.cta_wrapper .pdfp_download button{margin-right:0!important}.cta_wrapper{align-items:center;display:flex;flex-direction:column}}html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//www.icu-ng.org/icu-ng/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//www.icu-ng.org/icu-ng/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input { outline: 0; } @font-face {
font-family: 'SourceCodePro';
src: url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/SourceCodePro/SourceCodePro-Medium.woff2) format('woff2'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/SourceCodePro/SourceCodePro-Medium.woff) format('woff'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/SourceCodePro/SourceCodePro-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Exo2';
src: url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Regular.woff2) format('woff2'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Regular.woff) format('woff'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Exo2';
src: url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Medium.woff2) format('woff2'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Medium.woff) format('woff'),
url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/fonts/Exo2/Exo2-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
} * {
text-decoration: none !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
min-height: 100%;
background: #fff;
height: 100%;
}
body {
font-family: Exo2, sans-serif;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
color: #212b36;
}
button {
background: transparent;
border: none;
}
button:focus { outline: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5rem;
}
h1 {
font-family: SourceCodePro, monospace;
font-size: 40px;
font-weight: 500;
line-height: 1.45;
color: #a83c92;
}
h2 {
font-family: SourceCodePro, monospace;
font-size: 35px;
font-weight: 500;
line-height: 1.37;
color: #3b059b;
}
h3 {
font-family: Exo2, sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 1.6;
color: #000000;
}
h3.type-2 {
font-family: Exo2, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.3;
color: #000000;
}
h3.type-3 {
font-family: SourceCodePro, monospace;
font-size: 26px;
font-weight: 500;
line-height: 1.85;
text-align: center;
}
a { color: #3b059b; }
a:hover { color: #a83c92; } .icon {
display: inline-block;
fill: #a6b2c4;
}
.icon.selected { fill: #002257; }
.icon.hover { fill: #0057dd; }
.icons--placeholder { width: 58px; height: 70px; }
.icons--search { width: 24px; height: 24px; }
.icons--close { width: 24px; height: 24px; padding: 3px; }
.icons--arrow-down { width: 16px; height: 16px; padding: 3px 3px 5px; }
.icons--top { width: 1032px; height: 747px; }
.icons--circles-thin { width: 681px; height: 681px; }
.icons--bg-01 { width: 399px; height: 440px; }
.icons--bg-02 { width: 400px; height: 440px; }
.icons--bg-03 { width: 400px; height: 440px; }
.icons--center { width: 80px; height: 80px; }
.icons--cooperation { width: 80px; height: 80px; }
.icons--gov { width: 80px; height: 80px; }
.icons--hand { width: 463px; height: 207px; }
.icons--circles { width: 563px; height: 369px; } .wrapper {
max-width: 1366px;
width: 100%;
margin: 0 auto;
height: 100%;
justify-content: space-between;
display: flex;
flex-direction: column;
padding-top: 63px;
} .wrapper > .container > .content section {
min-height: 200px;
padding: 72px 100px 0;
position: relative;
overflow: hidden;
}
.wrapper > .container > .content section > * {
z-index: 1;
position: relative;
} .wrapper > .container > .content section.type-1 h1 { max-width: 552px; }
.wrapper > .container > .content section.type-1 h2 {
margin-top: 350px;
text-align: center;
z-index: 2;
}
.wrapper > .container > .content section.type-1 h3.description {
max-width: 458px;
margin-top: 10px;
width: 40%;
}
.wrapper > .container > .content section.type-1 .container {
display: flex;
justify-content: space-between;
margin-top: 23px;
}
.wrapper > .container > .content section.type-1 .container .quote {
max-width: 458px;
width: 40%;
flex-shrink: 0;
margin-right: 40px;
position: relative;
}
.wrapper > .container > .content section.type-1 .container .quote .bg {
position: absolute;
z-index: -1;
left: -15px;
top: -145px;
}
.wrapper > .container > .content section.type-1 .container .quote .bg:after {
content: "\201C";
font-family: SourceCodePro, monospace;
font-size: 300px;
font-weight: normal;
line-height: normal;
color: #f9f9fd;
}
.wrapper > .container > .content section.type-1 .container .info {
padding-top: 8px;
}
.wrapper > .container > .content section.type-1 .btn-center-row { margin-top: 58px; }
.wrapper > .container > .content section.type-1 .bg {
position: absolute;
top: -30px;
right: 35px;
width: 100%;
max-width: 1032px;
z-index: 0;
}
.wrapper > .container > .content section.type-1 .bg svg { width: 100%; } .wrapper > .container > .content section.type-2 h2 {
margin-top: 0px;
text-align: center;
z-index: 2;
}
.wrapper > .container > .content section.type-2 .container {
display: flex;
justify-content: center;
margin-top: 23px;
position: relative;
}
.wrapper > .container > .content section.type-2 .container .items-list {
display: flex;
flex-direction: column;
max-width: 830px;
position: relative;
}
.wrapper > .container > .content section.type-2 .container .items-list .bg {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
max-width: 681px;
z-index: -1;
}
.wrapper > .container > .content section.type-2 .container .items-list .bg svg { width: 100%; }
.wrapper > .container > .content section.type-2 .container .items-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 72px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.wrapper > .container > .content section.type-2 .container .items-list .item .ico {
width: 140px;
height: 140px;
border-radius: 70px;
box-shadow: 0 0px 5px 20px rgba(116, 124, 249, 0.01);
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 100px;
flex-shrink: 0;
position: relative;
}
@media screen and (max-width: 768px) {
.wrapper > .container > .content section.type-2 .container .items-list .item h3 {
text-align: center;
}
}
.wrapper > .container > .content section.type-2 .container .items-list .item .ico:after {
content: "";
width: 180px;
height: 180px;
position: absolute;
top: -20px;
left: -20px;
background: linear-gradient(to top, #F0F0FE, #F9F9FF);
border-radius: 90px;
z-index: -1;
}
@media screen and (max-width: 768px) {
.wrapper > .container > .content section.type-2 .container .items-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 72px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.wrapper > .container > .content section.type-2 .container .items-list .item .ico {
width: 140px;
height: 140px;
border-radius: 70px; background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0px;
margin-bottom: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
}
.wrapper > .container > .content section.type-2 .btn-center-row { margin-top: 58px; } .wrapper > .container > .content section.type-3 {
background-image: linear-gradient(to top, #F0F2FF, #fff);
padding-bottom: 82px;
}
.wrapper > .container > .content section.type-3 h2 {
margin-top: 0px;
text-align: center;
z-index: 2;
}
.wrapper > .container > .content section.type-3 .container {
display: flex;
justify-content: center;
margin-top: 23px;
position: relative;
}
.wrapper > .container > .content section.type-3 .container .items-list {
display: flex;
flex-direction: row;
position: relative;
justify-content: space-between;
}
.wrapper > .container > .content section.type-3 .container .items-list .item {
display: flex;
justify-content: flex-start;
margin-top: 50px;
align-items: center;
flex-direction: column;
position: relative;
max-width: 360px;
min-height: 400px;
margin-right: 40px;
background: #fff;
padding: 0 30px 30px;
flex-shrink: 0;
width: calc(33% - 27px);
box-shadow: 0 5px 20px 0 rgba(130, 136, 255, 0.16);
}
.wrapper > .container > .content section.type-3 .container .items-list .item:last-child {
margin-right: 0;
}
.wrapper > .container > .content section.type-3 .container .items-list .item .bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.wrapper > .container > .content section.type-3 .container .items-list .item .bg svg {
width: 110%;
height: 110%;
}
.wrapper > .container > .content section.type-3 .container .items-list .item h3 {
z-index: 1;
position: relative;
margin-top: 60px;
}
.wrapper > .container > .content section.type-3 .container .items-list .item .info {
z-index: 1;
position: relative;
margin-top: 7px;
text-align: center;
}
.wrapper > .container > .content section.type-3 .btn-center-row { margin-top: 58px; } .wrapper > .container > .content section.type-4 {
padding-bottom: 80px;
padding-left: 20px;
}
.wrapper > .container > .content section.type-4 .container {
display: flex;
justify-content: space-between;
}
.wrapper > .container > .content section.type-4 .container .left-part {
margin-right: 20px;
position: relative;
max-width: 463px;
width: 40%;
flex-shrink: 0;
}
.wrapper > .container > .content section.type-4 .container .left-part .bg {
position: absolute;
left: -10px;
top: -20px;
width: 100%;
display: flex;
align-items: flex-start;
}
.wrapper > .container > .content section.type-4 .container .left-part .bg svg {
width: 100%;
}
.wrapper > .container > .content section.type-4 .container .right-part {
flex-shrink: 0;
width: 60%;
}
.wrapper > .container > .content section.type-4 .container .right-part h3 {
margin-top: 32px;
text-align: left;
}
.wrapper > .container > .content section.type-4 .container .right-part .info {
margin-top: 32px;
} .info ul, .entry-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.info ul li, .entry-content ul li {
padding-bottom: 10px;
line-height: 1.6;
position: relative;
padding-left: 20px;
list-style: none;
}
.info ul li:before, .entry-content ul li:before {
content: "—";
position: absolute;
left: 0;
color: #73758b;
} .type-3 > .container > .items-list > .item > .info ul li {
padding-left: 20px;
}  .wrapper > .container > .content section.type-5 {
padding-bottom: 80px;
padding-left: 0;
}
.wrapper > .container > .content section.type-5 section { padding: 0; }
.wrapper > .container > .content section.type-5 .container {
display: flex;
justify-content: space-between;
}
.wrapper > .container > .content section.type-5 .container .left-part {
margin-right: 20px;
position: relative;
width: 360px;
flex-shrink: 0;
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side {
position: fixed;
top: 151px;
left: 100px;
width: 360px;
background: #fff;
box-shadow: 0 5px 20px 0 rgba(130, 136, 255, 0.16);
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side ul li {
padding: 25px 36px;
border-left: 4px solid transparent;
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side ul li:hover a {
color: #000;
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side ul li.active {
border-left: 4px solid #a83c92;
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side ul li.active a {
color: #000;
}
.wrapper > .container > .content section.type-5 .container .left-part .left-side ul li a {
font-family: Exo2, sans-serif;
font-size: 20px;
line-height: 1.6;
color: #3b059b;
}
.wrapper > .container > .content section.type-5 .container .right-part {
flex-shrink: 0;
width: calc(100% - 495px);
} .right-part.more-1024 { display: block; }
.right-part.less-1024 { display: none; }
.wrapper > .container > .content section.type-5 .container .right-part h3 { margin-top: 32px; }
.wrapper > .container > .content section.type-5 .container .right-part .info { margin-top: 32px; } .wrapper > .container > .content section.type-5 .container .right-part section {
padding: 0;
min-height: auto;
}
.wrapper > .container > .content section.type-5 .bg {
position: fixed;
top: -20px;
left: calc(50% - 700px);
width: 100%;
max-width: 1032px;
z-index: 0;
} .accordion-group { padding: 1rem 0;}
.accordion-group__accordion { margin: 0 0 0.25rem 0; }
.accordion-group__accordion-heading { margin: 0; }
.accordion-group__accordion-btn {
background-color: #e2e2e2;
border-color: #ccc;
border-radius: 0.3rem;
border-style: solid;
border-width: 0.05rem;
display: block;
font-size: 1rem;
padding: 0.5rem 1rem;
color: #000;
text-align: left;
width: 100%;
cursor: pointer;
font-family: Exo2, sans-serif;
}
.accordion-group__accordion-btn:focus {
background-color: #bbc8d2;
border-color: #577b80;
}
.accordion-group__accordion-panel {
border-color: #ccc;
border-radius: 0 0 0.3rem 0.3rem;
border-style: solid;
border-width: 0 0.05rem 0.05rem 0.05rem;
padding: 0.5rem 1rem;
}
.accordion-group__accordion-btn_expanded {
background-color: #bbc8d2;
border-color: #ccc;
} .wrapper > .container > .content section.type-6 {
padding-bottom: 80px;
padding-left: 0;
}
.wrapper > .container > .content section.type-6 .container {
display: flex;
justify-content: space-between;
}
.wrapper > .container > .content section.type-6 .container .left-part {
margin-right: 20px;
position: relative;
max-width: 463px;
width: 40%;
flex-shrink: 0;
}
.wrapper > .container > .content section.type-6 .container .left-part .bg {
position: absolute;
left: -10px;
top: -20px;
width: 100%;
display: flex;
align-items: flex-start;
}
.wrapper > .container > .content section.type-6 .container .left-part .bg svg { width: 100%; }
.wrapper > .container > .content section.type-6 .container .right-part {
flex-shrink: 0;
width: 60%;
}
.wrapper > .container > .content section.type-6 .container .right-part h3 { margin-top: 32px; }
.wrapper > .container > .content section.type-6 .container .right-part .info { margin-top: 32px; }
.wrapper > .container > .content section.type-6 .container .right-part .info > .item {
display: flex;
}
.wrapper > .container > .content section.type-6 .container .right-part .info > .item div {
font-family: Exo2, sans-serif;
font-size: 20px;
line-height: 2;
color: #3b059b;
}
.wrapper > .container > .content section.type-6 .container .right-part .info > .item div:first-child {
color: #212b36;
}
.wrapper > .container > .content section.type-6 .container .right-part .info > .item div:last-child {
margin-left: 6px;
} nav.navbar {
display: flex;
height: 63px;
justify-content: center;
border-bottom: 1px solid #eeeff5;
padding: 0 100px;
max-width: 1366px;
width: 100%;
position: fixed;
top: 0;
background: #fff;
z-index: 11;
flex-shrink: 0;
}
nav.navbar .container {
width: 100%;
display: flex;
}
nav.navbar .container > .toggle-search { display: none; }
nav.navbar .container > .toggle-menu {
width: 20px;
height: 14px;
padding: 0px;
border-top: 2px solid #c6c7d8;
border-bottom: 2px solid #c6c7d8;
border-left: none;
border-right: none;
position: relative;
background: none;
border-radius: 1px;
margin-top: 22px;
display: none;
}
nav.navbar .container > .toggle-menu:after {
content: "";
width: 100%;
height: 2px;
background: #c6c7d8;
top: 4px;
position: absolute;
left: 0;
}
nav.navbar .container > .toggle-menu:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
nav.navbar .container > .toggle-menu:hover:after { background: #000; }
nav.navbar .container .navbar-brand.logo {
margin-top: 8px;
margin-right: 150px;
background: url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/img/images/logo.png) no-repeat;
width: 62px;
height: 70px;
background-size: contain;
flex-shrink: 0;
}
nav.navbar .container .navbar-brand.logo .icons--placeholder {
fill: #3b059b;
display: none;
}
nav.navbar .container .wrap-links {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
nav.navbar .container .wrap-links > .toggle-menu { display: none; }
nav.navbar .container .wrap-links .navbar-nav {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
align-items: center;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 2px solid transparent;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item.lan-switcher-1 { display: flex; }
nav.navbar .container .wrap-links .navbar-nav .nav-item.lan-switcher-2 { display: none; }
nav.navbar .container .wrap-links .navbar-nav .nav-item .nav-link {
font-family: 'Exo2', sans-serif;
font-size: 15px;
color: #73758b;
line-height: 18px;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item.active {
border-bottom: 2px solid #3b059b;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item.active a { color: #000; }
nav.navbar .container .wrap-links .navbar-nav .nav-item:hover a { color: #000; }
nav.navbar .container .wrap-links .navbar-nav .nav-item.no-hover {
cursor: default;
border-bottom: 2px solid transparent !important;
}
.toggle-search { cursor: pointer; } .dropbtn {
background-color: #fff;
color: #73758b;
padding: 22px 0;
font-size: 15px;
border: none;
font-family: 'Exo2', sans-serif;
cursor: pointer;
}
.dropbtn::after {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-right: 1.5px solid #73758b;
border-bottom: 1.5px solid #73758b;
transform: rotate(45deg);
margin-left: 6px;
margin-bottom: 2px;
}
.dropdown {
position: relative;
display: flex;
align-items: center;
list-style: none;
height: 100%;
}
.dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #F0F2FF;
min-width: 200px;
box-shadow: 0 5px 20px 0 rgba(130, 136, 255, 0.16);
z-index: 100;
}
.dropdown-content a {
color: #73758b;
padding: 12px 16px;
font-size: 15px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover { background-color: #3b059b; color: #fff !important; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #fff; color: #000; } .dropdown.open .dropdown-content { display: block !important; } .menu-item-has-children {
position: relative;
display: inline-block;
}
.menu-item-has-children > a {
color: #73758b;
padding: 22px 0;
font-size: 15px;
font-family: 'Exo2', sans-serif;
}
.menu-item-has-children > .sub-menu {
display: none;
position: absolute;
background-color: #F0F2FF;
min-width: 200px;
box-shadow: 0 5px 20px 0 rgba(130, 136, 255, 0.16);
z-index: 100;
padding: 0;
}
.menu-item-has-children > .sub-menu li { list-style: none; }
.menu-item-has-children > .sub-menu li a {
color: #73758b;
padding: 12px 16px;
font-size: 15px;
display: block;
}
.menu-item-has-children > .sub-menu li a:hover {
background-color: #3b059b;
color: #fff;
}
.menu-item-has-children:hover > .sub-menu { display: block; }
.menu-item-has-children:hover > a { color: #000; } footer {
z-index: 0;
height: 100px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 22px 100px 21px;
flex-shrink: 0;
background-color: #fff;
border-top: solid 1px #eeeff5;
}
footer li { list-style: none; }
footer ul { padding: 0px; margin: 0px; }
footer .footer-top {
display: flex;
}
footer .footer-top > .container {
display: flex;
justify-content: space-between;
width: 100%;
}
footer .footer-top > .container .footer-logo {
margin-right: 140px;
background: url(//www.icu-ng.org/icu-ng/wp-content/themes/icu-theme/img/images/logo.png) no-repeat;
width: 62px;
height: 70px;
background-size: contain;
flex-shrink: 0;
}
footer .footer-top > .container .footer-logo svg { display: none; }
footer .footer-top > .container .menu-columns {
width: 100%;
display: flex;
justify-content: space-between;
margin-right: 185px;
}
footer .footer-top > .container .menu-columns .col li {
margin-top: 7px;
height: 22px;
}
footer .footer-top > .container .menu-columns .col li a {
font-family: 'Exo2', sans-serif;
font-size: 15px;
color: #73758b;
line-height: 18px;
}
footer .footer-top > .container .menu-columns .col li:first-child { margin-top: 0; }
footer .copyright-area .container {
display: flex;
justify-content: center;
height: 30px;
align-items: center;
}
footer .copyright-area .container .center-content-area {
font-family: Exo2, sans-serif;
font-size: 16px;
color: #212b36;
line-height: 25px;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
} a.button.more {
height: 52px;
width: 162px;
display: flex;
justify-content: center;
align-items: center;
background-color: #3b059b;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
box-shadow: 0 8px 16px 0 rgba(75, 83, 255, 0.3);
font-family: Exo2, sans-serif;
font-size: 15px;
}
a.button.more:hover { background-color: #2a0768; }
.btn-center-row {
display: flex;
justify-content: center;
} div.search {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(3, 5, 31, 0.94);
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
opacity: 0;
transition: opacity 0.5s;
}
div.search.search--open { pointer-events: auto; opacity: 1; }
div.search .search__form { max-width: 800px; }
div.search .search__form .search__input {
border: 0;
font-size: 40px;
display: inline-block;
box-sizing: border-box;
width: 100%;
padding: 0.05em 0;
color: #fff;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
background: transparent;
border-radius: 0;
-webkit-appearance: none;
font-family: SourceCodePro, monospace;
font-weight: 500;
line-height: 1.45;
}
div.search .search__form .search__input::placeholder { color: rgba(255, 255, 255, 0.3); }
div.search .search__form .search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
div.search .search__form .search__info {
font-family: Exo2, sans-serif;
font-size: 14px;
display: block;
width: 100%;
margin: 0 auto;
padding: 10px 20px;
text-align: right;
color: rgba(255, 255, 255, 0.3);
}
div.search button#btn-search-close {
position: absolute;
top: 20px;
right: calc(50% - 340px);
background: none;
border: none;
}
div.search button#btn-search-close svg { fill: #fff; }
div.search button#btn-search-close:hover { cursor: pointer; }
div.search button#btn-search-close:hover svg { fill: #000; }
.icons--close:hover, .icons--search:hover { fill: #000; }
.no-scroll { overflow: hidden; } .entry-thumb {
height: 400px;
overflow: hidden;
margin-bottom: 10px;
}
.entry-date {
font-size: 16px;
margin-bottom: 10px;
color: #a6b2c4;
}
.wp-pagenavi a, .wp-pagenavi span {
padding: 5px 10px;
margin-right: 10px;
font-size: 14px;
color: #73758b;
text-decoration: none;
border: 1px solid #73758b;
border-radius: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #a83c92;
color: #fff;
border: 1px solid #a83c92;
}
.wp-pagenavi span.current { font-weight: bold; } .entry-content p { margin-bottom: 15px; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content ul { list-style: disc; padding-left: 20px; margin-bottom: 15px; }
.entry-content ol { list-style: decimal; padding-left: 20px; margin-bottom: 15px; }
.entry-content li { margin-bottom: 5px; line-height: 1.6; } .pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 40px;
}
.pagination .page-numbers {
padding: 5px 10px;
font-size: 14px;
color: #73758b;
border: 1px solid #73758b;
border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
background: #a83c92;
color: #fff;
border-color: #a83c92;
} .partner {
border: 1px solid #a6b2c4;
padding: 10px;
text-align: center;
float: left;
margin: 5px;
width: 23%;
height: 160px;
}
.partner h4 { font-size: 16px; }
.partner img { width: 90%; }
.partner-img { line-height: 180px; } @media screen and (max-width: 1366px) {
.wrap-links {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
nav.navbar .container {
justify-content: space-between;
}
nav.navbar .container > .toggle-menu { display: block; }
nav.navbar .container > .toggle-search { display: block; }
nav.navbar .container .navbar-brand.logo {
margin-right: 0;
margin-left: 16px;
}
nav.navbar .container .navbar-brand.logo svg { display: none; }
nav.navbar .container .wrap-links {
visibility: hidden;
background-color: #fff;
padding: 20px 40px;
flex-direction: column;
align-items: flex-start;
}
nav.navbar .container .wrap-links .toggle-menu {
display: block;
margin-bottom: 40px;
}
nav.navbar .container .wrap-links .navbar-nav {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item {
height: 32px;
margin-bottom: 27px;
}
nav.navbar .container .wrap-links .navbar-nav .nav-item.lan-switcher-1 { display: none; }
nav.navbar .container .wrap-links .navbar-nav .nav-item.lan-switcher-2 { display: block; }
nav.navbar .container .wrap-links .navbar-nav .nav-item.toggle-search { display: none; }
nav.navbar .container .wrap-links .navbar-nav .nav-border {
width: calc(100% + 80px);
height: 1px;
background: #eee;
position: relative;
left: -40px;
margin-bottom: 40px;
}
.toggled nav.navbar .container .wrap-links { visibility: visible; } .dropdown {
display: block !important;
height: auto !important;
margin-bottom: 0 !important;
}
.dropbtn {
padding: 0;
height: auto;
margin-bottom: 10px;
font-size: 15px;
color: #73758b;
pointer-events: auto;
cursor: pointer;
width: 100%;
text-align: left;
background: none;
border: none;
transition: color 0.2s;
}
.dropbtn:hover,
.dropdown.open .dropbtn {
color: #3b059b;
} .dropbtn::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 2px solid #73758b;
border-bottom: 2px solid #73758b;
transform: rotate(45deg);
margin-left: 8px;
margin-bottom: 2px;
transition: transform 0.3s;
}
.dropdown.open .dropbtn::after {
transform: rotate(-135deg);
margin-bottom: -1px;
border-color: #3b059b;
}
.dropdown-content {
position: static;
display: none;
box-shadow: none;
background-color: transparent;
width: 100%;
padding: 0 0 10px 20px;
margin: 0;
border-radius: 0;
overflow: hidden;
}
.dropdown-content a {
padding: 6px 0;
font-size: 14px;
color: #73758b;
border-bottom: none;
}
.dropdown-content a:hover {
background-color: transparent;
color: #3b059b !important;
}
.dropdown:hover .dropdown-content { display: none; }
.dropdown.open .dropdown-content { display: block !important; }
}
@media screen and (max-width: 1200px) {
footer .footer-top > .container .menu-columns { margin-right: 0px; }
}
@media screen and (max-width: 991px) {
.wrapper > .container > .content section.type-1 .bg {
top: -30px;
right: -2%;
width: 105%;
} .wrapper > .container > .content section.type-4 .container {
flex-direction: column;
}
.wrapper > .container > .content section.type-4 .container .left-part {
display: none;
}
.wrapper > .container > .content section.type-4 .container .right-part {
width: 100%;
} .wrapper > .container > .content section.type-5 {
padding-bottom: 80px;
padding-left: 20px;
}
.wrapper > .container > .content section.type-5 .bg {
position: fixed;
top: 80px;
left: 30%;
width: 80%;
max-width: 1032px;
z-index: 0;
}
.wrapper > .container > .content section.type-5 .container {
flex-direction: column;
}
.wrapper > .container > .content section.type-5 .container .left-part {
display: none;
}
.wrapper > .container > .content section.type-5 .container .right-part {
width: 100%;
margin-left: 0px;
} .right-part.more-1024 { display: none !important; }
.right-part.less-1024 { display: block !important; }
.wrapper > .container > .content section.type-5 .container .right-part.more-1024 {
display: none;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 {
display: block;
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group {
padding: 0;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section {
min-height: auto;
margin: 0;
box-shadow: 0 1px 4px 0 rgba(38, 40, 42, 0.1);
margin-top: 16px;
background-color: #fff;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section header h3 {
margin-top: 0;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section header h3 button {
background-color: #fff;
border: none;
border-radius: 0;
display: block;
font-family: Exo2;
font-size: 18px;
font-weight: 500;
line-height: 1.56;
color: #3b059b;
width: 100%;
padding: 12px 63px 12px 16px;
position: relative;
text-align: left;
cursor: pointer;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section header h3 button:after {
content: "▸";
position: absolute;
right: 20px;
top: calc(50% - 10px);
font-size: 16px;
color: #3b059b;
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section header h3 button.accordion-group__accordion-btn_expanded:after {
content: "▾";
}
.wrapper > .container > .content section.type-5 .container .right-part.less-1024 .accordion-group > section .accordion-group__accordion-panel {
border: none;
border-radius: 0;
padding: 0.5rem 1rem;
}
}
@media screen and (max-width: 768px) {
body { font-size: 20px; }
.entry-thumb { height: 200px; overflow: hidden; margin-bottom: 10px; }
.entry-date { font-size: 14px; text-align: center; margin-bottom: 10px; color: #a6b2c4; }
h1 {
font-family: SourceCodePro, monospace;
font-size: 24px;
font-weight: 500;
line-height: 1.67;
color: #a83c92;
text-align: center;
}
h2 {
font-family: SourceCodePro, monospace;
font-size: 24px;
font-weight: 500;
line-height: 2;
color: #3b059b;
}
h3 {
font-family: Exo2, sans-serif;
font-size: 20px;
line-height: 1.6;
color: #000000;
}
h3.type-2 {
font-family: Exo2, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.6;
color: #000000;
}
h3.type-3 {
font-family: SourceCodePro, monospace;
font-size: 26px;
font-weight: 500;
line-height: 1.85;
text-align: center;
}
nav.navbar { padding: 0 40px; }
.wrapper > .container > .content section {
min-height: 200px;
padding: 40px 20px 0;
position: relative;
overflow: hidden;
}
.wrapper > .container > .content section.type-1 h1 {
max-width: none;
text-align: center;
}
.wrapper > .container > .content section.type-1 h2 {
margin-top: 250px;
text-align: center;
}
.wrapper > .container > .content section.type-1 h3.description {
max-width: none;
margin-top: 20px;
width: 100%;
text-align: center;
}
.wrapper > .container > .content section.type-1 .container {
flex-direction: column;
}
.wrapper > .container > .content section.type-1 .container .quote {
max-width: none;
width: 100%;
}
.wrapper > .container > .content section.type-1 .container .info {
padding-top: 8px;
text-align: center;
}
.wrapper > .container > .content section.type-3 .container .items-list {
flex-direction: column;
}
.wrapper > .container > .content section.type-3 .container .items-list .item {
width: 100%;
max-width: none;
margin-right: 0;
}
.partner {
width: 100%;
height: 100%;
}
.partner-img { line-height: 30px; }
footer { padding: 22px 40px 21px; height: auto; }
footer .footer-top > .container { flex-direction: column; }
footer .footer-top > .container .menu-columns {
flex-wrap: wrap;
margin-right: 0;
margin-top: 20px;
}
} .news-list { flex-direction: column !important; }
.news-list .news-item {
width: 100% !important;
max-width: none !important;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eee;
}
.news-list .news-item:last-child { border-bottom: none; }
.news-list .news-item .entry-date {
font-family: 'Exo2', sans-serif;
font-size: 14px;
color: #a6b2c4;
margin-bottom: 10px;
}
.news-list .news-item .entry-thumb img {
border-radius: 4px;
} .pagination-wrap { text-align: center; }
.pagination a, .pagination span {
display: inline-block;
padding: 8px 14px;
margin: 0 3px;
color: #3b059b;
text-decoration: none;
font-family: 'Exo2', sans-serif;
font-size: 15px;
border-radius: 4px;
transition: all 0.2s;
}
.pagination .current,
.pagination a:hover {
background-color: #3b059b;
color: #fff;
}
select { display: none; }  section.type-5 .items-list {
width: 100%;
}
section.type-5 .items-list .item {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eeeff5;
}
section.type-5 .items-list .item:last-child {
border-bottom: none;
} section.type-5 .items-list .news-item h3.type-2 {
margin-bottom: 5px;
}
section.type-5 .items-list .news-item h3.type-2 a {
color: #3b059b;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
line-height: 1.5;
}
section.type-5 .items-list .news-item h3.type-2 a:hover {
color: #a83c92;
} section.type-5 .items-list .entry-date {
color: #73758b;
font-size: 14px;
margin-bottom: 15px;
} section.type-5 .items-list .entry-thumb {
margin: 15px 0;
}
section.type-5 .items-list .entry-thumb img {
width: 100%;
height: auto;
border-radius: 4px;
} section.type-5 .items-list .news-item .info {
margin-bottom: 15px;
color: #555;
line-height: 1.7;
} section.type-5 .items-list .btn-center-row {
margin-top: 15px;
} section.type-5 .pagination-wrap {
text-align: center;
margin-top: 40px;
padding-bottom: 40px;
}
section.type-5 .wp-pagenavi { justify-content: center;
gap: 5px;
flex-wrap: wrap;
}
section.type-5 .wp-pagenavi a,
section.type-5 .wp-pagenavi span {
display: inline-block;
padding: 8px 14px;
border: 1px solid #ddd;
color: #3b059b;
text-decoration: none;
border-radius: 3px;
font-size: 14px;
transition: all 0.3s ease;
}
section.type-5 .wp-pagenavi a:hover {
background-color: #3b059b;
color: #fff;
border-color: #3b059b;
}
section.type-5 .wp-pagenavi .current,
section.type-5 .wp-pagenavi span.current {
background-color: #3b059b;
color: #fff;
border-color: #3b059b;
} section.type-5 .items-list .item h3.type-2 a {
color: #3b059b;
text-decoration: none;
}
section.type-5 .items-list .item h3.type-2 a:hover {
color: #a83c92;
} .events-list {
width: 100%;
}
.event-item {
display: flex;
gap: 25px;
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #eeeff5;
align-items: flex-start;
}
.event-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.event-thumbnail {
flex-shrink: 0;
width: 220px;
overflow: hidden;
border-radius: 4px;
}
.event-thumbnail img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.event-thumbnail:hover img {
transform: scale(1.05);
}
.event-content {
flex: 1;
min-width: 0;
}
.event-content h3.type-2 {
margin-bottom: 8px;
margin-top: 0;
}
.event-content h3.type-2 a {
color: #3b059b;
text-decoration: none;
transition: color 0.2s ease;
}
.event-content h3.type-2 a:hover {
color: #a83c92;
}
.event-date {
display: inline-block;
color: #73758b;
font-size: 14px;
margin-bottom: 10px;
font-family: 'SourceCodePro', monospace;
}
.event-excerpt {
color: #4a4c5e;
font-size: 15px;
line-height: 1.6;
margin-bottom: 12px;
}
.event-more {
display: inline-block;
color: #a83c92;
font-size: 14px;
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
.event-more:hover {
color: #3b059b;
} @media (max-width: 768px) {
.event-item {
flex-direction: column;
gap: 15px;
}
.event-thumbnail {
width: 100%;
}
.event-thumbnail img {
height: 180px;
}
} .event-item:not(:has(.event-thumbnail)) {
padding-bottom: 20px;
margin-bottom: 20px;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}