/*
Theme Name: United VARS v2
*/
.page-header { margin-bottom: var(--indent); }
.page-header .page-width { }
.page-header .menu-and-auth { padding: 18px 0;  }
.page-header .menu {  }
.page-header .menu li { margin-right: 40px; }
.page-header .menu li:last-child { margin-right: 0; }
.page-header .menu a { color: var(--color-main); border: 0; }

.page-box-title { font-size: 48px; line-height: 48px; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 8px;}
.page-box-title.v2 { font-size: 56px;}
.ui-box { border: var(--border); box-shadow: 0px 15px 31px rgba(0, 0, 0, 0.06); border-radius: 24px; padding: var(--indent); }
.ui-shadow { box-shadow: var(--shadow); }
.ui-tag { display: inline-block; padding: 8px 16px; margin: 0 10px 10px 0; border-radius: 100px; border: var
(--border); color: var(--color-main); background: #fff; }

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

.pbi-1 { background: url('../images/pbi1-bg-v2.jpg') top center no-repeat; height: 692px; position: relative; }
.pbi-1 .slogan {font-size: 20px;}
.pbi-1 .pb202310180037 { width: 1040px; padding-top: 15px;}
.pbi-1 .pb202310180037 hr { margin-top: 40px;}
.pbi-1 .presense { position: absolute; top: 128px; padding: var(--indent); color: #fff; opacity: 0.6; }
.pbi-1 .presense .text { padding-top: 3px;}
.pbi-1 .partner { color: #fff; width: 277px; position: absolute; left: 1115px; top: 0; padding: var(--indent);}
.pbi-1 .partner a { color: #fff; }
.pbi-1 .partner .t1 { }
.pbi-1 .partner .t2 { display: block; margin-bottom: 48px; opacity: 0.6;}
.pbi-1 .partner .t2:hover { opacity: 0.8;}
.pbi-1 .video { width: 277px; padding: var(--indent); position: absolute; right: 0; top: 184px;}
.pbi-1 .video .icon svg { border-radius: 100px; box-shadow: 0px 15px 31px rgba(0, 0, 0, 0.15);}
.pbi-1 .video .text {margin-left: -4px;}
.pbi-1 .slider-featured {position: absolute; top: 444px; line-height: 56px; font-size: 56px; font-weight: 300; text-transform: uppercase; max-width: 560px;}
.pbi-1 .slider-featured .arrows {position: absolute; top: 167px; left: 612px; display: flex;}
.pbi-1 .slider-featured .arrows .arrow { margin-right: 13px;}
.pbi-1 .slider-featured .arrows .arrow:hover { cursor: pointer; opacity: 0.8;}
.pbi-1 .slider-featured .arrows .arrow.left {transform: scaleX(-1);}
.pbi-1 .slider-featured .slide.s2 {font-size: 48px;}
/* .pbi-1 .slider-featured .slick-arrow {display: none !important;} */
.pbi-1 .find-partner {position: absolute; bottom: 0px;}
.pbi-1 .newsletter { position: absolute; top: 376px; right: 54px; z-index: 5;}
.pbi-1 .newsletter a { display: block; border: 0;}
.pbi-1 .news { position: absolute; top: 400px; width: 395px; right: 54px; z-index: 4; }
.pbi-1 .news .inner { position: relative;}
.pbi-1 .news .bg { position: absolute; top: -12px; left: -31px; }
.pbi-1 .news .overflow { position: relative; padding: var(--indent); }
.pbi-1 .news .title { font-size: 20px; margin-bottom: 10px; }
.pbi-1 .news .post-name {height: 70px; margin-bottom: 12px;}
.pbi-1 .news .arrows { }
.pbi-1 .news .arrow path { fill: #000; }
.pbi-1 .news .arrow rect { stroke: #000; }
.pbi-1 .news .arrow.left { transform: scaleX(-1);}
.pbi-1 .scroll {position: absolute; bottom: 0; right: 0; opacity: 0.6;}

.pbi-2 { } 
.pbi-2 .see-all {margin-bottom: 64px;} 
.pbi-2 .slider { position: relative; } 
.pbi-2 .slider .slick-track { height: 580px; display: flex; align-items: center; /*width: fit-content !important;*/} 
/* .pbi-2 .slides { display: flex; align-items: center; justify-content: center;}  */
.pbi-2 .slide-holder {width: 688px; height: 580px; display: flex !important; align-items: center; }
.pbi-2 .slide-holder.prev {justify-content: right; }
.pbi-2 .slide {  width: 688px; height: 580px; border: var(--border); box-shadow: 0px 15px 31px rgba(0, 68, 91, 0.06); border-radius: 24px; background: url('../images/pbi2-folder-bg-v2.jpg') no-repeat; background-position: right 486px top -22px; background-size: 100% 110%; margin: 0 8px; transition: all 1s ease-in-out; } 
.pbi-2 .slide .year {position: absolute; top: var(--indent); right: var(--indent); padding: 8px 16px; border-radius: 100px; border: var(--border); color: var(--color-main); background: #fff;}
.pbi-2 .slide .header { padding-top: 64px; margin-left: 168px; display: flex; align-items: center; margin-bottom: 36px; transition: all 0.5s ease-in-out; }
.pbi-2 .slide .logo { width: 128px; height: 128px;  display: flex; flex-shrink: 0; align-items: center; padding: var(--indent); border: var(--border); border-radius: 16px; background: #FFF; box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.08); margin-right: 30px; }
.pbi-2 .slide .logo img { max-width: 100%; height: auto;}
.pbi-2 .slide .name { font-size: 24px; } 
.pbi-2 .slide .role { color: var(--color-main-lighter); } 
.pbi-2 .slide .text { color: var(--color-main-lighter); margin-bottom: 36px; } 
.pbi-2 .slide .content {margin-left: 230px; width: 375px; opacity: 1; transition: all 0.5s ease-in-out;} 
.pbi-2 .slide .tags { display: flex; align-items: center; flex-wrap: wrap;} 
.pbi-2 .slide .tag {padding: 8px 16px; margin: 0 10px 10px 0; border-radius: 100px; border: var(--border); color: var(--color-main); background: #fff;} 
.pbi-2 .slide-holder:not(.slick-current) .slide { width: 336px; height: 352px; background-position: bottom 226px left -20px; background-size: 120% 100%;} 
.pbi-2 .slide-holder:not(.slick-current) .slide .year { color: #fff; background: var(--color-main); } 
.pbi-2 .slide-holder:not(.slick-current) .slide .content { opacity: 0;} 
.pbi-2 .slide-holder:not(.slick-current) .slide .header { margin: 0; padding-top: 92px; flex-direction: column;} 
.pbi-2 .slide-holder:not(.slick-current) .slide .logo { margin: 0 auto; margin-bottom: var(--indent);} 
.pbi-2 .slide-holder:not(.slick-current) .slide .name-and-role { text-align:  center;} 

.pbi-2 .slide.s2 { background: #EEE;}
.pbi-2 .slide.s3 { background: #be5656;}
.pbi-2 .arrows { display: flex; justify-content: center; position: absolute; bottom: 40px; left: 230px; width: 100%; } 
.pbi-2 .arrows rect { fill: var(--color-main-lighter);} 
.pbi-2 .arrows .arrow { box-shadow: 0px 15px 31px rgba(0, 0, 0, 0.15); border-radius: 32px; margin-right: 10px; } 
.pbi-2 .arrows .arrow:hover rect { fill: var(--color-main); cursor: pointer; } 
.pbi-2 .arrows .arrow.left svg { transform: scaleX(-1); }

.pbi-3 {}
.pbi-3 .header {margin-bottom: var(--indent);}
.pbi-3 .title { font-size: 32px; text-transform: uppercase; font-weight: 300; line-height: 32px;}
.pbi-3 .title .t2 { color: #3C9DBE;}
.pbi-3 .legend { margin-bottom: -40px; }
.pbi-3 .legend .text { color: var(--color-main-lighter);}
.pbi-3 .map { padding-top: 40px;}

.pbi-4 { --icon-shadow: 0px 15px 31px rgba(0, 0, 0, 0.15); }
.pbi-4 .bgs { position: relative;}
.pbi-4 .bg { position: absolute; top: -20px; left: 55px;}
.pbi-4 .bg-2 { top: 1005px; }
.pbi-4 .items { margin-right: -16px; position: relative;}
.pbi-4 .item {width: 33.33%; float: left; --local-indent: 50px 60px; }
.pbi-4 .item .inner {height: 404px; margin: 0 16px 16px 0; position: relative; padding: var(--local-indent); background: rgba(255, 255, 255, 0.9); }
.pbi-4 .item.s2 {width: 66.66%; }
.pbi-4 .item.invisible {visibility: hidden;}
.pbi-4 .item .title {font-size: 64px; font-weight: 300; }
.pbi-4 .item .title-v2 {font-size: 24px; line-height: 120%; }
.pbi-4 .item .footer { position: absolute; bottom: 0; left: 0; padding: var(--local-indent);}
.pbi-4 .item .icon { border-radius: 100px; box-shadow: var(--icon-shadow); margin-right: 16px;}
.pbi-4 .item figure { position: absolute; top: 0; right: 0; padding: var(--local-indent);}
.pbi-4 .item figcaption { color: var(--color-main-lighter); text-align: center; padding-top: var(--indent);}

.pbi-5 {}
.pbi-5 .page-box-title {margin-bottom: 40px; text-align: left; }
.pbi-5 .layout { display: flex; }
.pbi-5 .post {}
.pbi-5 .post .tags { font-size: 14px;  }
.pbi-5 .post .title { font-size: 20px;}
.pbi-5 .main-post { position: relative; flex-shrink: 0; padding-right: 56px; border-right: 1px solid var(--color-main); margin-right: 56px; }
.pbi-5 .main-post .post { position: absolute; top: 402px; left: 0; max-width: 420px; }
.pbi-5 .more-posts {}
.pbi-5 .more-posts .post { margin-bottom: calc(var(--indent) * 2); }
.pbi-5 .more-posts .post .title { position: relative; }
.pbi-5 .more-posts .post .title:hover::before { position: absolute; left: -56px; top: 0; width: 5px; height: 100%; background: var(--color-main); content: ""; }

.pbi-6 {}
.pbi-6 .page-box-title {text-align: left; margin-bottom: var(--indent); }
.pbi-6 .step-from-left { padding-left: 494px;}
.pbi-6 .events {}
.pbi-6 .event { position: relative; }
.pbi-6 .event .info { min-height: 350px; padding-top: var(--indent); border-top: 1px solid var(--color-main-lighter); display: flex; }
.pbi-6 .event .date { font-size: 40px; font-weight: 300; }
.pbi-6 .event .date, .pbi-6 .event .place { min-height: 194px;}
.pbi-6 .event .name { font-size: 24px;}
.pbi-6 .event .col { flex-basis: 50%;}
.pbi-6 .event .col.n1 { padding-right: var(--indent);}
.pbi-6 .event .folder { position: absolute; left: -100px; top: 0; opacity: 0; padding-top: var(--indent);}
.pbi-6 .event:hover .folder { left: 0; opacity: 1; transition: all 0.5s ease-in-out; }

.pbi-7 { position: relative; min-height: 778px; }
.pbi-7 > *  { position: relative; z-index: 2; }
.pbi-7 .bg { position: absolute; top: 0; left: 0; z-index: 1; }
.pbi-7 .page-box-title {text-align: left; line-height: 56px;}
.pbi-7 .partner { position: absolute; bottom: calc(var(--indent) * -1); left: var(--indent); width: 395px; right: 54px; }
.pbi-7 .partner .inner { position: relative; }
.pbi-7 .partner .bg { position: absolute; top: -12px; left: -31px; }
.pbi-7 .partner .overflow { position: relative; padding: var(--indent); z-index: 3; }
.pbi-7 .partner .title { font-size: 20px; margin-bottom: 10px; }
.pbi-7 .partner .post-name {height: 70px; margin-bottom: 12px;}
.pbi-7 .partner .arrows { display: flex; }
.pbi-7 .partner .arrow rect { fill: var(--color-main); }
.pbi-7 .partner .map { position: absolute; bottom: -7px; right: 20px; z-index: 2; }
.pbi-7 .contact { position: absolute; bottom: 0px; right: 0; width: 454px; }
.pbi-7 input[type="text"], .pbi-7 input[type="email"] { border: 0; border-bottom: 1px solid var(--color-main); border-radius: 0; font-size: 24px; font-weight: 300; padding-left: 0;}
.pbi-7 .field { margin-bottom: var(--indent); }
.pbi-7 .intro { margin-bottom: 60px; }

.page-footer {--local-indent: 40px;}
.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 .col:last-child { }
.page-footer .menu li { margin-bottom: 14px;}
.page-footer .menu li a { border: 0;}
.page-footer .parts { margin-bottom: 115px; align-items: flex-start;}
.page-footer .parts img { max-height: 95px; width: auto; }