/* ------------------------------------------------------------------------- *
 *  Table of contents
	
	1. Reset
	2. Base Styles
		- Fonts
		- Forms
		- Entry Text
		- Headings
	3. Base Structure
		- Layout
	4. Common Elements
		- Nav
	5. Header
	6. Page
	7. Footer
	8. Post Entry
	9. Post Formats
	
	
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- *
 *  Reset  v2.0 | 20110126

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, caption, tfoot, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video

 * ------------------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
form, label, legend, caption, tfoot, td, article, aside, 
canvas, details, embed, figure, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border:0; vertical-align: baseline;  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse:collapse; border-spacing: 0; }

thead td {
    position: sticky;
    top: 0;
    background: #efefef;
}



/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */

body {font-family: 'Futura PT', Arial, sans-serif; background: #f9fafb; font-size: 16px; line-height: 1.3em; color: #333; font-weight: 400; }

html, body{/* max-height:100vh; */}

a { color: #0825a5; text-decoration: none; }
a:hover { color: #777; }
img { max-width: 100%; height: auto; }
a,
a:before,
a:after { transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; }
a img { transition: opacity 0.2s ease; }
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
ol, ul { box-sizing: content-box; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }

/*  base : clear
/* ------------------------------------ */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

/*  base : font awesome square size
/* ------------------------------------ */
.fa, .fab, .fal, .far, .fas { width: 1em; text-align: center; }




/*  base : forms
/* ------------------------------------ */
input, textarea, button, select, label { font-family: inherit; }
textarea{resize: none}
.themeform input,
.themeform select,
.themeform textarea,
.themeform button,
.themeform label { font-size: 14px; }
.themeform input::-moz-focus-inner, 
.themeform button::-moz-focus-inner { border: 0; padding: 0; }
.themeform input[type="search"],
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform input[type="submit"],
.themeform select,
.themeform button, 
.themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; }
.themeform input, 
.themeform select,
.themeform textarea, 
.themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
.themeform select { appearance: normal; -moz-appearance: menulist; -webkit-appearance: menulist; }
.themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
.themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
.themeform label {/* font-weight: 600; color: #fff; */}
.themeform input[type="search"],
.themeform input[type="text"], 
.themeform input[type="password"], 
.themeform input[type="email"], 
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform textarea { border: 1px inset #c6c6c6; color:#333; display: block; max-width:100%; outline:none; padding:7px 8px; border-radius:3px; }
.themeform input[type="search"]:focus,
.themeform input[type="text"]:focus, 
.themeform input[type="password"]:focus, 
.themeform input[type="email"]:focus, 
.themeform input[type="url"]:focus,
.themeform input[type="tel"]:focus,
.themeform input[type="number"]:focus, 
.themeform select:focus,
.themeform textarea:focus { border-color: #555; color: #333; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.themeform label .required { color: #999; }
.themeform input[type="button"],
.themeform input[type="reset"],
.themeform input[type="submit"],
.themeform button[type="button"],
.themeform button[type="reset"],
.themeform select,
.themeform button[type="submit"] { background:#fff; color:#333; padding:8px 14px; font-weight:600; display:inline-block; cursor:pointer; border-radius: 3px; border: 1px outset #c6c6c6; }
.themeform input[type="button"]:hover,
.themeform input[type="reset"]:hover,
.themeform input[type="submit"]:hover,
.themeform button[type="button"]:hover,
.themeform button[type="reset"]:hover,
.themeform button[type="submit"]:hover { background: #fff; }

.themeform.searchform div { position: relative; }
.themeform.searchform div input { background: #fff; padding-left: 26px; line-height: 20px; }
.search-expand .themeform.searchform div input:focus { color: #333; }
.themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 6px; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.input-file {position:relative; display:inline-block;}

.input-file span {background:#fff; color:#333; padding:3px 14px; font-weight:600; display:inline-block; cursor:pointer; border-radius: 3px; border: 1px outset #c6c6c6;
					max-width: 130px; height: 24px; overflow: hidden;}
.input-file input[type=file] {position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0;}
 
/* Focus */
.input-file input[type=file]:focus + span {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
 
/* Hover/active */
.input-file:hover span { background-color: #efefef;}
.input-file:active span {background-color: #f9fafb;}
 
/* Disabled */
.input-file input[type=file]:disabled + span {background-color: #eee;}

.msg_info{color:#df4a4a;}

/*  base : entry
/* ------------------------------------ */
.entry { font-size: 18px; line-height: 1.3em; margin: 0 auto; padding:5px;}
.entry a { text-decoration: none; }
.entry a:hover { color: #999; }
.entry hr { border: 0; background: #a49e9e; height: 2px; width: 100%; margin: 40px auto; }
.entry p,
.entry dd { margin-bottom: 1em; }
.entry dt { color: #333; }
.entry dt { font-weight: 600;}
.entry address { margin-bottom: 1em; }
.entry blockquote { position: relative; color: #aaa; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.entry blockquote p { font-weight: 400; color: #fff; margin-bottom: 0.75em; }
.entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; position: absolute; left: 0; top: 0; }
.entry blockquote.twitter-tweet:before { content: "\f099"; }
/*
.entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
.entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #444; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
	*/
.entry code, .entry pre {white-space: pre-wrap}
.entry code { background: #222; padding: 0 3px; }
.entry ins { background: #fff486; }
.entry sub,
.entry sup { font-size: 62.5%; }
.entry sub { vertical-align: sub; }
.entry sup { vertical-align: super; }

/* image position & caption */
.entry img.size-auto,data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==
.entry img.size-large,
.entry img.size-medium,
.entry attachment img { max-width: 100%; height: auto; }
.entry img.alignleft { margin: 18px 20px 18px 0; }
.entry img.alignright { margin: 18px 0 18px 20px; }
.entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
.entry img .size-full { width: 100%!important; }
.entry .gallery img, .entry img.wp-smiley { margin: 0; }
.entry .wp-caption { background: #222; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
.entry .wp-caption-text { font-style: italic; }
.entry .wp-caption a { border-bottom: none; }
.entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
.entry .wp-caption.alignleft { margin-right: 20px; }
.entry .wp-caption.alignright { margin-left: 20px; }
.entry .wp-caption.alignnone { overflow: hidden; }
.entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; }

/* table */
.entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #222; }
.entry table td { border: 1px solid #a6aab2; text-align: center; padding: 5px; }
.entry table th { border: 1px solid #a6aab2; font-weight: 600; text-align: center; padding: 10px 5px; line-height: 1.2em; position: sticky; top: 0; background: #d7d7d7;}
.entry table th:first-child {border-left: none;}
.entry table th:last-child {border-right: none;}
.entry table td:first-child {border-left: none;}
.entry table td:last-child {border-right: none;}

/* default gallery */
.entry .gallery,
.widget .gallery { clear: both; overflow: hidden; width: 100%; margin-top: 15px!important; margin-bottom: 15px!important; }
.entry .gallery img,
.widget .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.entry .gallery .gallery-item,
.widget .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
.entry .gallery .gallery-caption,
.widget .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%;
transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease; }
.entry .gallery .gallery-item:hover .gallery-caption  { bottom: 0; }
.entry .gallery-columns-5 .gallery-caption,
.entry .gallery-columns-6 .gallery-caption,
.entry .gallery-columns-7 .gallery-caption,
.entry .gallery-columns-8 .gallery-caption,
.entry .gallery-columns-9 .gallery-caption,
.widget .gallery-columns-2 .gallery-caption,
.widget .gallery-columns-3 .gallery-caption,
.widget .gallery-columns-4 .gallery-caption,
.widget .gallery-columns-5 .gallery-caption,
.widget .gallery-columns-6 .gallery-caption,
.widget .gallery-columns-7 .gallery-caption,
.widget .gallery-columns-8 .gallery-caption,
.widget .gallery-columns-9 .gallery-caption { display: none!important; }

/*  base : headings
/* ------------------------------------ */
.heading,
#reply-title { font-weight: normal; font-size: 18px; font-weight: 400; margin-bottom: 1em; }
.heading i { font-size: 22px; margin-right: 6px; }
.single h4.heading { padding-bottom: 30px; margin: 40px 0; border-bottom: 1px solid #333; }


/* ------------------------------------------------------------------------- *
 *  Base Blocks
/* ------------------------------------------------------------------------- */

/*  blocks : common
/* ------------------------------------ */

/* block : paragraph */
.entry p { margin-bottom: 16px; }

/* block : heading */
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 300; -ms-word-wrap: break-word; word-wrap: break-word; }
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { font-weight: 300; line-height: 1.3em; }
.entry h1 span, 
.entry h2 span, 
.entry h3 span, 
.entry h4 span, 
.entry h5 span, 
.entry h6 span { color: #bbb; }
.entry h1 { font-size: 38px; letter-spacing: -1px; }
.entry h2 { font-size: 34px; letter-spacing: -0.7px; }
.entry h3 { font-size: 28px; letter-spacing: -0.5px; }
.entry h4 { font-size: 24px; letter-spacing: -0.3px; }
.entry h5 { font-size: 20px; font-weight: 600; }
.entry h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; }

/* block : list */
.entry ol,
.entry ul { margin: 0; padding: 0px; }
.entry ol ol,
.entry ol ul,
.entry ul ul,
.entry ul ol { margin-bottom: 0; }
.entry li { margin: 0; }
.entry ul li,
.entry ol ul li { list-style: square; }
.entry ol li,
.entry ol ul ol li { list-style: decimal; }

/* block : common */
.entry .wp-block-image figcaption,
.entry .wp-block-audio figcaption,
.entry .wp-block-embed figcaption { font-size: 14px; text-align: center; }

/* block : image */
.entry .wp-block-image {  }

/* block : gallery */
.entry .wp-block-gallery { padding: 0; margin-left: 0; }
.entry .wp-block-gallery .blocks-gallery-grid { margin: 0; padding: 0; }
.entry .wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box; }

/* block : cover */
.entry .wp-block-cover {  }

/* block : quote */
.entry .wp-block-quote { margin-bottom: 20px; }
.entry .wp-block-quote.is-large { padding-left: 50px; }

/* block : audio */
.entry .wp-block-audio {  }

/* block : file */
.entry .wp-block-file {  }
.entry .wp-block-file a.wp-block-file__button { color: #fff; }

/* block : video */
.entry .wp-block-embed {  }


/*  blocks : formatting
/* ------------------------------------ */

/* block : classic */
.entry .wp-block-classic {  }

/* block : pullquote */
.entry .wp-block-pullquote { padding-top: 0; padding-bottom: 0; }
.entry .wp-block-pullquote.alignleft { margin-right: 2em; }
.entry .wp-block-pullquote.alignright { margin-left: 2em; }
.entry .wp-block-pullquote blockquote { padding-left: 50px; text-align: left; }
.entry .wp-block-pullquote blockquote p { line-height: 1.4em; }

/* block : code */
.entry .wp-block-code {  }
.entry .wp-block-code code { background: none; }

/* block : custom html */
.entry .wp-block-custom {  }

/* block : preformatted */
.entry .wp-block-preformatted {  }

/* block : table */
.entry .wp-block-table {  }

/* block : verse */
.entry .wp-block-verse {  }

/*  blocks : layout elements
/* ------------------------------------ */

/* block : separator */
.entry .wp-block-separator {  }

/* block : more */
.entry .more-link {  }

/* block : button */
.entry .wp-block-button {  }
.entry .wp-block-button a { color: #fff; }

/* block : columns */
.entry .wp-block-columns {  }

/* block : media & text */
.entry .wp-block-media-text {  }
.entry .has-large-font-size { line-height: 1.4em; }

/* block : spacer */
.entry .wp-block-spacer {  }

/* block : page break */
.entry .post-pages {  }

/*  blocks : widgets
/* ------------------------------------ */

/* block : latest comments */
.entry .wp-block-latest-comments { padding-left: 0; }

/* block : latest posts */
.entry .wp-block-latest-posts {  }

/* block : archives */
.entry .wp-block-archives {  }

/* block : categories */
.entry .wp-block-categories {  }

/* block : shortcode */
.entry .wp-block-shortcode {  }

/* block : calendar */
.entry .wp-block-calendar {  }

/* block : rss */
.entry .wp-block-rss {  }

/* block : search */
.entry .wp-block-search {  }

/* block : tag cloud */
.entry .wp-block-tag-cloud {  }

/*  blocks : shared
/* ------------------------------------ */
.entry > ol,
.entry > ul,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry .wp-block-image,
.entry .wp-block-gallery,
.entry .wp-block-cover,
.entry .wp-block-embed,
.entry .wp-block-quote,
.entry .wp-block-pullquote,
.entry .wp-block-audio,
.entry .wp-block-file,
.entry .wp-block-code,
.entry .wp-block-preformatted,
.entry .wp-block-table,
.entry .wp-block-media-text,
.entry .wp-block-button,
.entry .wp-block-separator,
.entry .wp-block-columns,
.entry .wp-block-latest-comments,
.entry .wp-block-latest-posts,
.entry .wp-block-archives,
.entry .wp-block-categories,
.entry .wp-block-shortcode,
.entry .wp-block-calendar,
.entry .wp-block-rss,
.entry .wp-block-search,
.entry .wp-block-tag-cloud { margin-top: 10px; margin-bottom: 32px; }

/*  blocks : important
/* ------------------------------------ */
.entry > *:not(.alignfull) { /* max-width: 640px; */ margin-left: auto; margin-right: auto; box-sizing: border-box; }
.entry > *:not(.alignfull).alignwide { max-width: 940px; }
.entry > .alignfull { margin-left: -40px; margin-right: -40px; max-width: none; width: auto; }


/* ------------------------------------------------------------------------- *
 *  Base Structure
/* ------------------------------------------------------------------------- */

/*  base : layout
/* ------------------------------------ */
#wrapper { margin: 0 auto; background: #efefef;}

.container {  }
.container-inner { margin: 0 auto; }
.main { }
.main-inner { position: relative; min-height: 600px; /* instead of sticky footer */ }
.content { margin: 0 auto; position: relative; }
.pad { padding: 30px 50px; }

/* boxed */
body.boxed {  }
.boxed #wrapper { max-width: 1200px; margin: 0 auto; }

/*  base : layout columns
/* ------------------------------------ */

/* 2 column, content left */
.col-2cl #header { order: 3; border-left: 1px solid #333; }
.col-2cl .s2 { order: 1; }
.col-2cl .main { order: 2; }

/* 2 column, content right */
.col-2cr #header { order: 1; border-right: 1px solid #333; /* display: none; */}
.col-2cr .s2 { order: 0; }
.col-2cr .main { order: 2; }

/*  base : sidebar
/* ------------------------------------ */
.sidebar { position: relative; z-index: 2; }
.sidebar .pad { padding-left: 20px; padding-right: 20px; }

/* sidebar primary */
.s1 { z-index: 2; }

/*  base : grid
/* ------------------------------------ */
.grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }

.one-full { margin-right: 0; width: 100%; }
.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; }

.flex_box{ display:flex; gap:50px; margin:30px 0 20px; }
.fitem1{display:flex; gap:50px; flex-direction:column;}
.fitem2{padding: 10px; border: 1px inset #fff; background-color: #fefefe;}

.justify-between{justify-content: space-between;}

.entry table .txt-right{text-align:right;}

.bread, legend{font-size: 14px; color: #808080;}
.GroupBox1 {padding: 10px;line-height: 30px;}
#cName{width:300px;}
.box_form{display:flex; gap:10px;}
.flex_start{align-items:flex-start;}
.flex_end{align-items:flex-end;}
.box_item{}
.item1{padding-right: 20px; width:350px;}
.item2{flex:1 1 auto; padding: 10px; background-color: #f3f2f2; /* overflow-y: scroll;  height: calc(100vh - 150px); */}
.item2 thead td {background: #f9fafb;}
.item2 tbody td:nth-child(1), 
.item2 tbody td:nth-child(2),
.item2 tbody td:nth-child(3),
.item2 tbody td:nth-child(4),
.item2 tbody td:nth-child(5){white-space: nowrap;}

.tab_load tbody td:nth-child(3),
.tab_load tbody td:nth-child(4),
.tab_load tbody td:nth-child(5){white-space: nowrap;}

.item2 tbody td:nth-child(3),
.item2 tbody td:nth-child(4){text-align:right;}
.dbox input[type='text']{width:400px;}
#procBtn{width: 121px;}

.item2 tbody span{cursor:pointer;}
.item2 tbody b{cursor:pointer;}

.item3 tbody td:nth-child(3),
.item3 tbody td:nth-child(5){text-align:right;}

.red_col{color: #cf3030;}
.green_col{color: #d6f8d7;}
.red{background-color:#fff; color: #cf3030;}
.yellow_bg{background-color: #ffffbd;}
.green_bg{background-color: #d6f8d7;}

.srequired{font-size:24px;}

.box-but{display: flex; align-items:center; gap:30px; padding:10px 5px;}
.abutton {width:100px; padding: 5px 0; font-size:1rem; font-weight: 400; line-height:1;color: #474747;background-color: #D9D9D9;
          text-align:center; display:flex; align-items:center; justify-content:center; border-radius: 3px;}
.but_button{border:none; width:130px; text-transform:uppercase; font-size: 14px; font-weight: 400; line-height:1;color: #474747;background-color: #D9D9D9;
          text-align:center; display:inline-block; align-items:center; padding:10px 0px; cursor:pointer; border-radius:3px; }
.act {color: #FFFFFF; background-color: #82D2D5;}

.select_date {display:flex; gap:20px;}

/* Древовидные представления  */
.tree{
  --spacing : 1.5rem;
  --radius  : 6px;
}

.tree li{
  display      : block;
  position     : relative;
  padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);
  margin-bottom: 6px;
}

.tree ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 0;
}

.tree ul li{border-left : 2px solid #ddd;}

.tree ul li:last-child{
  border-color : transparent;
}

.tree ul li::before{
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(var(--spacing) / -2);
  left         : -2px;
  width        : calc(var(--spacing) + 2px);
  height       : calc(var(--spacing) + 1px);
  border       : solid #ddd;
  border-width : 0 0 2px 2px;
}

.tree summary{display : block; cursor:pointer;min-height:30px;}
.tree details li{min-height:30px;}
.tree summary::marker,
.tree summary::-webkit-details-marker{
  display : none;
}

.tree summary:focus{outline : none;}

.tree summary:focus-visible{outline : 1px dotted #000;}

.tree li::after,
.tree summary::before{
  content       : '';
  display       : block;
  position      : absolute;
  top           : calc(var(--spacing) / 2 - var(--radius));
  left          : calc(var(--spacing) - var(--radius) - 1px);
  width         : calc(2 * var(--radius));
  height        : calc(2 * var(--radius));
  border-radius : 50%;
  background    : #ddd;
}

.tree summary::before{
  content     : '+';
  z-index     : 1;
  background  : #696;
  color       : #fff;
  line-height : calc(2 * var(--radius) - 0px);
  text-align  : center;
}

.tree details[open] > summary::before{content: '−'}
.tree li a{cursor:pointer; display: inline-block; line-height: 1em;}

/* Popup-okno */
.black{position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; background:rgba(44, 51, 41, 0.6); z-index:1000;}
    .big_box_close{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1001;display:block;}
    .form_box{
		position: relative;
		display: block;
		top: auto;
		left: auto;
		margin: 0px auto;
		padding: 30px;
		width: 100%;
		min-width: 220px;
		max-width: 380px;
		height:350px;
		z-index: 1002;
        background-color: #fff;
		box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
    }
        .a_close_box{
            position:absolute;
            display:block;
            top:-8px;
            right:-8px;
            width:36px;
            height:36px;
            font-size:34px;
            line-height:34px;
            border-radius:6px;
            background-color: #fff;
            box-shadow: 0px 5.6px 33.6px rgba(0, 0, 0, 0.08);
            color:#2C3329;
            text-align:center;
            font-family:sans-serif;
            font-weight:300;
            box-sizing:content-box;
            cursor:pointer;
            z-index:1003;
        }
		.a_close_box:hover{color:#86C555;}
        .form_title{position:relative;font-size:20px;font-weight:bold;padding-bottom:10px;}
        .form_form{position:relative;display:block;clear:both;width:100%;height:100%;}	

		.show_form{cursor:pointer;float:right;}

/* END Popup-okno */

#form1 .form_body{overflow-y: scroll; height:calc(100% - 110px);}
#txtdescr, #txtdescr2{resize: none;color: #cf3030;}

.tb-report td{position:relative;}
.ch-choice{position:absolute; top:-4px; left:-7px; cursor:pointer;}
.ch-note{position:absolute; top:-4px; right:-1px; cursor:pointer;}
.box-note{position:absolute; top:18px; left:1px; border:1px solid #ccc; background-color:#fff6c2;padding:10px; z-index:10; max-width:500px;
			white-space: wrap; width:350px; text-align:left;}

#frm_addpro{display:flex; flex-direction: column; gap:20px;}
#frm_addpro #prname{width:100%}
.bord-no {border: none;}  
#frm_addpro input::-webkit-outer-spin-button,
#frm_addpro input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.item-date{display:flex;}
#frm_addpro input[type="number"] {-moz-appearance: textfield;}
#frm_addpro input[type="number"] {width:50px;}
#frm_addpro input[type="date"], #frm_addpro input[type="time"]{border: 1px solid #9c9c9c;}


/*====== RadioBut 1 ===================================== */                
    /* Стили секций с содержанием */     
.tabs1 {position:relative;z-index:0;}
.tabs1 > section {display: none;padding:16px;background-color: #F9F9F9; margin:8px 0 0; border-radius:8px;}
    /* Прячем чекбоксы */       
.tabs1 > input {display: none; position: absolute;}
   /* Стили переключателей вкладок (табов) */     
.tabs1 > label {display: inline-block; background-color:#efefef;color:#808588; padding:12px;width:60px; position:relative;z-index:5; text-align:center;}
#ltab1{border-radius:8px 0 0 8px;}
#ltab2{border-radius: 0 8px 8px 0;}
    /* Изменения стиля переключателей вкладок при наведении */       
.tabs1 > label:hover {color: #888; cursor: pointer;}
        /* Стили для активной вкладки */      
.tabs1 > input:checked + label {background-color:#fff;color:#2C3329;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08); border-radius:8px !important; border: 1px solid #d9d9d9;}
      /* Активация секций с помощью псевдокласса :checked */       

.background1{position: absolute;z-index:1;top: 0px;left: 10px;width:110px;height:48px;background-color: #efefef;}

.box_warning{padding:5px 10px; background-color:#fff; border-radius:3px; margin-bottom:16px; font-size:14px;}
.box_but{padding:10px;display:flex; gap:20px;}
#pet-select{ /* width:150px; */}
.box_but .but_button{width:60px;}

.tg-container {display: flex; gap: 20px; backdrop-filter: blur(8px); border: 1px solid #7c7c7c66; padding:10px;
position: fixed; bottom: 10px; z-index: 1000; width: calc(100% - 200px);}

/* ------------------------------------------------------------------------- *
 *  Common Elements
/* ------------------------------------------------------------------------- */

/*  common : responsive videos
/* ------------------------------------ */
embed, object, iframe { max-width: 100%; }
.video-container { height: auto!important; max-width: 100%!important; text-align: center; }
.video-container iframe { margin: 0 auto; }
.video-container > div { margin: 0 auto; }

/*  common : responsive image + caption
/* ------------------------------------ */
.image-container { background: #161616; box-shadow: inset 0 0 2px rgba(0,0,0,0.1); position: relative; }
.image-container img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.image-caption { background: rgba(0,0,0,0.7); color: #fff; font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px;
-webkit-border-radius: 2px; border-radius: 2px; 
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); }

/*  common : social links
/* ------------------------------------ */
.social-links { float: right; position: relative; z-index: 2; }
.social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
.social-links li a { display: block!important; position: relative; text-align: center; }
.social-links .social-tooltip { color: #333; font-size: 24px; display: inline; position: relative; z-index: 98; }
.social-links .social-tooltip:hover { color: #444; text-decoration: none; }
.social-links .social-tooltip:hover:after { top: -36px; background: #eee; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 10px; position: absolute; white-space: nowrap; 
-webkit-border-radius: 3px; border-radius: 3px; }
.social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #eee transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; }

/*  common : page title
/* ------------------------------------ */
.page-title { padding: 20px 40px; border-top: 1px solid #333; }
.page-title-inner { }
.page-title i { margin-right: 12px; }
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4 { font-size: 16px; text-transform: uppercase; line-height: 1.4em; font-weight: 400; border-left: 4px solid #fff; padding-left: 30px; }
.page-title span { color: #999; font-weight: 400; }
.page-title .notebox { font-size: 16px; font-weight: 300; margin-top: 10px; }
.single .page-title span { margin-left: 10px; }
.single .page-title h1,
.single .page-title h2,
.single .page-title h3,
.single .page-title h4 { color: #999; }

/*  common : notebox
/* ------------------------------------ */
.notebox { position: relative; color: #999; font-size: 15px; line-height: 1.6em; }
.error404 .notebox { margin-bottom: 30px; }
.error404 .notebox input { margin-top: 10px; }
.notebox span { font-weight: 600; }
.notebox .search-again { margin-top: 10px; }
.notebox input[type="text"] { width: 100%; }

/*  common : page image
/* ------------------------------------ */
.page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; }
.page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; }
.page-image-text .caption { color: #fff; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.3); }
.page-image-text .description { display: block; color: #fff; font-size: 15px; line-height: 36px; font-weight: 300; }
.page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 2px; border-radius: 2px; }

/*  common : pagination
/* ------------------------------------ */
.pagination { margin: 30px 20px; }
.pagination a { font-size: 18px; font-weight: 600; }
.pagination ul { text-align: center; font-size: 0; }
.pagination ul li { display: inline-block; float: none; }
.pagination ul li a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 52px; line-height: 100px; display: block; }
.pagination ul li.next a:before { content: "\f105"; }
.pagination ul li.prev a:before { content: "\f104"; }
.pagination ul li a { display: inline-block; font-size: 0; margin: 10px; width: 100px; height: 100px; border-radius: 3px; background: #333; }

/*  common : thumb icon
/* ------------------------------------ */
.thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 50%; left: 50%; margin-left: -16px; margin-bottom: -16px;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;
-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
box-shadow: 0 0 2px rgba(255,255,255,0.4);
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg); }
.thumb-icon i { font-size: 18px; padding: 7px 0;
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
.thumb-icon .fa-play { margin: -1px 0 0 2px; }
.thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -12px -12px;
-webkit-border-radius: 3px; border-radius: 3px; }
.thumb-icon.small i { font-size: 12px; line-height: 16px; padding: 5px 0; }

.wrap-nav{display: flex;}
.wrap-logo{display: flex; align-items:center; padding: 3px 15px;}
.logo-m1 {max-width: 300px !important;height: 1.5em !important;}
.zagolovok{font-size: 1.1rem; font-weight: 400; line-height: 1; letter-spacing: 0.41em; margin-left: 50px; text-transform: uppercase;}

/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */

#wrapper-inner { display: flex; }
#header { background:#d7d7d7; min-width:130px; max-width:130px; padding-top:8px; position:relative; box-sizing:border-box; }
.main {/*min-height: 100vh;*/ width: 100%; }

.s2 { background: #fff; position: relative; min-width: 10px; max-width: 10px; z-index: 99; }
.s2 .social-links { background: #333; float: left; padding: 20px 0; width: 100%; }
.s2 .social-links li { margin: 0 auto; padding: 4px 0; width: 100%; position: relative; }
.s2 .social-links li:before { content:""; height: 1px; background: rgba(255,255,255,0.06); position: absolute; left: 30px; right: 30px; top: 0; }
.s2 .social-links li:first-child:before { display: none; }
.s2 .social-links .social-tooltip { display: block; font-size: 24px; padding: 18px 10px; margin: 0 10px; color: #fff; }
.s2 .social-links .social-tooltip:hover { background: #262626; border-radius: 4px; color: #fff; text-decoration: none; }
.s2 .social-links .social-tooltip:active { background: #262626; border-radius: 4px; color: #999; text-decoration: none; }
.s2 .social-links .social-tooltip:hover:after { background: #fff; color: #333; padding: 7px 10px; top: 14px; left: 50px; right: auto; }
.s2 .social-links .social-tooltip:hover:before { top: 24px; left: 45px; right: auto; border-color: transparent #fff; border-width: 5px 5px 5px 0; }

.site-title { text-align: center; font-size: 22px; font-weight: 500; line-height: 28px; padding: 5px 5px; position: relative; z-index: 2; display: inline-block;}
.site-title .logo-text { color: #fff;}
.site-title .logo-color { color: #20bec6;}
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { display: block; margin: 0 auto; max-width: 100%; max-height: 60px; height: auto; padding: 0; -webkit-border-radius: 0; border-radius: 0; }
.site-description { text-align: center; padding: 0 40px 30px; font-size: 16px; line-height: 1.6em; font-weight: 300; color: rgba(255,255,255,0.6); position: relative; z-index: 2; }
.site-header { background: #161616; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }

#profile { position:fixed; bottom:40px; width:130px; text-align: center; }
#profile-inner { position: relative; padding: 0 4px; }
#profile-image { width: 100px; height: 100px; display: block; margin: 0 auto 40px; border: 1px solid rgba(255,255,255,0.08); border-radius: 100%; padding: 10px; }
#profile-image img { display: block; border-radius: 100%; }
#profile-name { color: #fff; font-size: 24px; font-weight: 400; line-height: 1.2em; margin-bottom: 20px; }
#profile-description { font-size: 20px; line-height: 1.5em; font-weight: 300; color: rgba(255,255,255,0.6); position: relative; }
#profile-description:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 2px; }

.post-comments { background: #333; font-size: 14px; font-weight: 600; line-height: 20px; color: #fff; display: block; position: absolute; top: 7px; right: 7px; z-index: 6; border-radius: 7px; }
.post-comments > span { display: block; position: relative; width: 30px; text-align: center; padding: 4px 4px; }
.post-comments > span:before { content:''; position: absolute; left: -11px; bottom: 9px; border-style: solid; border-width: 6px; border-color: transparent #333 transparent transparent; }
.post-comments:hover { color: #fff; opacity: 0.75; }

.content-inner { box-sizing: border-box; /* padding: 40px; */ }
.content-inner.magic-wrap { padding-left: 30px; padding-right: 30px; }
.content-inner > article { border-radius: 10px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }


.content { background: #fff; border-top: 1px solid #333; }

.type-portfolio { background: #333; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); width: 320px; justify-content: center; align-items: center; overflow: hidden; }
.type-portfolio img { display: block; width: 100%; height: auto; }
.type-portfolio-date { background: rgba(0,0,0,0.2); padding: 4px 0; width: 50px; transition: all 0.3s ease; color: #fff; text-transform: uppercase; text-align: center; position: absolute; right: 0; top: -100px; margin: 10px; }
.type-portfolio-date-month { font-weight: 600; }
.type-portfolio-date-day { font-weight: 600; letter-spacing: -1px; font-size: 32px; margin: 2px; }
.type-portfolio-date-year {}
.type-portfolio-comments { width: 50px; height: 44px; margin: 10px; transition: all 0.3s ease; position: absolute; bottom: -5px; right: 0; }
.type-portfolio-thumb { position: relative; }
.type-portfolio-thumb:before { opacity: 0; background: url(img/image-gradient-reverse.png) repeat-x; background-size: 100% 100%; content: ""; position: absolute; display: block; height: 100%; width: 100%; bottom: 0; display: block; transition: all .4s ease; pointer-events: none; }
.type-portfolio:hover .type-portfolio-thumb:before { opacity: 0.5; }
.type-portfolio:hover .type-portfolio-date { top: 0; }
.type-portfolio-content {  }
.type-portfolio-title { padding: 10px 20px; font-weight: 400; font-size: 17px; line-height: 1.5em; }
.type-portfolio-title a { color: #fff; }
.type-portfolio-category { font-size: 13px; color: rgba(255,255,255,0.3); text-transform: uppercase; padding: 10px 20px; border-top: 1px solid rgba(255,255,255,0.08); }
.type-portfolio-category a { color: rgba(255,255,255,0.5); }
.type-portfolio-category a:hover { color: #fff; }
.type-portfolio-excerpt { color: rgba(255,255,255,0.5); font-size: 13px; padding: 0 20px 15px; margin-top: -5px; }

/*  header : search
/* ------------------------------------ */
.toggle-search { background: #333; outline: none; border: 0; border-bottom: 1px solid #444; padding: 17px 0 16px; width: 70px; color: #000; text-align: center; font-size: 20px; line-height: 24px; cursor: pointer; display: block; }
.toggle-search:hover {  }
.toggle-search.active { background: #333; }
.toggle-search.active i:before { content: "\f00d"; }
.search-expand { display: none; background: #333; padding: 13px 13px 13px 0; position: absolute; top: 0; left: 70px; width: 290px; z-index: 10; }
.search-expand-inner {  }
.search-expand .themeform input { background: #fff; width: 100%; border: 1px solid #ddd; }
.search-expand .themeform input:focus { border-color: #ccc; }
.toggle-search.active { padding-top: 19px; padding-bottom: 19px; }
.toggle-search .svg-icon { fill: #fff; margin: 0 auto; }
.toggle-search #svg-close { display: none; }
.toggle-search.active #svg-search { display: none; }
.toggle-search.active #svg-close { display: block; fill: rgba(255,255,255,0.5); }
.toggle-search:focus #svg-search { fill: rgba(255,255,255,0.7); }
.toggle-search:focus #svg-close { fill: #fff; }


/* ------------------------------------------------------------------------- *
 *  Section: Navigation
/* ------------------------------------------------------------------------- */

/* menu hamburger */
.menu-toggle-icon { float: right; width: 30px; height: 20px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
.menu-toggle-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
.menu-toggle-icon span:nth-child(1) { top: 0px; transform-origin: left center; }
.menu-toggle-icon span:nth-child(2) { top: 8px; transform-origin: left center; }
.menu-toggle-icon span:nth-child(3) { top: 16px; transform-origin: left center; }
.toggled .menu-toggle-icon span:nth-child(1) { transform: rotate(45deg); top: -2px; left: 5px; }
.toggled .menu-toggle-icon span:nth-child(2) { width: 0%; opacity: 0; }
.toggled .menu-toggle-icon span:nth-child(3) { transform: rotate(-45deg); top: 19px; left: 5px; }

/* menu hide and display */
@media only screen and (min-width: 720px) {
	.mobile-menu #wrap-nav-mobile { display: none; }
}
@media only screen and (max-width: 719px) {
	.mobile-menu #wrap-nav-header { display: none; } 
	#nav-mobile,
	#nav-header { display: none; }
	.mobile #nav-mobile,
	.mobile #nav-header { display: block; }
}

/* menu base */
.nav-menu{display:flex; flex-direction:column; gap:10px; margin-bottom:40px;} 
.menu-item{border: 1px outset #fff; margin:0 5px;}
.menu-item a{font-size:17px; font-weight:400; padding:14px 10px; display:block; text-decoration:none; text-align:center;}

/* menu mobile fix */
.mobile-menu{}



/* ------------------------------------------------------------------------- *
 *  Section: Page
/* ------------------------------------------------------------------------- */
#page { }

.slick-image-slide-wrapper { position: relative; }
.slick-image-slide { background: #333; }
.slick-image-slide .slick-slide > div > div { display: block!important; }
.slick-image-slide .slick-slide { position: relative; }
.slick-image-slide .slick-slide img { margin: 0 auto; }
.slick-image-slide-nav { position: absolute; text-align: center; margin-top: -10px; position: absolute; left: 0; right: 0; top: 50%; z-index: 99; pointer-events: none; }
.slick-image-slide-nav .slick-prev { float: left; }
.slick-image-slide-nav .slick-next { float: right; }
.slick-image-slide-nav .slick-prev,
.slick-image-slide-nav .slick-next { background: #eee; transition: all 0.3s ease; position: relative; display: inline-block; margin: 10px; height: 34px; width: 34px; border-radius: 4px; pointer-events: auto; }
.slick-image-slide-nav .slick-prev:hover,
.slick-image-slide-nav .slick-next:hover,
.slick-image-slide-nav .slick-prev:focus,
.slick-image-slide-nav .slick-next:focus { background: #e5e5e5; }
.slick-image-slide-nav .slick-prev { left: 0; }
.slick-image-slide-nav .slick-next { right: 0; }
.slick-image-slide-nav .slick-prev:before { color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; }
.slick-image-slide-nav .slick-next:before { color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; }
.slick-image-slide-dots { background: red; }
.slick-image-slide-dots .slick-dots li { height: 10px; width: 10px; margin: 0 3px; }
.slick-image-slide-dots .slick-dots li button { background: rgba(0,0,0,0.2); height: 10px; width: 10px; border-radius: 100%; text-indent: -9999px; overflow: hidden; }
.slick-image-slide-dots .slick-dots .slick-active button { background: rgba(0,0,0,0.7); }

.post-format { position: relative; }

.front-widgets { background: #333; margin: 20px 10px 40px; padding: 10px 40px; box-sizing: border-box; }
.front-widget-col { width: 50%; float: left; }
.front-widget-inner { margin-right: 30px; }
.front-widgets .widget { padding-top: 20px; padding-bottom: 20px; }
.front-widgets .widget > h3 {  }


.featured-item { height: 500px; margin-bottom: 20px; overflow: hidden; }
.featured-item-left { background: #333; height: 100%; width: 50%; float: left; box-sizing: border-box; position: relative; }
.featured-item-right { background: #161616; background-size: cover; background-position: center center; overflow: hidden; height: 100%; width: 50%; float: right; position: relative; }
.featured-item-right:hover .type-portfolio-date { top: 0; }
.featured-item-right:before { opacity: 0; background: url(img/image-gradient-reverse.png) repeat-x; background-size: 100% 100%; content: ""; position: absolute; display: block; height: 100%; width: 100%; bottom: 0; display: block; transition: all .4s ease; pointer-events: none; }
.featured-item-right:hover:before { opacity: 0.5; }
.featured-item-right .featured-item-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.featured-item-bottom { border-top: 1px solid rgba(255,255,255,0.08); position: absolute; bottom: 0; left: 0; right: 0; padding: 50px 60px; }
.featured-item-avatar { background: #333; width: 70px; height: auto; padding: 6px; border: 1px solid rgba(255,255,255,0.08); border-radius: 100%; position: absolute; top: -44px; left: 60px; }
.featured-item-avatar img { border-radius: 100%; } 
.featured-item-title { font-size: 52px; letter-spacing: -1px; font-weight: 300; line-height: 1.2em; margin-bottom: 20px; }
.featured-item-title a { color: #fff; }
.featured-item-category { font-size: 17px; color: rgba(255,255,255,0.3); text-transform: uppercase; }
.featured-item-category a { color: rgba(255,255,255,0.5); }
.featured-item-category a:hover { color: #fff; }
.featured-item-excerpt { color: rgba(255,255,255,0.5); font-size: 17px; line-height: 1.6em; margin-top: 30px; }
.featured-item-bottom:before { content:""; position: absolute; right: -28px; bottom: 60px; z-index: 2; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #333; }

.slick-posts-wrap-outer { display: none; /* before loading */ border-bottom: 1px solid #333; }
.slick-posts-wrap { padding: 40px 40px 10px; box-sizing: border-box; }
.slick-posts { position: relative; z-index: 2; }

/*
.slick-posts:before { background: linear-gradient(to right, #f1f1f1 0%,rgba(0,0,0,0) 100%); content:""; display: block; top: 0; left: 0; bottom: 0; width: 40px; position: absolute; z-index: 3; pointer-events: none; }
.slick-posts:after { background: linear-gradient(to right, rgba(0,0,0,0) 0%,#f1f1f1 100%); content:""; display: block; top: 0; right: 0; bottom: 0; width: 40px; position: absolute; z-index: 3; pointer-events: none; }
*/

.slick-posts-nav { position: relative; text-align: center; margin-bottom: 0; z-index: 3; }
.slick-posts-nav .slick-prev,
.slick-posts-nav .slick-next { background: #333; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); transition: all 0.3s ease; position: relative; display: inline-block; margin: 10px 10px 0; height: 34px; width: 34px; border-radius: 4px; }
.slick-posts-nav .slick-prev:hover,
.slick-posts-nav .slick-next:hover,
.slick-posts-nav .slick-prev:focus,
.slick-posts-nav .slick-next:focus { background: #333; }
.slick-posts-nav .slick-prev { left: 0; }
.slick-posts-nav .slick-next { right: 0; }
.slick-posts-nav .slick-prev:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; }
.slick-posts-nav .slick-next:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; }

.slick-image-slide-wrapper { display: none; /* before loading */ position: relative; }
.slick-image-slide { background: #333; }
.slick-image-slide .slick-slide > div > div { display: block!important; }
.slick-image-slide .slick-slide { position: relative; }
.slick-image-slide .slick-slide img { margin: 0 auto; }
.slick-image-slide-nav { position: absolute; text-align: center; margin-top: -10px; position: absolute; left: 0; right: 0; top: 50%; z-index: 99; pointer-events: none; }
.slick-image-slide-nav .slick-prev { float: left; }
.slick-image-slide-nav .slick-next { float: right; }
.slick-image-slide-nav .slick-prev,
.slick-image-slide-nav .slick-next { background: #eee; transition: all 0.3s ease; position: relative; display: inline-block; margin: 10px; height: 34px; width: 34px; border-radius: 4px; pointer-events: auto; }
.slick-image-slide-nav .slick-prev:hover,
.slick-image-slide-nav .slick-next:hover,
.slick-image-slide-nav .slick-prev:focus,
.slick-image-slide-nav .slick-next:focus { background: #e5e5e5; }
.slick-image-slide-nav .slick-prev { left: 0; }
.slick-image-slide-nav .slick-next { right: 0; }
.slick-image-slide-nav .slick-prev:before { color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; }
.slick-image-slide-nav .slick-next:before { color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; }
.slick-image-slide-dots { background: red; }
.slick-image-slide-dots .slick-dots li { height: 10px; width: 10px; margin: 0 3px; }
.slick-image-slide-dots .slick-dots li button { background: rgba(0,0,0,0.2); height: 10px; width: 10px; border-radius: 100%; text-indent: -9999px; overflow: hidden; }
.slick-image-slide-dots .slick-dots .slick-active button { background: rgba(0,0,0,0.7); }


/* ------------------------------------------------------------------------- *
 *  Section: Footer
/* ------------------------------------------------------------------------- */
#footer { color: #777; border-top: 1px solid #333; position: relative; padding-bottom: 30px; display: none;}
#footer .pad { padding-bottom: 20px; }

#footer-ads { text-align: center; padding: 10px 0; border-bottom: 1px solid #333; }
#footer-ads .widget { padding-bottom: 0; font-size: 0; line-height: 0; }
#footer-ads h3 { display: none; }

#footer-widgets { border-bottom: 1px solid #333; }
#footer-widgets .widget { padding: 20px 0; }

#footer-bottom { position: relative; z-index: 99; text-align: center; }
#footer-bottom img { box-shadow: none; }
#footer-bottom .pad { padding-top: 20px; }
#footer-bottom a { color: #ccc; }
#footer-bottom a:hover { color: #fff; }
#footer-bottom #footer-logo { display: inline-block; margin-bottom: 20px; max-height: 60px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom #copyright,
#footer-bottom #credit { color: #aaa; font-weight: 300; line-height: 1.6em; }
#footer-bottom #back-to-top { border: 1px solid #333; border-top: 0; color: #333; padding: 10px 0; overflow: hidden; text-align: center; width: 160px; height: 30px; display: block; margin: 0 auto; margin: 0 auto 0; border-radius: 0 0 10px 10px; }
#footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; }
#footer-bottom #back-to-top:hover { color: #999; }
#footer-bottom .social-links { padding-top: 30px; float: none; }
#footer-bottom .social-links a { color: #999; }
#footer-bottom .social-links a:hover { color: #fff; }
#footer-bottom .social-links .social-tooltip { font-size: 20px; }
#footer-bottom .social-links .social-tooltip:hover:after { background: #333; color: #fff; }
#footer-bottom .social-links .social-tooltip:hover:before { border-color: #333 transparent; }


/* ------------------------------------------------------------------------- *
 *  Post Entry
/* ------------------------------------------------------------------------- */
.sticky {}
.content > article { padding: 20px; }
.post-wrapper { background: #f9fafb; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); margin: 0 auto; min-height:calc(100vh - 60px); }

.entry-header,
.entry-media,
.entry-footer { /* max-width: 640px; */ padding-right: 40px; padding-left: 40px; margin-right: auto; margin-left: auto; }
.entry-content { padding:10px 20px 0; }

.entry-header { margin: 40px auto 20px; position: relative; }
.entry-header .entry-title { font-weight: 300; font-size: 42px; line-height: 1.3em; letter-spacing: -0.5px; margin-bottom: 20px; }
.entry-header .entry-title a { color: #000; }
.entry-header .entry-title a:hover { color: #000; }
.entry-header .entry-meta { font-size: 18px; font-weight: 400; line-height: 1.4em; color: #999;; }
.entry-header .entry-meta .entry-category { color: #999; margin-left: 10px; }
.entry-header .entry-meta .entry-category a { color: #dc3262; font-weight: 600; }
.entry-header .entry-meta .entry-category a:hover { color: #000; }

.entry-media { max-width: 1920px; margin-bottom: 40px; padding-left: 0; padding-right: 0; }
.entry-content { position: relative; }
.entry-footer { margin-top: 40px; margin-bottom: 40px; }

.entry-bar { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.entry-bar.hide-scroll { -webkit-transform: translateY(100%); transform: translateY(100%); }


/* ------------------------------------------------------------------------- *
 *  Single
/* ------------------------------------------------------------------------- */

/*  single : sharrre header
/* ------------------------------------ */
.sharrre-header { border-bottom: 1px solid #444; margin: 0 0 20px; overflow: hidden; }
.sharrre-header > span { display: none; }
.sharrre-header .post-sharrre { margin-top: 30px; }
.sharrre-header .sharrre { width: 25%; float: left; }
.sharrre-header .sharrre .box { display: block; padding: 10px 14px 10px 10px; border-left: 1px solid #444; }
.sharrre-header .sharrre#twitter .box { border-left: 0; }
.sharrre-header .sharrre .count { width: 60%; margin-left: 10%; background: #222; color: #fff; display: block; font-size: 15px; font-weight: 900; line-height: 30px; position: relative; text-align: center; border-radius: 6px; }
.sharrre-header .sharrre .count:after { display: block; content:''; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #222; bottom: 9px; }
.sharrre-header .sharrre .share { width: 20%; margin-left: 10%; display: block; font-size: 24px; font-weight: 600; line-height: 32px; padding: 0; text-align: center; text-decoration: none; }
.sharrre-header .sharrre .share,
.sharrre-header .sharrre .count,
.sharrre-header .sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sharrre-header .sharrre .box:hover { background: #333!important; }
.sharrre-header .sharrre .box:hover .share {}
.sharrre-header .sharrre .box:hover .count { color: #fff!important; }

.sharrre-header .sharrre#twitter .box:hover { background: #eef6f9; }
.sharrre-header .sharrre#twitter .box { border-bottom-color: #24a5db; }
.sharrre-header .sharrre#twitter .box:hover .count:after { border-left-color: #24a5db; }
.sharrre-header .sharrre#twitter .count,
.sharrre-header .sharrre#twitter .share,
.sharrre-header .sharrre#twitter .box:hover .count { color: #24a5db; }
.sharrre-header .sharrre#twitter .box:hover .count { background: #24a5db; }

.sharrre-header .sharrre#facebook .box:hover { background: #f0f2f7; }
.sharrre-header .sharrre#facebook .box { border-bottom-color: #3b5998; }
.sharrre-header .sharrre#facebook .box:hover .count:after { border-left-color: #3b5998; }
.sharrre-header .sharrre#facebook .count,
.sharrre-header .sharrre#facebook .share,
.sharrre-header .sharrre#facebook .box:hover .count { color: #3b5998; }
.sharrre-header .sharrre#facebook .box:hover .count { background: #3b5998; }

.sharrre-header .sharrre#pinterest .box:hover { background: #fbf1f0; }
.sharrre-header .sharrre#pinterest .box { border-bottom-color: #ca2128; }
.sharrre-header .sharrre#pinterest .box:hover .count:after { border-left-color: #ca2128; }
.sharrre-header .sharrre#pinterest .count,
.sharrre-header .sharrre#pinterest .share,
.sharrre-header .sharrre#pinterest .box:hover .count { color: #ca2128; }
.sharrre-header .sharrre#pinterest .box:hover .count { background: #ca2128; }

.sharrre-header .sharrre#linkedin .box:hover { background: #f2f8fb; }
.sharrre-header .sharrre#linkedin .box { border-bottom-color: #0077b5; }
.sharrre-header .sharrre#linkedin .box:hover .count:after { border-left-color: #0077b5; }
.sharrre-header .sharrre#linkedin .count,
.sharrre-header .sharrre#linkedin .share,
.sharrre-header .sharrre#linkedin .box:hover .count { color: #0077b5; }
.sharrre-header .sharrre#linkedin .box:hover .count { background: #0077b5; }

/*  single : sharrre footer
/* ------------------------------------ */
.sharrre-footer { display: flex; flex: 0 1 auto; margin: 0 -10px 40px; }
.sharrre-footer .sharrre { width: 50%; float: left; flex-basis: 50%; max-width: 50%; padding: 10px; }
.sharrre-footer .sharrre .box { display: block; padding: 10px 20px; color: #fff; font-size: 13px; border-radius: 4px; }
.sharrre-footer .sharrre .box:hover { opacity: 0.85; }
.sharrre-footer .sharrre#twitter-footer .box { background: #24a5db; }
.sharrre-footer .sharrre#facebook-footer .box { background: #3b5998; }

.sharrre-footer .sharrre .share { font-weight: 600; text-transform: uppercase; }
.sharrre-footer .sharrre .share span { color: rgba(255,255,255,0.7); }
.sharrre-footer .sharrre .share i { font-size: 22px; margin-right: 6px; float: left; position: relative; bottom: -2px; }
.sharrre-footer .sharrre .count { background: rgba(255,255,255,0.15); float: right; min-width: 10px; padding: 0 10px; text-align: center; border-radius: 4px; }
.sharrre-footer .sharrre .count i { font-size: 18px; margin: 3px 0 0; float: none;  }

/*  single : post pages
/* ------------------------------------ */
.post-pages { font-weight: 600; margin-bottom: 20px; }

/*  single : tags
/* ------------------------------------ */
.post-tags { margin: 0 0 60px; }
.post-tags span { font-size: 14px; color: #ccc; display: inline-block; margin: 0 7px 0 0; }
.post-tags a { background: #222; display: inline-block; white-space: nowrap; font-size: 14px; color: #999; padding: 1px 7px; margin: 0 5px 6px 0;
-webkit-border-radius: 3px; border-radius: 3px; }
.post-tags a:hover { background-color: #444; color: #fff; }

/*  single : author bio
/* ------------------------------------ */
.author-bio { background: #222; padding: 0 20px 20px; border-radius: 4px; position: relative; color: #999; margin: 40px 0; text-align: center; }
.author-bio .bio-avatar { width: 64px; height: auto; position: relative; display: inline-block; margin-top: -32px; }
.author-bio .bio-avatar:after { background: #444; position: absolute; right: 0; bottom: 0; padding: 4px 4px; content: "\f303"; color: #fff; font-size: 10px; line-height: 12px; width: 12px; font-style: normal; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; border-radius: 100%; }
.author-bio .bio-avatar img { display: block; width: 100%; height: auto; border-radius: 100%; }
.author-bio p { margin-bottom: 8px; }
.author-bio .bio-name { color: #fff; font-size: 19px; font-weight: 600; margin: 10px 0; }
.author-bio .bio-desc { color: #999; font-size: 16px; line-height: 1.5em; }

/*  single : related posts
/* ------------------------------------ */
.related-posts { margin-bottom: 40px; }
.related-posts li { width: 33.33%; float: left; display: inline; }
.related-post { border-right: 1px solid transparent; }
.related-inner { padding: 0 20px 0 0; }
.related-title { margin-bottom: 10px; font-size: 17px; font-weight: 400; line-height: 1.4em; letter-spacing: 0; display: block; }
.related-title a { color: #fff; }
.related-title a:hover  { color: #999; }
.related-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.related-thumbnail { position: relative; margin-bottom: 20px; }
.related-thumbnail img { display: block; width: 100%; height: auto; }
.related-thumbnail:hover .thumb-icon { background: #fff; color: #333; }

/*  single : post-nav
/* ------------------------------------ */
.post-nav { background: #222; border-radius: 10px; margin-bottom: 40px; }
.post-nav li { width: 50%; display: inline; float: left; }
.post-nav li a { position: relative; display: block; padding-top: 10px; padding-bottom: 10px; }
.post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; }
.post-nav li a strong { display: block; font-size: 12px; color: #999; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; }
.post-nav li a span { font-size: 15px; font-weight: 400; color: #fff; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.post-nav li a:hover span { color: #ccc; }
.post-nav li a:hover i { color: #fff; }
.post-nav li.previous { float: left; }
.post-nav li.next { float: right; }
.post-nav li.previous a { padding-left: 40px; padding-right: 20px; }
.post-nav li.next a { border-left: 1px solid #333; padding-left: 20px; padding-right: 40px; }
.post-nav li.previous i { left: 10px; }
.post-nav li.next i { right: 10px; }
.post-nav li a span,
.post-nav li a i { transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; }

.sidebar .post-nav { background: transparent; margin-bottom: 30px; }
.sidebar .post-nav li { width: 100%; }
.sidebar .post-nav li:first-child a { border-top: 1px solid rgba(255,255,255,0.08); }
.sidebar .post-nav li a { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.sidebar .post-nav li a span { color: #fff; font-size: 18px; }
.sidebar .post-nav li a:hover span { color: rgba(255,255,255,0.5); }
.sidebar .post-nav li a:hover i { color: #fff; }
.sidebar .post-nav li:last-child a strong { text-align: right; }
.sidebar .post-nav li.next a { border-left: 0; }
.sidebar .post-nav li a strong { color: rgba(255,255,255,0.5); }
.sidebar .post-nav li i { color: rgba(255,255,255,0.5); }


#nav-toggle {display: none;margin-left: 15px;}

#nav-toggle {
    float: right;
    position: relative;
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
}

#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
}
#nav-toggle span:before {top: -8px;}
#nav-toggle span:after {top: 8px;}
#nav-toggle span:before, #nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
  content: "";
  right: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

#nav-toggle.nav-is-visible span {background: transparent;}
#nav-toggle.nav-is-visible span:before {
  -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
  transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
  -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
  transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {background: #000000;}

.wrap-nav {justify-content:space-between; padding-right:10px;}

#mob-menu{position:absolute; top:32px; right:0; padding:10px; background-color:#fff; z-index:1000;}

/* ------------------------------------------------------------------------- *
 *  Responsinator
/* ------------------------------------------------------------------------- */
@media screen and (max-width: 1140px) {
	#header{display:none;}
	.s2 {display:none;}
	#nav-toggle {display: block;}

	.entry-content {padding: 10px 10px 0;}
	.box-but {flex-wrap: wrap;}
	.box_form{flex-wrap: wrap;}
	.select_date {flex-wrap: wrap;}
	.item2 {overflow-x: scroll;}
	
	.tg-container {width:92%}
}

@media screen and (max-width: 500px) {
	.tg-container {width:88%}
}

/* ------------------------------------------------------------------------- *
 *  My STYLE - Bit24
/* ------------------------------------------------------------------------- */

.progress{background:#f0f0f0; position:relative; height:6px; border-radius:2px; overflow:hidden;}
.bar{overflow:hidden; background:#8EDCE0; width:0; height:100%; position:absolute; top:0; left:0;}