body{ background-color: #f4f4f4 !important; min-height: 100%; margin: 0; word-break: break-word}

@font-face{font-family:"Helveticaneuecyr";
    src:local(Helveticaneuecyr Thin),url("../fonts/helveticaneuecyr/helveticaneuecyr_thin.otf") format("otf"),
    url("../fonts/helveticaneuecyr/helveticaneuecyr_thin.otf") format("otf");
    font-weight:100
}
@font-face{font-family:"Helveticaneuecyr";
    src:local(Helveticaneuecyr Light),url("../fonts/helveticaneuecyr/helveticaneuecyr-light.ttf") format("otf"),
    url("../fonts/helveticaneuecyr/helveticaneuecyr-light.otf") format("otf");
    font-weight:300
}
@font-face{font-family:"Helveticaneuecyr";
    src:local(Helveticaneuecyr Bold),url("../fonts/helveticaneuecyr/helveticaneuecyr-bold.ttf") format("otf"),
    url("../fonts/helveticaneuecyr/helveticaneuecyr-bold.otf") format("otf");
    font-weight:bold
}
@font-face{font-family:"Helveticaneuecyr";
    src:local(Helveticaneuecyr Bold),url("../fonts/helveticaneuecyr/helveticaneuecyr-bold.ttf") format("otf"),
    url("../fonts/helveticaneuecyr/helveticaneuecyr-bold.otf") format("otf");
    font-weight:700
}

html{ font-family: "Helveticaneuecyr", sans-serif !important;}

p{ font-size: 1.25rem; line-height: normal; font-weight: 300; margin: 0;}
a{ transition: 200ms linear}
a:hover{ text-decoration: underline}

header{ position: relative; overflow: hidden}
/*header::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
}*/
header .h-video{ width: 100%; height: auto; max-height: 350px; min-height: 350px; object-fit: cover;}
header .h-card{ position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); background: rgba(0,0,0,0.6);
    padding: 2rem; border-radius: 12px;
    color: #feffff!important; text-align: center;
    max-width: 650px; width: 95%}
header .h-card h1{ font-size: 2rem; font-weight: 600; line-height: normal; margin: 0}
header .h-card p{ margin-top: 1.5rem}

.wrapper { display: flex; flex-direction: column; height: 100%; }
.content { flex: 1 0 auto; }
.container-fluid{ max-width: 1500px; width: 95%; margin: 0 auto}
.row{ margin-bottom: 0}

.modal_content{ display: none; position: fixed; left: 0; bottom: 0; width: 100%; background: #edeff2; z-index: 10000;
    padding: 10px 45px;}
.modal_content p{ margin: 0}
.modal_content a{ text-decoration: underline; height: inherit; line-height: 1.2; margin-left: 15px}

.button-up{ display: none; flex-direction: column; align-items: center; justify-content: flex-end; width: 80px; height:100%;
    position: fixed; z-index: 100; right: 0; top: 0; padding-bottom: 100px; cursor: pointer; text-align: center; line-height: 30px;
    color: #f4f4f4; background-color: rgba(0,0,0,.5); font-weight: 500; font-size: 13px; transition: background-color 200ms linear}
.button-up i{ vertical-align: middle; font-size: 24px;}

a.button-collapse{ position: fixed; top: 2rem; left: 2rem; z-index: 101; border-radius: 8px; border: 1px solid #FFF; background-color: #363636;
    width: 55px; height: 55px; display: flex; align-items: center; justify-content: center}
a.button-collapse i{ font-size: 36px; width: 40px; height: 40px; color: #FFFFFF}
a.button-collapse i:before{ width: inherit; height: inherit; display: flex; align-items: center; justify-content: center;}

.side-nav{ width: 400px; background-color: #000000; padding: 2rem 1.5rem !important;}
.side-nav li{ margin-bottom: 1rem}
.side-nav li>a{ border-radius: 12px; border: 1px solid #FFF; background: #000; color: #fff; text-transform: uppercase; padding: 1rem 1rem; height: auto; line-height: normal;}

.with_bg{ background: url("/files/img/path/bg_img.png") no-repeat #363636; background-size: cover}
img{ height: auto; vertical-align: middle}

.card-block{ position: relative; z-index: 100; display: flex; margin-bottom: 3rem}
.card-block .card-block__img{ display: flex; align-items: flex-start; flex: 1; margin-right: 2rem;}
.card-block .card-block__inner{ display: flex; flex-direction: column; justify-content: space-between}
.card-block .card-block__inner a{ color: #fff; border-radius: 12px; border: 1px solid #FFF; background-color: #000; margin-top: 1rem; padding: 10px 20px; text-transform: uppercase; display: inline-flex; align-items: center}
.card-block .card-block__inner a:not(:last-child){ margin-right: 2rem}
.card-block .card-block__inner a img{ margin-left: 10px}

#aibd_main .with_border{ margin: 2.5rem 0; font-size: 1.5rem !important; font-weight: 600 !important; text-transform: uppercase; line-height: 28px; border-left: 4px solid #2A6ECB; color: #0F0F0F; padding-left: 24px;
    overflow: hidden;  text-overflow: ellipsis; display: flex; align-items: center}
#aibd_main ul{ list-style-type: none; margin: 0; padding: 0}
#aibd_main ul li{ font-size: 1rem !important; margin-bottom: 4px}
#aibd_main ul li::before { content: "◆"; color: #0F0F0F; font-size: 0.7em; margin-right: 0.5em; vertical-align: text-bottom}

#aibd_main{ background: #f4f4f4; padding: 2rem 0}
#aibd_main h1{ font-size: 2.4rem !important; font-weight: 600 !important; word-break: break-word;
    font-style: italic; margin: .75rem 0;
    background: linear-gradient(90deg, #0052A1 0%, #187DDE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
#aibd_main h2{ font-size: 1.5rem !important; font-weight: 600 !important; margin: 2.5rem 0; word-break: break-word;}
#aibd_main h2 img{ margin-left: 1.25rem}
#aibd_main .grey_text{ color: rgba(92, 92, 92, 1);}
#aibd_main .grey_text a{ color: inherit !important;}

#aibd_main .aibd_about{ border-radius: 20px; background: #ffffff;
    border: 3px solid #2362B8; padding: 1rem; margin-bottom: 2.5rem}
#aibd_main .aibd_about>div{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: center; justify-content: center}
#aibd_main .aibd_about img{ max-width: 100%; height: auto;}

#aibd_main .aibd_overview{ border-radius: 16px;
    background: url('/aibd/bg-img.png') lightgray 50% / cover no-repeat; padding: 2.5rem 1.5rem}
#aibd_main .aibd_overview>div{ border-radius: 20px; background: #2366C3; color: #ffffff; padding: 1rem}

#aibd_main .aibd_obj{ display: flex; flex-direction: column;
    border-radius: 16px; border: 3px solid #25518E; background: #FFF; padding: 1rem}
#aibd_main .aibd_obj .imgs{ display: inline-flex; flex-wrap: wrap; width: 100%; margin: 1rem 0}
#aibd_main .aibd_obj .imgs>div{ display: flex; width: 33.33%; padding: 0 0.75rem; margin: .5rem 0;}
#aibd_main .aibd_obj .imgs>div img{ max-width: 100%; width: 100%; height: auto; max-height: 278px; object-fit: cover; border-radius: 20px;
    border: 3px solid #25518E;}

#aibd_main .aibd_target{ display: inline-flex; flex-wrap: wrap; margin: 0 -.75rem}
#aibd_main .aibd_target .inner{ display: flex; width: 33.33%; padding: 0 0.75rem; margin: .5rem 0}
#aibd_main .aibd_target .inner>div{ display: flex; flex-direction: column; align-items: center; border-radius: 16px;
    background: linear-gradient(180deg, #25518E 0%, #2174E8 100%); padding: 1.5rem}
#aibd_main .aibd_target .inner>div p{ color: #ffffff; margin-bottom: 1.5rem}

#aibd_main .aibd_key{ display: inline-flex; flex-wrap: wrap; margin: 0 -.75rem}
#aibd_main .aibd_key .inner{ display: flex; width: 50%; padding: 0 0.75rem; margin: .5rem 0}
#aibd_main .aibd_key .inner>div{ width: 100%; display: flex; align-items: center; border-radius: 16px;
    background: linear-gradient(180deg, #25518E 0%, #2174E8 100%); padding: 2rem 1.5rem}
#aibd_main .aibd_key .inner>div .num{ color: #FFF;
    text-shadow: 32px 8px 0 rgba(255, 255, 255, 0.30); font-size: 180px; font-style: italic; font-weight: 300;
    line-height: normal; opacity: .4; margin-right: 3rem;}
#aibd_main .aibd_key .inner>div .desc{ color: #ffffff}
#aibd_main .aibd_key .inner>div .desc ul li::before{ color: #ffffff}

#aibd_main .aibd_bg{ border-radius: 16px; background: linear-gradient(180deg, #25518E 0%, #2174E8 100%); padding: 1.25rem; color: #fff;}
#aibd_main .aibd_bg ul li::before{ color: #ffffff!important;}

#aibd_main .aibd_contacts{ display: inline-flex; flex-wrap: wrap; width: 100%; padding: 2rem 0}
#aibd_main .aibd_contacts>div{ width: 50%; display: flex; flex-direction: column; margin: .5rem 0}
#aibd_main .aibd_contacts>div p{ border-bottom: 1px solid #226DD6; padding-bottom: .5rem;}
#aibd_main .aibd_contacts>div .mail{ display: flex; align-items: center; margin-top: .5rem}
#aibd_main .aibd_contacts>div .mail a{ color: rgba(0, 0, 0, 0.87);}
#aibd_main .aibd_contacts>div .bg_white{ border-radius: 16px; background: #ffffff; padding: 1rem; width: fit-content;}