/***********/
@font-face {font-family: 'Montserrat';src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');font-weight: 100 900;font-style: normal;font-display: swap}
@font-face {font-family: 'Montserrat';src: url('../fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype-variations');font-weight: 100 900;font-style: italic;font-display: swap}
/*******/
:root {
	--primary: #003366;
	--accent: #FF6B35;
	--dark-bg: #0A1F3B;
	--light-bg: #F8FAFE;
	--white: #FFFFFF;
	--text-dark: #1F2A44;
	--text-gray: #55657D;
	--border-light: #E9EDF2;
}
body{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.5; color: var(--text-dark); background: var(--white)}
html, body{height:100%}
*{box-sizing: border-box; outline:none; padding: 0px; margin: 0px; border: none}
*, *::before, *::after{box-sizing: border-box}
a, a:link, a:visited{text-decoration: none}
a, a span, input, select, textarea, button, button span, a path, a svg, button *, button::before{transition:all 0.15s linear 0s}
a:hover{text-decoration: none}
aside, nav, footer, header, section, main{display: block}
h5, h6, p{font-size: inherit; font-weight: inherit}
h1, h2, h3, h4, .btn, .main-menu a, .logo-text .brand{font-family: 'Montserrat', sans-serif}
ul, ul li{list-style: none}
img{vertical-align: top}
img, svg{max-width: 100%; height: auto}
address{font-style: normal}
input, textarea, button, select{font-family: inherit; font-size: inherit; color: inherit; background-color: transparent}
input::-ms-clear{display: none}
input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button {visibility: hidden;display: none !important;pointer-events: none;position: absolute;right: 0}
button, input[type="submit"]{display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer}
input:focus, input:active, button:focus, button:active{outline: none}
button::-moz-focus-inner{padding: 0; border: 0}
label{cursor: pointer}
legend, picture{display: block}
.wrapper{display: flex; flex-direction: column;  min-height:100%;  overflow:hidden}
.text-center{text-align:center}
.padtop-0{padding-top:0 !important}
.padbot-0{padding-bottom:0 !important}
.martop-0{margin-top:0 !important}
.marbot-0{margin-bottom:0 !important}
.clearfix::after {content: "";display: table;clear: both}
.d-none{display:none}
main{flex: 1 1 auto}
footer{flex-shrink: 0}
/*** ***/
.container{width:100%; padding:0 15px; margin:0 auto}
.section{padding: 70px 0}
.section-light{background-color: var(--light-bg); border-top:1px solid var(--border-light); border-bottom:1px solid var(--border-light)}
.section-dark{background-color: var(--dark-bg)}
.title{font-size: 32px;font-weight: 700;text-align: center;color: var(--primary);margin-bottom: 48px;position: relative;text-transform: uppercase;line-height: 1.2;}
.heading-title{font-size: 42px;text-align: center;color: var(--primary);margin-bottom: 48px;position: relative;line-height: 1.2;margin-top: 20px}
.title:after, .heading-title:after{content: '';display: block;width: 236px;height: 5px;background:url(../images/line__head.svg) no-repeat center center / contain;margin: 5px auto 0;}
.widet-width__desc .title{margin-bottom: 0px;}
.widet-width__desc .title::after{display:none}
.widget__title-desc{margin-bottom: 48px;text-align:center;font-size: 22px;font-weight: 400;}
.widget__title-desc::after{content: ''; display: block; width: 236px; height: 5px; background:url(../images/line__head.svg) no-repeat center center / contain; margin: 16px auto 0; border-radius: 2px;}
.section-form{display: flex;flex-direction: column;gap: 30px}
.group-field{display:flex; gap:30px}
.field__block{width:calc((100% - 60px) / 3)}
.section.section-dark .title{color: var(--white);}
.section.section-dark .widget__title-desc{color: var(--accent);}
.section.section-dark .form-agree{color: var(--white);}
.photo-zoom{display:block; overflow:hidden; position:relative}
.photo-zoom::after{z-index:2; pointer-events:none; transition: all 0.15s linear 0s; content:""; position:absolute; top:50%; right:50%; transform:translateX(50%) translateY(-50%); background:var(--dark-bg) url(../images/zoom.svg) no-repeat center center; width:48px; height:48px; border-radius:100%}
.photo-zoom::before{z-index:1; pointer-events:none; transition: all 0.15s linear 0s; content:""; position:absolute; top:0; right:0; left:0; bottom:0; background:var(--dark-bg); opacity:0.3}
.photo-zoom:hover::after{transform:translateX(50%) translateY(-50%) scale(1.8);  background-color:var(--primary); opacity:0}
.photo-zoom:hover::before{opacity:0}
.slider-arrow {color: var(--white);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: var(--dark-bg); position: absolute;cursor: pointer;transition: transform 0.2s ease, background 0.2s ease;top: 50%}
.slider-arrow.prev{right: 100%;transform: translateY(-50%) translateX(-20px);}
.slider-arrow svg{margin-right:5px;width: 10px;height: auto;}
.slider-arrow.next{left: 100%;transform: translateY(-50%) translateX(20px) rotate(180deg);}
.slider-arrow.prev:hover{transform: translateY(-50%) translateX(-20px) scale(1.08);background: var(--primary);}
.slider-arrow.prev:active{transform:translateY(-50%) translateX(-20px) scale(0.96)}
.slider-arrow.next:hover{transform: translateY(-50%) translateX(20px) scale(1.08) rotate(180deg);background: var(--primary);}
.slider-arrow.next:active{transform:translateY(-50%) translateX(20px) scale(0.96) rotate(180deg)}
.slider-arrow.swiper-button-disabled{opacity:0.3; cursor:default;pointer-events:none}
.btn{justify-content:center; display: inline-flex; align-items: center; gap: 8px;background: var(--accent);color: var(--white);padding: 15px 30px;border-radius: 40px;font-weight: 700;text-decoration: none;transition: 0.25s;border: none;cursor: pointer;font-size: 16px}
.btn:hover{background: #E55A2B;}
.btn-outline {background: transparent;border: 2px solid var(--accent);color: var(--accent);}
.btn-outline:hover {background: var(--accent);color: var(--white);}
.btn-small{padding: 8px 20px;font-size: 13px;}
.btn-big{padding: 21px 15px;line-height: 1;font-size: 18px;font-weight: 600}
.wrapper__breadcrumb ul{padding:20px 0; color:var(--primary); display:flex; align-items:center}
.wrapper__breadcrumb ul li{white-space:nowrap}
.wrapper__breadcrumb ul li:last-child{overflow: hidden; text-overflow: ellipsis}
.wrapper__breadcrumb ul li.sep{margin: 0 6px; color:#717F66}
.wrapper__breadcrumb ul li a{color: var(--primary); font-weight:700}
.wrapper__breadcrumb ul li a:hover{color:var(--accent)}
input[type=text], input[type=email], input[type=tel], select, textarea{color:#000;padding: 19px 20px;width: 100%;background: #fff;font-weight: 400;border-radius: 50px;font-size: 18px;}
textarea{padding:20px; resize:none; min-height:160px; border-radius:30px; height:100%}
select{background:#fff url(../images/select.svg) no-repeat 97% center; -webkit-appearance: none; -moz-appearance: none;appearance: none}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus{box-shadow: 0 0 0 5px rgba(255,255,255,0.5);}
input[type=text]::placeholder, input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder{color:#000; opacity:0.8}
button{display:block; width:100%; text-align:center}
.form-agree{text-align:center; font-size:14px}
.form-agree a{color: var(--accent); text-decoration:underline}
.form-agree a:hover{color:#E55A2B; text-decoration:none}
@media(min-width:576px){
	.container{max-width:540px; }
}
@media(min-width:768px){
	.container{max-width:740px; }
}
@media(min-width:992px){
	.container{max-width:930px; }
}
@media(min-width:1340px){
	.container{max-width: 1280px}
}
@media(max-width:1339px){
	.section{padding: 60px 0}
	.title{font-size: 28px;margin-bottom: 40px}
	.heading-title{font-size: 36px;margin-top: 15px;margin-bottom: 40px}
	.widget__title-desc{margin-bottom: 40px; font-size: 20px}
	.btn{font-size:14px; padding:13px 25px}	
	.section-form{gap: 20px}
	.group-field{gap:20px}
	.field__block{width:calc((100% - 40px) / 3)}
	.btn-big{padding: 19px 15px;font-size: 16px;}
	input[type=text], input[type=email], input[type=tel], select, textarea{padding: 17px 20px;font-size: 17px;}
}
@media(max-width:991px){
	body{font-size:15px}
	.section{padding: 50px 0}
	.title{font-size: 26px;margin-bottom: 30px}
	.heading-title{font-size: 32px;margin-top: 10px;margin-bottom: 30px}
	.widget__title-desc{margin-bottom: 30px; font-size: 18px}
	.btn-big{padding: 17px 15px;font-size: 16px;}
	input[type=text], input[type=email], input[type=tel], select, textarea{padding: 14px 20px;font-size: 16px;line-height: 1.375}
	textarea{height:140px; border-radius:20px}
	.form-agree{font-size:12px}
}
@media(max-width:767px){
	.btn{padding:10px 20px}
	.section{padding: 40px 0}
	.title{font-size:24px; margin-bottom: 25px}
	.heading-title{font-size: 28px; margin-bottom: 25px}
	.widget__title-desc{margin-bottom: 25px; font-size: 16px}
	.title:after, .widget__title-desc::after, .heading-title::after{width: 140px;height: 3px;margin: 8px auto 0}
	.section-form{gap: 15px}
	.group-field{gap:15px; flex-direction:column}
	.field__block{width:100%}
	.btn-big{padding: 15px 15px;font-size: 15px;}
	input[type=text], input[type=email], input[type=tel], select, textarea{padding: 13px 20px;font-size: 14px;line-height: 1.358;}
}
@media(max-width:575px){
	body{font-size:14px}
	.section{padding: 30px 0}
	.title{font-size:20px; margin-bottom: 20px}
	.heading-title{font-size: 24px; margin-bottom: 20px}
	.widget__title-desc{margin-bottom: 20px; font-size: 14px}
	.title:after, .widget__title-desc::after, .heading-title::after{width: 100px;height: 2px;}
	.wrapper__breadcrumb ul{padding:15px 0}
	.wrapper__breadcrumb ul li{font-size:12px}
	.wrapper__breadcrumb ul li.sep{margin: 0 4px}
}
/******** Над шапкой ********/
.top-header{background: var(--dark-bg);color: #B0C4DE;padding: 5px 0;}
.top-contacts{display:flex;gap: 0 25px;padding-left: 125px;}
.top-header .container {display: flex;justify-content: space-between;align-items: center;}
.top-contacts svg{color: var(--accent);width: auto;height: 16px;}
.top-contacts a{}
.top-contacts__item{display:flex;align-items:center;gap: 10px;font-size: 14px;}
a.top-contacts__item{color: var(--white);text-decoration: none;font-weight: 700;font-size: 16px;}
a.top-contacts__item:hover{color: var(--accent);text-decoration: none}
.top-messenger{display:flex;align-items:center;gap: 0 10px;}
.top-messenger__item{display:flex;align-items:center;justify-content:center;color:var(--white);border-radius: 50px; width:26px; height:26px; border-radius:100%; display:flex; align-items:center; justify-content:center;}
.top-messenger__item svg{display:flex;align-items:center;justify-content:center;max-width: 16px;max-height: 16px;}
.top-messenger a:nth-child(1){background: #0088cc; color: #fff}
.top-messenger a:nth-child(2){background: linear-gradient(62.51deg, #60BFF7 0%, #864FE5 100%); color: #fff}
.top-messenger__item:hover{transform: translateY(-2px); filter: brightness(1.05);}
@media(max-width:1339px){
	.top-contacts{padding-left:110px}
	.top-contacts--worktime{display:none}
}
@media(max-width:991px){
	.top-contacts--address{display:none}
}
@media(max-width:767px){
	.top-contacts{gap:15px; padding-left: 85px}
}
@media(max-width:575px){
	.top-contacts{padding-left: 70px}
	a.top-contacts__item{font-size:14px}
}
@media(max-width:500px){
	.top-messenger{display:none}
	.top-header .container{justify-content:end}
	.top-contacts{padding-left:0}
}
@media(max-width:420px){
	.top-contacts svg{display:none}
}
/******** Шапка ********/
.main-header {background: var(--white);border-bottom: 1px solid var(--border-light);position: sticky;top: 0;z-index: 100;}
.nav-container {display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.logo-block {display: flex;align-items: center;gap: 15px;}
.logo-block img{height: 146px;width: auto;margin: -45px 0 -35px 0;}
.logo-text .brand {font-size: 44px;font-weight: 700;color: var(--primary);text-decoration: none;line-height: 1;/* font-family: 'Rockwell MT'; */display: flex;gap: 10px;}
.logo-text .brand span {/* color: var(--accent); */font-weight: 800;/* text-transform: uppercase; *//* transform: scaleX(1.25); */letter-spacing: 1px;}
.logo-text .brand span:nth-child(1){}
.logo-text .brand span:nth-child(2){color: var(--primary)}
.slogan {font-size: 13px;color: var(--text-gray);letter-spacing: 0.1px;margin-top: 0;}
.main-menu ul {display: flex;list-style: none;gap: 40px;align-items: center;}
.main-menu a {text-decoration: none;color: var(--text-dark);font-weight: 700;font-size: 16px;}
.main-menu a:hover, .main-menu li.active a {color: var(--accent);}
a.call-btn-header{background: var(--accent);color:#fff; padding: 15px 30px;border-radius: 40px;transition: 0.25s; display:block;font-weight: 700;font-size: 16px}
a.call-btn-header:hover{background: #E55A2B; color:#fff; transform: translateY(-2px);}
@media(min-width:992px){
	.header__mobbutton{display:none}
}
@media(max-width:1339px){
	.nav-container{padding: 10px 15px;}
	.logo-block img{height: 120px}
	.logo-text .brand {font-size: 32px;}
	.slogan {font-size: 10px;letter-spacing: 0;margin: -5px 0 0 3px;}
	.main-menu ul {gap: 25px}
	.main-menu a {font-size: 14px;}
	.main-menu a:hover {color: var(--accent);}
	a.call-btn-header {padding: 13px 25px; font-size: 14px}
}
@media(max-width:991px){
	.nav-container{gap:20px; position:relative}
	.main-menu{visibility:hidden; transition:all 0.15s linear 0.1s; opacity:0; position: absolute;right: 15px;top: 100%;background: #fff;padding: 20px 40px;border-radius: 10px;transform: translateY(15px);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);}
	.header__mobbutton{width: 55px;background:var(--primary);border-radius: 15px;padding: 7px 12px;position: relative;}
	.header__mobbutton span{height: 3px;margin: 6px 0;display:block;width:100%;background:#fff;border-radius: 12px;position: relative;}
	a.call-btn-header {margin-left: auto;}
	.header__mobbutton::after{opacity:0; transition:all 0.15s linear 0s; border: 20px solid transparent;border-top: 20px solid #fff;content:"";position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(-15px);z-index: -1;}
	.main-menu ul{flex-direction:column;gap: 15px;}
	.main-menu a{font-size: 16px;}
	.open-mob-menu .header__mobbutton::after{transform: translateX(-50%) translateY(5px); opacity:1}
	.open-mob-menu .main-menu{visibility:visible; opacity:1}
	.open-mob-menu .header__mobbutton, .header__mobbutton:hover{background:var(--dark-bg)}
	.open-mob-menu .header__mobbutton span:nth-child(1){transform: rotate(45deg);top: 9px;}
	.open-mob-menu .header__mobbutton span:nth-child(2){opacity:0}
	.open-mob-menu .header__mobbutton span:nth-child(3){transform: rotate(-45deg);top: -9px}
}
@media(max-width:767px){
	.slogan{display:none}
	.logo-block{gap:10px}
	.logo-text .brand{font-size:24px}
	.logo-block img {height: 100px;}
    a.call-btn-header {padding: 10px 20px}
	.nav-container{gap:10px}
	.header__mobbutton{width: 50px;  padding: 4px 12px}
}
@media(max-width:520px){
	.nav-container {gap: 20px;}
	.logo-text{display:none}
	.main-menu{left:15px}
}
/******** Футер ********/ 
.footer{background: var(--dark-bg);padding: 50px 0 0;margin-top: 0;}
.footer-grid {display: flex;gap: 30px;justify-content: space-between;}
.footer-col-logo{width: 280px;}
.footer-logo-block {display: flex; gap: 15px; margin-bottom: 20px}
.footer-logo-img {height: 130px;width: auto;}
.footer-brand {font-size: 26px;font-weight: 700;color: #fff;line-height: 1.2;letter-spacing: 1px;}
.footer-brand span {color: #FF6B35;}
.footer-slogan {font-size: 12px;color: #A0B8D0;margin-top: 4px;}
.footer-title {color: white;font-size: 18px;font-weight: 700;font-family: 'Montserrat', sans-serif;margin-bottom: 16px;position: relative;display: inline-block;padding-bottom: 8px;}
.footer-title:after {content: '';position: absolute;bottom: 0;left: 0;width: 30px;height: 2px;background: #FF6B35;}
.footer-menu {list-style: none;padding: 0;margin: 0;}
.footer-menu li {margin-bottom: 5px;}
.footer-menu a {color: #A0B8D0;text-decoration: none;font-size: 15px;transition: color 0.2s;}
.footer-menu a:hover {color: #FF6B35;}
.footer-subblock {margin-bottom: 25px;}
.footer-subblock:last-child {margin-bottom: 0}
.footer-phone{margin-bottom: 8px;}
.footer-phone a {color: white;text-decoration: none;font-size: 16px;font-weight: 700;display: block;line-height: 1;}
.footer-phone a:hover {color: #FF6B35;}
.footer-email {margin-bottom: 15px;}
.footer-email a {color: #A0B8D0;text-decoration: none;font-size: 15px;}
.footer-email a:hover {color: #FF6B35;}
.footer-messengers {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.messengers-label {font-size: 12px;color: #A0B8D0;}
footer .top-messenger {display: flex;gap: 8px;align-items: center;}
footer .top-messenger__item {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;transition: all 0.2s;}
footer .top-messenger__item.telegram {background: #0088cc;}
footer .top-messenger__item.max {background: linear-gradient(62.51deg, #60BFF7 0%, #864FE5 100%);}
footer .top-messenger__item:hover {transform: translateY(-2px);filter: brightness(1.05);color:#fff}
footer .top-messenger__item svg {width: 16px;height: 16px;}
.footer-copyright {font-size: 14px;color: #A0B8D0;margin-top: 50px;border-top: 1px solid rgba(255,255,255,0.3);padding: 25px 0; text-align:center}
@media(max-width:1339px){
	.footer{padding-top:40px}
	.footer-copyright{margin-top: 40px; padding: 20px 0}
	.footer-col-logo{display:none}
}
@media(max-width:991px){
	.footer-grid .footer-col:nth-child(3){display:none}
}
@media(max-width:767px){
	.footer{padding-top:30px}
	.footer-copyright{margin-top: 30px; padding: 15px 0}
	.footer-grid .footer-col:nth-child(2){display:none}
}
@media(max-width:460px){
	.footer-grid{flex-direction:column; text-align:center}
	.footer-messengers{justify-content:center}
	.footer-grid .footer-col:last-child{order:1}
	.footer-grid .footer-col:nth-child(4){order:2}
	.footer-menu a {font-size: 14px; text-align: center; display: block}
	.footer-title{display:none}
	.footer-copyright {margin-top: 15px; font-size:12px}
	.footer-phone a{font-size:20px}
}
/*** Статьи ***/
article{}
article p{}
article h1, article .h1{font-size: 42px; font-weight: 700; color: var(--primary)}
article h2, article .h2{font-size: 32px; font-weight: 700; color: var(--primary);}
article h3, article .h3{font-size: 26px; font-weight: 700; color: var(--primary);}
article h4, article .h4{font-size: 22px; font-weight: 600; color: var(--primary);}
article h5, article .h5{font-size: 18px; font-weight: 600; color: var(--accent);}
article h1, article .h1, article h2, article .h2,  article h3, article .h3,  article h4, article .h4,  article h5, article .h5, article ol, article ul, article p{margin:20px 0}
article a{color:#var(--accent); text-decoration:underline !important}
article a:hover{color:#000; text-decoration:none !important}
article ul, article ol{display:flex; flex-direction:column; gap:15px 0; list-style:none}
article ol{counter-reset: num; }
article ul li, article ol li{position: relative; padding: 0 0 0 20px; margin: 0}
article ol li{padding-left:42px}
article ul li::before{content: "";width: 8px;height: 8px;border-radius: 100%;background: var(--accent);position: absolute;left: 0; top: 7px}
article ol li::before{content: counter(num);counter-increment: num;display: block;position: absolute;top: 0;left: 0;width: 30px;height: 30px;line-height: 30px;color: #fff;text-align: center;font-size: 18px;border-radius: 50%;background:var(--accent);font-weight: 700;display: flex;align-items: center;justify-content: center}
.article__image-right, .article__image-left{float:right; margin:20px 0 20px 20px; border-radius:10px; overflow:hidden; max-width:300px}
.article__image-left{float:left; margin:20px 20px 20px 0; }
article ul li strong{color:var(--accent); font-weight: 700;}
article blockquote{display:flex; flex-direction:culumn; gap:20px 0; padding: 30px; font-size:115%; background:linear-gradient(135deg, #F0F5FA 0%, #E4ECF5 100%); border-radius: 10px; font-weight: 400; margin: 30px 0}
article blockquote p{margin:0}
.video-container {position: relative;width: 100%;padding-bottom: 56.25%; height: 0;margin:20px 0;border-radius:10px;overflow: hidden}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.op__inner {display: flex;flex-wrap: wrap;gap: 30px;margin: 30px 0}
.op__block{width:calc((100% - 30px) / 2)}
.op__block img{border:2px solid var(--accent); border-radius:100%}

@media(max-width:1339px){
	article h1, article .h1{font-size: 38px}
	article h2, article .h2{font-size: 28px}
	article h3, article .h3{font-size: 24px}
	article h5, article .h5{font-size: 17px}
	article blockquote{padding: 25px;  margin: 25px 0}
	.article__image-right, .article__image-left{max-width:250px}
}
@media(max-width:991px){
	article h1, article .h1{font-size: 32px}
	article h5, article .h5{font-size: 16px}
	article ol, article ul{gap:10px 0; }
	article h1, article .h1, article h2, article .h2,  article h3, article .h3,  article h4, article .h4,  article h5, article .h5, article ol, article ul, article p{margin:15px 0}
	.article__image-right, .article__image-left{margin:15px 0 15px 15px; max-width:220px}
	.article__image-left{margin:15px 15px 15px 0;}
	.video-container{border-radius:15px; margin:15px 0}
	article ul li, article ol li{padding: 0 0 0 15px}
	article ul li::before{width: 6px;height: 6px; top: 9px}
	article ol li::before{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
	article ol li{padding-left: 35px;}
	article blockquote{gap:15px 0; padding: 20px;  margin: 20px 0}
}
@media(max-width:767px){
	article h1, article .h1{font-size: 28px}
	article h2, article .h2{font-size: 26px}
	article blockquote{padding: 15px;  margin: 15px 0}
	.article__image-right, .article__image-left{max-width:250px}
	.op__inner {gap: 20px;margin: 20px 0}
	.op__block{width:100%}
}
@media(max-width:575px){
	article h1, article .h1{font-size: 26px}
	article h2, article .h2{font-size: 22px}
	article h3, article .h3{font-size: 20px}
	article h4, article .h4{font-size: 18px}
	article h1, article .h1, article h2, article .h2,  article h3, article .h3,  article h4, article .h4,  article h5, article .h5, article ol, article ul, article p{margin:10px 0; gap:5px 0;}
	article ol, article ul{gap:5px 0;}
	.video-container {border-radius:10px; margin:10px 0}
	.article__image-right, .article__image-left{margin:10px 0 10px 10px; border-radius:10px}
	.article__image-left{margin:10px 10px 10px 0;}
	article ul li, article ol li{padding: 0 0 0 10px}
	article ul li::before{width:4px;height: 4px}
	article ol li::before{width: 20px;height: 20px;line-height: 20px;font-size: 12px;}
	article ol li{padding-left: 30px;}
	article blockquote{gap:10px 0;}
	.op__block{text-align:center}
}
@media(max-width:500px){
	.article__image-right, .article__image-left{max-width:100%; width:100%; float:none; margin:10px 0;}
}
/**********************/
.fancybox__content{padding:0}
.modalform{max-width: 665px; width:100%;padding: 60px;background:linear-gradient(135deg, #F0F5FA 0%, #E4ECF5 100%); border-radius: 10px;}
.inp_wrap form{display:flex;gap: 20px 0;flex-direction:column}
.inp_wrap form button{margin:0 auto;}
.fancybox__backdrop{background: rgba(0, 0, 0, 0.6); opacity:1}
.modalform button.f-button.is-close-btn{background:none;top: 15px !important;right: 15px !important;width: 24px;height: 24px;opacity: 0.5;padding: 3px;color:#000}
.modalform button.f-button.is-close-btn svg{stroke-width: 3px; stroke-linecap: butt;}
.modalform button.f-button.is-close-btn:hover{color:#FFE100; opacity: 1}
@media(max-width: 1339px) {
	.modalform{max-width:600px;padding: 50px;}
}
@media(max-width: 991px) {
	.modalform{max-width: 520px;padding: 40px;}
	.inp_wrap form{gap: 15px 0}
	.modalform button.f-button.is-close-btn{top: 10px !important;right: 10px !important;}
}
@media(max-width: 767px) {
	.modalform{max-width: 480px; padding: 40px 30px;}
	.inp_wrap form{gap: 10px 0}
	.modalform .form-agree{font-size:13px}
}
@media(max-width: 575px) {
	.modalform {max-width: 95%; padding:30px 20px;}
	.inp_wrap form button{width:100%}
	.modalform .form-agree{font-size:12px}
}