@font-face {
  font-family: 'FiraSansCondensed';
  src: url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSansCondensed';
  src: url('../fonts/FiraSansCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSansCondensed';
  src: url('../fonts/FiraSansCondensed-SemiBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

body {font-size: 18px; font-family: 'FiraSansCondensed';overflow-x: hidden;}
body.portfolio .container .text-center{}

a {text-decoration: none !important; transition: .3s;}

h1, .h1 {font-size: 50px;}
h2, .h2 {font-size: 48px; text-align:center;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 36px;}
h5, .h5 {font-size: 30px;}

h2:after {content: "";display: block; width:160px; height:2px; background:#f00; margin:0 auto; margin-top:30px;}

p.text-center.h3.mt-4.font-weight-bold:hover a{color:#f00;}

/*26.0.2023*/
/* img.none:hover {object-fit: none;} */
img.none:hover {scale: 1.15;}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {color: #FF0000 !important;}

.owl-carousel .owl-item img {width: auto !important;}

.text-red {color: #FF0000;}
.bg-red {background: #FF0000;}
.border-red {border-color: #FF0000 !important;}

.text-gray {color: #666666;}
.bg-gray {background: #666666;}
.border-gray {border-color: #666666 !important;}

.text-lightegray {color: #999999;}
.bg-lightegray {background: #999999;}
.border-lightegray {border-color: #999999 !important;}

.text-white {color: #ffffff;}
.text-black {color: #000;}
.bg-white {background: #ffffff;}
.border-white {border-color: #ffffff !important;}

.text-darkgray {color: #333333;}
.bg-darkgray {background: #333333;}
.border-darkgray {border-color: #333333 !important;}

.text-litegray {color: #e8e8e8;}
.bg-litegray {background: #e8e8e8;}
.border-litegray {border-color: #e8e8e8 !important;}

.text-lightgray {color: #f0f0f0;}
.bg-lightgray {background: #f0f0f0;}
.border-lightgray {border-color: #f0f0f0;}

.border-w-2 {border-width: 2px;}

.font-weight-light {font-weight: 300;}

.btn-red {color: #fff !important; background-color: #FF0000 !important; border-color: #FF0000 !important;}
.btn-white {color: #f00 !important; background-color: #fff !important; border-color: #f00 !important;}
.btn {border-radius: 0rem;}
.btn-wid{width:20%;}

.opacity-0 {opacity: 0;}

.column-count-2 {column-count: 2;}

span { color: black; }

ul.nav.menu.justify-content-between.h-100.align-items-center.mod-list { width: 110%; }

ul.nav-child.unstyled.small { z-index: 1; }

/* a.city {
  margin-left: 4rem;
} */

.question { margin-left: 4rem; }
span.politika { color: white; }
.mail-tel { margin-bottom: -1.5rem; } 
a.text-black { float: left; }
p.mail.my-4 a { color: black; }
p.work-time.my-4 { margin-left: -2px; }
p.mail.time.my-4 { display: none; }

/* Меню в шапке */
header .mod_menu ul {flex-shrink: 0;}
header .mod_menu ul li ul li {padding: 0; margin: 0;}
header .mod_menu ul > li {width: 100%; position: relative; transition: .2s;}
header .mod_menu ul > li:hover > ul {display: block;}
header .mod_menu ul > li > a {display: block; color: #000; font-size: 16px; padding: 0 5px;}
header .mod_menu ul > li > ul {display: none; margin-left: 1rem;}

header .mod_menu ul > li.active > a {color: #FF0000;}
header .mod_menu ul > li > a {width: fit-content;}
header .mod_menu ul > li > ul > li > a {width: 80%;}
header .mod_menu ul > li > ul > li.parent:before {content: ''; position: absolute; left: 0;top:-20px; bottom: 100%; border: 10px solid transparent; border-bottom: 10px solid #f00; z-index: 4; transform: translateX(85%); -webkit-transform: translateX(85%);}
header .mod_menu ul > li > ul > li.parent:before {right: 0; left: auto; top: 2rem; transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(180deg);}

header .mod_menu ul > li.deeper.parent:after {content: ''; position: absolute; left: 0;top:-20px; bottom: 100%; border: 10px solid transparent; border-bottom: 10px solid #f00; z-index: 4; transform: translateX(85%); -webkit-transform: translateX(85%);}
header .mod_menu ul > li.deeper.parent:after {right: 0; left: auto; top: 1.5rem; transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(180deg);}
@media screen and (min-width: 1200px) {
	header .mod_menu ul > li:hover:before,
	header .mod_menu ul > li.active:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #FF0000;}
	header .mod_menu ul > li > ul {margin-left: 0; display: none; background: #fff; box-shadow: 0px 4px 12px rgba(28, 28, 28, 0.2); position: absolute; top: 15%; font-size: 16px; will-change: auto; animation: slideInRight .25s 1;}
	header .mod_menu ul > li.deeper.parent:after {content: none;}
	header .mod_menu ul > li {width: auto;}
	header .mod_menu > ul > li > a:hover {color: #FF0000; transition: .3s;}
	header .mod_menu > ul > li > ul:before,
	header .mod_menu ul > li > ul > li.parent:before {content: ''; position: absolute; left: 0;top:-20px; bottom: 100%; border: 10px solid transparent; border-bottom: 10px solid #f00; z-index: 4; transform: translateX(85%); -webkit-transform: translateX(85%);}
	header .mod_menu ul > li > ul > li.parent:before {right: 0; left: auto; top: 50%; transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(90deg);}
	header .mod_menu > ul > li > ul:after {content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; border: 10px solid transparent; border-bottom: 10px solid #000; filter: blur(5px); opacity: .05;}
	header .mod_menu ul > li > ul > li:hover {background: #f00;}
	header .mod_menu ul > li > ul > li > a {display: inline-block; color: #000; padding: 14px 24px; padding-right: 70px; width: 100%; position: relative;}
	header .mod_menu ul > li > ul > li > ul {position: absolute; left: 100%; top: 0; background: #fff;}
	header .mod_menu > ul > li > ul {margin-top: 35px; top: 55% !important;}
	header .mod_menu ul > li > ul > li > a:hover{color:#fff;}
	header .mod_menu {margin: -.5rem 0;}
	header .mod_menu ul > li {position: relative; height: 100%; display: flex; align-items: center;}

	header a.h3 {color: #000000;}
	header .mod_menu ul > li > a {width: auto; white-space: nowrap;  height: 100%; display: flex; align-items: center;}
}

.mod_top_slider .pos-center {margin-left:-390px;}
.mod_top_slider .pos-center:before{content:""; display: block;width: 75%;height: 40%;border:2px solid #f00;border-bottom:none;border-right:none;position: absolute;left:-30px;top:-30px;}
.mod_top_slider .pos-center:after{content:""; display: block;width: 85%;height: 40%;border:2px solid #f00;border-top:none;border-left:none;position: absolute;left:-30px;bottom:-30px;}
.mod_top_slider .item .btn {z-index: 10;}
.mod_top_slider .owl-stage {display: flex;}
.mod_top_slider .owl-item {display: flex; flex: 1 0 auto;}
.mod_top_slider .owl-item .item {width: 100%;}
.mod_top_slider .owl-item img {width: 100% !important; object-fit: cover;}
thead.text-center.text-uppercase {background: #f00;color: #fff;}
thead.text-center.text-uppercase th {font-weight:normal;}

.mod_our_contacts a{color: #000000;}

.moduletable.bg-color {position:relative;}
.moduletable.bg-color::before {content:''; width:100vw; position:absolute; top:0; bottom:0; left:50%; margin-left:-50vw; background:#E8E8E8; z-index:-1;}

.mod_portfolio ul {border-bottom:2px solid #f00; margin-bottom:60px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:none; border:none;color:#f00}
.mod_portfolio ul > li > a.active:after{content:"";display:block; width:30px; height:30px;border:2px solid #f00; border-top:none;border-left:none;position:absolute; top:100%; left:47.5%;transform: rotate(45deg) translate(-50%,-5px); background:#e8e8e8; }
.mod_portfolio ul > li > a.active{position:relative;}
.mod_portfolio ul > li > a {color: #000; cursor:pointer;}
.mod_portfolio i {display:block; font-size:100px;}
.mod_portfolio .item {position:relative;}
.mod_portfolio .item .wrap {opacity: 0; pointer-events: none;  top: 0;left: 0;width: 100%;height: 100%;text-align:center;
background: rgb(204,0,0); /* Old browsers */background: -moz-linear-gradient(top, rgba(204,0,0,0.85) 0%, rgba(102,0,0,0.85) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(204,0,0,0.85) 0%,rgba(102,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(204,0,0,0.85) 0%,rgba(102,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
transition: .3s; display: flex; align-items: center; justify-content: center;  cursor:pointer;
position:absolute; top:0; left:0; right:0; bottom:0;
}
@media screen and (min-width: 1200px) {
	.mod_portfolio .item:hover .wrap {opacity: 1; pointer-events: auto;}
	.mod_portfolio .item:hover .d-none {display:block !important; position:absolute; bottom:1rem; left:1rem; right:1rem; color:#fff; cursor:pointer;}

}
.mod_portfolio img {width: 100%; height:100%; object-fit: cover;}
.mod_portfolio .nav-tabs .nav-link {border: none;padding: 1rem;}
.mod_portfolio .d-flex > * {flex:0 0 33.33333%; max-height:400px;}
.mod_portfolio .d-flex > *:nth-child(5n),
.mod_portfolio .d-flex > *:nth-child(5n-1) {flex:0 0 50%;}
.mod_portfolio .d-flex > *:nth-last-child(1) {flex:1;}



@media screen and (max-width: 1200px) { 
  .mod_portfolio .d-flex > * {flex:0 0 50%;} 
  ul.nav.menu.justify-content-between.h-100.align-items-center.mod-list {width: 100%!important;}
  .custom .mail-tel {display: flex; justify-content: space-evenly;}
  .custom .mail-tel .mail.my-4 {margin-left: 0px!important; margin-right: 0px!important;}
  .custom .mail-tel .mail.time.my-4 {display: block;}
}




.moduletable.fullbg {background: #e8e8e8 !important;}

.custom.moduletable.mod_find_out.fullbg.mt-50:before {content: ""; width: 110%; height: 10%; background: #fff; position: absolute; left:-5px;top: -1px;}

.newsflash.moduletable.mod_services .row > div {display: flex; flex-direction: column;}
.newsflash.moduletable.mod_services .row > div a {overflow: hidden;}
.newsflash.moduletable.mod_services .row > div a .image-container {transition: .4s;}
.newsflash.moduletable.mod_services .row > div a:hover > .image-container {transform: scale(1.15); opacity: .7;}
.newsflash.moduletable.mod_services.mt-100 a {color: #000;}
.nav-tabs .nav-link:hover {color:#f00;}

.mod_our_work p.h3.text-center, 
.mod_cost_ser p.h3.text-center, 
.mod_3d_anim p.h3.text-center {border-bottom:2px solid #f00;margin-bottom:60px;padding-bottom:20px;position: relative;}
.mod_our_work p.h3.text-center:after, 
.mod_cost_ser p.h3.text-center:after, 
.mod_3d_anim p.h3.text-center:after {content:"";display:block; width:30px; height:30px;border:2px solid #f00; border-top:none;border-left:none;position:absolute; top:95%; left:50%;transform: rotate(45deg) translate(-50%,0); background:#fff;}
.mod_cost_ser p.h3.text-center:after{background:#e8e8e8 !important;}
.blog .items-leading.row {margin-bottom: 30px;}

footer .footer_items ul.nav.menu.mod-list  a{color: #ffffff;}
footer .footer_items ul.nav.menu.mod-list { display: inline;}
footer .footer_items ul.nav.menu.mod-list > li:before {content: "—"; position: relative; left: -5px; color: #FF0000;}
footer {background: #333333;}
footer .row .text-white a{color: #ffffff;}
footer .row p.h2{margin-bottom:30px; text-align:left;}
footer .row p.h2:after {margin: 0;}

button.next:after {content: '\f30b'; font-family: Font Awesome\ 5 Free; font-weight: bold; color: #fff; padding: 0px 10px;}
button.prev:before {content: '\f30a'; font-family: Font Awesome\ 5 Free; font-weight: bold; color: #FF0000; padding: 0px 10px;}

body.raschet-stoimosti input[type=checkbox], body.raschet-stoimosti input[type=radio] {display: none;}
body.raschet-stoimosti label.check {pointer-events: none;}
body.raschet-stoimosti label.check:before {content: "\f45c"; color: #e8e8e8; font-size: 18px; font-family: Font Awesome\ 5 Free; font-weight: bold; padding: 3px; background: #e8e8e8; margin-right: 10px;}
body.raschet-stoimosti input[type=checkbox]:checked + label.check:before, 
body.raschet-stoimosti input[type=radio]:checked + label:before {content: "\f45c"; color: #FF0000; font-size: 18px; font-family: Font Awesome\ 5 Free; font-weight: bold; animation: bounceIn .6s 1;}
body.raschet-stoimosti .stage {display: none}
body.raschet-stoimosti .stage.active {display: block}
progress {height: 3px; background: #e3e3e3; z-index: -1; transition: 1.25s;}
progress::-webkit-progress-bar {background: #e3e3e3;}
progress[value]::-webkit-progress-value {background: #FF0000;}
.stage_number .item.active {width: 40px; height: 40px; background: #FF0000; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;}
.stage_number .item.active:not(.rn) { font-size:0px;}
.stage_number .item.active:not(.rn):after {content: '\f00c'; font-family: Font Awesome\ 5 Free; font-weight: bold; color: #fff; font-size: 18px;}
.stage_number .item {width: 40px; height: 40px; background: #e3e3e3; border-radius: 50%; color: #aeaeae; display: flex; align-items: center; justify-content: center;}

.check_animate {background: #fff; border-radius:50%; width: 55px; height: 55px; text-align: center; padding-top: 3px; transition: .3s;}

.mod_choose_project .item {font-weight: bold; transition: .3s; position: relative; cursor:pointer;}
.mod_choose_project .item:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; transition: .3s; z-index: 2;}
.mod_choose_project .item.animated:before {opacity: .35;}
.mod_choose_project .item:hover {opacity: .85;}
.mod_choose_project .item img {margin-bottom: .5rem}
body.raschet-stoimosti textarea {max-height: 20rem; min-height: 2rem;}
body.raschet-stoimosti textarea::placeholder {font-style: italic;}

body.raschet-stoimosti .count { background: #e3e3e3; font-size: 2rem; padding: .25rem .5rem;}
body.raschet-stoimosti .count input { color: #FF0000; font-size: 1.25rem; width: 3rem; border: none; background: none; height: 100%; text-align: center; transform: translateY(-25%);}
body.raschet-stoimosti .count span {cursor: pointer; color: #999; font-weight: 300;}

body.raschet-stoimosti .prev,
body.raschet-stoimosti .next {font-size: 1.125rem;transition: .3s;}
body.raschet-stoimosti .prev {color: #FF0000 !important;}
body.raschet-stoimosti .prev:hover {color: #fff !important; background: #FF0000 !important;}
body.raschet-stoimosti .prev:hover:after,
body.raschet-stoimosti .prev:hover:before {color: #fff !important;}
body.raschet-stoimosti .next:hover {color: #FF0000 !important; background: #fff !important;}
body.raschet-stoimosti .next:hover:after {color: #FF0000 !important;}

.test-icon .icon-path{stroke-dashoffset:100;transition:all 700ms linear;}.animated .test-icon .icon-path{stroke-dashoffset:0;}

.mod_hwd {margin: 4.75rem 0; counter-reset: cardCounter;}
.mod_hwd .hwd {height: 1800px; position: relative; background: #fff url(/images/modules/hwd/dots.png) no-repeat top center/contain;}
.mod_hwd .hwd .circle {position: relative; width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.mod_hwd .hwd .circle span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; border-radius: 50%; box-shadow: 0px 1px 14px 5px rgba(0,0,0,.45); z-index: 20; text-align: center; color: #FF0000; font-weight: 600;}
.mod_hwd .hwd .circle:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 150%; background: url(/images/modules/hwd/circleStart.png) no-repeat center/cover; z-index: 10;}
.mod_hwd .hwd .circle.start {position: absolute; top: 5%; right: 30%;}
.mod_hwd .hwd .circle.finish {position: absolute; bottom: 1%; left: 20%;}
.mod_hwd .hwd .circle.finish:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 270%; height: 220%; background: url(/images/modules/hwd/circleFinishSuccess.png) no-repeat center/100%;}
.mod_hwd .hwd ._card {counter-increment: cardCounter; position: absolute; width: 45%; padding: 1.25rem; background: #fff url(/images/modules/hwd/1bg.png) no-repeat left/17%; box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); z-index: 20;}
.mod_hwd .hwd ._card:after {content: counter(cardCounter); display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; background: #fff; width: 60px; height: 60px; border-radius: 50%; transform: translate(20%, -50%); box-shadow: inset 0 0 0 10px #fedada; color: #FF0000;}
.mod_hwd .hwd ._card:before {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -65%); width: 100%; height: 100%; background: url(/images/modules/hwd/1bgicon.png) no-repeat center/contain; z-index: -1;}
.mod_hwd .hwd ._card:nth-child(2n+1) {right: 0;}
.mod_hwd .hwd ._card:nth-child(2) {background-image: url(/images/modules/hwd/1bg.png); top: 15%;}
.mod_hwd .hwd ._card:nth-child(3) {background-image: url(/images/modules/hwd/2bg.png); top: 28%;}
.mod_hwd .hwd ._card:nth-child(4) {background-image: url(/images/modules/hwd/3bg.png); top: 41%;}
.mod_hwd .hwd ._card:nth-child(5) {background-image: url(/images/modules/hwd/4bg.png); top: 52%;}
.mod_hwd .hwd ._card:nth-child(6) {background-image: url(/images/modules/hwd/5bg.png); top: 65%;}
.mod_hwd .hwd ._card:nth-child(7) {background-image: url(/images/modules/hwd/6bg.png); top: 77%;}

.mod_hwd .hwd ._card:nth-child(3):before {background-image: url(/images/modules/hwd/2bgicon.png);}
.mod_hwd .hwd ._card:nth-child(4):before {background-image: url(/images/modules/hwd/3bgicon.png);}
.mod_hwd .hwd ._card:nth-child(5):before {background-image: url(/images/modules/hwd/4bgicon.png);}
.mod_hwd .hwd ._card:nth-child(6):before {background-image: url(/images/modules/hwd/5bgicon.png);}
.mod_hwd .hwd ._card:nth-child(7):before {background-image: url(/images/modules/hwd/5bgicon.png);}
.mod_hwd .hwd ._card > div {padding-left: 17%;}
.mod_hwd .hwd ._card > div:before {content: ''; position: absolute; width: 83%; top: 0; right: 0; height: 100%; background: #fff; z-index: -1;}
.mod_hwd .hwd ._card .picture {flex: 0 0 40px; margin-right: .5rem; position: relative;}
.mod_hwd .hwd ._card .picture img {max-width: 40px; max-height: 40px; object-fit: contain; transform: translateY(-25%);}
.mod_hwd .hwd ._card .picture.success:after {content: '\f00c'; font-family: Font Awesome\ 5 Free; font-weight: bold; position: absolute; top: 0; right: 0; width: 25px; height: 25px; border-radius: 50%; background: #88b94e; color: #fff; display: flex; align-items: center; justify-content: center; transform: translate(25%, 50%); font-size: .75rem;}
.mod_hwd .hwd ._card .text {font-weight: 300;}

footer {margin-top: 3rem;}
footer .row > div:first-child p {margin-bottom: 0 !important;}
footer .splitter {display: block; border-bottom: 2px solid #FF0000;}
footer .social:before {content: ''; font-family: Font Awesome\ 5 Brands; font-weight: bold; color: #333; display: inline-flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%; width: 30px; height: 30px; transition: .3s; cursor: pointer; margin-right: 2rem;}
footer .social.vk:before {content: '\f189';}
footer .social.ok:before {content: '\f263';}
footer .social.fb:before {content: '\f39e';}
footer .social.twitter:before {content: '\f099';}
footer .social.instagram:before {content: '\f16d';}
footer .social.vk:hover:before {color: #45668E;}
footer .social.ok:hover:before {color: #F2720C;}
footer .social.fb:hover:before {color: #3B5998;}
footer .social.twitter:hover:before {color: #00ACED;}
footer .social.instagram:hover:before {color: #517FA4;}
footer .madeby {color: #fff; font-weight: 300;}
footer ymaps {flex: 1 1 auto !important;}

.mod_find_out  {margin-bottom: -3rem;}
@media screen and (max-width: 1199px){
    
    .btn {white-space: normal !important;}
    .btn-wid {width: auto !important;}
    
    #top_menu {height: auto !important;}
    #top_menu > div > ul {display: flex; flex-direction: column; margin: 1.25rem 0;}
    #top_menu ul li a {padding: .5rem 0;}
    
    #header_items {text-align: center; margin-bottom: 1.5rem;}
    
    .mod_top_slider {padding-left: 0 !important; padding-right: 0 !important;}
    .mod_top_slider .pos-center {margin-left: 7vw !important; left: 15px !important; transform: translate(0, -50%);}
    .mod_top_slider .item img {height: 40vh; object-fit: cover;}
    
    .mod_portfolio ul {padding-bottom: 3rem;}
    .mod_portfolio ul li {width: 100%;}
    .mod_portfolio ul > li > a.active:after {display: none !important;}
    .mod_portfolio .position-relative {height: 200px;}
    .mod_portfolio .position-absolute {opacity: 1; pointer-events: auto; background: rgba(204,0,0,.75);
        background: -moz-linear-gradient(top, rgba(204,0,0,0.75) 0%, rgba(102,0,0,0.75) 100%);
        background: -webkit-linear-gradient(top, rgba(204,0,0,0.75) 0%,rgba(102,0,0,0.75) 100%);
        background: linear-gradient(to bottom, rgba(204,0,0,0.75) 0%,rgba(102,0,0,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#660000',GradientType=0 );
    }
    .mod_portfolio img {height: 100%; object-fit: cover;}
    
    .mod_find_out {padding: 4.5rem 0; text-align: center;}
    .mod_find_out:before,
    .mod_find_out .row > div:nth-child(1) {display: none !important;}
    
    .mod_our_contacts {padding: 3rem 0;}
    .mod_our_contacts .h2,
    .mod_our_contacts h2 {margin-bottom: .75rem !important;}
    .mod_our_contacts .row > div {text-align: center;}
    .mod_our_contacts .row > div > p {margin-bottom: 3.5rem !important;}
    .mod_our_contacts .row > div:nth-child(2) {display: none;}
    .mod_our_contacts img {display: block; margin: 1rem auto !important;}
    
    .mod_our_clients .owl-stage {display: flex;}
    .mod_our_clients .owl-item {display: flex; justify-content: center; flex: 1 0 auto;}
    .mod_our_clients .owl-item > .div {flex: 1;}
    .mod_our_clients .owl-item img {object-fit: contain;}
    
    .mod_hwd .hwd {background: #fff !important; height: auto !important; display: flex; flex-direction: column;}
    .mod_hwd .hwd ._card,
    .mod_hwd .hwd .circle {position: relative !important; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; margin-bottom: 3.5rem;}
    .mod_hwd .hwd .circle {margin: 3.5rem auto !important;}
    .mod_hwd .hwd ._card {width: 100%; background-size: 25%;}
    .mod_hwd .hwd ._card:before,
    .mod_hwd .hwd ._card:after {display: none !important;}
    .mod_hwd .hwd ._card > div {flex-direction: column;}
    .mod_hwd .hwd ._card .picture.success:after {right: initial !important; left: 0; transform: translate(75%, 50%);}
    
    footer .row p.h2 {text-align: center;}
    footer .row p.h2:after {margin: 0 auto;}
    footer ul li a {padding: .75rem 0; display: inline-block;}
    
    body.portfolio .mod_portfolio {background: #fff !important;}
    
    body.prajs table .pl-100 {padding-left: .75rem !important;}
    body.prajs table tr td:last-child {width: 30%;}
    body.o-kompanii .column-count-2 {column-count: 1 !important;}
    
    .stage_number .item {background: none !important; font-size: 0;}
    .stage_number .item.active:not(.rn):after {color: #FF0000; transform: translateY(-50%);}
    
    .mod_quiz h2,
    .mod_quiz .h2 {margin-bottom: 0 !important;}
    .mod_quiz .mod_choose_project .item {text-align: center; margin-bottom: 2.5rem;}
    .mod_quiz .mod_choose_project .item img {width: 100%; object-fit: cover;}
    .mod_quiz textarea.w-75,
    .mod_quiz textarea.w-50 {width: 100% !important;}
    .mod_quiz .prev,
    .mod_quiz .next {width: 75%; margin-bottom: .75rem;}
    .mod_quiz .stage[data-stage="8"] .w-50 {width: 100% !important;}
}

@media screen and (max-width: 1000px){
  .mod_services,
/*  .mod_portfolio,*/
  .mod_our_clients,
  .mod_our_clients p.h2{margin-top:30px !important;}
  .mod_services p.h2,
  .mod_portfolio p.h2,
  .mod_our_clients p.h2{margin-bottom:30px !important;}
  .mod_services .row,
  .mod_portfolio .row,
  .mod_our_clients .row{margin-top:30px !important;margin-bottom:30px !important;}
}

@media screen and (max-width:1400px) {
	.mod_top_slider .pos-center{margin-left:-20%}
}
@media screen and (max-width:1000px) {
    body {font-size: 14px !important;}
    .mod_top_slider h1,.mod_top_slider .h1 {font-size: 30px !important;}
    .mod_top_slider h2,.mod_top_slider .h2 {font-size: 28px !important;}
    .mod_top_slider h3,.mod_top_slider .h3 {font-size: 20px !important;}
	.mod_top_slider a.btn.btn-red.ml-4,.mod_top_slider p {font-size: 7px !important; margin-top:0 !important; margin-left:2px !important;}
	.mod_top_slider p.mt-4.h3.mb-1 {color:#f00;}
	.mod_top_slider .pos-center{margin-left:-20%}
}

@media screen and (max-width:650px) {
    .mod_top_slider h1,.mod_top_slider .h1 {font-size: 20px !important;}
    .mod_top_slider h2,.mod_top_slider .h2 {font-size: 18px !important;}
    .mod_top_slider h3,.mod_top_slider .h3 {font-size: 11px !important;}
	.mod_top_slider a.btn.btn-red.ml-4,.mod_top_slider p {font-size: 7px !important; margin-top:0 !important; margin-left:2px !important;}
	.mod_top_slider .pos-center{margin-left:-25%}
	.mod_top_slider .pos-center:before{content:"";display: block;width: 75%;height: 40%;border:2px solid #f00;border-bottom:none;border-right:none;position: absolute;left: -5%;top: -5%;}
	.mod_top_slider .pos-center:after{content:"";display: block;width: 85%;height: 40%;border:2px solid #f00;border-top:none;border-left:none;position: absolute;left: -5%;bottom: -6%;}

  .blog .pull-left.item-image img{width: 100%; height: auto;}
}

@media screen and (max-width:578px) {
  .custom.mod-technologies { margin-top: 8rem; }
}
/* 31.07.2023 LRN */
@media screen and (max-width:770px) {
  /* #top-categories{ margin-bottom: 8rem; } */
  #top-categories.moduletable.bg-color::before{display: none;}
  #top-categories .images{ position: relative !important; min-width: 20rem !important; transform: translate(-17%) !important; top: 2rem !important; }
}



@media screen and (max-width:420px) {
    .mod_top_slider h1,.mod_top_slider .h1 {font-size: 15px !important; margin-bottom:0 !important;}
    .mod_top_slider h2,.mod_top_slider .h2{font-size: 13px !important;}
	.mod_top_slider h3,.mod_top_slider .h3 {font-size: 9px !important; margin:0 !important;}
	.mod_top_slider a.btn.btn-red.ml-4,.mod_top_slider p.h3 {font-size: 7px !important; margin-top:0 !important; margin-left:2px !important; border: 0;}
	.mod_top_slider .pos-center{margin-left:-30%}
	.mod_top_slider .pos-center:before{content:"";display: block;width: 75%;height: 40%;border: 1px solid #f00;border-bottom:none;border-right:none;position: absolute;left: -1%;top: -10%;}
	.mod_top_slider .pos-center:after{content:"";display: block;width: 95%;height: 40%;border: 1px solid #f00;border-top:none;border-left:none;position: absolute;left: 1%;bottom: -10%;}
    .mod_hwd .hwd ._card {background-size: cover;}
    .custom.mod-technologies { margin-top: 8rem; }
}

.no-wrap {position:relative; left:50%; margin-left:-50vw; width:100vw; max-width:1920px;}
@media (min-width: 1920px) {
  .no-wrap {margin-left:-960px;}
}

/*закоментировал 26.07. тк был большой отступ от шапки */
/* #top-categories div {margin-top: 60px; padding-top: 3rem;} */



#top-categories .h1 {color: #000;}
@media screen and (max-width: 900px) {
  #top-categories > div {margin-top: 0px; padding-top: .5rem;}
}

@media screen and (max-width: 400px) {
  #top-categories img {height: 15vh;}
}

.blog .pull-left.item-image img {
  border-radius: 10px;
  max-width: 600px;
  max-height: 400px;
  border: 1px solid #ddd;
  margin: 1rem auto;
  display: block;
}
.pagination-joomla ul{display: flex; justify-content: space-evenly; list-style-type: none; }
body.uslugi .blog .item .card-body p a {color: #000;} 


.uslugi a{
  color: #000;
}
.mod-fos{margin-bottom: 2rem;}

#top-categories.moduletable.bg-color::before {background: url("/images/modules/services/slider/2.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;}
@media screen and (max-width: 750px ) { 
  #top-categories.moduletable.bg-color::before{display: none; background: #fff;}
  
  #top-categories .images {position: absolute; z-index: -1; top: 101%;}
  .custom.mod-technologies .column-count-2 {column-count: 1 !important;}
}
#top-categories.top-categories-visual.moduletable.bg-color::before {background: url("/images/modules/services/slider/1.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none; margin-left: -45vw;}

#top-categories.top-categories-exterer.moduletable.bg-color::before {background: url("/images/modules/services/slider/5.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none; margin-left: -40vw;}
#top-categories.top-categories-jil-kompleks.moduletable.bg-color::before {background: url("/images/modules/services/slider/6.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;}
#top-categories.top-categories-dom.moduletable.bg-color::before {background: url("/images/modules/services/slider/7.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none; margin-left: -45vw;}
#top-categories.top-categories-torgovi-center.moduletable.bg-color::before {background: url("/images/modules/services/slider/8.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}
/* OLD STYLE 31.07.2023 */
/* #top-categories.top-categories-teh-proces.moduletable.bg-color::before {background: url("/images/modules/services/slider/3.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;} */
/* NEW STYLE */
#top-categories.top-categories-teh-proces.moduletable.bg-color::before {background: url("/images/modules/services/slider/3.jpg");  background-repeat: no-repeat; background-size: 70%; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}
/*  */
#top-categories.top-categories-rabota-mehanismov.moduletable.bg-color::before {background: url("/images/modules/services/slider/9.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}
#top-categories.top-categories-conveer.moduletable.bg-color::before {background: url("/images/modules/services/slider/10.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}
#top-categories.top-categories-predpriyatia-zavodi.moduletable.bg-color::before {background: url("/images/modules/services/slider/11.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}
#top-categories.top-categories-reklamni-rolik.moduletable.bg-color::before {background: url("/images/modules/services/slider/4.jpg");  background-repeat: no-repeat; background-size: contain; background-position: bottom; -webkit-appearance: none;     margin-left: -45vw;}


.card:hover a{
  color: red;
}
.mod_services .row .col-12:hover a {
  color: red;
}
.blog a{

  color: rgb(0, 0, 0);
}

.uslugi .image-container { max-width: 348px; height: 348px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.home .image-container { max-width: 277px; height: 277px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#top-categories {    padding-bottom: 50px;}
.jun:after{    content: "";
  display: block;
  width: 160px;
  height: 2px;
  background: #f00;
  margin: 0 auto;
  margin-top: 30px;}

  .custom-price img{width: inherit;}

  /* Just smile */
.going{ animation: poezd 7.5s infinite ease; }

@keyframes poezd {
	0% {
		transform: translate(90%);
	}

	50% {
		transform: translate(-90% );
	}
	51% {
		transform: translate(-90%) scaleX(-1);
	}
	100% {
		transform: translate(110%) scaleX(-1);
	}
}


.mod-doma {display: none;}
.mod-doma.active.show {display: flex;}
.ul-category {display: none;}
.ul-category.active-ul {display: block;}

.tab-trigger.active-ul {color: #f00!important;}
a.tab-trigger {cursor: pointer;}

.link-3d-model {color: #000;}
.link-3d-model.active {color: #f00!important;}

.ul-child a.active {background: #f00!important; color: #fff!important;}
.ul-parent a {font-size: 1.25rem;}
.nowrap {white-space:nowrap;}