/*-------------------------------------------------------------------------*/
/* 1. Browser Reset + Font Face // typograf
/*-------------------------------------------------------------------------*/
.icon-svg::before, .icon-svga::after, .icon-svgb::after, .icon-svgb::before {padding:0.5em}
.icon-svg::before {content:''; display:block; background:var(--clr-m); -webkit-mask-size:100%!important; mask-size:100%!important; margin-right:1em;}
.icon-svga::after {content:''; display:block; background:var(--clr-m); -webkit-mask-size:100%!important; mask-size:100%!important; margin-left:1em;}
.icon-svgb::after, .icon-svgb::before {content:''; display:block; background:var(--clr-m); -webkit-mask-size:100%!important; mask-size:100%!important; margin-left:1em;}
.icons-test .icon-svg::before {width:2em; height:2em}
.icon-svg-time::before {-webkit-mask: var(--svg-icon-time) no-repeat center; mask: var(--svg-icon-time) no-repeat center;}
.icon-svg-map::before {-webkit-mask: var(--svg-icon-map) no-repeat center; mask: var(--svg-icon-map) no-repeat center;}
.icon-svg-mail::before {-webkit-mask: var(--svg-icon-mail) no-repeat center; mask: var(--svg-icon-mail) no-repeat center;}
.icon-svg-mail2::before {-webkit-mask: var(--svg-icon-mail2) no-repeat center; mask: var(--svg-icon-mail2) no-repeat center;}
.icon-svg-phone::before {-webkit-mask: var(--svg-icon-phone) no-repeat center; mask: var(--svg-icon-phone) no-repeat center;}
.icon-svg-iphone::before {-webkit-mask: var(--svg-icon-iphone) no-repeat center; mask: var(--svg-icon-iphone) no-repeat center;}
.icon-svg-arrow::before, .icon-svg-arrow::after {-webkit-mask: var(--svg-icon-arrow) no-repeat center; mask: var(--svg-icon-arrow) no-repeat center;}
.top-search {width:6em}
.icon-svg-search::before {-webkit-mask: var(--svg-icon-search) no-repeat center; mask: var(--svg-icon-search) no-repeat center; -webkit-mask-size:150%; mask-size:150%;}
.icon-svg-smm-you::before {-webkit-mask: var(--svg-smm-you) no-repeat center; mask: var(--svg-smm-you) no-repeat center;}
.icon-svg-smm-viber::before {-webkit-mask: var(--svg-smm-viber) no-repeat center; mask: var(--svg-smm-viber) no-repeat center;}
.icon-svg-smm-viber2::before {-webkit-mask: var(--svg-smm-viber2) no-repeat center; mask: var(--svg-smm-viber2) no-repeat center;}
.icon-svg-smm-whatsup::before {-webkit-mask: var(--svg-smm-whatsup) no-repeat center; mask: var(--svg-smm-whatsup) no-repeat center;}
.icon-svg-smm-whatsup2::before {-webkit-mask: var(--svg-smm-whatsup2) no-repeat center; mask: var(--svg-smm-whatsup2) no-repeat center;}
.icon-svg-smm-skype::before {-webkit-mask: var(--svg-smm-skype) no-repeat center; mask: var(--svg-smm-skype) no-repeat center;}
.icon-svg-smm-telegram::before {-webkit-mask: var(--svg-smm-telegram) no-repeat center; mask: var(--svg-smm-telegram) no-repeat center;}
.icon-svg-smm-facebook::before {-webkit-mask: var(--svg-smm-facebook) no-repeat center; mask: var(--svg-smm-facebook) no-repeat center;}
.icon-svg-smm-insta::before {-webkit-mask: var(--svg-smm-insta) no-repeat center; mask: var(--svg-smm-insta) no-repeat center;}
.icon-svg-smm-lin::before {-webkit-mask: var(--svg-smm-lin) no-repeat center; mask: var(--svg-smm-lin) no-repeat center;}
.icon-svg-smm-lind::before, .icon-svg-smm-lind::after {-webkit-mask: var(--svg-smm-lind) no-repeat center; mask: var(--svg-smm-lind) no-repeat center;}
/*-------------------------------------------------------------------------*/
/* 1. Browser Reset + Font Face // typograf
/*-------------------------------------------------------------------------*/
.icon-fsb {background-image:url(https://emd.lviv.ua/main/icon-m-fsb.png)}
.icon-ins {background-image:url(https://emd.lviv.ua/main/icon-m-ins.png)}
.icon-tlg {background-image:url(https://emd.lviv.ua/main/icon-m-tlg.png)}
.icon-you {background-image:url(https://emd.lviv.ua/main/icon-m-you.png)}
.icon-tel, .icon-mail, .icon-geo {display: flex; align-items: center;}
.icon-tel::before {background-image:url(https://emd.lviv.ua/main/icon-m-tel.png)}
.icon-geo::before {background-image:url(https://sk-security.com.ua/main/img/geoicon.png)}
.icon-mail::before {background-image:url(https://sk-security.com.ua/main/img/mailicon.png)}
.icon-serch {background-image:url(https://aquatherm.ua/main/serch.png)}
.web-icon-18 {background-image:url(https://sk-security.com.ua/main/img/in-signaly.png)}
.icon-h1:before{background-image:url(icon-des-01.png);}
.icon-h2:before{background-image:url(icon-des-02.png);}
.icon-h3:before{background-image:url(icon-des-03.png);}
.icon-c2:after {background-image: url(f-icon-a.png);}
.icon-c8:after {background-color: #f00; background-image: url(https://sk-security.com.ua/main/img/in-signaly.png);}
.icon-arr:after {content: '\21E2'; font-size: 1.5em; line-height: 1;}
.icon-svg, .icon-svga, .icon-svgb, .box-block {
--svg-icon-map: url('data:image/svg+xml, ');
--svg-icon-phone: url('data:image/svg+xml, ');
--svg-icon-mail: url('data:image/svg+xml, ');
--svg-icon-mail2: url('data:image/svg+xml, ');
--svg-icon-iphone: url('data:image/svg+xml, ');
--svg-icon-arrow: url('data:image/svg+xml, ');
--svg-icon-search: url('data:image/svg+xml, ');
--svg-icon-time: url('data:image/svg+xml, ');
--svg-smm-you: url('data:image/svg+xml, ');
--svg-smm-skype: url('data:image/svg+xml, ');
--svg-smm-viber2: url('');
--svg-smm-viber: url('data:image/svg+xml, ');
--svg-smm-telegram: url('data:image/svg+xml, ');
--svg-smm-facebook: url('data:image/svg+xml, ');
--svg-smm-insta: url('data:image/svg+xml, ');
--svg-smm-lind: url('data:image/svg+xml, ');
--svg-smm-lin: url('data:image/svg+xml, ');
--svg-smm-whatsup: url('data:image/svg+xml, ');
--svg-smm-whatsup2: url('data:image/svg+xml, ');
--serv-cat-01: url('data:image/svg+xml, ');
}