/* Start:/local/templates/main/assets/css/vendors/nice-select.css?17556817374007*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* End */ /* Start:/local/templates/main/assets/css/vendors/aos.css?175568173726053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/main/assets/css/vendors/swiper-bundle.min.css?175568173717905*/ /** * Swiper 9.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 15, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/assets/css/vendors/jquery.fancybox.min.css?175568173712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/assets/css/vendors/jquery.peekabar.css?1756387621371*/ .peek-a-bar { z-index: 12; margin: 0; position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 65px; left: 0; right: 0; color: #fff; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); box-sizing: border-box; } .peek-a-bar a { color: inherit; } /* End */ /* Start:/local/templates/main/assets/css/vendors/tippy.min.css?17631020071409*/ .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1} /* End */ /* Start:/local/templates/main/assets/css/vendors/fileUpload.css?17760072603135*/ :root{ --file-container-bg: #eeeeee; --file-bg: #f8f8f8; --file-border-color: #606060; --file-rounded: 15px; --file-color: #2b2b2b; --table-border-color: #dbdbdb; --delete-button-bg: #f53636; --delete-button-color: #ffffff; --font-size: 0.875em; --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; --shadow: 0px 8px 15px -8px rgba(0, 0, 0, 0.5); } .file-container { width: 100%; font-family: var(--font-family); .file-upload { width: 100%; display: flex; border-radius: var(--file-rounded); transition: all 0.3s; &:hover { box-shadow: var(--shadow); } >div { width: 100%; padding: 25px; border: 1px dashed rgba(255,255,255, 0.3); border-radius: 40px; text-align: center; cursor: pointer; >i { margin-bottom: 15px; font-size: 40px; } >p, span, div { font-size: 16px; line-height: normal; } .small { font-size: 12px; color: #8B8B8B; } >div { width: max-content; padding: 0 10px; margin: 0 auto; border: 1px solid var(--file-border-color); border-radius: 8px; } } } >table { width: 100%; border-collapse: collapse; font-size: var(--font-size); margin-top: 20px; & th, td { border-bottom: 1px solid var(--table-border-color); padding: 8px; text-align: left; } >tbody { >tr { >td { &:nth-child(1) { font-weight: bold; } &:nth-child(2) { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 1px; } &:nth-child(3) { } >img { border-radius: 5px; box-shadow: var(--shadow); } &.no-file { text-align: center; font-weight: normal; } > i{ font-size: 1.125em; } } } } & button { background-color: var(--delete-button-bg); width: 30px; height: 30px; border: none; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; &:hover { box-shadow: var(--shadow); } >i { font-size: 1.125em; } } } } /* End */ /* Start:/local/templates/main/assets/css/reset.css?17556817371120*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End */ /* Start:/local/templates/main/template_styles.css?1784633615163942*/ /** * Palui SP Fonts */ @font-face { font-family: 'Palui SP Demo'; src: url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.eot'); src: local('Palui SP Demo Bold'), local('PaluiSPDemoBold'), url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.woff') format('woff'), url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/PaluiSP/PaluiSPDemoBold.svg#PaluiSPDemoBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /** * Involve Fonts */ @font-face { font-family: 'Involve'; src: url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.eot'); src: local('Involve Regular'), local('Involve-Regular'), url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.woff') format('woff'), url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Regular.svg#Involve-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Involve'; src: url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.eot'); src: local('Involve Bold'), local('Involve-Bold'), url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.woff') format('woff'), url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Bold.svg#Involve-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Involve Bold Oblique'; src: url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.eot'); src: local('Involve Bold Oblique'), local('Involve-BoldOblique'), url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.woff') format('woff'), url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/Involve/Involve-BoldOblique.svg#Involve-BoldOblique') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Involve'; src: url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.eot'); src: local('Involve SemiBold'), local('Involve-SemiBold'), url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.woff') format('woff'), url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/Involve/Involve-SemiBold.svg#Involve-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Involve'; src: url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.eot'); src: local('Involve Medium'), local('Involve-Medium'), url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.woff2') format('woff2'), url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.woff') format('woff'), url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.ttf') format('truetype'), url('/local/templates/main/./assets/fonts/Involve/Involve-Medium.svg#Involve-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } body, html { font-family: 'Involve', sans-serif; font-weight: normal; font-size: 14px; line-height: 22px; color: #fff; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, #0C0C0C; } body { min-height: 100vh; display: flex; flex-direction: column; } .body_fixed { overflow: hidden; } img { max-width: 100%; vertical-align: middle; } b, strong { font-weight: bold; } button { font-family: inherit; font-size: inherit; } h2 { margin-top: 36px; margin-bottom: 12px; font-size: 18px; font-weight: 600; line-height: 26px; } h2:first-child { margin-top: unset; } p:not(:last-child) { margin-bottom: 22px; } .ya-share2__list { padding: unset !important; list-style: none !important; } .d-flex { display: flex; align-items: center; } .d-flex_wrap { flex-wrap: wrap; } .d-flex_right { justify-content: flex-end; } .d-flex_between { justify-content: space-between; } .d-flex_start { align-items: flex-start; } .d-flex_column { flex-direction: column; } .d-flex_end { align-items: flex-end; } [data-fancybox] { outline: none; } .container { max-width: 1340px; margin: 0 auto; padding: 0 18px; } .main-area .container { overflow-x: hidden; } .page-title { max-width: 550px; margin: 0 0 32px; font-size: 32px; font-weight: 700; line-height: 40px; } .section-block { margin-bottom: 50px; } .color { font-weight: 700; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-group { display: flex; flex-direction: column; gap: 22px; } div.forum-post-attachments { color: #fff !important; background: unset !important; } span.forum-attach .forum-file, span.forum-attach .forum-file span, .forum-empty-message a, .custom-link { font-weight: 500; background-image: linear-gradient(to bottom, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-link_dark { color: #888; background-image: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } .custom-backlink { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px; text-decoration: none; } .custom-backlink svg { margin-top: -2px; transform: rotate(-135deg); } .custom-backlink__text { font-weight: 500; background-image: linear-gradient(to bottom, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline; } .section-title { margin: 0 0 24px; font-size: 24px; font-weight: 600; line-height: 43px; } .section-title__link { display: inline-flex; align-items: center; gap: 18px; color: #fff; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: all 0.3s ease-in-out; text-decoration: none; } .section-title__link:hover { background-position: top right 100%; } .custom-title-arrow { display: inline-block; width: 17px; height: 17px; position: relative; background: url('/local/templates/main/./assets/img/svg/ico-arrow-title.svg') no-repeat center; color: #fff; transition: all 0.3s ease-in-out; } .custom-title-arrow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); mask: url('/local/templates/main/./assets/img/svg/ico-arrow-title.svg') no-repeat center; opacity: 0; transition: all 0.3s ease-in-out; } .section-title__link:hover .custom-title-arrow { color: transparent; transform: rotate(45deg); } .section-title__link:hover .custom-title-arrow:before { opacity: 1; } @media screen and (min-width: 768px) { h2 { margin-top: 45px; margin-bottom: 28px; font-size: 24px; line-height: 32px; } h2:first-child { margin-top: unset; } .page-title { max-width: 770px; margin: 0 0 50px; font-size: 46px; font-weight: 700; line-height: 46px; } .section-block { margin-bottom: 80px; } .section-title-row { display: flex; align-items: center; min-height: 52px; margin-bottom: 38px; } .section-title { margin: 0 0 42px; font-size: 30px; } .section-title-row .section-title { margin: unset; } .text-group { flex-direction: unset; gap: 50px; } } @media screen and (min-width: 960px) { .text-group { gap: 22px 136px; } } @media screen and (min-width: 1200px) { .section-block { margin-bottom: 120px; } .section-title-row { margin-bottom: 50px; } } .swiper-navigation { display: flex; align-items: center; justify-content: flex-end; grid-gap: 9px; margin-top: 24px; -webkit-user-select: none; user-select: none; } .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev { position: relative; left: unset; right: unset; top: unset; bottom: unset; width: 44px; height: 44px; padding: unset; margin: unset; border: unset; outline: unset; box-shadow: unset; border-radius: 50%; background: transparent; transition: 0.3s; border: solid 1px #8B8B8B; box-sizing: border-box; -webkit-user-select: none; user-select: none; } .swiper-navigation .swiper-button-next:before, .swiper-navigation .swiper-button-prev:before { content: ' '; position: absolute; top: 0; left: 0; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: 0.3s; transform: translate(-1px, -1px); } .swiper-navigation .swiper-button-next.active:before, .swiper-navigation .swiper-button-prev.active:before, .swiper-navigation .swiper-button-next:hover:before, .swiper-navigation .swiper-button-prev:hover:before { opacity: 1; } .swiper-navigation .swiper-button-next svg, .swiper-navigation .swiper-button-prev svg { z-index: 1; position: absolute; left: 50%; top: 50%; width: 14px; height: 15px; transform: translate(-50%, -50%); } .swiper-navigation .swiper-button-next svg path, .swiper-navigation .swiper-button-prev svg path { transition: 0.3s; } .swiper-navigation .swiper-button-next.active svg path, .swiper-navigation .swiper-button-prev.active svg path, .swiper-navigation .swiper-button-next:hover svg path, .swiper-navigation .swiper-button-prev:hover svg path { stroke: #fff; } .swiper-navigation .swiper-button-next:after, .swiper-navigation .swiper-button-prev:after { content: unset; display: none; } .swiper-navigation_center { display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 768px) { .swiper-navigation_absolute { position: absolute; top: 0; right: 0; margin-top: unset; } .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev, .swiper-navigation .swiper-button-next:before, .swiper-navigation .swiper-button-prev:before { width: 52px; height: 52px; } .swiper-navigation .swiper-button-next svg, .swiper-navigation .swiper-button-prev svg { width: auto; height: auto; } } .swiper-pagination-bullet-active { background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .zoom-block { display: block; width: 100%; overflow: hidden; } .zoom-block:hover img { transform: scale(1.2); } .zoom-block img { display: block; transition: transform 0.5s ease; transform: scale(1.05); } .zoom-block_full { position: relative; left: 50%; width: 100vw; margin-left: -50vw; } /** * Custom btn */ input.custom-btn { font-family: inherit; font-size: inherit; } .custom-btn { display: flex; align-items: center; justify-content: center; border: unset; outline: none; padding: unset; text-decoration: none; color: inherit; border-radius: 10px; background: unset; -webkit-appearance: none; appearance: none; cursor: pointer; box-sizing: border-box; font-weight: normal; line-height: inherit; } .custom-btn svg { transition: 0.3s ease-in-out; } .custom-btn_main { display: inline-flex; align-items: center; gap: 0 16px; height: 52px; padding: 0 20px; color: #fff; background-image: linear-gradient(to left, #FF4E01, #EB8100 33.33333%, #EB8100 66.66666%, #FF4E01); background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .custom-btn_main:hover svg { transform: rotate(45deg); } .custom-btn_main:hover { background-position: top right 100%; } .custom-btn_secondary { display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 30px; font-size: 14px; border-radius: 10px; color: #fff; box-sizing: border-box; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; border: 1px solid transparent; outline: unset; } .custom-btn_additional { display: inline-flex; align-items: center; height: 52px; padding: 0 20px; color: #0C0C0C; background-color: transparent; transition: 0.3s ease-in-out; border: solid 1px #B0B0B0; } .custom-btn_dark { height: 52px; padding: 0 30px; color: #fff; background-color: #3F3F3F; } .custom-btn_secondary-ico { margin-top: -2px; } .custom-btn_link { text-decoration: underline; } .custom-btn.disabled { opacity: 0.5; pointer-events: none; } .custom-btn.active { cursor: default; } .custom-btn__loading { position: relative; } .custom-btn__loading svg, .custom-btn__loading span { transition: 0.3s; } .custom-btn__loading::after { content: ""; position: absolute; width: 16px; height: 16px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 4px solid transparent; border-top-color: #ffffff; border-radius: 50%; animation: button-loading-spinner 1s ease infinite; } .custom-btn__loading svg, .custom-btn__loading span { visibility: hidden; opacity: 0; } @keyframes button-loading-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } .inner-page .main-area { flex: auto; padding-top: 36px; background: url('/local/templates/main/./assets/img/page-glow_md.png') top right / 537px 428px no-repeat; } .page-content ul { list-style: disc; padding-left: 18px; } .page-content ol { list-style: decimal; padding-left: 18px; } @media screen and (min-width: 1200px) { .inner-page .main-area { background: url('/local/templates/main/./assets/img/page-glow.png') top right / 847px 419px no-repeat; } } /** * Custom select */ .custom-select { float: unset; display: flex; align-items: center; height: 52px; padding: 0 calc(25px + 11px + 10px) 0 25px; color: #fff; border: 1px solid #8B8B8B; border-radius: 10px; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #8B8B8B, #8B8B8B) border-box; transition: 0.3s; box-sizing: border-box; } .custom-select.open { border: 1px solid transparent; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; } .custom-select:after { right: 25px; width: 11px; height: 7px; border: unset; background: url('/local/templates/main/./assets/img/svg/ico-arrow-select.svg') center no-repeat; transform: unset; transition: unset; } .custom-select_chosen { padding-right: calc(15px + 11px + 15px + 55px); } .custom-select_chosen:after { right: calc(55px + 15px); } .custom-select_chosen .custom-select__clear { position: absolute; top: -1px; right: -1px; display: block; width: 55px; height: 55px; border-radius: 0 10px 10px 0; background: url('/local/templates/main/./assets/img/svg/ico-clear-select.svg') center no-repeat, #868484; } .custom-select_chosen.open .custom-select__clear { background: url('/local/templates/main/./assets/img/svg/ico-clear-select_light.svg') center no-repeat, linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); } .custom-select.open .list { z-index: 16; display: flex; flex-direction: column; gap: 15px; } .custom-select_fixed-list .list { max-height: 200px; overflow: scroll; } .custom-select_list-auto.open .list { width: auto; } .custom-select.open:after { transform: rotate(180deg); transform-origin: center; background: url('/local/templates/main/./assets/img/svg/ico-arrow-select.svg') center no-repeat; } .custom-select .list { z-index: 15; left: -1px; width: calc(100% + 2px); margin-top: 10px; padding: 25px; border-radius: 10px; border: unset; box-shadow: unset; background: #0C0C0C; } .custom-select_w-auto .list { width: auto !important; } .custom-select .option { position: relative; display: flex; align-items: center; line-height: normal; min-height: 22px; padding: unset; transition: unset; } /*.custom-select .option:before { content: ' '; position: absolute; left: 0; top: 2px; display: block; width: 22px; height: 22px; border-radius: 6px; border: 1px solid #8B8B8B; box-sizing: border-box; } .custom-select .option:after { content: ' '; position: absolute; left: 5px; top: 7px; display: block; width: 12px; height: 12px; border-radius: 3px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: 0.3s; }*/ .custom-select .option.selected { font-weight: normal; background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-select .option.selected:after { opacity: 1; } .custom-select .option:hover, .custom-select .option.focus, .custom-select .option.selected.focus { background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-select .nice-select-search { display: none; } .custom-lang-select { float: unset; } .custom-lang-select .nice-select-search { display: none; } .custom-select.has-search .nice-select-search { display: block; } .custom-lang-select, .custom-lang-select:active, .custom-lang-select.open, .custom-lang-select:focus { background: unset !important; border: unset !important; padding: unset !important; } .custom-lang-select:after { display: none; content: unset; } .custom-lang-select .list { right: 0; left: unset; z-index: 15; margin-top: 10px; padding: 8px 0; box-shadow: unset; border-radius: 10px; background: #0C0C0C; border: solid 1px rgba(139, 139, 139, 0.3); } .custom-lang-select .option { display: flex; align-items: center; justify-content: center; width: 40px; padding: 0 10px; transition: unset; color: rgba(139, 139, 139, 0.7); background-color: unset !important; } .custom-lang-select .option:hover, .custom-lang-select .option.focus, .custom-lang-select .option.selected.focus { background-image: linear-gradient(to left, #FF4D00, #EB8100) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } @media screen and (max-width: 475px) { .custom-select .current { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 150px; } } @media screen and (min-width: 1340px) { .custom-lang-select .list { right: unset !important; left: -22px !important; } } .custom-tippy { width: 17px; height: 17px; display: flex; align-items: center; justify-content: center; background: url('/local/templates/main/./assets/img/svg/ico-tooltip.svg') center no-repeat; } .tippy-tooltip { max-width: 272px !important; padding: 9px 27px; font-size: 14px; line-height: 20px; text-align: center; color: #C0C0C0; border-radius: 10px; background: #171515; box-sizing: border-box; } .tippy-tooltip .tippy-content { display: flex; align-items: center; justify-content: center; min-height: 49px; padding: unset; } .tippy-tooltip .tippy-arrow { display: none; } /** * Custom input */ .custom-input { display: flex; align-items: center; width: 100%; height: 52px; padding: 15px 25px; font-size: 14px; color: #fff; border: 1px solid #8B8B8B; border-radius: 10px; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #8B8B8B, #8B8B8B) border-box; outline: unset; transition: 0.3s; box-sizing: border-box; } .custom-input::-webkit-input-placeholder { font-family: 'Involve', sans-serif; font-size: 14px; color: #fff; } .custom-input:-moz-placeholder { font-family: 'Involve', sans-serif; font-size: 14px; color: #fff; } .custom-input::-moz-placeholder { font-family: 'Involve', sans-serif; font-size: 14px; color: #fff; } .custom-input:-ms-input-placeholder { font-family: 'Involve', sans-serif; font-size: 14px; color: #fff; } .custom-input::-ms-input-placeholder { font-family: 'Involve', sans-serif; font-size: 14px; color: #fff; } /** * Custom checkbox */ .custom-checkbox__input { display: none; } .custom-checkbox__square:before { content: ' '; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; border-radius: 3px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); transform: translate(-50%, -50%); opacity: 0; transition: 0.3s; } .custom-checkbox__square { flex-shrink: 0; position: relative; display: block; width: 20px; height: 20px; border-radius: 4px; border: solid 1px #C8C8C8; box-sizing: border-box; } /* .custom-form_dark .custom-form__agree-box { border-color: #B0B0B0; }*/ .custom-checkbox__input:checked + .custom-checkbox__square:before { opacity: 1; } /** * Custom filters */ .custom-filters { margin-bottom: 26px; } .custom-filters__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; } .custom-filters__wrap { display: flex; flex-direction: column; gap: 10px; } .custom-filters__btn { padding-left: calc(23px + 17px); background: url('/local/templates/main/./assets/img/svg/ico-filters.svg') left center no-repeat; } .custom-filters__btn-text { background-image: linear-gradient(to left,#FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.3s ease-in-out; } .custom-filters__reset { color: #8B8B8B; } @media screen and (min-width: 768px) { .custom-filters { margin-bottom: 46px; } .custom-filters__top { justify-content: unset; gap: 37px; margin-bottom: 30px; } .custom-filters__wrap { flex-direction: unset; flex-wrap: wrap; gap: 20px; } .custom-filters .custom-select { width: 26.8%; max-width: 268px; } } /** * Custom form */ .custom-form__flex { margin-bottom: 22px; } .custom-form__group { position: relative; } .custom-form__group:not(:last-of-type) { margin-bottom: 22px; } .custom-form__input { width: 100%; height: 44px; font-family: inherit; font-size: 14px; border: unset; border-bottom: solid 1px #8B8B8B; color: #fff; background: unset; outline: none; box-sizing: border-box; } .js-input-pass { max-width: calc(100% - 35px); } .js-input-pass.visible + .show-password { background: url('/local/templates/main/./assets/img/svg/ico-eye_open.svg') center / contain no-repeat; } .show-password { z-index: 1; position: absolute; top: 0; right: 0; display: block; width: 30px; height: 100%; max-height: 38px; background: url('/local/templates/main/./assets/img/svg/ico-eye_close.svg') center / contain no-repeat; } .custom-form_dark .custom-form__input { color: inherit; border-bottom-color: #D9D9D9; } .custom-form__label { font-size: 14px; line-height: 20px; color: #8B8B8B; } .custom-form_dark .custom-form__label { color: #B0B0B0; } .custom-form__label { position: absolute; top: 10px; left: 0; transform-origin: 0 50%; transition: transform 0.3s, color 0.3s; pointer-events: none; } .custom-form__input:focus, .custom-form__input:hover { border-color: #EB8300; } .custom-form__input:focus ~ .custom-form__label, .custom-form__input:not(:placeholder-shown) ~ .custom-form__label { color: #fff; transform: translateY(-20px) scale(0.75); } .custom-form__input.active ~ .custom-form__label { transform: translateY(-20px) scale(0.75); } .custom-form_dark .custom-form__input:focus ~ .custom-form__label, .custom-form_dark .custom-form__input:not(:placeholder-shown) ~ .custom-form__label { color: inherit; } .custom-form__input_textarea { min-height: 80px; margin-top: 12px; line-height: 16px; resize: none; } .custom-form__link { padding-bottom: 5px; font-size: 12px; line-height: 16px; color: #B0B0B0; border-radius: unset; border-bottom: solid 1px #B0B0B0; } .custom-form__btn { width: 100%; margin-top: 24px; } .custom-form__bottom { margin-top: 24px; } .custom-form__agree { display: flex; gap: 9px; font-size: 12px; line-height: 20px; color: #8B8B8B; cursor: pointer; } .custom-form__agree-link { color: #8B8B8B; } .custom-form_dark .custom-form__agree, .custom-form_dark .custom-form__agree-link { color: inherit; } .custom-form__agree-input { display: none; } .custom-form__agree-box:before { content: ' '; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; border-radius: 3px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); transform: translate(-50%, -50%); opacity: 0; transition: 0.3s; } .custom-form__agree-box { flex-shrink: 0; position: relative; display: block; width: 20px; height: 20px; border-radius: 4px; border: solid 1px #C8C8C8; box-sizing: border-box; } .custom-form_dark .custom-form__agree-box { border-color: #B0B0B0; } .custom-form__agree-input:checked + .custom-form__agree-box:before { opacity: 1; } .custom-form__action { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 32px; } .custom-form__action-item { display: flex; align-items: center; gap: 15px; text-decoration: none; color: #868484; } .custom-form__action-item img { margin-top: -3px; } .custom-form__hint { display: block; margin-top: 12px; font-size: 13px; line-height: normal; color: #868484; } @media screen and (min-width: 768px) { .custom-form__flex { display: flex; gap: 26px; margin-bottom: 33px; } .custom-form__group:not(:last-of-type) { margin-bottom: 33px; } .custom-form__flex .custom-form__group { margin-bottom: unset; } .custom-form__group_triple { width: calc(33.33% - ((26px * 2) / 3)); } .custom-form__btn, .custom-form__bottom { margin-top: 33px; } } @media screen and (min-width: 960px) { .custom-form__bottom { display: flex; align-items: center; justify-content: space-between; gap: 46px; } .custom-form__btn { flex-shrink: 0; width: 180px; min-width: 180px; width: auto; margin-top: unset; } .custom-form__bottom { margin-top: 65px; } } /** * Custom big form */ .custom-big-form { padding: 42px 25px; border-radius: 40px; color: #0C0C0C; background: url('/local/templates/main/./assets/img/big-form-bg_sm.png') top center / cover no-repeat, #fff; box-sizing: border-box; } .custom-big-form__title { margin-bottom: 12px; font-size: 26px; font-weight: 700; line-height: 32px; } .custom-big-form__text { margin-bottom: 24px; } .custom-big-form .custom-form__btn { width: 210px; } @media screen and (min-width: 375px) { .custom-big-form { background-size: 110%; } } @media screen and (min-width: 768px) { .custom-big-form { background: url('/local/templates/main/./assets/img/big-form_bg.png') center / cover no-repeat, #fff; } .custom-big-form__top { margin-bottom: 48px; } .custom-big-form__title { font-size: 32px; line-height: 38px; } .custom-big-form__text { margin-bottom: unset; } .custom-big-form .custom-form__bottom { display: flex; align-items: center; justify-content: right; gap: 50px; margin-top: 28px; } .custom-big-form .custom-form__btn { flex-shrink: 0; margin-top: unset; } } @media screen and (min-width: 960px) { .custom-big-form { padding: 50px; } .custom-big-form__top { display: flex; align-items: flex-end; gap: 75px; } .custom-big-form__title { flex-shrink: 0; max-width: 348px; max-width: 400px; margin-bottom: unset; } .custom-big-form__text { max-width: 491px; } } /** * Custom message */ .custom-message { margin-bottom: 45px; padding: 20px; font-size: 14px; border-radius: 12px; } .custom-message_sm { max-width: 1005px; } /** * Custom table list */ .custom-table-list { display: table; width: 100%; max-width: 694px; } .custom-table-list_full { max-width: unset; } .custom-table-list__head { display: table-row; } .custom-table-list__th { display: table-cell; padding-bottom: 20px; font-weight: 500; } .custom-table-list__row { display: table-row; } .custom-table-list__td { display: table-cell; padding: 19px 0; border-top: solid 1px rgba(255,255,255,0.25); color: #8B8B8B; } .custom-table-list__date { color: #8B8B8B; } .custom-table-list__text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; overflow: hidden; } .custom-table-list_full .custom-table-list__td { color: #fff; } .custom-table-list__td_mobile { display: none; } .custom-table-list__th:not(:first-of-type):not(:last-of-type), .custom-table-list__td:not(:first-of-type):not(:last-of-type) { padding-left: 15px; padding-right: 15px; } .custom-table-list__group { display: flex; align-items: flex-start; gap: 17px; line-height: 16px; } .custom-table-list__group-link { color: #fff; } .custom-table-list__link { text-wrap: nowrap; background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-table-list__group-info .forum-item-author { display: block; margin-top: 5px; } .custom-table-list__ico { flex-shrink: 0; } @media screen and (min-width: 475px) { .custom-table-list__group-info .forum-item-author { text-wrap: nowrap; } } @media screen and (max-width: 767px) { .custom-table-list__th, .custom-table-list__td { text-align: center; } .custom-table-list__th:first-of-type, .custom-table-list__td:first-of-type { text-align: left; } .custom-table-list__th:nth-last-child(-n+2), .custom-table-list__td:nth-last-child(-n+2) { text-align: right; } .custom-table-list__th_hidden { display: none; } .custom-table-list__td_desktop { display: none; } .custom-table-list__td_mobile { position: relative; display: table-cell; height: 7px; padding: 0 0 20px; border-top: unset; text-align: left !important; } .custom-table-list__link { position: absolute; left: 0; top: -13px; line-height: 20px; white-space: nowrap; } .custom-table-list_full .custom-table-list__link { position: static; line-height: 22px; } } @media screen and (min-width: 768px) { .custom-table-list__td:first-of-type, .custom-table-list__th:first-of-type { padding-right: 5%; } .custom-table-list__td:last-of-type, .custom-table-list__th:last-of-type { padding-left: 5%; text-align: right; } .custom-table-list__th:not(:first-of-type):not(:last-of-type), .custom-table-list__td:not(:first-of-type):not(:last-of-type) { padding-left: 5%; padding-right: 5%; } .custom-table-list__text { max-width: 486px; -webkit-line-clamp: 3; line-clamp: 3; } } /** * Custom rating */ .custom-rating { display: flex; align-items: center; gap: 12px; } .custom-rating__stars { display: flex; align-items: flex-end; gap: 4px; } .custom-rating__stars-item { display: block; width: 20px; height: 20px; background: url('/local/templates/main/./assets/img/svg/ico-star_empty.svg') center no-repeat; } .custom-rating__stars-item_fill { background-image: url('/local/templates/main/./assets/img/svg/ico-star.svg'); } /** * Custom breadcrumbs */ .custom-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 10px; margin-bottom: 24px; padding: unset !important; font-size: 12px; line-height: 16px; } .custom-breadcrumbs__item { display: flex; align-items: center; grid-gap: 10px; color: #1A1B30; } .custom-breadcrumbs__item:not(:last-of-type):after { content: ' '; display: block; width: 5px; height: 8px; margin-top: 1px; background: url('/local/templates/main/./assets/img/svg/ico-bread.svg') center no-repeat; } .custom-breadcrumbs__item:last-of-type { background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-breadcrumbs__item:last-of-type:after { background-image: url('/local/templates/main/./assets/img/svg/ico-bread_fill.svg'); } .custom-breadcrumbs__item a { display: block; text-decoration: none; color: #8B8B8B; } @media screen and (min-width: 768px) { .custom-breadcrumbs { margin-bottom: 28px; } } /** * Main header */ .main-header { z-index: 11; position: sticky; top: 0; background: #0C0C0C; } .main-header__wrap { position: relative; display: flex; height: 75px; align-items: center; justify-content: space-between; } .main-header__left, .main-header__right { display: flex; align-items: center; gap: 28px; } .main-header__mobile-btn-ico { position: relative; display: flex; width: 59px; height: 50px; background: url('/local/templates/main/./assets/img/svg/ico-menu-btn.svg') center / contain no-repeat; transition: 0.3s ease-in-out; } .main-header__mobile-btn-ico::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); mask: url('/local/templates/main/./assets/img/svg/ico-menu-btn.svg') center / contain no-repeat; opacity: 0; transition: 0.3s ease-in-out; } .main-header__mobile-btn:hover .main-header__mobile-btn-ico:before { opacity: 1; } .main-header__mobile-btn-text { display: none; } .main-header__search { display: none; width: 209px; height: 44px; padding-left: 52px; padding-right: 15px; font-size: 14px; border-radius: 10px; color: #fff; background: unset; box-sizing: border-box; background: url('/local/templates/main/./assets/img/svg/ico-search.svg') left 18px center no-repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; border: 1px solid transparent; outline: unset; } .main-header__logo { position: absolute; top: 50%; left: 50%; width: 69px; height: 39px; transform: translate(-50%, -50%); } .main-header__forum { display: none; min-width: 108px; height: 40px; margin-right: -13px; background:#3F3F3F; } .main-header__auth { width: 40px; height: 40px; border-radius: 10px; } .main-header__auth-ico { display: flex; } .main-header__auth-ico svg { transform: unset !important; } .main-header__auth-text { display: none; } .main-header__lang .current { position: relative; display: block; text-decoration: underline; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right 100%; cursor: pointer; } .main-header__lang .current:after { z-index: 1; content: ' '; position: absolute; bottom: 0; left: 50%; display: block; width: 7px; height: 5px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-lang.svg') center no-repeat; transform: translate(-50%, 0); } .main-header__cart { display: none; width: 40px; height: 40px; margin-left: -13px; background:#3F3F3F; } .main-header__cart.has-items { background-image: linear-gradient(to left, #FF4E01, #EB8100 33.33333%, #EB8100 66.66666%, #FF4E01); background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .main-header__cart-wrap { position: relative; display: flex; align-items: center; justify-content: center; } .main-header__cart-cnt { left: calc(100% - 1px); bottom: calc(100% - 1px); position: absolute; font-size: 10px; font-weight: 700; line-height: 10px; opacity: 0; } .main-header__cart.has-items .main-header__cart-cnt { opacity: 1; } @media screen and (min-width: 420px) { .main-header__cart { display: flex; } } @media screen and (min-width: 768px) { .main-header__forum { display: flex; } } @media screen and (min-width: 960px) { .main-header__mobile-btn { gap: 14px; } .main-header__mobile-btn-ico { background: url('/local/templates/main/./assets/img/svg/ico-menu-btn_full.svg') center / contain no-repeat; } .main-header__mobile-btn-ico::before { mask: url('/local/templates/main/./assets/img/svg/ico-menu-btn_full.svg') center / contain no-repeat; } .main-header__mobile-btn-text { display: block; font-size: 14px; font-weight: 500; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .main-header__mobile-btn:hover .main-header__mobile-btn-text { background-position: top right 100%; } .main-header__search { display: flex; } .main-header__logo { width: 63px; height: 36px; } .main-header__auth { display: flex; width: auto; max-width: 175px; height: 44px; padding: 0 12px; font-size: 14px; font-weight: 500; } .main-header__auth-ico { display: none; } .main-header__auth-text { display: block; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; } .main-header__forum { height: 44px; } .main-header__cart { width: 44px; height: 44px; } } /** * Menu */ .main-header__menu-wrap { z-index: 10; position: fixed; left: 0; top: 75px; display: flex; flex-direction: column; width: 100%; height: calc(100% - 75px); padding: 28px 0 20px; background: url('/local/templates/main/./assets/img/menu-overlay_sm.png') center / cover, #0C0C0C; box-sizing: border-box; overflow: scroll; } .main-header__menu-wrap { --frost-blur: 16px; --dark-blur: 6px; --glass-tint: rgba(255, 255, 255, 0.25); --glass-tint-dark: rgba(10, 10, 10, 0.9); --distortion-strength: 50; --glass-shadow: 0 4px 20px rgba(0,0,0,0.2); background: var(--glass-tint-dark); backdrop-filter: blur(var(--dark-blur)); transform: translate3d(0, 0, 0); box-shadow: var(--glass-shadow); transition: 0.3s; } .main-header__menu-close { display: none; } .main-header__menu-top { margin-bottom: 24px; } .main-header__menu-wrap .main-header__search { display: flex; width: 100%; height: 52px; } .main-header__nav { flex: auto; } .main-header__nav-menu { margin-bottom: 20px; } .main-header__nav-submenu { padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.25); } .main-header__nav-menu-item { break-inside: avoid-column; } .main-header__nav-menu-item:not(:last-of-type) { padding-bottom: 20px; } .main-header__nav-submenu-item:not(:last-of-type) { margin-bottom: 12px; } .main-header__nav-menu-item-link, .main-header__nav-submenu-item-link { display: inline-block; color: #fff; text-decoration: none; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: all 0.3s ease-in-out; } .main-header__nav-menu-item-link:hover, .main-header__nav-submenu-item-link:hover { background-position: top right 100%; } .main-header__nav-menu-item-link { font-size: 18px; font-weight: 600; line-height: 24px; } .main-header__menu-bottom { padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.25); } .main-header__menu-contacts { display: flex; flex-wrap: wrap; gap: 20px 0; margin-bottom: 20px; font-size: 16px; line-height: 26px; } .main-header__menu-contacts-item { width: 50%; color: #fff; text-decoration: none; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: all 0.3s ease-in-out; } .main-header__menu-contacts-item:hover { background-position: top right 100%; } .main-header__menu-contacts-item_social { display: flex; align-items: center; gap: 8px; } .main-header__menu-contacts-item_social:after { content: ' '; display: block; width: 13px; height: 14px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-social.svg') center no-repeat; transition: all 0.3s ease-in-out; } .main-header__menu-contacts-item_social:hover:after { transform: rotate(45deg); } .main-header__menu-login { width: 100%; height: 44px; } .main-header__menu-login span { overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; } /** * Custom menu */ .custom-menu { display: none; } @media screen and (min-width: 768px) { .inner-page .main-area { padding-top: 45px; } .custom-menu { display: flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto 45px; font-weight: 500; color: #8B8B8B; border-bottom: solid 1px #8B8B8B; } .custom-menu__item { position: relative; background-image: linear-gradient(to left, #8B8B8B, #8B8B8B 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .custom-menu__item:before { content: ' '; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: 0.3s ease-in-out; } .custom-menu__item_active, .custom-menu__item:hover { background-position: top right 100%; } .custom-menu__item_active:before { opacity: 1; } .custom-menu__item-link { display: flex; align-items: center; height: 44px; padding: 0 23px; text-decoration: none; color: #8B8B8B; } } @media screen and (min-width: 960px) { .main-header__menu-wrap { height: auto; min-height: 510px; padding: 78px 0 86px; border-radius: 0 0 40px 40px; /*background: url('/local/templates/main/./assets/img/menu-overlay.png') center / cover, #0C0C0C;*/ overflow: unset; } .main-header__menu-close { position: absolute; top: 54px; right: 50px; display: flex; } .main-header__menu-contacts { justify-content: space-between; max-width: 768px; font-size: 20px; font-weight: 600; line-height: 20px; } .main-header__menu-contacts-item { width: auto; } .main-header__menu-contacts-item_social { gap: 16px; } .main-header__menu-top, .main-header__menu-login { display: none; } .main-header__nav { flex: auto; display: flex; } .main-header__nav > .container { width: 100%; } .main-header__nav-menu { column-count: 3; column-gap: 11.4%; } .main-header__nav-submenu { border-bottom: unset; } .main-header__menu-bottom { padding-top: unset; border-top: unset; } .main-header__menu-contacts { margin-bottom: unset; } } /** * Custom big card */ .custom-big-card { position: relative; width: 100%; max-width: 339px; height: 430px; border-radius: 20px; overflow: hidden; box-sizing: border-box; transition: color 0.3s; } .custom-big-card:not(.swiper-slide-active) { color: #858585; } .custom-big-card__label { z-index: 1; position: absolute; top: 0; left: 20px; display: flex; align-items: center; justify-content: center; height: 38px; padding: 0 30px; font-weight: 700; font-style: italic; text-transform: uppercase; border-radius: 0 0 10px 10px; color: #fff; transition: 0.3s; overflow: hidden; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__label { color: #858585; } .custom-big-card__label-text { display: block; z-index: 2; position: relative; } .custom-big-card__label:before, .custom-big-card__label:after { content: ' '; position: absolute; display: block; width: 100%; height: 100%; } .custom-big-card__label:before { background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 1; } .custom-big-card__label:after { background: #575250; opacity: 0; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__label:before { opacity: 0; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__label:after { opacity: 1; } .custom-big-card__info { z-index: 1; position: absolute; bottom: 25px; left: 25px; right: 25px; width: 100%; } .custom-big-card__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; overflow: hidden; margin-bottom: 8px; font-size: 24px; font-size: 16px; line-height: 32px; line-height: 24px; text-transform: uppercase; font-family: 'Palui SP Demo', sans-serif; font-family: "Unbounded", sans-serif; } .custom-big-card__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; max-width: 250px; margin-bottom: 24px; font-weight: 500; } .custom-big-card__picture { display: block; width: 100%; height: 100%; } .custom-big-card__img { width: 100%; height: 100%; border-radius: 18px; object-fit: cover; object-position: left center; filter: grayscale(0); -webkit-filter: grayscale(0); transform: scale(1.01); } .custom-big-card:not(.swiper-slide-active) .custom-big-card__img { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .custom-big-card__btn { width: 100%; max-width: 254px; transition: 0.3s; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__btn svg path { stroke: #888888; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__btn { color: #888888; background: #575250; } .custom-big-card__play { z-index: 1; position: absolute; left: 50%; top: 50%; display: block; width: 80px; height: 80px; transform: translate(-50%, -50%); transition: 0.3s; filter: grayscale(0%); -webkit-filter: grayscale(0%); background: url('/local/templates/main/./assets/img/svg/ico-play.svg') center / contain no-repeat; } .custom-big-card:not(.swiper-slide-active) .custom-big-card__play { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .custom-big-card__play:hover { opacity: 0.7; } .custom-big-card__play-ico { width: 100%; height: 100%; } @media screen and (min-width: 375px) { .custom-big-card__title { font-size: 18px; line-height: 26px; } } @media screen and (min-width: 440px) { .custom-big-card__title { font-size: 19px; line-height: 28px; } } @media screen and (min-width: 768px) { .custom-big-card { max-width: 896px; height: 360px; /*height: 320px;*/ } .custom-big-card__label { left: 50px; } .custom-big-card__info { top: unset; right: unset; bottom: 46px; left: 50px; max-width: 470px; } .custom-big-card__title { margin-bottom: 15px; font-size: 30px; line-height: 40px; } .custom-big-card__text { max-width: 400px; margin-bottom: 33px; -webkit-line-clamp: 2; line-clamp: 2; } .custom-big-card__play { top: 50%; right: 23.66%; bottom: unset; left: unset; width: 90px; height: 90px; transform: translate(0, -50%); } } @media screen and (min-width: 1160px) { .custom-big-card__info { max-width: 670px; } .custom-big-card__title { font-size: 36px; font-size: 40px; line-height: 50px; } .custom-big-card__title { /*-webkit-line-clamp: 3; line-clamp: 3;*/ } .custom-big-card__text { /*-webkit-line-clamp: 5; line-clamp: 5;*/ } } @media screen and (min-width: 1200px) { .custom-big-card { max-width: 1120px; height: 452px; } .custom-big-card__label { left: 52px; } .custom-big-card__info { left: 52px; bottom: 52px; } .custom-big-card__play { right: 20%; width: 112px; height: 112px; } } @media screen and (min-width: 1300px) { .custom-big-card { max-width: 1200px; } } @media screen and (min-width: 1440px) { .custom-big-card { max-width: 1360px; } .custom-big-card__label, .custom-big-card__info { left: 70px; } } @media screen and (min-width: 1600px) { .custom-big-card { max-width: 1520px; } } @media screen and (min-width: 1700px) { .custom-big-card { max-width: 1570px; } } /** * Custom tabs */ .custom-tabs__controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 33px; } .custom-tabs__controls-btn:before { content: ' '; position: absolute; top: -1px; left: -1px; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 10px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: 0.3s ease-in; } .custom-tabs__controls-btn { position: relative; display: flex; align-items: center; justify-content: center; height: 54px; padding: 6px 23px; border-radius: 10px; border: solid 1px #8B8B8B; font-weight: 500; color: #8B8B8B; } .custom-tabs__controls-btn.active { cursor: default; pointer-events: none; } .custom-tabs__controls-btn-text { z-index: 1; transition: 0.3s ease-in; } .custom-tabs__controls-btn.active .custom-tabs__controls-btn-text { color: #fff; } .custom-tabs__controls-btn.active:before { opacity: 1; } .custom-tabs__content-block { display: none; } .custom-tabs__content-block.active { display: block; } @media screen and (min-width: 768px) { .custom-tabs__controls { flex-direction: unset; margin-bottom: 57px; } .custom-tabs__controls-btn { flex-grow: 1; } .custom-tabs_fixed .custom-tabs__controls-btn { flex-grow: unset; min-width: 196px; } } @media screen and (min-width: 1200px) { .custom-tabs__controls { margin-bottom: 65px; } } /** * Custom small card */ .custom-cards-list { display: flex; flex-wrap: wrap; gap: 9px; } .custom-small-card { position: relative; width: 100%; max-width: 165px; height: 220px; border-radius: 18px; } .custom-small-card .ya-share2__badge_more { opacity: 0 !important; } .custom-small-card .ya-share2__link_more { opacity: 0 !important; } .custom-small-card:before { content: ' '; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 105px; border-radius: 0 0 17px 17px; opacity: 1; background: linear-gradient(180deg, rgba(23, 22, 22, 0) 0%, #0E0C0D 100%); transition: 0.3s; } .custom-small-card_full { height: 242px; } .custom-small-card_full:before { height: 113px; } .custom-cards-list .custom-small-card { max-width: unset; width: calc(50% - (9px / 2)); } .custom-small-card__link { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; outline: unset; } .custom-small-card__brand { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; gap: 12px; /*width: calc(100% - (10px * 2));*/ min-width: 74px; min-height: 40px; padding: 11px 15px; font-size: 10px; font-weight: 600; background: rgba(12, 12, 12, 0.7); backdrop-filter: blur(6px); border-radius: 13px; transform: translate(-50%, calc(-50% - 30px)); box-sizing: border-box; } .custom-small-card__brand-text { display: none; } .custom-small-card_video .custom-small-card__link { background: url('/local/templates/main/./assets/img/svg/ico-play.svg') center / 60px no-repeat; } .custom-small-card__arrow { z-index: 2; position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #000; } .custom-small-card__arrow:before, .custom-small-card__arrow:after { position: absolute; z-index: 2; content: ' '; display: block; transition: 0.3s; } .custom-small-card__arrow:before { width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; } .custom-small-card:hover .custom-small-card__arrow:before { opacity: 1; } .custom-small-card__arrow:after { width: 8px; height: 8px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-diagonal.svg') center / contain no-repeat; } .custom-small-card__picture { display: block; width: 100%; height: 100%; } .custom-small-card__picture:before { content: ' '; z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 18px; background: transparent; transition: 0.3s; box-sizing: border-box; } .custom-small-card__img { width: 100%; height: 100%; border-radius: 18px; object-fit: cover; object-position: top; } .custom-small-card__img_hidden { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; transition: 0.3s; } .custom-small-card__title { z-index: 2; position: absolute; left: 50%; bottom: 19px; width: 100%; max-width: 145px; font-size: 14px; font-weight: 600; line-height: 18px; text-align: center; transform: translate(-50%, 0); box-sizing: border-box; } .custom-cards-list .custom-small-card__title { display: flex; align-items: center; justify-content: center; min-height: 54px; } .custom-small-card__favorite, .custom-small-card__share { z-index: 4; position: absolute; top: 20px; display: inline-block; color: #fff; transition: all 0.3s ease-in-out; } .custom-small-card__favorite { left: 19px; width: 21px; height: 24px; background: url('/local/templates/main/./assets/img/svg/ico-heart.svg') center / contain no-repeat; background-size: 21px 18px; } .custom-small-card__share { width: 21px; height: 24px; right: 19px; background: url('/local/templates/main/./assets/img/svg/ico-share.svg') center / contain no-repeat; background-size: 21px 18px; } .custom-small-card__favorite:before, .custom-small-card__share:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: all 0.3s ease-in-out; } .custom-small-card__favorite:before { mask: url('/local/templates/main/./assets/img/svg/ico-heart_full.svg') center / contain no-repeat; } .custom-small-card__share:before { mask: url('/local/templates/main/./assets/img/svg/ico-share_full.svg') center / contain no-repeat; } .custom-small-card__favorite.active:before { opacity: 1; } .custom-card__status:before { z-index: -1; content: ' '; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .custom-card__status { z-index: 2; position: absolute; top: 15px; left: 15px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 5px 10px; font-size: 12px; color: rgba(136, 136, 136, 1); background: rgba(136, 136, 136, 0.2); border-radius: 8px; border: 1px solid rgba(136, 136, 136, 0.2); box-sizing: border-box; overflow: hidden; backdrop-filter: blur(4px); transform: translate3d(0, 0, 0); box-shadow: 0 4px 20px rgba(0,0,0,0.2); transition: 0.3s; } .custom-card__page-link { z-index: 4; position: absolute; right: 15px; top: 15px; display: flex; align-items: center; justify-content: center; height: 34px; width: 34px; font-size: 20px; color: #EB8100; } @media (hover: hover) { .custom-small-card__favorite:hover:before, .custom-small-card__share:hover:before { opacity: 1; } } @media screen and (min-width: 540px) { .custom-small-card { max-width: 165px; } } @media screen and (min-width: 768px) { .custom-small-card { width: 215px; max-width: unset; height: 322px; } .custom-small-card:before { height: 148px; } .custom-small-card:not(.custom-small-card_full) .custom-small-card__arrow { display: none; } .custom-small-card__brand { /*width: 170px;*/ transform: translate(-50%, calc(-50% - 70px)); } .custom-small-card__arrow { width: 40px; height: 40px; } .custom-small-card__arrow:after { width: 10px; height: 10px; } .custom-small-card__title { font-size: 20px; line-height: 24px; bottom: 30px; align-items: flex-start; } .custom-cards-list { gap: 57px 12px; } .custom-cards-list .custom-small-card { max-width: unset; width: calc(25% - ((12px * 3) / 4)); height: 280px; } .custom-cards-list .custom-small-card__title { min-height: 72px; } .custom-small-card__favorite, .custom-small-card__share { top: 23px; bottom: unset; } .custom-small-card__favorite { left: 20px; width: 30px; height: 24px; background-size: 28px 24px; } .custom-small-card__share { right: 20px; width: 30px; height: 24px; background-size: 27px 24px; } } @media screen and (min-width: 1200px) { .custom-small-card { height: 340px; } } @media screen and (min-width: 1440px) { .custom-small-card { height: 350px; } } /** * Main Slider */ .main-slider { position: relative; margin-top: 45px; /*margin-bottom: 80px;*/ margin-bottom: unset; } .main-slider__wrap { padding: 0 18px; } .main-slider .swiper-navigation { margin-top: unset; } .main-slider .swiper-button-next { right: 30px; } .main-slider .swiper-button-prev { left: 30px; } .main-slider .swiper-button-next, .main-slider .swiper-button-prev { z-index: 10; position: absolute; top: 50%; transform: translate(0, -50%); } @media screen and (min-width: 768px) { .main-slider { margin-top: 30px; } } @media screen and (min-width: 1200px) { .main-slider { /*margin-bottom: 120px;*/ margin-bottom: 40px; } } /** * Main categories */ .main-categories { } /** * Main top */ .main-top { position: relative; left: 50%; width: 100%; margin-left: -50%; } .main-top__wrap { overflow: visible; } .main-top__title_sm { margin-bottom: 26px; font-size: 22px; line-height: 30px; } .main-top_categories { padding-top: 30px; } @media screen and (min-width: 768px) { .main-top__title_sm { font-size: 24px; line-height: 42px; } } @media screen and (min-width: 960px) { .main-top { left: unset; width: auto; margin-left: unset; } .main-top_categories { padding-top: 40px; } .main-top_categories .main-top__row { display: none; } .main-top_categories .swiper-wrapper { width: max-content; margin: 0 auto; } .main-top_categories .custom-small-card__picture:before { width: 198px; height: 198px; } .main-top_categories .custom-small-card__title { position: static; transform: unset; display: flex; align-items: center; justify-content: center; max-width: unset; min-height: 42px; margin-top: 15px; font-size: 16px; text-align: center; text-transform: uppercase; } .main-top_categories .custom-small-card__picture { overflow: hidden; border-radius: 12px; } .main-top_categories .custom-small-card__picture:before, .main-top_categories .custom-small-card__img { transform: scale(1.02); } .main-top_categories .custom-small-card { width: 198px; height: 198px; } .main-top_categories .custom-small-card:before, .main-top_categories .custom-small-card__arrow { display: none; } } @media screen and (min-width: 1200px) { .main-top_categories { padding-top: unset; } } /** * Main request */ .main-request { padding: 42px 25px; border-radius: 40px; color: #0C0C0C; background: url('/local/templates/main/./assets/img/main-request-bg_sm.png') bottom center / cover no-repeat, #fff; box-sizing: border-box; overflow: hidden; } .main-request__title { margin-bottom: 12px; font-size: 26px; font-weight: 700; line-height: 32px; } .main-request__text { margin-bottom: 24px; } .main-request__subtext { margin-bottom: 20px; font-size: 16px; font-weight: 700; line-height: 24px; } .main-request__btn { width: 210px; } .main-request__picture { display: flex; align-items: center; justify-content: center; margin-top: 40px; } @media screen and (min-width: 375px) { .main-request { background-size: 110%; } } @media screen and (min-width: 470px) { .main-request { background-position: center bottom -40px; background-size: 140%; } } @media screen and (min-width: 768px) { .main-request { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 40px; background: url('/local/templates/main/./assets/img/main-request-bg-2.png') center / cover no-repeat, #fff; } .main-request__info, .main-request__picture { width: calc(50% - (26px / 2)); } .main-request__title { margin-bottom: 19px; font-size: 40px; line-height: 46px; } .main-request__text { margin-bottom: 14px; } .main-request__subtext { max-width: 440px; margin-bottom: 23px; font-size: 18px; line-height: 24px; } .main-request__picture { max-width: 390px; margin: 20px auto 0; } } @media screen and (min-width: 960px) { .main-request__picture { width: 47.50%; max-width: unset; } } @media screen and (min-width: 1060px) { .main-request { gap: 66px; height: 495px; padding: 0 73px 0 50px; } .main-request__info { width: 460px; padding: 40px 0; } .main-request__title { margin-bottom: 32px; } .main-request__text { margin-bottom: 42px; } .main-request__subtext { margin-bottom: 34px; } } @media screen and (min-width: 1280px) { .main-request { align-items: flex-start; } .main-request__info { padding: 69px 0 0; } .main-request__picture { width: auto; align-self: flex-end; margin: unset; } } /** * Projects page / Favorites */ .projects-page { margin-bottom: 70px; } .projects-page__bottom { display: flex; align-items: center; justify-content: center; margin-top: 24px; } .projects-page__btn { min-width: 196px; } .projects-page__btn:hover svg { transform: unset; } .projects-list { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .projects-list .projects-list__item { width: calc(25% - ((15px * 3) / 4)); overflow: hidden; } .projects-list .projects-list__item:not(.projects-list__item-new):before { content: ' '; z-index: 1; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: transparent; backdrop-filter: blur(0); transition: 0.5s ease; } .projects-list__item:hover img { transform: scale(1.2); } .projects-list .projects-list__item:not(.projects-list__item-new):hover:before { background: rgba(0,0,0,0.6); backdrop-filter: blur(8px); } .projects-list__item img { transition: transform 0.5s ease; transform: scale(1.05); } .projects-list__item-new:before { content: unset; display: none; } .projects-list__item-new { display: flex; flex-direction: column; align-items: center; gap: 5px; justify-content: center; font-size: 36px; border: 1px dashed #868484; box-sizing: border-box; transition: 0.3s; } .projects-list__item-new:hover { border-color: #EB8300; } .projects-list__item-hint { font-size: 12px; } .projects-list__item-counters { z-index: 2; position: absolute; top: 50%; left: 0; display: flex; justify-content: center; width: 100%; font-size: 13px; line-height: normal; opacity: 0; visibility: hidden; transition: 0.5s ease; transform: translate(0, -50%); box-sizing: border-box; } .projects-list__item-counters-wrap { display: flex; flex-direction: column; gap: 10px 20px; } .projects-list__item-counters-group { display: flex; align-items: center; color: #C0C0C0; } .projects-list__item-counters img { margin: -2px 10px 0 0; transform: unset !important; } .projects-list__item-counters span { background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .projects-list__item:hover .projects-list__item-counters { opacity: 1; visibility: visible; } @media screen and (min-width: 768px) { .projects-page { margin-bottom: 80px; } .projects-page__bottom { margin-top: 42px; } } @media screen and (min-width: 1200px) { .projects-page { margin-bottom: 120px; } .projects-page__bottom { margin-top: 80px; } } /** * Detail project */ .project-detail-page { } .project-detail-page__download { display: flex; flex-direction: column; align-items: center; justify-content: center; } .project-detail-page__download-picture { max-width: 470px; } .project-detail-page__download-img { margin-left: -18px; } .project-detail-page__download-right { order: -1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 204px; height: 257px; margin-bottom: -70px; background: url('/local/templates/main/./assets/img/download-img-2.png') center / contain no-repeat; } .project-detail-page__download-right .custom-btn { width: 152px; } .project-detail-page__download-title { font-size: 26px; font-weight: 700; line-height: 32px; } .project-detail-page__download-btn:hover svg { transform: unset; } @media screen and (min-width: 768px) { .project-detail-page__download { flex-direction: unset; gap: 30px; margin-bottom: 50px; } .project-detail-page__download-right { order: unset; width: 345px; height: 432px; margin-bottom: unset; transform: translate(-30%, 0); } .project-detail-page__download-picture { max-width: 600px; } } @media screen and (min-width: 960px) { .project-detail-page__download { gap: 40px; margin-bottom: 100px; margin-bottom: 60px; } .project-detail-page__download-title { font-size: 40px; line-height: 42px; } } @media screen and (min-width: 1024px) { .project-detail-page__download-picture { max-width: 750px; margin-left: -30px; } } /** * Detail Project */ .project-detail__preview { min-height: 943px; padding: 30px 0 0; background: url('/local/templates/main/./assets/img/project-detail-bg_md.jpg') center / cover no-repeat; box-sizing: border-box; } .project-detail__preview-video { vertical-align: middle; object-fit: cover; width: 100%; height: auto; max-width: 592px; max-height: 592px; aspect-ratio: 1 / 1; } .project-detail__preview > .container { overflow: unset; } .project-detail__preview-wrap { max-width: 460px; margin: 0 auto; } .project-detail__counters-group { display: flex; flex-direction: column; gap: 10px; } .project-detail__counters { display: flex; flex-direction: column; gap: 10px 20px; max-width: 460px; margin: 32px auto 32px; font-size: 16px; line-height: 22px; } .project-detail__counters-item { display: flex; align-items: center; color: #C0C0C0; } .project-detail__counters-item img { margin: -2px 14px 0 0; } .project-detail__counters-item span { background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .project-detail__preview-picture:before { content: ' '; z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 125px; background: linear-gradient(180deg, rgba(23, 22, 22, 0) 0%, #0E0C0D 100%); } .project-detail__preview-picture { position: relative; display: block; width: auto; margin-bottom: 12px; border-radius: 18px; overflow: hidden; } .project-detail__preview-brand { z-index: 2; position: absolute; left: 20px; top: 20px; display: flex; align-items: center; justify-content: center; min-width: 74px; min-height: 40px; padding: 11px 15px; background: rgba(12, 12, 12, 0.7); backdrop-filter: blur(6px); border-radius: 13px; box-sizing: border-box; } .project-detail__preview-trailer { z-index: 2; position: absolute; right: 20px; top: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 110px; height: 40px; padding: 11px 22px; font-size: 14px; font-weight: 600; line-height: 22px; text-transform: uppercase; background: rgba(12, 12, 12, 0.7); backdrop-filter: blur(6px); border-radius: 13px; box-sizing: border-box; } .project-detail__preview-trailer svg { margin-top: -2px; } .project-detail__preview-link { content: ' '; z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .project-detail__preview-link_video { background: url('/local/templates/main/./assets/img/svg/ico-play.svg') center / 80px no-repeat; } .project-detail__preview-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; } .project-detail__preview-cost { position: relative; gap: 0 12px; margin-bottom: 18px; font-size: 14px; font-weight: 600; line-height: normal; cursor: unset; } .project-detail__preview-cost svg { flex-shrink: 0; transform: unset !important; } .project-detail__preview-cost-file { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .project-detail__preview-cost-hint { position: absolute; top: calc(100% + 5px); right: 0; font-size: 10px; color: #C0C0C0; } .project-detail__preview-top .custom-share { gap: 12px; } .project-detail__preview-top .custom-share__title { font-size: 14px; line-height: 22px; color: #C0C0C0; } .project-detail__preview-title { display: flex; align-items: center; width: 100%; min-height: 56px; font-size: 24px; font-weight: 600; line-height: 32px; } .project-detail__preview-description { position: relative; margin-bottom: 16px; cursor: pointer; pointer-events: none; } .project-detail__preview-description.hide, .project-detail__preview-description.visible { margin-bottom: 20px; padding-bottom: 25px; } .project-detail__preview-description.hide:after, .project-detail__preview-description.visible:after { z-index: 1; content: "Развернуть"; position: absolute; bottom: 0; right: 0; padding: 0 8px; font-size: 12px; text-decoration: underline; cursor: pointer; background-image: linear-gradient(rgb(235, 131, 0) 0%, rgb(255, 78, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; pointer-events: auto; } [lang="en"] .project-detail__preview-description.hide:after, [lang="en"] .project-detail__preview-description.visible:after { content: "Show more"; } .project-detail__preview-description.hide .project-detail__preview-description-wrap { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; overflow: hidden; } .project-detail__preview-description.visible:after { content: "Свернуть"; } [lang="en"] .project-detail__preview-description.visible:after { content: "Hide"; } .project-detail__preview-description-wrap { height: 44px; overflow: hidden; } .project-detail__preview-bricks { display: flex; flex: auto; flex-direction: column; flex-wrap: wrap; gap: 16px; margin-bottom: 80px; } .project-detail__preview-block { display: flex; flex-direction: column; gap: 16px; width: 100%; } .project-detail__preview-block-title { margin-bottom: 6px; font-size: 18px; font-weight: 600; line-height: 42px; } .project-detail__preview-code, .project-detail__preview-anchors, .project-detail__preview-projects { height: 100%; padding: 20px 30px 33px; background: rgba(26, 26, 26, 0.6); backdrop-filter: blur(4px); border-radius: 14px; box-sizing: border-box; } .project-detail__preview-projects-list { display: flex; flex-direction: column; gap: 12px; } .project-detail__preview-projects-row { display: flex; flex-wrap: wrap; } .project-detail__preview-projects-title, .project-detail__preview-projects-price { font-size: 14px; line-height: 20px; color: #C0C0C0; } .project-detail__preview-projects-title { width: 100%; margin-bottom: 4px; } .project-detail__preview-projects-title p { position: relative; display: inline-block; } .project-detail__preview-projects-title .custom-tippy { position: absolute; left: calc(100% + 6px); top: -9px; } .project-detail__preview-projects-price { width: 90px; font-weight: 600; } .project-detail__preview-projects-buy { line-height: 20px; } .project-detail__preview-anchors-links { display: flex; flex-direction: column; gap: 17px; font-size: 14px; line-height: 20px; } .project-detail__preview-anchors-item { display: inline-flex; align-items: center; gap: 10px; color: #C0C0C0; text-decoration: none; background-image: linear-gradient(to left, #C0C0C0, #C0C0C0 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: all 0.3s ease-in-out; } .project-detail__preview-anchors-item:hover { background-position: top right 100%; } .project-detail__preview-anchors-ico { display: inline-block; width: 10px; height: 10px; position: relative; background: url('/local/templates/main/./assets/img/svg/ico-anchor.svg') no-repeat center; color: #C0C0C0; transition: all 0.3s ease-in-out; } .project-detail__preview-anchors-ico::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); mask: url('/local/templates/main/./assets/img/svg/ico-anchor.svg') no-repeat center; opacity: 0; transition: all 0.3s ease-in-out; } .project-detail__preview-anchors-item:hover .project-detail__preview-anchors-ico { color: transparent; transform: rotate(-90deg); } .project-detail__preview-anchors-item:hover .project-detail__preview-anchors-ico:before { opacity: 1; } .project-detail__preview-code-text { align-items: center; text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; color: #C0C0C0; } @media screen and (min-width: 768px) { .project-detail__preview-cost { font-size: 12px; padding: 0 12px; gap: 0 8px } } @media screen and (min-width: 960px) { .project-detail__preview-cost { font-size: 14px; } } @media screen and (min-width: 1040px) { .project-detail__preview-cost { font-size: 16px; padding: 0 20px; gap: 0 12px; } } @media screen and (min-width: 1280px) { .project-detail__preview-cost { font-size: 18px; } } /**/ .project-detail__preview-props { display: flex; flex-direction: column; gap: 10px; max-width: 460px; margin: 0 auto 24px; } .project-detail__preview-property { display: flex; align-items: center; justify-content: space-between; height: 64px; padding: 16px 20px; border-radius: 14px; background: rgba(12, 12, 12, 0.50); box-sizing: border-box; } .project-detail__preview-property-value { display: block; min-width: 73px; font-size: 20px; font-weight: 600; line-height: 32px; text-align: center; } .project-detail__preview-property-title { min-width: 137px; line-height: 20px; color: #C0C0C0; } .project-detail__video-wrap { position: relative; } .project-detail__video { margin-bottom: 70px; } .project-detail__video-block { position: relative; border-radius: 18px; } .project-detail__video-link { z-index: 1; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url('/local/templates/main/./assets/img/svg/ico-play.svg') center / 80px no-repeat; } .project-detail__video-poster { min-height: 294px; } .model-3d { height: 500px; border-radius: 18px; overflow: hidden; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, #1A1A1A; } .model-3d__item { width: 100%; height: 100%; margin: 0 auto; cursor: grab } .model-3d__ico { position: absolute; left: 25px; bottom: 25px; } @media screen and (min-width: 375px) { .project-detail__preview-property { padding: 16px 25px; } .project-detail__preview-property-value { font-size: 24px; } } @media screen and (min-width: 475px) { .project-detail__preview-props { flex-direction: row; } .project-detail__preview-property { flex-direction: column; width: calc(33.33% - ((10px * 2) / 3)); justify-content: center; height: 162px; padding: 10px; } .project-detail__preview-property-title { min-width: unset; max-width: 106px; margin-bottom: 9px; text-align: center; } .project-detail__preview-property-value { font-size: 26px; line-height: 42px; } } @media screen and (min-width: 768px) { .project-detail__preview { min-height: 700px; padding-top: calc(45px + 90px); background-position: center bottom; } .project-detail__preview-wrap { display: flex; align-items: flex-start; gap: 20px; max-width: unset; } .project-detail__preview-left { position: sticky; top: 110px; } .project-detail__preview-bricks { margin-bottom: unset; } .project-detail__preview-picture { align-self: flex-start; margin-bottom: unset; } .project-detail__preview-info { display: flex; flex-direction: column; width: 52.2388%; align-self: flex-start; } .project-detail__preview-top { gap: 16px; margin-bottom: 12px; } .project-detail__preview-title { min-height: unset; font-size: 30px; line-height: 43px; } .project-detail__preview-description { margin-bottom: 30px; } .project-detail__preview-props { max-width: unset; margin-bottom: 42px; } .project-detail__counters { flex-direction: unset; flex-wrap: wrap; justify-content: space-between; max-width: 980px; margin-top: 45px; margin-bottom: unset; font-size: 18px; } .main-top_sections { margin-top: 116px; } .project-detail__video { margin-bottom: 80px; } .project-detail__video-poster { min-height: 335px; } } @media screen and (min-width: 960px) { .project-detail__preview { background: url('/local/templates/main/./assets/img/project-detail-bg_big.jpg') center / cover no-repeat; } .project-detail__preview-picture:before { height: 178px; } .project-detail__preview-wrap { gap: 46px; } .project-detail__preview-top { gap: 16px 20px; } .main-top_sections .custom-small-card:after { content: unset; display: none; } } @media screen and (min-width: 1024px) { .project-detail__preview-bricks { flex-direction: unset; } .project-detail__preview-block { flex: auto; width: calc(50% - (16px / 2)); } } @media screen and (min-width: 1024px) { .project-detail__counters { justify-content: unset; gap: 26px 70px; } .project-detail__counters-group { gap: 26px; } } @media screen and (min-width: 1300px) { .project-detail__preview { min-height: 800px; background-position: center bottom; } .project-detail__preview-picture:before { height: 265px; } .project-detail__preview-link_video { background-size: 112px; } .project-detail__preview-wrap { gap: 50px; } .project-detail__preview-top { gap: 20px; } .project-detail__preview-description { margin-bottom: 50px !important; } .project-detail__preview-props { gap: 14px; margin-bottom: 50px; } .project-detail__preview-property { height: 219px; } .project-detail__preview-property-value { margin-bottom: 3px; font-size: 30px; line-height: 42px; } .project-detail__preview-property-title { max-width: unset; margin-bottom: 16px; } .project-detail__video { margin-bottom: 100px; } .project-detail__video-link { background-size: 112px; } .project-detail__video-poster { height: 500px; } .model-3d { height: 560px; } } /** * Custom accordion */ .custom-accordion { counter-reset: num; } .custom-accordion__item { position: relative; border-top: solid 1px rgba(255, 255, 255, 0.25); counter-increment: num; } .custom-accordion__item-price, .custom-accordion__item-title { font-size: 14px; font-weight: 600; line-height: 24px; } .custom-accordion__item-year { position: relative; background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-accordion__item-year:before { content: ' '; position: absolute; top: 50%; left: 60%; display: block; width: 96px; height: 108px; background: url('/local/templates/main/./assets/img/year-bg.png') center / contain no-repeat; transform: translate(-50%, -50%); } .custom-accordion__item-info { display: flex; align-items: flex-start; gap: 10px; min-height: 80px; padding: 28px calc(18px + 40px) 20px 0; cursor: pointer; box-sizing: border-box; } .custom-accordion__item-info:before { content: counter(num) "."; font-size: 16px; line-height: 24px; background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-accordion__item:nth-child(-n+9) .custom-accordion__item-info:before { content: "0" counter(num) "."; } .custom-accordion__item-info:after { content: ' '; position: absolute; top: 20px; right: 0; display: block; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: url('/local/templates/main/./assets/img/svg/ico-show-answer.svg') center / 16px no-repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; border: 1px solid transparent; transition: transform 0.3s; box-sizing: border-box; } .custom-accordion__item-info.visible:after { background: url('/local/templates/main/./assets/img/svg/ico-show-answer.svg') center / 16px no-repeat, linear-gradient(transparent 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; transform: rotate(45deg); } .custom-accordion__item-text { display: none; padding-bottom: 20px; box-sizing: border-box; } @media screen and (min-width: 768px) { .custom-accordion__item-title, .custom-accordion__item-price { font-size: 20px; line-height: 42px; } .custom-accordion__item-info { gap: 7px; min-height: 92px; padding: 24px calc(30px + 52px) 24px 0; } .custom-accordion__item-info:before { font-size: 20px; line-height: 42px; } .custom-accordion__item-info:after { top: 19px; width: 52px; height: 52px; background-size: unset; } .custom-accordion__item-text { max-width: 1110px; padding-bottom: 40px; } } @media screen and (min-width: 960px) { .faq-page { margin-bottom: 160px; } .custom-accordion { } .custom-accordion__item { } } /** * FAQ Page */ .faq-page { margin-bottom: 50px; } .faq-page_personal { margin-bottom: unset !important; } .faq-list:not(:last-of-type) { margin-bottom: 60px; } .faq-list-title { margin-bottom: 38px; font-size: 22px; font-weight: bold; line-height: 28px; background-image: linear-gradient(to bottom, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (min-width: 768px) { .faq-page { margin-bottom: 70px; } } @media screen and (min-width: 960px) { .faq-page { margin-bottom: 120px; } } /** * About page */ .about-page { margin-bottom: 60px; } .about-page__quote { margin-bottom: 50px; } .about-page__quote-title { font-family: 'Involve Bold Oblique', sans-serif; font-size: 22px; line-height: 28px; font-weight: bold; font-style: italic; background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-page__quote-text { margin-top: 10px; font-style: italic; } .about-page__quote_top { margin-bottom: 32px; } .about-page__preview { min-height: 379px; margin-bottom: 50px; background: url('/local/templates/main/./assets/img/about-bg.png') center / contain no-repeat; } .about-page__preview-block:not(:last-of-type) { margin-bottom: 50px; } .about-page__preview-title { margin-bottom: 8px; font-size: 22px; font-weight: 700; line-height: 42px; } .about-page__preview-text { display: flex; flex-direction: column; gap: 22px; } .about-page__team { margin-bottom: calc(60px - 24px); } .about-page__team-card { width: 100%; max-width: 165px; } .about-page__team-card .custom-small-card { width: 100%; } .about-page__team-info { margin-top: 23px; padding: 0 5px; font-size: 12px; line-height: 18px; text-align: center; } .about-page__history { margin-bottom: 50px; } .about-page__history-title { margin-bottom: 20px; } .about-page__history .custom-accordion__item-info { gap: 13px; } .about-page__history .custom-accordion__item-info:before { display: none !important; } .about-page__history .custom-accordion__item-title { font-size: 16px; line-height: 28px; } .about-page__history .custom-accordion__item-year { font-size: 20px; line-height: 28px; } @media screen and (min-width: 540px) { .about-page__team-card { max-width: 165px; } } @media screen and (min-width: 768px) { .about-page { margin-bottom: 80px; } .about-page__quote { margin-bottom: 100px } .about-page__quote_top { margin-bottom: unset; } .about-page__quote-title { font-size: 24px; } .about-page__preview { display: flex; justify-content: space-between; gap: 7%; margin-top: -50px; margin-bottom: 60px; padding-top: 91px; box-sizing: border-box; } .about-page__preview-block { width: 100%; max-width: 657px; } .about-page__preview-block:nth-child(1) { width: 100%; max-width: 585px; margin-bottom: unset; } .about-page__preview-title { margin-bottom: 21px; font-size: 24px; } .about-page__team { margin-bottom: calc(80px - 24px); } .about-page__team-card { width: 215px; max-width: unset; } .about-page__team-info { padding: 0 7px; font-size: 14px; line-height: 22px; } .about-page__history { margin-bottom: 65px; } .about-page__history-title { margin-bottom: 50px; } .about-page__history .custom-accordion__item-info { gap: unset; } .about-page__history .custom-accordion__item-year { margin-right: 96px; font-size: 36px; line-height: 42px; } .about-page__history .custom-accordion__item-title { font-size: 22px; line-height: 42px; } .about-page__history .custom-accordion__item-text { padding-left: 176px; } } @media screen and (min-width: 1200px) { .about-page { position: relative; } .about-page__quote_top { position: absolute; bottom: calc(100% + 10px); right: 0; width: 540px; margin-bottom: unset; } .about-page__team-title { margin-bottom: 57px; } .about-page__team-card { width: 320px; } .about-page__team-info { margin-top: 36px; } .about-page__history { margin-bottom: 100px; } .about-page__history-title { margin-bottom: 66px; } .about-page__history .custom-accordion__item-year { margin-right: 254px; } .about-page__history .custom-accordion__item-text { padding-left: calc(254px + 80px); } } @media screen and (min-width: 1200px) { .about-page { margin-bottom: 120px; } .about-page__team { margin-bottom: calc(120px - 24px); } .about-page__history { margin-bottom: 105px; } } @media screen and (min-width: 1440px) { .about-page__quote_top { width: 657px; } } /** * Contacts page */ .contacts-page { position: relative; left: 50%; width: 100vw; margin-left: -50vw; padding-bottom: 70px; } .contacts-page__info { display: flex; flex-direction: column; gap: 30px; font-size: 24px; line-height: 32px; } .contacts-page__link { z-index: 1; position: relative; display: inline-flex; align-items: center; gap: 18px; color: #fff; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: all 0.3s ease-in-out; text-decoration: none; } .contacts-page__link:hover { background-position: top right 100%; } .contacts-page__social { display: flex; flex-wrap: wrap; gap: 25px 50px; font-size: 20px; line-height: 20px; } .contacts-page__social-item:after { content: ' '; display: block; width: 13px; height: 14px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-social.svg') center no-repeat; transition: all 0.3s ease-in-out; } .contacts-page__social-item:hover:after { transform: rotate(45deg); } .contacts-page__right { margin-top: 50px; } .contacts-page__text { margin-bottom: 22px; font-size: 20px; font-weight: 600; line-height: 27px; } @media screen and (min-width: 768px) { .contacts-page { padding-bottom: 120px; box-sizing: border-box; } .contacts-page:before { content: ' '; position: absolute; left: 0; bottom: -20%; display: block; width: 394px; height: 703px; background: url('/local/templates/main/./assets/img/contacts-bg.png') center no-repeat; } .contacts-page__wrap { display: flex; justify-content: space-between; gap: 10%; overflow: unset; } .contacts-page__right { flex-grow: 1; max-width: 700px; margin-top: 17px; } .contacts-page__left { flex-shrink: 0; } .contacts-page__text { margin-bottom: 35px; } .contacts-page__title { margin-bottom: 60px; } .contacts-page__info { gap: 94px; font-size: 32px; line-height: 43px; } } @media screen and (min-width: 960px) { .contacts-page { gap: 12%; } .contacts-page__text { margin-bottom: 56px; } } /** * Blog page */ .blog-page, .blog-page__tabs { margin-bottom: 60px; } .blog-page__tabs .custom-tabs__controls { flex-direction: unset; gap: 16px; margin-bottom: 28px; } .blog-page__tabs .custom-tabs__controls-btn { width: 100%; } .blog-page__list .custom-small-card__title { max-width: unset; padding: 0 15px; } @media screen and (min-width: 768px) { .blog-page, .blog-page__tabs { margin-bottom: 80px; } .blog-page__tabs .custom-tabs__controls { gap: 10px; margin-bottom: 50px; } .blog-page__tabs .custom-tabs__controls-btn { width: auto; min-width: 138px; } .blog-page__list .custom-small-card__title { min-height: 84px; font-size: 16px; } } @media screen and (min-width: 960px) { .blog-page__list .custom-small-card__title { font-size: 18px; } } @media screen and (min-width: 1200px) { .blog-page, .blog-page__tabs { margin-bottom: 120px; } .blog-page__list .custom-small-card__title { font-size: 20px; } } /** * Partners page */ .partners-page { margin-bottom: 60px; } .partners-page__description { max-width: 1180px; margin-bottom: 35px; } .partner-card { width: 100%; max-width: 339px; } .partner-card__picture { position: relative; display: flex; align-items: center; justify-content: center; height: 188px; margin-bottom: 22px; padding: 30px; border: solid 1px #8B8B8B; border-radius: 16px; box-sizing: border-box; } .partner-card__picture:before { content: ' '; position: absolute; left: -1px; top: -1px; display: block; width: 100%; height: 100%; border-radius: 16px; border: 1px solid transparent; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C, #0C0C0C) padding-box, linear-gradient(90deg, #EB8300, #FF4E01) border-box; opacity: 0; transition: 0.3s ease-in-out; } .partner-card__picture:hover:before { opacity: 1; } .partner-card__img { z-index: 1; } .partner-card__rating { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; font-size: 16px; } .partner-card__text { margin-bottom: 12px; } .partner-card__url { font-size: 16px; line-height: 24px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (min-width: 375px) { .partner-card { width: 339px; max-width: unset; } } @media screen and (min-width: 768px) { .partners-page { margin-bottom: 80px; } .partners-page .main-top__row { margin-bottom: 26px; } } @media screen and (min-width: 960px) { .partner-card__picture { height: 174px; } .partner-card { width: 438px; } } @media screen and (min-width: 1200px) { .partners-page { margin-bottom: 120px; } } /** * Personal documents */ .personal-documents__title { margin: 0 0 20px 35px; font-size: 16px; font-weight: 600; } .personal-documents-list { display: flex; flex-direction: column; gap: 15px; padding: 35px 35px; border: 1px dashed rgba(255,255,255, 0.3); border-radius: 40px; } .personal-documents-list__group-title { padding: 5px 0; font-size: 18px; cursor: pointer; } .personal-documents-list__item { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .personal-documents-list__item:not(:last-child) { padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255, 0.3); } .personal-documents-list__item-title { flex: 1; display: flex; align-items: center; gap: 12px; background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .personal-documents-list__item-ico { font-size: 22px; } .personal-documents-list__item-right, .personal-documents-list__item-actions { display: flex; align-items: center; justify-content: space-between; } .personal-documents-list__item-right { gap: 80px; gap: 40px; } .personal-documents-list__item-actions { justify-content: flex-end; min-width: 115px; font-size: 18px; gap: 5px; } .personal-documents-list__item-action, .personal-documents-list__item-status { flex-shrink: 0; } .personal-documents-list__item-action { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .personal-documents-list__item-action.download { margin-left: 15px; background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .personal-documents-list__item-action.edit { color: green; } .personal-documents-list__item-action.delete { color: #ff1212; } .personal-documents-list__item-status { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 130px; padding: 2px 10px; font-size: 12px; color: rgba(136, 136, 136, 1); background: rgba(136, 136, 136, 0.2); border-radius: 2px; border: 1px solid rgba(136, 136, 136, 0.2); box-sizing: border-box; } /** * Forum page */ .forum-page { margin-bottom: 50px; } .forum-page .bx_pagination_bottom { margin: 15px 0; } .forum-page__controls { display: flex; gap: 16px; margin-bottom: 32px; } .forum-page__controls-item { gap: 12px; width: 100%; max-width: 240px; height: 54px; border-radius: 16px; border: 1px solid transparent; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C, #0C0C0C) padding-box, linear-gradient(90deg, #EB8300, #FF4E01) border-box; } .forum-page__controls-item img { margin-top: -2px; } .forum-page__middle { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px 30px; } .forum-page__middle-group { display: flex; flex-wrap: wrap; gap: 15px; } .forum-page__rss { display: flex; align-items: center; gap: 20px; font-weight: 500; } .forum-page__rss-link { background-image: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .forum-page__bottom { margin-top: 50px; } .forum-page__info { display: flex; flex-direction: column; gap: 16px 0; margin: 20px 0 0; padding: 20px 0; border-top: solid 1px rgba(255,255,255,0.25); border-bottom: solid 1px rgba(255,255,255,0.25); } .forum-page__info-left, .forum-page__info-right { display: flex; flex-direction: column; gap: 16px 0; } .forum-page__legend { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; } .forum-page__legend-item { display: flex; align-items: center; gap: 19px; } .forum-page__legend-item-ico { margin-top: -2px; } .forum-page__like { display: flex; align-items: center; gap: 8px; margin-right: 22px; color: #8B8B8B; } .forum-page__like_fill { color: #fff; } .forum-page__like svg { margin-top: -3px; } @media screen and (min-width: 768px) { .forum-page { margin-bottom: 80px; } .forum-page__controls { margin-bottom: 50px; } .forum-page__controls-item { max-width: 138px; } .forum-page__list { margin-bottom: 48px; border-bottom: solid 1px rgba(255,255,255, 0.25); } .forum-page__list .custom-table-list__head { font-size: 16px; } .forum-page__list .custom-table-list__th { padding-bottom: 35px; } .forum-page__list .custom-table-list__td { padding-top: 25px; padding-bottom: 25px; } .forum-page__list_topic .custom-table-list__td { padding-top: 29px; padding-bottom: 29px; } .forum-page__info { flex-direction: unset; justify-content: space-between; margin: 22px 0 0; } .forum-page__bottom { margin-top: 70px; } .forum-page__info-left, .forum-page__info-right { gap: 22px 0; } .forum-page__info-right { text-align: right; } .forum-page__legend { flex-wrap: wrap; flex-direction: unset; gap: 15px 60px; margin-top: 22px; } } @media screen and (min-width: 1200px) { .forum-page { margin-bottom: 120px; } } /** * Forum page search */ .forum-page__form { margin-bottom: 70px; } .forum-page__form-wrap { display: flex; flex-direction: column; gap: 20px; } .forum-page__form-group { display: flex; flex-direction: column; gap: 12px; } .forum-page__form-label { display: flex; align-items: center; gap: 15px; line-height: 20px; } .forum-page__submit { width: 100%; margin-top: 24px; } @media screen and (min-width: 660px) { .forum-page__form { margin-top: 45px; } .forum-page__form-wrap { max-width: 451px; gap: 10px; } .forum-page__form-group { display: flex; align-items: center; justify-content: space-between; flex-direction: unset; gap: 25px; } .forum-page__form-group .custom-select, .forum-page__form-group .custom-input { width: 332px; } .forum-page__submit { max-width: 145px; margin-top: 50px; } } @media screen and (min-width: 768px) { .forum-page__form { margin-bottom: 80px; } } @media screen and (min-width: 1200px) { .forum-page__form { margin-bottom: 120px; } } /** * Blog detail */ .blog-detail-page { margin-bottom: 70px; } .blog-detail-page__picture { position: relative; margin-bottom: 20px; border-radius: 20px; overflow: hidden; } .blog-detail-page__img { width: 100%; height: 100%; min-height: 210px; object-fit: cover; object-position: center; } .blog-detail-page__picture:before { z-index: 1; content: ' '; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 57%; background: linear-gradient(180deg, rgba(23, 22, 22, 0) 0%, #171616 100%); } .blog-detail-page__top { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 20px; color: #8B8B8B; } .blog-detail-page__top-btn { order: -1; width: 100%; margin-bottom: calc(20px - 12px); color: #8B8B8B; } .blog-detail-page__top-item { display: flex; align-items: center; gap: 12px; } .blog-detail-page__description { max-width: 1024px; } .blog-detail-page__description, .blog-detail-page__share, .blog-detail-page__controls { margin-bottom: 32px; } .custom-share, .blog-detail-page__share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; font-size: 16px; font-weight: 600; line-height: 24px; } .custom-share__title { font-size: 18px; font-weight: 400; line-height: 22px; color: rgba(192, 192, 192, 1); } .custom-share ul, .blog-detail-page__share ul { margin: unset; padding: unset; } .blog-detail-page__controls { display: flex; flex-direction: column; gap: 10px; } .blog-detail-page__comments-top { display: flex; gap: 12px; margin-bottom: 18px; font-size: 20px; font-weight: 600; line-height: 32px; } .blog-detail-page__comments-count { font-weight: 700; color: #8B8B8B; } .blog-detail-page__comments-form { position: relative; } .blog-detail-page__comments-text { display: block; width: 100%; height: 65px; padding: 20px calc(12px + 50px + 12px) 20px 25px; border-radius: 16px; font-size: 16px; line-height: 24px; color: #fff; border: 1px solid #8B8B8B; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #8B8B8B, #8B8B8B) border-box; outline: unset; transition: 0.3s ease-in-out; resize: none; box-sizing: border-box; } .blog-detail-page__comments-text:focus, .blog-detail-page__comments-text:not(:placeholder-shown) { height: 244px; } .blog-detail-page__comments-submit { position: absolute; bottom: 8px; right: 8px; display: block; width: 50px; height: 50px; border-radius: 10px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-right.svg') center no-repeat, linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); } .blog-detail-page__comments-list { display: flex; flex-direction: column; gap: 40px; margin-top: 32px; } .blog-detail-page__comments-item { position: relative; } .blog-detail-page__comments-item-top { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; } .blog-detail-page__comments-item-img { flex-shrink: 0; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; object-fit: contain; object-position: center; } .blog-detail-page__comments-item-info { display: flex; flex-direction: column; gap: 8px; } .blog-detail-page__comments-item-text { margin-bottom: 20px; } .blog-detail-page__comments-item-name { font-weight: 500; } .blog-detail-page__comments-item-date { font-size: 12px; line-height: 16px; color: #8B8B8B; } .blog-detail-page__comments-item-controls { display: flex; align-items: flex-end; gap: 14px; font-size: 12px; line-height: 27px; color: #8B8B8B; } .blog-detail-page__controls-btn.disabled { opacity: 0.3; pointer-events: none; } @media screen and (min-width: 475px) { .blog-detail-page__controls { flex-direction: unset; } .blog-detail-page__controls-btn { width: calc(50% - (10px / 2)); max-width: 210px; } } @media screen and (max-width: 767px) { .blog-detail-page__share { flex-direction: column; align-items: flex-start; } .blog-detail-page__share .ya-share2__icon { width: 42px !important; height: 42px !important; background-size: 35px !important; } } @media screen and (min-width: 768px) { .blog-detail-page { margin-bottom: 80px; } .blog-detail-page__picture { margin-bottom: 36px; } .blog-detail-page__picture:before { height: 298px; } .blog-detail-page__img { height: 430px; } .blog-detail-page__top { gap: 20px 40px; margin-bottom: 45px; } .blog-detail-page__top-btn { flex-shrink: 0; order: unset; width: auto; margin-bottom: unset; } .blog-detail-page__description, .blog-detail-page__share, .blog-detail-page__controls { margin-bottom: 50px; } .blog-detail-page__comments-top { margin-bottom: 27px; } .blog-detail-page__comments-text { height: 85px; padding: 28px calc(14px + 58px + 14px) 28px 28px; } .blog-detail-page__comments-submit { bottom: 14px; right: 14px; width: 58px; height: 58px; } .blog-detail-page__comments-list { gap: 50px; margin-top: 50px; } .blog-detail-page__comments-item { max-width: 70%; padding-left: 110px; } .blog-detail-page__comments-item-top { margin-bottom: 15px; } .blog-detail-page__comments-item-img { position: absolute; left: 0; top: 0; width: 84px; height: 84px; } .blog-detail-page__comments-item-info { flex-direction: unset; align-items: center; gap: 26px; } .blog-detail-page__comments-item-text { margin-bottom: 22px; } } @media screen and (min-width: 1200px) { .blog-detail-page { margin-bottom: 120px; } .blog-detail-page__picture { margin-bottom: 50px; } .blog-detail-page__img { height: 522px; } .blog-detail-page__top { margin-top: -14px; } } /** * Services page */ .services-page { margin-bottom: 70px; } .services-page__preview { margin-bottom: 32px; } .services-page__preview-title { margin-bottom: 12px; font-size: 22px; font-weight: bold; line-height: 28px; } .services-page__preview-description { max-width: 980px; } .services-page__info { margin-bottom: 32px; } .services-page__info-title { margin-bottom: 12px; font-size: 22px; font-weight: bold; line-height: 28px; } .services-page__list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 50px; } .services-page__item { position: relative; flex-grow: 1; width: 339px; border-radius: 16px; border: 1px solid transparent; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, linear-gradient(to left, rgba(139, 139, 139, 0.35), rgba(139, 139, 139, 0.35) 33.33333%, #FF4E01 66.66666%, #EB8300) top right / 300% 100% border-box; box-sizing: border-box; transition: all 0.3s ease-in-out; overflow: hidden; } .services-page__item:hover { background-position: top right 100%; } .services-page__item-wrap { height: 100%; padding: 25px 25px 32px; box-sizing: border-box; } .services-page_about .services-page__item-wrap { display: flex; flex-direction: column; } .services-page__item:nth-child(4n - 3) .services-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-1.png') bottom right no-repeat; } .services-page__item:nth-child(4n - 2) .services-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-2.png') top right no-repeat; } .services-page__item:nth-child(4n - 1) .services-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-3.png') top left no-repeat; } .services-page__item:nth-child(4n) .services-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-4.png') bottom left no-repeat; } .services-page__item-link { z-index: 1; position: absolute; left: 0; top:0; display: block; width: 100%; height: 100%; } .services-page__item-arrow { z-index: 2; position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #000; } .services-page__item-arrow:before, .services-page__item-arrow:after { position: absolute; z-index: 2; content: ' '; display: block; transition: 0.3s; } .services-page__item-arrow:before { width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 1; } .services-page__item-arrow:after { width: 10px; height: 10px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-diagonal.svg') center / contain no-repeat; } .services-page__item-picture { display: flex; align-items: center; width: 100px; height: 100px; margin-bottom: 23px; } .services-page_about .services-page__item-picture { align-self: flex-end; width: 49px; height: 47px; } .services-page__item-img { max-width: 100%; max-height: 100%; object-fit: contain; } .services-page__item-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 28px; } .services-page__item-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; margin-top: 12px; } .services-page_about .services-page__item-text { display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; line-clamp: unset; overflow: unset; } .services-page__faq { margin-bottom: 50px; } .services-page__faq .custom-accordion__item-info:before { content: unset; display: none; } .services-page__faq-btn { width: 100%; margin-top: 20px; } @media screen and (min-width: 768px) { .services-page { margin-bottom: 80px; } .services-page__preview { margin-bottom: 50px; } .services-page__preview-title { margin-bottom: 17px; font-size: 24px; line-height: 42px; } .services-page__info-title { margin-bottom: 23px; font-size: 24px; line-height: 42px; } .services-page__list { margin-bottom: 70px; } .services-page__faq { margin-bottom: 80px; } .services-page__faq-btn { max-width: 320px; margin-top: 35px; } } @media screen and (min-width: 960px) { .services-page__group { display: flex; gap: 30px; } .services-page__info { flex-shrink: 0; width: 20%; margin: -8px 0 0; } .services-page__list { gap: 17px; margin-bottom: 100px; } .services-page__item-arrow { top: 20px; right: 20px; width: 52px; height: 52px; background: unset; border: solid 1px #FF4E01; transform: rotate(45deg); transition: 0.3s ease-in-out; box-sizing: border-box; } .services-page__item-arrow:before { opacity: 0; } .services-page__item { flex-grow: unset; width: calc(33.33% - (17px * 2 / 3)); height: 432px; } .services-page__item:hover .services-page__item-arrow { transform: rotate(0); } .services-page__item:hover .services-page__item-arrow:before { opacity: 1; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); } .services-page__item-wrap { padding: 64px 40px 34px; } .services-page_tech .services-page__item { height: 322px; } .services-page_about .services-page__item { height: auto; } .services-page_tech .services-page__item-wrap { display: flex; flex-direction: column; padding: 30px 20px 34px 30px; } .services-page__item-picture { width: 90px; height: 90px; margin-bottom: 75px; } .services-page_tech .services-page__item-picture { align-self: flex-end; justify-content: flex-end; width: 83px; height: 86px; margin-bottom: 42px; margin-right: 10px; } .services-page_about .services-page__item-picture { width: 49px; height: 47px; margin: 0 0 12px; } .services-page__item-title { max-width: 230px; font-size: 24px; line-height: 28px; } .services-page_tech .services-page__item-title { font-size: 22px; } .services-page__item-text { max-width: 230px; margin-top: 20px; } .services-page_tech .services-page__item-text { -webkit-line-clamp: 4; line-clamp: 4; max-width: unset; } } @media screen and (min-width: 1200px) { .services-page { margin-bottom: 120px; } .services-page__preview { margin-bottom: 115px; } .services-page__list { gap: 20px; margin-bottom: 120px; } .services-page__item { width: calc(25% - (20px * 3 / 4)); height: 480px; } .services-page__item-wrap { padding-top: 70px; } .services-page__item-picture { width: 100px; height: 100px; margin-bottom: 80px; } .services-page__info { width: 305px; } .services-page_tech .services-page__item { width: calc(33.33% - ((20px * 2) / 3)); height: 480px; } .services-page_tech .services-page__item-wrap { padding: 32px 30px 50px 40px; } .services-page_tech:not(.services-page_about) .services-page__item-picture { width: 139px; height: 128px; margin-bottom: 160px; margin-right: 10px; } .services-page_tech .services-page__item-title { font-size: 24px; } .services-page_tech .services-page__item-text { -webkit-line-clamp: 3; line-clamp: 3; } .services-page__faq { margin-bottom: 100px; } } /** * Profile page */ .profile-page { margin-bottom: 70px; } .profile-page_personal .custom-form { position: relative; } .profile-page__top { margin-bottom: 45px; } .profile-page__status { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 130px; padding: 5px 15px; font-size: 12px; color: rgba(136, 136, 136, 1); background: rgba(136, 136, 136, 0.2); border-radius: 2px; border: 1px solid rgba(136, 136, 136, 0.2); box-sizing: border-box; } .profile-page__link { position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; gap: 10px; height: 34px; text-decoration: none; color: #EB8100; } .profile-page__link i { margin-top: -2px; } .moderation { color: rgba(240, 220, 0, 1); background: rgba(240, 220, 0, 0.2); border: 1px solid rgba(240, 220, 0, 0.2); } .confirmed { color: rgba(14, 210, 0, 1); background: rgba(14, 210, 0, 0.2); border: 1px solid rgba(14, 210, 0, 0.2); } .decline { color: #FF7700; background: rgba(255, 0, 0, 0.2); border: 1px solid rgba(255, 0, 0, 0.2); } .profile-page__wrap { display: flex; flex-direction: column; gap: 30px; } .profile-page__controls { display: flex; flex-direction: column; gap: 10px; } .profile-page__controls-btn { position: relative; justify-content: flex-start; height: 54px; padding: 10px calc(25px + 12px + 10px) 10px 25px; border: 1px solid #868484; color: #868484; background: url('/local/templates/main/./assets/img/svg/ico-arrow-right_sm.svg') center right 25px no-repeat; transition: border 0.3s ease-in-out; } .profile-page_personal .profile-page__controls-btn { background: unset; } .profile-page__controls-btn:hover { border-color: #fff; } .profile-page__controls-btn.active { color: #fff; } .profile-page__controls_v2 .profile-page__controls-btn.active { border-color: #EB8300; } .profile-page__controls_v2 .profile-page__controls-btn { gap: 10px; } .profile-page__controls_v2 .profile-page__controls-icon { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-top: -3px; } .profile-page__controls_v2 .profile-page__controls-icon img { max-width: 100%; max-height: 100%; object-fit: contain; } .profile-page__controls-status { position: absolute; right: 25px; top: 50%; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 16px; transform: translate(0, -50%); } .profile-page__controls-status.fa-check { color: green; } .profile-page__controls-status.fa-clock-o { color: orange; } .profile-page__controls-status.fa-exclamation { color: red; } .profile-page__controls-btn:before { content: ' '; position: absolute; left: -1px; top: -1px; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 10px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-right_sm-light.svg') center right 25px no-repeat, linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 0; transition: 0.3s; } .profile-page__controls-btn.active:before { opacity: 1; } .profile-page__controls_v2 .profile-page__controls-btn.active:before { opacity: 0; } .profile-page__controls-btn.has-margin { margin-bottom: 30px; } .profile-page__controls-btn-text { position: relative; z-index: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .profile-page__tabs { display: flex; gap: 10px; margin: 30px 0 50px; } .profile-page__tabs-item { position: relative; justify-content: center; gap: 10px; height: 48px; padding: 10px 20px; line-height: normal; border: 1px solid #868484; color: #868484; background: unset; transition: border 0.3s ease-in-out; } .profile-page__tabs-item i { margin-top: -3px; } .profile-page__tabs-item:hover { border-color: #fff; } .profile-page__tabs-item.active { color: #EB8300; border-color: #EB8300; } .profile-page__tabs-item.active span { background-image: linear-gradient(to bottom, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile-page__info p { margin-bottom: 12px; } .profile-page__group { display: flex; flex-grow: 1; gap: 30px; width: 339px; } .profile-page__content-group { display: flex; flex-wrap: wrap; gap: 30px; } .custom-form .profile-page__content-group { gap: 32px; } .profile-page__content-block { display: none; } .profile-page__content-block.active { display: block; } .profile-page__block { flex-grow: 1; width: 339px; } .profile-page__content-group_flexible .profile-page__block { display: flex; flex-direction: column; } .profile-page__block_full { width: 100%; } .profile-page__block-title { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; font-weight: 500; } .profile-page__user { display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 15px; font-size: 14px; line-height: 19px; border-radius: 16px; border: solid 1px #8B8B8B; box-sizing: border-box; } .profile-page__user-email { color: #8B8B8B; } .profile-page__card { flex: auto; display: flex; flex-direction: column; gap: 20px; width: 100%; padding: 25px; line-height: 19px; border-radius: 16px; border: solid 1px #8B8B8B; box-sizing: border-box; } .profile-page__card-title { display: flex; align-items: center; gap: 10px; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile-page__card-title img { margin-top: -3px; } .profile-page__card-info { display: flex; flex-direction: column; gap: 6px; color: #868484; } .profile-page__table { display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 15px; font-size: 12px; line-height: 19px; border-radius: 16px; border: solid 1px #8B8B8B; color: #8B8B8B; box-sizing: border-box; } .profile-page__table-row { display: flex; justify-content: space-between; } .profile-page__table-cell:first-child { width: 70px; } .profile-page__table-cell:last-child { display: flex; align-items: flex-end; text-align: right; } .profile-page__table-cell:nth-child(2) { width: 70px; } .profile-page__table-row:last-child .profile-page__table-cell { padding-bottom: unset; } .profile-page__table-cell-label { font-weight: 500; color: #fff; } .profile-page__table-cell-value { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .profile-page__table-cell .custom-link { font-weight: 400; } .profile-page__table_purchase .profile-page__table-cell:nth-child(1) { width: 15%; } .profile-page__table_purchase .profile-page__table-cell:nth-child(2) { width: 35%; } .profile-page__table_purchase .profile-page__table-cell:nth-child(3) { width: 15%; } .profile-page__table_purchase .profile-page__table-cell:nth-child(4) { width: 15%; } .profile-page__table_purchase .profile-page__table-cell:nth-child(5) { width: 15%; justify-content: flex-end; } .profile-page__table-link { color: #8B8B8B; } .profile-page__block-top { display: flex; justify-content: space-between; } .profile-page__block-bottom { display: flex; justify-content: flex-end; } .profile-page__block-btn { width: 100%; margin-top: 30px; } .profile-page .custom-form__label.custom-link { margin-bottom: -10px; cursor: pointer; } .profile-page .custom-form__label { position: static; display: flex; align-items: center; gap: 6px; margin-bottom: 4px; pointer-events: auto; background-image: linear-gradient(to bottom, #EB8300 0%, #FF4E01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile-page .custom-form__label .required { color: #ff0000; } .profile-page .custom-form__label i { margin-top: -1px; } .profile-page .custom-form__btn { margin-top: 32px; } .profile-page__title { display: flex; align-items: center; min-height: 43px; margin-bottom: 12px; font-size: 20px; font-weight: bold; } .profile-page__subtitle { margin-bottom: 24px; } .profile-page__pay { width: 100%; max-width: 300px; margin-bottom: 15px; } @media screen and (max-width: 375px) { .profile-page__pay { padding: 0 10px; gap: 10px; } } .profile-page__divider { margin: 35px 0 24px; background: #868484; opacity: 0.32; } .profile-page__promo-wrap { margin-bottom: 24px; } .profile-page__promo { width: 100%; max-width: 292px; padding-left: 32px; background: #363636; border: unset; } .profile-page__promo::-webkit-input-placeholder { font-weight: 500; color: #666666; } .profile-page__promo:-moz-placeholder { font-weight: 500; color: #666666; } .profile-page__promo::-moz-placeholder { font-weight: 500; color: #666666; } .profile-page__promo:-ms-input-placeholder { font-weight: 500; color: #666666; } .profile-page__promo::-ms-input-placeholder { font-weight: 500; color: #666666; } .profile-page__promo-error { display: none; margin-top: 10px; color: red; } .profile-page__promo-send { width: 222px; } .profile-page__agreements { display: flex; flex-direction: column; gap: 15px; margin: 60px 0 0; } @media screen and (min-width: 375px) { .profile-page__user { padding: 25px; } .profile-page__table { gap: 21px; padding: 25px; font-size: 14px; } .profile-page__table-cell:nth-child(2) { width: 82px; } .profile-page__table-cell:first-child { width: 72px; } .profile-page__table-cell-label { margin-bottom: 2px; } } @media screen and (min-width: 768px) { .profile-page { margin-bottom: 80px; } .profile-page__wrap { flex-direction: unset; } .profile-page__controls { gap: 14px; } .profile-page__content { flex-grow: 1; } .profile-page__content-group { gap: 42px 36px; } .custom-form .profile-page__content-group { gap: 35px; } .profile-page__block-title { margin-bottom: 24px; } .profile-page__block-btn { width: 196px; margin-top: 35px; } .profile-page__card-btn { width: 100%; max-width: 256px; margin-top: -8px; } .profile-page .custom-form__label { margin-bottom: 8px; } .profile-page__title { display: block; line-height: 43px; } .profile-page__divider { margin: 43px 0 34px; } } @media screen and (min-width: 960px) { .profile-page { margin-bottom: 100px; } .profile-page__wrap { gap: 36px; } .profile-page__user, .profile-page__table { padding: 30px 36px; } .profile-page__controls-btn { width: 386px; } .profile-page__card { padding: 33px 38px; } .profile-page__content-bottom { display: flex; align-items: center; justify-content: flex-end; gap: 40px; margin-top: 80px; } .profile-page__content-bottom_v2 { gap: 30px 21px; } .profile-page .custom-form__action { margin-top: unset; } .profile-page .custom-form__btn { margin-top: unset; } .custom-form .profile-page__content-group { gap: 38px; } } @media screen and (min-width: 1200px) { .profile-page { margin-bottom: 120px; } .profile-page__wrap { gap: 50px; } .profile-page__content-group { gap: 50px 38px; } } /** * Main Footer */ .main-page .main-footer { margin-top: 40px; padding: 20px 0; } .main-footer { padding: 25px 0 32px; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, #1B1B1B; } .main-footer__wrap { position: relative; } .main-footer__scroll-top { z-index: 10; position: fixed; bottom: 30px; right: 18px; width: 52px; height: 52px; text-indent: -999em; background: url('/local/templates/main/./assets/img/svg/ico-top.svg') center no-repeat; transition: 0.3s; } .main-footer__scroll-top:hover { transform: scale(1.15); } .main-footer__menu { display: flex; flex-direction: column; gap: 18px; margin-top: 10px; margin-bottom: 32px; padding-bottom: 32px; font-size: 14px; font-weight: 600; line-height: 20px; border-bottom: solid 1px rgba(255, 255, 255, 0.13); text-transform: uppercase; color: #fff; } .main-footer__menu-link { display: inline-block; color: inherit; text-decoration: none; background-image: linear-gradient(to left, #fff, #fff 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .main-footer__menu-link:hover { background-position: top right 100%; } .main-footer__bottom { display: flex; flex-direction: column; gap: 12px 24px; font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, 0.41) } .main-footer__link { text-decoration: none; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.41), rgba(255, 255, 255, 0.41) 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .main-footer__link:hover { background-position: top right 100%; } @media screen and (min-width: 768px) { .main-footer { padding: 25px 0 39px; } .main-footer__menu { flex-direction: unset; flex-wrap: wrap; gap: 29px 46px; margin-top: unset; margin-bottom: 24px; padding-bottom: 19px; /*padding: 17px calc(35px + 52px) 0 0;*/ } .main-footer__bottom { flex-wrap: wrap; flex-direction: unset; justify-content: space-between; } .main-footer__scroll-top { bottom: 100px; } .main-footer__link, .main-footer__copyright { text-wrap: nowrap; } } @media screen and (min-width: 1200px) { .main-footer__bottom { position: relative; } .main-footer__scroll-top { bottom: 100px; } } @media screen and (min-width: 1400px) { .main-footer__menu { margin-bottom: 40px; } } @media screen and (min-width: 1600px) { .main-footer__scroll-top { right: 5%; } } .main-footer__cookie { display: none; z-index: 10000; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 0; border-top: 1px solid #FF4E01; background: #0C0C0C; } .main-footer__cookie-wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: column; gap: 15px 25px; } .main-footer__cookie a { color: #000; font-weight: 600; text-decoration: underline; text-decoration-skip-ink: none; } .main-footer__cookie p { margin: unset; } .main-footer__cookie a:hover { color: #FF2B06; } .main-footer__cookie-btn { width: 100%; height: 40px; } @media screen and (min-width: 475px) { .main-footer__cookie-wrap { flex-direction: unset; } .main-footer__cookie-btn { width: auto; } } /** * Overlay forms */ .overlay-active { overflow: hidden; } .overlay { width: 100vw; height: 100vh; position: fixed; bottom: -350vw; left: 0; background-color: transparent; z-index: 101; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .popup .errortext { color: red; } .popup .notetext { display: block; padding-right: 30px; color: green; } .overlay-thx .popup { position: relative; top: 300px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0 } .overlay-thx .popup.active { top: 0; opacity: 1 } .overlay-call { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; overflow-y: auto } .overlay-call__title { margin-bottom: 28px; } .overlay-call__subtitle { max-width: 288px; margin: 0 auto; text-align: center; } .overlay-call_success .overlay-call__title { margin-bottom: 12px; } .overlay-call_success .overlay-call__subtitle { } .calculate-form__agree { display: flex; align-items: flex-start; flex-wrap: unset; font-size: 12px; line-height: 13px; cursor: pointer; } .calculate-form__agree p { margin: 2px 0 0 13px; } .calculate-form__agree a { color: #000; } .calculate-form__agree input { display: none; } .calculate-form__agree span { position: relative; flex-shrink: 0; width: 20px; height: 20px; background: #ECECEC; box-sizing: border-box; } .calculate-form__agree input:checked + span:before { content: ' '; position: absolute; left: 50%; top: 50%; display: block; width: 8px; height: 8px; background: #6E1B22; transform: translate(-50%, -50%); } .overlay-call__form-title { margin-bottom: 8px; font-size: 20px; line-height: 23px; text-transform: uppercase; text-align: center; } .overlay-call__form-property { display: flex; align-items: center; justify-content: center; grid-gap: 8px; } .overlay-call__form-property span { color: #9E9D9D; } .overlay-call__form-property { font-size: 14px; line-height: 16px; text-align: center; } .overlay-call .popup { position: relative; width: 90%; max-width: 417px; padding: 36px 25px; color: #0C0C0C; background: #fff; top: 300px; opacity: 0; border-radius: 40px; -webkit-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .overlay-thx .popup { max-width: 488px; } .popup-form .custom-input { margin-bottom: 10px; } .popup-form__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 22px 15px; margin-top: 26px; } .popup-form__agree { display: flex; align-items: flex-start; gap: 10px; max-width: 215px; font-size: 12px; line-height: 20px; } .popup-form__agree a { color: inherit; } .popup-form__agree input { display: none; } .popup-form__agree input:checked + span:before { background: url('/local/templates/main/../img/svg/ico-form-arrow_light.svg') center no-repeat, #642A2A; } .popup-form__agree span:before { content: ' '; display: block; width: 100%; height: 100%; margin-top: -2px; border-radius: 4px; border: solid 1px rgba(100, 42, 42, 0.1); background: #fff; box-sizing: border-box; } .popup-form__agree span { flex-shrink: 0; width: 21px; height: 21px; position: relative; display: flex; align-items: center; -webkit-user-select: none; user-select: none; } .popup-form__submit { width: 232px; } .popup-form__logo { display: block; width: 78px; margin: 0 auto 28px; } .popup-form__title { margin-bottom: 24px; font-size: 26px; font-weight: bold; line-height: 31px; text-align: center; } .popup-form__text { margin-bottom: 20px; text-align: center; } .overlay-thx .popup-form__title { margin-bottom: 14px; } .overlay-thx .popup-form__text { margin-bottom: unset; } .overlay-thx .popup-form__submit { max-width: 164px; } .popup-form .custom-form__group:not(:last-of-type) { margin-bottom: 25px; } .popup .custom-form__radio-group { color: inherit; background: #FAF8F4; } .popup .custom-form__radio-label input:checked + span { color: #FAF8F4; background: #642A2A; } .overlay-call .popup.active { z-index: 1; top: 15%; opacity: 1 } .overlay-call__close { position: absolute; top: 26px; right: 26px; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; cursor: pointer; } .overlay-call__btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 58px; margin-top: 14px; padding: 10px; font-size: 14px; line-height: 16px; text-transform: uppercase; transition: 0.3s; border: unset; background: #6E1B22; color: #fff; box-sizing: border-box; cursor: pointer; } .overlay-call__btn_second { color: #000; background: #fff; border: solid 1px #6E1B22; } .overlay-call__btn:after { right: 21px; } .overlay-active { bottom: 0 } .overlay-start { background-color: rgba(18, 19, 23, 0.8); } .overlay-call__price { display: flex; align-items: center; font-size: 20px; line-height: 23px; } .overlay-call__price span { margin-right: 10px; font-size: 14px; line-height: 16px; color: #9E9D9D; } .overlay-call__price .rouble { margin-left: 5px; } .overlay-call__bot { margin-top: 14px; } .overlay-call_has-inputs .popup { padding-bottom: 25px; } .overlay-call_has-inputs .overlay-call__title { margin-bottom: 12px; } .overlay-call_success .popup { max-width: 390px } .overlay-call__form-group { display: flex; flex-direction: column; grid-gap: 8px; margin-bottom: 14px; margin-top: 18px; } .overlay-call__link { display: inline-flex; margin-bottom: 26px; margin-top: 4px; font-size: 16px; line-height: 19px; color: #9E9D9D; } .popup-form .custom-form__btn { width: 100%; margin-top: 35px; } .popup-form .custom-btn_additional { margin-top: 10px; } .popup-form .custom-form__agree { margin-top: 24px; color: #B0B0B0; } .custom-auth-social ul { display: flex; flex-wrap: wrap; gap: 10px 5px; margin: unset !important; padding: unset !important; } .custom-auth-social__item-yandex, .custom-auth-social__item-google { display: flex !important; width: 100% !important; height: auto !important; } .custom-auth-social__item-yandex .bx-authform-social-icon, .custom-auth-social__item-google .bx-authform-social-icon { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: 44px !important; font-size: 15px; font-weight: 500; border-radius: 8px; color: #0C0C0C; background: #fff !important; text-decoration: none; } .custom-auth-social__item-yandex { font: normal 400 16px/20px "YS Text", Arial, sans-serif; color: rgba(31, 31, 36, 1); } .custom-auth-social__item-yandex .bx-authform-social-icon { height: 52px !important; border-radius: 10px; } .custom-auth-social__item-ico { width: 20px; height: 20px; margin-top: -3px; overflow: unset; } @media (max-width: 767px) { .overlay-call { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-y: auto } } @media (min-width: 768px) { .overlay-call__close { top: 20px; right: 20px; width: 50px; height: 50px; } .popup-form__bottom { margin-top: 33px; } .overlay-call__form-group { grid-gap: 12px; margin: 39px 0 24px; } .overlay-call__title { margin-bottom: 16px; font-size: 38px; line-height: 46px; } .overlay-call_personal .popup { padding-top: 86px; } .overlay-call_personal .overlay-call__title { font-size: 24px; line-height: 29px; } .overlay-call__subtitle { max-width: 364px; } .overlay-call__form-title { margin-bottom: 9px; font-size: 28px; line-height: 32px; } .overlay-call_success .popup { padding-top: 45px; } .overlay-call_success .overlay-call__title { margin-bottom: 21px; font-size: 24px; line-height: 29px; } .overlay-call_has-inputs .overlay-call__title { margin-bottom: 21px; } .overlay-call__price { font-size: 28px; line-height: 32px; } .overlay-call__price span { margin-right: 12px; } .overlay-call__bot { display: flex; align-items: center; grid-gap: 30px; margin-top: 25px; } .overlay-call_personal .overlay-call__bot { display: block; } .overlay-call__btn { max-width: 297px; margin-top: unset; } .overlay-call_personal .overlay-call__btn { max-width: unset; margin-top: 10px; } .overlay-call__close { top: 18px; right: 18px; } } .contacts-requisites { margin-bottom: 70px; } .contacts-requisites__title { margin-bottom: 32px; font-size: 26px; font-weight: 500; line-height: 38px; } .contacts-requisites__title_sm { font-size: 18px; } .contacts-requisites__link { margin-bottom: 43px; } .contacts-requisites-list { display: flex; flex-direction: column; grid-gap: 10px; margin-bottom: 66px; } .contacts-requisites-list__item { padding: 36px 20px 36px 25px; background: url('/local/templates/main/./assets/img/svg/ico-requisites_dark.svg') right 20px bottom 20px no-repeat, url('/local/templates/main/./assets/img/main-bg.png') top left repeat, #1A1A1A; box-sizing: border-box; transition: 0.3s; cursor: pointer; } .contacts-requisites-list__item:hover { color: #fff; background: url('/local/templates/main/./assets/img/svg/ico-requisites_light.svg') right 20px bottom 20px no-repeat, #EB8300; } .contacts-requisites-list__item-title { margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 25px; } .contacts-requisites-list__item-text { margin-right: 35px; } .contacts-download { margin-bottom: 81px; padding: 36px 25px 45px; color: #fff; background: rgb(27, 23, 23); } .contacts-download__title { margin-bottom: 34px; font-size: 20px; font-weight: 600; line-height: 25px; } .contacts-requisites { position: relative; } .contacts-requisites__link { position: absolute; right: 0; top: 8px; display: flex; align-items: baseline; border-radius: unset; gap: 15px; max-width: 220px; margin: unset; text-decoration: unset; color: #fff; background: transparent; } .contacts-requisites__link svg path { stroke: #fff; } @media screen and (min-width: 660px) { .contacts-download .btn_additional svg path { stroke: #fff; } .contacts-requisites-list { flex-direction: unset; flex-wrap: wrap; } .contacts-requisites-list__item { width: calc(50% - 5px); } .contacts-download { display: flex; align-items: center; justify-content: space-between; padding: 30px 36px 30px 25px; } .contacts-download__title { margin-bottom: unset; } .contacts-download__link { max-width: 220px; border-bottom: solid 1px #fff; color: #fff; background: transparent; } } @media screen and (min-width: 768px) { .contacts-requisites-list { margin-bottom: 54px; } } @media screen and (min-width: 960px) { .contacts-requisites__title { margin-bottom: 48px; font-size: 36px; line-height: 38px; } .contacts-requisites__title_sm { font-size: 24px; } .contacts-requisites-list__item { display: flex; flex-direction: column; justify-content: flex-start; width: calc(33.33% - ((10px * 2) / 3)); min-height: 155px; padding-top: 29px; padding-bottom: 29px; } } @media screen and (min-width: 1180px) { .contacts-requisites-list__item { padding-left: 38px; padding-right: 60px; background-position: right 30px bottom 30px; } .contacts-requisites-list__item:hover { background-position: right 30px bottom 30px; } .contacts-requisites-list__item-title { margin-bottom: 20px; font-size: 20px; } .contacts-download { min-height: 155px; padding-left: 38px; box-sizing: border-box; } .contacts-download__title { font-size: 28px; } } /** * Subscribe page */ .subscribe-page { margin-bottom: 70px; } .subscribe-page__description { margin-bottom: 28px; } .subscribe-page__title-sm { margin-bottom: 28px; font-size: 14px; line-height: 22px; } .subscribe-page__btn { width: 100%; max-width: 300px; margin-bottom: 28px; } @media screen and (max-width: 375px) { .subscribe-page__btn { padding: 0 10px; gap: 10px; } } .subscribe-page__list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 50px; } .subscribe-page__item { position: relative; flex-grow: 1; width: 339px; border-radius: 16px; border: 1px solid transparent; background: url('/local/templates/main/./assets/img/main-bg.png') top left repeat, linear-gradient(#0C0C0C 0 0) padding-box, linear-gradient(to left, rgba(139, 139, 139, 0.35), rgba(139, 139, 139, 0.35) 33.33333%, #FF4E01 66.66666%, #EB8300) top right / 300% 100% border-box; box-sizing: border-box; transition: all 0.3s ease-in-out; overflow: hidden; } .subscribe-page__item-wrap { height: 100%; padding: 26px 28px 34px 24px; box-sizing: border-box; } .subscribe-page__item .subscribe-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-1.png') bottom right no-repeat; } .subscribe-page__item:nth-child(6n - 3) .subscribe-page__item-wrap, .subscribe-page__item:nth-child(6n - 4) .subscribe-page__item-wrap, .subscribe-page__item:nth-child(6n - 5) .subscribe-page__item-wrap { background: url('/local/templates/main/./assets/img/service-bg-3.png') top left no-repeat; } .subscribe-page__item-link { z-index: 1; position: absolute; left: 0; top:0; display: block; width: 100%; height: 100%; } .subscribe-page__item-arrow { z-index: 2; position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #000; } .subscribe-page__item-arrow:before, .subscribe-page__item-arrow:after { position: absolute; z-index: 2; content: ' '; display: block; transition: 0.3s; } .subscribe-page__item-arrow:before { width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(90deg, #EB8300 0%, #FF4E01 100%); opacity: 1; } .subscribe-page__item-arrow:after { width: 10px; height: 10px; background: url('/local/templates/main/./assets/img/svg/ico-arrow-diagonal.svg') center / contain no-repeat; } .subscribe-page__item-picture { display: flex; align-items: center; width: 52px; height: 52px; margin-bottom: 18px; } .subscribe-page__item-img { max-width: 100%; max-height: 100%; object-fit: contain; } .subscribe-page__item-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 28px; } .subscribe-page__item-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; margin-top: 12px; } .subscribe-page__faq { margin-bottom: 50px; } .subscribe-page__faq .custom-accordion__item-info:before { content: unset; display: none; } .subscribe-page__faq-btn { width: 100%; margin-top: 20px; } @media screen and (min-width: 768px) { .subscribe-page { margin-bottom: 80px; } .subscribe-page__description, .subscribe-page__title-sm, .subscribe-page__btn { margin-bottom: 32px; } .subscribe-page__preview { margin-bottom: 50px; } .subscribe-page__preview-title { margin-bottom: 17px; font-size: 24px; line-height: 42px; } .subscribe-page__info-title { margin-bottom: 23px; font-size: 24px; line-height: 42px; } .subscribe-page__list { margin-bottom: 70px; } .subscribe-page__faq { margin-bottom: 80px; } .subscribe-page__faq-btn { max-width: 320px; margin-top: 35px; } } @media screen and (min-width: 960px) { .subscribe-page__group { display: flex; gap: 30px; } .subscribe-page__info { flex-shrink: 0; width: 20%; margin: -8px 0 0; } .subscribe-page__list { gap: 16px; margin-bottom: 100px; } .subscribe-page__item-arrow { top: 20px; right: 20px; width: 52px; height: 52px; background: unset; border: solid 1px #FF4E01; transform: rotate(45deg); transition: 0.3s ease-in-out; box-sizing: border-box; } .subscribe-page__item-arrow:before { opacity: 0; } .subscribe-page__item-wrap { padding: 38px; } .subscribe-page__item { flex-grow: unset; width: calc(33.33% - (17px * 2 / 3)); min-height: 196px; } .subscribe-page__item:hover .subscribe-page__item-arrow { transform: rotate(0); } .subscribe-page__item:hover .subscribe-page__item-arrow:before { opacity: 1; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); } .subscribe-page__item-picture { margin-bottom: 25px; } } @media screen and (min-width: 1200px) { .subscribe-page { margin-bottom: 120px; } } /** * Cart page */ .cart-page { margin-bottom: 50px; } .cart-list .custom-accordion__item-info.visible:hover:after { background: url('/local/templates/main/./assets/img/svg/ico-show-answer.svg') center / 16px no-repeat, linear-gradient(transparent 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; } .cart-list .custom-accordion__item-info.visible:after { z-index: 10; background: url('/local/templates/main/./assets/img/svg/ico-show-answer.svg') center / 16px no-repeat, linear-gradient(#0C0C0C 0 0) padding-box, /*this is your grey background*/ linear-gradient(90deg, #EB8300, #FF4E01) border-box; border: 1px solid transparent; } .cart-list .custom-accordion__item:first-child { border-top: unset; } .cart-list .custom-accordion__item:last-child .custom-accordion__item-info:after { display: none; } .cart-list .custom-accordion__item-info:before { content: unset; display: none; } .cart-list .d-flex { flex-wrap: wrap; width: 100%; gap: 0 15px; } .cart-list .custom-accordion__item-title { width: 100%; } .cart-btn { width: 212px; } .cart-empty { margin-bottom: 50px; } .cart-empty__sections { margin-top: 20px; } .cart-empty-title { margin-bottom: 12px; font-size: 22px; } @media screen and (min-width: 420px) { .cart-list .custom-accordion__item-title { width: 70%; } } @media screen and (min-width: 768px) { .cart-page { margin-bottom: 120px; } .cart-list .custom-accordion__item-price, .cart-list .custom-accordion__item-title { font-size: 26px; font-weight: 500; } .cart-empty { margin-bottom: 80px; } .cart-empty__sections { margin-top: 40px; } .cart-empty-title { font-size: 26px; line-height: 30px; } } @media screen and (min-width: 960px) { .cart-list .custom-accordion__item-title { width: 55%; } .cart-page { position: relative; } .cart-page .cart-btn { position: absolute; right: 0; bottom: 20px; } .cart-empty { margin-top: 65px; margin-bottom: 150px; } .cart-empty-title { font-size: 30px; line-height: 42px; } } @media screen and (min-width: 1200px) { .cart-empty__sections { margin-top: 80px; } } @media screen and (min-width: 1440px) { .cart-list .custom-accordion__item-info:after { top: 25px; } .cart-list .custom-accordion__item-title { width: 48.283%; } .cart-list .custom-accordion__item-info { padding-bottom: 30px; padding-top: 30px; } .cart-page .cart-btn { bottom: 25px; } } /** * Main counters */ .main-counters-wrap { border-top: solid 1px rgba(255,255,255, 0.25); } .main-counters { display: flex; flex-direction: column; gap: 10px 20px; width: fit-content; max-width: 460px; margin: 30px auto 30px; font-size: 16px; line-height: 22px; } .main-counters__item { display: flex; align-items: center; color: #C0C0C0; } .main-counters__item span { background-image: linear-gradient(to left, #FF4D00, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (min-width: 768px) { .main-counters { flex-direction: unset; flex-wrap: wrap; justify-content: space-between; gap: 26px 40px; max-width: 980px; font-size: 18px; } } @media screen and (min-width: 1024px) { .main-counters-wrap { margin-top: -40px; } .main-counters { justify-content: unset; gap: 26px 87px; } } /** * Others */ .api-mf-antibot { border: 0 none !important; font-size: 0 !important; height: 0 !important; line-height: 0 !important; padding: 0 !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 0 !important; } /** * Subscribe block */ .subscribe-block { width: 100%; max-width: 433px; margin-bottom: 20px; padding: 20px 30px; border-radius: 16px; border: solid 1px transparent; background: linear-gradient(#0C0C0C 0 0) padding-box, linear-gradient(90deg, #EB8300, #FF4E01) border-box; box-sizing: border-box; } .subscribe-block__wrap { position: relative; min-height: 90px; } .subscribe-block__title { margin-bottom: unset !important; font-size: 18px; font-weight: 400 } .subscribe-block__status { position: absolute; top: 0; right: 0; color: #868484; } .subscribe-block__status:before { content: ' '; display: block; width: 6px; height: 6px; border-radius: 50%; background: #868484; } .subscribe-block__status_active:before { background: #49b234; } .subscribe-block__status_active { display: flex; align-items: center; gap: 5px; color: #49b234; } .subscribe-block__bottom { position: absolute; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #868484; box-sizing: border-box; } .subscribe-block__date { color: #868484; } .subscribe-block__unsubscribe { background-image: linear-gradient(to bottom, #868484 0%, #868484 100%); } .custom-bar .notify-link, .peek-a-bar .notify-link { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .main-links svg { margin-top: -3px; } .main-links { display: flex; flex-direction: column; flex-wrap: wrap; margin-top: 40px; } .main-links__item { display: flex; align-items: center; gap: 10px; padding: 10px 13px; font-size: 14px; font-weight: 500; text-decoration: none; background-image: linear-gradient(to left, #8B8B8B, #8B8B8B 33.33333%, #FF4D00 66.66666%, #EB8100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 100%; background-position: top right; transition: 0.3s ease-in-out; } .main-links__item:hover { background-position: top right 100%; } @media screen and (min-width: 500px) { .main-links { flex-direction: unset; justify-content: center; align-items: center; } } @media screen and (min-width: 768px) { .main-links { gap: 0 42px; } } @media screen and (min-width: 1200px) { .main-links { margin: 0 0 40px; } } /* End */ /* /local/templates/main/assets/css/vendors/nice-select.css?17556817374007 */ /* /local/templates/main/assets/css/vendors/aos.css?175568173726053 */ /* /local/templates/main/assets/css/vendors/swiper-bundle.min.css?175568173717905 */ /* /local/templates/main/assets/css/vendors/jquery.fancybox.min.css?175568173712795 */ /* /local/templates/main/assets/css/vendors/jquery.peekabar.css?1756387621371 */ /* /local/templates/main/assets/css/vendors/tippy.min.css?17631020071409 */ /* /local/templates/main/assets/css/vendors/fileUpload.css?17760072603135 */ /* /local/templates/main/assets/css/reset.css?17556817371120 */ /* /local/templates/main/template_styles.css?1784633615163942 */