@charset "UTF-8";

/*
Theme Name: Znak
Theme URI: https://wordpress.org/themes/znak/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Theme Znak
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: znak
*/


html {
	margin:0;
	padding:0;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {margin:0;padding:0;font-family:Tahoma, sans-serif;font-size:16px;color:#343434;}

a {transition:0.3s linear;outline:none;}

h1, h2, h3, h4, h5 {font-weight:normal;text-align:center;}
h1 {margin:40px 0;font-size:50px;color:#000;}
h2 {margin:30px 0;font-size:30px;color:#000;}
h3 {margin:30px 0;font-size:27px;color:#000;}

p {max-width:900px;margin:10px auto;line-height:25px;}

input,
button,
textarea {box-sizing:border-box;outline:none;transition: 0.3s linear;}
button {cursor:pointer;}

.btnorange {background:#ffc234;color:#000;font-size:15px;text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 1px #e9e9e9;box-sizing:border-box;margin:10px 0;padding:10px 15px;border:2px solid #bbbbbb;border-radius:3px;text-align:center;cursor:pointer;}
.btnorange:hover {background:#fff8c5;border-color:#ffc234;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:0 0 15px #fff;}
.btnsilver {display:inline-block;background:#ebebeb;color:#000;font-size:15px;text-decoration:none;text-shadow:1px 1px 1px #ffffff;box-sizing:border-box;margin:10px 0;padding:5px 10px;border:1px solid #bbbbbb;border-radius:3px;text-align:center;cursor:pointer;}
.btnsilver:hover {background:#d9d9d9;}
.btnnot:before{content:"Заказать";}

.lock-scrolling {
	position:fixed;
	max-width:100%;
	width:100%;
}

.header {
    padding: 10px;
    background: rgb(1,26,55);
    background: linear-gradient(90deg, rgba(1,26,55,1) 0%, rgba(1,26,55,1) 35%, rgba(40,91,146,1) 61%, rgba(1,26,55,1) 100%, rgba(1,26,55,1) 100%);
	position: relative;
    z-index: 999;
}
.top-header {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-header a.logo {
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}
.top-header a.logo svg {
    width: 47px;
    height: 47px;
    margin-right: 10px;
    fill: #fff;
    fill-rule: evenodd;
    transition: 0.3s linear;
}
.top-header a.logo span {
    font-size: 18px;
    line-height: 20px;
    margin-top: 4px;
}
.top-header a.logo b {
    display: block;
    font-size: 28px;
}
.top-header a.phone {margin-right:15px;font-size:20px;color:#fff;text-decoration:none;}

.top-header a:hover.logo,
.top-header a:hover.logo svg,
.top-header a:hover.phone {
    fill: #ffc651;
	color:#ffc651;
}
.topcontact {display:flex;align-items:center;flex-wrap:wrap;margin-left:40px;}
.topcontact .headbtn {
    background: #e69200;
    padding: 10px 36px;
    color: #fff;
    text-shadow: 1px 1px 1px #764b00;
    cursor: pointer;
    border: 2px solid #ebb24f;
    border-radius: 5px;
    transition: 0.3s linear;
    z-index: 2;
}
.topcontact .hbtn {
	display:inline-block;
	margin:0 10px;
	background:none;
	border:none;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	vertical-align: top;
}
.topcontact .hbtn svg {
	fill:#fff;
	width: 25px;
    height: 25px;
	transition: 0.3s linear;
}
.topcontact .hbtn-calc svg {
	margin-bottom: 2px;
}
.topcontact .hbtn span {
	display:block;
}
.topcontact a {color:#fff;text-decoration:none;}
.topcontact .hbtn:hover,
.topcontact .hbtn:hover svg,
.topcontact a:hover {color:#ffc651;fill:#ffc651;}



/* primary menu */
.menu-button-container .button  {
	display: flex;
    align-items: center;
	height: 51px;
	padding: 0 20px 0 6px;
	border: none;
	background: #d80000;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size: 20px;
	position: relative;
    z-index: 999;
}
.menu-button-container .button .dropdown-icon {
	display:flex;
	align-items: center;
}
.menu-button-container .button .dropdown-icon.close {
	display: none;
}
.menu-button-container .button .btn-menu {
    display: block;
	margin-left:10px;
}
.menu-button-container .button .btn-menu div {
	background:#fff;
	width:30px;
	height:4px;
	margin:6px 0;
	border-radius:3px;
	transition:0.3s linear;
	box-shadow:1px 1px 1px #000;
	
}
.menu-button-container .button[aria-expanded=true] .btn-menu div:nth-child(1) {margin-top:4px;transform:rotate(45deg);}
.menu-button-container .button[aria-expanded=true] .btn-menu div:nth-child(2) {opacity:0;}
.menu-button-container .button[aria-expanded=true] .btn-menu div:nth-child(3) {margin-top:-20px;transform:rotate(-45deg);}
.primary-navigation {position:relative;margin-left:-10px;background:rgb(82,82,82);background:linear-gradient(0deg, rgba(82,82,82,1) 0%, rgba(59,59,59,1) 100%);padding:0 0 0 10px;}
.primary-navigation .menu-button-container {display:none;}
.menu-wrapper,
.menu-wrapper .sub-menu {list-style:none;padding:0;margin:0;}
.menu-wrapper {position:relative;display:flex;align-items:center;justify-content:space-around;max-width:1400px;margin:0 auto;height:100%;}
.menu-wrapper li {position:relative;display:inline-block;text-align:center;text-shadow:1px 1px 1px #000;}
.menu-wrapper li a {display:block;padding: 1rem;font-size:15px;color:#fff;text-decoration:none;white-space:nowrap;}
.menu-wrapper li a:hover {background:#6a6a6a;}
#menu-item-9:before {content:"\25BC";position:absolute;top:36px;left:50%;margin-left:-2px;border:none;background:none;color:#fff;font-size:8px;}
#menu-item-9:hover:before {content:"\25B2";}
#menu-item-9 {background:#d80000;transition:0.2s linear;}
#menu-item-9:hover {background:#6d6d6d;}
.sub-menu-toggle {position:absolute;top:0;right:0;width:100%;height:100%;border:none;background:none;cursor:pointer;}
.primary-navigation .sub-menu-toggle[aria-expanded=true] ~ ul {display:none;}
.sub-menu-toggle span {display:none;}
.menu-item-has-children .sub-menu {display:none;height:0;opacity:0;transition:0.3s linear;}
.menu-item-has-children:hover .sub-menu {display:flex;animation:menuhid 0.2s linear forwards;}
@keyframes menuhid {
  0 {height:0;opacity:0;}
  100%{height:auto;opacity:1;}
}
.menu-wrapper .sub-menu {position:absolute;flex-wrap:wrap;width:360px;background:#6d6d6d;z-index:99;}
.menu-wrapper .sub-menu li {width:50%;text-align:center;border-bottom:1px solid #7f7f7f;}
.menu-wrapper .sub-menu li:nth-child(2n) a {border-left:1px solid #7f7f7f;}
.menu-wrapper .sub-menu li a:hover {background:#9d9d9d;}
/* / primary menu */

.site-content {max-width:1400px;margin:0 auto;padding:0 20px;overflow:hidden;}

#breadcrumbs {padding:20px 0;}
#breadcrumbs ul {list-style:none;margin:0;padding:0;display:flex;font-size:14px;}
#breadcrumbs ul a {color:#26578c;}
#breadcrumbs ul a:hover {color:#ff7800;text-decoration:none;}

.entry-header {position:relative;align-items:center;text-align:center;}
.entry-header .entry-header-title {width:60%;}
.entry-header .entry-header-img {width:40%;}
.entry-header .entry-header-img img {width:100%;height:auto;}
.entry-header h1.entry-title {margin-bottom:20px;}
.entry-header .titledescr {display:block;text-align:left;}
.entry-header .titledescr ul {list-style:none;width:160px;margin:20px auto;padding:0;text-align:left;}
.entry-header .titledescr li {padding:2px 0;}
.entry-header .titledescr li:before {content:"\2714";display:inline-block;padding-right:5px;font-size:20px;color:#2e69a7;}
.entry-header a.btn-calc {
	padding: 10px 30px;
    margin: 30px 10px 10px 10px;
    display: inline-block;
}
.entry-header a.btn-calc svg {
	display: inline-block;
    margin: 0px 10px 0 0;
	fill: #25568c;
    width: 24px;
    height: 26px;
	vertical-align: middle;
}
.entry-header a.btn-calc span {
	display: inline-block;
	vertical-align: middle;
}

.wpcf7 {position:relative;}
.wpcf7 form input,
.wpcf7 form select {width:100%;box-sizing:border-box;margin:10px 0;padding:10px 15px;border:2px solid #bbbbbb;border-radius:3px;background:#ddd;font-size:25px;text-align:center;}
.wpcf7 form select {padding:13px;font-size:19px;text-align:left;}
.wpcf7 form input:hover,
.wpcf7 form input:hover,
.wpcf7 form select:hover,
.wpcf7 form select:focus {background:#fff;}
.accept-wrap {font-size:12px;}
.accept-wrap label {display:flex;align-items:center;}
.accept-wrap label input{display:block;width:50px;height:20px;margin:0 10px 0 0;padding:36px;}
.accept-wrap.aw-txt label .wpcf7-list-item-label:before{content:"Нажимая на кнопку отправить, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности";}
.accept-wrap a {color:#fff;}
.accept-wrap a:hover {color:#ffc234;text-decoration:none;}
.wpcf7 form input[type=submit] {position:relative;width:auto;padding:16px;background:#ffc234;color:#000;font-size:15px;text-transform:uppercase;text-shadow:1px 1px 1px #e9e9e9;cursor:pointer;}
.wpcf7 form input[type=submit]:hover,
.wpcf7 form input[type=submit]:focus {background:#fff8c5;border-color:#ffc234;color:#000;text-shadow:1px 1px 1px #fff;box-shadow:0 0 15px #fff;}
.wpcf7-spinner {position:absolute;bottom:22px;left:50%;margin:0;margin-left:-10px;}
.wpcf7 .wpcf7-not-valid {border:2px solid #e30000;border-bottom:15px solid #e30000;background:#f9c2c2;}
.wpcf7-not-valid-tip {text-align:center;color:#fff;font-size:12px;margin-top:-24px;}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {color:#000;margin:0;background:#ffe7bb;font-size:12px;}
.wpcf7-form.sent input,
.wpcf7-form.sent select,
.wpcf7-form.sent label,
.wpcf7-form.sent .accept-wrap  {opacity:0;}
.wpcf7-form.sent .wpcf7-response-output {position:absolute;top:0;left:0;display:inline-block;width:100%;margin:0;padding:0;padding-top:55px;margin-top:7%;border:0;background:none;color:#fff;font-size:20px;text-align:center;text-shadow:1px 1px 1px #000;}
.wpcf7-form.sent .wpcf7-response-output:before {content:"";position:absolute;top:10px;left:50%;width:70px;height:35px;margin-left:-35px;background:url(img/ico-mailsand.webp) no-repeat 50% 0;background-size:70px;}


/* modal */
/*.popup {position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:0;height:0;z-index:9999;background:#c0c0c0de;overflow:hidden;}
.popup.show {width:100%;height:100%;box-shadow:inset 0 0 150px 0px #575757;animation:popwin 0.2s linear 1;}
@keyframes popwin {
  0% {opacity:0;}
  100% {opacity:1;}
}
.popupwin {position:relative;border:3px solid #d9d9d9;box-shadow:0 0 20px #878787;background:rgb(14 59 111);background:linear-gradient(90deg, rgba(1,26,55,1) 0%, rgb(20 62 113) 35%, rgba(40,91,146,1) 61%, rgb(10 46 89) 100%, rgba(1,26,55,1) 100%);border-radius:10px;margin:10px;}
.popupwrapper {padding:30px;background:url(img/bg-log.webp) no-repeat -100px 46%;background-size:100%;}
.closepopup {position:absolute;top:5px;right:8px;border:none;background:none;font-size:30px;color:#ffa700;text-shadow:0 0 5px #fff;cursor:pointer;}
.closepopup:hover {color:#fff;}
.popuptitle {color:#fff;text-align:center;padding-bottom:10px;font-weight:bold;
font-size:18px;}
.popupcontent {max-width:350px;}
.popupcontent button {border:1px solid #adadad;}
.popupcontent .accept-wrap {color:#b3b3b3;}
.popupcontent .submit-wrapper {position:relative;}
.popupcontent .wpcf7 form .submit-wrapper input[type=submit] {width:100%;}*/


.popup {position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:0;height:0;z-index:9999;background:#0000007d;overflow:hidden;}
.popup.show,
.popup.show2{width:100%;height:100%;overflow:auto;animation:popwin .2s linear 1;}
@keyframes popwin {0% {opacity:0;}100% {opacity:1;}}
.popupwin1,
.popupwin2 {position:relative;box-shadow:0 0 8px #373737;background:#e1e1e1;margin:10px;color:#fff;}
.popupwrapper {padding:30px;background:#172946 url(/wp-content/themes/znak/img/bg-log.webp) no-repeat -100px 46%;background-size:100%;--lzl-bg-img:"/wp-content/themes/znak/img/bg-log.webp";}
.closepopup {position:absolute;top:10px;right:10px;width:25px;height:25px;border:none;background:0 0;font-size:30px;color:#ffa700;text-shadow:0 0 5px #fff;cursor:pointer;}
.closepopup span{display:block;width:2px;height:31px;margin:-5px 0 0 4px;background:#fff;transform:rotate(45deg);transition:0.2s linear;}
.closepopup span:first-child{position:absolute;top:1px;left:6px;transform:rotate(-45deg);}
.closepopup:hover span{background:#ffc234;}
.popuptitle {color:#fff;padding:0 30px 10px 0;font-weight:700;font-size:20px;line-height:45px;}
.popupcontent {max-width:410px;margin:0 auto;}
.popupcontent-txt{line-height:21px;}
.popupcontent .wpcf7 {padding:15px 0 0 0;}
.popup.show .popupwin2,
.popup.show2 .popupwin1 {display:none;}
/* / modal */


/* calcform */
#calcform {max-width:1400px;margin:0 auto;background:rgb(1,26,55);background:linear-gradient(90deg, rgba(1,26,55,1) 0%, rgba(1,26,55,1) 35%, rgba(40,91,146,1) 61%, rgba(1,26,55,1) 100%, rgba(1,26,55,1) 100%);color:#fff;overflow:hidden;}
.calcf-wrap {padding:20px 40px 40px 40px;background:url(img/bg-log.webp) no-repeat -200px 46%;}
#calcform h2 {color:#fff;}
.calcform-wrapper {max-width:600px;margin:0 auto;}
.calcform-tr {display:flex;gap:20px;}
.calcform-tr div {display:flex;gap:10px;align-items:center;justify-content:flex-end;width:50%;}
.calcform-tr div select {width:180px;}
.calcform-tr div input {width:225px;}
#calcform .accept-wrap {padding:10px 0;margin-left:92px;}
#calcform .sumit-wrap {display:flex;justify-content:flex-end;}
#calcform .sumit-wrap input {width:225px;}

#calcform .calcformcont a{display:block;color:#fff;text-align:center;text-decoration:none;line-height:40px;}
#calcform .calcformcont a.phone{font-size:25px;}
#calcform .calcformcont a:hover{color:#ffc651;}
/* / calcform */


a.btntoppage {
	display:none;
	position:fixed;
	right:50%;bottom:55px;
	margin-right:-630px;
	z-index:10;background:#525252;
	width:60px;
	height:60px;
	border-radius:5px;
	border:2px solid #fff;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
	text-align:center;
	text-shadow:1px 1px 1px #082b51;
	text-decoration:none;
	line-height:10px;
	opacity:0.5;
}
a:hover.btntoppage {
	box-shadow:0 0 20px #052a6d7a;
	opacity:1;
}
a.btntoppage svg {
	fill:#fff;
	width:40px;
	height:30px;
	padding-top:7px;
}


#concultation {
	background:#e5e5e5;
}
.concult-wrapper {
	padding:40px;
}
.concult-title {
	color:#003579;
	text-align:center;
}
.concultformcont {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:50px;
	max-width: 700px;
    margin: 0 auto;
	padding-top:20px;
}
.concultformcont .form-wrapper {
	display: flex;	
}
.concultformcont .wpcf7-form-control-wrap,
.concultformcont .submit-wrapper {
	padding:0 10px;
}
.concultformcont input.wpcf7-tel {
	background:#fff;
	max-width:250px;
}
.concult-phone {
	display:flex;
}
.concult-phone svg {
	margin: 3px 20px 0 0;
    fill: #8f8f8f;
}
.consultphone {
	text-align:center;
	font-size:14px;
}
.consultphone a {
	display:block;
	font-size:31px;
	text-decoration:none;
	color:#000;
	white-space:nowrap;
}
.consultphone a:hover {
	color:#ff7800;
}
.concult-form input {
	padding:10px;
	border:2px solid #98aed9;
	border-radius:5px;
	box-shadow:0 0 15px #ababab;
	box-sizing:border-box;
}
.concult-form .btnyel {
	border:2px solid #ffc867;
	border-radius:5px;
	box-shadow:0 0 15px #ababab;
}
.concultformcont .accept-wrap {
	padding:0 10px;
}
.concultformcont .accept-wrap a {
	color:#656565;
}
.concultformcont .accept-wrap a:hover {
	color:#ff8f00;
	text-decoration:none;
}

.site-footer {
	background: #d1d1d1;
	color:#434343;
	font-size: 14px;
}
.site-footer-wrapper {
	max-width:1400px;
	margin:0 auto;
	padding:20px 20px 40px 20px;
}

.foot-contact {
	display: flex;
	justify-content: space-evenly;
	gap: 20px;
	padding: 30px 0;
}
.foot-contact .fc-wraper {
	display:flex;
}
.foot-contact .fc-wraper svg {
	width: 30px;
    height: 30px;
    margin:5px 10px 0 0;
    fill: #898989;
}
.foot-contact .fc-info {
	line-height: 20px;
}
.foot-contact .fc-wraper strong,
.foot-contact .fc-info span {
	display:block;
}
.foot-contact .fc-info span,
.foot-contact .fc-info div {
	padding-bottom:10px;
}

.footer-menu {
	max-width: 700px;
    margin: 0 auto;
    padding: 30px 0;
}
.footer-menu ul {
	display:flex;
	list-style:none;
	justify-content: space-evenly;
	gap: 20px;
	margin:0;
	padding:0;
}
.footer-menu ul a {
	color:#434343;
}
.footer-menu ul a:hover {
	color:#9d0000;
}


.price-wrapper {
	max-width:1400px;
	margin:0 auto;
	padding:0 20px 20px 20px;
}
.pricetable {
	width:100%;
	box-shadow:0 0 15px #d1d1d1;
	background:#ebebeb;
}
.pricetable th,
.pricetable td {
	padding:20px 10px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#000;
	white-space:nowrap;
}
.pricetable td strong {
	font-size:20px;
}
.pricetable th {
	background:#d7d7d7;
}
.pricetable td {
	background:#fff;
}
.pricetable tr:nth-child(2n+1) td {
	background:#f5f5f5;
}

ul.priceinfo {
	max-width:790px;
	margin:0 auto;
	padding:20px 0 20px 20px;
}
ul.priceinfo li {
	padding:5px 0;
}


.w900 {
	max-width: 900px;
    margin: 10px auto;
    line-height: 25px;
}

.block-num {
	display:flex;
	gap:20px;
	list-style:none;
	margin:0;
	padding:50px 0 50px 0;
	font-size:18px;
	color:#285b92;
}
.block-num li {
	position:relative;
	padding-left:55px;
}
.block-num.num4 li {
	width:25%;
}
.block-num li:before {
	content:"";
	position:absolute;
	top:-18px;
	left:0;
	font-size:70px;
	font-weight:bold;
	opacity:0.2;
	color:#214f81;
}
.block-num li:nth-child(1):before {
	content:"1";
}
.block-num li:nth-child(2):before {
	content:"2";
}
.block-num li:nth-child(3):before {
	content:"3";
}
.block-num li:nth-child(4):before {
	content:"4";
}
.block-num li:nth-child(5):before {
	content:"5";
}
.block-num li:nth-child(6):before {
	content:"6";
}


.clients {
	padding:20px 0 50px 0;
}
.clients ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0;
}
.clients ul li {
	width:20%;
	padding:30px 0;
	text-align:center;
}
.clients ul li img {
	width:80%;
	max-width:218px;
	filter:grayscale(1);
	opacity:0.7;
	transition:0.3s linear;
}
.clients ul li img:hover {
	filter:grayscale(0);
	opacity:1;
}

.reviews .wp-block-column p {
	display:flex;
	align-items: center;
	font-size: 14px;
}
.reviews .wp-block-column p:first-child {
	padding-bottom: 20px;
	border-bottom:1px solid #dedede;
}
.reviews .wp-block-column p img {
	display:block;
	margin-right:10px;
}
.reviews .wp-block-column p strong {
	color:#000;
	font-size: 16px;
}

#faqid {position:relative;background:#f5f5f5;padding:30px 30px 40px 30px;}
#faqid:before,
#faqid:after {font-size:200px;position:absolute;line-height:0;color:#d9d9d9;z-index:1;}
#faqid:before {content:"\275B\275B";top:100px;left:17px;}
#faqid:after {content:"\275C\275C";bottom:27px;right:17px;}
#faqid h2,
#faqid .wp-block-columns {position:relative;z-index:2;}

.payons-wrapper {max-height:317px;overflow:scroll;}
.payons-wrapper a {margin:3px;}

.tags{display:flex;flex-wrap:wrap;}
.tags a{display:inline-block;margin:5px;padding:5px 10px;border:1px solid #c3c3c3;border-radius:3px;text-decoration:none;font-size:14px;color:#4f4f4f;}
.tags a:hover{border:1px solid #305ad3;background:#dfdfdf;color:#305ad3;}



/* ### MY CONNENT ### */
.catblock {padding-bottom:100px;}
.catblockwrapper {display:flex;padding-bottom:20px;}
.catblock .catimg {display:flex;justify-content:space-around;align-items:center;gap:5%;width:60%;margin:0 15px 18px 0;padding:20px;border:1px solid #fff;box-shadow:0 0 10px #838383;}
.catimg .catimg-pic {text-align:center;width:45%;}
.catimg .catimg-pic img {width:100%;max-width:200px;}
.catimg .catimg-pic strong {display:block;margin-top:-10px;margin-bottom:30px;}
.catimg.catwhite .catimg-pic {color:#fff;text-shadow:0 0 10px #000;}
.catimg.catblack .catimg-pic {color:#000;text-shadow:0 0 10px #fff;}
.catblock .catimg .catimg-txt {max-width:450px;text-align:left;line-height:25px;font-size:16px;}
.catblock .catimg.catwhite .catimg-txt {color:#fff;text-shadow:0 0 10px #000;}
.catblock .catimg.catwhite .catimg-txt h2 {color:#fff;text-align:left;font-weight:bold;line-height: 35px;}
.catblock .catimg.catblack .catimg-txt {color:#000;text-shadow:0 0 10px #fff;}
.catblock .catimg.catblack .catimg-txt h2 {color:#000;text-align:left;font-weight:bold;}
.catblock .catimg .btnorange {display:inline-block;margin-top:20px;padding:10px 40px;}
.catblock .catimgs {display:flex;flex-wrap:wrap;width:40%;gap:3%;}
.catblock .catimgs > div {display:block;width:44%;margin-bottom:15px;}
.catblock .catimgs img {width:100%;border:1px solid #fff;box-shadow:0 0 10px #838383;cursor:pointer;transition:0.3s linear;opacity:1;}
.catblock .catimgs img:hover {opacity:0.8;}
/* ### / MY CONNENT ### */




@media screen and (min-width: 100px) and (max-width: 1400px) {
	a.btntoppage {
		right: 30px;
		margin-right: 0;
	}
}

@media screen and (min-width: 100px) and (max-width: 1000px) {
	.block-num {
		flex-wrap:wrap;
	}
	.block-num li {
		padding-left:8%;
		margin-top:40px;
	}
	.block-num.num4 li {
		width:40%;
	}
}
	
@media screen and (min-width: 100px) and (max-width: 900px) {
	h1 {
		margin:30px 0;
		font-size:45px;
	}
	
	/* primary menu */
	.primary-navigation .menu-button-container {
		display: block;
	}
	.primary-menu-container {
		display:none;
		opacity:0;
		animation:menuhid 0.3s linear forwards;
	}
	@keyframes menuhid {
	  0 {opacity:0;}
	  100%{opacity:1;}
	}
	.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
	.primary-navigation-open .site-content,
	.primary-navigation-open aside.widget-area,
	.primary-navigation-open footer.site-footer {
		filter: blur(0);
		transition:0.3s linear;
	}
	.primary-navigation-open .site-content,
	.primary-navigation-open aside.widget-area,
	.primary-navigation-open footer.site-footer {
		filter: blur(4px);
	}
	.primary-navigation-open .primary-menu-container {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(82 82 82 / 91%);
		background: linear-gradient(0deg, rgb(82 82 82 / 91%) 0%, rgb(59 59 59) 100%);
		z-index: 998;
		overflow: auto;
	}
	.menu-wrapper {
		display:block;
		margin-top: 66px;
		height: auto;
		max-width: 450px;
	}
	.menu-wrapper li a {
		font-size: 18px;
	}
	.menu-wrapper .sub-menu {
		position: relative;
		width: auto;
		height: auto;
	}
	#menu-item-9:before {
		top: 42px;
	}
	/* / primary menu */
	
	/* ### MY CONNENT ### */
	.catblockwrapper {flex-direction:column;}
	.catblock .catimg {width: auto;margin: 0 0 18px 0;padding:40px;}
	.catblock .catimgs {width: auto;gap: 2%;}
	.catblock .catimgs > div {width:23.4%;}
	/* / ### MY CONNENT ### */
}

@media screen and (min-width: 100px) and (max-width: 768px) {
	h1 {
		margin:25px 0;
		font-size:42px;
	}
	
	.top-header a.logo svg {
		width: 35px;
		height: 35px;
	}
	.top-header a.logo span {
		font-size: 14px;
		line-height: 16px;
		margin-top: 0px;
	}
	.top-header a.logo b {
		font-size: 22px;
	}
	.top-header a.phone {font-size:20px;}
	
	.menu-wrapper {margin-top:60px;}
	
	.topcontact .hbtn-call span{display:none}
	
	.concultformcont {gap:10px;flex-direction:column;max-width:450px;}
	
	.pricetable td {
		width:25%;
	}
	.pricetable td:after {
		content:"";
		display:block;
		color:#7c7c7c;
		font-size:16px;
	}
	.pricetable tr:nth-child(2) td:after {
		content:"50 штук";
	}
	.pricetable tr:nth-child(3) td:after {
		content:"100 штук";
	}
	.pricetable tr:nth-child(4) td:after {
		content:"300 штук";
	}
	.pricetable tr:nth-child(5) td:after {
		content:"500 штук";
	}
	.pricetable tr:nth-child(6) td:after {
		content:"1000 штук";
	}
	.pricetable th:first-child,
	.pricetable td:first-child {
		display:none;
	}
	
	.site-footer-wrapper {
		display:flex;
		justify-content: space-between;
	}
	.footer-menu {
		margin:0;
		text-align:right;
	}
	.foot-contact,
	.footer-menu ul {
		flex-direction: column;
	}
	
	.clients ul li {
		width: 25%;
	}
}	
	
@media screen and (min-width: 100px) and (max-width: 650px) {
	h1 {margin:20px 0;font-size:38px;}
	
	.menu-wrapper {margin-top:51px;max-width:100%;}
	
	.topcontact {justify-content:flex-end;}
	
	/* calcform */
	.calcform-wrapper {max-width:300px;margin:0 auto;}
	.calcform-tr {gap:0;flex-direction:column;}
	.calcform-tr div {width:100%;}
	#calcform .accept-wrap {margin-left:35px;}
	/* / calcform */
	
	.pricetable td {padding:10px;font-size:20px;}
	.pricetable td strong {font-size:25px;}
	.pricetable td:before {font-size:20px;}
	.pricetable tr:first-child {display:none;}
	.pricetable td {display:block;width:auto;}
	.pricetable td:nth-child(2n+1) {background:#f5f5f5;}
	.pricetable tr:nth-child(2n+1) td:nth-child(2n+1) {background:#fff;}
	.pricetable td:before {content:"";display:block;color:#7c7c7c;font-size:18px;}
	.pricetable td:nth-child(2):before {content:"Простой знак";}
	.pricetable td:nth-child(3):before {content:"Сложный знак";}
	.pricetable td:nth-child(4):before {content:"Знак на колодке";}
	.pricetable td:nth-child(5):before {content:"Орден";}
	.pricetable td:nth-child(6):before {content:"Зажим для галстука";}
	
	.entry-header {margin-bottom:100px;}
	.entry-header .entry-header-title {width:100%;}
	.entry-header a.btn-calc {position:absolute;bottom:-70px;left:50%;margin-left:-94px;
	}
	.entry-header .entry-header-img {max-width:350px;width:auto;margin:0 auto;}
	
	.block-num li {padding-left:55px;}
	.block-num.num4 li {width:100%;}
}

@media screen and (min-width: 100px) and (max-width: 550px) {
	.site-footer-wrapper {
		max-width: 260px;
		flex-direction: column;
		margin: 0 auto;
	}
	.footer-menu {
		text-align: left;
	}
	
	/* ### MY CONNENT ### */
	.catblock .catimg {flex-direction: column;}
	.catimg .catimg-pic {width: auto;}
	.catblock .catimgs {gap: 4%;}
	.catblock .catimgs > div {width: 47.7%;}
	/* ### / MY CONNENT ### */
}

@media screen and (min-width: 100px) and (max-width: 480px) {
	h1 {
		font-size:35px;
	}
	
	.top-header a.logo svg {
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}
	.top-header a.logo span {
		font-size: 10px;
		line-height: 14px;
	}
	.top-header a.logo b {
		font-size: 15px;
	}
	.topcontact a:last-child {position:absolute;top:56px;right:0;}
	.primary-navigation-open .topcontact {display:none;}
	.topcontact .hbtn.hbtn-calc {padding-top:2px;}
	.top-header a.phone {font-size:18px;}
	
	.menu-wrapper {
		margin-top: 46px;
	}
	.menu-wrapper .sub-menu li {
		width:100%;
	}	
	
	.concultformcont {
		max-width: 250px;
	}
	.concult-wrapper {
		padding: 40px 10px;
	}
	.concultformcont .form-wrapper {
		flex-direction: column;
	}
	.concultformcont .wpcf7-form-control-wrap,
	.concultformcont .submit-wrapper {
		padding: 0;
	}
	.concultformcont .submit-wrapper input.wpcf7-submit {
		width:100%;
	}
	.concultformcont .accept-wrap {
		padding: 0;
	}
	.concultformcont .wpcf7-form.sent .wpcf7-response-output {
		color: #6f6f6f;
		text-shadow: 1px 1px 1px #fff;
	}
	.concultformcont .wpcf7-form.sent .wpcf7-response-output:before {
		background: url(img/ico-mailsand-silver.webp) no-repeat 50% 0;
		background-size: 70px;
	}
	
	.clients ul li {
		width: 50%;
	}
}

@media screen and (min-width: 100px) and (max-width: 380px) {
	h1 {font-size:35px;}
	h2 {font-size:32px;}
	h3 {font-size:28px;}
	
	.popupwrapper {padding:30px 20px;}
	
	.top-header a.logo span {line-height:14px;}
	.top-header a.logo b {font-size:14px;}
	.topcontact {margin-left:20px;}
	.top-header a.phone {font-size:16px;}
	.topcontact a:last-child {font-size:14px;}
	
	.topcontact .hbtn{display:none;}
	
	.calcf-wrap {padding:20px 20px 40px 20px;}
	.calcform-tr div {gap:0;width:100%;flex-direction:column;padding-bottom:10px;}
	.wpcf7-form-control-wrap {width:100%;}
	.calcform-tr div select,
	.calcform-tr div input {width:100%;text-align:center;}
	#calcform .accept-wrap {margin-left:0;}
	#calcform .sumit-wrap input {width:100%;}
	
	.concult-phone svg {margin:3px 10px 0 0;}
	
	.block-num li {padding-left:40px;}
	.block-num li:before {top:-5px;font-size:45px;}
}