

/* Start:/local/templates/pattern2026/css/index.css?17737354053715*/
@font-face{font-family:Jikharev;src:url(/include/fonts/jikharev.otf) format('opentype');font-weight:400;font-display:swap}
h2{width:100%;margin:0;font-family:Bastion;font-size:400;text-align:center;color:#694919}
#intro{max-width:1920px;max-height:850px;margin:0 auto;position:relative}
#intro video{max-height:850px;height:fit-content;background:#ddd8c9}
#intro-content{width:100%;height:100%;padding:6vw 0 30px 0;position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
#intro-video-wrapper{position:relative}
#intro-video-wrapper::after{content:"";width:100%;height:170px;position:absolute;bottom:0;left:0;background:linear-gradient(0,#000000a6,#66666600)}
#intro-content h1{margin-bottom:20px;font-family:Jikharev;font-size:clamp(40px,10vw,95px);font-weight:400;text-align:center;line-height:.3;color:#fff;filter:drop-shadow(0 4px 4px #00000065)}
#buttons-container{margin-top:auto;margin-bottom:25px;padding:0 20px;display:flex;align-items:center;gap:60px}
#buttons-container .btn{height:fit-content;padding:23px 48px;font-family:Helios;font-weight:400;font-size:24px;text-transform:unset;color:#2d2d2d;background-image:linear-gradient(45deg,#f5e6d6,#efdec4);box-shadow:4px 4px 4px 0 #00000026;transition:transform var(--trans)}
#buttons-container .btn:hover,#histories .btn{transform:scale(1.1)}
#buttons-container .btn:first-child{color:#fff;background-color:#bd0008;background-image:unset}
#stories-count{width:100%;color:#fff;text-align:center;font-family:Helios;font-weight:700;font-size:20px}
#text{margin:20px 0 95px 0;display:grid;grid-template-columns:repeat(2,fit-content(100%));gap:90px}
#text img{max-width:100%;max-height:100%}
#blockqoute-wrapper p{font-family:Arial,sans-serif;font-size:22px;font-style:italic;margin-bottom:40px}
#author{width:100%;font-size:20px;text-align:end}
#blockqoute-wrapper{display:flex;flex-direction:column;justify-content:center}
#steps{margin-bottom:150px}
#steps h2{margin:0 0 65px 0}
#steps-grid{display:grid;grid-template-columns:repeat(4,220px);justify-content:space-between}
#steps-grid .step-title{margin-bottom:10px;font-family:Helios;font-weight:700;font-size:24px;text-align:center}
#steps-grid .step-descr{font-size:18px;text-align:center}
#histories h2{margin-bottom:50px}
#histories .btn{height:fit-content;margin:65px auto 0;padding:19px 48px;font-family:Helios;display:block;font-weight:400;font-size:24px;text-transform:unset;color:#fff;background-color:#bd0008;box-shadow:4px 4px 4px 0 #00000026;transition:transform var(--trans)}
@media screen and (max-width:998px){
#buttons-container{flex-direction:column;gap:10px}
#buttons-container .btn{width:345px;margin:5px 0;padding:15px 35px;font-size:20px}
#text{margin-top:50px;display:flex;flex-direction:column-reverse;gap:30px}
#text img{height:300px;margin:0 auto}
#blockqoute-wrapper blockquote{padding:0}
#steps-grid{grid-template-columns:repeat(2,220px);justify-content:space-around;row-gap:50px}
#histories .btn{padding:15px 35px;font-size:20px}
#author,#blockqoute-wrapper p{font-size:18px}
}
@media screen and (max-width:768px){
#intro-video-wrapper{background-image:url(/images/2026/intro-video-poster.jpg);background-size:150%;background-position:center;background-repeat:no-repeat}
#buttons-container .btn{margin:0}
#buttons-container .btn,#histories .btn{width:255px;padding:10px 20px;font-size:15px}
}
@media screen and (max-width:500px){
section h2{font-size:36px}
#steps-grid{grid-template-columns:220px}
#author,#blockqoute-wrapper p{font-size:16px}
#intro{padding-bottom:200px}
#intro video{min-height:fit-content}
#intro-content{padding:50px 0 30px 0}
#stories-count{color:#694919}
}
/* End */


/* Start:/local/components/cint/panno/templates/person-4/style.css?1773732505929*/
#persons-list{display:grid;grid-template-columns:repeat(4,fit-content(100%));justify-content:space-between}
#persons-list .person{width:200px;height:320px;padding:6px;display:flex;flex-direction:column;justify-content:flex-start;background-image:url(/images/2026/person-back.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 10px #00000068}
#persons-list .person-img{width:190px;height:200px;margin-bottom:15px;background-size:cover;background-position:center;background-repeat:no-repeat}
#persons-list .part-name{width:100%;margin-bottom:10px;color:#2d2d2d;font-family:Helios;font-weight:700;font-size:22px;text-align:center}
@media screen and (max-width:998px){
#persons-list{grid-template-columns:repeat(2,220px);justify-content:space-around;row-gap:30px}
}
@media screen and (max-width:500px){
#persons-list{grid-template-columns:220px}
#steps-grid .step-descr{font-size:16px}
}
/* End */
/* /local/templates/pattern2026/css/index.css?17737354053715 */
/* /local/components/cint/panno/templates/person-4/style.css?1773732505929 */
