:root {
  --blue: #010156;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: white;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --body-color-rgb: 34, 38, 42;
  --body-bg-rgb: 255, 255, 255;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "oswald");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-bg: white;
}

   @font-face {
  font-family: 'awesome';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2")}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@font-face {
    font-family: Roboto; 
    src: local(Roboto-Light), url(/fonts/Roboto-Light.ttf); 
   }

*, *::before, *::after {
    box-sizing: border-box;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol, ul {
    padding-left: 2rem;
}

p {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

i
{
font-style: normal;
}


@media (min-width: 1200px) {
h1, .h1 {
    font-size: 2.5rem;
}}

h1, .h1 {
    font-size: calc(1.375rem + 1.3vw);
}

h2
{
    font-size: 2rem;
}

h3
{
    //font-size: calc(1rem + 1vw);
}

.item-page h4
{
line-height: var(--body-line-height);
}

h1.card-header, .page-header h1,
.com-tags-tag h1
{
padding-left: 34px;
position: relative;
margin-bottom: 3rem;
}

h1.card-header:before, .page-header h1:before,
.com-tags-tag h1:before
{
position: absolute;
    content: '';
    background: #ff5722;
    width: 30px;
    height: 6px;
    left: 0;
    top: 48%;
    margin: auto;
}

.page-header h2, h2.page-header
{
padding-left: 34px;
position: relative;
}

.page-header h2:before, h2.page-header:before
{
position: absolute;
    content: '';
    background: #ff5722;
    width: 28px;
    height: 4px;
    left: 0;
    top: 48%;
    margin: auto;
}

.com-content-article__body
.page-header h2
{
margin: 1.5rem 0;
}

dd .published
{
margin-bottom: 0.5rem;
    margin-left: 0;
    color: #999999;
}

.item-content .page-header h2:before
{
	display:none;
}

.item-content .page-header h2
{
	padding-left: 0;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    font-weight: 500;
    line-height: 1;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-weight: var(--cassiopeia-font-weight-headings, 600);
}

a:not([class]) {
  text-decoration: none;
}
a:hover {
  color: #ff5722;
}
a.navbar-brand {
  color: var(--cassiopeia-color-brand);
}

b, strong {
  font-weight: bolder;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
	list-style: none;
}

.article-info dd {
    padding: 0;
}

dd {
    padding: 0;
    word-wrap: break-word;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

body {
    position: relative;
    min-height: 100vh;
	display: flex;
    flex-direction: column;
    margin: 0;
	font-family: var(--body-font-family);
	margin: 0;
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    text-align: var(--body-text-align);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	//font-family: sans-serif;
}

a.button{
	color: #fff;
    background: #3f2a2f;
	border:none;
	padding: 12px 16px;
	width: fit-content;
	border-radius: 3px;
	transition: all 0.15s;
	display: block;
}

a.button:hover
{
    background: #ff4c00;
}

.button2{
	/color: #fff;
    background: #3f2a2f;
	/border:none;
	/padding: 14px 16px;
}



/*gallery*/

.gallery p
{
	display:none;
}

.ba-caption p
{
	display:block;
}

.grid-child {
    display: flex;
    width: 100%;
	height: 100%;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
	flex-direction: column;
}

.container-header .mod-menu {
    flex: 1 0 0%;
	flex-direction: column;
    padding: 0;
    margin: 0;
    color: rgb(51 51 51);
    list-style: none;
	background: #ffffff;
}

.container-component .mod-breadcrumbs__wrapper
{
	margin-bottom: 1.5rem;
}

.breadcrumb
{
	display:flex;
	gap: 10px;
	color: #b9b9b9;
	font-size: 12px;
	margin: 0;
    padding: 0;
}

.breadcrumb a
{
	text-decoration: none;
	color: #000000;
}

.breadcrumb a:hover
{
	text-decoration: none;
	color: #ff3d00;
}

li.mod-breadcrumbs__item
{
	position: relative;
	padding-left: 8px;
}

li.mod-breadcrumbs__item:before
{
	position: absolute;
    content: '';
    left: -2px;
	top: 40%;
	width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #bcc3d2;
}

.breadcrumb li:nth-child(2):before {
display: none;
}

.breadcrumb li:nth-child(2)
{
	padding:0;
}

li.float-start {
    display: none;
}

//.breadcrumbs a:first-child:before {
    font-family: "FontAwesome";
    padding-right: 5px;
    content: "\f015";
    font-size: 20px;
}

//.page-header
{
background: linear-gradient(90deg, rgba(247,148,29,1) 0%, rgba(255,87,34,1) 100%);
padding: 0 20px;
    color: white;
}

.mod-menu {
    flex-direction: column;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	justify-content: center;
}

.mod-list li {
    padding: 0.25em 0;
	position: relative;
}

.container-header .mod-list li.active > a {
	padding-left: 54px;
}

.mod-list li.active > a {
    padding-left: 54px;
    color: #ff5722;
}

.mod-list li.active > span{

    color: #ff5722;
}

.container-nav  .mod-menu__sub {
	display:flex;
	flex-direction: column;
  justify-content: center;
  top: 0;
  left: -300px;
  position: fixed;
  background:#f7f4ef;
  height:100%;
  width: 300px;
  transition: all 0.5s ease 0.2s;
  transition-delay: 0.1s;
  z-index: -1;
  gap: 0.5rem;
  box-shadow: 5px 0 6px #0000001f;
}

.mod-menu__sub a {
display:block;
	color:#333333;
	height:100%;
	transition: all 0.3s;
	padding: 0.5rem 0;
}

.container-nav  .mod-list .nav-item:hover .mod-menu__sub {
    left: 288px;
}

.container-header .mod-menu li .mod-menu__sub a:hover {
    color: #333333;
	padding-left: 6px;
	position:relative;
  }
  
.container-header .mod-list .mod-menu__sub li.active > a {
    padding-left: 6px;
    color: #333333;
    position:relative;
}

.mod-menu__sub li > a::after{
    transition: all 0.2s ease 0s;
    content: "";
    position: absolute;
    top: 50%;
    left: -32px;
    height: 0.2rem;
    background: rgb(255, 76, 0);
    width: 0;
}

.mod-menu__sub li.active > a::after, .container-header .mod-menu li .mod-menu__sub a:hover::after{
    width: 1.2rem;
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
    width: 1.2rem;
    background: #ff5722;
}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
    position: relative;
    color: currentColor;
    text-decoration: none;
    padding: 20px;
    padding-left: 50px;
    display: block;
    transition: all 0.2s ease 0s;
}

.container-header .mod-menu > li > span {
    cursor: context-menu;
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
    width: 1.2rem;
    background: #ff5722;
}

.bottom-c .card-body .menu-bottom
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
	border-top: 1px solid #cccccc;
	padding-top: 3rem;
	font-weight: bold;
}

.bottom-c .card-body .menu-bottom li
{
    border-right: 1px solid rgb(239, 239, 239);
	padding-right: 5rem;
}

.bottom-c .card-body .menu-bottom li:last-child
{
    border: none;
	padding-right: 0;
}

.bottom-c .card-body .menu-bottom li a
{
    color: #333333;
	white-space: nowrap;
	padding-left: 0;
}

.bottom-c .card-body .menu-bottom li a:hover,
.bottom-c .card-body .menu-bottom li.current a
{
    color: #ff5722;
}

.mod-list li {
    padding: 0;
    width: auto;
}

/* djmobile menu open buttons */

.dj-offcanvas ul.dj-mobile-light li.dj-mobileitem>a {
    font-size: 20px;
	FONT-WEIGHT: 600;
}

.grid-child .dj-megamenu-select-light .dj-mobile-open-btn,
.grid-child .dj-megamenu-offcanvas-light .dj-mobile-open-btn,
.grid-child .dj-megamenu-accordion-light .dj-mobile-open-btn {
	display: flex;
	align-items: center;
    cursor: pointer;
    margin: 0;
    width: 26px;
    height: 20px;
    padding: 0;
    color: #3f2a2f;
    text-align: center;
	outline: none;
}

.grid-child .fa-bars-new {
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 3px;
    padding: 0;
    margin: 0;
    background: #3f2a2f;
	border-radius: 2px;
}

.grid-child .fa-bars-new:before {
    position: absolute;
    content: '';
    top: -7px;
	left: auto;
    right: 0;
    width: 90%;
    height: 3px;
    background: #3f2a2f;
	border-radius: 2px;
	transition: all 0.2s;
}

.grid-child .fa-bars-new:after {
    position: absolute;
    content: '';
    bottom: -7px;
	left: auto;
    right: 0;
    width: 90%;
    height: 3px;
    background: #3f2a2f;
	border-radius: 2px;
	transition: all 0.2s;
}

.grid-child .dj-megamenu-offcanvas-light {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.grid-child .dj-megamenu-offcanvas-light .fa-mobile-screen-button:before {
    content: '\f095';
    font-family: 'awesome';
    font-size: 1.2rem;
    color: #3f2a2f;
}

.grid-child a.dj-mobile-open-btn:hover .fa-bars-new:after {
transform:rotate(45deg);
	width: 14px;
	bottom: -4px;
left:-2px;
}

.grid-child a.dj-mobile-open-btn:hover .fa-bars-new:before {
transform:rotate(-45deg);
	width: 14px;
	top: -4px;
left:-2px;
}

.dj-offcanvas ul.dj-mobile-light li.dj-mobileitem:hover>a, 
.dj-offcanvas ul.dj-mobile-light li.dj-mobileitem.active>a {
   // background: #3f2a2f;
   // color: #ffffff;
}

.dj-offcanvas ul.dj-mobile-light li.dj-mobileitem.parent.active>a span.toggler::before,
.dj-offcanvas ul.dj-mobile-light li.dj-mobileitem:hover>a span.toggler::before  {
    //color: #ffffff;
}

.dj-offcanvas ul.dj-mobile-light ul li.dj-mobileitem>a {
    background: #f7f4ef;
    border-top: 1px solid #e4e4e4;
    padding-left: 30px;
}

li.dj-mobileitem span.title {
    position: relative;
    padding-left: 16px;
    transition: all 0.2s;
}

.dj-offcanvas ul.dj-mobile-light ul li.dj-mobileitem>a span.name:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    height: 0.2rem;
    background: rgb(255, 76, 0);
    width: 4px;
    transition: all 0.2s;
}

.dj-offcanvas li.dj-mobileitem.active>a span.name:before,
	.dj-offcanvas li.dj-mobileitem.current>a span.name:before
{
	content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    height: 0.2rem;
    background: rgb(255, 76, 0);
    width: 10px;
	transition: all 0.2s;
}

	.dj-offcanvas li.dj-mobileitem.current>a span.name
{
position: relative;
	padding-left: 16px;
	transition: all 0.2s;
}

/*error*/
.error-404
{
    display: flex;
    justify-items: stretch;
    flex-direction: column;
    align-items: center;
}

.error-404 a {
    cursor: pointer;
}

.error-404-1
{
display: flex;
    height: 280px;
    justify-content: center;
}

.error-404-1:after
{
	position:absolute;
	top:0;
	content: '';
	background: url(/images/crane.png);
	background-size: cover;
	width: 283px;
	height: 371px;
			-webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
  0% {
    top: -20px;
  }
  50% {
    top: 0px;
  }
  100% {
   top: -20px;
  }
}

/*acymail*/

.acymail-in {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
	align-items: center;
}

.acymail .block-about-in .fa {
    font-size: 50px;
    color: #ffffff;
}

//.acymail .block-about1 .block-about-in:nth-child(1) {
	display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.acymail h3 {
    color: #ffffff;
	padding: 0;
    margin: 0;
}

a.acym__modal__handle

{
    color: #ffffff;
}

@media (min-width: 992px) {
.container-header .mod-menu > li::after {
    transition: all 0.2s ease 0s;
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    height: 0.2rem;
    //margin-top: -0.2rem;
    background: rgb(255, 76, 0);
    width: 0px;
}}

@media (min-width: 992px){
.container-header .mod-menu > li + li {
    //margin-left: 1.55em;
}}

.container-header .mod-menu > li {
    position: relative;
}

.container-header .mod-menu li a:hover {
	padding-left: 54px;
  }

@supports (display: grid){
.site-grid > .full-width {
    grid-column: full-start/full-end;
}}

@supports (display: grid){
.site-grid > [class^=container-], .site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}}

.container-banner {
    grid-area: banner;
	display: block;
    margin: 0 0 2rem;
}

body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: main-end;
	flex-direction: column;
}

body:not(.has-sidebar-left) .site-grid .container-component {
    grid-column-start: main-start;
	flex-direction: column;
}

@supports (display: grid)
.site-grid > [class^=container-], .site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.container-component {
    grid-area: comp;
}

.container-component, .container-sidebar-left, .container-sidebar-right {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.dj-megamenu-offcanvas-light .fa-mobile-screen-button
{
display: none;
}

#system-message-container:empty {
    display: none;
    margin-top: 0;
}

.container-component > *:first-child, .container-sidebar-left > *:first-child, .container-sidebar-right > *:first-child {
    margin-top: 2em;
}

.container-component > *, .container-sidebar-left > *, .container-sidebar-right > * {
    margin-bottom: 4em;
}

.container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
    margin-top: 0;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    //margin-top: 3em;
}

.container-header .navbar-brand {
    position: relative;
    display: inline-block;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
	padding: 2rem 0;
	background: #ffffff;
	display: flex;
    align-items: center;
    gap: 0.5rem;
	flex-direction: column;
    text-align: center;
	    width: 100%;
}

.navbar-brand {
    //padding: 2rem 0;
    margin-right: 1rem;
    text-decoration: none;
    white-space: nowrap;
	//border-bottom: 1px solid rgb(239, 239, 239);
}

.navbar-brand img
{
	width: 5rem;
}

.container-header .navbar-brand a {
    display: block;
    width: 70%;
    margin: auto;
	padding: 0;
	outline: none;
}

a {
    color: #ff5722;
    text-decoration: none;
}

.container-header .grid-child {
    //padding: 0.5em;
}

.site-description
{
display: block;
    font-family: 'Oswald';
    font-size: 1.7rem;
    color: #ad0a17;
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.site-description-text
{
display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    font-size: 10px;
    font-family: system-ui, sans-serif;
    border-left: 2px solid rgb(173 10 23);
    padding-left: 10px;
	line-height: 1.3;
}

.site-description-text p
{margin:0;}

.container-bottom-a .Simple.djtabs{	
	margin-bottom:0;
	background-color: rgb(247 244 239 / 84%);
}

.container-bottom-a .djtabs .djtabs-title-wrapper
{border-top: 1px solid #dedede;}

.container-bottom-a .djtabs .djtabs-title-wrapper:last-child
{border-bottom: 1px solid #dedede;}

.container-bottom-a .Simple .djtabs-title {
    text-align: left;
	background:none;
}

.container-bottom-a .djtabs .djtabs-title {
    border-bottom-style: none;
}

.container-bottom-a .Simple .djtabs-accordion {
    height: auto;
    width: 100%;
    padding: 10px 0;
	color: #333333;
	border-radius: 0;
	font-family: system-ui, sans-serif;
    font-size: 18px;
}

.container-bottom-a .Simple .djtabs-accordion:hover {
	color: #FF5722;
}

.container-bottom-a .Simple .djtabs-title.djtabs-accordion
{position: relative;margin-bottom: 0;}
.container-bottom-a .Simple .djtabs-title.djtabs-accordion:before {
    display: block;
    content: '';
    width: 19px;
    height: 2px;
    position: absolute;
    top: 30px;
    right: 10px;
    background: #ff5722;
    transition: all 0.3s;
}

.container-bottom-a .Simple .djtabs-title.djtabs-accordion:after
{
    display: block;
    content: '';
    width: 19px;
    height: 2px;
    position: absolute;
    top: 30px;
    right: 10px;
    background: #ff5722;
    transform: rotate(90deg);
    transition: all 0.3s;
}

.container-bottom-a .Simple .djtabs-title.djtabs-active:after {
    background: #3f2a2f;
    transform: rotate(0);
}

.container-bottom-a .Simple .djtabs-in {
    margin: 14px 0;
}

/*tasks цели*/

.tasks
{
background: #f7f4ef;
position: relative;
margin: 8rem 0;
}

.tasks-in
{
display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1000px;
    margin: auto;
    //align-items: center;
}

.tasks::after {
    display: block;
    width: 238px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(/images/crane.png) top center no-repeat;
    background-size: contain;
}

.tasks-title-item1
{
    position: relative;
}

.tasks-title-item1 b {
    width: 320px;
    height: 180px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 18px;
    z-index: 3;
    margin-top: 264px;
    margin-left: 40px;
    margin-bottom: 132px;
    background: #ff5722;
    color: #ffffff;
    padding: 2.5rem;
    gap: 1rem;
    font-weight: 600;
    line-height: 1.2;
}

.tasks::before {
    display: block;
    width: 540px;
    height: 430px;
    content: '';
    position: absolute;
    z-index: 1;
    top: -84px;
    left: 0;
    background: url(/images/engineering-construction.jpg) top center no-repeat;
	
    background-size: cover;
}

.tasks-title-item1::after {
    display: block;
    width: 431px;
    height: 280px;
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -74px;
    left: 0;
    background: url(/images/07_1920x0_813.jpg) top center no-repeat;
}

.tasks-title-item2
{
    position: relative;
    z-index: 5;
	top: 20%;
}
.tasks-title-item2 h1
{
    position: relative;
    padding-left: 16px;
	color: #3f2a2f;
}

.tasks-title-item2 h1:before {
    position: absolute;
    content: '';
    background: #ff5722;
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

/***************************tags***************/

ul.tags1
{
	position:relative;
	padding: 0;
    margin: 0;
}

.intro-blog-item ul.tags, .mod-articlesnews-horizontal ul.tags,
.owl-carousel ul.tags {
    display: flex;
	flex-wrap: wrap;
    padding: 0;
    gap: 10px;
	position: absolute;
	top: 10px;
    left: 10px;
	z-index:5;
}

.mod-articlesnews-horizontal ul.tags1 li
{
	flex:0;
	width: fit-content;
}

ul.tags li:first-child .btn
{
	background:#ad0a17;
}

ul.tags li:nth-child(2) .btn
{
	background:#FF5722;
}

ul.tags li:nth-child(3) .btn
{
	background:#FF9800;
}

.intro-blog-item ul.tags .btn , ul.tags1 .btn{
white-space: nowrap;
border-radius: 0.2rem;
}

.intro-blog-item ul.tags .btn:hover, ul.tags1 .btn:hover
 {
background:#FF5722;
	color:#ffffff;
}

.com-content-article ul.tags {
    display: flex;
    padding: 0;
    gap: 10px;
	position: relative;
    left: 0;
}

.tag-category
{
    display: flex;
    flex-direction: column;
}

.com-tags-tag-images
{
    position: relative;
	margin-bottom: 3rem;
}

.com-tags-tag-images img
{
width: 100%;
    height: 320px;
    object-fit: cover;
    filter: brightness(0.5);
}

.com-tags-tag-prepare {
    padding: 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    color: #ffffff;
}

.com-tags-tag-prepare:before {
    content: '\f198';
    font-family: 'fontawesome';
	color: #ff9800;
}

.com-tags-tag__category
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin: 0;
    padding: 0;
}

.com-tags-tag__category li
{
	position:relative;
}

.com-tags-tag__category li h3
{
	position: absolute;
    padding: 20px;
    z-index: 2;
    margin: 0;
    bottom: 0;
}

.com-tags-tag__category li h3 a
{
	color: #ffffff;
}

.com-tags-tag__category .fields-container
{
display: flex;
    flex-direction: column;
	gap: 5px;
	border: none;
    padding: 0;
	padding-top: 0.5rem;
}

.two-blocks-with-buttons
{
display: grid;
grid-template-columns: 1.5fr 1fr;
}

.two-blocks-with-buttons div:first-child
{
min-height: 500px;
}

.two-blocks-with-buttons div:first-child img
{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.two-blocks-with-buttons .color-bg
{
background: #3f2a2f;
    color: #ffffff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 6rem;
	font-size: 20px;
	gap: 1.5rem;
		overflow: hidden;
	position: relative;
	z-index: 2;
}

.two-blocks-with-buttons .color-bg:before {
    content: "\f0b1";
	font-family:fontawesome;
	position:absolute;
	font-size:18rem;
	opacity: 0.3;
	right:-5%;
	bottom: -28%;
	z-index: -1;
}

.two-blocks-with-buttons .color-bg a.button
{
background: #ff5722;
}

.text-markup
{
    display: flex;
    flex-direction: column;
	align-items: flex-end;
    margin: 2rem 0;
	border-left: 4px solid #ff5722;
    padding-left: 3rem;
}

.text-markup p
{
    //width: 60%;
}


/******************************************/

@supports (display: grid)
.site-grid {
    display: grid;
    grid-template-areas:
        ". banner banner banner banner ."
        ". top-a top-a top-a top-a ."
        ". top-b top-b top-b top-b ."
        ". comp comp comp comp ."
        ". side-r side-r side-r side-r ."
        ". side-l side-l side-l side-l ."
        ". bot-a bot-a bot-a bot-a ."
        ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
}

.site-grid {
    margin-bottom: auto;
}


.container-header {
    position: fixed;
	display: flex;
    top: 0px;
    left: 0px;
    width: 18rem;
    height: 100vh;
    box-shadow: rgb(0 0 0 / 7%) 0.3rem 0px 0.4rem;
    overflow-y: auto;
	flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
	z-index: 15;
}


@media (min-width: 992px) {
@supports (display: grid)
.site-grid {
    grid-template-areas:
        ". banner banner banner banner ."
        ". top-a top-a top-a top-a ."
        ". top-b top-b top-b top-b ."
        ". side-l comp comp side-r ."
        ". bot-a bot-a bot-a bot-a ."
        ". bot-b bot-b bot-b bot-b .";
    margin-left: 0;
}
}


  

  .site-grid > [class^=container-],
.site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
	margin: 0;
	display:block !important;
  }

    .site-grid {
	display: grid;
grid-template-areas:
        ". banner banner banner banner ."
        ". top-a top-a top-a top-a ."
        ". top-b top-b top-b top-b ."
        ". comp comp comp comp ."
        ". side-r side-r side-r side-r ."
        ". side-l side-l side-l side-l ."
        ". bot-a bot-a bot-a bot-a ."
        ". bot-b bot-b bot-b bot-b .";
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end]; 
    grid-gap: 0 1em;
	  margin-left: 18rem;

}

	.footer {
    margin-left: 18rem;
}



@media screen and (max-height: 740px) {
  .container-banner .banner-overlay {
    height: 100vh;
  }
}

/*vacancy*/

.vacancy
{
display: grid;
    grid-template-columns: 2fr 1fr;
    background: #eeeeee;
	margin-top: 4rem;
	padding: 3rem;
}

.vacancy-email
{
    
}

.vacancy-button
{
display: flex;
align-items: center;
    justify-content: center;
}

/*mostread */

.mostread  a
{
color:#333333;
}

.mostread  a:hover
{
color:#FF5722;
}

/*menu-bottom*/

.main-menu-bottom
{
//height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.main-menu-number
{
	text-align: center;
	font-size: 1.6rem;
	padding: 18px 0;
	font-family: oswald;
}

.main-menu-number a {
    color: #ad0a17;
}

.main-menu-param
{
    color: #ffffff;
    background: #3f2a2f;
    display: flex;
    padding: 10px 44px;
    gap: 12px;
	align-items: center;
}

.dj-offcanvas .dj-offcanvas-bottom  .main-menu-param
{
width: 100%;
justify-content: center;
padding: 20px;
background: #3f2a2f;
    color: white;
}

.main-menu-param:hover,
.dj-offcanvas .dj-offcanvas-bottom  .main-menu-param:hover .fa,
.dj-megamenu-offcanvas-light .fa-mobile-screen-button:hover:before
{
    color: #FF5722;
}

.dj-offcanvas .main-menu-bottom
{
    display: flex;
	position: relative;
	height: 100%;
    background: white;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}

.dj-offcanvas .main-menu-bottom a
{
	color: #ad0a17;
	width: 100%;
}

.dj-offcanvas .main-menu-param span {
    display: block;
}

.fa-sliders:before
{
font-size: 1.35rem;
font-family: 'awesome';
}

.footer-1
{
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 4%;
	justify-content: space-between;
	padding: 40px 0;
}

.footer-1-in2 .mod-list {
  text-align: left;
}

.footer-1-in2 .mod-list li.active > a {
  padding-left: 0;
}

.footer-1-in1-1
{
    display: grid;
    grid-template-columns: auto;
	gap: 10px;
}

.footer-1-in1-1>div:first-child
{
    display: flex;
    gap: 10px;
    font-family: 'Oswald';
    font-size: 24px;
    align-items: center;
	color: #ad0a17;
}

.footer-1-in1-1 p {
    margin: 0;
}

.footer-1-in1 img
{
    height: 50px;
    width: auto;
}

.footer-1-in3
{
display: flex;
    flex-direction: column;
    gap: 20px;
	align-items: flex-end;
text-align: right;
}

.footer-1-in1 .fa
{
font-size: 20px;
background: #dddddd;
    width: 36px;
    text-align: center;
    padding: 6px 6px;
    border-radius: 4px;
	display: flex;
    justify-content: center;
}

.footer-1-in1 .fa:hover
{
color:#FF5722;
cursor: pointer;
}

.footer-1-in1-fa
{
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
	padding-top: 12px;
}

.footer-1-in2-eays
{width: 150px;line-height: 1.2;min-width: 212px;
 font-weight: 600;
 padding: 4px;
 border-radius: 3px;
}

.footer-1-in2-eays:hover
{
background:#ffffff;
cursor:pointer;
}

.footer-1-in2-eays a 
{position: relative;}

.footer-1-in2-dopmenu
{display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-1-in2-dopmenu .mod-list li.active > a
{
	padding:0;
}

.footer .footer-1-in2 h4,
.footer .footer-1-in2-dopmenu h4
{
	margin-bottom:10px;
	padding:0;
	font-weight: 600;
	border-bottom: 2px solid #ff5722;
    width: fit-content;
    padding-bottom: 6px;
}

.footer-1-in2, .footer-1-in2-dopmenu, .footer-1-in3
{border-left: 1px solid #dddddd;padding-left: 3rem;}

/*documents*/

.documents 
{
display: flex;
flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
	gap: 2rem 1.5rem;
}

.documents .fa-file
{
display: flex;
    align-items: center;
    flex-direction: row;
	position:relative;
}

.documents .fa-file span
{
font-weight: 600;
}

.documents a:hover .fa-file:before
{
    color: #ff5722;
}

.fa-file:before {
position:relative;
    font-size: 2rem;
    color: #3f2a2f;
    content: "\f15b";
    font-family: 'awesome';
	background: #ffffff;
    padding: 0 0.5rem;
	top: -10px;
    left: -10px;
}

.documents a
{
color: #333333;
flex: 0 0 200px;
position:relative;
}

.documents p
{
	    padding: 0 14px;
}

.documents a:after {
position: absolute;
	top: 0;
	left: 0;
    content: '';
	width: 100%;
	height: 100%;
	border:2px solid #cccccc;
	z-index: -1;
}


/*search in footer*/

.mod-finder__search
{background: #dddddd;
//padding: 12px 16px;
width: 100%;
border:none;
}

input.js-finder-search-query
{
    position: relative;
    z-index:1;
    border: none;
	background: #dddddd;
    color: #999999;
	padding: 13px 18px;
	outline: none;
}

.btn-primary  span
{
	left: -2.5rem;
    position: relative;
	transition: all 0.2s;
}

.search-article form.form-search
{
	position:relative;
}

/*footer*/


.footer {
    background: #eeeeee;
	padding: 0 15px;
}

.footer a:hover
{
	color:#FF5722;
}

.footer .grid-child {
    flex-direction: column;
}

.footer a {
  color: currentColor;
}

.footer .mod-list li
{
width:auto;
line-height: 2;
}

[dir=rtl] .footer {
  background-image: linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 100%);
}
.footer .mod-menu {
  position: relative;
}
.footer .metismenu.mod-menu .mm-collapse {
  background: var(--cassiopeia-color-primary);
}

@media (max-width: 991.98px) {
  .footer .grid-child {
    flex-direction: column;
  }
  .footer .grid-child .mod-footer {
    margin: 0.375rem 0;
	width: 100%;
	align-items: flex-start;
  }
  
}

.news-prewiew
{
max-height: 300px;
    overflow: hidden;
    position: relative;
}

p.footer-info
{
    font-size: 14px;
}

.footer-in-copyright-item1 {
    display: flex;
    gap: 10px;
    flex-direction: row;
    margin: auto;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
	font-family: var(--body-font-family);
}

.footer-in-copyright-item1 a, .footer-in-copyright-item1 a:visited
{
    color: #ffffff;
    font-size: 16px;
font-family: var(--body-font-family);
    line-height: 180%;
}

.footer-in-copyright-item1 a>div {
    display: flex;
    gap: 4px;
    background: black;
    padding: 2px 4px;
    align-items: center;
    width: fit-content;
}

.cookieText a
{
	color:#FF5722;
}


@media (min-width: 768px){
footer div.mod-footer {
    flex-direction: row;
}}

footer div.mod-footer {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: space-between;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	padding: 14px 0;
}

.footer2 a
{

}

.object-map
{
    display: flex;
    background: url(/images/map_main.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none;
    height: 110px;
	align-items: center;
    padding-left: 1rem;
}

span.object-button
{
    background: #ffffff;
    padding: 10px 16px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
	height: fit-content;
    width: fit-content;
	box-shadow: 1px 1px 20px #bbbbbb;
	border-radius: 3px;
}

span.object-button:hover
{
    background: #ff5722;
	color:#ffffff;
	cursor: pointer;
}

/******************object-blog вводный текст для квартир и коммерции*****
.art-article-object
{}
.object-img
{
height: 320px;
}
.object-img img
{
object-fit: cover;
    width: 100%;
    height: 100%;
}
.object-title
{}
.object-text
{display: flex;
    flex-direction: column;
    gap: 10px;
}

.object-text div
{display: flex;
    flex-direction: row;
    gap: 5px;
	align-items: center;
}
.object-text p
{
    margin-top: 0;
    margin-bottom: 0;
}

.object-text .fa
{
    color:#FF9800;
}

******/

.mark li
{
	list-style-type:square;
}

.mark li::marker {

    color: #FF5722;
}

.menu-objects ul
{
	display: flex;
    flex-direction: row;
    gap: 10px;
	padding: 0.6rem 0 1rem;
	overflow: auto;
    white-space: nowrap;
	margin: 0;
}

.menu-objects a
{
background: #3f2a2f;
padding: 8px 12px;
border-radius: 4px;
color:#ffffff;
}

.menu-objects a.active, .menu-objects a:hover
{
background: #FF5722;
}

#object1, #object2, #object3, #object4, #object5
{
    scroll-margin-top: 48px;
}

figure.about, .top-item
{height:320px;
margin: 0;
//overflow:hidden;
position: relative;
margin-bottom: 3rem;
}

//figure.about:after, .com-tags-tag-images:after
{
	position:absolute;
	content:'';
	border: 2px solid rgb(255 152 0);
	width: 97%;
	height: 100%;
	left: 1rem;
	bottom: -1rem;
	z-index: 5;
}

figure.about img, .top-item img
{
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.5);
}

figcaption.caption
{
    position: absolute;
    bottom: 0;
    margin: 2rem;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.2;
    padding-left: 10px;
	z-index: 1;
}

figcaption.caption:after
{
    position: absolute;
	content:'';
    top: -10px;
    left: -14px;
    width: 54px;
	height:54px;
	background:#FF5722;
	z-index: -1;
}

.search figure.about
{
	display:block;
}

/**********************Гифка***********/
#id_admin_forms_fade img
{
	width: 100px;
	height: auto;
	filter: drop-shadow(3px 8px 5px #00000047);
}

.intro-blog-item figure.item-image,
.com-tags-tag__category figure.item-image
{height:320px;
margin: 0;
overflow:hidden;
position: relative;
background: #f7f4ef;
}

.intro-blog-item figure.item-image img,
.com-tags-tag__category figure.item-image img
{
	height: 100%;
    width: 100%;
    object-fit: cover;
	filter: grayscale(1) brightness(0.8);
	transition: all 0.3s;
}

.intro-blog-item figure.item-image:hover img,
.com-tags-tag__category figure.item-image:hover img
{
	transform:scale(1.05);
	filter: grayscale(0) brightness(0.8);
}

.back-to-top-link {
    position: absolute;
    inset-inline-end: 1rem;
    bottom: 1rem;
	right: 20px;
	background:#ffffff9e;
    z-index: 500;
    padding: 0.5em;
    color: #FF5722;
    pointer-events: all;
    border: 1px solid #3f2a2f;
    border-radius: 0.25rem;
    opacity: 0;
    transition: opacity 200ms ease-in;
}

.visible
{
	position:fixed;
	opacity:1;
}

a.back-to-top-link 
{
    color: #FF5722;
}

a.back-to-top-link:hover
{
	color: #FF5722;
}

iframe {
  border: 0;
}

.modal iframe {
  width: 100%;
}

/*uslugi*/

.mod-articlesnews
{
    display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: start;
    gap: 30px;
	margin-top: 3rem;
	margin-bottom: 4rem;
}

.mod-articlesnews__item:nth-child(2n)
{
	top: 50px
}

.mod-articlesnews__item
{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
scroll-snap-align: center;
}

.mod-articlesnews__item a
{
	position:relative;
}

.mod-articlesnews__item .newsflash-image
{width: 100%;height: 400px;}

.mod-articlesnews__item .newsflash-image img
{
    object-fit: cover;
    height: 100%;
    width: 100%;
	filter:brightness(0.5);
	transition: all 0.3s;
}

.mod-articlesnews__item h2 {
    position: absolute;
    padding: 1rem;
	padding-left: 38px;
    color: #ffffff;
    bottom: 0;
    margin-bottom: 2rem;
    font-size: 1.2rem;
	transition: all 0.2s;
	z-index: 2;
}

.mod-articlesnews__item p {
    position: absolute;
    margin: 1rem;
    color: #ffffff;
    padding: 14px;
    pointer-events: none;
    font-size: 20px;
    line-height: 124%;
    font-family: roboto;
}

.mod-articlesnews__item a:hover img
{
   transform:scale(1.1);
}

.mod-articlesnews__item a h2:before
{
    position: absolute;
    content: '';
    background: #FF5722;
    width: 30px;
    height: 34px;
    left: 26px;
    top: 10%;
    margin: auto;
	transition: all 0.2s;
	z-index: -1;
}

//.mod-articlesnews__item a:hover h2
{
   padding-left: 46px;
}

//.mod-articlesnews__item a:hover h2:before
{
   width: 30px;
}

.mod-articlesnews::-webkit-scrollbar {
   height: 4px;
    background-color: #e3e3e3;
}

.mod-articlesnews::-webkit-scrollbar-thumb {
   background-color: #FF5722;
}


/*equipment technika*/

.equipment .intro-blog-item figure.item-image img
{
	height: 100%;
    width: 100%;
    object-fit: contain;
    filter: grayscale(0);
    transition: all 0.3s;
}

.equipment .intro-blog-item figure.item-image {
    height: 320px;
	padding: 3rem;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: url(/images/tehnika/uquipment-bottom.svg) left top/ auto 10px repeat-x,
		url(/images/tehnika/betonnaya-stena.jpg) bottom  / 100% 100%;

}

.gruzopodemnost:before {
    //font-family: "Awesome";
    //content: "\f21d";
    //color: #FF5722;
}

.akcia-equipment {
    padding: 80px 50px;
	margin-top: 2rem;
    border: none;
    position: relative;
    background: url(/images/tehnika/uquipment-bottom.svg) left 50% bottom -14px / auto auto no-repeat,
	url(/images/tehnika/buldozer2.png) left calc(50% + 287px) bottom 16px / auto auto no-repeat,
	 url(/images/tehnika/blok1.png) left calc(50% + 689px) top 0px / 764px no-repeat,
		url(/images/tehnika/patternt-wall.png) repeat;
    max-width: 100%;
    display: block;
}

.akcia-equipment-in
{width: 50%;
display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5em;}

.akcia-equipment-in a.button{
display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}

/*block2 2 блока*/

.block2
{
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 3rem;
	margin: 3rem 0;
}

.block2-item1 img
{
width: 100%;
height: 100%;
    object-fit: cover;
}

.centr_link {
    background-color: #f7f7f7;
    margin: 30px 0;
    padding: 20px;
}

.centr_link p {
    margin-bottom: 14px;
    padding-bottom: 3px;
    color: #616161;
    display: flex;
    justify-content: space-between;
    border-bottom: 3px solid rgba(5, 40, 64, .08);
}

.centr_link span
{
	color: #FF5722;
	font-weight: bold;
	white-space: nowrap;
}

.block2 a.button
{
display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
	justify-content: center;
}

/*equipment преимущества аренды техники*/

.equipment-best
{
background: linear-gradient(rgb(63 42 47 / 73%), rgb(63 42 47 / 79%)),
	url(/images/tehnika/patternt-wall-dark.png) left 50% top 50% / auto auto repeat;
    margin: 3rem 0;
}

.equipment-best-in
{
max-width: 1360px;
    margin: auto;
color: #ffffff;
padding: 4rem 2rem;
display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}

.equipment-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: inherit;
    -moz-justify-content: inherit;
    justify-content: inherit;
    box-sizing: border-box;
	    max-width: 1300px;
		padding: 2rem;
    border-left: 1px dashed #ffffff47;
}

.equipment-list .item-outer {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 50%;
}

.equipment-list .item {
    margin: 10px;
    border: none;
    position: relative;
    width: auto;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    left: 0;
    right: 0;
    flex-basis: 100%;
    align-self: auto;
    display: block;
    -webkit-justify-content: normal;
    -moz-justify-content: normal;
    justify-content: normal;
}

.equipment-list .image {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    float: left;
    margin-right: 30px;
    margin-left: 0;
	height: 80px;
    width: 80px;
    background: #ff5722;
    border-radius: 50px;
    padding: 14px;
}

.equipment-list .title .align-elem {
    border: none;
    font-weight: 600;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-top: 0;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
	gap: 14px;
}

.equipment-list .text .align-elem {

    position: relative;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.5;
    font-size: 15px;
	font-weight: 100;
	max-width: 20rem;
}

.equipment-list .item-outer .title{
    display: flex;
    flex-direction: column;
    gap: 14px;}

/*career*/

.career-best-all
{
	position: relative;
    display: flex;
    height: 100%;
    margin: 6rem 0;
    flex-direction: row;
    gap: 4rem;
	border-left: 4px solid #ff5722;
    padding-left: 3rem;
}

.career-best-all h1{
    position: sticky;
    top: 0.5rem;
	font-size: 4rem;
	height: fit-content;
	flex: 0 35%;
}

.career-best
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 5rem;
}

.career-best-item
{
    display: flex;
    gap: 40px;
}

.number{
    border-top: 1px solid #ff5722;
    color: #ff5722;
    width: 100px;
    font-size: 1.5rem;
    font-weight: bold;
	flex: 0 0 100px;
}

.career-best-item p
{
    max-width: 290px;
	font-weight: 600;
}

.career-best-item img
{
	position:relative;
	width: 100px;
	height: 100px;
	background: #3f2a2f;
	padding: 13px;
	border-radius: 4px;
	transition:all 0.3s;
}

//.career-best-item:hover img
{
	box-shadow: 6px 6px #FF5722;
}

.career-best-item:nth-child(1) img
{
	animation: animated_div 6s 6s infinite;
	animation-delay: 0s;
}

.career-best-item:nth-child(2) img
{
	animation: animated_div 6s 6s infinite;
	animation-delay: 1.5s;
}

.career-best-item:nth-child(3) img
{
	animation: animated_div 6s 6s infinite;
	animation-delay: 3s;
}

.career-best-item:nth-child(4) img
{
	animation: animated_div 6s 6s infinite;
	animation-delay: 4.5s;
}

@keyframes animated_div
{
0%, 30% {box-shadow: 0px 0px #FF5722;}
10% {box-shadow: 6px 6px #FF5722;}
}


/*******************dop uslegu*******************/

.dop-uslugi
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}	

.dop-uslugi-in1
{
    display: flex;
	position:relative;
	border: 2px solid #eee;
    padding: 2.5rem;
	overflow:hidden;
}

.dop-uslugi-in1 p
{
    margin-bottom: 2rem;
	max-width: 340px;
}

.dop-uslugi-in1 img
{
	position: absolute;
    bottom: -4rem;
    right: 0;
    height: 230px;
    width: auto;
	z-index: -1;
}

.dop-uslugi-in1:nth-child(2) img
{
  filter: drop-shadow(-10px 10px 0px #b9b7c3);
}


/*******************about************************/

.about-company
{
    display: grid;
    grid-template-columns: 1fr 1fr;
	position:relative;
	    margin: 3rem 0px;
}

.about-company:before
{
    position:absolute;
	content:'';
	width: 70%;
	height: 70%;
	right:2rem;
	bottom:-2rem;
	border: 2px solid #eeeeee;
	/transform:rotate(315deg);
	z-index: -1;
}

.about-company-in:nth-child(1)
{
    column-count: 2;
	column-width: 1rem;
}

.about-company-in:nth-child(2)
{
    padding: 2rem 4rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-company-in:nth-child(1) img
{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-company-img:nth-child(1) 
{
	padding-top: 3rem;
}


.about-company-img:nth-child(3)
{
    width: fit-content;
    height: 6rem;
    background: #ff5722;
    padding: 1rem;
	color: #ffffff;
	display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 1rem;
}

.about-company-img:nth-child(3) img
{
    width: 50px;
    height: auto;
	object-fit: contain;
}

.about-company-in .button {
    margin-top: 20px;
    display: block;
    width: fit-content;
}

//.about-company-in a
{
background: #3f2a2f;
    color: #ffffff;
    padding: 6px 12px;
}

//.about-company-in a:hover
{
background: #ff5722;
}

.about-company-img
{
	padding-bottom: 0.5rem;
}

.company-about__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 4rem;
}

.company-about__item {
    position: relative;
	padding: 0 2rem;
}

.company-about__item-digit {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 4rem;
    line-height: 100%;
    font-weight: 800;
	color: #ff5722;
}

.company-about__item-text {

    font-weight: 700;
	line-height: 1.5;
	padding-top: 0.5rem;
}

.company-about__item-side {
    position: absolute;
    right: -2rem;
    bottom: 3.5rem;
    font-size: 16px;
    line-height: 100%;
    transform-origin: 100%;
    transform: rotate(-90deg);
	color: #333333;
}

.company__info-inner {
    display: grid;
    grid-template-columns: 22rem auto;
    gap: 6rem;
	margin: 4rem 0; 
}

.company__info-block {
    width: 100%;
    height: 100%;
    margin-right: auto;
}

.company-info-block {
    display: flex;
    flex-direction: column;
    padding: 3.5rem 5.8rem 3.8rem;
    background-color: #3f2a2f;
    color: #ffffff;
    justify-content: space-between;
    height: 100%;
}


.company-info-block:hover .company-info-block__link {
    gap: 14px;
}

.company-info-block__item {
    position: relative;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}

.company-info-block__item-digit {
    position: relative;
    display: inline-block;
    font-size: 6rem;
    line-height: .9;
    font-weight: 800;
	font-family: oswald;
	color: #ff5722;
}

.company-info-block__item-side {
    position: absolute;
    top: 0;
    right: -2.6rem;
    font-size: 1rem;
    transform-origin: 100%;
    transform: rotate(-90deg);
	font-family: system-ui;
}

.company-info-block__item-text {
    font-size: 1.2rem;
    line-height: 1.25;
	color: #ffffff;
}

.company-info-block__link {
    display: flex;
    align-items: center;
	gap: 10px;
	font-size: 1.2rem;
	transition: all 0.3s;
}

.company-info-block__link:after {
    content: "";
	top: 2px;
    position: relative;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: translate(-15%) rotate(45deg);
}

.company__info-wrapper
{
display: grid;
    grid-template-columns: 2fr auto;
    gap: 10rem;
}

.company__info-second-text
{
    border-left: 4px solid #ff5722;
    padding-left: 3rem;
	height: fit-content;
}

.company-info-text1
{
 	border-left: 4px solid #ff5722;
    padding-left: 3rem;
	
}

.company__control {
    position: relative;
    width: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem 2rem;
    text-align: center;
    background-color: rgb(255 228 196);
}

.company-control__icon {
    width: 89px;
    height: 89px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(/images/company-controle.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 44%;
}

.company-control__title {
    max-width: 80%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: 700;
    line-height: 1.4rem;
    text-align: center;
}

.company-control .text {
    line-height: 1.8;
}

/*google-map*/

.google-map iframe
{
	width: 100%;
}

/*****************callback Обратный звонок***************/

.callback
{
	max-width: 1320px;
    margin: auto;
    color: #3f2a2f;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-column-gap: 2rem;
}

.callback-bg
{
	background:#FF5722;
	padding: 2.5rem 15px;
}

.callback-title h2
{
font-size: 2rem;
	font-weight:400;
	margin:0;
}

.callback-module
{
display: flex;
 align-items: center;
}

.callback-tel h2
{
margin: 0;
font-size: 2rem;
}

.callback-tel a h2
{
    color: #3f2a2f;
}

.callback p
{
	color:#ffffff;
	padding:0;
	margin: 0;
}

/**********************callback в объектах******************************/

.callback-all
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
	background: #eeeeee;
	padding: 2rem;
	margin-top: 18vh;
	margin-bottom: 4rem;
}

.callback-in1
{
    display: flex;
    flex-direction: column;
}

.callback-in2
{
    //background: #eeeeee;
    //position: relative;
}

.callback-in1 img
{
    width: 70px;
    height: auto;
}

.callback-in2 img
{
    position: absolute;
    right: 4rem;
    height: 140%;
    width: auto;
    bottom: 0;
}

//.qf3 input
{
    border: 2px solid #ff5722;
    padding: 14px 20px;
    text-align: center;
    border-radius: 4px;
	margin: 1rem 0;
	background: #ff572200;
	outline: none;
	width: 100%;
}

//.qf3 .btn-primary
{
    border: none;
    border-radius: 4px;
    background: #3f2a2f;
    width: 100%;
	color: #ffffff;
}

//.qf3form .qfcapt
{
display: none;
}

//.qf3form form
{
	display:
	flex;
	flex-direction: row;
	gap: 20px;
}

//.qf3
{display:flex;}

/***************************************************/

/*****************callback Tehnika***************/
.callback-all-tehnika
{
background: url(/images/tehnika/uquipment-bottom.svg) left 15% bottom -14px / auto auto no-repeat, #eeeeee;
    margin: 4rem 0;
	padding: 0 15px;
}

.callback-all-tehnika .callback-in2 img {
    position: absolute;
    right: 10rem;
    height: 80%;
    width: auto;
    bottom: 20px;
}

.callback-all-tehnika .callback-all {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    background: none;
    padding: 3rem 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1320px;
    margin: auto;
}



/**/

.mod-custom {
  position: relative;
}

.container-topbar,
.container-below-top {
  color: white;
}
.container-topbar a,
.container-below-top a {
  color: currentColor;
}

.container-banner {
  display: block;
  margin: 0 0 2rem;
}

.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
  position: relative;
  margin-left: 18rem;
}
.container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
  flex: 1;
}
@media (max-width: 991.98px) {
  .container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
    flex-direction: column;
  }
  .container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
    flex: 0 1 auto;
  }
  
}

.com-content-category-blog__navigation  {
 margin-top: 2rem;
}

.container-component,
.container-sidebar-left,
.container-sidebar-right {
  display: flex;
  flex: 1;
  flex-direction: column;
}


.container-sidebar-left,
.container-sidebar-right {
  flex: 0 0 auto;
  width: calc(100% - 1em);
  order: 1;
}
@media (min-width: 768px) {
  .container-sidebar-left,
.container-sidebar-right {
    width: calc(25% - 1em);
    order: 0;
  }
}

.container-sidebar-left .sidebar-left:first-child {
  margin-top: 1em;
}
.container-sidebar-left .sidebar-left:last-child {
  margin-bottom: 1em;
}

.container-sidebar-right .sidebar-right:first-child {
  margin-top: 1em;
}
.container-sidebar-right .sidebar-right:last-child {
  margin-bottom: 1em;
}

.columns-2
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2rem;
}

.columns-3
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
}

.columns-4
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2rem;
}

.cat-children
{
display: none;
}

.news-prewiew img
{
width: 100%;
height: auto;
object-fit: cover;
}

/****privacy *****/

.privacy-page .com-content-article__body ul li {
    unicode-bidi: isolate;
    list-style: disc outside none;
    overflow: visible;
}

.privacy-page .com-content-article__body ul li::marker
{
	color:#FF5722;
}

/*line_block*/

.line_block .columns-2,
.line_block .columns-3
{
	grid-template-columns: repeat(1, 1fr);
}

.line_block .columns-2 .blog-item,
.line_block .columns-3 .blog-item
{
	display: grid;
    grid-template-columns: 50% 1fr;
    gap: 2rem;
}

.line_block .intro-blog-item figure.item-image
 {
    height: 170px;
	width: 100%;
}

.blog-line .fa-align-justify:before {
    content: "\f009";
}

.line_block .fa-align-justify:before {
    content: "\f03a";
}

//.line_block .intro-blog-item ul.tags
{
    position: relative;
    gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
	top: 0;
    left: 0;
}
.line_block .intro-blog-item
{
    display: flex;
	flex-direction: column;
}

.line_block .blog-item .fields-container
{padding-top: 0;}

.section-type-bg
{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem;
    display: flex;
    justify-content: flex-end;
}

.section-type
{
    border: 1px solid #eeeeee;
    padding-left: 1rem;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    width: fit-content;
    height: fit-content;
}


/*btn*/

.btn {
  display: flex;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #3f2a2f;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.15s;
  border: none;
  flex-direction: row;
    gap: 10px;
    align-items: center;
	justify-content: center;
	width: fit-content;
}

.btn a
{
	color: #fff;
}

/*menu-btn*/

.menu-btn
{
}

.menu-btn .fa
{
background: rgb(255 228 196);
    border-radius: 3px;
    cursor: pointer;
    font-size: 22px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mod-custom124
{
	position:sticky;
	top: 0;
	background:white;
	margin-bottom: 1rem;
	z-index:4;
}


@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  background: #FF5722;
	color: #ffffff;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

button.btn-primary {
display: inline-block;
  color: #ffffff;
    border: none;
    overflow: hidden;
    padding: 8px 29px;
    padding-left: 16px;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #3f2a2f;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #ffffff;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #ffffff;
}

.btn-primary:hover span
{
  left:-4px;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn.focus:active,
.btn.active:focus,
.btn.active.focus {
  text-decoration: none;
}

.btn.group-move {
  cursor: move;
}

.btn-secondary {
  color: white;
  background-color: #3f2a2f;
  width: 100%;
}
.btn-secondary:hover {
  color: white;
  background-color: #ff3d00;
}

.pagenavigation, .pager {
    clear: both;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: 0.5rem;
}

.pagination li {
background: #ff5722;
color: white;
border-radius: 3px;
}

.pagination li a, .pagination li.disabled 
{
color: #ffffff;	
padding: 0 11px;
}

.pagination li.active, .pagination li:hover
{
	background:#3f2a2f;
}

.pagenavigation .pagination, .pager .pagination {
    justify-content: space-between;
    padding: 0;
    margin: 1em 0;
}

.visually-hidden, .sr-only,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  border-radius: 0.2rem;

}

/***********************block2items*******/
.block2items
{
height: 650px;
display: grid;
  grid-template-columns: repeat(2, 1fr);
  //grid-gap: 20px 20px;
  justify-content: space-between;
  color: #ffffff;
}

.block2items div
{
background-size: cover;
background-position-x: center;
}

.block2items .block2items-in1 div
{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	margin-right: 24px;
}

.block2items .block2items-in2 div
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-left: 24px;
}

.block2items-in1
{
background: linear-gradient(rgb(25 23 39 / 43%), rgb(20 19 33 / 43%)), url(/images/apartment.jpg);
display: flex;
    align-items: center;
    justify-content: flex-end;overflow:hidden;
}

.block2items-in2
{
background: linear-gradient(rgb(25 23 39 / 43%), rgb(20 19 33 / 43%)), url(/images/comerc_tumb.jpg);
display: flex;
    align-items: center;
    justify-content: flex-start;overflow:hidden;
}

.block2items-text
{
    font-size: 3rem;
	text-transform: uppercase;
	border-right: 4px solid #ff9800;
	padding: 0 34px;
    margin: 34px;
	font-weight: bold;
}

.block2items-in2 .block2items-text
{

	border-left: 4px solid #ff9800;
	border-right: none;
	padding: 0 34px;
    margin: 34px;
}

.block2items-text span
{
color: #ff9800;
}

.block2items-slogan
{
    font-size: 1.2rem;
	background: #ff4c00;
	width: fit-content;
    padding: 4px 14px;
}

a.block2items-button
{
padding: 8px 12px;
color: #ffffff;
border: 2px solid;
width: fit-content;
text-decoration: none;
margin: 0 20px;
}

.block2items-in1 .block2items-text
{
	color:#FF9800;
}
.block2items-in1 .block2items-text span
{
	color:#ffffff;
}

/************сдвиг button*************/

.block2items-in1 a.block2items-button
{
	opacity:0;
	transform: translatex(210px);
	transition: all 0.3s;
}

.block2items-in2 a.block2items-button
{
	opacity:0;
	transform: translatex(-210px);
	transition: all 0.3s;
}

.block2items-in1:hover a.block2items-button,
.block2items-in2:hover a.block2items-button
{
	opacity:1;
	right: auto;
	transition: all 0.3s;
	transform: translatex(0px);
}

/***********************end************************/

a.block2items-button:hover
{
color: #ff9800;
cursor:pointer;
}

.object-appartment
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
	padding-bottom: 10px;
	margin-bottom: 4rem;
	}

.object-in-button
{
display: flex;
    grid-gap: 20px;
    justify-content: space-between;
}

.object-in1 p
{
    padding-left: 24px;
    position: relative;
}

.object-in1 p:before, .object-in1 .fa
{
    color: #ff5722;
}

p.object-title:before {
    content: "\f3c5";
	font-family: awesome;
    left: 0;
    position: absolute;
}

p.object-info:before {
    content: "\f05a";
	font-family: awesome;
    left: 0;
    position: absolute;
}

.object-in1
{
    display: grid;
    grid-template-rows: 2fr auto;
}

.object-in1 .fa
{
position: absolute;
	left: 0;
}

.object-in-button a
{
	background:#FF5722;
	color: #ffffff;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
	display: flex;
    width: 100%;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
	padding: 14px 16px;
}

.object-in-button a.button2
{
	background:#3f2a2f;
	color: #ffffff;
	text-decoration:none;
	text-align:center;
	border-radius: 3px;
}

/*********************news*************************/

.item-content
{
    position: relative;
}


.blog dd.published {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
	line-height: 1.2;
    color: #ffffff;
    margin: 0;
    background: #ff5722;
    padding: 0.7rem;
    width: 61px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-item .page-header, .com-tags__items figure h2 {
position: absolute;
    bottom: 0;
    color: #ffffff;
    padding: 14px;
    background: #3f2a2f;
	z-index: 1;
}
.line_block .blog-item .page-header {
    border-bottom: none;
}

.blog-item .page-header h2:before {
    display: none;
}

.blog-item .page-header  h2
{
    font-size: 1.17em;
	padding: 0;
	margin: 0;
}

.com-tags__items figure h2{
    font-size: 1.17em;
	padding: 14px;
	margin: 0;
}

.intro-blog-item
{
    position: relative;
}

.blog-items .btn
{border-radius: 0;}

/*blog .news*/

.news .intro-blog-item ul.tags, 
.owl-carousel ul.tags {
    right: 10px;
    left: auto;
}

.news .blog-item .page-header h2 {
	line-height: 1.2;
}

.news .blog-item .page-header {
    position: absolute;
    bottom: 0;
    color: #ffffff;
    padding: 1.2rem;
	border: none;
	background: none;
}

//.blog-item .page-header  h2 span,
a.jtcs_item_title span,
h3.newsflash-title span
{
        color: #ffffff;
	background: #ff5722;
    padding: 0 8px;
}

/****************mod-articlesnews-horizontal************/

.fields-container
{
padding: 0;
    display: flex;
    gap: 20px;
}

.fields-container span:nth-child(2) {
    font-weight: bold;
}

.blog-item .fields-container, .mod-list .fields-container
{
    display: flex;
    gap: 5px;
    padding-bottom: 0;
    border-bottom: none;
    flex-direction: column;
	margin: 1rem 0;
}

.newsflash-image
{
    padding: 0;
    margin: 0;
	height: 320px;
	overflow:hidden;
}

.card-body .mod-list {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    list-style: none;
	padding-top: 1rem;
}

.card-body .mod-articlesnews-horizontal {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 2rem;
}

.mod-articlesnews-horizontal figure img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
	filter: grayscale(1) brightness(0.8);
	transition: all 0.3s;
}

.card-body .mod-articlesnews-horizontal li {
    flex: 1;
    flex-direction: column;
    gap: 0;
    padding: 0;
	        scroll-snap-align: center;
}

.card-body .fields-container li {
    display: flex;
    flex-direction: row;
	gap: 0 5px;
}

.mod-articlesnews-horizontal .readmore {
    margin-top: auto;
	position: relative;
}

.card-body .mod-articlesnews-horizontal .readmore:hover img
{
	transform:scale(1.05);
	filter: grayscale(0) brightness(0.8);
}

.card-body
{
	//padding: 1rem 0;
	position: relative;
}

.mostread li
{
	list-style: square;
	margin-left: 1rem;
	color: red;
}

h3.newsflash-title
{
    color: #ffffff;
    position: absolute;
    bottom: 0;
    padding: 14px;
margin-bottom: 0;
	line-height: 1.2;
	background: #3f2a2f;
}

.mod-articlesnews-button 
{
    display: flex;
	justify-content: center;
	padding-top: 1rem;
}

.mod-articlesnews-button a
{
    width: fit-content;
    background: #3f2a2f;
    padding: 12px 50px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
	border-radius: 3px;
}

.mod-articlesnews-button a:hover
{
    color: #ffffff;
	background: #FF5722;
}

.adres-rajon
{position: relative;}
.adres-rajon:before {
font-family: "Awesome";
    content: "\f21d";
	color: #FF5722;
}

.ploshchad
{position: relative;
}

.ploshchad:before {
font-family: "Awesome";
    content: "\f31e";
	color: #FF5722;
}

.ploshchad:after {
    content: "м2";
}

.etazh, .etazh-commerce
{position: relative;}
.etazh:before, .etazh-commerce:before
{
font-family: "Awesome";
    content: "\f1ad";
	color: #FF5722;
}

.field-entry span:nth-child(1)
{
	width:100%; 
}

.fields-container li
{
	display:flex;
	flex-direction: row;
	white-space: nowrap;
	gap: 4px;
	border-bottom: 3px solid rgba(5, 40, 64, .08);
}

.com-content-article .fields-container li
{
	border-bottom: none;
}

.hand-left-right
{
display: none;
background: url(/images/hand-left-right.png) no-repeat;
height: 32px;
    background-size: contain;
	background-position-x: center;
	margin-bottom: 1rem;
	animation: 1.5s linear infinite left-right;
	position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}

@keyframes left-right {
  0% {
    margin-left: 0px;
  }
  
  50% {
    margin-left: 50px;
  }
}

.mod-articlesnews-horizontal::-webkit-scrollbar {
display:none;
}

/*blog tehnika*/

.item-info{
    margin-top: 1rem;
}
.item-info p {
    display: flex;
    border-bottom: 1px solid #eeeeee;
    justify-content: space-between;
	width: fit-content;
    gap: 10px;
}

.blog .item-info p {
    display: flex;
    border-bottom: 3px solid rgba(5, 40, 64, .08);
    justify-content: space-between;
	width: 100%;
    gap: 10px;
}


/*************************Contacts*******************/

.departments-all
{
    display: flex;
    gap: 100px;
}

.departments
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.departments__card-in
{
	display:flex;
	gap: 20px;
}

.departments__card-value 
{
    display: flex;
    gap: 5px;
}

.departments__card-value._phone a
{
color: inherit;
}

.departments__card-value._phone:before
{
font-family: "Awesome";
content: "\f095";
color: #FF5722;
}

.departments__card-value._time:before
{
font-family: "Awesome";
content: "\f017";
color: #FF5722;
}

.dj-megamenu-wrapper
{
	display:none;
}

.callback-module .convertforms .cf-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    grid-template-columns: 2fr 1fr;
    flex-wrap: wrap;
    gap: 2rem;
    row-gap: 6px;
}

.convertforms .cf-checkbox-group .cf-label
{
    text-align: left;
}
/**********************************1366px***************/

@media (max-width: 1366px) {

@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
	margin-left: 0;
  }
}
  
  .container-header {
display: flex;
height: 100px;
width: 100%;
    flex-direction: row;
	align-items: center;
	position: sticky;
    top: 0;
	padding: 0 10px;
	overflow-y: visible;
}

#object1, #object2, #object3, #object4, #object5
{
    scroll-margin-top: 148px;
}

.footer {
    margin-left: 0;
}

.container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b
{
margin-left: 0;
}

#mod-custom124 {
    top: 100px;
}

.container-header .mod-menu {
    display: flex;
    flex: 1 1 100%;
    flex-direction: row;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: flex-start;
	align-items: center;
	justify-content: center;
}

.container-header .container-nav {
    margin-top: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.container-header .mod-list li.active > a, .container-header .mod-list li > a  {
    padding: 0;
	padding: 10px 0;
	white-space: nowrap;
	position: relative;
	display: flex;
    height: 100%;
    align-items: center;
}

.container-header .mod-menu li a:hover {
    color: #ff5722;
	padding-left: 0;
  }
  
  .container-header .mod-menu > li::after {
    bottom: 30%;
	top: auto;
	left: 15px;
}

.container-header .mod-menu > li {
    border-bottom: none;
	padding: 0 14px;
	height: 100%;
    align-items: center;
    display: flex;
}

.container-header .mod-menu > li a .active::after, 
.container-header .mod-menu > li a:hover::after ,
	.container-header .mod-menu > li span:hover::after{
    width: 1.2rem;
    background: #ff5722;
}

.container-header .mod-menu__sub li > a::after{
    top: 50%;
    left: -32px;
}


.container-header .mod-menu > li > span {
    padding: 0;
}

.container-header .navbar-brand {
    margin: auto;
	border: none;
	flex-direction: row;
	width: auto;
	padding: 0;
}

.container-header .navbar-brand a {
	width: auto;
	padding: 1rem 0;
	height: 100px;
}

.navbar-brand img {
    height: 100%;
	width: auto;
}

.grid-child {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.n2-ss-slider.n2-ss-loaded .n2-ss-layers-container {
    opacity: 1;
    max-width: 930px !important;
}

.main-menu-param span
{
	display:none;
}

.main-menu-param {
    gap: 12px;
    padding: 0;
    width: fit-content;
	background: none;
    color: #3f2a2f;
}

.main-menu-number {
    padding: 0;
}

.main-menu-bottom {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
}

.container-nav .mod-menu__sub {
    top: -100px;
    left: 0;
    position: absolute;
    width: 300px;
    height: auto;
}

.container-nav .item-187 .mod-menu__sub {
    top: -230px;
} 

.container-nav .mod-list .nav-item:hover .mod-menu__sub {
    top: 100px;
	left:0;
}

.container-header .mod-menu > li > span {
    padding-left: 0;
}

.container-header .mod-menu > li + li {
    
}

.error-404-1
{
height: 240px;
}

.error-404-1:after
{
	top: 80px;
	width: 241px;
	height: 310px;
}

@-webkit-keyframes pulsing {
  0% {
    top: 100px;
  }
  50% {
    top: 80px;
  }
  100% {
   top: 100px;
  }
}

}

/******************1200px***********/

@media (max-width: 1200px) {

  .container-header .mod-menu, .dj-offcanvas-bottom .main-menu-bottom {
display: none;
}

.container-header .mod-menu > li
{
padding: 0 10px;
}

.container-header .container-nav
{
justify-content: flex-end;
}

.container-header .grid-child {
    width: 100%;
    align-items: center;
}

	.dj-megamenu-wrapper
{
	display:block;
}

.block2items-in1 a.block2items-button,
.block2items-in2 a.block2items-button
{
	opacity:1;
	transform: translatex(0px);
}

.dop-uslugi-in1 {
    padding: 2rem;
}

.dop-uslugi-in1 img {
    height: 180px;
}

h3.newsflash-title,
.blog-item .page-header,
.com-tags__items figure h2 {
    padding: 10px;
}

.callback-all-tehnika .callback-in2 img {
    right: 0rem;
    height: 70%;
}

}

/******************960px***********/

@media (max-width: 960px) {

h1.card-header, .page-header h1, .com-tags-tag h1 {
    margin-bottom: 1rem;
}

  .columns-3,
  .card-body .mod-articlesnews-horizontal,
.mod-articlesnews  {
    grid-template-columns: repeat(2, 1fr);
}

.company-about__item-side {
    right: -1rem;
	font-weight: bold;
	font-family: sans-serif;
}

.section-type-bg {
    display: none;
}

.career-best-all h1 {
    font-size: 3rem;
	top: 100px;
}

.career-best-item {
    gap: 20px;
}

.number {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

.footer-1
{
    grid-template-columns: 1fr 1fr 1fr;
}

.footer-1-in2, .footer-1-in2-dopmenu, .footer-1-in3 {
    border-left: none;
    padding-left: 0;
	flex-direction: row;
}

.footer-1-in3 {
    grid-column-start: 1;
    grid-column-end: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
	padding-top: 2rem;
	border-top: 1px solid #dddddd;
}

.footer-1-in2-eays {
    width: auto;
	text-align: left;
}

.callback-all{
margin-top: 0;
}

.callback-in2 img {
    height: 100%;
}

//figure.about:after , .com-tags-tag-images:after{
    width: 90%;
    height: 100%;
    left: 5%;
    top: 1rem;
    z-index: 5;
}

.equipment-best-in{
    padding: 2rem 20px;
    display: flex;
    flex-direction: column;
	text-align: center;
}

.equipment-list {
    border-top: 1px dashed #ffffff47;
	border-left: none;
}


#callback {
    scroll-margin-top: 80px;
}

}

/******************860px***********/

@media (max-width: 860px) {

//#object1, #object2, #object3, #object4, #object5
{
    scroll-margin-top: 154px;
}

#mod-custom124 {
    top: 60px;
}

.departments-all {
    gap: 14px;
    flex-direction: column;
}

.container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
    margin-top: 0;
	margin-bottom: 3rem;
}

.container-header .navbar-brand {
    //padding: 5px 0;
}

.com-content-article .fields-container {
padding-bottom: 0;
border-bottom: none;
}

.com-content-article .fields-container li {
    border-bottom: none;
}

.container-header .navbar-brand a {
    height: 50px;
	padding: 0;
}

.grid-child {
    width: auto;
	margin: 0;
}

.container-header {
    display: flex;
    align-items: center;
	justify-content: space-between;
	padding: 6px 1rem;
	height: 60px;
}

.footer1, .footer2
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog-items, .com-tags-tag__category
{
	display: grid;
	grid-template-columns: repeat(2, auto);
}

.dj-offcanvas-bottom 
{
display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
	align-items: stretch;
}

.dj-offcanvas-bottom  .main-menu-number {
	font-weight: bold;
	display: block;
}

.dj-offcanvas-bottom  .main-menu-param span {
    display: block;
}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span
{
padding: 14px;
padding-left: 54px;
}

.card-body .mod-articlesnews-horizontal {
    grid-template-columns: repeat(2, 1fr);
}

.bottom-c .card-body .menu-bottom {
    flex-wrap: nowrap;
    gap: 1rem;
    overflow: auto;
    justify-content: flex-start;
	padding-top: 2rem;
    padding-bottom: 1rem;
}

.block2items-text {
    font-size: 2rem;
}

.block2items .block2items-in1 div {
    margin: 24px;
}

.block2items .block2items-in2 div {
    margin: 24px;
}

a.block2items-button
{
margin: 0 10px;
}

.block2items-slogan {
    font-size: 1.1rem;
}

.intro-blog-item ul.tags, .mod-articlesnews-horizontal ul.tags, .owl-carousel ul.tags{
}

.object-map {margin: 2rem 0;padding: 0 20px;}
span.object-button{
    width: 100%;
    text-align: center;
    justify-content: center;
}

.object-appartment {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}

.menu-objects {
    margin-bottom: 0.5rem;
}

.callback-bg {
    background: #FF5722;
    padding: 1rem 15px;
}

.callback-all {
    margin-top: 3rem;
}


//.footer-1-in1-1
{
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}

//.footer-1-in1-1>div:first-child {
    gap: 10px;
}

.equipment-list .item
{
    display: flex;
    flex-direction: column;
	padding: 20px 0 20px 0;
}

.equipment-list .image {
    margin-right: 0;
    margin-bottom: 20px;
}

#object1, #object2, #object3, #object4, #object5 {
    scroll-margin-top: 112px;
}

.company-about__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2rem;
}

.mod-articlesnews__item .newsflash-image {
    width: 100%;
    height: 400px;
}

.tasks-in{
    display: flex;
    flex-direction: column;
}

.callback-all-tehnika .callback-in2 img {
    height: 50%;
}

.callback-module .convertforms .cf-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: 6px;
}

}

/**************************max-width: 600px**************/

@media (max-width: 600px) {

.callback-module .convertforms .cf-fields {
        flex-wrap: wrap;
        gap: 1rem;
        row-gap: 6px;
        display: flex;
        flex-direction: column;
}

.callback {
        grid-template-columns: auto;
        grid-row-gap: 1rem;
        text-align: center;
}

}


/**************************max-height: 780px**************/

@media (max-height: 780px) {
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
    position: relative;
    color: currentColor;
    text-decoration: none;
    padding: 10px;
    padding-left: 50px;
    display: block;
    transition: all 0.2s ease 0s;
}


}

/**************************560px**************/

@media (max-width: 560px) {

h1.card-header, .page-header h1, .page-header h2,
.com-tags-tag h1, h2.page-header
{
    padding-left: 14px;
	line-height: 1.2;
}

h2
{
	font-size: 24px;
}

.site-description {
    font-size: 1.2rem;
}

.fa-sliders:before {
    font-size: 1.3rem;
}

#object1, #object2, #object3, #object4, #object5
{
    scroll-margin-top: 116px;
}

.breadcrumb {
    flex-wrap: wrap;
}

li.mod-breadcrumbs__item {
    white-space: nowrap;
}

.container-header {
    position: sticky;
    top: 0;
}


.container-header .navbar-brand a {
    height: 36px;
}

h1.card-header:before, .page-header h1:before ,
.com-tags-tag h1:before	{
    height: 100%;
    width: 6px;
    left: 0;
    top: 0;
}

.site-description-text {
    line-height: 1.2;
}

.container-nav .main-menu-number a
{
		display:none;
}

.container-nav .main-menu-bottom
{
		padding-right: 1rem;
}

.page-header h2:before , h2.page-header:before{
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    margin: auto;
}

.hand-left-right
{
display: block;
}

.card-body .mod-articlesnews-horizontal {
    grid-gap: 1rem;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
}

.block2items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}

.blog-items, .com-tags-tag__category, .block_block .columns-3
{
	display: grid;
	grid-template-columns: repeat(1, auto);
}

.rent-srch .blog-items, .apartments .blog-items, .rent  .blog-items
{
	gap: 1rem;
}

.fields-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rent-srch .fields-container, .apartments .fields-container, .rent  .fields-container
{
row-gap: 0;
font-size: 14px;
}

//.line_block .columns-3, .line_block .columns-3 {
grid-template-columns: repeat(1, auto);
    gap: 1rem;
}

.line_block .columns-3 .blog-item, .line_block .columns-3 .blog-item {
    display: flex;
    gap: 0;
    flex-direction: column;
}

//.line_block .blog-item .fields-container span:nth-child(1)
{display:contents;}

.line_block .intro-blog-item ul.tags {
	flex-direction: row;
}

//.line_block .intro-blog-item {
    display: flex;
}

.intro-blog-item figure.item-image, .com-tags-tag__category figure.item-image,
.line_block .intro-blog-item figure.item-image {
    height: 280px;
}

//.line_block  .blog-item .page-header {
    position: relative;
    top: 0;
    color: #333333;
    padding: 0px;
}

.dj-megamenu-offcanvas-light .main-menu-number
{
display: none;
}

.dj-megamenu-offcanvas-light .fa-mobile-screen-button
{
display: block;
}

.dj-offcanvas .main-menu-bottom {
    position: sticky;
    bottom: 0;
}

.blog-item .page-header {
font-size: 90%;
}

.blog-line .blog-item .page-header {
    
}

#mod-custom124 {
    top: 60px;
}

.menu-objects a {
    padding: 4px 8px;
}

.bottom-c .card-body .menu-bottom li {
    padding-right: 1rem;
}

.about-company
{
    grid-template-columns: 1fr;
}

.about-company-img:nth-child(3) {
    width: auto;
    gap: 0;
	padding: 0.5rem;
}

.about-company-in:nth-child(2) {
    padding: 0;
}

.fields-container li
{
font-size: 14px;
}

.mod-list li {
	width: 280px;
}

.acymail-in {
    gap: 20px;
    grid-template-columns: 1fr;
}

.two-blocks-with-buttons
{
grid-template-columns: 1fr;
}

.two-blocks-with-buttons div:first-child{
    min-height: 260px;
}

.two-blocks-with-buttons .color-bg {
    padding: 6rem 1em;
}

.text-markup p {
    width: 100%;
}

a.button
{
    width: 100%;
    text-align: center;
}

.object-in-button {
    flex-direction: column;
}

figcaption.caption, .com-tags-tag-prepare {
    font-size: 1.1rem;
}

.mod-articlesnews {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	scroll-snap-type: x mandatory;
gap: 20px;
}

.mod-articlesnews__item:nth-child(2n) {
    top: 0;
}

.mod-articlesnews__item p {
    font-size: 18px;
}

.mod-articlesnews__item .newsflash-image {
    height: 360px;
    width: 73vw;
}

.tasks {
    margin: 3rem 0;
}

.tasks-title-item2 {
    padding: 20px;
    background: #f6f5f2;

}

.tasks-title-item1, .tasks-title-item2,
.tasks::before,
.tasks-title-item1::after {
    width: 100%;
		top: 0;
}

.tasks-title-item1 b {
    margin-top: 74px;
	margin-bottom: 71px;
	padding: 1.5rem;
}

.tasks-title-item1::after {
    height: 0px;
}

.callback-all
{
    grid-template-columns: 1fr;
	padding: 1rem;
}

.callback-in2 {
    display: none;
}

/*vacancy560*/
.vacancy
{
    grid-template-columns: auto;
	gap: 1.5rem;
}

/*footer560*/

.footer-1 {
    grid-template-columns: auto;
    grid-gap: 24px;
}

.footer-1-in1-1 {
    display: grid;
    grid-template-columns: 1fr;
	gap: 6px;
}

.footer-1-in1-1 div:nth-child(2)
{
    display: flex;
    flex-flow: wrap;
    column-gap: 8px;
}

.footer-1-in3 {
    align-items: flex-start;
    text-align: left;
}

.footer-1-in2-eays
{
width: auto;
}

.footer-1-in2:last-child {
    text-align: left;
	align-items: flex-start;
    gap: 9px;
}

.footer .grid-child {
    justify-content: space-between;
}

//.footer-1-in1-1>div:first-child {
    flex-direction: column;
	align-items: flex-start;
    gap: 0;
}

.footer div.mod-footer {
    flex-direction: column;
}

.footer2
{
    flex-direction: initial;
	gap: 6px;
}

p.footer-info
{
    font-size: 12px;
}

.footer-1-in2, .footer-1-in2-dopmenu, .footer-1-in3 {
    border-top: 1px solid #dddddd;
    padding-top: 2rem;
	grid-template-columns: auto;
	grid-column-end: 2;
}

.search-article
{
    width: 100%;
}

.object-appartment, .callback-all, .jtcs_item_wrapper
{
	margin-bottom: 3rem;
}

.convertforms .cf-fields {
    grid-template-columns: 1fr;
}


.callback p {
    margin-bottom: 0.6rem;
}

.callback-all{
margin-top: 0;
}

.callback-all-tehnika .callback-all {
    display: flex;
	flex-direction: column;
    padding: 3rem 20px;
}

#callback
{
    scroll-margin-top: 60px;
}

.dop-uslugi
{
    grid-template-columns: auto;
    gap: 2rem;
}

//.footer .mod-menu {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

//.footer-1-in2-dopmenu {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	flex-direction: row;
}

.error-404-1:after
{
	right: 0;
}

.company-about__items {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 3rem;
    gap: 2rem;
    justify-items: start;
    justify-content: start;
    padding: 0 2rem;
}

.company__info-inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 3rem 0;
}

.company__info-wrapper
{
    display: flex;
    flex-direction: column;
	gap: 3rem;
}

.company-control
{
    width: calc(100% + 30px);
    margin-left: -14px;
}

.company-info-block {
    height: 374px;
}

.company__info-slider div#n2-ss-1 .nextend-arrow img {
    width: auto;
}

@-webkit-keyframes pulsing {
  0% {
    top: 60px;
  }
  50% {
    top: 45px;
  }
  100% {
   top: 60px;
  }
}

.career-best-all {
    flex-direction: column;
}

.career-best-all h1 {
    position: relative;
    top: 0;
    font-size: 2rem;
}

.career-best-item {
display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
	column-gap: 26px;
}

.career-best-item img {
width: 100px;
    height: auto;
}

.number {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}

.akcia-equipment-in {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5em;
}

.akcia-equipment {
    padding: 3rem;
	padding-bottom: 9rem;
    border: none;
    position: relative;
    background: url(/images/tehnika/uquipment-bottom.svg) left 50% bottom -14px / auto auto no-repeat,
	url(/images/tehnika/buldozer2.png) center bottom 16px / 80% auto no-repeat,
	url(/images/tehnika/blok1.png) left 0 top 330px / 712px no-repeat,
	url(/images/tehnika/patternt-wall.png) repeat;
}

.equipment-list {
    padding: 0;
}

.equipment-list .item-outer {
    width: 100%;
}

.equipment-list .item {
    padding: 20px 0 0 0;
    align-self: auto;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
	row-gap: 1rem;
	justify-content: center;
}

.equipment-list .title .align-elem
{text-align: center;align-items: center;}

.btn {
    width: 100%;
}

.btn-primary span, .btn-primary:hover span
{
    left: 0;
}

.block2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 3rem 0;
}

.awesomplete, .awesomplete > input  {
    width: 100%;
}

.mod-finder__search {
    display: flex;
}

button.btn-primary {
    width: 200px;
}

/*smart-slider*/
.n2-ss-slider-wrapper-inside {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    height: 500px;
}

.n2-ss-slider-controls .nextend-arrow img,
.n2-ss-slider-controls .nextend-arrow-previous .nextend-arrow img
{
width: 32px;
}

.site-grid .jt-cs .owl-dots{
    gap: 0rem;
}

.site-grid .Deep-Black .djtabs-accordion
{
	width:100%;
}

}


/**************************390px**************/

@media (max-width: 390px) {

.acym_module_form table, .acym_module_form td, .acym_module_form tr {
    border: none;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.newsflash-image {
    height: 280px;
}

.intro-blog-item figure.item-image, .com-tags-tag__category figure.item-image {
    height: 280px;
}

.about-company-img:nth-child(3) img {
    width: 33px;
}

}

/**************************360px**************/

@media (max-width: 360px) {

.rent-srch .blog-items, .apartments .blog-items, .rent .blog-items {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

}

/**************************21440px**************/

@media (min-width: 2000px) {

html
{
    font-size: 110%;
}

}

/*night mode*/
.night .site-grid,
.night .navbar-brand,
.night .main-menu-bottom,
.night .container-bottom-a,
.night .container-bottom-b,
.night .container-bottom-c,
.night .footer,
.night .dj-offcanvas
{
	filter: grayscale(1);
}

.night .grid-child .container-nav .mod-menu__sub
{
	background: #eeeeee;
}

.night .mod-menu__sub li > a::after,
.night .container-header .mod-menu > li.active::after, 
.night .container-header .mod-menu > li:hover::after
{
    background: rgb(0 0 0);
}

.night .jt-cs .jtcs-author_date
{
	color: #000000;

}

.night body img
{
	//filter:grayscale(1);
}

.night a
{
	//color: #000000 !important;
}

.night a:hover
{}

.night .footer li a:hover
{
	color: #000000;
	border-bottom:1px dashed #000;
}

.night .button a,
.night a.button,
.jtcs_more_cat a
{
    color: #ffffff !important;
}

.night .jt-cs .jtcs-author_date,.night .tags a,
.night ul.tags .btn
{background: #ffffff;
color: #000000;
}

.night .jtcs_item_wrapper .jtcs_item_title, .night .cf-text-left span,
.night .callback 
{color: #ffffff !important;}

.night .container-header .mod-menu > li a .active::after, 
.night .container-header .mod-menu > li a:hover::after ,
.night .container-header .mod-menu > li span:hover::after{
    background: #000000;
}