:root{
  --header_search_width: 300px;
  --content_width: 1300px;
}

/* content */
html,
.body{background-color: rgba(var(--color_bg), 1);}
.section-content{max-width: var(--content_width);margin: 0 auto;width: 100%;}
.social-icon{width: 20px;height: 20px;display: inline-block;}

/* footer */
footer{background-color: rgba(var(--color_white), 1);padding-top: 40px;padding-bottom: 20px;margin-top: 200px;}
.footer-menu-block a{display: block;}
.footer-menu-block > a:not(:first-child){margin-top: 10px;}
.footer-menu-grow{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.footer-menu-parent{max-width: 60%;width: 100%;}
.footer-social a:not(:first-child){margin-left: 10px;}
.footer-vk-icon{background-image: var(--img_social_vk);}
.footer-facebook-icon{background-image: var(--img_social_facebook);}
.footer-ok-icon{background-image: var(--img_social_ok);}
.footer-telegram-icon{background-image: var(--img_social_telegram);}
.footer-twitter-icon{background-image: var(--img_social_twitter);}
.footer-vk-icon:hover{background-image: var(--img_social_vk_active);}
.footer-facebook-icon:hover{background-image: var(--img_social_facebook_active);}
.footer-ok-icon:hover{background-image: var(--img_social_ok_active);}
.footer-telegram-icon:hover{background-image: var(--img_social_telegram_active);}
.footer-twitter-icon:hover{background-image: var(--img_social_twitter_active);}
.footer-separator{height: 1px;width: 100%;background-color: rgba(var(--color_text), .2);}
.footer-tpl-logo{position: relative;padding-left: 30px;}
.footer-tpl-logo::before{position: absolute;left: 0;content:'';width: 20px;height: 20px;background-image: var(--img_logo_tpl);}
.footer-bottom-links li{list-style-type: none;}
.footer-bottom-links > *:not(:first-child){margin-left: 35px;}
.footer-mc{background-image: var(--img_footer_mc);width: 35px;height: 20px;}
.footer-visa{background-image: var(--img_footer_visa);width: 58px;height: 20px;}

/* modal */
.modal{visibility: hidden;z-index: 4;-webkit-transform: translateY(10px);transform: translateY(10px);opacity: 0;-webkit-transition: -webkit-transform .2s, transform .2s, opacity .3s;transition: -webkit-transform .2s, transform .2s, opacity .3s;}
.modal.modal-reverse{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.modal.active{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;top: 100%;visibility: visible;left: auto !important;}
.modal.modal-reverse.active{top: 0;}
.modal.active_hide{-webkit-transform: translateY(10px);transform: translateY(10px);opacity: 0;}
.modal.modal-reverse.active_hide{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.modal-close{width: 40px;height: 40px;position: absolute;background-image: var(--img_close);background-repeat: no-repeat;background-position: center center;right: 0;top: 0;cursor: pointer;-webkit-transition: background-color .3s;transition: background-color .3s;}
.modal-close:hover{background-image: var(--img_close_active);}
.modal-text{padding-right: 20px;}
.block-3 .modal-close,
.block-4 .modal-close{background-image: var(--img_modal_notification_close);}

/* Панель быстрого редактирования */
.useradmin_contener{font-size: inherit;line-height: inherit;font-family: inherit;font-weight: inherit;color: inherit;}
.diafan-admin-link *,
.diafan-admin-logo *,
.diafan-admin-unit,
.diafan-admin-unit *,
.diafan-admin-logo{line-height: 1;color: #fff;}
.diafan-admin-link *:after,
.diafan-admin-link *:before,
.diafan-admin-logo *:after,
.diafan-admin-logo *:before,
.diafan-admin-unit:after,
.diafan-admin-unit:before,
.diafan-admin-unit *:after,
.diafan-admin-unit *:before,
.diafan-admin-logo:after,
.diafan-admin-logo:before{font-size: initial;}
.devoloper_tech{text-align: center;padding: 10px;background: #FFF;margin-bottom: 20px;}
.useradmin_meta{background: #FFF}
.useradmin_meta table{padding: 10px;max-width: var(--content_width);margin: 0 auto 20px;}
.useradmin_meta,
.useradmin_meta *{display: block;}
.useradmin_meta tr{display: -webkit-box;display: -ms-flexbox;display: flex;}
.useradmin_meta td:not(:first-child){margin-left: 20px;}

/* Обработка ошибок диафана */
.diafan_div_error{font-size: 1rem;line-height: 1rem;}

/* Фиксированный элемент с зависимостью */
.fixed-rel-animation > div{-webkit-transition: padding .2s;transition: padding .2s;-webkit-transition-delay: .1s;transition-delay: .1s;}
.fixed-rel-animation > div:not([class]){padding-top: 0;}
.fixed-rel-animation > div[class]{padding-top: 20px;}
.fixed-rel,
.fixed-rel-stop{z-index: 2;}
.fixed-rel{position: fixed;}
.fixed-rel-stop{position: relative;}

/* Ссылки на пред.след. категорию */
.paginator-list-prev-next__item{padding: 15px 20px;}

/* Ожидание ответа от сервера для кнопки действия */
.server-action-wait{position: relative;cursor: default;}
.server-action-wait,
.server-action-wait:hover:not([disabled]){color: transparent;}
.server-action-wait__group{display: block;position: absolute;left: 0;top: calc(50% - 4px);width: 100%;text-align: center;}
@-webkit-keyframes server-action-wait{from{opacity: 0;}to{opacity: 1;}}
@keyframes server-action-wait{from{opacity: 0;}to{opacity: 1;}}
.server-action-wait__el{border: 1px solid rgba(var(--color_main), 1);background: rgba(var(--color_white), 1);width: 8px;height: 8px;display: inline-block;border-radius: 50px;-webkit-animation: server-action-wait .75s ease infinite;animation: server-action-wait .75s ease infinite;}
.server-action-wait__el:not(:first-child){margin-left: 5px;}
.server-action-wait__el:nth-child(2){-webkit-animation-delay: .18s;animation-delay: .18s}
.server-action-wait__el:last-child{-webkit-animation-delay: .36s;animation-delay: .36s}

/* 404 */
.error-number{font-size: 150px;line-height: 170px;}

/* Стили для пустой страницы */
.empty-container{margin-top: 150px;}
.empty-package{fill: rgba(var(--color_text), 1);stroke: rgba(var(--color_text), 1);}

/* cookie */
.privacy_policy{max-width: 760px;width: 100%;position: fixed;left: calc(50% - 380px);top: calc(100vh - 81px);z-index: 4;padding: 15px;}
.privacy_policy p{max-width: 590px;width: 100%;}

.footer-pays > .useradmin_contener,
.footer-subscription-block > .useradmin_contener {
  display: inherit;
}
.footer-subscription-block > .useradmin_contener form {
  margin-left: auto;
}

.fotorama:not(.fotorama--fullscreen) .fotorama__fullscreen-icon {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  background: transparent !important;
}