/* Reset */
html,body {border: none;margin: 0;padding: 0;}h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td,figure {border: none;font-size: inherit;line-height: inherit;margin: 0;padding: 0;text-align: inherit;}blockquote::before,blockquote::after {content: "";}
/* Setup */
html {scroll-behavior: smooth;}
body{color: #333; font-size: 18px; line-height: 1.62rem; margin:0; padding:0;background-color:#FAF5F0;}
a {color:#795548;text-decoration:none;}
a:hover{color:#cd2653;}
header{height: 3.6rem;}

footer{clear:both;background-color:#CFC5B7;padding: 2.3rem 0;}
.wrapper{width: calc(100% - 2rem);max-width: 90rem;margin: auto;}
.content{padding: 20px 0;}
.shaddow{box-shadow: 0 0 5px 1px rgba(0,0,0,.4);}
input,select,textarea{font-size:1em;}
input[type=number] {width: 50px;}
iframe{width:100%;}
pre{font-size:0.8em;line-height: 1rem;}

.w0 { width: unset !important; } .w20 { width:20%; } .w25 { width:25%; } .w30 { width:30%; } .w33 { width:33.33%; } .w50 { width:50%; } .w70 { width:70%; } .w80 { width:80%; } .w100 { width:100% !important; } 
.h200{height:200px;}.h300{height:300px;}

/* Отступы */
.p0{padding:0;}.p5{padding:.5rem!important;}.p10{padding:1rem;}
.pt5{padding-top:.5rem;}.pt10{padding-top:1rem;}.pt20{padding-top:2rem;}
.pb5{padding-bottom:.5rem;}.pb10{padding-bottom:1rem;}.pb20{padding-bottom:2rem;}
.ml10{margin-left:1rem;}.ml20{margin-left:2rem;}
.mr10{margin-right:1rem;}.mr20{margin-right:2rem;}

/* Ровнение */
.left{float:left;}.right{float:right;}.center{margin:auto;text-align:center;justify-content: center;}
.alignright{text-align: right;} .alignleft{text-align: left;} .aligncenter{text-align: center;}

/* Fonts */
@supports (font-variation-settings: normal) {body { font-family: 'Inter var', sans-serif; }}
@font-face {font-family: "Inter var";font-weight: 100 900;font-style: normal;font-display: swap;src: url(/fonts/Inter-upright-var.woff2) format("woff2");}
@font-face {font-family: "Inter var";font-weight: 100 900;font-style: italic;font-display: swap;src: url(/fonts/Inter-italic-var.woff2) format("woff2");}
@font-face {font-family: 'travel';font-display: swap; font-weight: normal;font-style: normal;src: url('/fonts/travel.woff2') format('woff2');}
[class^="f-"]:before, [class*=" f-"]:before {font-family: "travel";font-style: normal;font-weight: normal;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.f-up:before { content: '\e804'; }.f-close:before { content: '\e806'; }.f-fb:before { content: '\f09a'; }.f-menu:before { content: '\f0c9'; }.f-vk:before { content: '\f189'; }.f-ok:before { content: '\f263'; }.f-tg:before { content: '\f2c6'; }
.f-down:before {content: '\e804';transform: rotate(180deg);}
.font06{font-size:0.6em;}.font08{font-size:0.8em;}.font12{font-size:1.2em;}.font14{font-size:1.4em;}.font16{font-size:1.6em;}
.upcase {text-transform: uppercase;}
.underline{text-decoration: underline;text-underline-position: under;}.nounderline{text-decoration: none;}
.bold{font-weight:600;}

/* Colors */
.red{color:red;}.gray{color:gray;}.white{color:white!important;}.black{color:#333;}.green{color:green;}
.b-green{background:green;}.b-white{background:white;}

.relative {position: relative;}
.absolute {position: absolute;}
.scroll {width: 100%; height: auto; overflow: auto;}
.cursor {cursor: pointer;}
.hidden { display: none !important;}
.mobile { display: none;}


h1 {font-size: 2.8rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;} 
h4 {font-size: 1.3rem;}
h5 {font-size: 1.2rem;}

p {line-height: 1;margin: 0 0 1em 0;}

/* Article */
article p {line-height: 1.5;margin: 0 0 1em 0;}
article a {text-decoration: underline;}
article a:hover, article a:focus {text-decoration: none;}
article .map {padding-bottom:2rem;}	
article h1,h2,h3,h4,h5 {padding-bottom: 1em; letter-spacing: -0.04em;line-height: 1.25;}
article img,article .wp-caption{width:100% !important;height:auto;}

ul, ol { margin: 0 0 1rem 0; }
ul { list-style: disc; }
ol {list-style: decimal;}
li { line-height: 1.5; margin: 0.1rem 0 0 1rem; }
li > ul, li > ol { margin: 0.5rem 0 0 1rem;}

.title{font-size: 1.4em;font-weight: 600;padding: 8px 12px;border-left: 4px solid #0F3D2E;background-color: #f9f9f9;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);margin-bottom: 15px;}
.title_image{position: relative;}
.title_image img{padding:0;}
.title_image h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align:center;color: #fff;text-shadow: 1px 1px 5px #000000;}

.container{margin:0 auto;background:#FFFDF7;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:20px;}

.avatar{object-fit: cover;border-radius: 50%;width: 100px!important;height: 100px;}
.profile_image{object-fit: cover;border-radius: 50%;width: 35px!important;height: 35px;}

/* Menu */
nav{background-color:#0F3D2E;position: fixed;width: 100%;z-index:10;color:#000;}
nav ul{background:#0F3D2E;list-style:none;margin:0;padding-left:0;}
nav li{color:#0F3D2E;display:block;float:left;padding: 1rem 0.5rem;position:relative;text-decoration:none;transition-duration:.5s}
nav li a{color:#fff;text-decoration:none;}
nav li:focus-within,nav li:hover{background:#0c1222;}
nav ul li ul li:hover{margin-left:0;}
nav li a:hover{cursor:pointer;color:#fff;}
nav li:focus-within a{outline:0;}
nav ul li ul{background:#0F3D2E;position:absolute;transition:all .5s ease;left:0;display:none;border-top: 5px solid #000;}
nav ul li ul:focus,nav ul li ul:hover, nav ul li:focus-within>ul, nav ul li:hover>ul{display:block;white-space: nowrap;}
nav ul li ul li{clear:both;width:100%;text-align: initial;padding:0;padding:.5rem 0;}
nav ul li ul li a{padding:1rem;}
.menumain{display: flex;}
.menumobile{display:none;}

.sidebar {max-width:300px;overflow:hidden;padding-left:30px;}

/* Map */
.map{display:block;overflow:hidden;border:0px;}

/* Buttons */
button {background:#0F3D2E;color:#fff;border:none;padding:7px 14px;border-radius:4px;cursor:pointer;transition:.3s;user-select:none;}
button:hover,button:focus {background:#07C;outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.5);}
button:active {background:#004494;box-shadow:none;}
button:disabled {background:#ccc;color:#666;cursor:not-allowed;box-shadow:none;}

.btn {border: none;background-color: #0F3D2E; padding: 7px 14px;cursor: pointer;display: inline-block;color: #cecece;}
.btn:hover {background: black;color: white;}

/* Comments */
.comments .required {font-style:italic;color:gray;font-size:14px;}
.comments .children {padding: 0 0 0 10px;}
.comments textarea{width: 100%;height:120px;}
.comments .children li.comment {border-left: 1px solid #ddd;border-bottom:0px;position: relative;padding:0 10px;}
.comments li {list-style:none;}
.comments .avatar{border:1px solid #bbb;float:left;width:32px;height:32px;margin:3px 10px 0 0;padding:1px;border-radius:50%;}
.commentdata, .commentdata a {color:#ccc; font-size:12px;}
.comment-author {text-decoration:underline;font-weight: 700;}
.comtext{padding:7px 0;}
.comtext img{padding:2px;max-width: 90%;height: auto;border:0;}
.comment-body {margin-bottom:20px;}
.form-submit, .comment-form-subscriptions, .comment-form-text{padding-top:10px !important;}
.comment-respond{padding-top:10px;}
.comment-reply-link {color:#686868;text-decoration:none;cursor:pointer;}

/* блоки информации*/
.lookit{padding: 5px 20px;border-left: 10px solid #ffff0099;margin: 20px 0;} .lookit h3{padding:0;}
.knowit{padding: 5px 20px;border-left: 10px solid #ff000099;margin: 20px 0;} .knowit h3{padding:0;}
.linkit{padding: 5px 20px;border-left: 10px solid #00800099;margin: 20px 0;} .linkit h3{padding:0;}
.glosit{padding: 5px 20px;border-left: 10px solid #ffffff99;margin: 20px 0;} .linkit h3{padding:0;}

/* Breadcrumbs container */
.breadcrumbs { font-size:0.8em; list-style:none; padding-bottom:10px; margin:0; overflow:hidden; } 
.breadcrumbs li { display:inline; margin:0 } 
.breadcrumbs a { text-decoration:none; color:#333; } 
.breadcrumbs li::after { content:"›"; margin:0 8px; color:#666 } 
.breadcrumbs li:last-child::after { content:"" } 

.masonry{box-sizing: inherit;transition: all .5s ease-in-out;column-gap: 30px;column-fill: initial;column-count: 3;}
.masonry .text{color:#fff;position: absolute;z-index: 1;text-shadow: 1px 1px 5px #000000;top: 75%;width:100%;}
.masonry .image:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background-image: linear-gradient(180deg,transparent,#292929);background-image: -webkit-linear-gradient(top,transparent,#292929);}
.masonry .image:hover{opacity: .75;}
.masonry .brick {margin-bottom: 30px;vertical-align: top;width:100%;background-clip: content-box;box-sizing: border-box;float: left;}

/* Галерея */
.gallery {margin: auto;padding-bottom:1rem;}
.gallery-item {float:left;margin:0px;text-align:center;}
.gallery-columns-2 .gallery-item {width:50%;}
.gallery-columns-3 .gallery-item {width:33%;}
.gallery-columns-4 .gallery-item {width:25%;}
.gallery-icon{padding:3px;}
.gallery img {max-width: 100%;border: 1px solid #9e9e9e;}
.gallery .gallery-caption {margin-left: 0;}
.wp-caption-text {font-size:0.8em;font-style: oblique;padding:0 10px;line-height: normal;}

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* table */
.table{width:100%;margin-bottom:10px;}
.table th,.table td{border-bottom:1px solid #ddd;padding: 2px 5px;max-width: 250px;}
.table th{background-color:#dcd6c8;cursor: pointer;font-weight: normal;}
.table textarea,.table select, .table input {width:100%;}
.table thead{position: sticky;top: 58px;}
.tbg{background-color: #e7e2d485;}

/* live search */
.search-box,.search-box-project,.search-box-fast,.search-box-supplier,.search-box-materials,.search-box-library-attach{ width: 100%;position: relative;display: inline-block;}
.result,.result-project,.result-fast,.result-supplier,.result-materials,.result-library-attach{position: absolute;z-index: 999;top: 100%;left: 0;}
.search-box input[type="text"],.search-box-project input[type="text"],.search-box-fast input[type="text"],.search-box-supplier input[type="text"],.search-box-materials input[type="text"],.search-box-library-attach input[type="text"],.result{width: 100%;}
.result p,.result-project p,.result-fast p,.result-supplier p,.result-materials p,.result-library-attach p{ margin: 0;padding: 7px 10px;border: 1px solid #CCCCCC;border-top: none;cursor: pointer;background: #ddd;}
.result p:hover,.result-project p:hover,.result-fast p:hover,.result-supplier p:hover,.result-materials p:hover,.result-library-attach p:hover{background: #f2f2f2;}

#dialog {width: 80%;max-width: 500px;padding: 20px;background-color: #f5f5f5;border-width: 1px;}

/* Form */
.form { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #FFFDF7; border-radius: 5px;}
 .form-message { color: red; margin-bottom: 10px; }
 .form-row { display: flex; align-items: center; margin-bottom: 10px; }
 .form-row label { flex: 1; white-space: nowrap;}
 .form-row input,.form-row select,.form-row textarea { flex: 2; padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; }
 .form-row input[type="submit"], .form-row input[type="button"] { background-color: #fff; color: #333; &:hover { color: #fff; background-color: #444; border-color: #444; cursor: pointer; }
 }

 /* Pagination */
.pagination {margin-top: 20px;text-align: center;}
.pagination a {display: inline-block;padding: 5px 10px;margin: 0 2px;border: 1px solid #ccc;border-radius: 3px;text-decoration: none;color: #333;}
.pagination a.active {background-color: #555;color: #fff;border-color: #999;}
.pagination a:hover {color:#fff;background-color: #333;}

.sign {border-top: 1px solid #E0E0E082; width:90%;}
.sign-bottom {border-bottom: 1px solid #E0E0E082; width:90%;}
.sign-clear {width:90%;}

.printpreview{padding:10px; background-color: #fff;}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#toggleButton{ cursor: pointer; }
#toggleContent{ display: none; }


/* Mobile */
@media screen and (max-width:1200px) {
	.mhidden { display: none; }
	.mobile { display: unset;}
	article{padding: 0 10px;}
	header {height:0;}
	article img,article .wp-caption{width:100vw !important;position: relative;margin-left: -50vw;left: 50%;}
	ul, ol {margin: 0 0 1rem 0;}

	.menumain {display: block;position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;background-color: #0F3D2E;overflow-y: auto;}
	.menumobile{display: block; padding:10px 0;z-index: 100; width:100%; bottom:0; position: fixed; background-color:#fff;}
    nav{bottom:0;display:none;}
	nav ul{margin:10px;}
	nav li {float:none; text-align:left;}
	nav ul li ul{position:static;border-top:none;border-left: 5px solid #f5efe099;margin:0;box-shadow: none !important;}
	nav ul li:hover>ul{display:none;}
	nav li:hover{background:none;}
	.menulast{padding-bottom:60px;}

	.burger::after {font-family: "travel";content: '\f0c9';}
	.burger.opened::after {font-family: "travel";content: '\e806';}
	.dropdown::before {font-family: "travel";content: '\e804';color:#000;float: right;transform: rotate(90deg);margin-right: 10px;}
	.dropdown.opened::before {transform: rotate(180deg);}

	h1, h2, h3, h4, h5, h6 {line-height:1;}
	h1{font-size:1.6rem;}
	h2{font-size:1.4rem;}
	h2{font-size:1.3rem;}

	.title_image{padding-top:0;}
	.title:before{bottom:100%;}

	.w20,.w25,.w33{width:50%;}
	.w30,.w50,.w70{width:100%;}

	.gallery img,.masonry img {max-width: 100%;margin:0;left: unset;}
	.gallery-columns-4 .gallery-item {width:50%;height: 220px;}

	table{overflow-x:scroll;display:block;height: auto !important;}
	.table thead{position: unset;top: unset;}

	.sidebar {padding-left:0;}

	#dialog { max-width: none;}
}
@media screen and (max-width:600px) {
	.w33{width:100%;}
}

@media screen and (max-width:1000px) {
	.masonry{column-count: 2;}
	.masonry .brick {display: inline-block;}
}
@media screen and (max-width:500px) {
	.masonry{column-count: 1;}
}

@media print {
    @page {
        margin:0 !important;
        padding:0 !important;
    }
    body {
        transform: scale(0.95);
        width: 100%;
        margin:0 !important;
        padding:0 !important;
        line-height: 1.4;
        word-spacing:1.1pt;
        letter-spacing:0.2pt;
        color: #000;
        background: none;
        font-size: 11pt !important;
    }
    a { color:#000000; }
    main {margin:0 !important;}
   #menu, #hamburger {display:none;}
   .printhide {display:none;}
   .print {width:900px;}.print, .print th, .print td {border: 1px solid #ccc;border-collapse: collapse;overflow:hidden;padding: 2px 2px;vertical-align: top;}
   .table{width:100%;}
   .printpreview{padding:0;}
}