/*
 * Theme name: Сайт Документов
 * Description: Шаблон для сайта Документов
 * Author: Smeh
 * Author URI: https://doccc.ru
 * Version: 1.0
 */
 
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensanslight.woff2') format('woff2'), url('fonts/opensanslight.woff') format('woff'), url('fonts/opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('fonts/opensanslightitalic.woff2') format('woff2'), url('fonts/opensanslightitalic.woff') format('woff'), url('fonts/opensanslightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/opensansitalic.woff2') format('woff2'), url('fonts/opensansitalic.woff') format('woff'), url('fonts/opensansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts/opensanssemibold.woff2') format('woff2'), url('fonts/opensanssemibold.woff') format('woff'), url('fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('fonts/opensanssemibolditalic.woff2') format('woff2'), url('fonts/opensanssemibolditalic.woff') format('woff'), url('fonts/opensanssemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensansbold.woff2') format('woff2'), url('fonts/opensansbold.woff') format('woff'), url('fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/opensansbolditalic.woff2') format('woff2'), url('fonts/opensansbolditalic.woff') format('woff'), url('fonts/opensansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('fonts/opensansextrabold.woff2') format('woff2'), url('fonts/opensansextrabold.woff') format('woff'), url('fonts/opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('fonts/opensansextrabolditalic.woff2') format('woff2'), url('fonts/opensansextrabolditalic.woff') format('woff'), url('fonts/opensansextrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
	font-display: swap;
}
html {
    scroll-behavior: smooth;
}
body{
	margin:0px;
}
body,button,input,select,textarea{
	font-family:'Open Sans',sans-serif;
	font-size:17px;
	font-weight:400;
	color:#000;
}
header{
	display:block;
	width:100%;
}
.site-header-top{
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding: 0px 20px;
    box-sizing: border-box;
}
.site-header-top-menu{
	display:flex;
	width:100%;
	padding: 20px 0px;
	box-sizing: border-box;
}
.site-header-top-menu-item{
	display:block;
	width:100%;
}
.site-header-top-menu-item a{
	text-decoration: underline;
	font-size: 17px;
	font-weight: 300;
	color: #333;
}
.site-header-top-menu-item a:hover{
	text-decoration:none;
}
.site-header{
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding: 0px 20px;
    box-sizing: border-box;
}
.site-header-center{
	display:flex;
	width:100%;
}
.site-header-center-logo{
	display:flex;
	width:100%;
	align-items: center;
}
.site-header-center-logo a{
	text-decoration:none;
	display: flex;
	width: 100%;
	align-items: center;
}
.site-header-center-logo a:hover{
	text-decoration:none;
}
.site-header-center-logo-img{
	display:block;
	width:100%;
	max-width: 70px;
	padding-right: 5px;
}
.site-header-center-logo-img img{
	width:100%;
	max-width:70px;
}
.site-header-center-logo-title{
	display: block;
	width: 100%;
	color: #000;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 30px;
}
.site-header-center-logo-title span{
	color: #999;
	font-size: 15px;
}
.site-header-center-messendger{
	display:flex;
	width:100%;
	align-items: center;
	justify-content: center;
}
.site-header-center-messendger-item{
	display: block;
	width: 100%;
	max-width: 30px;
	padding: 0px 10px;
}
.site-header-center-messendger-item a{
	text-decoration:none;
}
.site-header-center-messendger-item a img{
	width:auto;
}
.site-header-center-contact{
	display:block;
	width:100%;
	text-align: right;
}
.site-header-center-contact-tel{
	display:block;
	width:100%;
}
.site-header-center-contact-tel a{
	color: #333;
	text-decoration: none;
	font-size: 24px;
	font-weight: 700;
}
.site-header-center-contact-tel a:hover{
	text-decoration:underline;
}
.site-header-center-contact-time{
	display: block;
	width: 100%;
	color: #999;
	font-weight: 300;
	font-size: 15px;
}
.site-header-center-contact-time span{
	color: #333;
	padding-left: 5px;
}
.site-header-center-contact-email{
	display:block;
	width:100%;
}
.site-header-center-contact-email a{
	color: #333;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
}
.site-header-center-contact-email a:hover{
	text-decoration:underline;
}
.mobile-menu-icons{
	display:none;
}
.site-header-menu{
	display:block;
	width:100%;
	background:#0093dd;
	margin-top: 20px;
}
.site-header-menu-block{
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding: 0px 20px;
    box-sizing: border-box;
}
.glavnoe-menu-mob-text{
	display:none;
}
.glavnoe-menu-mobile-dop{
	display:none;
}
.glavnoe-menu{
	display:flex;
	width:100%;
	align-items: center;
}
.glavnoe-menu-item{
	display:block;
	width:100%;
	padding: 25px 0px;
}
.glavnoe-menu-item a{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
}
.glavnoe-menu-item a:hover{
	text-decoration:underline;
}
.glavnoe-podmenu{
	display: none;
	width: 100%;
	background: #f1f1f1;
    position: absolute;
    left: 0px;
	margin-top: 25px;
	padding: 40px 0px;
	box-shadow: 0px 2px 5px #ccc;
	z-index: 999;
}
.glavnoe-podmenu:hover{
	display:block;
}
.glavnoe-menu-item:hover > div.glavnoe-podmenu{
	display:block;
	animation: shows 0.3s;
}
@keyframes shows {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.glavnoe-podmenu-block{
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding: 0px 20px;
    box-sizing: border-box;
}
.glavnoe-podmenu-block-back{
	display:none;
}
.glavnoe-podmenu-block-title{
	display: block;
	width: 100%;
	color: #999;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	padding-bottom: 20px;
}
.glavnoe-podmenu-block-items{
	display:flex;
	width:100%;
	flex-wrap: wrap;
}
.glavnoe-podmenu-block-item{
	display:block;
	width:100%;
	padding-top: 10px;
	flex-basis: 50%;
}
.glavnoe-podmenu-block-item a{
	font-size: 17px;
	font-weight: 300;
	color: #000;
	text-transform: none;
	text-decoration:none;
}
.glavnoe-podmenu-block-item a:hover{
	text-decoration:underline;
}
.mobile-menu-icons-close{
	display:none;
}
.site-content{
	display:block;
	width:100%;
}
footer{
	display:block;
	width:100%;
	background:#0093dd;
	margin-top: 50px;
}
.footer-content{
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding: 0px 20px;
    box-sizing: border-box;
}
.footer-content-top{
	display:flex;
	width:100%;
	padding: 20px 0px;
	box-sizing: border-box;
	align-items: center;
}
.footer-content-top-logo{
	display:block;
	width:100%;
}
.footer-content-top-logo a{
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size: 30px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}
.footer-content-top-logo a:hover{
	text-decoration:none;
}
.footer-content-top-logo a img{
	width: 100%;
	max-width: 70px;
	padding-right: 5px;
}
.footer-content-top-logo a span{
	color:#fff;
	font-size: 15px;
}
.footer-content-top-contacts{
	display:block;
	width:100%;
}
.footer-content-top-contacts-phone{
	display:block;
	width:100%;
}
.footer-content-top-contacts-phone a{
	text-decoration: none;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.footer-content-top-contacts-phone a:hover{
	text-decoration:underline;
}
.footer-content-top-contacts-email{
	display:block;
	width:100%;
}
.footer-content-top-contacts-email a{
	text-decoration:none;
	font-size: 18px;
	font-weight: 700;
	color:#fff;
}
.footer-content-top-contacts-email a:hover{
	text-decoration:underline;
}
.footer-content-top-messenger{
	display:flex;
}
.footer-content-top-messenger-item{
	display:block;
	width:100%;
	padding-right: 20px;
}
.footer-content-top-messenger-item:last-child{
	padding-right: 0px;
}
.footer-content-top-messenger-item a{
	text-decoration:none;
}
.footer-content-top-messenger-item a:hover{
	text-decoration:none;
}
.footer-content-top-messenger-item a img{
	width:auto;
}
.footer-content-center{
	display:flex;
	width:100%;
	padding: 20px 0px;
	box-sizing: border-box;
}
.footer-content-center-item{
	display:block;
	width:100%;
	padding-right: 20px;
	box-sizing: border-box;
}
.footer-content-center-item:last-child{
	padding-right: 0px;
}
.footer-content-center-item-zag{
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 15px;
	box-sizing:border-box;
}
.footer-content-center-item-content{
	display:block;
	width:100%;
}
.footer-content-center-item-content-item{
	display:block;
	width:100%;
	padding-bottom: 5px;
}
.footer-content-center-item-content-item:last-child{
	padding-bottom: 0px;
}
.footer-content-center-item-content-item a{
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: #fff;
}
.footer-content-center-item-content-item a:hover{
	text-decoration:underline;
}
.footer-content-bottom{
	display:block;
	width:100%;
	padding: 20px 0px;
	box-sizing: border-box;
}
.footer-content-bottom-item{
	display:block;
	width:100%;
}
.footer-content-bottom-item p{
	margin: 0px;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
	line-height: 32px;
}
.footer-mobile-buttons{
	display:none;
}
.breadcrumbs{
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 300;
	color: #999;
}
.breadcrumbs a{
	color: #000;
}
.breadcrumbs a:hover{
	text-decoration:none;
}
.bread-separator{
	padding:0px 5px;
	box-sizing: border-box;
}
.page-oshibka{
	display:block;
	width:100%;
}
.page-oshibka-block{
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 0px 20px;
	box-sizing: border-box;
}
.page-oshibka-block h1{
	font-size: 28px;
	margin: 0px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	padding: 50px 0px;
}
.page-oshibka-block h2{
	font-size: 24px;
	margin: 0px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 50px 0px;
	text-align:center;
}
.page-oshibka-block-text{
	display:block;
	width:100%;
	text-align:center;
}
.page-oshibka-block-knopka{
	display:block;
	width:100%;
	padding: 40px 0px;
	box-sizing: border-box;
}
.page-oshibka-block-knopka a{
	text-decoration: none;
	background: #0093dd;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 100%;
	max-width: 250px;
	height: 50px;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transition: 0.2s;
}
.page-oshibka-block-knopka a:hover{
	text-decoration: none;
	transition: 0.2s;
	opacity: 0.8;
}
@media (max-width: 768px){
	.site-header-top{
		display:none;
	}
	.mobile-menu-icons{
		display:block;
		background-image: url('../../uploads/2025/01/icon-menu.svg');
		background-size: contain;
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
	}
	.mobile-menu-icons-close{
		display:block;
		background-image: url('../../uploads/2025/01/icon-close.svg');
		background-size: cover;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.site-header-center-messendger{
		/*display:none;*/
	}
	.site-header-center-contact{
		display:none;
	}
	.site-header{
		display: flex;
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}
	.site-header-menu{
		margin-top: 0px;
		position: fixed;
		left: -100%;
		top: 0px;
		height: 100%;
		z-index: 9;
	}
	.glavnoe-menu{
		display:block;
	}
	.glavnoe-menu-mob-text{
		display: block;
		width: 100%;
		font-size: 18px;
		font-weight: 600;
		color: #ddd;
		padding: 30px 0px;
		box-sizing: border-box;
	}
	.glavnoe-menu-item{
		display: flex;
		align-items: center;
		padding: 10px 0px;
	}
	.glavnoe-menu-item a{
		width: 50%;
	}
	.glavnoe-menu-item img{
		width: 25px;
		height: 25px;
		padding: 0px 20px;
	}
	.glavnoe-menu-mobile-dop{
		display: block;
		width: 100%;
	}
	.glavnoe-menu-mobile-dop-item{
		display: block;
		padding: 10px 0px;
		box-sizing: border-box;
	}
	.glavnoe-menu-mobile-dop-item a{
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 700;
	}
	.glavnoe-menu-mobile-dop-item a:hover{
		text-decoration:none;
	}
	.glavnoe-podmenu{
		display: block;
		position: fixed;
		top: 0px;
		left: -100%;
		margin: 0px;
		height: 100%;
		box-shadow: none;
		overflow: auto;
	}
	.glavnoe-podmenu-block-back{
		display: flex;
		width: 100%;
		align-items: center;
		font-size: 15px;
		font-weight: 700;
		color: #000;
		text-transform: uppercase;
		padding-bottom: 40px;
	}
	.glavnoe-podmenu-block-back img{
		width: auto;
		height: auto;
		padding: 0px;
		padding-right: 10px;
	}
	.glavnoe-podmenu-block-item{
		padding-right: 15px;
		box-sizing: border-box;
	}
	.footer-mobile-buttons{
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0px;
		background: #0093dd;
	}
	.footer-mobile-buttons-block{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		padding: 10px 0px;
		box-sizing: border-box;
	}
	.footer-mobile-buttons-block-item{
		display: block;
		width: 100%;
		text-align: center;
		border-right: 1px solid #ccc;
		box-sizing:border-box;
	}
	.footer-mobile-buttons-block-item:last-child{
		border-right: 0px;
	}
	.footer-mobile-buttons-block-item a{
		text-decoration:none;
	}
	.footer-mobile-buttons-block-item a:hover{
		text-decoration:none;
	}
	.footer-mobile-buttons-block-item a img{
		width:auto;
	}
}
@media (max-width: 650px){
	.footer-content-center{
		flex-wrap: wrap;
	}
	.footer-content-center-item{
		flex-basis: 50%;
		padding-bottom: 30px;
	}
}
@media (max-width: 600px){
	.footer-content-top{
		display: block;
	}
	.footer-content-top-logo a{
		justify-content: center;
	}
	.footer-content-top-contacts{
		text-align: center;
		padding: 20px 0px;
		box-sizing: border-box;
	}
	.footer-content-top-messenger{
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.footer-content-top-messenger-item{
		width: auto;
	}
}
@media (max-width: 400px){
	.footer-content-center-item{
		flex-basis: 100%;
		padding-right: 0px;
		text-align: center;
	}
}