html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
html{overflow-x: hidden; position: relative;}
:root{
--Manropre: "Manrope", sans-serif;
--Playfair: "Playfair Display", "Playfair Display Fallback", serif;
--black: #09101F;
--text: rgba(9, 16, 31, 0.8);
--gold: #C8A45A;
}
body{
font-family: var(--Manropre);
background: #ffffff;
font-size: 16px;
line-height: 150%;
color: var(--black);
min-width: 320px;
font-weight: normal;
position: relative;
font-variant-numeric: lining-nums;
}
body.main__page{
padding: 0;
}
html.open,.open body{overflow: hidden;}
.container{max-width: 1230px; margin: 0 auto; box-sizing: border-box; width: 100%; padding: 0 15px;}
.open header{background: var(--black)!important;}
header{position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: all 0.2s; box-sizing: border-box; padding: 16px 0; background: rgba(9, 16, 31, 0.24); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.innp header{background: var(--black)!important;}
.innp header nav,.innp footer .col:nth-child(2){display: none;}
header.f-nav{padding: 10px 0; background: rgba(0, 0, 0, 0.7);}
header.f-nav .logo{width: 70px}
header .pull{display: none; position: relative; overflow: hidden;}
header .pull:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/close.svg") 50% 50% no-repeat; background-size: 30px; transition: all 0.2s; opacity: 0}
header .pull.open:after{opacity: 1}
header .pull.open svg{opacity: 0}
header .flex{align-items: center;}
header .logo,header .logo img{transition: all 0.2s;}
header nav ul{display: flex; align-items: center; justify-content: center; gap: 40px;}
header nav ul li a{color: #fff; font-weight: 700}
header nav ul li a:hover{color: var(--gold);}
header .phone{font-size: 20px; font-weight: 600;}
header .phone a{padding: 0 0 0 50px; display: flex; align-items: center; height: 50px; color: #fff; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCA4Ljk1NDMxIDguOTU0MzEgMCAyMCAwQzMxLjA0NTcgMCA0MCA4Ljk1NDMxIDQwIDIwQzQwIDMxLjA0NTcgMzEuMDQ1NyA0MCAyMCA0MEM4Ljk1NDMxIDQwIDAgMzEuMDQ1NyAwIDIwWiIgZmlsbD0iI0YzRjNGMyIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDIwXzYxMSkiPgo8cGF0aCBkPSJNMjcuNSAyMy42OVYyNS45NEMyNy41MDA5IDI2LjE0ODkgMjcuNDU4MSAyNi4zNTU2IDI3LjM3NDQgMjYuNTQ3QzI3LjI5MDcgMjYuNzM4NCAyNy4xNjggMjYuOTEwMiAyNy4wMTQxIDI3LjA1MTRDMjYuODYwMiAyNy4xOTI2IDI2LjY3ODQgMjcuMzAwMSAyNi40ODA2IDI3LjM2N0MyNi4yODI3IDI3LjQzMzkgMjYuMDczIDI3LjQ1ODggMjUuODY1IDI3LjQ0QzIzLjU1NzEgMjcuMTg5MiAyMS4zNDAzIDI2LjQwMDYgMTkuMzkyNSAyNS4xMzc1QzE3LjM3MTEgMjMuODUwMyAxNS42OTcxIDIyLjA4NiAxNC41MTc1IDIwQzEzLjI1MzggMTguMDQ0OSAxMi40Njc2IDE1LjgyIDEyLjIyMjUgMTMuNTA1QzEyLjE4NTQgMTMuMjg5NyAxMi4xOTU3IDEzLjA2ODggMTIuMjUyOCAxMi44NTc5QzEyLjMxIDEyLjY0NyAxMi40MTI1IDEyLjQ1MTEgMTIuNTUzMiAxMi4yODM5QzEyLjY5MzkgMTIuMTE2OCAxMi44Njk1IDExLjk4MjQgMTMuMDY3NiAxMS44OTAyQzEzLjI2NTcgMTEuNzk3OSAxMy40ODE1IDExLjc1MDEgMTMuNyAxMS43NUgxNS45NUMxNi4zMTQgMTEuNzQ2NCAxNi42NjY5IDExLjg3NTMgMTYuOTQyOCAxMi4xMTI2QzE3LjIxODggMTIuMzUgMTcuMzk5MSAxMi42Nzk2IDE3LjQ1IDEzLjA0QzE3LjU0NTMgMTMuNzYgMTcuNzIwOCAxNC40NjczIDE3Ljk3NSAxNS4xNDc1QzE4LjA3NTkgMTUuNDE1OSAxOC4wOTc4IDE1LjcwNzcgMTguMDM3OSAxNS45ODgyQzE3Ljk3ODEgMTYuMjY4NiAxNy44MzkyIDE2LjUyNjEgMTcuNjM3NSAxNi43M0wxNi45MzI1IDE3LjQ1QzE4LjAwMDIgMTkuMzI3NyAxOS41NTQ5IDIwLjg4MjMgMjEuNDMyNSAyMS45NUwyMi4xMzc1IDIxLjI0NUMyMi4zNDE0IDIxLjA0MzQgMjIuNTk4OSAyMC45MDQ0IDIyLjg3OTQgMjAuODQ0NkMyMy4xNTk4IDIwLjc4NDggMjMuNDUxNiAyMC44MDY2IDIzLjcyIDIwLjkwNzVDMjQuNDAwMyAyMS4xNjE4IDI1LjEwNzUgMjEuMzM3MyAyNS44Mjc1IDIxLjQzMjVDMjYuMDI3OCAyMS40MzYzIDI2LjIyNTIgMjEuNDgwMiAyNi40MDgzIDIxLjU2MTVDMjYuNTkxMyAyMS42NDI5IDI2Ljc1NjIgMjEuNzYgMjYuODkzMiAyMS45MDYxQzI3LjAzMDIgMjIuMDUyMiAyNy4xMzY2IDIyLjIyNDMgMjcuMjA2IDIyLjQxMjJDMjcuMjc1NSAyMi42IDI3LjMwNjYgMjIuNzk5OSAyNy4yOTc1IDIzTDI3LjUgMjMuNjlaIiBzdHJva2U9IiMwOTEwMUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80MjBfNjExIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEgMTEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") 0 50% no-repeat;}
header .phone a:hover{color: var(--gold);}
#navigation{position: fixed; transition: all 0.2s; transform: translateY(-100%); box-sizing: border-box; padding: 130px 15px 24px; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; z-index: 990; background: linear-gradient(164.52deg, rgba(9, 16, 31, 0.88) 44.42%, rgba(15, 41, 78, 0.6) 74.57%); background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_nav.webp") 50% 50% no-repeat; background-size: cover;}
#navigation.open{transform: translateY(0);}
#navigation nav li{text-align: center; font-weight: 700; margin-bottom: 32px;}
#navigation nav li:last-child{margin: 0}
#navigation nav li a{color: #fff;}
#navigation .rows{margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.2);}
#navigation .row{padding-left: 64px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_email.svg") 0 50% no-repeat; min-height: 64px; margin-bottom: 1px; font-size: 18px; font-weight: 600;}
#navigation .row.row_phone{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_phone.svg") 0 50% no-repeat;}
#navigation .row.row_telegram{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_telegram.svg") 0 50% no-repeat;}
#navigation .row.row_location{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_location.svg") 0 50% no-repeat;}
#navigation .row a{color: #fff;}
#navigation .row a:hover{color: var(--gold);}
#navigation .row:last-child{margin: 0}
#navigation .row span{display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; opacity: 0.4; padding: 4px 0 2px; color: #fff;}
#hero__section{position: relative; padding: 240px 0 150px; color: #fff;}
#hero__section .image{width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0;}
#hero__section .image img{width: 100%; height: 100%;}
#hero__section:after{position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: linear-gradient(97.72deg, rgba(9, 16, 31, 0.7744) 30%, rgba(15, 41, 78, 0.528) 87.62%);}
#hero__section .container{position: relative; z-index: 5; align-items: flex-start;}
#hero__section .text{max-width: 700px;}
#hero__section .rating{margin-bottom: 32px; font-weight: 500; color: var(--gold);}
#hero__section .rating .flex{align-items: center; padding: 10px 16px; gap: 8px; box-sizing: border-box; background: rgba(200, 164, 90, 0.1); border: 1px solid rgba(200, 164, 90, 0.2); border-radius: 100px;}
#hero__section .rating .stars{display: flex; align-items: center; justify-content: center; gap: 2px;}
#hero__section .rating .stars span{width: 14px; height: 14px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQxNF81NjcpIj4KPHBhdGggZD0iTTYuOTk5OTYgMS4xNjY2N0w4LjgwMjQ2IDQuODE4MzRMMTIuODMzMyA1LjQwNzUxTDkuOTE2NjMgOC4yNDgzNEwxMC42MDUgMTIuMjYxN0w2Ljk5OTk2IDEwLjM2NThMMy4zOTQ5NiAxMi4yNjE3TDQuMDgzMjkgOC4yNDgzNEwxLjE2NjYzIDUuNDA3NTFMNS4xOTc0NiA0LjgxODM0TDYuOTk5OTYgMS4xNjY2N1oiIGZpbGw9IiNDOEE0NUEiIHN0cm9rZT0iI0M4QTQ1QSIgc3Ryb2tlLXdpZHRoPSIxLjE2NjY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDE0XzU2NyI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") 50% 50% no-repeat;}
#hero__section h1{line-height: 120%; font-size: 72px; font-weight: 700; font-family: var(--Playfair); margin-bottom: 32px;}
#hero__section h1 strong{font-weight: 700; color: var(--gold); line-height: 120%;}
#hero__section h1 span{font-size: 28px; line-height: 120%; display: block; margin-top: 10px}
#hero__section h2.hero__subheading{font-size: 28px; line-height: 120%; font-weight: 400; font-family: var(--Manropre); margin: 0 0 32px;}
#hero__section .text .sub{max-width: 440px; font-weight: 500; opacity: 0.8; margin-bottom: 70px}
#hero__section .text ul{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 24px;}
#hero__section .text ul li{position: relative; padding-left: 14px; color: rgba(255, 255, 255, 0.6); font-size: 15px;}
#hero__section .text ul li:after{width: 6px; height: 6px; left: 0; top: calc(50% - 3px); border-radius: 50%; content: ''; background: var(--gold); position: absolute; content: ''}
.form .timer.flex .it{width: auto;}
.form.form__opacity{width: 420px; box-sizing: border-box; padding: 50px 16px 24px; position: relative; background: linear-gradient(90deg, rgba(31, 33, 38, 0.1) 0%, rgba(94, 96, 101, 0.1) 47.5%, rgba(31, 33, 38, 0.1) 100%); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border-radius: 10px; position: relative;}
.form.form__opacity:after{position: absolute; top: -50px; left: calc(50% - 50px); width: 100px; height: 100px; content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCA5MSA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTgiIHk9IjciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgcng9IjMwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTkwXzIyNzIpIi8+CjxwYXRoIGQ9Ik0zNy41ODc2IDI5Ljk0MUMzNy41ODc2IDI5Ljk0MSAzNi4xNzY2IDMwLjA1MjYgMzUuOTg4NSAzMC4zNjk4QzM1Ljc5ODIgMzAuNjg3IDM1Ljc4NzMgMzEuMTc0OCAzNS43ODczIDMxLjcxMDdDMzUuNzg3MyAzMi4yNDg5IDM1Ljc2NTQgMzMuNDgyNiAzNS43NjU0IDMzLjQ4MjZMMzYuMTAyMyAzNC4yMDY3QzM2LjEwMjMgMzQuMjA2NyAzNi4xNjU3IDQzLjQzNTcgMzYuMTY1NyA0My43MjIzQzM2LjE2NTcgNDQuMDA2NyAzNi4xNjU3IDQ0LjM1NDUgMzYuNTc2OSA0NC41NzU0QzM2Ljk4ODIgNDQuNzk2NCA0Ny40NDAxIDQ5Ljg0NTEgNDcuNzY2IDQ5Ljk4MDdDNDguMjU4MiA1MC4xODQyIDQ4LjQ5MjMgNTAuMTA3NiA0OC40OTIzIDUwLjEwNzZMNjAuMTA1NyAzMC42ODQ4QzYwLjEwNTcgMzAuNjg0OCA2MC4wNjg1IDMwLjE1MzIgNTkuNTg1MSAzMC4wMjY0QzU5LjMwNzMgMjkuOTU2NCAzNy41ODc2IDI5Ljk0MSAzNy41ODc2IDI5Ljk0MVoiIGZpbGw9IiNGNUIwM0UiLz4KPHBhdGggZD0iTTQ4LjM2NzQgMzYuMzI2NUM0OC4xOTAzIDM2LjgxNDMgNDguMjcxMiA0MS44NTg3IDQ4LjMwMTggNDUuNTI3MUM0OC4zMzI0IDQ5LjE5MzQgNDguMjA3OCA0OS45NTI0IDQ4LjMwMTggNTAuMDc5M0M0OC4zOTU5IDUwLjIwNjIgNDguNjUxOCA1MC4wODM3IDQ5LjM3NTkgNDkuNzYyMUM1MC43MjEyIDQ5LjE2NzEgNTcuMTgzMSA0NS45NjkgNTcuNjU3OCA0NS42ODQ2QzU4LjEzMjQgNDUuNDAwMyA1OS4yOTE4IDQ0LjgxMTggNTkuNDgyMSA0NC40OTQ2QzU5LjY3MjQgNDQuMTc3NCA1OS43NzUzIDQxLjIyNjUgNTkuODM4NyAzOC44NTc0QzU5LjkwMjEgMzYuNDg2MiA1OS45NjU2IDM0LjU4OTYgNTkuOTY1NiAzNC41ODk2TDYwLjI0OTkgMzMuNzM2NUM2MC4yNDk5IDMzLjczNjUgNjAuMTg4NyAzMS40MzA5IDYwLjE3NzcgMzEuMTc3MUM2MC4xNTgxIDMwLjc1NzEgNjAuMTEyMSAzMC41NDA2IDYwLjAwNDkgMzAuNTkzMUM1OS44NTE4IDMwLjY2NTMgNTguNTc0MyAzMS43MTMxIDU1LjE5MjQgMzMuMzU4MUM1My4wNjg0IDM0LjM4ODQgNDguNDg5OSAzNS45ODk2IDQ4LjM2NzQgMzYuMzI2NVoiIGZpbGw9IiNFMDdGMTQiLz4KPHBhdGggZD0iTTQ4LjM5OCAyNS40NTI1QzQ3LjQ1MDggMjUuNDA4NyA0NC44NTg2IDI2LjkwNzIgNDIuMzYwNSAyNy43Mjc1QzM5Ljg2MjQgMjguNTQ3OCAzNi4wOTExIDMwLjE5NzIgMzYuMDU4MyAzMC4yOTM0QzM2LjAyNzcgMzAuMzg3NSAzNy41NzY0IDMxLjA4MDkgMzguNTY1MiAzMS41NTU2QzM5LjczOTkgMzIuMTE3OCA0NC4yMjQyIDM0LjI0MTggNDUuMDQ0NiAzNC41ODk3QzQ1Ljg2NzEgMzQuOTM3NSA0Ny44MjcxIDM1Ljc1MTIgNDguMTQyMSAzNS43MjcyQzQ4LjU4MzkgMzUuNjk2NSA1Mi43NTc3IDM0LjA1MTUgNTQuODc1MiAzMy4wNDA5QzU2Ljk5MjcgMzIuMDMwMyA1OS42Mzk2IDMwLjQ2NCA1OS42NzQ2IDMwLjA4MzRDNTkuNjg5OSAyOS45MTI4IDU1Ljc4MDggMjguNDUzNyA1My44MzE3IDI3LjU3MjJDNTAuMDY5MiAyNS44NjgxIDQ5LjA5MTQgMjUuNDg1MyA0OC4zOTggMjUuNDUyNVoiIGZpbGw9IiNGREQ3MTciLz4KPHBhdGggZD0iTTM1Ljc3NjMgMzMuODg2NkMzNS44MDkxIDM0LjI5NzkgMzYuMDM0NCAzNC40NDQ0IDM2LjYwNzUgMzQuNjkzOEMzNy4xODA3IDM0Ljk0MzIgNDguMDE1NCA0MC41NzE2IDQ4LjI2NDcgNDAuNTcxNkM0OC41MTQxIDQwLjU3MTYgNDguNTg4NSAzOS42NzkxIDQ4LjMxNSAzOS43MDMyQzQ4LjE2NjMgMzkuNzE2MyA0NC42MDcyIDM4LjAyNTQgNDEuMjgyMiAzNi4zMzY2QzM4LjQ2MDQgMzQuOTA2IDM1Ljc1ODggMzMuNDc3NSAzNS43NTg4IDMzLjQ3NzVMMzUuNzc2MyAzMy44ODY2WiIgZmlsbD0iI0UzN0QxNCIvPgo8cGF0aCBkPSJNNjAuMjUyMSAzMy43MTYyQzYwLjI1MjEgMzMuNzE2MiA0OC42ODI1IDM5LjYwMDYgNDguNTY4NyAzOS42NTc0QzQ4LjQ1NSAzOS43MTQzIDQ4LjI3MzQgMzkuNjk0NiA0OC4yNzM0IDM5LjY5NDZMNDguMjY0NiA0MC41NzE4QzQ4LjI2NDYgNDAuNTcxOCA0OC4zNzE4IDQwLjU5NTkgNDguNDkyMSA0MC41NTg3QzQ4LjU2MjEgNDAuNTM2OCA1OS45MTc1IDM0LjY1OSA1OS45Njc4IDM0LjY0MTVDNjAuMDE4MSAzNC42MjQgNjAuMjM2OCAzNC40OTI3IDYwLjI4MjggMzQuMjE0OUM2MC4zMjIxIDMzLjk5MTggNjAuMjUyMSAzMy43MTYyIDYwLjI1MjEgMzMuNzE2MloiIGZpbGw9IiNCQTVFMEQiLz4KPHBhdGggZD0iTTQwLjMxMzMgNDQuMzEwOEw0Mi41NzczIDQ3LjY3OTVMNDMuNTY4MyA0OC4wMTg2QzQzLjU2ODMgNDguMDE4NiA0My42NDkyIDQ0LjM0MzYgNDMuNjgyIDQxLjYyMDFDNDMuNzI3OSAzNy42NDExIDQzLjcxMDUgMzQuMDEyIDQzLjc2NzMgMzMuODA2NEM0My44NjE0IDMzLjQ1ODYgNDguMjY0OCAzMi4wMzAxIDQ4LjI2NDggMzIuMDMwMUM0OC4yNjQ4IDMyLjAzMDEgNTMuMjM5MiAzMy41ODk4IDUzLjM5NjcgMzMuOTM3NkM1My40NjY3IDM0LjA5MDggNTMuNDEyIDM2LjY2NzYgNTMuMzk2NyAzOS42NzExQzUzLjM3NyA0My40NjQyIDUzLjM4MzYgNDcuODQzNiA1My4zODM2IDQ3Ljg0MzZDNTMuMzgzNiA0Ny44NDM2IDUzLjg5NzYgNDcuODQxNCA1My45NTg5IDQ3LjY1MTFDNTQuMDIyMyA0Ny40NjA4IDU0LjI3NjEgNDUuOTkzIDU0LjI3NjEgNDUuOTkzTDU2LjIwNTUgMzMuMTMyNkw1Ny4xODU0IDMxLjg2ODNMNTUuODI0OCAyOS4yNzgzTDUwLjI0MjMgMjYuNTMwOEw0OC4zMjM5IDI2Ljk2MTdMNDYuMjQ4IDI2LjY0NDVMMzkuNjYzNiAzMS4zNzYxTDQwLjQzMTQgMzIuOTMzNkw0Mi4zMTQ4IDMzLjg5MzlMNDAuMzEzMyA0NC4zMTA4WiIgZmlsbD0iI0FGMEYxQiIvPgo8cGF0aCBkPSJNNTMuOTY3NSAzMy44MDQ0QzUzLjg0NzIgMzQuMDY5MSA1My45MTcyIDQ3LjcwODEgNTMuOTE3MiA0Ny43MDgxQzUzLjkxNzIgNDcuNzA4MSA1NC41MTg4IDQ3LjM3NTYgNTUuMjkzMiA0Ny4wMDM4QzU2LjA2MzIgNDYuNjM0MSA1Ni42MTY2IDQ2LjQwNDQgNTYuNjY0NyA0Ni4yMTE5QzU2LjcxMjggNDYuMDE5NCA1Ni43OTgyIDMyLjUzMTIgNTYuNzk4MiAzMi41MzEyTDUzLjk2NzUgMzMuODA0NFoiIGZpbGw9IiNEQzBEMjgiLz4KPHBhdGggZD0iTTQzLjA0NTQgMzMuNTIxOUM0My4xMTc2IDMzLjYwMDYgNDIuOTk5NSA0Ny43NTM3IDQyLjg1MjkgNDcuNzg2NkM0Mi43MzcgNDcuODE1IDQwLjEwMTEgNDYuNjM4MSA0MC4xMDExIDQ2LjUxNzhDNDAuMTAxMSA0Ni4zOTc1IDQwLjMxMzMgMzIuODcyMiA0MC4zMTMzIDMyLjg3MjJDNDAuMzEzMyAzMi44NzIyIDQyLjgzMTEgMzMuMjgxMiA0My4wNDU0IDMzLjUyMTlaTTQ4LjI2OTIgMjYuMTE3MkM0Ny41NDA4IDI2LjExNzIgNDYuNzM1OCAyNi4zMjUgNDYuNTAxNyAyNi45MzUzQzQ2LjI2NzYgMjcuNTQ1NiA0Ni4yMTUxIDI4LjQ1MzQgNDYuMjE1MSAyOS4xMzE2QzQ2LjIxNTEgMjkuNzgxMyA0Ni4xMTAxIDMxLjQ0MzcgNDguMTExNyAzMS40MTc1QzUwLjExMzMgMzEuMzkxMyA1MC4xNzIzIDMwLjY0OTcgNTAuMjAyOSAyOS4wMTM0QzUwLjIyOTIgMjcuNjQ4NCA1MC4wNDc2IDI2Ljk4NTYgNDkuODY2MSAyNi43MDEzQzQ5LjcwNDIgMjYuNDQ1MyA0OS4xNjYxIDI2LjExNzIgNDguMjY5MiAyNi4xMTcyWiIgZmlsbD0iI0ZGMkEyMyIvPgo8cGF0aCBkPSJNNDcuMTExOCAyOS40OTQ4QzQ3LjU2NjggMjkuNTIxMSA0Ny43NjE0IDI4LjUyMTQgNDguMTExNCAyNy45NzQ1QzQ4LjQ2MTQgMjcuNDI5OCA0OC44MjY4IDI3LjA2NDUgNDguNjk1NSAyNi43ODAxQzQ4LjU4ODMgMjYuNTQzOSA0Ny42MzY4IDI2LjQ2NzMgNDcuMTIyNyAyNy4xODI2QzQ2Ljc2MTggMjcuNjg3OSA0Ni42OTgzIDI5LjQ3MDggNDcuMTExOCAyOS40OTQ4WiIgZmlsbD0iI0ZDQzlEMiIvPgo8cGF0aCBkPSJNNTAuMDQxIDI2LjU5MTlDNTAuMDQxIDI2LjU5MTkgNTAuNjg2MyAyNy4yNDgxIDUwLjg1NDggMjguNTM0NEM1MS4wMjMyIDI5LjgyMDYgNTAuODI4NSAzMC44MjAzIDUwLjgyODUgMzAuODIwM0M1MC44Mjg1IDMwLjgyMDMgNTQuMDM1NCAzMC43MjQxIDU1LjE0MjMgMzAuOTM2M0M1Ni4yMzM4IDMxLjE0ODUgNTYuNjE0NSAzMS42Mjk3IDU2LjYxNDUgMzEuOTc5N0M1Ni42MTQ1IDMyLjMyOTcgNTUuODk3IDMyLjYxMTkgNTUuMTY4NSAzMi41NTk0QzU0LjQ0MDEgMzIuNTA2OSA1My45NDc5IDMyLjQ2NzUgNTMuODU2IDMyLjY1MTNDNTMuNzY0MSAzMi44MzUgNTMuODk1NCAzMy4xMTk0IDU0LjkwODIgMzMuMTk2QzU1LjkyMSAzMy4yNzQ3IDU3LjA5MTMgMzMuMTMwMyA1Ny40NTQ1IDMxLjg3MDNDNTcuODE3NiAzMC42MTAzIDU3LjgzMDcgMjguNDI3MiA1Ny43MDE2IDI2Ljg1NDRDNTcuNTcyNiAyNS4yODE2IDU3LjI4ODIgMjQuMzgyNSA1Ni41ODM4IDI0LjA0MTNDNTUuODQyMyAyMy42ODQ3IDUzLjk4NTEgMjMuNjI1NiA1Mi4yMzA3IDI0LjYxMjJDNTAuNDc2MyAyNS41OTg4IDUwLjA0MSAyNi41OTE5IDUwLjA0MSAyNi41OTE5WiIgZmlsbD0iI0ZGMkEyMyIvPgo8cGF0aCBkPSJNNTMuNjc0NCAyNS4wOTU2QzUzLjQ0NjkgMjQuODAyNSA1Mi43MTQxIDI0LjgxMTIgNTIuMzIyNiAyNS4yNjRDNTEuOTA2OSAyNS43NDUzIDUxLjgxNTEgMjcuNTc2MiA1Mi4zNDg4IDI3LjY4MTJDNTIuOTUyNiAyNy43OTk0IDUyLjg0MzIgMjYuODEwNiA1My4yODUxIDI2LjIwMDNDNTMuNzE4MiAyNS42MDMxIDUzLjg5NTQgMjUuMzgyMiA1My42NzQ0IDI1LjA5NTZaIiBmaWxsPSIjRkNDOUQyIi8+CjxwYXRoIGQ9Ik00Ni4zMzMzIDI2LjY1NUM0Ni4zMzMzIDI2LjY1NSA0My44NzY3IDIzLjc5MTYgNDEuMDcwMSAyMy44MzUzQzM5LjM4MTQgMjMuODYxNiAzOC45NTI2IDI0LjgzNSAzOC44NjA4IDI1LjIzNzVDMzguNzY4OSAyNS42NCAzOC4wNjg5IDI5LjY0MzEgMzkuMDAyOSAzMS44MTFDMzkuOTM3IDMzLjk3ODggNDEuODc1MSAzMy40MTY2IDQyLjE3OTIgMzMuMzQ2NkM0Mi41Njg2IDMzLjI1NDcgNDMuMzk3NiAzMi45NzAzIDQzLjMxODkgMzIuNjcwNkM0My4yNDAxIDMyLjM3MSA0MC40ODYxIDMzLjQ0OTQgNDAuNDU5OCAzMi4yMTU2QzQwLjQzMzYgMzAuOTgxOSA0Mi40MDg5IDMwLjg1MDYgNDMuMzE4OSAzMC44MjQ0QzQ0LjIyODkgMzAuNzk4MSA0NS43ODg2IDMxLjAwNiA0NS43ODg2IDMxLjAwNkM0NS43ODg2IDMxLjAwNiA0NS41MTUxIDI5LjUxMTkgNDUuNjk2NyAyOC40NDY2QzQ1Ljg3ODMgMjcuMzgxMyA0Ni4zMzMzIDI2LjY1NSA0Ni4zMzMzIDI2LjY1NVoiIGZpbGw9IiNGRjJBMjMiLz4KPHBhdGggZD0iTTQwLjMxNzUgMjQuODc0M0MzOS45Njc1IDI1LjIzNzUgMzkuODIzMiAyNy4zMzA5IDQwLjA0NDEgMjguMzdDNDAuMjY1IDI5LjQwOSA0MC40NTk3IDI5Ljg1MDkgNDAuOTE0NyAyOS43NjEyQzQxLjI5NTQgMjkuNjg0NiA0MS41MjUgMjcuNjQ1OSA0MS43MDY2IDI2LjkyODRDNDEuOTAxMyAyNi4xNjI4IDQyLjM4MjUgMjUuMzQ5IDQyLjE4NzkgMjQuOTkyNUM0MS44OTA0IDI0LjQ0NTYgNDAuNjgyOSAyNC40OTU5IDQwLjMxNzUgMjQuODc0M1oiIGZpbGw9IiNGQ0M5RDIiLz4KPGNpcmNsZSBjeD0iNDgiIGN5PSIzNyIgcj0iMzYuNSIgc3Ryb2tlPSIjQzhBNDVBIiBzdHJva2Utb3BhY2l0eT0iMC42IiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz4KPHBhdGggZD0iTTYgNjJMNy4yNzI3OSA2Ni43MjcyTDEyIDY4TDcuMjcyNzkgNjkuMjcyOEw2IDc0TDQuNzI3MjEgNjkuMjcyOEwwIDY4TDQuNzI3MjEgNjYuNzI3Mkw2IDYyWiIgZmlsbD0iI0M4QTQ1QSIvPgo8cGF0aCBkPSJNODcgMkw4Ny44NDg1IDUuMTUxNDdMOTEgNkw4Ny44NDg1IDYuODQ4NTNMODcgMTBMODYuMTUxNSA2Ljg0ODUzTDgzIDZMODYuMTUxNSA1LjE1MTQ3TDg3IDJaIiBmaWxsPSIjQzhBNDVBIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTkwXzIyNzIiIHgxPSIxNC4wODciIHkxPSI3IiB4Mj0iNzguNzUxIiB5Mj0iOC4wNzk0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkNBNUQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzhBNDVBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==") 50% 50% no-repeat;}
.form.form__opacity .title{text-align: center; margin-bottom: 24px; line-height: 120%; font-family: var(--Playfair); font-size: 28px; font-weight: 700;}
.form.form__opacity .title span{color: var(--gold); display: block; font-family: var(--Manropre); margin-bottom: 2px; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.form.form__opacity .title strong{font-weight: 700; display: block; color: var(--gold); font-style: italic}
.form.form__opacity .timer{margin-top: 24px; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.6);}
.form.form__opacity .timer .tm{gap: 2px; align-items: center;}
.form.form__opacity .timer span{display: flex; padding: 0 8px; height: 30px; box-sizing: border-box; background: rgba(9, 16, 31, 0.2); border: 1px solid rgba(200, 164, 90, 0.2); border-radius: 6px; gap: 5px; align-items: center; font-size: 14px; font-weight: 700;}
.form.form__opacity .timer span.seconds{width: 60px; justify-content: space-between;}
.form.form__opacity .timer span i{font-style: normal; font-size: 12px; font-weight: none}
/*.form.form__opacity{background: linear-gradient(110.21deg, rgba(255, 246, 234, 0.88) 7.29%, rgba(255, 255, 255, 0.88) 45.75%, rgba(255, 246, 234, 0.88) 88.26%); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px);}
.form.form__opacity .title{color: var(--black);}
.form.form__opacity input{background: #fff!important; color: var(--black)!important; border: 1px solid rgba(200, 164, 90, 0.4)!important;}
.form.form__opacity input.wpcf7-not-valid{background: #C24B3A!important; color: #fff!important}
.form.form__opacity input::placeholder{color: rgba(9, 16, 31, 0.6)}
.form.form__opacity .timer{color: rgba(9, 16, 31, 0.6);}
.form.form__opacity .timer span{background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(200, 164, 90, 0.2); border-radius: 6px;}*/
#what{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_section.svg") 50% 0 repeat; position: relative; margin-bottom: 60px;}
#what .items{align-items: flex-end;}
#what:after{position: absolute; top: 100%; left: 0; width: 100%; height: 60px; content: ''; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_section_b.svg") 50% -5px repeat;}
#what .item{/*width: calc(25% - 12px); box-sizing: border-box;*/ position: relative; background: #FFFFFF; border: 1px solid rgba(200, 164, 90, 0.2); box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.1); border-radius: 10px; padding: 24px; transition: all 0.2s;}
#what .item:hover{border: 1px solid #C8A45A;}
#what .item .inn{position: relative; z-index: 3}
#what .item:after{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: all 0.2s; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.18); border-radius: 10px;}
#what .item:hover:after{opacity: 1}
#what .item:hover{transform: translateY(-5px);}
#what .item .icon{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 40px; background: rgba(9, 16, 31, 0.1); border-radius: 16px; box-sizing: border-box; transition: all 0.2s; filter: grayscale(100%);}
#what .item .icon img{width: 30px; height: 30px;}
#what .item:hover .icon{filter: grayscale(0);}
#what .item .title{margin-bottom: 16px; box-sizing: border-box; min-height: 105px; padding-bottom: 16px; border-bottom: 1px dashed rgba(9, 16, 31, 0.4); font-size: 20px; font-weight: 600; line-height: 130%;}
#what .item .title span{color: var(--gold); text-transform: uppercase; margin-bottom: 10px; font-size: 14px; font-weight: 700; display: block;}
#what .item .solution{color: var(--text); min-height: 108px}
#what .item .solution span{color: var(--gold); text-transform: uppercase; margin-bottom: 10px; font-size: 14px; font-weight: 700; display: block; padding-left: 24px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ls.svg") 0 50% no-repeat;}
#programa{}
#programa .item{box-sizing: border-box; position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed rgba(9, 16, 31, 0.2);}
#programa .item:last-child{margin-bottom: 0}
#programa .item .answer{display: none; overflow: hidden;}
#programa .item .answer .answer__inner{position: relative; padding: 24px 24px 24px 50px; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); border: 1px solid #C8A45A; border-radius: 0px 0px 10px 10px;}
#programa .item .answer ul{max-width: 670px; position: relative; z-index: 3}
#programa .item .answer ul li{position: relative; padding: 15px 0 20px 84px; border-bottom: 1px dashed rgba(9, 16, 31, 0.2);}
#programa .item .answer ul li:last-child{border: none;}
#programa .item .answer ul li span.number{position: absolute; top: 0; left: 0; font-size: 50px; opacity: 0.4; color: var(--gold); font-family: var(--Playfair); line-height: 150%;}
#programa .item .answer ul li span.nn{font-size: 14px; font-weight: 700; color: var(--gold); display: block; margin-bottom: 4px; text-transform: uppercase}
#programa .item .answer .image{width: 100%; height: 100%; position: absolute; top: 0; right: 0;}
#programa .item .answer .image img{width: 540px; height: 100%; position: absolute; top: 0; right: 0; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 45%); mask-image: linear-gradient(to right, transparent 0%, black 45%);}
#programa .item .title{position: relative; padding: 24px 72px 24px 108px; transition: all 0.2s; border-radius: 10px 10px 0 0; cursor: pointer;}
#programa .item .title .icon{position: absolute; top: calc(50% - 30px); left: 24px;}
#programa .item .title span{font-size: 14px; font-weight: 700; color: var(--gold); display: block; margin-bottom: 11px; text-transform: uppercase; transition: all 0.2s;}
#programa .item .title .it{font-size: 20px; font-weight: 600; line-height: 120%;}
#programa .item .title:after{width: 24px; height: 24px; top: calc(50% - 12px); right: 24px; content: ''; position: absolute; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/plus.svg") 50% 50% no-repeat;}
#programa .item.active .title{color: #fff; background: var(--gold);}
#programa .item.active .title span{color: #fff;}
#programa .item.active .title .icon svg{opacity: 0}
#programa .item.active .title .icon{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/actitem.svg") 50% 50% no-repeat;}
#programa .item.active .title:after{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/minus.svg") 50% 50% no-repeat;}
#process{color: #fff; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_process.webp") 50% 50% no-repeat; text-align: center; content-visibility: auto; contain-intrinsic-size: auto 690px; padding: 120px 0}
#process .bt{color: #fff;}
#process .item{position: relative; width: 20%; line-height: 150%; font-weight: 600;}
#process .item:after{position: absolute; top: 28px; left: 50%; width: 110%; height: 5px; background: var(--gold); opacity: 0.41; content: ''; transition: all 0.2s;}
#process .item:last-child:after{display: none;}
#process .item:before{position: absolute; top: 28px; left: 50%; width: 110%; height: 5px; background: var(--gold); content: ''; transform: scaleX(0); transform-origin: left center; transition: transform 1.2s;}
#process .item:last-child:before{display: none;}
#process .item .icon{position: relative; margin: 0 auto 24px; background: #fff; transition: all 0.2s; border-radius: 50%; z-index: 3; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;}
#process .item .icon span{transition: all 0.2s; position: absolute; top: -5px; right: -5px; background: var(--gold); width: 24px; height: 24px; font-size: 14px; font-weight: 700; border-radius: 50%;}
#process .item .icon p{color: var(--black); font-size: 32px; font-weight: 600; font-family: var(--Playfair); transition: all 0.2s;}
#process .item .icon img.act{display: none}
#process .item.active .icon{background: var(--gold);}
#process .item.active .icon p{color: #fff;}
#process .item.active .icon img.act{display: block}
#process .item.active .icon img{display: none;}
#process .item.active .icon span{background: #fff; color: var(--gold);}
#process .item.active:before{transform: scaleX(1);}
#tsiny{overflow: hidden;}
#tsiny .swiper{overflow-x: visible;}
#tsiny .swiper-wrapper{align-items: stretch;}
#tsiny .swiper-slide{height: auto;}
.item__tariff{position: relative; margin: 20px 0; height: 100%; transition: all 0.2s; box-sizing: border-box; padding: 84px 24px 96px; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); border: 1px solid rgba(200, 164, 90, 0.2); box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.1); border-radius: 10px;}
.item__tariff:hover{transform: translateY(-5px)!important;}
.item__tariff .sale{position: absolute; top: 20px; left: -8px; color: #fff; width: 160px; height: 60px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/icon_sale.svg") 0 50% no-repeat; color: #fff; box-sizing: border-box; font-weight: 700; padding-left: 32px; line-height: 46px}
.item__tariff .title{margin-bottom: 40px; font-size: 32px; font-weight: 700; font-family: var(--Playfair);}
.item__tariff .row{margin-bottom: 16px; color: var(--text);}
.item__tariff .title__c{color: var(--gold); margin-bottom: 10px; font-size: 20px; font-weight: 600;}
.item__tariff .title__c.price{padding-left: 26px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/icon_money.svg") 0 50% no-repeat;}
.item__tariff .excerpt{padding-top: 16px; border-top: 1px dashed rgba(9, 16, 31, 0.4); font-size: 14px; color: var(--text); line-height: 150%; padding-right: 10px;}
.item__tariff .go{position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 0 24px 24px;}
.item__tariff.premium{background: linear-gradient(160deg, #16223d 0%, #09101F 100%); border: 2px solid var(--gold); box-shadow: 0px 8px 30px rgba(200, 164, 90, 0.3);}
.item__tariff.premium .title{color: #fff;}
.item__tariff.premium .row{color: rgba(255, 255, 255, 0.75);}
.item__tariff.premium .excerpt{color: rgba(255, 255, 255, 0.75); border-top: 1px dashed rgba(255, 255, 255, 0.25);}
#tsiny .marquee{padding: 20px 0 0; text-transform: uppercase; line-height: 150%; font-size: 14px; font-weight: 700;}
#tsiny .marquee strong{font-weight: 700; color: var(--gold);}
.marquee{width: 100%; overflow: hidden;}
.marquee__track{display: flex; width: max-content; animation: marquee 50s linear infinite;}
.marquee__content{display: flex; flex-shrink: 0; align-items: center;}
.marquee__content p{flex-shrink: 0; margin: 0; padding-right: 36px; white-space: nowrap; position: relative;}
.marquee__content p:after{width: 6px; height: 6px; right: 15px; top: calc(50% - 3px); background: var(--gold); border-radius: 50%; content: ''; position: absolute;}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
#consultation{content-visibility: auto; contain-intrinsic-size: auto 944px;}
#consultation .data{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_consult.webp") 50% 50% no-repeat; padding: 80px; overflow: hidden; border-radius: 20px; position: relative;}
#consultation .sale{position: absolute; top: 0; left: 0; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/icon_sale_w.svg") 0 0 no-repeat; width: 150px; height: 150px;}
#consultation .inn{width: 485px}
#consultation .form{width: 100%; margin-bottom: 32px;}
#consultation .inn .note{opacity: 0.5; color: #fff; font-weight: 500; font-size: 13px;}
#consultation .form.form__opacity .title{color: #fff; /*color: var(--black);*/}
#consultation .text{max-width: 470px;}
#consultation .text h2{color: #fff; font-weight: 700; font-size: 32px; margin-bottom: 24px; font-family: var(--Playfair); line-height: 130%;}
#consultation .text h2 strong{color: var(--gold);}
#consultation .text .info{line-height: 150%; color: rgba(255, 255, 255, 0.6);}
#consultation .text .info strong{color: #fff;}
#consultation .text ul{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 24px; padding: 97px 0 0;}
#consultation .text ul li{position: relative; padding-left: 14px; color: rgba(255, 255, 255, 0.6); font-size: 13px;}
#consultation .text ul li:after{width: 6px; height: 6px; left: 0; top: calc(50% - 3px); border-radius: 50%; content: ''; background: var(--gold); position: absolute; content: ''}
#pro-mene{}
#pro-mene .text{max-width: 590px}
#pro-mene .text .section__title{text-align: left; max-width: 500px;}
#pro-mene .section__title .bt{margin: 0}
#pro-mene .text li{color: var(--text); margin-bottom: 16px; padding-left: 24px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/lsa.svg") 0 3px no-repeat;}
#pro-mene .text .flex{justify-content: flex-start; gap: 16px; margin-bottom: 48px;}
#pro-mene .text .flex .item{width: 130px; box-sizing: border-box; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); border: 1px solid #DDD5BE; border-radius: 10px; padding: 14px 20px; font-size: 13px; color: var(--text);}
#pro-mene .text .flex .count{font-size: 28px; font-weight: 600; font-family: var(--Playfair); line-height: 130%;}
#pro-mene .text .btn{width: auto;}
#pro-mene .image{width: 555px; box-sizing: border-box; padding: 10px; border-radius: 16px; border: 1px solid rgba(200, 164, 90, 0.4); position: relative;}
#pro-mene .image img{width: 100%; border-radius: 12px; height: 100%;}
#pro-mene .image .note{position: absolute; bottom: -24px; left: 34px; font-size: 13px; box-sizing: border-box; background: #FFFFFF; padding: 12px 20px; border: 1px solid rgba(200, 164, 90, 0.4); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 10px;}
#pro-mene .image .note span{opacity: 0.6}
#pro-mene .image .note p{font-size: 20px; font-weight: 600; line-height: 150%; font-family: var(--Playfair); color: var(--gold);}
#results{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_section.svg") 50% 0 repeat; position: relative; margin-top: 60px; position: relative;}
#results:after{position: absolute; bottom: 100%; left: 0; width: 100%; height: 60px; content: ''; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_section_b.svg") 50% -5px repeat; transform: rotate(180deg);}
#results .graph{margin-top: 40px;}
#results .graph img{width: 100%; box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.1); border-radius: 16px;}
#results .graph img.mobile{display: none;}
#results .counts{padding: 25px 0; border-top: 1px dashed rgba(9, 16, 31, 0.2); border-bottom: 1px dashed rgba(9, 16, 31, 0.2)}
#results .counts .item{box-sizing: border-box; width: 25%; text-align: center;}
#results .counts .item .count{color: var(--gold); font-size: 48px; line-height: 110%; font-weight: 600; font-family: var(--Playfair); margin-bottom: 10px;}
#vidguky{overflow: hidden; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_reviews.webp") 50% 50% no-repeat; content-visibility: auto; contain-intrinsic-size: auto 683px;}
#vidguky .slider-sw{width: 100vw; position: relative; left: 50%; transform: translateX(-50%);}
#vidguky .bt{color: #fff;}
#vidguky .swiper{overflow-x: visible; padding-bottom: 100px}
#vidguky .swiper-wrapper{align-items: stretch;}
#vidguky .swiper-slide{width: 385px; height: auto;}
.item__review{box-sizing: border-box; background: #fff; border: 1px solid rgba(200, 164, 90, 0.2); border-radius: 10px; position: relative; overflow: hidden; padding: 80px 24px 160px;}
.item__review:before{position: absolute; transition: all 0.2s; width: 100%; height: 100%; content: ''; top: 0; left: 0; position: absolute; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); opacity: 0;}
.item__review:hover:before{opacity: 1}
.item__review .inn{position: relative; z-index: 5; height: 100%;}
.item__review:hover:after{opacity: 1}
.item__review:hover .data .rating span{background: var(--gold); color: #fff;}
.item__review:after{position: absolute; top: 24px; left: 24px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/quote.svg") 50% 50% no-repeat; width: 36px; height: 36px; content: ''; transition: all 0.2s; opacity: 0.4}
.item__review .rev{font-size: 20px; font-weight: 500; line-height: 130%; font-family: var(--Playfair);}
.item__review .data{box-sizing: border-box; position: absolute; bottom: -140px; left: 0; width: 100%;}
.item__review .data .rating span{display: flex; transition: all 0.2s; align-items: center; justify-content: center; height: 30px; color: var(--gold); background: rgba(200, 164, 90, 0.1); border-radius: 60px; font-size: 14px; font-weight: 700; padding: 0 12px; text-transform: uppercase;}
.item__review .data .user{padding-top: 15px; margin-top: 20px; align-items: center; justify-content: flex-start; border-top: 1px dashed rgba(9, 16, 31, 0.2); gap: 10px; font-weight: 600;}
.item__review .data .user p{text-transform: uppercase; font-size: 14px; font-weight: 700; opacity: 0.4;}
.item__review .data .user img{width: 48px; height: 48px; border-radius: 50%;}
#ceo{}
#ceo .section__title{text-align: left;}
#ceo .section__title .bt{margin: 0}
#faq .section__title{text-align: left;}
#faq .section__title .bt{margin: 0}
#ceo .container,#faq .container{max-width: 920px;}
#kontakty{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/bg_consult_l.webp") 50% 50% no-repeat; background-size: cover;}
#kontakty .text{max-width: 490px; color: #fff;}
#kontakty .text .section__title{text-align: left; margin-bottom: 24px;}
#kontakty .text .section__title .bt{margin: 0; color: #fff;}
#kontakty .text p{margin-bottom: 24px; opacity: 0.6}
#kontakty .row{padding-left: 64px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_email.svg") 0 50% no-repeat; min-height: 64px; margin-bottom: 16px; font-size: 18px; font-weight: 600;}
#kontakty .row.row_phone{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_phone.svg") 0 50% no-repeat;}
#kontakty .row.row_telegram{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_telegram.svg") 0 50% no-repeat;}
#kontakty .row.row_location{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/ct_location.svg") 0 50% no-repeat;}
#kontakty .row a{color: #fff;}
#kontakty .row a:hover{color: var(--gold);}
#kontakty .row:last-child{margin: 0}
#kontakty .row span{display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; opacity: 0.4; padding: 4px 0 2px}
#kontakty .inn{width: 530px;}
#kontakty .inn .form{width: 100%; padding: 32px; box-sizing: border-box; background: linear-gradient(110.21deg, #FFF6EA 7.29%, #FFFFFF 45.75%, #FFF6EA 88.26%); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 60px rgba(200, 164, 90, 0.15); backdrop-filter: blur(10px); border-radius: 10px;}
#kontakty .form .btn,.box__modal .form .btn{margin-top: 10px;}
.form.form__bg .title{text-align: center; margin-bottom: 32px; line-height: 120%; font-size: 28px; font-weight: 700; font-family: var(--Playfair);}
.form.form__bg .title span{display: inline-block; font-family: var(--Manropre); text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; padding-left: 28px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/gifts.svg") 0 50% no-repeat; color: var(--gold);}
.form.form__bg .title span.pac{display: inline; font-family: inherit; text-transform: none; font-size: inherit; font-weight: inherit; letter-spacing: normal; padding-left: 0; background: none; color: inherit;}
.form .label{font-size: 14px; font-weight: 700; margin-bottom: 4px; opacity: 0.4}
.form .flex .it{width: calc(50% - 10px)}
.form.form__bg .label{display:none}.form.form__bg .note{padding: 13px 0 0; font-size: 13px; text-align: center; opacity: 0.4}
.form.form__bg input[type="text"],.form.form__bg input[type="email"],.form.form__bg input[type="tel"],.form.form__bg input[type="password"],.form.form__bg input[type="date"],.form.form__bg textarea,.form.form__bg select{
background: #fff; border: 1px solid rgba(200, 164, 90, 0.4); color: var(--black);
}
.form.form__bg input::placeholder{color: rgba(9, 16, 31, 0.6);}
#standart__page{padding: 140px 0 70px;}
#hero__section.hero__error{overflow: hidden;}
#hero__section.hero__error .text{max-width: 440px;}
#hero__section.hero__error .btn{max-width: 300px;}
#hero__section.hero__error h1{}
#hero__section.hero__error h1 strong{display: block;}
#hero__section.hero__error p{opacity: 0.8; margin-bottom: 32px;}
.hero__404 {
font-family: var(--Playfair);
font-size: 500px;
font-weight: 700;
letter-spacing: -30px;
font-feature-settings: "lnum" 1, "pnum" 1;
font-variant-numeric: lining-nums proportional-nums;
z-index: 1;
white-space: nowrap;
pointer-events: none;
/*color: transparent;
background: linear-gradient(91deg, rgba(255, 202, 93, 0.55) 6%, rgba(200, 164, 90, 0.55) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
position: absolute; left: 698px; top: 145px; line-height: 1.1;
color: var(--gold);
opacity: 0.6;
z-index: 66;
top: calc(50% - 275px);
left: calc(50% - 100px);
}
footer{padding: 80px 0 24px; color: rgba(255, 255, 255, 0.8); background: #09101F;}
footer .col{max-width: 360px;}
footer .logo{margin-bottom: 24px;}
footer .col p{color: rgba(255, 255, 255, 0.6);}
footer .col .title{color: var(--gold); text-transform: uppercase; opacity: 0.8; font-size: 14px; font-weight: 700; margin-bottom: 24px;}
footer .col li{font-weight: 600; margin-bottom: 24px;}
footer .col li:last-child{margin: 0}
footer .col li a{color: rgba(255, 255, 255, 0.6);}
footer .col nav li{margin-bottom: 16px;}
footer .col li a:hover{color: #fff;}
footer .col .ct li{padding: 0 0 0 28px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/phonec.svg") 0 3px no-repeat;}
footer .col .ct li.email{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/email.svg") 0 3px no-repeat;}
footer .col .ct li.telegram{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/telegram.svg") 0 3px no-repeat;}
footer .col .ct li.location{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/location.svg") 0 3px no-repeat;}
footer .copyright{width: 100%; align-items: center; padding: 16px 0 0; margin: 50px 0 0; border-top: 1px dashed rgba(255, 255, 255, 0.1); font-size: 14px;}
footer .copyright ul{gap: 55px;}
footer .copyright li a{color: var(--gold); border-bottom: 1px solid transparent;}
footer .copyright li:last-child a{color: var(--gold); border-bottom: 1px solid transparent;}
footer .copyright a:hover{border-color: var(--gold)!important; color: var(--gold);}
#mobile__free{transform: translateY(300px); transition: all 0.2s; position: fixed; z-index: 888; bottom: 0; left: 0; width: 100%; padding: 16px; box-sizing: border-box; background: rgba(245, 243, 238, 0.7); border-top: 1px solid rgba(9, 16, 31, 0.2); backdrop-filter: blur(10px);}
#mobile__free.open{transform: translateY(0);}
#mobile__free ul{display: flex; align-items: center; justify-content: center; gap: 24px; padding-top: 10px;}
#mobile__free ul li{padding: 0 0 0 14px; position: relative; font-size: 13px; opacity: 0.6}
#mobile__free ul li:after{background: var(--black); content: ''; top: calc(50% - 3px); left: 0; width: 6px; height: 6px; position: absolute; border-radius: 50%;}
/* common styles */
.section{padding: 75px 0;}#consultation{margin-bottom: 120px;}
.section__bottom{padding: 0 0 75px}
.section__top{padding: 75px 0 0}
.section.section__on__page{padding-top: 0; margin-top: -30px;}
.section__title{text-align: center; margin-bottom: 50px;}
.section__title .section__note{color: var(--gold); text-transform: uppercase; font-size: 14px; font-weight: 700; margin-bottom: 8px;}
.section__title .bt{font-size: 48px; font-weight: 600; font-family: var(--Playfair); color: var(--black); line-height: 110%; margin: 0 auto; max-width: 850px;}
#totop{position: fixed; z-index: 600; bottom: 100px; right: clamp(20px, calc(-6.67px + 3.472vw), 60px); display: none;}
#totop.show{display: block;}
#totop a{display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: rgba(9, 16, 31, 0.6); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; box-sizing: border-box;}
@media (hover: hover) and (pointer: fine) {
#totop a:hover{background: var(--gold); border-color: var(--gold);}
}
.content{font-size: 16px; line-height: 150%; color: var(--text);}
.content h2,.content h3,.content h4,.content h5,.content h6{font-family: var(--Playfair)!important; color: var(--black); font-size: 32px; line-height: 130%; margin-bottom: 16px; font-weight: 700;}
.content h3{font-size: 24px;}
.content h4{font-size: 22px;}
.content h5{font-size: 20px;}
.content h6{font-size: 18px;}
.content p{margin-bottom: 32px;}
.content p:last-child{margin: 0}
.content p,.content p span{color: var(--black)!important;}
.content b{font-weight: 700;}
.content a{color: var(--gold); border-bottom: 1px solid transparent; font-weight: 700;}
.content a:hover{border-color: var(--gold);}
.content ul,.content ol{margin-bottom: 32px;}
.content ul li{margin-bottom: 16px; padding-left: 24px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/lsa.svg") 0 3px no-repeat;}
.content ul li:last-child{margin: 0}
.content ol{padding-left: 20px;}
.content ol li::marker{color: var(--gold); font-weight: 700; font-size: 20px; font-family: var(--Playfair);}
.content ol li{margin-bottom: 16px;}
.content ol li:last-child{margin: 0}
.content iframe{display: block; width: 100%; height: 450px}
.content strong{font-weight: 700; color: var(--gold);}
.content blockquote{display: block; font-size: 20px; line-height: 130%; font-family: var(--Playfair); font-weight: 500; margin-bottom: 32px; padding: 24px 24px 24px 80px; position: relative; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); border: 1px solid #C8A45A; box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.1); border-radius: 10px;}
.content blockquote br{display: none;}
.content blockquote p{margin: 0}
.content blockquote strong{color: var(--gold); font-weight: 500;}
.content blockquote:before{width: 36px; height: 36px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/quote.svg") 50% 50% no-repeat; content: ''; position: absolute; top: 24px; left: 24px;}
.content blockquote .user{margin-top: 10px; font-size: 16px; font-weight: 600; color: var(--black); padding-top: 15px; font-family: var(--Manropre); border-top: 1px dashed rgba(9, 16, 31, 0.2); display: flex; align-items: center; gap: 10px; justify-content: flex-start;}
.content blockquote .user img{width: 48px; height: 48px; border-radius: 50%; margin: 0}
.content blockquote .user span{display: block; text-transform: uppercase; font-size: 14px; opacity: 0.4; font-weight: 700;}
.content ul:last-child,.content ol:last-child,.content p:last-child{margin: 0}
.content img{margin-bottom: 32px; height: auto; border-radius: 16px; width: 100%;}
.content img.alignleft{float: left; margin: 0 20px 20px 0}
.content img.alignright{float: right; margin: 0 0 20px 20px}
.content img.alignnone1{width: 100%;}
.form__select{position: relative; cursor: pointer; z-index: 30; font-weight: normal; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none;}
.form__select:after{position: absolute; right: 16px; top: calc(50% - 12px); width: 24px; height: 24px; content: ''; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/arr.svg") 50% 50% no-repeat; transition: all 0.2s;}
.form__select .select__current{display: flex; height: 56px; box-sizing: border-box; padding: 0 48px 0 16px; align-items: center; width: 100%; background: #fff; box-sizing: border-box; border: 1px solid rgba(200, 164, 90, 0.4); color: rgba(9, 16, 31, 0.6); border-radius: 10px;}
.error .form__select .select__current{border-color: #C24B3A !important;}
.form__select.open{z-index: 50;}.form__select.open:after{transform: rotate(180deg);}
.form__select ul{position: absolute; top: 100%; /*max-height: 240px;*/ padding: 16px; left: 0; width: 100%; background: #fff; box-sizing: border-box; overflow-y: auto; margin-top: 10px; display: none; background: #FFFFFF; border: 1px solid rgba(200, 164, 90, 0.4); box-shadow: 0px 4px 8px rgba(52, 81, 157, 0.1); border-radius: 10px;}
.form__select ul li{transition: all 0.2s; line-height: normal; padding: 6px 0; margin-bottom: 6px; color: rgba(9, 16, 31, 0.6); border-bottom: 1px dashed rgba(9, 16, 31, 0.08);}
.form__select ul li:last-child{border: none; margin: 0; padding-bottom: 0;}
.form__select ul li:first-child{padding-top: 0}
.form__select ul li:hover,.form__select ul li.active{color: var(--black);}
#kontakty .form.form__bg .label{display: block}
.form .flex .ir{width: calc(50% - 10px); margin-bottom: 10px;}
/* common styles */
.content section{margin-bottom: 10px; padding-bottom: 10px; transition: all 0.2s; box-sizing: border-box; border-bottom: 1px dashed rgba(9, 16, 31, 0.2);}
.content section:last-child{margin-bottom: 0; border: none; padding: 0}
.content section.active{}
.content section h2,.content section h3{margin: 0!important; border-radius: 16px 16px 0 0; display: flex; transition: all 0.2s; position: relative; cursor: pointer; transition: all 0.2s; padding: 24px 72px 24px 24px; box-sizing: border-box; align-items: center; justify-content: flex-start; min-height: 74px; font-size: 20px; line-height: 130%; font-weight: 600!important; font-family: var(--Manropre)!important;}
.content section h2:after,.content section h3:after{position: absolute; top: calc(50% - 9px); right: 30px; content: ''; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/plus.svg") 50% 50% no-repeat; content: ''; width: 18px; height: 18px; transition: all 0.2s;}
.content section.active h2:after,.content section.active h3:after{transform: rotate(180deg); background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/minus.svg") 50% 50% no-repeat;}
.content section.active h2,.content section.active h3{color: #fff; background: var(--gold);}
.content section div{line-height: 130%; display: none; box-sizing: border-box;}
.content section div p{max-width: 51%;}
.content section div div{display: block!important; padding: 0}
.content section div .saswp_faq_tiny_content{border: 1px solid var(--gold); border-radius: 0 0 10px 10px; background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%); padding: 24px !important; box-sizing: border-box; display: block !important;}
.swiper__standart__all{padding-bottom: 0px!important;}
.slider-products .swiper{padding: 0 1px}
.slider-sw,.list__swiper{position: relative;}
.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{position: absolute; width: 56px; height: 56px; border-radius: 30px; opacity: 1!important; top: 100%!important; transition: all 0.2s ease-out; margin: -56px 0 0 0; box-sizing: border-box; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); z-index: 3;}
.slider-sw .swiper-button-prev{left: calc(50% - 68px)}
.slider-sw .swiper-button-next{right: calc(50% - 68px);}
/* Icon lives on its own pseudo-element so only the arrow rotates for
"prev" -- rotating the whole button previously combined transform with
backdrop-filter on the same layer, which Safari/WebKit composites
incorrectly (visible haze/glow around the rotated button, Chrome unaffected). */
.slider-sw .swiper-button-prev:before,.slider-sw .swiper-button-next:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/arrs.svg") 50% 50% no-repeat; z-index: 2;}
.slider-sw .swiper-button-prev:before{transform: rotate(-180deg);}
.slider-sw .swiper-button-prev:hover,.slider-sw .swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.5);}
.slider-sw .swiper-button-disabled{opacity: 0.4!important}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1!important;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.slider-sw .swiper-pagination{bottom: 0px!important; display: flex; align-items: center; justify-content: center; padding: 0; margin: -40px 0 0 0!important; width: 100%!important; top: 100%!important; left: 0!important;}
.slider-sw .swiper-pagination-bullet{width: 14px; height: 14px; border-radius: 50%; background: #D9D9D9; transition: all 0.2s; opacity: 1!important;}
.slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1!important; background: var(--blue);}
#thanks{text-align: center!important;}
#thanks svg{display: block; margin: 0 auto 20px; width: 60px; height: 60px;}
#thanks .t_title{text-transform: uppercase; font-family: var(--Playfair); font-weight: 600; font-size: 30px; margin-bottom: 16px; line-height: normal;}
#thanks p{text-align: center!important; margin-bottom: 20px; padding: 0!important}
section{position: relative; z-index: 2;}
.i_pack{display: none;}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex.flex__center{justify-content: center;}
.flex.flex__start{justify-content: flex-start; gap: 16px;}
.flex.flex__end{justify-content: flex-end;}
.grid{display: grid; grid-template-columns: repeat(1,1fr); gap: 20px;}
.grid.grid-2{grid-template-columns: repeat(2,1fr);}
.grid.grid-3{grid-template-columns: repeat(3,1fr);}
.grid.grid-4{grid-template-columns: repeat(4,1fr);}
.grid.grid-5{grid-template-columns: repeat(5,1fr);}
.grid.grid-6{grid-template-columns: repeat(6,1fr);}
.grid.grid-7{grid-template-columns: repeat(7,1fr);}
#thanks{color: var(--black); background: linear-gradient(90deg, #FFF6EA 0%, #FFFFFF 47.5%, #FFF6EA 100%)!important; border-radius: 12px;}
#thanks .form__consult{background: transparent;}
#thanks p{max-width: 450px; box-sizing: border-box; padding-left: 52px; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/lsm.svg") 0 50% no-repeat; text-align: left;}
#thanks .flex{align-items: center; justify-content: center; gap: 50px}
#thanks .btn{max-width: 200px;}
#thanks .bt{margin-bottom: 33px; font-size: 30px;}
.box__modal{width: 460px; background: transparent!important; font-family: var(--Manropre); max-width: calc(100% - 32px); overflow: hidden; box-sizing: border-box; padding: 0!important; display: none; text-align: center; background: linear-gradient(110.21deg, #FFF6EA 7.29%, #FFFFFF 45.75%, #FFF6EA 88.26%)!important; padding: 40px 15px 24px!important; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0px 8px 60px rgba(200, 164, 90, 0.15); backdrop-filter: blur(10px); border-radius: 16px!important; position: relative;}
.box__modal .form__consult.form input,.box__modal .form__consult.form .btn span{height: 46px!important}
.box__modal .form__consult.form .btn span{padding: 0; font-size: 16px;}
.box__modal .form__consult.form .btn{width: 100%;}
.box__modal .form__consult.form .checkbox{max-width: 100%;}
.box__modal .form__consult.form .label{font-size: 14px;}
.box__modal .form__consult.form .bt{font-size: 20px; margin-bottom: 15px;}
.box__modal.active{display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99993; max-height: calc(100vh - 40px); overflow-y: auto;}
.modal-overlay{position: fixed; inset: 0; background: #1e1e1e; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: opacity; z-index: 99992;}
.modal-overlay.active{opacity: 0.87; visibility: visible;}
.modal-close-btn{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; padding: 0; border: none; border-radius: 50%; background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/closeb.svg") 50% 50% no-repeat; background-size: 30px; cursor: pointer; transition: all 0.2s; z-index: 2;}
.modal-close-btn:hover{background: var(--gold) url("//nmtistoria.com.ua/wp-content/themes/nmt/img/close.svg") 50% 50% no-repeat; background-size: 20px;}
section{box-sizing: border-box; position: relative;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="password"],.form input[type="date"],.form textarea,.form select{
width: 100%; height: 56px; margin-bottom: 8px; padding: 0 16px; background: rgba(9, 16, 31, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px; font-size: 16px; color: #fff;
}
.f_socials{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 16px; padding: 24px 0 0;}
.f_socials a{box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; background: rgba(255, 255, 255, 0.1);}
.f_socials a:hover{background: #fff; border-color: #fff;}
.f_socials a:hover svg path{fill: var(--black);}
.form .flex .form__item{width: calc(50% - 12px)}
.form.form__white{padding: 40px;}
.form.form__white input,.form.form__white textarea{background: #F0F4F7; border: 1px solid #D2DAE0; border-radius: 4px; color: var(--black);}
.form.form__white ::placeholder{color: #8FA3B1}
.form.form__white .label{color: #8FA3B1; margin-bottom: 3px; opacity: 1;}
.form.form__white .note{opacity: 1; color: #8FA3B1}
.form .label i{font-style: normal; color: #C24B3A;}
.wpcf7-not-valid{border-color: #C24B3A!important;}
.form ::placeholder{color: rgba(255, 255, 255, 0.6);}
input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0; position: relative; z-index: 2; cursor: pointer;}
input[type="date"]{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/calendarw.svg") calc(100% - 15px) 50% no-repeat!important; background-size: 20px!important}
.i__date{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/calendarw.svg") calc(100% - 15px) 50% no-repeat!important; background-size: 20px!important}
.box__modal .i__date{background: url("//nmtistoria.com.ua/wp-content/themes/nmt/img/calendar.svg") calc(100% - 15px) 50% no-repeat!important; background-size: 20px!important}
.wpcf7-not-valid-tip,.wpcf7-response-output{display: none!important;}
label.userfile{transition: all 0.2s; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; padding-left: 70px; box-sizing: border-box; width: 155px; border-radius: 10px; border: 1px solid #F3F3F3; background: #F3F3F3 url("//nmtistoria.com.ua/wp-content/themes/nmt/img/icon_file.svg") 43px 50% no-repeat; color: var(--red); line-height: 45px;}
label.userfile:hover{border-color: var(--red);}
label.user__file{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; box-sizing: border-box; cursor: pointer; transition: all 0.2s; height: 180px; text-align: center; border: 1.5px dashed #E6E6E6; border-radius: 12px;}
label.user__file:hover{border-color: var(--black); background: var(--white);}
label.user__file span{display: block; margin-top: 5px; color: var(--blackGrey); font-size: 13px; font-weight: 500;}
input[type="checkbox"],input[type="radio"]{display:none;}
label.checkbox{display: block; margin-top: 12px; position: relative; padding: 0px 0 0px 26px; max-width: 490px; box-sizing: border-box; font-size: 14px; cursor: pointer; line-height: normal; color: #4C4C4C; margin-bottom: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: block;}
label.checkbox span:after{position: absolute; width: 14px; height: 14px; background: var(--blue); top: 3px; left: -26px; content: ''}
label.checkbox span{position: relative;}
label.checkbox input:checked + span:after{background: var(--blue) url("//nmtistoria.com.ua/wp-content/themes/nmt/img/check.svg") 50% 50% no-repeat;}
label.checkbox a{color: #4C4C4C; text-decoration: underline;}
label.checkbox a:hover{text-decoration: none;}
button{background: transparent;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a,svg,svg path,rect{text-decoration: none; transition: opacity 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
a:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
svg,svg path,rect{transition: opacity 0.2s ease-out;}
img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: opacity 0.2s ease-out; object-fit: cover;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn,.btn:after{font-family: var(--Manropre); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
.btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn-gold{position: relative; color: #fff; width: 100%; border-radius: 10px; height: 56px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #C8A45A 0%, #A07830 100%); font-size: 16px; font-weight: 700; box-shadow: 0px 8px 32px rgba(200, 164, 90, 0.25); border-radius: 10px;}
.btn-gold span{width: 100%; padding: 0 24px; box-sizing: border-box; position: relative; z-index: 3; transition: all 0.2s;}
.btn-gold:hover:after{opacity: 1}
.btn-gold:after{content: ''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; width: 100%; border-radius: 10px; background: linear-gradient(90.96deg, #FFCA5D -6.41%, #C8A45A 99.62%); box-shadow: 0px 8px 8px rgba(200, 164, 90, 0.2); border-radius: 10px;}
.btn-black{position: relative; color: var(--gold); width: 100%; border-radius: 10px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; background: linear-gradient(90.93deg, #09101F 0.2%, #081737 50.71%, #09101F 99.53%); box-shadow: 0px 8px 32px rgba(200, 164, 90, 0.25); border-radius: 10px;}
.btn-black span{width: 100%; padding: 0 24px; box-sizing: border-box; position: relative; z-index: 3; transition: all 0.2s; background: linear-gradient(120deg, #FFCA5D 10.63%, #A07830 116.78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.btn-gold-tr{height: 56px; border-radius: 10px; border: 1px solid var(--gold); color: var(--gold); font-size: 16px; font-weight: 700;}
.btn-gold-tr:hover{background: var(--gold); color: #fff;}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: var(--Manropre);}
[data-fls-spollers] summary {list-style: none;}
@media screen and (min-width: 1261px) and (max-width: 1919px){
footer .col:nth-child(2){margin-right: 8px;}
footer .col:nth-child(3){margin-right: 8px;}
}
@media screen and (min-width: 1261px){
header .phone{margin-right: 14px;}
}
@media screen and (min-width: 1920px){
footer .col:nth-child(3){margin-right: 5px;}
}
@media screen and (min-width: 767px){
#mobile__free{display: none!important;}
}
@media screen and (min-width: 1261px){#process{contain-intrinsic-size: auto 420px;}#consultation{contain-intrinsic-size: auto 570px;}#vidguky{contain-intrinsic-size: auto 760px;}}
@media screen and (max-width: 1260px){
.hero__404{position: relative; display: block; top: auto; margin-top: 20px; width: 100vw; left: 50%; margin-left: -50vw; padding-right: 0.06em; box-sizing: border-box; text-align: center; font-size: clamp(140px, 40vw, 420px); letter-spacing: -0.06em; z-index: 166; transform: scale(1.6);}
header nav{display: none;}
header .pull{display: flex; box-sizing: border-box; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--gold); align-items: center; justify-content: center; cursor: pointer; background: rgba(200, 164, 90, 0.1); border: 1px solid rgba(200, 164, 90, 0.2);}
header .logo{width: 100px; position: absolute; top: calc(50% - 34px); left: calc(50% - 50px)}
header.f-nav .logo{left: calc(50% - 35px); top: calc(50% - 24px)}
#hero__section .form.form__opacity{width: 100%; margin-top: 50px;}
#what .items{grid-template-columns: repeat(2, 1fr);}
#consultation .text{max-width: 100%;}
#consultation .text ul{padding-top: 32px}
#consultation .inn{max-width: 100%; width: 100%; margin-top: 50px;}
#pro-mene .text{max-width: 100%; width: 100%;}
#pro-mene .image{margin: 0 auto;}
#kontakty .text{max-width: 100%; width: 100%}
#kontakty .inn{max-width: 100%; width: 100%; margin-top: 50px;}
#tsiny .swiper-slide{width: 285px}
footer .col{max-width: 30%;}
}
@media screen and (max-width: 767px){
body, html{overflow-x: hidden;}
.form .flex .ir{width: 100%;}
#hero__section.hero__error .text{text-align: center; max-width: 100%;}
#hero__section.hero__error .text .flex{justify-content: center;}
#hero__section.hero__error .btn{margin: 0 auto;}
.section{padding: 45px 0;}#consultation{margin-bottom: 90px;}
.section__top{padding-top: 45px;}
.section__bottom{padding-bottom: 45px;}
#process{padding: 45px 0}
.section__title{margin-bottom: 32px;}
.section__title .bt{font-size: 32px;}
header{padding: 20px 0;}
header .phone a{width: 40px; height: 40px; font-size: 0; padding: 0}
#hero__section{padding: 140px 0 45px;}
#hero__section h1{font-size: 44px;}
#hero__section h1 span{font-size: 24px;}
#hero__section .text ul{gap: 10px;}
#hero__section .text ul li{margin-right: 10px;}
#hero__section .text .sub{margin-bottom: 32px;}
.form.form__opacity .title{font-size: 24px;}
.form .timer.flex .it{width: 100%; text-align: center;}
.form.form__opacity .timer .tm{justify-content: center; width: 100%;}
#what .items{grid-template-columns: repeat(1, 1fr);}
#what .item .title{min-height: 0}
#what .item .solution{min-height: 0}
#programa .item .title{padding: 15px 50px 15px 90px}
#programa .item .title .icon{left: 15px;}
#programa .item .title:after{right: 15px;}
#programa .item .answer .image{display: none;}
#programa .item .answer .answer__inner{padding: 15px;}
#process .item{width: 100%; padding: 0 0 0 84px; min-height: 60px; box-sizing: border-box; text-align: left; margin-bottom: 50px;}
#process .item:last-child{margin: 0}
#process .item .icon{margin: 0; position: absolute; top: 0; left: 0; text-align: center;}
#process .item:after{width: 4px; height: 100px; left: 28px}
#process .item:before{width: 4px; height: 100px; left: 28px; transform: scaleY(0); transform-origin: top center;}
#process .item.active:before{transform: scaleY(1);}
#consultation .data{padding: 24px;}
#consultation .data .sale{display: none;}
#consultation .text h2{font-size: 26px;}
#consultation .text ul{gap: 10px;}
#pro-mene .text .flex{justify-content: space-between; gap: 0}
#pro-mene .text .flex .item{width: calc(100% / 3 - 5px); padding: 10px 12px;}
#pro-mene .text .flex .count{font-size: 24px;}
#pro-mene .text .flex{margin-bottom: 24px;}
#pro-mene .text .btn{width: 100%;}
#results .counts .item{width: 50%; box-sizing: border-box; padding: 0 20px; margin-bottom: 20px;}
#results .counts .item:nth-child(3),#results .counts .item:nth-child(4){margin: 0}
#results .counts .item .count{font-size: 32px;}
#results .graph img{display: none;}
#results .graph img.mobile{display: block}
#vidguky .swiper-slide{width: 100%;}
.item__review .rev{font-size: 18px;}
.content h2{font-size: 26px;}
.content h3{font-size: 20px;}
.content blockquote{padding: 80px 24px 24px;}
.content blockquote .user span{font-size: 12px;}
#kontakty .row{margin-bottom: 10px;}
#kontakty .inn .form{padding: 24px 16px;}
#kontakty .inn .form .btn{margin-top: 10px;}
.form .flex .it{width: 100%;}
footer{padding: 32px 0 139px}
footer .col{max-width: 100%; width: 100%; margin-bottom: 32px;}
footer .col:nth-child(2){display: none;}
footer .copyright{margin-top: 0; justify-content: center; text-align: center; gap: 10px}
footer .copyright p,footer .copyright ul{width: 100%; gap: 10px}
footer .copyright ul{gap: 10px}
footer .copyright ul li{width: 100%; text-align: center;}
#tsiny .marquee{font-size: 11px;}
#totop{right: 15px; bottom: 140px}
}