/*
Theme Name: United VARS v3
*/
.page-header { position: relative; z-index: 10; }
body:not(.home) .page-header { margin-bottom: var(--indent); }
.page-header .menu-container { display: flex; height: 78px; }
.page-header .menu-container .side { position: relative; right: -1px; }
.page-header .menu-container .side svg { height: 100%; width: auto; }
/* .page-header .menu-container .side svg { height: 78px; width: auto; } */
.page-header .menu-container .side.right { transform: scale(-1,1); right: auto; left: -1px; }
.page-header .menu { height: 100%; background: #f2eff0; display: flex; align-items: center;}
.page-header .menu li { padding: 0 20px;}
.page-header .menu li a { color: var(--text-color); border-bottom: 0; }
.page-header .third  { }
.page-header .third .button { padding: 0px 15px; height: 40px; }
.page-header .third .button .text { padding-top: 2px; }
.page-header .third .login  { margin-right: 10px; }
.page-header .third .login .icon { margin-right: 10px; }
.page-header .third .lang { background-color: var(--color-gray); color: var(--text-color); }
.page-header .third .lang .icon { margin-left: 10px; }

body:not(.home) .page-header { background: #020212;}
body:not(.home) .page-header .side {display: none;}
body:not(.home) .page-header .menu { background: none; color: var(--color-gray);}
body:not(.home) .page-header .menu a {  color: var(--color-gray);}

.pbi-1 { position: relative; height: 100vh; background: url('../images/pbi-1-bg.gif') center center #040014; background-size: cover; margin-top: -78px;}
/* .pbi-1 { position: relative; height: 895px; background: url('../images/pbi-1-bg.gif') center center #040014; background-size: cover; margin-top: -78px;} */
.pbi-1 .animated-background { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.pbi-1 .animated-background video { display: none; width: 100%; height: 100%; object-fit: cover; }
.pbi-1 .page-width { height: 100%;}
.pbi-1 .poster { text-align: center;}
.pbi-1 .poster .big-boom { padding-top: 135px; margin-bottom: 30px; font-size: 53px; font-weight: 600; line-height: 120%; text-transform: uppercase; color: #FFF; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);}
.pbi-1 .info-1 { position: absolute; bottom: var(--indent-l); left: 0; width: 358px; height: 218px; padding: 15px 22px;}
.pbi-1 .info-1-bg { position: absolute; left: 0; bottom: var(--indent-l); z-index: 0; }
.pbi-1 .info-1 .t1 { color: var(--color-main);}
.pbi-1 .info-1 .t2 { color: #FFF; padding-right: 5px;}
.pbi-1 .info-2 { position: absolute; bottom: var(--indent-l); right: 0; width: 195px; height: 190px; padding: 20px 15px;}
.pbi-1 .info-2-bg { position: absolute; right: 0; bottom: var(--indent-l); z-index: 0; }
.pbi-1 .info-2 .t1 { color: var(--color-main); font-size: 90px; line-height: 110%; font-weight: 600;}
.pbi-1 .info-2 .t2 { color: #FFF; font-size: 20px; color: var(--text-color);}

.pbi-1 .bg-switcher { position: absolute; left: 0; bottom: 294px; padding: 10px; border-radius: 10px; background: var(--linear-n1); color: var(--color-gray)}
.pbi-1 .bg-switcher li { padding: 2px 5px 0; border-radius: 5px; background: #3C4C76; margin-right: 5px; cursor: pointer;}

.pbi-2 {}
/* .pbi-2 .slide {width: 588px; padding: 15px; background: #E0E0E0; border-radius: var(--indent);} */
.pbi-2 .slider {width: 3000px;}
.pbi-2 .slides {display: flex;}
.pbi-2 .slide {width: 588px;  padding: 15px; margin-right: 20px; background: rgba(224, 224, 224, 0.8); border-radius: var(--indent); mask: url('../images/pbi-2-item-mask.svg'); -webkit-mask: url('../images/pbi-2-item-mask.svg'); mask-size: cover; -webkit-mask-size: cover;}
/* .pbi-2 .slide {width: 588px;  padding: 15px; margin-right: 20px; background: rgba(224, 224, 224, 0.8); border-radius: var(--indent);} */
/* .pbi-2 .slide:hover {box-shadow: 0px 0px 50px rgba(42, 190, 239,0.4);} */
.pbi-2 .slide .year { position: absolute; top: 0; right: 0; padding: 8px 16px; border-radius: 100px; color: #FFF; background: var(--linear-n1);}
.pbi-2 .slide .header { display: flex; align-items: center; margin-bottom: 20px;}
.pbi-2 .slide .logo { border-radius: 16px; margin-right: 20px; overflow: hidden; }
.pbi-2 .slide .name { font-size: 32px; font-weight: 600;}
.pbi-2 .slide .row { display: flex; width: 100%;}
.pbi-2 .slide .row:last-child .info { padding-bottom: 0;}
.pbi-2 .slide .info { border-top: 1px solid rgba(60, 76, 119, 0.2); padding: 15px 0;  }
.pbi-2 .slide .info.left { flex-grow: 1;}
.pbi-2 .slide .info.right { flex-grow: 0; flex-basis: 208px; margin-left: 15px;}
.pbi-2 .slide .info .title { font-size: 20px; font-weight: 600; margin-bottom: 8px;}

.pbi-3 {}
.pbi-3 .page-box-title {color: #FFF;}
/* .pbi-3 .shape { width: 1500px; height: 960px; padding: 20px; position: relative; background: url('../images/anim-spinning-globe.gif') top left no-repeat; background-size: cover;} */
.pbi-3 .shape { width: 1500px; height: 960px; padding: 20px; position: relative; background: url('../images/pbi-3-bg-v2.jpg') top left no-repeat;}
.pbi-3 .partners { position: absolute; bottom: 20px; left: 20px; display: flex;}
.pbi-3 .partners .item { width: 195px; height: 150px; padding: 15px; margin-right: 15px; position: relative;}
.pbi-3 .partners .item:hover { transform: scale(1.1);  }
.pbi-3 .partners .title { font-size: 20px; color: var(--color-main);}
.pbi-3 .partners .number { font-size: 90px; font-weight: 600; line-height: 130%; color: #FFF;}
.pbi-3 .partners .bg { position: absolute; top: 0; left: 0; }
.pbi-3 .partners .info { position: relative; z-index: 5;}

.pbi-4 { }
.pbi-4 .items { margin-right: -20px; position: relative;}
.pbi-4 .item { float: left; --local-indent: 20px; }
.pbi-4 .item:hover { transform: scale(1.05);  }
.pbi-4 .item .inner {width: 360px; height: 276px; margin: 0 20px 20px 0; position: relative; padding: var(--local-indent); background: url('../images/pbi-4-item-bg.svg') ; }
.pbi-4 .item.hx2 .inner { height: 574px; background-image: url('../images/pbi-4-item-bg-blue-hx2.svg');}
.pbi-4 .item.bg-dark .inner {background-image: url('../images/pbi-4-item-bg-dark.svg');}
.pbi-4 .item.bg-dark * {color: #FFF}
.pbi-4 .item.bg-blue * {color: #FFF}
.pbi-4 .item.bg-empty .inner { background: none;}
.pbi-4 .item.single-image .inner { display: flex; align-items: center; justify-content: center;}
.pbi-4 .item .title {font-size: 90px; font-weight: 600; }
.pbi-4 .item .title-v2 {font-size: 32px; font-weight: 600; line-height: 120%; }
.pbi-4 .item .footer { position: absolute; bottom: 0; left: 0; padding: var(--local-indent);}
.pbi-4 .item figure { }
.pbi-4 .item figcaption { opacity: 0.8;  padding-top: var(--indent);}


.pbi-5 {}
.pbi-5 .page-box-title { }
.pbi-5 .layout { display: flex; }
.pbi-5 .area-left { position: relative;  flex-shrink: 1; padding-right: 48px; flex-grow: 1; }
.pbi-5 .area-left .post { position: relative; width: 100%; aspect-ratio: 1100/650; background: no-repeat; background-size: contain;  }
.pbi-5 .area-left .post .title { font-size: 32px; line-height: normal; margin-bottom: 20px; }
.pbi-5 .area-left .info { --local-indent: 30px; color: #FFF; position: absolute; bottom: var(--local-indent); left: var(--local-indent); max-width: 635px;  }
.pbi-5 .area-left .info a { color: #FFF;}
.pbi-5 .area-right { flex-basis: 360px; flex-shrink: 0; }
.pbi-5 .area-right .post { margin-bottom: 25px; }
.pbi-5 .area-right .post .post-meta { margin-bottom: 10px; }
.pbi-5 .area-right .post:not(.n1) .post-meta { border-color: #CACACA;}
.pbi-5 .area-right .post a { color: var(--text-color)}
.pbi-5 .area-right .post.n1 { height: 360px; padding: 10px; color: #FFF;  background: url('../images/pbi-5-more-post-bg.jpg') no-repeat; background-size: contain; margin-bottom: 28px; }
.pbi-5 .area-right .post.n1 a { color: #FFF; }
.pbi-5 .post {}
.pbi-5 .post .title { font-size: 20px; font-weight: 600;}

.pbi-6 {}
.pbi-6 .animation { position: absolute; top: 0px; left: -1208px; }
.pbi-6 .animation img { width: 1287px; height: auto; }
.pbi-6 .page-box-header {position: relative;}
.pbi-6 .area-right {float: right; width: 740px; position: relative;}
.pbi-6 .events { width: 360px; float: right; position: relative;}
.pbi-6 .event { position: relative; min-height: 277px; margin-bottom: 30px;}
.pbi-6 .event:hover .image { left: -390px; }
.pbi-6 .event a { color: var(--text-color)}
.pbi-6 .event > * { margin-bottom: 10px;}
.pbi-6 .event .image { position: absolute; top: 0; left: -380px; width: 361px; height: 278px; mask: url('../images/pbi-6-event-mask.png'); -webkit-mask: url('../images/pbi-6-event-mask.png'); background-size: cover;}
.pbi-6 .event .metas {display: flex; padding-bottom: 5px;}
.pbi-6 .event .metas .post-meta {margin-right: 10px;}
.pbi-6 .event .location {display: flex; font-size: 14px; padding: 8px 12px 5px; border-radius: 10px; border: 1px solid #CACACA; width: fit-content;}
.pbi-6 .event .title {font-size: 20px; font-weight: 600;}
.pbi-6 .event .description {opacity: 0.8;}

.pbi-7 { background: url('../images/pbi-7-bg.gif') center center #040014; background-size: cover; height: 880px; padding: 30px 0; 
    -webkit-mask: url('../images/pbi-7-bg-mask.png') center center no-repeat; 
    -webkit-mask-size: 100% 100%;
    mask: url('../images/pbi-7-bg-mask.png') center center no-repeat; 
    mask-size: 100% 100%;
}
.pbi-7 .page-box-title { color: #FFF;}
/* .pbi-7 .contacts { width: 360px; background: var(--color-gray); border-radius: 20px; padding: 15px; margin-bottom: 30px; 
    -webkit-mask: url('../images/mask-corner-rl-v1.png') right bottom no-repeat, #000000, #000000; 
    -webkit-mask-size: 58px 58px, 50% 50%, 50% 50%;
} */
.pbi-7 .contacts { position: relative; width: 360px;  border-radius: 20px; padding: 15px; margin-bottom: 30px;}
/* .pbi-7 .contacts .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
.pbi-7 .contacts { width: 365px; height: 408px; background: url('../images/pbi-7-contacts-bg.svg'); background-size: 100% auto; border-radius: 20px; padding: 15px; margin-bottom: 30px;}
/*  */
.pbi-7 .contacts .row { margin-bottom: 15px;}
.pbi-7 .contacts .data { margin-bottom: 20px;}
.pbi-7 .contacts .socials {}
.pbi-7 .contacts .socials .items { display: flex; flex-wrap: wrap; margin-bottom: -15px;}
.pbi-7 .contacts .socials .item { background: var(--linear-n1); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 15px; margin: 0 15px 15px 0;}
.pbi-7 .subscribe { width: 360px; background: var(--linear-n1); border-radius: 20px; padding: 15px; color: #FFF;}
.pbi-7 .subscribe .descr { color: #73B2F5;}
.pbi-7 .request { position: absolute; top: 145px; right: 0; width: 360px; background: var(--color-gray); border-radius: 20px; padding: 15px; }
.pbi-7 .request .row { margin-bottom: 15px; }
.pbi-7 .request textarea { height: 110px;}
.pbi-7 .title { font-size: 32px; font-weight: 600px; margin-bottom: 10px;}
.pbi-7 .title-v2 { font-size: 24px; font-weight: 600px; margin-bottom: 5px;}
.pbi-7 .descr { color: #3C4C76; margin-bottom: 8px;}
.pbi-7 .button:first-child { flex-grow: 1;}

.page-footer {--local-indent: 30px;}
.page-footer .main {margin-bottom: var(--local-indent);}
.page-footer .left { flex-basis: 470px; flex-grow: 0; }
.page-footer .separator { margin-bottom: var(--local-indent); opacity: 0.5;}
.page-footer .menu { display: flex; justify-content: space-between; margin-bottom: var(--local-indent); padding-right: 108px;}
.page-footer .menu .title { font-size: 24px; font-weight: 600; margin-bottom: 12px;}
.page-footer .menu .col:last-child { }
.page-footer .menu li { margin-bottom: 12px;}
.page-footer .menu li a { border: 0; color: #3C4C76;}
.page-footer .contacts {display: flex; justify-content: space-between; margin-bottom: var(--local-indent);}
.page-footer .parts { margin-bottom: var(--local-indent); align-items: flex-start;}
.page-footer .parts img { max-height: 95px; width: auto; }
.page-footer .socials {}
.page-footer .socials .items { display: flex; flex-wrap: wrap; margin-bottom: -15px;}
.page-footer .socials .item { background: var(--linear-n1); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 15px; margin: 0 15px 15px 0;} 
.page-footer .the-last-part { background: #020212; padding: 15px 0;}
.page-footer .the-last-part { color: var(--color-gray)}
.page-footer .the-last-part a { color: var(--color-gray)}



.post-meta { display: flex; font-size: 14px; padding: 8px 12px 5px; border-radius: 10px; border: 1px solid #CACACA; width: fit-content; }
.post-meta > * { display: flex; align-items: center; margin-right: 15px;}
.post-meta > *:last-child { margin-right: 0;}
.post-meta > * > svg { margin-right: 10px; margin-bottom: 4px;}

.ui-tags { display: flex; align-items: center; flex-wrap: wrap;} 
.ui-tag {padding: 8px 16px; margin: 0 10px 10px 0; border-radius: 100px; color: var(--color-main); background: var(--color-main); color: #fff;} 

ul.checkmarks {}
ul.checkmarks li {padding-left: 27px; padding-bottom: 5px; background: url('../images/checkmark.svg') top left no-repeat;}

.page-box-header { display: flex; justify-content: space-between; align-items: flex-start;  }
.page-box-header > * { margin-bottom: var(--indent);}
.page-box-title { font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; margin-bottom: var(--indent);}
.page-box-title.v2 { font-size: 56px;}

.page-breadcrumbs { margin-bottom: var(--indent);}

.bg-gray-sparkles { background: url('../images/bg-gray-sparkles.png') top left repeat;}

.page-footer {--local-indent: 40px;}

/* can try 2x clip-path: inset(0 0 16% 0); and image mask in corner to complex mask https://bennettfeely.com/clippy/ */