@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300&display=swap');

.relative {
    position: relative;
}

.full {
    width: 100%;
    height: 100%;
}

.right {
    float: right;
}

.hidden {
    display: none;
}

.click-through {
    pointer-events: none;
  }
  
.click-all {
    pointer-events: all;
}

@media all and (min-width: 1600px) {
    /* WIDE SCREEN & PC */

    .wide-page {
        display: block;
    }

    .tablet-page {
        display: none;
    }

    .mobile-page {
        display: none;
    }

}

@media all and (min-width: 768px) and (max-width: 1599px) {
    /* TABLET DEVICES */

    .wide-page {
        display: none;
    }

    .tablet-page {
        display: block;
    }

    .mobile-page {
        display: none;
    }

}

@media all and (max-width: 767px) {
    /* MOBILE DEVICES */

    .wide-page {
        display: none;
    }

    .tablet-page {
        display: none;
    }

    .mobile-page {
        display: block;
    }

}

/* WIDE PAGE
   ---------------------------------------------------------------------------------------------------------- */

.wide-page {
    position: relative;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    overflow-x: hidden;
    overflow-y: auto;
}

.wide-header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.wide-header-content {
    position: relative;
    width: 1600px;
    height: 100%;
    margin: 0 auto 0 auto;
}

.wide-logo {
    position: absolute;
    left: 192px;
    top: 38px;
    width: 216px;
    height: 39px;
    background: url(/images/common/ru/mipmap.png) -226px 0px no-repeat;
    overflow: hidden;
}

.wide-menu {
    position: absolute;
    padding: 0px;
    width: 720px;
    height: 18px;
    left: 460px;
    top: 41px;
}

.wide-menu .items {
    position: relative;
    text-align: left;
    width: 70%;
}

.wide-menu .right-column {
    position: relative;
    text-align: left;
    width: 30%;
}

.wide-menu a, .wide-menu a:visited {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    padding: 0 0 5px 0;
    box-sizing: border-box;
    color: #262626;
}

.wide-menu a:hover {
    border-bottom: 2px solid #1f74dd;
}

.wide-language-box {
    position: absolute;
    right: 10px;
    top: -10px;
    width: auto;
    height: auto;
    color: gray;
    cursor: pointer;
}

.wide-language-box-content {
    position: relative;
    width: auto;
    height: auto;
    padding: 7px 7px 7px 35px;
    box-sizing: border-box;
}

.wide-language-box .globe {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 24px;
	height: 24px;
    transform: translate(0%, -50%);
    background: url(/images/common/en/mipmap.png) 0px 0px no-repeat;
	overflow: hidden;
}

.wide-language-box-value {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}


.wide-content {
    position: relative;
    width: 1600px;
    height: auto;
    margin: 0 auto 0 auto;
}

.wide-content2 {
    position: relative;
    width: 1009px;
    height: auto;
    margin: 0 auto 0 auto;
}

.wide-header-pad {
    position: relative;
    width: 100%;
    height: 100px;
}


.wide-footer {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 450px;
    background: #1b1b20;
}

.wide-footer .main-links {
    position: relative;
    width: 1060px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
}

.wide-footer table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.wide-footer .header-column {
    width: 37%;
    text-align: left;
    color: #787885;
    padding: 0 0 10px 0;
    box-sizing: border-box;
}

.wide-footer .link-column {
    width: 37%;
    text-align: left;
}

.wide-footer .all-column {
    width: 100%;
    text-align: left;
}

.wide-footer a, a:visited {
    color: white;
    text-decoration: none;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}

a:hover {
    color: #005ed1;
}

.wide-footer-logo {
    position: absolute;
    right: 50px;
    bottom: 120px;
    width: 212px;
	height: 38px;
    background: url(/images/common/en/mipmap.png) -438px 0px no-repeat;
	overflow: hidden;
}

.wide-footer .copy-block {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: 120px;

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;

    text-align: center;
    color: rgba(255, 255, 255, 0.3);

    padding: 32px 0 32px 0;
    box-sizing: border-box;
}

.wide-footer .common-links {
    position: absolute;
    bottom: 120px;
    left: 50%;
    width: 1060px;
    height: auto;
    transform: translate(-50%, 0%);

    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;

    padding: 0 21px 0 21px;
    box-sizing: border-box;
    z-index: 100;
}

a.wide-footer-common-link, a.wide-footer-common-link:visited {
    color: #5f5f66;
    text-decoration: none;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}

a.wide-footer-common-link:hover {
    color: #72727b;
}

a.wide-footer-founder, a.wide-footer-founder:visited {
    display: block;
    color: #005ed1;
    text-decoration: none;
    padding: 15px 0 5px 0;
    box-sizing: border-box;
}

a.wide-footer-founder:hover {
    text-decoration: underline;
}

a.wide-footer-our-benefactors, a.wide-footer-our-benefactors:visited {
    display: block;
    color: #8bac44;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
}

a.wide-footer-our-benefactors:hover {
    text-decoration: underline;
}

/* TABLET PAGE
   ---------------------------------------------------------------------------------------------------------- */

.tablet-page {
    position: relative;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    overflow-x: hidden;
    overflow-y: auto;
}

.tablet-header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.tablet-header-content {
    position: relative;
    width: 768px;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto 0 auto;
}

.tablet-logo {
    position: absolute;
    left: 50px;
    top: 38px;
    width: 216px;
    height: 39px;
    background: url(/images/common/ru/mipmap.png) -226px 0px no-repeat;
    overflow: hidden;
}

.tablet-menu {
    position: absolute;
    padding: 0px;
    width: 480px;
    height: 18px;
    left: 300px;
    top: 41px;
}

.tablet-menu .items {
    position: relative;
    text-align: left;
    width: 70%;
}

.tablet-menu .right-column {
    position: relative;
    text-align: left;
    width: 30%;
}

.tablet-menu a, .tablet-menu a:visited {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    padding: 0 0 5px 0;
    box-sizing: border-box;
    color: #262626;
}

.tablet-menu a:hover {
    border-bottom: 2px solid #1f74dd;
}

.tablet-language-box {
    position: absolute;
    right: 30px;
    top: -10px;
    width: 40px;
    height: auto;
    color: gray;
    cursor: pointer;
}

.tablet-language-box-content {
    position: relative;
    width: auto;
    height: auto;
    padding: 32px 7px 7px 35px;
    box-sizing: border-box;
}

.tablet-language-box .globe {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 24px;
	height: 24px;
    transform: translate(0%, -50%);
    background: url(/images/common/en/mipmap.png) 0px 0px no-repeat;
	overflow: hidden;
}

.tablet-language-box-value {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}


.tablet-content {
    position: relative;
    width: 768px;
    height: auto;
    margin: 0 auto 0 auto;
}

.tablet-content2 {
    position: relative;
    width: 1009px;
    height: auto;
    margin: 0 auto 0 auto;
}

.tablet-header-pad {
    position: relative;
    width: 100%;
    height: 100px;
}


.tablet-footer {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 450px;
    background: #1b1b20;
}

.tablet-footer .main-links {
    position: relative;
    width: 760px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
}

.tablet-footer table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.tablet-footer .header-column {
    width: 37%;
    text-align: left;
    color: #787885;
    padding: 0 0 10px 0;
    box-sizing: border-box;
}

.tablet-footer .link-column {
    width: 37%;
    text-align: left;
}

.tablet-footer .all-column {
    width: 100%;
    text-align: left;
}

.tablet-footer a, a:visited {
    color: white;
    text-decoration: none;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}

a:hover {
    color: #005ed1;
}

.tablet-footer-logo {
    position: absolute;
    right: 50px;
    bottom: 120px;
    width: 212px;
	height: 38px;
    background: url(/images/common/en/mipmap.png) -438px 0px no-repeat;
	overflow: hidden;
}

.tablet-footer .copy-block {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: 120px;

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;

    text-align: center;
    color: rgba(255, 255, 255, 0.3);

    padding: 32px 0 32px 0;
    box-sizing: border-box;
}

.tablet-footer .common-links {
    position: absolute;
    bottom: 120px;
    left: 50%;
    width: 760px;
    height: auto;
    transform: translate(-50%, 0%);

    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;

    padding: 0 21px 0 21px;
    box-sizing: border-box;
    z-index: 100;
}

a.tablet-footer-common-link, a.tablet-footer-common-link:visited {
    color: #5f5f66;
    text-decoration: none;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}

a.tablet-footer-common-link:hover {
    color: #72727b;
}

a.tablet-footer-founder, a.tablet-footer-founder:visited {
    display: block;
    color: #005ed1;
    text-decoration: none;
    padding: 15px 0 5px 0;
    box-sizing: border-box;
}

a.tablet-footer-founder:hover {
    text-decoration: underline;
}

a.tablet-footer-our-benefactors, a.tablet-footer-our-benefactors:visited {
    display: block;
    color: #8bac44;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
}

a.tablet-footer-our-benefactors:hover {
    text-decoration: underline;
}

/* MOBILE PAGE
   ---------------------------------------------------------------------------------------------------------- */

.mobile-page {
    position: relative;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    overflow-x: hidden;
    overflow-y: auto;
}

.mobile-header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 1000;
}

.mobile-header-content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
}

.mobile-logo {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(0%, -50%);
    width: 216px;
    height: 39px;
    background: url(/images/common/ru/mipmap.png) -226px 0px no-repeat;
    overflow: hidden;
}

.mobile-header-pad {
    position: relative;
    width: 100%;
    height: 100px;
}

.mobile-menu {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translate(0%, -50%);
	background: url(/images/common/en/mipmap.png?5) -132px 0px no-repeat;
	width: 20px;
	height: 14px;
	overflow: hidden;
    cursor: pointer;
}

.mobile-menu-close {
	position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
	height: 24px;
    background: url(/images/common/en/mipmap.png?5) -152px 0px no-repeat;
	overflow: hidden;
    cursor: pointer;
    z-index: 10;
}

.mobile-menu-popup {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    background: white;
}

.mobile-menu-header {
    position: relative;
    width: 100%;
    height: auto;
    padding: 16px;
    box-sizing: border-box;
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 15px;
    color: black;
}

.mobile-menu-item {
    position: relative;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    font-size: 15px;
    color: black;
    padding: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid gray;
    cursor: pointer;
}

.mobile-menu-item:active {
    color: white;
    background: #396fd1;
    border-bottom: 1px solid #3065c8;
}


.mobile-footer {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 360px;
    background: #1b1b20;
}

.mobile-footer .main-links {
    position: relative;
    width: 100%;
    height: auto;
}

.mobile-footer .mobile-arrow-down {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 13px;
	height: 9px;
    transform: translate(0%, -50%);
	background: url(/images/common/en/mipmap.png) -176px 0px no-repeat;
	overflow: hidden;
}

.mobile-footer .mobile-arrow-up {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 13px;
	height: 9px;
    transform: translate(0%, -50%);
	background: url(/images/common/en/mipmap.png) -189px 0px no-repeat;
	overflow: hidden;
}

.mobile-footer table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.mobile-footer .header3 {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
    font-size: 15px;
    background: #343434;
    color: #909090;
    cursor: pointer;
}

.mobile-footer .link {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
    color: white;
    font-size: 15px;
    border-bottom: 1px solid #393939;
    cursor: pointer;
}

.mobile-footer .link:active {
    color: white;
    background: #484848;
}

.mobile-footer-logo-wrapper {
    position: relative;
    width: 100%;
    height: 100px;
}

.mobile-footer-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 212px;
	height: 38px;
    transform: translate(-50%, -50%);
    background: url(/images/common/en/mipmap.png) -438px 0px no-repeat;
	overflow: hidden;
}

.mobile-footer .copy-block {
    position: relative;
    width: 100%;
    height: auto;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;

    text-align: center;
    color: rgba(255, 255, 255, 0.3);

    padding: 10px 0 32px 0;
    box-sizing: border-box;
}

.mobile-language-box-wrapper {
    position: relative;
    width: auto;
    height: auto;
    padding: 21px 0 0 21px;
    box-sizing: border-box;
}

.mobile-language-box {
    position: relative;
    width: auto;
    height: auto;
    color: gray;
    cursor: pointer;
}

.mobile-language-box-content {
    position: relative;
    width: auto;
    height: auto;
    padding: 7px 7px 7px 35px;
    box-sizing: border-box;
}

.mobile-language-box .globe {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 24px;
	height: 24px;
    transform: translate(0%, -50%);
    background: url(/images/common/en/mipmap.png) 0px 0px no-repeat;
	overflow: hidden;
}

.mobile-language-box-value {
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}

a.mobile-footer-common-link, a.mobile-footer-common-link:visited {
    color: #5f5f66;
    text-decoration: none;
    padding: 15px 0 15px 0;
    box-sizing: border-box;
}

a.mobile-footer-common-link:hover {
    color: #72727b;
}

a.mobile-footer-founder, a.mobile-footer-founder:visited {
    display: block;
    color: #005ed1;
    text-decoration: none;
    padding: 15px 0 5px 0;
    box-sizing: border-box;
}

a.mobile-footer-founder:hover {
    text-decoration: underline;
}

a.mobile-footer-our-benefactors, a.mobile-footer-our-benefactors:visited {
    display: block;
    color: #8bac44;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
}

a.mobile-footer-our-benefactors:hover {
    text-decoration: underline;
}

.mobile-content {
    position: relative;
    width: 380px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

/* LANGUAGE DIALOG
   ---------------------------------------------------------------------------------------------------------- */

.language-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Ubuntu;
    z-index: 1000;
}

.language-dialog-background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: 1;
}

a.available-language, a.available-language:visited {
    color: #005ed1;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid white;
}

a.available-language:hover {
    border-bottom: 1px solid #005ed1;
}

a.support-language, a.support-language:visited {
    color: orange;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid white;
}

a.support-language:hover {
    border-bottom: 1px solid orange;
}

@media all and (min-width: 1600px) {
    /* WIDE SCREEN & PC */

    .wide-language-dialog {
        display: block;
    }

    .tablet-language-dialog {
        display: none;
    }

    .mobile-language-dialog {
        display: none;
    }

}

@media all and (min-width: 768px) and (max-width: 1599px) {
    /* TABLET DEVICES */

    .wide-language-dialog {
        display: none;
    }

    .tablet-language-dialog {
        display: block;
    }

    .mobile-language-dialog {
        display: none;
    }

}

@media all and (max-width: 767px) {
    /* MOBILE DEVICES */

    .wide-language-dialog {
        display: none;
    }

    .tablet-language-dialog {
        display: none;
    }

    .mobile-language-dialog {
        display: block;
    }

}

.wide-language-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 70%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    z-index: 3;
}

.wide-language-dialog .content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 25px;
    box-sizing: border-box;
}

.wide-language-dialog .select-your-language-header {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 19px;
    font-weight: bold;
    padding: 10px;
    margin: 0 0 12px 0;
    box-sizing: border-box;
    color: #62626d;
}

.wide-language-dialog .content2 {
    position: relative;
    width: 100%;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.wide-language-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: url(/images/localization/close.png) center center no-repeat;
    opacity: 0.7;
    cursor: pointer;
}

.wide-language-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.wide-language-dialog .header-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}

.wide-language-dialog .language-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
}

.tablet-language-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 740px;
    height: 70%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    z-index: 3;
}

.tablet-language-dialog .content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 25px;
    box-sizing: border-box;
}

.tablet-language-dialog .select-your-language-header {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 19px;
    font-weight: bold;
    padding: 10px;
    margin: 0 0 12px 0;
    box-sizing: border-box;
    color: #62626d;
}

.tablet-language-dialog .content2 {
    position: relative;
    width: 100%;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.tablet-language-dialog .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: url(/images/localization/close.png) center center no-repeat;
    opacity: 0.7;
    cursor: pointer;
}

.tablet-language-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.tablet-language-dialog .header-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}

.tablet-language-dialog .language-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
}

.mobile-language-dialog {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: white;
}

.mobile-language-dialog .content {
    position: relative;
    width: 100%;
    height: 100%;
}

.mobile-language-dialog .content2 {
    position: relative;
    width: 100%;
    height: calc(100% - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.mobile-language-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.mobile-language-dialog .select-your-language-header {
    position: relative;
    width: 100%;
    height: auto;
    padding: 21px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    color: #62626d;
    background: white;
}

.mobile-language-dialog .close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 32px;
    height: 32px;
    background: url(/images/localization/close.png) center center no-repeat;
    opacity: 0.7;
    cursor: pointer;
}

.mobile-language-dialog .header-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
}

.mobile-language-dialog .language-column {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 17px;
    padding: 10px 10px 10px 30px;
    box-sizing: border-box;
}

.mobile-language-dialog .language-column2 {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 19px;
    padding: 21px 10px 21px 30px;
    box-sizing: border-box;
}

/* COOKIES ACCEPT DIALOG
   ---------------------------------------------------------------------------------------------------------- */

.cookies-accept-dialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1500;
}

@media all and (min-width: 1600px) {
    /* WIDE SCREEN & PC */

    .wide-cookies-accept-dialog {
        display: block;
    }

    .tablet-cookies-accept-dialog {
        display: none;
    }

    .mobile-cookies-accept-dialog {
        display: none;
    }

}

@media all and (min-width: 768px) and (max-width: 1599px) {
    /* TABLET DEVICES */

    .wide-cookies-accept-dialog {
        display: none;
    }

    .tablet-cookies-accept-dialog {
        display: block;
    }

    .mobile-cookies-accept-dialog {
        display: none;
    }

}

@media all and (max-width: 767px) {
    /* MOBILE DEVICES */

    .wide-cookies-accept-dialog {
        display: none;
    }

    .tablet-cookies-accept-dialog {
        display: none;
    }

    .mobile-cookies-accept-dialog {
        display: block;
    }

}

.wide-cookies-accept-dialog {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    pointer-events: all;
}

.wide-cookies-accept-dialog .content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 21px;
    box-sizing: border-box;
    background: #247ae5;
    color: white;
}

.wide-cookies-accept-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.wide-cookies-accept-dialog .text-column {
    position: relative;
    width: calc(100% - 150px);
    height: auto;
}

.wide-cookies-accept-dialog .button-column {
    position: relative;
    width: 150px;
    height: 100%;
}

.wide-cookies-accept-dialog button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;
    
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;
    cursor: pointer;
}

.wide-cookies-accept-dialog button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

.wide-cookies-accept-dialog a, .wide-cookies-accept-dialog a:visited {
    color: orange;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

.wide-cookies-accept-dialog a:hover {
    color: orange;
    border-bottom: 1px solid orange;
}


.tablet-cookies-accept-dialog {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    pointer-events: all;
}

.tablet-cookies-accept-dialog .content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 21px;
    box-sizing: border-box;
    background: #247ae5;
    color: white;
}

.tablet-cookies-accept-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.tablet-cookies-accept-dialog .text-column {
    position: relative;
    width: calc(100% - 150px);
    height: auto;
}

.tablet-cookies-accept-dialog .button-column {
    position: relative;
    width: 150px;
    height: 100%;
}

.tablet-cookies-accept-dialog button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;
    
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;
    cursor: pointer;
}

.tablet-cookies-accept-dialog button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

.tablet-cookies-accept-dialog a, .tablet-cookies-accept-dialog a:visited {
    color: orange;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

.tablet-cookies-accept-dialog a:hover {
    color: orange;
    border-bottom: 1px solid orange;
}


.mobile-cookies-accept-dialog {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    font-family: Ubuntu;
    pointer-events: all;
}

.mobile-cookies-accept-dialog .content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 21px;
    box-sizing: border-box;
    background: #247ae5;
    color: white;
}

.mobile-cookies-accept-dialog table {
    position: relative;
    width: 100%;
    height: auto;

    border-spacing: 0px;
    border-collapse: separate;
    box-sizing: border-box;
    table-layout: fixed;

    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
}

.mobile-cookies-accept-dialog .text-column {
    position: relative;
    width: calc(100% - 120px);
    height: auto;
}

.mobile-cookies-accept-dialog .button-column {
    position: relative;
    width: 120px;
    height: 100%;
    padding: 0 0 0 5px;
    box-sizing: border-box;
}

.mobile-cookies-accept-dialog button {
    background: #F2F2F2;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;
    
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2F80ED;
    cursor: pointer;
}

.mobile-cookies-accept-dialog button:hover {
    background: transparent;
    border: 1px solid #F2F2F2;
    color: #F2F2F2;
}

.mobile-cookies-accept-dialog a, .mobile-cookies-accept-dialog a:visited {
    color: orange;
    text-decoration: none;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

.mobile-cookies-accept-dialog a:hover {
    color: orange;
    border-bottom: 1px solid orange;
}


a.blue-link, a.blue-link:visited {
    color: #1d7bda;
    text-decoration: none;
    padding: 0;
    box-sizing: border-box;
}

a.blue-link:hover {
    text-decoration: underline;
}