body {
font-family: 'Arial';
background-color: #fff;
font-weight:400;
font-size: 17px;
margin:0; padding:0;
color:#000;
overflow-x:hidden;
}

.article-content img {
max-width: 100%;
height: auto;	
}

a {color:#972714; text-decoration:none !important;}
a:hover {color:#222;}

.container {padding:0 15px;margin:0 auto;}
@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:1200px){.container{max-width:1140px}} @media (min-width:1400px){.container{max-width:1320px}}

.img-fluid {
max-width: 100%;
height: auto;
}

.header-in {display:flex; justify-content:space-between; align-items:center;}
.visually-hidden {display:none !important;}

.logo a {display:block; line-height:0;} 
.header-wrap {padding:10px 0;}
.header-wrap.headerline {border-bottom:1px solid#ccc;}

#modal-box {
max-width: 400px;
    margin: 0 auto;
background-color: #fff;
    border-radius: 0.3rem;
    outline: 0;
    position: fixed;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 1055;
    display: none;
height: auto;
	padding:0 30px 30px 30px;
	box-shadow: 0 0 15px 1px #000;
}
#modal-box.show {
    display: block;
}
.modal-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.modal-title {
    font-size: 25px;
    margin: 0;
	color: #ddd;
}
#close img {
    cursor: pointer;
}

#mobile-menu-btn {display:none;}


.qf3form.default .qffile input {
    max-width: 100%;
}
#contact-btn-top {cursor:pointer;}

.qf3form.default {
   padding: 0 !important; 
}
.modal-title {
    color: #000 !important; 
}

.wmenu {margin:0; padding:0; list-style:none}
.wmenu li {display:inline-block; list-style:none;}
.wmenu li a {padding:10px 10px; color:#000; font-size:20px;}

.wmenu li a:hover {color:#972714;}


div.mod-languages a {
    padding: 10px 5px;
}
div.mod-languages li {
    margin: 0 0px;
	 padding: 5px 5px;
}

div.mod-languages ul li.lang-active {
   background-color:#365699; border-radius:4px;
}

div.mod-languages ul li.lang-active a {
 color:#fff;
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    /* opacity: .5; */
	background-color: rgb(0 0 0 / 50%);
}

.offcanvas {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 7;
width: 250px;
max-width: 100%;
background-color: #e9e9e9;
outline: 0;
transition: transform .3s ease-in-out;
transform: translateX(100%);
}

.offcanvas.show {
transform: none; 
} 

.offcanvas .wmenu li a {
    display: block;
    font-size: 20px;
    color: #000;
}

.offcanvas .wmenu li {
    display: block;
}
#btn-close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 7;
    cursor: pointer;
}
.offcanvas .wmenu {
    margin: 60px 0 0 0;
    padding: 0 10px 0 20px;
}

.knopki span {display:inline-block; background-color:#365699; padding:5px 10px; border-radius:7px; color:#fff; font-size:14px;}
.viber-mob {display:none;}
#messengers {margin-top:5px; text-align: center;}
#messengers img {width: 25px;
    height: auto;
    margin: 0 3px
	}
.pos1 {padding:50px 0;}	
.pos2 {padding:50px 0; background-color:#eee;}
.pos2-flex {display:flex; gap:30px;}
.pos3-flex {display:grid; grid-gap: 80px; grid-template-columns: repeat(3, 1fr);}	

.zak {
display:block;
background:#ff6600;
background:#365699;
width:150px;
font-size:15px;	
color:#fff;
font-weight:bold;
padding:10px 0;
margin:0 auto;
border-radius:5px;
}

footer {background: #365699; padding:50px 0px; color:#fff; margin-top:50px;}
footer a {color:#fff;}

.footer-flex {display:flex; justify-content:center; gap: 30px;}
.article-content {margin:50px 0;}
#mxcpr {display:none !important;}
.pagination  {padding:0; margin:0; list-style:none }
.pagination  li {padding:0; margin:0; list-style:none; display:inline-block; }
.pagination  li a {font-size:20px; font-weight:bold; }
#pgCategoryModal, .modal-dialog {display:none !important;}

@media (max-width: 768px) {
#mobile-menu-btn {display:block;}
.deskmenu {display:none;}
.viber-pc {display:none;}
.viber-mob {display:inline-block;}
div.mod-languages li {
 display:block !important;
}
.logo img {width:80px; height:auto;}
.knopki span {
    padding: 3px 5px;
    font-size: 12px;
}
#messengers img {
    width: 22px;
    margin: 0 2px;
}
div.mod-languages li {
     padding: 3 0px; font-size: 12px;
}
div.mod-languages ul li.lang-active a {
 font-size:12px;
}
div.mod-languages a {
font-size:12px;
}
#mobile-menu-btn img {width:25px; height:25px;}
.pos2-flex {display:block;}
.pos3-flex {display:grid; grid-gap: 80px; grid-template-columns: repeat(1, 1fr);}

.footer-flex {display:block; margin:10px; text-align: center;}
footer {padding:15px 0px; }
footer div {margin:5px 0; }
.pos1 h1 {font-size:25px;}
}