html, body {
    font-family: 'DIN Pro';
    background-color: #e5e5e5;
}

div#splash {
    height: 100vh;
    background-color: #FFFFFF;
    background: #FFFFFF url(/images/loading_valenta.gif) center center no-repeat;
    background-size: 75%;
}

.text-lightgaray {
    color: #C4C4C4 !important;
}

a:hover {
    text-decoration: none !important;
}

div#body {
    display: none;
}

.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-4 {
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.crop-text-5 {
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.btn-min {
    border: none;
    background-color: transparent;
    margin: 2px !important;
}

    .btn-min i {
        font-size: 20px;
        margin: 5px !important;
    }

    .btn-min:focus {
        outline: none;
    }

.news-favorite .fa,
.research-favorite .fa,
.webinar-favorite .fa {
    color: #FF7900;
}

#not_found {
    min-height: calc(100vh - 54px);
    background: url(/images/backgrounds/bg-404.png) bottom right no-repeat;
    background-size: 70%;
}

#not_found h1 {
    font-size: 4vw;
    font-weight: bold;
}

select,
option,
textarea,
input[type=text],
input[type=email],
input[type=password] {
    background: #F5F6F8 !important;
    border: 1px solid #DEDEDE !important;
    border-radius: 8px !important;
    font-family: 'DIN Pro' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 15px !important;
}

::-webkit-input-placeholder { /* Edge */
    color: #C1BEBE !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C1BEBE !important;
}

::placeholder {
    color: #C1BEBE !important;
}

.auth-text {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #616365;
    text-decoration: none;
}

.bg-orange {
    background-color: #FF7900 !important;
}

.page-item.active .page-link {
    background-color: #FF7900 !important;
    color: #FFFFFF !important;
    border-color: #FF7900 !important;
}

.page-item a.page-link {
    color: #FF7900 !important;
    border-color: #FF7900 !important;
}

.link-orange {
    height: 18px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FF7900;
    text-decoration: none;
}

#login-image {
    position: relative;
}

#emplacementRecaptcha {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.alert-error {
    background-color: #FF7900;
    color: #FFFFFF;
    border-radius: 4px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

li.active a {
    color: #FF7900 !important;
}

.nav-pills .nav-link, .nav-pills .show > .nav-link {
    color: #FF7900;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-2 {
    border-width: 2px;
    border-style: solid;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#intro-text {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
}

div.page-header {
}

.text-navy {
    color: #002D74;
}

hr.navy {
    height: 2px;
    background-color: #002D74;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.top-0 {
    top: 0;
}


div.page-subtitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

div.page-title-logo {
    padding: 60px;
}

div.page-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
}

div.bg-gray-bottom-60 {
    background-image: linear-gradient(to top, #616365 60%, #ffffff 40%);
    background-image: -o-linear-gradient(to top, #616365 60%, #ffffff 40%);
    background-image: -moz-linear-gradient(to top, #616365 60%, #ffffff 40%);
    background-image: -webkit-linear-gradient(to top, #616365 60%, #ffffff 40%);
    background-image: -ms-linear-gradient(to top, #616365 60%, #ffffff 40%);
}

.bg-news {
    background: url(/images/bg-news.png) top center no-repeat;
    background-size: cover;
    min-height: 600px;
}

.bg-research {
    background: url(/images/research/research-bg.png) bottom center no-repeat;
    background-size: cover;
    min-height: 400px;
}

.bg-webinars {
    background: #616365 url(/images/webinars/bg-title.png) top center no-repeat;
    background-size: cover;
}

.bg-webinars-archive {
    background: #616365 url(/images/webinars-archive-bg.png) top center no-repeat;
    background-size: cover;
}

@media (max-width: 360px) {
    div.page-title {
        font-family: "DIN Pro";
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 60px;
    }

    div.topic-title {
        font-family: DIN Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 30px;
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    body {
        margin-bottom: 600px;
    }

    .footer {
        height: 600px;
    }

    .site-map-list {
        column-count: 2;
    }

    #intro-text h1 {
        font-size: 12vw;
    }

    #intro-text {
        font-size: 12px;
        line-height: 16px;
    }

    div.page-wrapper {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 361px) and (max-width: 767px) {
    div.page-title {
        font-family: "DIN Pro";
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 60px;
    }

    div.topic-title {
        font-family: DIN Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 30px;
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    body {
        margin-bottom: 600px;
    }

    .footer {
        height: 600px;
    }

    .site-map-list {
        column-count: 3;
    }

    #intro-text h1 {
        font-size: 12vw;
    }

    #intro-text {
        font-size: 14px;
        line-height: 20px;
    }

    div.page-wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    div.page-title {
        font-family: "DIN Pro";
        font-style: normal;
        font-weight: bold;
        font-size: 68px;
        line-height: 70px;
    }

    div.topic-title {
        font-family: DIN Pro;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 40px;
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    div#contact-map {
        background: #FFFFFF url(/images/Map.png) center center no-repeat;
        background-size: cover;
        min-height: 600px;
    }

    body {
        margin-bottom: 330px;
    }

    .footer {
        height: 330px;
    }

    .site-map-list {
        column-count: 2;
    }

    #intro-text h1 {
        font-size: 4.5vw;
    }

    #intro-text {
        font-size: 14px;
        line-height: 20px;
    }

    div.page-wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-right: 120px;
        padding-left: 120px;
    }
}

.site-map-list {
    padding-left: 26px;
}

    .site-map-list li {
        list-style-image: url("/images/gt-white.svg");
    }

        .site-map-list li.active {
            list-style-image: url("/images/gt-orange.svg");
        }

/*------------------------*/
.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.other-option {
    color: #1b6ec2;
}

.text-title {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 82px;
    line-height: 98px;
    margin-bottom: 35px;
}

.border-orange {
    border-color: #FF7900 !important;
    border-width: 1px !important;
}

.border-blue {
    border-color: #2bb8d4 !important;
    border-width: 1px !important;
}

.text-blue {
    color: #2bb8d4;
}

.text-orange {
    color: #FF7900;
}

.text-gray {
    color: #616365;
}

.text-dark {
    color: #333333;
}

a.text-dark:hover {
    text-decoration: none;
    color: #616365 !important;
}

a.text-white:hover {
    text-decoration: none;
    color: #e0e0e0 !important;
}

a.text-white-50:hover {
    text-decoration: none;
    color: #FFFFFF !important;
}

.btn {
    min-width: 130px;
    min-height: 40px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-lg {
    min-width: 150px;
    min-height: 50px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-orange {
    background: #FF7900;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    color: #FFFFFF;
}

    .btn-orange:hover {
        color: #FFFFFF;
    }

.active.btn-orange-o {
    min-width: 120px;
    min-height: 36px;
    line-height: 20px;
    border-radius: 8px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    background: #FF7900;
    color: #FFFFFF !important;
}

.btn-orange-o {
    min-width: 120px;
    min-height: 36px;
    line-height: 20px;
    border: 1px solid #FF7900;
    border-radius: 8px;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #FF7900;
}

    .btn-orange-o:hover {
        background: #FF7900 !important;
        border: 1px solid #FFFFFF !important;
        color: #FFFFFF !important;
    }

.bg-gray {
    background: #616365;
}

a.text-title {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 56px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #333333;
    margin-bottom: 20px;
}

    a.text-title:hover {
        color: #616365;
        text-decoration: none;
    }


.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

a .btn:active .text-orange {
    color: #FF7900 !important;
}

#login-image {
    background: #616365 url(/images/Login.svg) top center no-repeat;
    min-height: 548px;
    background-size: cover;
}

a.btn.text-orange:hover {
    color: #FF7900;
}

button.close:focus, button.close:active {
    outline: none !important;
}

div#loginModal .modal-content {
    border-radius: 0;
    height: 100%;
    position: relative;
}

div#loginModal .modal-footer {
    bottom: 0px;
    position: absolute;
    border: none;
}

@media (max-width: 768px) {
    .events-line {
        background: #e0e0e0;
    }

    div#events-main-carousel .carousel-inner .carousel-item > div {
        display: none;
    }

        div#events-main-carousel .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

div#events-main-carousel .carousel-inner .carousel-item > div:first-child .card-body {
    background-color: #616365;
    color: #ffffff;
}

div#events-main-carousel .carousel-item .card-img-top {
    height: 150px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

div#events-main-carousel .carousel-item .card-body {
    min-height: 150px;
    color: #616365;
    background: #ffffff;
}

    div#events-main-carousel .carousel-item .card-body .card-title {
        margin: 3px 0 3px 0;
    }

    div#events-main-carousel .carousel-item .card-body .card-text {
        margin: 1px 0 1px 0;
    }

div#events-main-carousel .carousel-inner .carousel-item.active,
div#events-main-carousel .carousel-inner .carousel-item-next,
div#events-main-carousel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    .events-line {
        min-height: 500px;
        background: linear-gradient(to right, #ffffff 50%, #e0e0e0 50%);
    }

    div#events-main-carousel.carousel-layer {
        margin-right: -340px;
    }

    div#events-main-carousel .carousel-inner .carousel-item-right.active,
    div#events-main-carousel .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    div#events-main-carousel .carousel-inner .carousel-item-left.active,
    div#events-main-carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}

div#events-main-carousel .carousel-inner .carousel-item-right,
div#events-main-carousel .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.orange-shadow {
    box-shadow: 0 0 4px 4px rgba(255, 121, 0, 0.25);
}

.gray-shadow {
    box-shadow: 0 0 4px 4px rgba(100, 100, 100, 0.25);
}

.media-shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.bg-darkgreen {
    background-color: #033e44;
}

.text-line-120 {
    line-height: 120%;
}

@media (min-width: 768px) {
    .image-shadow {
        position: absolute;
        width: 100%;
        height: 7px;
        box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
        top: 0;
        left: 0;
    }
}

#intro {
    position: relative;
}

    #intro video {
        min-height: 500px;
        position: relative;
        z-index: 0;
        object-fit: cover;
    }

#intro-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    overflow: auto;
    height: 100%;
    width: 100%;
    /*background: rgba(61, 63, 65, 0.5);*/
    background: rgba(180, 180, 180, 0.7);
    padding: 0;
    margin: 0;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* Всплывающее окно Входа и Регистрации */
button.btn-external {
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    color: #272727;
    padding: 3px;
    border: none;
    background-color: transparent;
    outline: none;
}

    button.btn-external img {
        width: 30px;
        height: 30px;
    }

.field-validation-error {
    color: red;
    font-size: smaller;
}

.label-selected {
    border-bottom: 2px solid #FF7900;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FF7900;
    padding-bottom: 10px;
}

.label-unselected {
    border-bottom: 2px solid #A9ACAE;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #A9ACAE;
    padding-bottom: 10px;
}

#busy {
    position: fixed;
    left: calc(50% - 400px);
    top: calc(50% - 400px);
    background: transparent url("/images/loading.gif") center center no-repeat;
    background-size: contain;
    z-index: 9999;
    height: 800px;
    width: 800px;
    display: none;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-radius: 100%;
    background-color: #FFFFFF;
}

    .carousel-indicators li.active {
        background-color: #FF7900;
    }

.bg-light-gray {
    background: #AAAAAA;
}

.bg-lighter-gray {
    background: #DEDEDE;
}

a.text-orange:hover {
    text-decoration: none;
    color: #FF7900;
}

.zoom {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

a.list-group-item {
    border-left: 5px solid Transparent !important;
    color: #C1BEBE !important;
}

    a.list-group-item svg {
        fill: #C1BEBE !important;
    }

a:hover.list-group-item {
    border-left: 5px solid #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: #C1BEBE !important;
}

    a:hover.list-group-item svg {
        fill: #FFFFFF !important;
    }

/*    a.list-group-item path {
        stroke: #C1BEBE !important;
    }*/

a.list-group-item .badge-light {
    background-color: #C1BEBE !important;
}

a.list-group-item.active {
    color: #FFFFFF !important;
    background-color: #616365 !important;
    border-left: 5px solid #FF7900 !important;
}

    a.list-group-item.active .badge-light {
        background-color: #FFFFFF !important;
        color: #FF7900 !important;
    }

    a.list-group-item.active svg {
        fill: #FF7900 !important;
    }

    a.list-group-item.active path {
        stroke: #FF7900 !important;
    }

#nanotropil_footer {
    background: url(/images/drugs/nanotropil/bg.png) center center no-repeat;
    background-size: cover;
}