/***********/
@font-face{font-family: 'Gotham';src: url('../fonts/Gotham-Light.eot');src: local('../fonts/Gotham-Light'),url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Light.woff2') format('woff2'),url('../fonts/Gotham-Light.woff') format('woff'),url('../fonts/Gotham-Light.ttf') format('truetype'),url('../fonts/Gotham-Light.svg#../fonts/Gotham-Light') format('svg');font-weight: 300;font-style: normal;font-display: swap}
@font-face{font-family: 'Gotham';src: url('../fonts/Gotham-Book.eot');src: local('../fonts/Gotham-Book'),url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Book.woff2') format('woff2'),url('../fonts/Gotham-Book.woff') format('woff'),url('../fonts/Gotham-Book.ttf') format('truetype'),url('../fonts/Gotham-Book.svg#../fonts/Gotham-Book') format('svg');font-weight: 400;font-style: normal;font-display: swap}
@font-face{font-family: 'Gotham';src: url('../fonts/Gotham-Bold.eot');src: local('../fonts/Gotham-Bold'),url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Bold.woff2') format('woff2'),url('../fonts/Gotham-Bold.woff') format('woff'),url('../fonts/Gotham-Bold.ttf') format('truetype'),url('../fonts/Gotham-Bold.svg#../fonts/Gotham-Bold') format('svg');font-weight: 700;font-style: normal;font-display: swap}
@font-face{font-family: 'Gotham';src: url('../fonts/Gotham-Medium.eot');src: local('../fonts/Gotham-Medium'),url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Medium.woff2') format('woff2'),url('../fonts/Gotham-Medium.woff') format('woff'),url('../fonts/Gotham-Medium.ttf') format('truetype'),url('../fonts/Gotham-Medium.svg#../fonts/Gotham-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap}
/*******/
body{font-family: "Gotham", Arial, sans-serif; font-weight:400; font-size: 16px; line-height: 160%; background:#fff; color:#333}
html, body{height:100%}
*{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, a img{transition:all 0.15s linear 0s}
a:hover{text-decoration: none}
aside, nav, footer, header, section, main{display: block}
h1, h2, h3, h4, h5, h6, p{font-size: inherit; font-weight: inherit}
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}
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}
.padtop-0{padding-top:0 !important}
.padbot-0{padding-bottom:0 !important}
.martop-0{margin-top:0 !important}
.marbot-0{margin-bottom:0 !important}
main{flex: 1 1 auto; overflow:hidden}
footer{flex-shrink: 0}
/*** Кнопки, поля ***/
.group__field{display:flex; gap:0 24px; padding:16px 0; white-space:nowrap}
input[type=text], input[type=email], input[type=tel], select, textarea{width:100%; padding: 22px 24px;background: #FFFFFF;border: 1px solid #E9E9E9;border-radius: 24px;font-size: 16px;line-height: 18px;color: #000000;}
textarea{padding:18px; resize:none; min-height:150px; 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:none; border-color:#007ABE; color:#000}
input::placeholder, textarea::placeholder{color:#000000; opacity:1}
.input__checkbox{display:flex; }
.input__checkbox input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.input__checkbox-check{margin-right:16px; background:#FFFFFF; border: 1px solid #E9E9E9; border-radius: 4px; min-width: 24px;height: 24px;}
.input__checkbox-text{font-size: 16px;line-height: 125%; color:#666666}
.input__checkbox-text a{color: #007ABE;}
.input__checkbox-text a:hover{color:#000}
.input__checkbox input:checked ~ .input__checkbox-check{background: #FFFFFF url(../images/check.svg) no-repeat center center / 16px auto}
.btn{padding: 24px 40px;border-radius: 24px;font-weight: 700;font-size: 14px;line-height: 16px;text-transform: uppercase;display:inline-block;text-align:center}
.btn-border{color: #007ABE; box-shadow:0 0 0 1px #007ABE inset}
.btn-border:hover{color: #fff; background:#007ABE}
.btn-blue, .btn-blue-border{background: #007ABE; color:#fff}
.btn-blue:hover{background: #EFF4F9; color:#007ABE}
.btn-blue-border:hover{background: #fff; color:#007ABE; box-shadow:0 0 0 1px #007ABE inset}

.video-play-link{transition:all 0.15s linear 0s; position:relative; overflow:hidden}
.video-play-link img{transition:all 0.15s linear 0s; position:relative;z-index:2}
.video-play-link::before{transition:all 0.15s linear 0s; content:""; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); background:url(/templates/komfort74/images/video.svg) no-repeat 0 0 / cover; width:120px; height:120px;z-index:4}
.video-play-link::after{transition:all 0.15s linear 0s; content:""; position:absolute; background: rgba(0, 122, 190, 0.3); top:0; bottom:0; right:0; left:0;z-index:3}
.video-play-link:hover img{transform:scale(1.2)}
.video-play-link:hover::before{transform:translateY(-50%) translateX(-50%) scale(0.6)}
.video-play-link:hover::after{opacity:0}
.has-iframe .fancybox__content{padding:0}
.photo-zoom{transition:all 0.15s linear 0s; display:block; position:relative; overflow:hidden}
.photo-zoom img{transition:all 0.15s linear 0s; position:relative;z-index:2}
.photo-zoom::before{opacity:0; transition:all 0.15s linear 0s; content:""; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); background:url(/templates/komfort74/images/zoom.svg) no-repeat 0 0 / cover; width:120px; height:120px;z-index:4}
.photo-zoom::after{opacity:0; transition:all 0.15s linear 0s; content:""; position:absolute; background: rgba(0, 122, 190, 0.3); top:0; bottom:0; right:0; left:0;z-index:3}
.photo-zoom:hover img{transform:scale(1.2)}
.photo-zoom:hover::before, .photo-zoom:hover::after{opacity:1}
.swiper-arrow{width: 42px;height: 42px;display:flex;justify-content: center;align-items: center;z-index: 2;opacity: 0.6;background: #EEF4FA;border-radius: 50%;position:absolute}
.swiper-arrow:hover {opacity: 1}
.swiper-pagination{padding:30px 0; position:static}
.swiper-pagination-bullet{width:8px; height:8px; background-color: #007ABE; opacity:0.25; margin:0 10px !important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #007ABE; opacity:1}
@media(max-width: 1229px) {
	input[type=text], input[type=email], input[type=tel], textarea, select{padding: 18px 20px; border-radius: 20px; font-size:15px}
	.group__field{gap:0 16px; padding:12px 0}
	.input__checkbox-check{margin-right:15px; min-width: 28px;height: 28px;}
	.input__checkbox-text{font-size: 15px;line-height: 19px}
	.btn{padding: 20px 30px; border-radius:20px}
}
@media(max-width: 991px) {
	.input__checkbox-check{min-width: 26px;height: 26px;}
	.input__checkbox-text{font-size: 14px;line-height: 18px}
	.input__checkbox input:checked ~ .input__checkbox-check{background-size:20px auto}
	.swiper-pagination{padding:20px 0;}
}
@media(max-width: 767px) {  
	.input__checkbox-check{min-width: 22px;height: 22px; border-radius:4px}
	.input__checkbox input:checked ~ .input__checkbox-check{background-size:18px auto}
	.input__checkbox-check{margin-right:10px}
}
@media(max-width: 575px) {
	.input__checkbox-text{font-size: 12px;line-height: 16px}
	.btn{padding: 15px 20px; border-radius:15px}
	input[type=text], input[type=email], input[type=tel], textarea, select{padding: 12px 15px; border-radius: 15px; font-size:14px}
	.group__field{gap:0 12px; padding:10px 0}
	.swiper-pagination{padding:15px 0;}
	.swiper-pagination-bullet{margin:0 5px !important}
	.video-play-link::before, .photo-zoom::before{width:90px; height:90px}
}
@media(max-width: 420px) {
	.group__field{gap:10px; flex-direction:column}
}
/*** Крошки ***/
.wrapper__breadcrumb{position:absolute; width:100%}
.wrapper__breadcrumb ul{padding:25px 0; font-size: 13px; line-height: 100%; color:#686868; 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}
.wrapper__breadcrumb ul li a{color:#007ABE}
.wrapper__breadcrumb ul li a:hover{color:#333}
@media(max-width: 767px) {  
	.wrapper__breadcrumb ul{padding:20px 0; font-size: 12px}
}
/***   ***/
.container{width:100%; padding:0 15px; margin:0 auto}
.widget{padding:80px 0}
article p, article ul, article ol, article h1,article h2,article h3,article h4{margin:20px 0}
article blockquote{font-size: 18px;padding: 0px 60px;font-weight: 500;line-height: 160%;position: relative;text-align: left;margin: 40px 0px;}
article blockquote::before, article blockquote::after{content: '';position: absolute; background-position: center;background-repeat: no-repeat;background-size: contain;width: 30px; height: 30px}
article blockquote::before{top: 0; left: 0;background-image: url(../images/quotation.svg);}
article blockquote::after{right: 0; bottom: 0;background-image: url(../images/quotation1.svg)}
article ul, article ol{padding: 0 0 0 20px;margin:10px 0}
article ul li{list-style: disc;margin: 10px 0;line-height: 130%}
article ol li{list-style: auto;margin: 10px 0;line-height: 130%}
article ul li::marker {color: #007ABE;font-size: 120%}
article ol li::marker {color: #007ABE;font-weight:700;font-size: 120%}
h1, .h1{margin:0 0 40px; font-weight: 500; font-size: 32px; line-height: 140%; color: #333333}
h2, .h2{margin:40px 0; font-weight: 500; font-size: 28px; line-height: 125%; color: #333333}
h3, .h3{margin:40px 0; font-weight: 500; font-size: 24px; line-height: 140%; color: #333333}
h4, .h4{margin:40px 0; font-weight: 500; font-size: 20px; line-height: 140%; color: #333333}
h5, .h5{margin:20px 0; font-weight: 500; font-size: 16px; line-height: 140%; color: #333333}
.widget__title{text-align:center}
.widget__title .h2, .widget__title h2{margin-top:0 !important}
.widget__title h2{text-align:left}
.widget__title .h2 span, .widget__title h2 span{color:#007ABE}
.widget__description{font-size: 16px;margin:30px 0 60px;font-weight: 500; text-align:center}
.widget__description-h2{font-weight:400; text-align:left}
.widget__title.widget__title-with-desc .h2{margin:0}
@media(min-width:576px){
	.container{max-width:540px; }
}
@media(min-width:768px){
	.container{max-width:720px; }
}
@media(min-width:992px){
	.container{max-width:960px; }
}
@media(min-width:1230px){
	.container{max-width:1200px; }
}
@media(max-width: 1229px) {
	body{font-size:15px}
	.widget{padding:60px 0}
	h1, .h1{margin:0 0 35px; font-size: 30px}
	h2, .h2{margin:35px 0; font-size: 26px}
	h3, .h3, h4, .h4{margin:35px 0;}
	article blockquote{font-size: 17px; padding: 0px 50px; margin: 35px 0px;}
	article blockquote::before, article blockquote::after{width: 25px; height: 25px}
}
@media(max-width: 991px) {
	body{font-size:14px}
	article p, article ul, article ol, article h1,article h2,article h3,article h4{margin:15px 0}
	article blockquote{font-size: 16px;padding: 0px 40px;margin: 30px 0px;}
	article blockquote::before, article blockquote::after{width: 20px;height: 20px;}
	.widget{padding:50px 0}
	h1, .h1{margin:0 0 30px; font-size: 28px}
	h2, .h2, h3, .h3, h4, .h4{margin:30px 0;}
	.widget__description{font-size: 15px;margin:25px 0 50px}
}
@media(max-width: 767px) {
	body{font-size:13px}
	article blockquote{font-size: 15px;padding: 0px 30px;margin: 20px 0px;}
	article blockquote::before, article blockquote::after{width: 15px;height: 15px;}
	.widget{padding:40px 0}
	h1, .h1{margin:0 0 25px; font-size: 26px}
	h2, .h2{margin:25px 0; font-size: 24px}
	h3, .h3{margin:25px 0; font-size: 22px}
	h4, .h4{margin:25px 0}
	.widget__description{font-size: 14px;margin:20px 0 40px}
}
@media(max-width: 575px) {
	article p, article ul, article ol, article h1,article h2,article h3,article h4{margin:10px 0}
	article ul li, article ol li{margin: 5px 0}
	article blockquote{font-size: 14px;padding: 0px 25px;margin: 15px 0px;}
	.widget{padding:30px 0}
	h1, .h1{margin:0 0 20px; font-size: 24px}
	h2, .h2{margin:20px 0; font-size: 20px}
	h3, .h3{margin:20px 0; font-size: 18px}
	h4, .h4{margin:20px 0; font-size: 16px}
	h5, .h5{font-size: 14px}
	.widget__description{margin:15px 0 30px}
}
/******** Шапка ********/
.header__row-top{display:flex; align-items:center; justify-content:space-between; height:110px}
.header__topmenu{border-top:1px solid #EFF4F9; }
.header__losung{margin-right:auto; padding:0 0 0 15px}
.header__links{padding:0 25px}
.links__messages{gap:8px; display:flex; align-items:center; padding:0; margin:0}
.links__messages li{padding:0; margin:0}
.links__messages li a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;background: #EFF4F9;border-radius: 20px}
.links__messages li a:hover{background:#007ABE}
.links__messages li a:hover svg{filter:brightness(10)}
.header__contact{display:flex; align-items:center; gap:0 16px; padding-right:25px}
.header__contact a{font-weight: 500;font-size: 16px;line-height: 125%;color: #333333;display:block;white-space:nowrap}
.header__contact a:hover{color: #007ABE}
.contact__icon{display:flex; align-items:center;justify-content:center;width: 40px;height: 40px;background: #007ABE;border-radius: 20px}
.contact__icon svg{filter:brightness(10)}
.contact__dash{width:1px; height:16px; background:#C5C5C5}
.header__button a{white-space:nowrap}
.menu.menu-main li{}
.menu.menu-main li a{padding:16px 0; display:block; font-weight: 500; font-size: 16px; line-height: 125%;color: #333333}
.menu.menu-main li a:hover, .menu.menu-main li:hover a, .menu.menu-main li.active a{color:#007ABE}
.menu.menu-main li.calc-nav a{color:#007ABE}
.menu.menu-main li.calc-nav a:hover{color:#333333}
@media(min-width: 992px) {
	.menu.menu-main{display:flex; align-items:center; justify-content:space-between}
	.header__topmenu-mobile{display:none}
	.header__topmenu{border-bottom:1px solid #EFF4F9}
	.menu.menu-main li.folder{position:relative}
	.menu.menu-main li.folder a{display:flex; align-items:center}
	.menu.menu-main li.folder a img{margin-left: 5px;margin-top: 3px}
	.menu.menu-main li.folder ul{transition:all 0.15s linear 0s; opacity:0; visibility:hidden; z-index:10; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); width: auto; min-width: 200px; position:absolute; top:100%; background: #fff;}
	.menu.menu-main li.folder:hover ul{opacity:1; visibility:visible}
	.menu.menu-main li.folder ul li a{border-bottom: 1px solid #EEF4FA;font-size: 14px;padding: 12px 20px;display:block;color:#333;white-space: nowrap; font-weight:400}
	.menu.menu-main li.folder ul li a:hover{color:#007ABE}
}
@media(max-width: 1229px) {
	.header__row-top{height:100px}
	.header__losung{display:none}
	.header__contact{gap:0 10px; padding-right:15px}
	.header__links{padding:0 15px}
	.links__messages{gap:5px}
	.menu.menu-main li a{font-size:14px}
}
@media(max-width: 991px) {
	header{border-bottom:1px solid #EFF4F9}
	header .header__row-top{height:70px}
	.header__row-top .header__links, .header__row-top .header__button{display:none}
	.header__burger{background:#007ABE;height:70px;width:60px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px 0;}
	.header__burger span{background: #fff;width: 30px;height: 2px;display: block;}
	.header__contact{padding:0}
	.open-menu-mobile .header__burger span:nth-child(1){transform: translateY(10px) rotate(45deg)}
	.open-menu-mobile .header__burger span:nth-child(2){opacity:0}
	.open-menu-mobile .header__burger span:nth-child(3){transform: translateY(-10px) rotate(-45deg)}
	.menu.menu-main{padding:10px 0}
	.menu.menu-main li a{font-size:20px; text-align:center}
	header .header__topmenu{transition:all 0.15s linear 0s;opacity:0;visibility:hidden;position: fixed;z-index: 999;background: #fff;left: 0;right: 0;height: calc(100vh - 70px)}
	header .header__topmenu .container{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%}
	.header__topmenu-mobile .header__contact a{font-size:20px}
	.header__topmenu-mobile{width:100%; border-top: 1px solid #EFF4F9; display: flex;flex-direction: column;justify-content: center;align-items: center; margin-top:auto; padding:15px 0; gap:15px 0}
	.links__messages{gap:15px}
	header .header__topmenu nav{height: calc(100vh - 259px);overflow-y: auto;width: 100%}
	.open-menu-mobile{overflow:hidden}
	.open-menu-mobile header .header__topmenu{opacity:1; visibility:visible}
	.menu.menu-main li.folder a img{display:none}
	.menu.menu-main li.folder:nth-child(1) ul{display:none}
}
@media(max-width: 767px) {
	.header__row-top .header__logo{padding:0 15px; margin:0 auto}
	.header__row-top .header__contact{flex-wrap:wrap;position:relative;padding-left:50px;margin-left:auto;width: 200px;}
	.header__row-top .header__contact .contact__dash{display:none}
	.header__row-top .header__contact a{width:100%}
	.header__row-top .header__contact .contact__icon{position:absolute; left:0; top:50%; transform:translateY(-50%)}
}
@media(max-width: 575px) {
	header .header__row-top{height:50px}
	header .header__logo img{width:auto; height:35px}
	.header__row-top .header__logo{padding:0 10px}
	.header__row-top .header__contact{padding-left: 40px; width: 175px;}
	.header__burger{width:50px; height:50px}
	.header__row-top .contact__icon{width:30px; height:30px}
	.header__row-top .header__contact{padding-left:40px}
	.header__row-top .header__contact a{font-size:14px}
	.menu.menu-main li a{padding: 10px 0; font-size:18px}
	header .header__topmenu{height: calc(100vh - 50px)}
	header .header__topmenu nav{height: calc(100vh - 249px)}
	.header__row-top .contact__icon svg{width:16px; height:auto}
	.header__topmenu-mobile{padding:10px 0 15px}
	.header__topmenu-mobile .contact__dash, .header__topmenu-mobile .contact__icon{display:none}
	.header__topmenu-mobile .header__contact{flex-wrap:wrap}
	.header__topmenu-mobile a{width:100%}
	.header__topmenu-mobile .header__contact a {font-size: 18px; text-align:center; padding-top:5px}
}
@media(max-width:385px) {
	.header__row-top .header__contact{padding:0; width:135px; text-align:right}
	.header__row-top .header__contact .contact__icon{display:none}
	.menu.menu-main li a {padding: 8px 0;font-size: 16px}
}
/** Футер **/
footer{background-color: #EEF4FA;}
.row__footer{padding: 50px 0;display:flex}
.footer__catalog-block{width: 41%;}
.footer__menu-block{width:25%}
.footer__contact-block{margin-left: auto;}
.footer__title {display: block;font-weight: 500;font-size: 16px;margin-bottom: 30px; line-height:100%}
.footer__menu ul li{margin-bottom: 15px;}
.footer__menu ul li a{color: #333333; display: block; font-size: 14px; line-height:100%}
.footer__menu ul li a:hover{color: #007ABE;text-decoration: underline;}
.footer__catalog-block .footer__menu ul li {}
.contact-inform__phones {font-size: 20px;font-weight: 500;display: flex; gap:0 10px; margin:10px 0}
.contact-inform__phones a{color:#333}
.contact-inform__email,  .contact-inform__address{font-size:14px;color:#333;line-height: 150%;}
.contact-inform__email a{text-decoration:underline; display:block; color:#333}
.contact-inform__email a:hover{text-decoration:none; color:#007ABE}
.footer__contact-block a.btn{margin-top:20px}
.row__footer-bottom{padding: 30px 0px; background:#fff}
.footer-bottom__row{display:flex; align-items:center; justify-content:space-between}
.footer-bottom__row > a{color: #007ABE; font-size:14px; text-decoration:underline}
.footer-bottom__row > a:hover{color: #333; text-decoration:none}
.footer-bottom__row .header__links{padding:0}
.scrollup {position: fixed; z-index: 20; right: 20px; bottom: 20px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.scrollup.show {opacity: 0.7; visibility: visible;}
.scrollup:hover {opacity: 1;}
@media(min-width: 1230px) {
	.footer__catalog-block .footer__menu ul{column-count: 2}
}
@media(max-width: 1229px) {
	.row__footer {padding: 40px 0}
	.footer__catalog-block, .footer__menu-block{width:33.33%}
	.footer__title{margin-bottom:20px}
	.footer__menu ul li{margin-bottom: 10px;}
	.row__footer-bottom{padding: 20px 0px}
}
@media(max-width: 991px) {
	.footer__catalog-block{display:none}
	.scrollup{right: 10px; bottom: 15px;}
	.scrollup img{max-width:50px; height:auto}
}
@media(max-width: 575px) {
	.footer__menu-block, .footer__title{display:none}
	.footer__contact-block {margin-left: 0;width: 100%;text-align: center}
	.contact-inform__phones{justify-content:center}
	.footer-bottom__row {flex-direction: column;gap: 15px}
	.contact-inform__phones{font-size:18px}
}
/** Текст **/
/**********************/
.sl_form .h3{text-align: center; margin-bottom:20px}
.modalform{max-width: 400px;width:100%;padding: 20px;background: #fff;border-radius: 20px;}
.modalform .group__field{margin-bottom:16px;padding: 0;}
.modalform .form-agreement-yes{margin: 20px 0 0;}
.modalform button.btn{width:100%; border:none}
.modalform .input__checkbox-text{font-size:14px; line-height:20px}
.sl_form__text{font-size: 16px;line-height: 22px;color: #007ABE;margin: 10px 0 20px;text-align: center;font-weight: 500;}
.modalform button.f-button.is-close-btn{background:none;top: -10px !important;right: -10px !important;width: 30px;height: 30px;opacity: 1;padding: 7px;color: #fff;background: #007ABE;border-radius: 100%;}
.modalform button.f-button.is-close-btn svg{stroke-width: 3px; stroke-linecap: butt;}
.modalform button.f-button.is-close-btn:hover{background:#115d88; opacity: 1}
@media(max-width: 1229px) {
	.modalform{max-width:400px; padding:32px}
	.modalform .group__field{margin-bottom:14px}
	.sl_form__text{font-size: 15px;line-height: 19px;}
}
@media(max-width: 991px) {
	.modalform{max-width:360px; padding:20px; border-radius:24px}
	.modalform .group__field{margin-bottom:12px}
	.modalform .form-agreement-yes{margin:15px 0 0}
}
@media(max-width: 767px) {
	.sl_form__text{font-size: 14px;line-height: 18px;}
	.modalform{max-width:320px; padding:16px; border-radius:20px}
	.modalform .group__field{margin-bottom:10px}
	.modalform .form-agreement-yes{margin:10px 0 0}
	.modalform .input__checkbox-text{font-size:13px; line-height:19px}
	.sl_form__text{margin:5px 0 15px}
}
@media(max-width: 575px) {
	.sl_form__text{font-size: 13px;line-height: 17px;}
	.sl_form .h3{padding-right: 15px}
	.modalform .input__checkbox-text{font-size:12px; line-height:18px}
}
@media(max-width: 360px) {
	.modalform button.f-button.is-close-btn{top: 5px !important;right: 5px !important; padding: 5px;color: #007ABE;background: transparent}
	.modalform button.f-button.is-close-btn:hover{background:transparent; color:#115d88; opacity: 1}
}