@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic");
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
margin: 0;
line-height: 1; }
article,
aside,
footer,
header,
nav,
section,
main,
figcaption,
figure,
menu,
details {
display: block; }
audio,
canvas,
video {
display: inline-block; }
img {
display: block;
border: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: normal; }
p {
margin: 0;
padding: 0; }
address,
cite,
dfn,
em,
var {
font-style: normal; }
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none; }
a {
background-color: transparent;
font-size: inherit;
color: inherit;
text-decoration: none; }
a:active, a:hover {
outline: 0; }
:focus {
outline: 0; }
button,
input,
select,
textarea {
margin: 0;
font-size: inherit; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
padding: 0;
border: 0;
color: inherit;
background-color: transparent;
-webkit-appearance: button;
cursor: pointer; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
padding: 0;
line-height: normal; }
input::-webkit-input-placeholder {
font-weight: 300; }
input::-ms-input-placeholder {
font-weight: 300; }
input::-moz-placeholder {
font-weight: 300; }
[type="number"] {
-moz-appearance: textfield; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
margin: 0;
height: auto;
-webkit-appearance: none; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto;
resize: none;
-webkit-appearance: none; }
select {
-webkit-appearance: none;
background-color: #fff; }
table {
border-collapse: collapse;
border-spacing: 0; } .main-menu .menu a:before, .main-menu .menu span:before {
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.main-menu .menu > .active .sub-menu > .menu-item a, .main-menu .menu > .active .sub-menu > .menu-item span, .main-menu .menu > [class*="current-"] .sub-menu > .menu-item a, .main-menu .menu > [class*="current-"] .sub-menu > .menu-item span {
-webkit-transition: color 0.6s;
transition: color 0.6s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.social .social-link svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.social .social-link svg .letter {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.social .social-link svg .bg {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
.social .social-link:hover svg, .social .social-link a:focus + .icon svg {
-webkit-transform: scale(1.4);
transform: scale(1.4); }
.search form input[type=text] {
-webkit-transition: 500ms ease;
transition: 500ms ease; }
.search form input[type=submit] {
-webkit-transition: all 500ms ease;
transition: all 500ms ease; }
#breadcrumbs a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; } .featured-links .featured-single-link {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.featured-links .featured-single-link:before {
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.recent-posts .recent-post a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.recent-posts .recent-post a:before {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.recent-posts .recent-post a h1 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.recent-posts .recent-post a:hover:before, .recent-posts .recent-post a:focus:before {
opacity: 1; }
.navigation.pagination a, .navigation.pagination span {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; } .sidebar-layout .sidebar a .thumbnail img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.sidebar-layout .sidebar a h1 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.shadow {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
body {
font-family: 'Open Sans', sans-serif;
font-display: swap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.main-content .cms-content > h1 {
font-size: 34px;
font-weight: 600;
color: #333333;
margin-bottom: 30px; }
.main-content .cms-content > h2 {
font-size: 28px;
font-weight: 600;
color: #333333; }
.main-content .cms-content p {
font-size: 16px;
color: #333333;
line-height: 1.5; }
body {
overflow-x: hidden; }
body em {
font-style: italic; }
@supports (display: grid) {
.main-grid-container {
display: grid;
grid-template-columns: 1fr 1140px 1fr;
grid-template-rows: 48px 16px 15px auto auto 90px;
grid-row-gap: 16px;
-ms-flex-line-pack: stretch;
align-content: stretch;
grid-template-areas: "header-left header header-right" ". . ." ". breadcrumbs ." ". main ." ". main ." "footer footer footer"; }
.main-grid-container.homepage {
grid-template-rows: 48px 380px 1fr 1fr 90px;
-ms-flex-line-pack: start;
align-content: start;
grid-template-areas: "header-left header header-right" ". slider ." ". main ." ". main ." "footer footer footer"; }
.main-grid-container.conference-page {
grid-template-areas: "header-left header header-right" ". . ." ". breadcrumbs ." "banner banner banner" ". main ." "footer footer footer"; }
.main-grid-container.submenu-free {
grid-template-rows: 48px 15px auto auto 90px;
grid-template-areas: "header-left header header-right" ". breadcrumbs ." ". main ." ". main ." "footer footer footer"; }
header {
grid-area: header; }
.main-content {
grid-area: main; }
#breadcrumbs {
grid-area: breadcrumbs; }
.slider {
grid-area: slider; }
footer {
grid-area: footer; } }
.main-grid-container {
min-height: 100vh;
margin: auto;
padding: 0; }
.main-grid-container.homepage {
background: #000000; }
.main-grid-container.homepage header {
margin-bottom: 0; }
.main-grid-container.dark {
background-color: black; }
.game-winners {
text-align: center;
border-collapse: collapse;
border: 1px solid #f5f5f5; }
.game-winners th {
padding: 10px 40px; }
.game-winners tr td {
padding: 15px 40px;
text-align: center; }
.game-winners .winner:nth-of-type(2n) {
background-color: #f5f5f5; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.main-grid-container {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.main-grid-container header {
height: 54px;
margin-bottom: 36px !important;
width: 1140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.main-grid-container .header-left, .main-grid-container .header-right {
position: relative;
top: -18px;
height: 54px;
width: calc((100% - 1140px) / 2); }
.logo {
width: 150px;
text-align: left; }
.logo .logo-link {
width: 100%; }
.logo .logo-link svg {
width: 70px; }
.main-menu {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.main-menu .menu {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.social {
height: 100%; }
.search form .search-panel input[type="text"] {
border: none; }
.search form .search-panel input[type="submit"] {
top: 6px; }
.search form .is-search {
display: none; }
.slider {
width: 100%;
height: 380px;
border: 1px solid transparent;
margin-bottom: 30px; }
.slider .slider-container {
width: 1140px;
margin: auto; }
.conference-banner {
width: 100%;
height: 380px !important; }
.main-content {
width: 1140px;
margin-bottom: 30px; }
.footer {
width: 100%;
padding: 30px; }
.featured-single-link p {
margin: unset !important; }
#breadcrumbs {
width: 1140px;
margin-bottom: 30px; }
.sidebar-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.sidebar-layout .post-content {
width: calc(100% - 330px);
margin-right: 30px; }
.sidebar {
width: 300px; }
.costs_tabs-buttons button {
padding: 20px 15px !important; } }
header {
background: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.main-content > h1.heading {
font-size: 34px;
color: #333333;
font-weight: 600;
margin-bottom: 22px; }
#breadcrumbs {
color: #666666;
font-size: 13px;
line-height: 16px; }
#breadcrumbs a {
text-decoration: underline; }
#breadcrumbs .breadcrumb_last {
text-decoration: none; }
#breadcrumbs a:hover, #breadcrumbs a:focus {
color: #e3001c; }
.slider .slider-container {
position: relative; }
.slider .ema-slider {
position: absolute;
width: 100%; }
.slider .ema-slider a {
display: block;
background: #000000;
background-position: center center !important;
background-size: cover !important; }
.fast-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px; }
.fast-link {
width: calc(100% / 3 - 10px);
min-width: 300px;
margin-bottom: 30px;
margin-right: 15px; }
.fast-link:nth-of-type(3n+3) {
margin-right: 0; }
.fast-link a {
display: block; }
.fast-link img {
width: auto !important;
max-height: 100%;
min-width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid lightgrey; }
.fast-link p {
font-weight: 100;
font-size: 16px;
line-height: 1.5; }
.fast-link .fast-link__title {
font-weight: 600; }
.navigation.pagination {
margin: 20px auto 10px; }
.navigation.pagination .nav-links {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.navigation.pagination a, .navigation.pagination span {
width: 32px;
height: 32px;
text-align: center;
margin: 0 8px;
background: #eeeeee;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 18px;
font-weight: 600;
color: #333333; }
.navigation.pagination a.current, .navigation.pagination span.current {
color: white;
background: #e3001c; }
.navigation.pagination a:not(.current):not(.dots):hover, .navigation.pagination a:not(.current):not(.dots):focus, .navigation.pagination span:not(.current):not(.dots):hover, .navigation.pagination span:not(.current):not(.dots):focus {
background: #ffb0ba;
color: #FFFFFF; }
.languages {
position: fixed;
right: 10%;
bottom: 10%;
z-index: 99;
padding: 5px;
background: #e3001c;
color: #FFFFFF;
text-transform: uppercase;
font-size: 1.5em; }
.spinner {
width: 40px;
height: 40px;
margin: 100px auto;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out; }
.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
opacity: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease; }
.overlay.visible {
z-index: 99999999;
opacity: 1; }
.overlay .content {
width: 50vw;
height: 50vh;
min-width: 300px;
min-height: 300px;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #FFFFFF;
font-weight: 500; }
.translate-menu {
background-color: #e3001c;
color: #ffffff;
padding: 5px;
text-transform: uppercase;
margin: 0 10px; }
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0); }
100% {
-webkit-transform: scale(1);
opacity: 0; } }
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@media screen and (max-width: 991px) {
.fast-link {
margin-right: 0; } }
@supports (display: grid) {
.header {
display: grid;
grid-template-columns: 140px 1fr 149px 30px;
grid-template-rows: 48px;
grid-template-areas: "logo menu social search";
-ms-flex-line-pack: stretch;
align-content: stretch; }
.logo {
grid-area: logo; }
.hamburger {
grid-area: hamburger; }
.main-menu {
grid-area: menu; }
.social {
grid-area: social; }
.search {
grid-area: search; } }
.header {
width: 100%;
position: relative;
background: #000000; }
.header-left, .header-right {
background: #000000; }
.logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #000000;
position: relative;
z-index: 3;
max-height: 100%;
height: 100%; }
.logo .logo-link {
display: block;
width: auto;
height: 70%; }
.logo .logo-link a {
display: block;
width: 100%;
height: 100%; }
.logo .logo-link svg {
display: block;
height: 100%; }
.logo .logo-link svg .bg {
fill: #e3001c; }
.logo .logo-link svg .letter-red {
fill: #e3001c; }
.logo .logo-link svg .letter-white {
fill: white; }
.logo .logo-link .red-gradient {
content: '';
display: block;
width: 60%;
height: 94%;
top: 3%;
position: absolute;
z-index: 1;
background: -webkit-gradient(linear, left top, right top, from(#e3001c), color-stop(40%, #e3001c), color-stop(50%, white), color-stop(60%, #e3001c), to(#e3001c));
background: linear-gradient(90deg, #e3001c 0%, #e3001c 40%, white 50%, #e3001c 60%, #e3001c 100%);
background-size: 300% 100%; }
.hamburger {
display: none; }
.main-menu {
background: #000000;
height: 100%; }
.main-menu [class*="menu"] {
height: 100%; }
.main-menu .menu {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #FFFFFF; }
.main-menu .menu a, .main-menu .menu span {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%; }
.main-menu .menu a:before, .main-menu .menu span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e3001c;
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1); }
.main-menu .menu a:hover:before, .main-menu .menu a:focus:before, .main-menu .menu span:hover:before, .main-menu .menu span:focus:before {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.main-menu .menu > .menu-item {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.main-menu .menu > .menu-item a, .main-menu .menu > .menu-item span {
position: relative;
text-transform: uppercase;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.main-menu .menu > .menu-item > a, .main-menu .menu > .menu-item > span {
z-index: 3;
background: #000000; }
.main-menu .menu > .menu-item:hover .sub-menu {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.main-menu .menu > .active > a:before, .main-menu .menu > .active > span:before, .main-menu .menu > [class*="current-"] > a:before, .main-menu .menu > [class*="current-"] > span:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.main-menu .menu > .active .sub-menu, .main-menu .menu > [class*="current-"] .sub-menu {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
z-index: 1; }
.main-menu .menu .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
z-index: 2;
top: 100%;
height: 32px;
left: 0;
right: 0;
background: #ffffff;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
opacity: 0;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
.main-menu .menu .sub-menu > .menu-item a, .main-menu .menu .sub-menu > .menu-item span {
text-transform: none;
font-size: 16px;
padding: 0 15px;
color: #000000; }
.main-menu .menu .sub-menu > .menu-item a:hover, .main-menu .menu .sub-menu > .menu-item a:focus, .main-menu .menu .sub-menu > .menu-item span:hover, .main-menu .menu .sub-menu > .menu-item span:focus {
color: #FFFFFF; }
.main-menu .menu .sub-menu > .menu-item a:hover:before, .main-menu .menu .sub-menu > .menu-item a:focus:before, .main-menu .menu .sub-menu > .menu-item span:hover:before, .main-menu .menu .sub-menu > .menu-item span:focus:before {
opacity: 0.4;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.main-menu .menu .sub-menu > [class*="current-"] {
background-color: #e3001c; }
.main-menu .menu .sub-menu > [class*="current-"] a, .main-menu .menu .sub-menu > [class*="current-"] span {
color: #FFFFFF; }
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background: #000000;
position: relative;
z-index: 3;
max-width: 150px; }
.social .social-link {
position: relative;
height: 22px;
margin: 0 8px; }
.social .social-link a {
display: block;
position: absolute;
z-index: 2;
width: 100%;
height: 100%; }
.social .social-link svg {
height: 100%; }
.social .social-link svg .letter {
fill: #000000; }
.social .social-link svg .bg {
fill: #FFFFFF; }
.social .social-link.facebook, .social .social-link.linkedin {
width: 22px; }
.social .social-link.youtube {
height: 17px;
width: 24px; }
.social .social-link:hover #fb .letter, .social .social-link a:focus + .icon #fb .letter {
color: #FFFFFF;
fill: currentColor; }
.social .social-link:hover #fb .bg, .social .social-link a:focus + .icon #fb .bg {
fill: #3B5998; }
.social .social-link:hover #linkedin .letter, .social .social-link a:focus + .icon #linkedin .letter {
fill: #FFFFFF; }
.social .social-link:hover #linkedin .bg, .social .social-link a:focus + .icon #linkedin .bg {
fill: #0077B5; }
.social .social-link:hover #youtube .letter, .social .social-link a:focus + .icon #youtube .letter {
fill: #FFFFFF; }
.social .social-link:hover #youtube .bg, .social .social-link a:focus + .icon #youtube .bg {
fill: #FF0000; }
.social .icon {
height: 100%; }
.search {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #000000;
position: relative;
z-index: 3; }
.search form {
position: relative;
z-index: 3;
width: 34px;
height: 34px;
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;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.search form .toggle-search {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 32px;
height: 32px;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/search.svg) no-repeat;
background-position: top center;
background-size: contain; }
.search form .toggle-search:hover {
cursor: pointer; }
.search form .is-search {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.search form .is-search:checked + .search-panel {
width: 250px; }
.search form .search-panel {
position: absolute;
top: 0;
right: 34px;
bottom: 0;
margin-right: 0;
margin-left: auto;
width: 0px;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.search form .search-panel input[type="text"] {
padding: 0 65px 0 5px;
width: 100%;
height: 100%;
border-radius: 0; }
.search form .search-panel input[type="submit"] {
position: absolute;
right: 6px;
max-height: 100%;
padding: 2px;
border-left: 1px solid silver;
background: #e3001c;
color: #ffffff;
border-radius: 0; }
.search form .search-panel input[type=submit]:hover {
cursor: pointer; }
.dark .sub-menu {
background: #000000 !important; }
.dark .sub-menu a {
color: white !important; }
@media screen and (max-width: 1199px) {
.main-menu .menu > .menu-item a, .main-menu .menu > .menu-item span {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.header {
grid-template-columns: 80px 1fr 149px 30px;
grid-template-rows: unset; }
.main-menu {
background: #000000; }
.main-menu [class*="menu"] {
height: 100%; }
.main-menu .menu {
grid-area: menu;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #FFFFFF; }
.main-menu .menu a, .main-menu .menu span {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%; }
.main-menu .menu > .menu-item {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.main-menu .menu > .menu-item a, .main-menu .menu > .menu-item span {
font-size: 12px; }
.main-menu .menu .sub-menu {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.main-menu .menu .sub-menu > .menu-item a, .main-menu .menu .sub-menu > .menu-item span {
font-size: 13px;
padding: 0 8px; }
.logo .logo-link svg {
max-height: 30px; }
.translate-menu {
position: absolute;
top: calc(100% + 3px);
left: -11px; } }
@media screen and (max-width: 767px) {
.header {
display: grid;
grid-template-columns: 110px 1fr 150px 30px;
grid-template-rows: 48px 48px;
grid-template-areas: "logo logo social search" "menu menu menu menu"; }
.logo {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.logo .logo-link svg {
max-height: 100%; }
.main-menu {
background: #000000; }
.main-menu [class*="menu"] {
height: 100%; }
.main-menu .menu {
grid-area: menu;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #FFFFFF; }
.main-menu .menu a, .main-menu .menu span {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%; }
.main-menu .menu > .menu-item {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.main-menu .menu > .menu-item a, .main-menu .menu > .menu-item span {
font-size: 13px; }
.main-menu .menu .sub-menu {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 64px; }
.main-menu .menu .sub-menu > .menu-item {
height: 32px; }
.main-menu .menu .sub-menu > .menu-item a, .main-menu .menu .sub-menu > .menu-item span {
font-size: 16px;
padding: 0 8px; }
.translate-menu {
position: relative;
top: unset;
left: unset; } }
@media screen and (max-width: 575px) {
.hamburger {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hamburger span {
margin: 3px 0;
width: 40%;
height: 3px;
background: #ffffff; }
.header-left, .header-right {
display: none; }
.header {
grid-area: unset;
width: 100vw;
position: fixed;
top: 0;
z-index: 5;
grid-template-columns: 70px auto 70px;
grid-template-rows: 48px 30px;
grid-template-areas: "hamburger logo search" ". social ."; }
.logo {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.logo .logo-link {
width: 100%; }
.logo .logo-link a {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.logo .logo-link svg {
width: 100px; }
.main-menu {
top: 48px;
grid-area: unset;
width: 100vw;
display: block;
position: fixed;
z-index: 5;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.main-menu.active .menu {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.main-menu.inactive {
display: none; }
.main-menu .menu {
border-top: 1px solid #FFFFFF;
grid-area: unset;
height: auto;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.main-menu .menu a:before, .main-menu .menu span:before {
display: none; }
.main-menu .menu a:after, .main-menu .menu span:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 100%;
z-index: -1;
background: #e3001c;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.main-menu .menu a:hover:after, .main-menu .menu a:focus:after, .main-menu .menu span:hover:after, .main-menu .menu span:focus:after {
width: 20px; }
.main-menu .menu > .menu-item {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%; }
.main-menu .menu > .menu-item a, .main-menu .menu > .menu-item span {
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative; }
.main-menu .menu > .menu-item > a, .main-menu .menu > .menu-item > span {
z-index: 3;
background: #000000; }
.main-menu .menu > .active > a:after, .main-menu .menu > .active > span:after, .main-menu .menu > [class*="current-"] > a:after, .main-menu .menu > [class*="current-"] > span:after {
width: 20px; }
.main-menu .menu > .active .sub-menu, .main-menu .menu > [class*="current-"] .sub-menu {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%; }
.main-menu .menu .sub-menu {
display: none;
z-index: 5;
top: 0;
height: auto;
background: #000000; }
.main-menu .menu .sub-menu > .menu-item {
width: 100%; }
.main-menu .menu .sub-menu > .menu-item a, .main-menu .menu .sub-menu > .menu-item span {
padding: 0 0px;
color: #ffffff; }
.main-menu .menu .sub-menu > [class*="current-"] {
background-color: #e3001c; }
.social {
margin: auto; }
.translate-menu {
position: absolute;
left: -10px; } }
footer {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #000000;
padding: 0 30px; }
footer p {
text-align: center;
color: #999999;
font-size: 11px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
footer p:first-child {
margin-bottom: 5px; }
.submit-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.submit-form h3 {
width: 100%; }
.submit-form label {
margin-bottom: 25px;
display: inline-block; }
.submit-form input[type="text"], .submit-form input[type="email"], .submit-form input[type="tel"], .submit-form label, .submit-form select, .submit-form textarea {
width: 100%; }
.submit-form input, .submit-form select, .submit-form textarea {
padding: 10px;
border: 1px solid silver;
border-radius: 0; }
.submit-form input:focus, .submit-form select:focus, .submit-form textarea:focus {
border-color: #e3001c; }
.submit-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.submit-form .third-width {
width: calc((100% / 3) - 8px);
margin-bottom: 12px; }
.submit-form .half-width {
width: calc((98% / 2)); }
.submit-form .full-width {
width: 100%; }
.submit-form span {
display: inline-block;
font-size: 1.250em;
font-weight: 600;
margin-bottom: 10px; }
.submit-form .block-center-content {
width: 100%;
text-align: center; }
.submit-form .checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding-left: 30px;
margin-bottom: 25px;
height: 22px; }
.submit-form .checkbox input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0; }
.submit-form .checkbox .checkbox_box {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid silver; }
.submit-form .checkbox .checkbox_box:after {
content: '';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 0px;
margin: auto;
background-color: transparent;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transform: scale(0);
transform: scale(0); }
.submit-form .checkbox input:checked + .checkbox_box:after {
background: #e3001c;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1); }
.submit-form .checkbox input:focus + .checkbox_box {
border-color: #e3001c; }
.submit-form .checkbox:hover .checkbox_box {
border-color: #e3001c; }
.submit-form .radios {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.submit-form .radios > label {
position: relative;
width: auto !important;
padding-left: 30px; }
.submit-form .radios > label input {
display: none;
margin-right: 10px; }
.submit-form .radios > label .radio_box {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid silver; }
.submit-form .radios > label .radio_box:after {
content: '';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 0px;
margin: auto;
background-color: transparent;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transform: scale(0);
transform: scale(0); }
.submit-form .radios > label input:checked + .radio_box:after {
background: #e3001c;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1); }
.submit-form .radios > label input:focus + .radio_box {
border-color: #e3001c; }
.submit-form .radios > label:hover {
cursor: pointer; }
.submit-form .radios > label:hover .radio_box {
border-color: #e3001c; }
.submit-form .meeting-part {
padding: 10px 0 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.submit-form .meeting-part__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto; }
.submit-form .meeting-part__item {
margin-bottom: 10px; }
.submit-form .selectize-input, .submit-form .selectize-input.active, .submit-form .selectize-dropdown {
border-radius: 0; }
.submit-form .selectize-dropdown .active {
background-color: rgba(227, 0, 28, 0.1); }
.submit-form .selectize-input {
font-size: 16px;
line-height: 22px;
color: black; }
.message {
text-align: center;
padding: 20px;
display: none; }
.button, .blacklist-app__load-more-button button {
padding: 20px 30px;
font-weight: 600;
font-size: 1.125em; }
.button.button_small, .blacklist-app__load-more-button button.button_small {
padding: 10px 15px;
font-size: 1em;
min-width: 120px; }
.button_red, .blacklist-app__load-more-button button {
background: #e3001c;
color: #FFFFFF; }
.button_red[disabled], .blacklist-app__load-more-button button[disabled] {
background: silver;
cursor: not-allowed; }
.submit-another-form {
margin-top: 30px; }
.ema-report-an-incident {
counter-reset: block; }
.ema-report-an-incident + .message {
display: block; }
.ema-report-an-incident input[type="radio"] {
display: none; }
.ema-report-an-incident input[type="radio"] + span {
color: silver;
width: 100%;
height: 150px;
margin-bottom: 0;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #eeeeee;
text-align: center;
padding: 0 10px; }
.ema-report-an-incident input[type="radio"] + span:hover {
cursor: pointer; }
.ema-report-an-incident input[type="radio"]:checked + span {
background: #e3001c;
color: #ffffff; }
.ema-report-an-incident h3:before {
display: inline-block;
counter-increment: block;
content: counter(block) "."; }
@media screen and (max-width: 991px) {
.ema-report-an-incident .tabs-buttons {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.ema-report-an-incident .third-width {
width: calc((100% / 2) - 6px); } }
@media screen and (max-width: 575px) {
.ema-report-an-incident .tabs-buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.ema-report-an-incident input[type="radio"] + span {
height: 60px; }
.ema-report-an-incident .third-width {
width: 100%; } }
.post-content, .page-content {
color: #333333; }
.post-content h1, .page-content h1 {
font-size: 34px;
font-weight: 600;
line-height: 1.06; }
.post-content h3, .page-content h3 {
font-size: 22px;
font-weight: 600;
color: #333333;
margin-bottom: 13px;
line-height: 1.3; }
.post-content img, .page-content img {
display: inline-block;
max-width: 100%;
height: auto; }
.post-content strong, .page-content strong {
font-weight: 600; }
.post-content .sidebar-layout-thumbnail, .page-content .sidebar-layout-thumbnail {
margin-bottom: 20px;
text-align: center; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content p, .post-content li, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content p, .page-content li {
margin-bottom: 15px;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.post-content span, .post-content strong, .page-content span, .page-content strong {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.post-content p, .post-content li, .page-content p, .page-content li {
font-size: 18px;
line-height: 28px;
font-weight: 300; }
.post-content ul li, .page-content ul li {
word-break: break-word;
margin-bottom: 10px; }
.post-content ul[style*="square"], .page-content ul[style*="square"] {
padding-left: 20px; }
.post-content ul[style*="square"] li, .page-content ul[style*="square"] li {
position: relative; }
.post-content ul[style*="square"] li:before, .page-content ul[style*="square"] li:before {
content: '';
width: 11px;
height: 11px;
position: absolute;
top: 10px;
left: -20px;
border-radius: 2px;
background: #e3001c; }
.post-content ul[style*="disc"], .page-content ul[style*="disc"] {
padding-left: 20px; }
.post-content ul[style*="disc"] li, .page-content ul[style*="disc"] li {
position: relative; }
.post-content ul[style*="disc"] li:before, .page-content ul[style*="disc"] li:before {
content: '';
width: 11px;
height: 11px;
position: absolute;
top: 0.43em;
left: -20px;
border-radius: 50%;
background: #e3001c; }
.post-content ol, .page-content ol {
list-style-type: decimal;
padding-left: 25px; }
.post-content p a, .post-content h2 a, .post-content h3 a, .post-content h4 a, .post-content ul a, .page-content p a, .page-content h2 a, .page-content h3 a, .page-content h4 a, .page-content ul a {
position: relative;
font-weight: 600;
color: #003399; }
.post-content p a:hover, .post-content p a:focus, .post-content h2 a:hover, .post-content h2 a:focus, .post-content h3 a:hover, .post-content h3 a:focus, .post-content h4 a:hover, .post-content h4 a:focus, .post-content ul a:hover, .post-content ul a:focus, .page-content p a:hover, .page-content p a:focus, .page-content h2 a:hover, .page-content h2 a:focus, .page-content h3 a:hover, .page-content h3 a:focus, .page-content h4 a:hover, .page-content h4 a:focus, .page-content ul a:hover, .page-content ul a:focus {
text-decoration: underline; }
.post-content [class$="style"], .page-content [class$="style"] {
display: block;
margin: 10px 0;
padding: 20px; }
.post-content .green-style, .post-content .red-style, .page-content .green-style, .page-content .red-style {
color: #ffffff;
font-weight: 600;
font-size: 1.5em;
line-height: 1.2; }
.post-content .green-style, .page-content .green-style {
background: green; }
.post-content .red-style, .page-content .red-style {
background: #e3001c; }
.post-content .grey-style, .page-content .grey-style {
background-color: #dddddd; }
.post-content .box, .page-content .box {
display: block;
padding: 20px 20px 10px;
margin-bottom: 10px; }
.post-content .box p, .page-content .box p {
font-weight: 400; }
.post-content .box span, .page-content .box span {
display: inline-block;
font-size: 18px;
line-height: 28px;
margin-bottom: 10px; }
.post-content .iframe-full, .page-content .iframe-full {
position: relative;
padding-bottom: 56.25%; height: 0; }
.post-content .iframe-full iframe, .page-content .iframe-full iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.post-content p > img.aligncenter, .page-content p > img.aligncenter {
display: block;
margin: auto; }
.post-content img:not(.not-full-width), .page-content img:not(.not-full-width) {
width: 100%; }
.post-content table, .page-content table {
width: 100% !important;
max-width: 100% !important; }
.post-content .no-resize, .page-content .no-resize {
max-width: unset !important;
width: auto !important; }
.post-content .search-found, .page-content .search-found {
background: #e3001c;
color: #ffffff; }
.post-content a[href*=".pdf"], .page-content a[href*=".pdf"] {
position: relative;
padding-left: 22px;
color: #e3001c; }
.post-content a[href*=".pdf"]:before, .page-content a[href*=".pdf"]:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/pdf.png) no-repeat;
background-size: contain; }
.post-content a[href$=".mp4"], .page-content a[href$=".mp4"] {
position: relative;
padding-left: 22px;
color: #e3001c; }
.post-content a[href$=".mp4"]:before, .page-content a[href$=".mp4"]:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/mp4.png) no-repeat;
background-size: contain; }
.post-content .download-link a, .page-content .download-link a {
display: inline-block;
min-width: 200px;
color: #fff;
background: #bd3333;
padding: 10px 20px;
text-decoration: none;
text-align: center;
font-weight: 600; }
.post-content .download-link a:before, .page-content .download-link a:before {
display: none; }
.post-content .more-details-link a, .page-content .more-details-link a {
color: #e3001c;
text-decoration: underline; }
.post-content iframe:not(iframe[src*="youtube"]), .page-content iframe:not(iframe[src*="youtube"]) {
width: 100%;
min-height: 1000px; }
.post-content iframe[src*="docs.google"], .page-content iframe[src*="docs.google"] {
width: 100%;
min-height: 1000px; }
.post-content iframe[src*="youtube"], .page-content iframe[src*="youtube"] {
display: block;
margin: auto; }
.post-content .blacklist-single-thumbnail img, .page-content .blacklist-single-thumbnail img {
width: auto;
max-height: 600px; }
.zoomable {
display: inline-block;
line-height: 0;
position: relative;
overflow: hidden; }
.zoomable:before {
position: absolute;
display: block;
opacity: 0;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/zoomin.png) rgba(0, 0, 0, 0.7);
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.zoomable:hover:before {
opacity: 1; } [class^='social-sharing'] {
margin: 24px auto; }
[class^='social-sharing'] .a2a_kit a {
width: 32px !important;
height: 32px !important;
margin-right: 12px;
padding: 0; }
[class^='social-sharing'] .a2a_kit a:focus {
outline: solid #e3001c;
opacity: 0.7; }
[class^='social-sharing'] .a2a_kit a .a2a_svg:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1 !important; }
[class^='social-sharing'] .a2a_kit a .a2a_svg:not(:hover) {
background: #999999 !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
[class^='social-sharing'][class*='_center'] {
text-align: center; }
[class^='social-sharing'][class*='_black'] p {
font-size: 16px;
font-weight: 600;
color: #010101;
margin-bottom: 8px; }
[class^='social-sharing'][class*='_black'] .a2a_kit .a2a_svg:not(:hover) {
background: #010101 !important; }
.tabs-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px; }
.tabs-buttons button, .tabs-buttons .button, .tabs-buttons .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons button {
width: 100%;
height: 180px;
max-width: calc(100%/4 - 20px);
margin: 0 0 25px;
background: silver;
padding: 0 20px;
font-size: 1.5em;
font-weight: 400;
color: black;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
will-change: transform; }
.tabs-buttons button.active, .tabs-buttons .button.active, .tabs-buttons .blacklist-app__load-more-button button.active, .blacklist-app__load-more-button .tabs-buttons button.active {
background: #e3001c;
color: white;
cursor: default; }
.tabs-buttons button:not(.active):hover, .tabs-buttons button:not(.active):focus, .tabs-buttons .button:not(.active):hover, .tabs-buttons .blacklist-app__load-more-button button:not(.active):hover, .blacklist-app__load-more-button .tabs-buttons button:not(.active):hover, .tabs-buttons .button:not(.active):focus, .tabs-buttons .blacklist-app__load-more-button button:not(.active):focus, .blacklist-app__load-more-button .tabs-buttons button:not(.active):focus {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.tabs-buttons .button, .tabs-buttons .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons button {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tabs-blocks > div {
display: none; }
.materials {
counter-reset: block; }
.materials__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
counter-increment: block; }
.materials__item img, .materials__item a.more-details-link {
margin-bottom: 20px; }
.materials__item h3:before {
display: inline-block;
content: counter(block) "."; } .wp-video {
margin: auto; }
@media screen and (max-width: 991px) {
.tabs-buttons button, .tabs-buttons .button, .tabs-buttons .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons button {
height: auto;
padding: 20px 0;
max-width: calc(100%/2 - 20px); } }
@media screen and (max-width: 575px) {
.tabs-buttons button, .tabs-buttons .button, .tabs-buttons .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons button {
max-width: 100%; } }
.slider-container, .ema-slider, .owl-stage-outer, .owl-stage, .owl-item, .item, .item a {
height: 100%; }
.featured-links {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px; }
.featured-links .featured-single-link {
width: 270px;
height: 135px;
margin-bottom: 20px;
border: 1px solid #333333;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
position: relative; }
.featured-links .featured-single-link p {
position: relative;
z-index: 2;
text-align: center;
color: #FFFFFF;
font-size: 24px;
font-weight: 300;
padding: 0 10px;
line-height: 1.4em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.featured-links .featured-single-link:before {
content: '';
position: absolute;
height: 280px;
width: 280px;
background: #e3001c;
margin: auto;
-webkit-transform: scale(0) rotate(0deg);
transform: scale(0) rotate(0deg);
z-index: 1; }
.featured-links .featured-single-link:hover, .featured-links .featured-single-link:focus {
border-color: #e3001c; }
.recent-posts {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.recent-posts .recent-post {
width: 31%;
height: 150px;
color: #FFFFFF;
font-weight: 300; }
.recent-posts .recent-post a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.recent-posts .recent-post a:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #333333;
opacity: 0; }
.recent-posts .recent-post a p.date {
font-size: 12px;
margin-bottom: 10px; }
.recent-posts .recent-post a h1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 2.5em;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.3em; }
.recent-posts .recent-post a p:last-child {
font-size: 1em;
line-height: 1.3em; }
.recent-posts .recent-post a:hover, .recent-posts .recent-post a:focus {
opacity: 0.8; }
@media screen and (max-width: 1199px) {
.featured-links {
-ms-flex-pack: distribute;
justify-content: space-around; }
.featured-links .featured-single-link {
margin: 0 10px 10px; } }
@media screen and (max-width: 767px) {
.recent-posts {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.recent-posts .recent-post {
width: 100%;
max-width: 400px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-bottom: 2em; } }
.top-three-news-block, .news-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 30px; }
.top-three-news-block a, .news-block a {
width: calc((100% / 3) - 10px);
height: auto;
color: #333333;
line-height: 20pt; }
.top-three-news-block a .thumbnail, .news-block a .thumbnail {
position: relative;
margin-bottom: 5px; }
.top-three-news-block a .thumbnail img, .news-block a .thumbnail img {
width: 100%;
height: auto;
border: 1px solid lightgrey; }
.top-three-news-block a .thumbnail .badge, .news-block a .thumbnail .badge {
position: absolute;
top: 5%;
right: 0;
width: 60%;
height: auto;
z-index: 2;
background: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
font-weight: 600;
text-transform: uppercase;
padding: 8px;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.top-three-news-block a .date, .news-block a .date {
font-size: 12pt;
margin-bottom: 2px;
font-weight: 400;
margin-bottom: 5px; }
.top-three-news-block a h1, .news-block a h1 {
font-size: 14pt;
font-weight: 600;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 1.3em; }
.top-three-news-block a .excerpt, .news-block a .excerpt {
font-size: 14pt;
font-weight: 300;
line-height: 1.45em; }
.top-three-news-block a:hover h1, .top-three-news-block a:focus h1, .news-block a:hover h1, .news-block a:focus h1 {
color: #e3001c; }
.top-three-news-block.fraud-types a .thumbnail, .news-block.fraud-types a .thumbnail {
margin-bottom: 0; }
.top-three-news-block.fraud-types a h1, .news-block.fraud-types a h1 {
text-align: center; }
.top-three-news-block a {
margin-bottom: 30px; }
.news-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-block a {
width: calc(100% / 4 - 12px);
height: auto;
margin: 0 16px 20px 0; }
.news-block a:nth-of-type(4n+4) {
margin-right: 0; }
.categories-list {
max-width: 840px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px; }
.categories-list .category {
position: relative;
display: inline-block;
background: silver;
color: #FFFFFF;
padding: 5px 30px 5px 5px;
margin: 0 4px 4px 0; }
.categories-list .category span {
position: absolute;
top: 0;
right: 5px;
bottom: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background: #999999;
margin: auto; }
.categories-list .category span:before, .categories-list .category span:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 70%;
height: 2px;
margin: auto;
background: silver; }
.categories-list .category span:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.categories-list .category.active {
background: #e3001c; }
.categories-list .category.active span {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: rgba(255, 255, 255, 0.5); }
.categories-list .category.active span:before, .categories-list .category.active span:after {
background: #e3001c; }
.categories-list .category.show-all {
color: silver;
padding: 5px;
background: none; }
.categories-list.categories-list__single {
max-width: 100%; }
.categories-list.categories-list__single .category {
padding: 0px 5px; }
@media screen and (max-width: 991px) {
.top-three-news-block a .date, .news-block a .date {
font-size: 11pt; } }
@media screen and (max-width: 767px) {
.top-three-news-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.top-three-news-block a {
width: 100%;
max-width: 300px;
margin-bottom: 20px; }
.news-block {
-ms-flex-pack: distribute;
justify-content: space-around; }
.news-block a {
width: 40%; } }
@media screen and (max-width: 575px) {
.news-block {
-ms-flex-pack: distribute;
justify-content: space-around; }
.news-block a {
width: 100%;
margin: 0 !important;
max-width: 280px; } }
.sidebar-layout {
display: grid;
grid-template-columns: auto 300px;
grid-column-gap: 44px;
grid-row-gap: 16px;
grid-template-areas: "content sidebar";
padding-top: 10px; }
.sidebar-layout .post-content {
grid-area: content; }
.sidebar-layout .sidebar {
grid-area: sidebar;
background-color: #eeeeee;
padding: 16px 22px; }
.sidebar-layout .sidebar img {
width: 100%;
height: auto;
border: 1px solid lightgrey; }
.sidebar-layout .sidebar > p:first-of-type {
font-size: 23px;
font-weight: 600;
color: #242424;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px; }
.sidebar-layout .sidebar a {
display: block;
margin-bottom: 20px; }
.sidebar-layout .sidebar a .thumbnail {
margin-bottom: 10px; }
.sidebar-layout .sidebar a h1 {
font-size: 18px;
font-weight: 600;
line-height: 1.33;
margin-bottom: 5px; }
.sidebar-layout .sidebar a .excerpt {
font-size: 16px;
line-height: 1.5;
color: #242424;
margin-bottom: 22px; }
.sidebar-layout .sidebar a:hover .thumbnail img, .sidebar-layout .sidebar a:focus .thumbnail img {
border: 1px solid lightgrey; }
.sidebar-layout .sidebar a:hover h1, .sidebar-layout .sidebar a:focus h1 {
color: #e3001c; }
.no-sidebar-layout {
display: grid;
grid-template-columns: 100%;
grid-column-gap: 44px;
grid-template-areas: "content"; }
.no-sidebar-layout .post-content {
grid-area: content; }
@media screen and (max-width: 991px) {
.sidebar-layout {
grid-template-columns: auto 220px;
grid-column-gap: 22px; }
.sidebar-layout .sidebar a h1 {
font-size: 16px; }
.sidebar-layout .sidebar a .excerpt {
font-size: 14px; } }
@media screen and (max-width: 767px) {
.sidebar-layout {
grid-template-columns: 100%;
grid-column-gap: 44px;
grid-template-areas: "content" "sidebar"; }
.sidebar-layout .sidebar a {
display: block;
float: left;
width: calc(100% / 2 - 20px);
margin: 0 10px; } }
@media screen and (max-width: 575px) {
.sidebar-layout .sidebar a {
float: unset;
width: 100%;
max-width: 340px;
margin: auto; } }
.expand {
color: #e3001c;
margin-bottom: 10px; }
.our-aims > p {
font-size: 34px;
font-weight: 600;
color: #333333;
margin-top: 30px;
margin-bottom: 16px; }
.our-aims .aims-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.our-aims .aims-container .aim {
width: 100%;
max-width: 370px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 16px;
background-color: #eeeeee; }
.our-aims .aims-container .aim .circle {
position: relative;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 176px;
height: 176px;
margin-bottom: 45px; }
.our-aims .aims-container .aim .circle:before, .our-aims .aims-container .aim .circle:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 50%; }
.our-aims .aims-container .aim .circle:before {
z-index: 1;
width: 176px;
height: 176px;
background-color: silver; }
.our-aims .aims-container .aim .circle:after {
z-index: 2;
width: 120px;
height: 120px;
background-color: #eeeeee; }
.our-aims .aims-container .aim .circle span {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
margin: auto;
width: 57px;
height: 57px;
border-radius: 50%;
background-color: #e3001d;
font-size: 24px;
font-weight: 600;
color: white; }
.our-aims .aims-container .aim p {
text-align: center;
font-size: 16px;
line-height: 1.5;
color: #333333; }
@media screen and (max-width: 991px) {
.our-aims .aims-container {
-ms-flex-pack: distribute;
justify-content: space-around; }
.our-aims .aims-container .aim {
margin-bottom: 15px; } }
.staff-board-content {
margin: 10px 0 32px;
font-weight: 500; }
.staff-board-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px; }
.staff-board {
width: 49%;
min-height: 270px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 17px;
background-color: #eeeeee;
background-size: cover; }
.staff-board .photo {
margin-right: 16px;
max-width: 180px; }
.staff-board p {
font-size: 16px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 10px; }
.staff-board .n {
font-size: 23px;
font-weight: 500; }
@media screen and (max-width: 991px) {
.staff-board-container {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.staff-board {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.staff-board .photo {
margin: 0; }
.staff-board > div {
height: calc(100% - 180px);
text-align: center; }
.staff-board .n {
min-height: 2em;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center; }
.staff-board .n span:first-child {
margin-right: 5px; } }
@media screen and (max-width: 575px) {
.staff-board {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.wiki-page * {
font-size: 16px; }
.wiki-page .wiki-title {
font-size: 23px;
margin: 10px 0;
font-weight: 600; }
.wiki-page .wiki-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.wiki-page .wiki-part > p {
width: calc((100% / 2) - 20px); }
@media screen and (max-width: 575px) {
.wiki-page .wiki-part > p {
width: 100%; } }
.blacklist-page * {
color: white; }
.blacklist-page.page-content p a {
color: #FFFFFF;
text-decoration: underline; }
.blacklist-app__search-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 13px 0;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF; }
.blacklist-app__search-panel p {
margin: 0;
font-size: 1.438em;
font-weight: 600;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.blacklist-app__search-panel form {
-webkit-box-flex: 5;
-ms-flex-positive: 5;
flex-grow: 5;
position: relative; }
.blacklist-app__search-panel form input {
font-size: 1.125em;
width: 100%;
padding: 16px 20px 14px;
border: 1px solid #ffffff;
background: transparent; }
.blacklist-app__search-panel form input::-webkit-input-placeholder {
font-weight: 600;
color: #999999; }
.blacklist-app__search-panel form input::-moz-placeholder {
font-weight: 600;
color: #999999; }
.blacklist-app__search-panel form input::-ms-input-placeholder {
font-weight: 600;
color: #999999; }
.blacklist-app__search-panel form input::placeholder {
font-weight: 600;
color: #999999; }
.blacklist-app__search-panel form button {
position: absolute;
top: -0.1rem;
right: 0.8rem;
bottom: 0;
margin: auto;
width: 2rem;
height: 2rem;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/search.svg) no-repeat;
background-position: center center;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.blacklist-app__search-panel form button:hover, .blacklist-app__search-panel form button:focus {
-webkit-transform: scale(1.4);
transform: scale(1.4); }
.blacklist-app__result-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #999999;
margin-top: 20px; }
.blacklist-app__result-panel .fish-site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% / 3 - 12px);
margin: 0 9px 40px; }
.blacklist-app__result-panel .fish-site * {
width: 100%; }
.blacklist-app__result-panel .fish-site .date {
margin-bottom: 10px;
color: #999999; }
.blacklist-app__result-panel .fish-site a {
height: 208px;
margin-bottom: 10px;
background: white;
text-align: center;
overflow: hidden; }
.blacklist-app__result-panel .fish-site a img {
height: 100%;
width: auto;
max-width: 100%;
margin: auto; }
.blacklist-app__result-panel .fish-site > p {
height: 180px;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.blacklist-app__result-panel .fish-site .link {
font-size: 1em;
font-weight: 600;
color: #999999;
word-break: break-all; }
.blacklist-app__result-panel .fish-site:nth-of-type(3n+1) {
margin-left: 0; }
.blacklist-app__result-panel .fish-site:nth-of-type(3n+3) {
margin-right: 0; }
.blacklist-app__load-more-button {
margin-top: 20px;
text-align: center; }
.fancybox-caption {
font-size: 2em; }
@media screen and (max-width: 1199px) {
.blacklist-app__result-panel .fish-site {
height: 225px; } }
@media screen and (max-width: 991px) {
.blacklist-app__search-panel p {
width: 100%;
margin-bottom: 10px; }
.blacklist-app__result-panel .fish-site {
width: calc(100% / 2 - 9px);
height: 250px; }
.blacklist-app__result-panel .fish-site:nth-of-type(3n+1) {
margin-left: 9px; }
.blacklist-app__result-panel .fish-site:nth-of-type(3n+3) {
margin-right: 9px; }
.blacklist-app__result-panel .fish-site:nth-of-type(2n+1) {
margin-left: 0; }
.blacklist-app__result-panel .fish-site:nth-of-type(2n+2) {
margin-right: 0; } }
@media screen and (max-width: 767px) {
.blacklist-app__result-panel .fish-site {
height: 200px; } }
@media screen and (max-width: 575px) {
.blacklist-app__result-panel {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.blacklist-app__result-panel .fish-site {
width: 100%;
max-width: 370px;
height: auto;
margin: 20px 0 !important; } }
.join-us-page .tabs-buttons {
-ms-flex-pack: distribute;
justify-content: space-around; }
.join-us-pricing table tr:first-of-type td {
background-color: #999999;
padding: 18px 25px 20px;
font-size: 1.5em;
color: white; }
.join-us-pricing table tr:first-of-type td strong {
font-weight: 600; }
.join-us-pricing table tr td {
padding: 10px;
color: #333333;
line-height: 1.5;
border: 1px solid white; }
.join-us-pricing table tr td:nth-of-type(1n+2) em {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
overflow: hidden; }
.join-us-pricing table tr td:nth-of-type(1n+2) em:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 2;
background: #999999; }
.join-us-pricing table tr:nth-of-type(2n+3) td {
background: #eeeeee; }
.members {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.members__member-item {
position: relative;
width: calc((100%/4) - 9px);
height: 155px;
border: 1px solid silver;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px;
margin: 6px 12px 6px 0; }
.members__member-item:nth-of-type(4n+4) {
margin-right: 0; }
.members__member-item.big {
width: 320px;
height: 180px; }
.members__member-item img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto !important; }
.members__member-item .flag {
position: absolute;
top: 5px;
right: 5px;
width: 20% !important;
height: auto; }
@media screen and (max-width: 991px) {
.members__member-item {
width: calc((100% / 3) - 10px);
margin: 7px 15px 7px 0; }
.members__member-item:nth-of-type(4n+4) {
margin-right: 15px; }
.members__member-item:nth-of-type(3n+3) {
margin-right: 0; } }
@media screen and (max-width: 767px) {
.members__member-item {
width: calc((100% / 2) - 10px);
margin: 10px 20px 10px 0; }
.members__member-item:nth-of-type(4n+4) {
margin-right: 20px; }
.members__member-item:nth-of-type(3n+3) {
margin-right: 20px; }
.members__member-item:nth-of-type(2n+2) {
margin-right: 0; } }
@media screen and (max-width: 575px) {
.members__member-item {
width: calc(100% - 10px);
margin: 5px !important; } }
.international-events {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.international-events__event-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 16px 8px;
background: #eeeeee;
margin-bottom: 12px;
width: 100%; }
.international-events__event-item .img {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 200px;
height: 200px;
min-width: 200px;
background: white;
margin: 0 8px; }
.international-events__event-item .img img {
max-height: 100%;
max-width: 100%; }
.international-events__event-item .content p {
margin: 0 8px 8px;
font-size: 1.1em;
line-height: 1.5em; }
.international-events__event-item .content p:nth-of-type(1) {
font-size: 0.9em; }
.international-events__event-item .content p:nth-of-type(2) {
font-size: 1.4em;
font-weight: 600;
line-height: 1.2; }
.international-events__event-item .content p:nth-of-type(3) {
font-size: 0.95em;
font-weight: 700; }
.international-events__event-item .content p:last-of-type {
margin-bottom: 0; }
@media screen and (max-width: 575px) {
.international-events__event-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.international-events__event-item .content {
text-align: center; } }
.meeting {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid silver;
padding: 10px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.meeting:hover {
border-color: #333333; }
.meetings-history {
margin: 30px 0 0 0; }
.meeting-reg {
text-align: center;
margin: 30px 0; }
@media screen and (max-width: 575px) {
.meeting {
text-align: center; }
.meeting div:first-child {
margin-bottom: 10px; } }
.conferences-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.conferences-layout .conference-item {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
width: calc((100% / 4) - 10px);
margin: 5px;
height: 135px;
text-align: center;
color: #000000;
font-weight: 500;
line-height: 1.2em;
background: silver;
-webkit-transition: all .2s ease;
transition: all .2s ease; }
.conferences-layout .conference-item.last {
background: #666666; }
.conferences-layout .conference-item.current {
background: #cd9933; }
.conferences-layout .conference-item:nth-child(4n+1) {
margin-left: 0; }
.conferences-layout .conference-item:nth-child(4n+4) {
margin-right: 0; }
.conferences-layout .conference-item.active {
color: #FFFFFF;
background: #cd9933; }
.conferences-layout .conference-item:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.conferences-layout .conference-item.conference-old {
color: #FFFFFF;
background: #999999; }
.conferences-layout .conference-item.conference-old:hover {
-webkit-transform: unset;
transform: unset; }
.conference-block {
width: 100%;
margin-bottom: 50px; }
.conference-block > h2 {
position: relative;
margin-bottom: 25px;
font-size: 2.1em;
font-weight: 600; }
.conference-block > h2 span {
position: absolute;
right: 0; }
.conference-block > h2 span a {
font-size: 0.4em;
color: #003399;
text-decoration: underline; }
.conference-block .sub-title {
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
font-weight: 600; }
.conference-block > ul {
padding-left: 20px; }
.conference-block > ul li {
line-height: 1.4em;
margin-bottom: 15px; }
.conference-banner {
margin-bottom: 30px;
grid-area: banner;
height: 40vh;
overflow-y: hidden; }
.conference-banner .banner-img {
height: 100%;
width: 100%;
background-position: center;
background-size: cover; }
.conference-banner .banner-img p {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1140px;
height: 100%;
margin: auto;
color: #FFFFFF;
font-size: 2em;
font-weight: 600;
text-align: center; }
.costs_tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 360px;
color: #ffffff; }
.costs_tabs > div {
width: calc((100% / 3) - 1px); }
.costs_tabs > div:nth-of-type(2) {
width: calc((100% / 3)); }
.costs_tabs h3 {
font-size: 4.5em;
font-weight: 800; }
.costs_tabs h3 sup {
font-size: 0.5em;
position: relative;
top: -5px;
left: -5px; }
.costs_tabs p {
text-align: center;
font-size: 1.4em;
font-weight: 500;
line-height: 1.4;
margin-bottom: 20px; }
.costs_tabs p:last-child {
margin-bottom: 0; }
.costs_tabs-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.costs_tabs-buttons button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 16px;
margin-bottom: 1px;
background: #999999;
text-align: left;
font-size: 1.40em;
font-weight: 500; }
.costs_tabs-buttons button:last-of-type {
margin-bottom: 0; }
.costs_tabs-buttons button.active {
background: #e3001c; }
.costs_tabs-buttons button span {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
font-weight: 900; }
.costs_tabs-blocks {
background: #e3001c;
position: relative; }
.costs_tabs-blocks .tabs-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
color: #ffffff; }
.costs_days-left {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #e3001c; }
.agenda {
margin-bottom: 20px; }
.agenda_title {
position: relative;
padding: 20px 120px 20px 20px;
background: #e3001c;
color: #ffffff;
font-size: 1.3em;
font-weight: 600;
-webkit-transition: 1s ease;
transition: 1s ease; }
.agenda_title .text_hide {
display: none; }
.agenda_title .text_show {
display: inline; }
.agenda_title.active {
background: #e3001c; }
.agenda_title.active .text_hide {
display: inline; }
.agenda_title.active .text_show {
display: none; }
.agenda_title button {
position: absolute;
top: 0;
right: 20px;
bottom: 0;
margin: auto;
padding-right: 30px;
font-size: 0.6em; }
.agenda_title button .crest {
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: #999999;
opacity: 0.5;
border-radius: 50%;
-webkit-transition: 1s ease;
transition: 1s ease;
will-change: transform; }
.agenda_title button .crest:before, .agenda_title button .crest:after {
content: '';
background: #FFFFFF;
-webkit-transition: inherit;
transition: inherit; }
.agenda_title button .crest:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 2px;
height: 80%; }
.agenda_title button .crest:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 2px;
width: 80%; }
.agenda_title button .text {
color: #ffffff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease; }
.agenda_title button:hover .text, .agenda_title button:focus .text {
color: #000000; }
.agenda_title.active button .crest {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #ffffff;
opacity: 0.5; }
.agenda_title.active button .crest:before, .agenda_title.active button .crest:after {
background: #e3001c; }
.agenda_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.agenda_content > div {
background: #f3f3f3;
margin-bottom: 1px;
padding: 15px; }
.agenda_content .time {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 20%;
font-size: 1.7em;
font-weight: 500; }
.agenda_content .description {
width: calc(80% - 1px); }
.agenda_content .description p {
margin-bottom: 10px;
font-size: 1em;
line-height: 1em; }
.agenda_content .description p:first-of-type {
font-size: 1.7em; }
.agenda_content .description p:nth-of-type(2) {
font-size: 1.2em; }
.agenda_content .description p:nth-of-type(3) {
margin-bottom: 20px; }
.agenda_content .block-separator {
width: 100%; }
.agenda_content .block-separator p {
margin: 0;
font-size: 1.2em; }
.speakers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.speaker {
width: 100%;
max-width: 320px;
background: #f3f3f3;
padding: 8px;
margin-bottom: 8px; }
.speaker .url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.speaker .url div {
margin: 8px; }
.speaker .url[href*="facebook"] .image:before {
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/fb.png) no-repeat; }
.speaker .url[href*="linkedin"] .image:before {
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/icons/in.png) no-repeat; }
.speaker .url .image {
position: relative;
overflow: hidden;
width: 200px;
height: 200px; }
.speaker .url .image:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
-webkit-transform: scale(15);
transform: scale(15); }
.speaker .url .image img {
width: 100%; }
.speaker .url:hover .image:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.speaker .url .description {
text-align: center; }
.speaker .url .description p:first-child {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 3em;
font-size: 2em;
margin-bottom: 10px;
font-weight: 600; }
.speaker .url .description p:nth-of-type(2) {
margin-bottom: 10px; }
.speaker .url .description p {
line-height: 1.2em; }
.speaker .url .description ul li {
position: relative;
padding-left: 15px;
line-height: 1.2em; }
.speaker .url .description ul li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 10px;
height: 1px;
background: #e3001c; }
.main-sponsors {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.main-sponsors .members__member-item {
margin: 0 calc((100% - 320px * 3) / 4);
margin-bottom: calc((100% - 320px * 3) / 4);
border: none; }
.main-sponsors .members__member-item:nth-of-type(3n + 1) {
margin-left: 0; }
.main-sponsors .members__member-item:nth-of-type(3n + 3) {
margin-right: 0; }
.main-sponsors .members__member-item:last-child {
margin-right: 0; }
.sponsors .members__member-item {
border: none; }
.sponsors, .attenders {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.sponsors .members__member-item, .attenders .members__member-item {
margin: 0 calc((100% - 240px * 4) / 6);
margin-bottom: calc((100% - 240px * 4) / 3); }
.sponsors .members__member-item:nth-of-type(4n + 1), .attenders .members__member-item:nth-of-type(4n + 1) {
margin-left: 0; }
.sponsors .members__member-item:nth-of-type(4n + 4), .attenders .members__member-item:nth-of-type(4n + 4) {
margin-right: 0; }
.sponsors .members__member-item:last-child, .attenders .members__member-item:last-child {
margin-right: 0; }
.media-partners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.media-partner {
margin-bottom: 30px; }
.media-partner:nth-of-type(3n + 1) {
margin-left: 0; }
.media-partner:nth-of-type(3n + 3) {
margin-right: 0; }
.media-partner:last-child {
margin-right: 0; }
.media-partner .url {
width: 320px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.media-partner .media-title {
font-weight: 600;
line-height: 1em;
margin-bottom: 20px; }
.media-partner .image {
margin-bottom: 20px;
padding: 0 50px; }
.media-partner .image img {
width: 100%; }
.media-partner .description {
line-height: 1.6em;
text-align: center; }
.map {
height: 30vh; }
.cta {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.cta a {
padding: 20px 40px;
background: #e3001c;
color: #FFFFFF;
font-weight: 600;
font-size: 1.6em; }
.input-group {
width: 100%;
margin-bottom: 30px; }
.input-group h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
text-align: center; }
.input-group .flex-area-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.input-group .flex-area-center {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.participants {
counter-reset: participant; }
.participants .participant-data {
margin-bottom: 20px; }
.participants .participant-data:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
counter-increment: participant;
content: attr(data-participant) counter(participant) ":";
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 2px dashed #e3001c; }
.participants .participant-data .delete-participant {
color: #003399;
text-decoration: underline; }
.tickets {
text-align: center; }
.tickets h2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2em;
color: #FFFFFF;
padding: 1em 2em;
background-color: #e3001c; }
.tickets h2 span {
padding-left: .5em;
position: relative;
font-size: 3em;
font-weight: 700; }
@media screen and (max-width: 991px) {
.conference-banner {
height: calc(100vw / 3); }
.conferences-layout .conference-item {
width: calc((100% / 3) - 10px); }
.conferences-layout .conference-item:nth-child(4n+1) {
margin-left: 5px; }
.conferences-layout .conference-item:nth-child(4n+4) {
margin-right: 5px; }
.conferences-layout .conference-item:nth-child(3n+1) {
margin-left: 0; }
.conferences-layout .conference-item:nth-child(3n+3) {
margin-right: 0; }
.costs_tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.costs_tabs > div {
width: auto;
height: 250px;
margin-bottom: 1px; }
.costs_tabs > .costs_days-left {
width: 100%; }
.costs_tabs-buttons, .costs_tabs-blocks {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.costs_tabs-blocks .tabs-content {
padding: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media screen and (max-width: 767px) {
.conferences-layout .conference-item {
width: calc((100% / 2) - 10px); }
.conferences-layout .conference-item:nth-child(3n+1) {
margin-left: 5px; }
.conferences-layout .conference-item:nth-child(3n+3) {
margin-right: 5px; }
.conferences-layout .conference-item:nth-child(2n+1) {
margin-left: 0; }
.conferences-layout .conference-item:nth-child(2n+2) {
margin-right: 0; }
.costs_tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.costs_tabs > div {
width: 100% !important;
height: 250px;
margin-bottom: 1px; }
.costs_tabs-blocks .tabs-content {
padding: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media screen and (max-width: 575px) {
.conferences-layout .conference-item {
width: calc(100% - 10px); }
.conferences-layout .conference-item:nth-child(2n+1) {
margin-left: 5px; }
.conferences-layout .conference-item:nth-child(2n+2) {
margin-right: 5px; }
.costs_tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.costs_tabs > div {
width: 100% !important;
height: 250px;
margin-bottom: 1px; }
.costs_tabs-blocks .tabs-content {
padding: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.cta a {
padding: 15px; }
.conference-block iframe {
width: auto;
height: auto; }
.agenda_content .time {
width: 100%;
font-size: 1.3em;
text-align: center; }
.agenda_content .description {
width: 100%;
margin-bottom: 5px; }
.agenda_content .description * {
text-align: center; }
.tickets h2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.tickets h2 span {
padding-left: 0;
padding-top: .25em; } }
.search-block {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.search-block a {
height: auto; }
.search-block .search-found {
color: #ffffff;
background: #e3001c; }
.whitelist {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: justify;
-ms-flex-align: justify;
align-items: justify;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px; }
.whitelist__block {
width: calc(100% / 4 - 10px);
padding: 50px 25px 47px;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
border: 1px solid #999999;
background: lightgrey;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-bottom: 10px; }
.whitelist__block h3 {
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin-bottom: 0; }
.whitelist__block.active-block {
background: #e3001c; }
.whitelist__block.active-block h3 {
color: #FFFFFF; }
.whitelist__block:not(.active-block):hover {
cursor: pointer; }
.whitelist__list {
position: absolute;
top: 100%;
right: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 6px; }
@media screen and (max-width: 991px) {
.whitelist__block {
width: calc(100% / 2 - 10px); } }
@media screen and (max-width: 575px) {
.whitelist__block {
width: 100%; } }
.exchange-online {
margin-top: 30px; }
.tabs-buttons-exchange button, .tabs-buttons-exchange .button, .tabs-buttons-exchange .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons-exchange button {
position: relative; }
.tabs-buttons-exchange button:before, .tabs-buttons-exchange .button:before, .tabs-buttons-exchange .blacklist-app__load-more-button button:before, .blacklist-app__load-more-button .tabs-buttons-exchange button:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: url(//www.ema.com.ua/wp-content/themes/EMA%202018/img/basic-pages/afhub-logo.png) -170% 36% no-repeat;
background-size: 110%;
opacity: .2; }
@media screen and (max-width: 575px) {
.tabs-buttons-exchange button, .tabs-buttons-exchange .button, .tabs-buttons-exchange .blacklist-app__load-more-button button, .blacklist-app__load-more-button .tabs-buttons-exchange button {
width: calc(100%); } }
.payment .action__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: auto;
flex-direction: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.payment .button, .payment .blacklist-app__load-more-button button, .blacklist-app__load-more-button .payment button {
margin: 20px; }
.payment-postpone {
margin-top: 3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.payment-postpone label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.payment-postpone label span {
margin-bottom: 1em; }
.page-content .review {
margin-bottom: 0;
padding: 15px; }
.page-content .review:nth-of-type(2n + 1) {
background-color: #eeeeee; }
.page-content .review span {
font-style: italic; }
@supports (display: grid) {
@media screen and (max-width: 1199px) {
.main-grid-container {
grid-template-columns: 1fr 960px 1fr; }
.main-grid-container.homepage {
grid-template-rows: 48px 350px 1fr 1fr 90px; } }
@media screen and (max-width: 991px) {
.main-grid-container {
grid-template-columns: 1fr 720px 1fr;
grid-template-rows: 36px 10px 15px auto auto 90px; }
.main-grid-container.homepage {
grid-template-rows: 36px 260px 1fr 1fr 90px; }
.fast-links {
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media screen and (max-width: 767px) {
.main-grid-container, .main-grid-container.submenu-free {
grid-template-columns: 1fr 540px 1fr;
grid-template-rows: 96px 40px 15px auto auto 90px; }
.main-grid-container.homepage, .main-grid-container.submenu-free.homepage {
grid-template-rows: auto 190px 1fr 1fr 90px; } }
@media screen and (max-width: 575px) {
.main-grid-container, .main-grid-container.submenu-free {
grid-template-rows: auto auto 1fr 90px;
grid-template-columns: 1fr;
grid-template-areas: "header" "breadcrumbs" "main" "footer";
padding-top: 78px; }
.main-grid-container.conference-page, .main-grid-container.submenu-free.conference-page {
grid-template-rows: auto 5px auto 5px auto 1fr 90px;
grid-row-gap: 0;
grid-template-areas: "header" "." "breadcrumbs" "." "banner" "main" "footer"; }
.main-grid-container.homepage, .main-grid-container.submenu-free.homepage {
grid-template-rows: auto calc(100vw / 3) 1fr 1fr 90px; }
.main-content, #breadcrumbs {
padding: 0 10px; }
.fast-links {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
body.mobile-menu-open {
position: relative;
overflow: hidden; } } }