/* Start:/local/templates/pattern2024/template_styles.css?17576581047496*/
@font-face{font-family:Helios;src:url(/include/fonts/Helios.otf) format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Bastion;src:url(/include/fonts/BastionKontrastAltC.otf) format('opentype');font-weight:400;font-display:swap}
*,::after{margin:0;padding:0;box-sizing:border-box;line-height:1.2}
:root{--max-width:1140px;--black:#2D2D2D;--grey:#464648;--text-grey:#505050;--border-grey:#4646484d;--white:#fff;--response-red:#7c0200;--response-green:#196d00;--light-blue:#88CCED;--blue:#72C2E1;--light-grey:#EFEFEF;--light-grey-hover:#cccccc;--shadow:#0000003b;--shadow-color:#00000021;--trans:.3s}
body{min-height:100vh;min-width:300px;width:100%;display:flex;flex-direction:column;font-size:20px;font-family:Helios,sans-serif;font-weight:400;color:var(--black)}
a{text-decoration:none}
h1,h2,h3,h4,h5{font-family:Bastion,sans-serif}
.w-100{width:100%}
.h-100{height:100%}
.w-fc{width:fit-content}
.block{display:block}
.flex{display:flex}
.hidden{display:none!important}
.row{flex-direction:row}
.column{flex-direction:column}
.align-start{align-items:flex-start}
.align-center{align-items:center}
.align-bottom{align-items:end}
.align-stretch{align-items:stretch}
.justify-center{justify-content:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.grow-1{flex-grow:1}
.row-sm-col{flex-direction:row}
.wrap{flex-wrap:wrap}
.dec-none{text-decoration:none}
.fw-500{font-weight:500}
.fb{font-weight:700}
.italic{font-style:italic}
.reqular{font-weight:400}
.bold{font-weight:700}
.semibold{font-weight:600}
.absolute{position:absolute}
.fixed{position:fixed}
.uppercase{text-transform:uppercase}
.relative{position:relative}
.unstyled{list-style:none}
.nowrap{white-space:nowrap}
.absolute-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pointer{cursor:pointer}
.red{color:var(--response-red)}
.grey{color:var(--grey1)}
.white{color:var(--white)}
.green{color:var(--response-green)}
.black{color:var(--black)}
.italic{font-style:italic}
.m-0{margin:0}
.p-0{padding:0}
.p-5{padding:5px}
.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.pe-10{padding-right:10px}
.px-10{padding-left:10px;padding-right:10px}
.px-20{padding-left:20px;padding-right:20px}
.py-10{padding-top:10px;padding-bottom:10px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-30{padding-top:30px;padding-bottom:30px}
.ps-50{padding-left:50px}
.my-10{margin-top:10px;margin-bottom:10px}
.me-5{margin-right:5px}
.me-10{margin-right:10px}
.me-20{margin-right:20px}
.me-30{margin-right:30px}
.me-40{margin-right:30px}
.me-50{margin-right:50px}
.ms-10{margin-left:10px}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mb-0{margin-bottom:0}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.mx-auto{margin-left:auto;margin-right:auto}
.fs-10{font-size:10px}
.fs-12{font-size:12px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.fs-20{font-size:20px}
.fs-24{font-size:24px}
.lh-1{line-height:1.2}
.container{width:100%;max-width:var(--max-width);margin:0 auto;flex:1 0 auto;padding:0 20px}
.wrapper{padding:50px 0}
#page{min-height:100vh;height:fit-content;padding:50px 0}
#page.index-page{padding:100px 0}
section{margin-bottom:60px}
section h1{font-size:96px}
section h2{margin-bottom:20px;font-size:40px}
section h3{font-size:90px;margin-bottom:60px;letter-spacing:2px}
section p{margin-bottom:20px}
section video{max-height:618px;width:100%;height:100%;background-color:#000}
section.grey-back{padding:50px 0;background-color:#f3f3f3}
blockquote{padding:0 60px;position:relative}
blockquote::before{height:40px;content:"“";position:absolute;left:0;top:0;font-family:Bastion,sans-serif;font-size:80px}
blockquote::after{height:40px;content:"”";font-family:Bastion,sans-serif;font-size:80px;position:absolute;bottom:0;right:0}
header{margin-bottom:30px;padding:20px 0;box-shadow:0 5px 15px #00000012}
header .container{display:flex;align-items:center;justify-content:space-between}
header #logo img{width:40px;height:40px}
header nav{width:100%;display:flex;justify-content:flex-end}
header ul{display:flex;align-items:center;list-style:none}
header nav ul a{width:fit-content;margin:0 5px;padding:3px 5px;display:flex;color:var(--text-grey);border-bottom:3px solid transparent;transition:border-color var(--trans)}
header nav ul a:hover{border-color:var(--response-red)}
footer{margin-top:50px;padding:50px 0}
.block-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center}
.block-white-background{width:100%;max-width:600px;background-color:var(--white);padding:50px;border-radius:5px;box-shadow:5px 5px 10px #3636369e}
.block-white-background h2{font-size:22px}
.form-item{margin-bottom:40px;display:flex;flex-direction:column}
.form-item label{margin-bottom:5px;font-size:16px}
.form-item input,.form-item select,.form-item textarea{padding:5px 10px;border:unset;border-bottom:1px solid var(--black);resize:vertical;font-family:Helios,sans-serif;font-size:20px}
.btn{width:fit-content;margin:20px 0;padding:10px;text-align:center;text-transform:uppercase;color:var(--white);background-color:var(--black);cursor:pointer;transition:background-color var(--trans)}
.btn:hover{background-color:var(--light-grey-hover)}
#submit-form{margin:25px auto;padding:20px 100px}
.required{margin-left:3px;color:var(--response-red);font-weight:700}
#about-sender{margin:40px 0;padding:20px 30px;background-color:#ff710012}
.response__p{margin-bottom:5px;padding:5px;background-color:#333;color:var(--white);font-weight:700;font-size:14px}
.response__p.green{background-color:var(--response-green)}
.response__p.red{background-color:var(--response-red)}
#file-result:not(:empty),.form-result:not(:empty){margin:10px 0}
#photo-upload{height:100px;padding:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--black);text-align:center;cursor:pointer}
#photo-upload.success{background-color:#196d002e}
.form-row{display:flex;align-items:stretch;justify-content:space-between}
.form-row .form-item{width:calc(50% - 20px)}
#sign{display:flex;align-items:stretch;justify-content:space-between}
#sign .left-part{width:50%}
#sign .right-part{width:50%;text-align:right}
#page ul {margin-left: 40px;}
.index-a {
    margin-top: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.index-a:hover {}
.index-a .text {
    margin: 0 10px 0 0;
    color: #d41d2d;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
.index-a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: margin var(--trans)
}
.index-a .icon svg {
    transition: fill var(--trans), stroke var(--trans);
}
.index-a:hover .icon {margin-left: 15px;}
.index-a:hover svg {fill:#d41d2d}
@media screen and (max-width:998px){
#page.index-page{padding:50px 0}
section h1{font-size:50px}
section h3{font-size:36px}
#sign,.form-row{flex-direction:column}
.form-row .form-item{width:100%}
blockquote{padding:50px 0}
#sign .left-part,#sign .right-part{width:100%}
#sign .right-part{text-align:left}
header nav ul a{font-size:16px}
}
/* End */
/* /local/templates/pattern2024/template_styles.css?17576581047496 */