/* menu-categories.css */
.session {position: absolute; left: 50%; bottom: 10px; font-size: 8px; color: #8f8f8f;}
.categories {display: flex; width: 164px;} .categories__aria {position: fixed; z-index: 100; width: 100%; height: 100%; left: -100%; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0; transition: opacity .5s ease;}
.categories__container._active+.categories__aria {left: 0; opacity: 0.7;} .categories span {margin-left: 6px;}
.categories__container {position: fixed; display: block; z-index: 9999; left: 0; top: 0; transform: translateX(-110%); padding: 80px 0 15px; height: 100%; width: 100%; max-width: 500px; background-color: #fff; overflow: auto; transition: all 0.7s ease;}
.categories__container._active {transform: translateX(0);} .categories__close {position: absolute; z-index: 5; top: 0; right: 0; padding: 30px;} .categories__close svg {width: 25px; height: 25px; fill: var(--main-color); cursor: pointer;}
.categories__button {font-family: 'FiraRegular', Arial, Helvetica, sans-serif;  position: absolute; letter-spacing: 1px; bottom: 73px; left: 0; display: flex; align-items: center; justify-content: center; color: #000; font-weight: 500; 
padding: 0 20px; text-transform: uppercase; border-radius: 5px 0 0 5px; font-size: 15px; transition: all .5s ease;} .categories__button span {display: none;}
.categories__button .fa {transition: all .5s ease;} .categories__button:hover .fa {transform: rotate(180deg);} .categories__list {font-size: 16px; font-family: 'FiraRegular', Arial, Helvetica, sans-serif; letter-spacing: 0.4px;}
.categories__item {position: relative; padding: 14px 22px 14px 12px; border-top: 1px solid #e8e8e8;} .categories__item:hover {background-color: #e8e8e8;}
.categories__item:last-child {border-bottom: 1px solid #e8e8e8;} .categories__title {display: flex; align-items: center;} .categories__icon {width: 46px; height: 34px; margin-right: 4px; background: url(/uploads/category/categorii.png) no-repeat;}
.categories__icon img {object-fit: contain; object-position: center; max-width: 100%; width: 100%; height: 100%;} .categories__child-item {padding: 10px 12px 10px 12px; font-size: 15.4px;} 
.categories__link:hover {color: var(--main-color);} .categories__subcategory {padding-top: 15px;}
.categories__arrow {position: absolute; display: flex; justify-content: center; align-items: center; z-index: 1; height: 34px; width: 56px; right: 0; top: 15px; box-sizing: content-box; padding-left: 150px; cursor: pointer; 
-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.categories__arrow_top {top: 2px;} .categories__arrow svg {width: 17px; height: 12px;} .categories__arrow:hover svg {fill: var(--main-color);}
.categories__arrow._active {-webkit-transform: rotate(180deg); transform: rotate(180deg); padding-left: 0; padding-right: 150px;} .categories__dropdown {display: none;}
.categories__child-item .liter {display: inline-block; width: 16px; margin-left: 0px; font-size: 16px;} .categories__item a.active{color: #ff7000;}
@media (min-width: 1200px) { .fa.fa-bars {left: 0px;} .categories__child-item {padding: 14px 18px 14px 18px;} .categories__arrow_top {top: 7px;} }
@media (min-width: 1080px) { .categories__button { text-shadow: none; bottom: 50%; transform: translateY(50%); } .categories__item { padding: 14px 60px 14px 12px; } }
@media (min-width: 1200px) { .categories__button {text-shadow: #d75d00 0 1px 0px; position: relative; top: 0; transform: none; left: 0; background-color: var(--main-color); border: solid 1px #ff7c00; color: #fff; padding: 0 30px;} 
.categories__button:hover {text-shadow: none; background-color: #333; border: solid 1px #333;} .categories__button span {display: block;} }
@media only screen and (max-width: 1079px) { .categories__button { text-shadow: none; } } 
@media only screen and (max-width: 418px) { .categories__child-item {padding: 10px 2px 10px 2px;} }
@media only screen and (max-width: 378px) { .categories__link { display: inline-block; max-width: 250px; } .categories__child-item .categories__link{width: 100%; max-width: 100%;} }
@media only screen and (max-width: 368px) { .categories__link { display: inline-block; max-width: 236px; } .categories__child-item {font-size: 15px;} } 
@media only screen and (max-width: 348px) {.categories__link {margin-left: 2px;} .categories__child-item .categories__link {margin-left: 0px;} .link-titles {display: flex; position: relative; top: -18px; left: 16px; max-width: 250px; margin: 0px; padding: 0px;} 
.categories__child-item {padding: 4px 2px 4px 2px;}	ul > .categories__child-item:last-child{padding: 4px 2px 0px 2px;} } 
@media only screen and (max-width: 338px) {.categories__link {max-width: 224px; margin-left: 2px;} .categories__item {padding: 14px 22px 14px 8px;} .categories__list {font-size: 15.4px;} }
/* End menu-categories.css */
.paction {position:relative; z-index:7; -webkit-animation: This 1s ease-in; -webkit-animation-fill-mode: forwards; -moz-animation: This 1s ease-in; -moz-animation-fill-mode: forwards;
-o-animation: This 1s ease-in; -o-animation-fill-mode: forwards; animation: This 1s ease-in; animation-fill-mode: forwards;}
@-webkit-keyframes This { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes This { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes This { 0% {opacity: 0;} 100% {opacity: 1;} } 
@keyframes This { 0% {opacity: 0;} 100% {opacity: 1;} }
.paction-left {position:relative; z-index:7; -webkit-animation: Wis 1.3s ease-in; -webkit-animation-fill-mode: forwards; -moz-animation: Wis 1.3s ease-in; -moz-animation-fill-mode: forwards;
-o-animation: Wis 1.3s ease-in; -o-animation-fill-mode: forwards; animation: Wis 1.3s ease-in; animation-fill-mode: forwards;} 
@-webkit-keyframes Wis { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes Wis { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes Wis { 0% {opacity: 0;} 100% {opacity: 1;} } 
@keyframes Wis { 0% {opacity: 0;} 100% {opacity: 1;} }
.preload {display: block; position:absolute; top:0px; left:0; right:0; height:100%; z-index:10; width: 100%; margin-left: auto; margin-right: auto; padding-top: 14px; background: #FFF; text-align: center;}
.preloader {display: block; width: 54px; height: 54px; margin: 1px 0px 0px 15px; background: #ffffff; border-radius: 50%; border-top: 4px solid #FF7B00; border-left: 4px solid #FF7B00; border-right: 4px solid transparent; box-sizing: border-box; 
-webkit-animation: rotates 1s linear infinite; -moz-animation: rotates 1s linear infinite; -o-animation: rotates 1s linear infinite; animation: rotates 1s linear infinite;}
@-webkit-keyframes rotates { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } 
@-moz-keyframes rotates { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } 
@-o-keyframes rotates { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } 
@keyframes rotates { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@media (max-width: 980px) { .catalog__main .preloader {margin: 1px 0px 0px -12px;} }
.user {margin-top: 6px; font-size: 13px;}
/* С плагина "comments" */
.clear{clear:both;} .mg-pager .allPages {display:none;} .comments-msg {color: #FF4F0F;}
.comments .title-comment{ display:block; margin: 2px 0 14px 0; font-size: 14px; color: #333; font-weight: 600; text-transform: uppercase;}
.comments input[type=text], .comments input[type=password], .comments textarea{height: 32px; padding:5px; border: 1px solid #CBC3BE; border-radius:0px; outline: none;
-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}  
.comments input[type=text]:focus,.comments input[type=password]:focus, .comments textarea:focus {border: 1px solid rgba(113, 74, 40, 0.9);}
.comments input[type=text]{width:250px;} .comments textarea{width:100%;height:100px;resize:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.comments label{display:inline-block; margin:4px 0px 0px 0px; font-size:14px;} .comments .add_comment{padding:5px; float:right;margin:10px 0;}
.error_name, .error_email, .error_message{font-size:12px;color:red;display:block;margin:0 0 15px 0;}
.comments .red_star{color:red;} .section-comments .widget-table-body .filter .last-items-dropdown {width:200px;}
.comments form{margin-bottom: 20px;} .comments label, .edit-comment-form label{display: block;}
.comments input[type=submit]{display: block;} .comment-post{margin: 10px 0; border: 1px solid #ccc; padding: 10px; border-radius:3px;}
.comment-post .post-author{font-weight: bold; font-size:14px;} .comment-post .post-date{float: right; font-size:14px; color: #8B8B8B;}
.comment-post p{ margin: 0px 0px 4px 20px; padding:0px; font-style:oblique; font-size:13px; }
.edit-comment-form label{margin-bottom: 15px;} .edit-comment-form select{margin-left: 15px;}
.n-approved-comment, .approved-comment{color: #fff; background: #B81212; display:inline-block; padding:3px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
font-family:Tahoma, Verdana, sans-serif; font-size:14px; line-height:14px; text-shadow:1px 1px 2px #4A4A4A;} .approved-comment{background: #28BB1D;}
.c-name{width: 15%;} .c-email{width: 15%;} .c-comment{width: 50%;} .c-msg-green{color: green;} .c-msg-red{color: red;}
#comment-modal [type="text"], #comment-modal select{display: inline-block; width: 195px;} #comment-modal .custom-text{display: inline-block; width: 100px;} #comment-modal a{margin-left: 0 !important;} .comments-tbody tr td{text-align: center;}
#comment-modal .img-container img, .comments .comments_preview img, .comments .comment-post img{height: 100px; margin: 5px; border-radius: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border: 1px solid #ccc;}
.section-comments .base-setting-open, .section-comments h4{margin: 10px;} .section-comments .base-settings{padding: 15px; background: #fffce5;}
.comments-dropZone {display: inline-block; width: 600px; height: 100px; border: 2px dashed rgba(0,0,0,.3); border-radius: 20px; font-family: Arial; text-align: center; line-height: 100px; font-size: 20px; color: rgba(0,0,0,.3); position: relative;}
.comments-dropZone input{width: 100%; height: 100%; vertical-align: top; position: absolute; left: 0; opacity: 0; cursor: pointer;} .comments form .sendComment{margin-top: 0px;}
.comments [name="comment"]{margin-bottom: 10px;} .comments .showImgComments{color: #1585cf; border-bottom: 1px dashed #1585cf;}
.comments .showImgComments:hover{text-decoration: none; border-color: transparent;} .section-comments .checkbox{margin-bottom: 10px;}
/* --- Был подключен в плагине "comments" /components/pagination/pagination.css --- */
.mg-pager {width: 98%; margin: 0px auto 18px; align-items: center; text-align: center; font-size: 14px; color: #303030;} .navButton {font-size: 22px;} .c-pagination .allPages, .mg-pager .allPages {margin: 0px auto 6px; text-align: center;}
.c-pagination ul, .mg-pager ul {display: flex; flex-wrap: wrap; justify-content: center; padding: 0;}
.c-pagination ul a, .mg-pager li>a {display: -webkit-box; display: -ms-flexbox; display: flex; width: 35px; height: 35px; margin: 6px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: rgba(76, 68, 62, 0.8); 
border-radius: 2px; border: 1px solid rgba(76, 68, 62, 0.3); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .mg-pager li:focus{outline: none;}
.mg-pager .allPages {display: block;} .mg-pager .allPages span {position: relative; top: 2px; font-size: 17px; color: #FF5E00; font-family: 'RobotoMedium', Arial, sans-serif;} .settings__container .mg-pager .allPages {display: none;}
@media (max-width: 653px) { .mg-pager .allPages {margin: 0px auto 10px;} .mg-pager {flex-direction: column;} }
@media (max-width: 373px) { .c-pagination ul a, .mg-pager li>a {width: 32px; height: 32px;} }
.c-pagination ul a:hover, .c-pagination ul a.active, .mg-pager li>a:hover, .mg-pager li>a.active {color: #fff; background: var(--main-color);} .mg-pager li>a:hover.active {background: #000; cursor: default;}
.c-pagination ul a:active, .mg-pager li>a:active { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .mg-pager .linkPage:focus {outline: auto;}
.kontakt p.h1 {display:block; max-width: 440px; margin: 20px 0px 10px 0px; padding-right: 5px; color: #535353; font-family: 'FiraMedium', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; text-align: center; text-transform: uppercase;}
.kontakt p.h2 {display:block; max-width: 440px; margin: 20px 0px 10px 0px; color: #535353; font-family: 'FiraMedium', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; text-align: center; text-transform: uppercase;}
/* Стили из плагина p6-chd-show-more ("показать ещё") */
#chd-show-more-button {position:relative; width: 100%; display: inline-block; margin: 2px auto 36px; text-align: center; padding: 16px; cursor: pointer; font-family: 'RobotoMedium', Arial, sans-serif; font-size: 15px; letter-spacing: 0.6px; 
background-color: #F0F0F0; border: 1px solid #c3c3c3; color: #FA4F00; font-weight: 300; text-shadow: #f1f1f1 0 1px 0px; border-radius: 50px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; transition: all .3s ease;}
#chd-show-more-button:hover {background-color: #00B871; border: 1px solid #00AD6B; color: #fff; text-shadow: #008552 0 1px 0px;} #chd-show-more-button .skob {font-family: 'RobotoRegular', Arial, sans-serif;} .defalt {pointer-events: none; cursor:default;}
#chd-show-more-button .load {position: absolute; top: 3px; left: 0; right: 0; width: 90%; height: 46px; z-index: 1080; margin-left: auto; margin-right: auto; padding-top: 0px;  background: #f0f0f0; text-align: center; transition: all .3s ease;}
#chd-show-more-button:hover .load {background-color: #00B871;} #chd-show-more-button .loa-ders {display: block; width: 40px; height: 40px; margin: 3px auto; padding: 0px;  border-radius: 50%; border-top: 4px solid #FF7B00; border-left: 4px solid #FF7B00; 
border-right: 4px solid transparent; box-sizing: border-box; animation: rotates 1s linear infinite;} #chd-show-more-button:hover .loa-ders {border-top: 4px solid #ffffff; border-left: 4px solid #ffffff;}
.finish-product {width: 100%; display: none; margin: 2px auto 48px; text-align: center; padding: 16px; font-family: 'RobotoMedium', Arial, sans-serif; font-size: 15px; letter-spacing: 0.6px; background-color: #F0F0F0; color: #675b56; font-weight: 300; 
border: 1px solid #c3c3c3; text-shadow: #f1f1f1 0 1px 0px; border-radius: 50px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}