body {font-family: 'Roboto', sans-serif; font-weight: 300; color:#000; max-width: 1920px; margin: 0 auto; box-shadow:0 0 1px #000; border-right: 1px solid #ddd; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Roboto Condensed', sans-serif; font-style: normal; font-weight: bold;}

h1, .h1 {font-size: 65px;}
h2, .h2 {font-size: 55px;}
h3, .h3 {font-size: 40px;}
h4, .h4 {font-size: 30px;}
h5, .h5 {font-size: 24px;}
h6, .h6 {font-size: 20px;}

a, .text-blue {color:#00008B;}
a.text-white:hover {color: #1FF2FF !important; text-decoration: none;}

.owl-nav {top: auto !important; bottom: -50px; max-width: 200px !important; left: 50% !important;}
.owl-nav .owl-prev,
.owl-nav .owl-next {display: flex; align-items: center; justify-content: center; height: 16px; transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.owl-nav .owl-next {transform: scaleX(-1) translateY(-100%);; -webkit-transform: scaleX(-1) translateY(-100%);;}
.owl-nav .owl-prev span,
.owl-nav .owl-next span {color: #fff; margin-top: -8px; line-height: 0; font-size: 0;}
.owl-nav .owl-prev span::before {content: url('/images/svg/arrow.svg'); display: flex; font-size: 16px;}
.owl-nav .owl-next span::before {content: url('/images/svg/arrow.svg'); display: flex; font-size: 16px;}
.owl-dots {bottom: -50px !important;}
.owl-dots::after {content: "/ "counter(owl-counter); margin-left: 1rem;}
.owl-dot::before {content: counter(owl-counter); counter-increment: owl-counter; font-size: 0;}
.owl-dot.active::before {font-size:1rem; display: inline;}
.owl-carousel .owl-dots {counter-reset: owl-counter; color:#000; font-weight: bold;}
.owl-carousel .owl-dot {width:0; height: 0; background: none !important; margin: 0; padding: 0;}

.btn {padding: 0.5rem 1rem; white-space:normal;}
.btn-primary {background: #00008B; border-color:#00008B; padding: 1rem; font-size: 20px; font-family: 'Roboto Condensed';}
.btn-light {color: #00008B; padding: 1rem; font-size: 20px; font-family: 'Roboto Condensed';}
.btn-light:hover {background: #00008B; color: #fff; border: 1px solid #00008B;}
.btn-outline-light {color:#000; border-color: #000;}
.btn-file {color: #00008B; font-weight: bold; cursor: pointer;}
.btn-file::before {content: url('/images/svg/icon-note.svg'); margin-right: 1rem; line-height: 1rem; vertical-align: middle;}
.btn-file:hover {opacity: .8;}
.no-container {position: relative; width:100vw; left:50%; margin-left: -50vw; max-width: 1920px;}
.super-h1 {padding: 0 4rem; padding-right: 0; position: relative; height: 188px; display: flex; align-items: center; margin-bottom: 2.375rem; }
.super-h1::before {content:url('/images/svg/h1.svg'); position: absolute; left:-105px; top:50%; transform: translateY(-50%); height:100%; overflow: hidden;}
.h5.h5-normal {font-family: 'Roboto', sans-serif; font-weight: normal;}
.modal-content {background: #EEF8FF; padding: 3rem;}

.text-blue {color: #00008B !important;}

.obj-fit-cover {object-fit: cover;}

header {margin:0; padding: 0 !important; position: relative;}
header p {margin: 0; padding: 0;}
header .container {position: relative;}
header .navbar-toggler {filter: brightness(0) invert(1);}

header #logo {max-width:50vw;}
header #top_menu {background: #fff;}
header #top_menu ul {justify-content: space-around;}
header #top_menu li {margin-right: 1rem;}
header #top_menu a {padding: 2.25rem 0; display: block; color:#000; font-weight: bold;}
header #top_menu .active a,
header #top_menu a:hover {color:#00008B; text-decoration: none;}

header #header_items {background: #fff;}
header #header_items::after {content:''; position: absolute; bottom: 0; left:50%; margin-left: -50vw; width:100vw; height: 1px; background: #D7D7D7}
header #header_items .work_russia {position: relative; padding: 3rem 0;}
header #header_items .work_russia::before {content:url('/images/modules/map.png'); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
header #header_items .get-call {margin-bottom: 3rem;}

#center #top {position:relative;}
#center #top::before {position:absolute; background: #00008B; left:90%; top:-1000px; bottom: 0; width:50vw; content: ''; z-index: 0;/* height: 80%;*/}
/*#center #top::after {position:absolute; left:50%; width: 50vw; text-align: center; bottom: -7px; content: url('/images/svg/decor.svg'); z-index: -5;}*/

#center main {overflow: inherit; position:relative; z-index:5;}

header #top_menu ul ul,
footer ul ul {display: none;}
footer::before {content: url('/images/svg/footer.svg'); text-align: center; margin: 5rem 0; display: block;}
footer .container {position: relative; padding: 5rem 0; margin-bottom: 5rem;}
footer .container::before {content: ''; position: absolute; top:0; bottom: 0; left:-10rem; right: -10rem; z-index: -5; background: #EEF8FF;}
footer .footer_items {padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #D7D7D7}
footer .footer_items > ul {justify-content: space-between;}

/* modules */

.breadcrumb {background: none;}

.services *, .services *::before, .services *::after {transition:0.3s;}
.services a {position: relative;}
.services a::before {content:''; position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 5; background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.5;}
.services a:hover::before {opacity: 0.8;}
.services .desc {position: absolute; z-index: 10; left: 20%; right:20%; bottom: 10%; color:#fff;}
.services .desc::before {content:''; position: absolute; left: -3rem; width:0.3rem; top:0; bottom:0; background: #fff;}
.services .desc .title {position: relative;}
.services .desc .introtext {display: none;}
.services a:hover .introtext {display: block;}
.services::after {position:absolute; left:5%; width: 50vw; text-align: center; bottom: -40%; content: url('/images/svg/decor.svg'); z-index: -5;}

.pluses, .numbers {position: relative;}
.pluses {margin-bottom: 3rem;}
.pluses .header {position: relative;}
.pluses .header .h2 {filter: brightness(0) invert(1); height: 444px; display: flex; align-items: center;}
.pluses .header .img1 {position: absolute; margin-left: -960px; left:50%; top:0; z-index: -1; overflow: hidden; height: 100%; vertical-align: bottom;}
.pluses .header .img2 {position: absolute; right:0; top:14.5rem; max-width: 100%; display: none;}
.pluses .row > div {border: 1px solid #D7D7D7; padding: 1rem; position: relative;}
.pluses .row > div:hover:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border-width:5px; border-style: solid; border-image: linear-gradient(90deg, #00008B , #2DB3FF); border-image-slice: 1;}

/*.pluses .col-sm-6 {position: relative; z-index: 1}
.pluses .col-sm-6::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5;}
.pluses .col-sm-6::hover::before {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%);}*/

.numbers .row > div {border-bottom: 1px solid #D7D7D7; padding: 3rem;}
.numbers .row > div:nth-last-child(1),
.numbers .row > div:nth-last-child(2),
.numbers .row > div:nth-last-child(3) {border-bottom: none;}

.bg-color {color:#fff;}
.bg-color::before {background: #000043;}
.bg-color.bg-color-light {color:#000}
.bg-color.bg-color-light::before {background: #EEF8FF;}

.bg-color.bg-color-white {color:#000}
.bg-color.bg-color-white::before {background: #FFF; z-index: 0;}

.why {margin-bottom: 3.75rem;}
.why .row > div:not(.col-12) {border-left:1px solid rgba(255,255,255,.25); display: flex; flex-direction: column; overflow: hidden;}
.why .row > div:not(.col-12)::before {content: url('/images/svg/decor1.svg'); position: absolute; bottom: 0; left: -5px; transform: translateY(-50%); filter: brightness(0) invert(1); opacity: .5; transition: .3s;}
.why .row > div:not(.col-12):hover::before {filter: none; opacity: 1;}
.why .row > div:nth-child(1)::before,
.why .row > div:nth-child(3)::before {content:'';}
.why .row > div:nth-child(1),
.why .row > div:nth-last-child(1) {border-left:none;}
.why .row > div .img {margin-top: auto; position: relative;}
.why .row > div .img::before {content:'';position: absolute; top:0; left: 0; bottom: 0; right: 0; background: #000043; opacity: 0.7; transition: .3s;}
.why .row > div:hover .img::before {opacity: 0;}

.owl-portfolio {color:#fff;}
/*.owl-portfolio::before {position: absolute; content: url('/images/modules/portfolio/bg.jpg'); top:0; left:50%; width:100vw; margin-left: -50vw; text-align: center; z-index: -1; height: 100%; overflow: hidden; background: #000043;}
*//*.owl-portfolio .title {position: relative; margin-bottom: 5rem; padding-bottom: 3rem;}
.owl-portfolio .title::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 500px; height: 1px; background: #fff;}
.owl-portfolio a {/*color: #1FF2FF; border-bottom: 1px dashed #00008B;}*/
.mod_projects {margin-bottom: 10.56rem;}
.mod_projects .change_projects {position: relative;}
.mod_projects .change_projects::before {content:''; background: #EFEFEF; position: absolute; top:0; bottom: 0; left: 50%; right:0; z-index: -1; margin-left: -50vw; width:100vw;}
.mod_projects .change_projects li {padding: 2.5rem 0; cursor: pointer;}
.mod_projects .change_projects li.active {font-weight: bold;}
.owl-projects .sub-item {position:relative; overflow:hidden; color:#FFF;}
.owl-projects .sub-item::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: #000000; opacity: 0.2; transition:.3s;}
.owl-projects .sub-item:hover::before {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.8;}
.owl-projects .sub-item .square {position:absolute; top:2rem; left:2rem;}
.owl-projects .sub-item .icons {position:absolute; top:2rem; right:2rem;}
.owl-projects .sub-item .specs {position:absolute; bottom: 10%; left: 2rem;}
.owl-projects .sub-item .icons img { display: initial !important; width: auto !important;}

.owl-projects .owl-nav, .owl-projects .owl-dots {bottom: -40px !important;}
.owl-projects img.item-img {height: 400px !important;}

.projects .change_projects {position: relative; z-index: 10; flex-wrap: wrap;}
.projects .change_projects::before {content:''; background: #EFEFEF; position: absolute; top:0; bottom: 0; left: 50%; right:0; z-index: -1; margin-left: -50vw; width:100vw;}
.projects .change_projects li {cursor: pointer; padding: 2rem 0; font-weight: 300; font-size: 18px;  display: block;}
.projects .change_projects li.active,
.projects .change_projects li:hover {color:#00008B; font-weight: bold;}
.projects .owl-projects .owl-stage {display: flex;}
.projects .item {height:100%; display: block; position: relative;}
.projects .item img {object-fit: cover; min-width:100%; height: 500px;}
.projects .item .title {position: absolute; left:0; right:0; bottom: 0; padding: 3rem 1rem; margin:0; color:#fff; z-index: 10;}
.projects .item::before {content:''; position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 5; background: linear-gradient(0deg, #00008B 0%, rgba(0, 0, 139, 0.63) 18.53%, rgba(0, 0, 139, 0.35) 33.22%, rgba(45, 179, 255, 0) 46.63%); opacity: 0.5; transition: .3s; cursor: pointer;}
.projects .item:hover::before {opacity: 0.8;}

/*.owl-projects .owl-stage .row {width: 100vw !important; transform: none !important;}*/

 
.form-calc {position: relative;}
.form-calc .col-md-4.text-white::before {content:url('/images/modules/bg.jpg'); z-index: -1; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.form-calc form {padding: 6rem; background: #EEF8FF;}
.form-calc .row > div:nth-child(1) {font-size: 18px;}
body.kontakty .form-calc::before {content: ''; background: url('/images/modules/bg.jpg') no-repeat; background-size: cover; position: absolute; top: 0; bottom: 300px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100vw;}
body.kontakty .form-calc .col-md-4.text-white::before {display: none;}
body.kontakty .form-calc > .row > div:nth-child(2) {margin-top: 100px;}

.item-page .design {position: relative; padding: 10rem 0;}
.item-page .design::before {content:''; background: #EFEFEF; position: absolute; top:0; bottom: 0; width:100vw; margin-left:-50vw; left:50%; z-index: -1;}

.slider {position: relative; overflow: hidden; position: relative; left: 50%; color:#fff; padding: 2rem 4rem; margin-left: auto; width: 100vw; max-width: 1632px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.slider video {position: absolute; top:0; left: 0; height:100%; bottom: 0; z-index: -2;}
.slider::before {content:''; position: absolute; top:0; left: 0; right:0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 0;}
.slider::after {content:url('/images/modules/slider/polygons.png'); left:-170px; top:50%; position: absolute; transform: translateY(-50%)}
.slider > * {position: relative; z-index: 1;}

.btn-youtube {color: #fff; font-weight: bold;}
.btn-youtube::before {content: url('/images/svg/youtube.svg'); margin-right: 1rem; line-height: 1rem; vertical-align: middle;}

.numbers-main {padding: 4.8rem 0 7.7rem; position: relative;}
.numbers-main .h1 {color: #00008B;}
.numbers-main::after {position: absolute; left: 100%; width: 617px; text-align: left; bottom: 0; content: url(/images/svg/decor.svg); z-index: -5;}
/*
.numbers-main .row > div:nth-child(6) .h1::after {content:url('/images/modules/logos/main.png'); margin-left:-1rem; top:1rem; position:absolute;}
 */
/*.slider .row::before {position:absolute; left:80%; width: 50vw; text-align: center; bottom: -20%; content: url('/images/svg/decor.svg'); z-index: 0;}*/

.naduvnye-garazhi-dlya-spetstekhniki .slider {background: url('/images/50_30_15_2-.jpg') center; background-size: cover;}
.skladskoe-pomeshchenie .slider {background: url('/images/modules/slider/item002.jpg') center; background-size: cover;}
.proizvodstvennyj-tsekh .slider {background: url('/images/50_30_15_2-.jpg') center; background-size: cover;}
.bytovoj-kompleks .slider {background: url('/images/50_30_15_2-.jpg') center; background-size: cover;}
.sportivnaya-ploshchadka .slider {background: url('/images/modules/slider/item005.jpg') center; background-size: cover;}
.razvlekatelnyj-tsentr .slider {background: url('/images/modules/slider/item006.jpg') center; background-size: cover;}

.faq {margin-bottom:5rem;}
.accordion .accordion-row:nth-child(odd) {position: relative;}
.accordion .accordion-row:nth-child(odd)::before {content:''; background: #EEF8FF; left:50%; margin-left: -50vw; width:100vw; position: absolute; top:0; bottom: 0; z-index: -1;}
.accordion .accordion-row .question {position:relative; cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; padding-left: 3rem;}
.accordion .accordion-row .question::before {content:url('/images/svg/plus.svg'); position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.accordion .accordion-row .question[aria-expanded="true"]::before {content:url('/images/svg/minus.svg');}

.kontakty .form-calc .super-h1 {display: none;}
.kontakty .form-calc::before {top:-5rem;}

.table-rostsayt table {text-align:center;}
.table-rostsayt table td {color: #6D6D6D;}
.table-rostsayt table td:nth-child(3) {color: #00008B;}
.table-rostsayt thead {font-size: 24px; color: #6D6D6D; vertical-align: top;}
.table-rostsayt thead th:nth-child(1) {text-align: left; color:#000;}
.table-rostsayt thead th:nth-child(3) {color: #00008B;}
.table-rostsayt tbody tr th,
.table-rostsayt tbody tr td {padding: 1rem;}
.table-rostsayt tbody tr th {position: relative; padding-left: 0; text-align: left; font-weight: normal;}
.table-rostsayt tbody tr:nth-child(odd) th::before {content:''; background: #EEF8FF; left:0; margin-left: -50vw; width:200vw; position: absolute; top:0; bottom: 0; z-index: -1;}

.scheme ol {counter-reset: li-counter; padding: 0;}
.scheme ol li {display: block; margin: 1rem 0; position:relative;}
.scheme ol li::before {content:''; position:absolute; top:0; left:15px; right:0; bottom: 0; max-width: 288px; background: linear-gradient(90deg, rgba(45, 179, 255, 0) 0%, #000043 100%);}
.scheme ol li::after {content: counter(li-counter); counter-increment: li-counter; font-weight: bold; font-size: 7rem; color: #fff; position:absolute; top:50%; left:50%; line-height: 1; transform: translate(-50%,-50%)}
.scheme ol li > div {position: absolute; top:50%; left:60%; right:0; transform: translateY(-50%);}

.logos {margin-bottom:10rem;}
.logos img {max-width: 150px; max-height: 50px; margin: auto !important; object-fit: contain; filter: grayscale(100%)}
.logos img:hover { filter: grayscale(0%)}
/*.logos .owl-logos {padding-bottom: 50px;}*/

.scroll-up {z-index: 1000;}

@media (min-width: 1920px) {
	.no-container {width:1920px; left:50%; margin-left: -960px;}
}

@media (min-width: 1200px) {
	.container {max-width: 1200px;}
}
@media (min-width: 992px) {
	#center #top::before {left:53%;}
	.super-h1 {padding: 0 10rem;}
	.super-h1::before {left:0; height: auto;}
	.pluses .header .img2 {display: block;}
	.pluses .header {margin:8rem 0; z-index: 2;}
	.slider::after {left:0;}
	.slider {padding: 5rem 3rem 5rem 15rem;;}
}
@media (min-width: 1200px) {
	#top .super-h1 {max-width:53%; margin-bottom:0; padding-right: 1rem;}
	#top .header {padding-bottom:4rem; position:relative;}
	#top .header::after {position: absolute; left: 60%; width: 617px; top: 0; content: url(/images/svg/decor.svg);}


	.btn-outline-light {color:#fff; border-color: #fff;}
	.slider {padding: 10.75rem 3rem 10.75rem 15rem;}
	.accordion .accordion-row .question,
	.accordion .accordion-row .answer {padding-left: 10rem; }

	header #logo {position: absolute; top:0.8rem; left: 0; margin: 0; padding: 0; z-index: 10;}
	header #header_items {position: relative; padding: 1.5rem 0; background: none;}
	header #header_items .get-call {width:25%; text-align: right; color:#fff; margin: 0;}
	header #header_items .free-call {width:25%; text-align: center; color:#fff;}
	header #header_items .free-call > p {float: right;}
	header #header_items .free-call a {color:#fff;}
	header #header_items .work_russia {margin: 0 auto 0 25%; padding: 0;}
	header #top_menu {background: none;}
	header #top_menu ul {justify-content: space-between;}
	header #top_menu li {margin:0;}
	header #top_menu .item-103 {margin: 0 -2rem;}
	header #top_menu .item-105 a,
	header #top_menu .item-106 a,
	header #top_menu .item-107 a,
	header #top_menu .item-119 a,
	header #top_menu .item-108 a {color:#fff;}
	header #top_menu .item-105 a:hover,
	header #top_menu .item-106 a:hover,
	header #top_menu .item-107 a:hover,
	header #top_menu .item-108 a:hover,
	header #top_menu .item-119 a:hover,
	header #top_menu .item-105.active a,
	header #top_menu .item-106.active a,
	header #top_menu .item-107.active a,
	header #top_menu .item-119.active a,
	header #top_menu .item-108.active a {color:#2ECEEC;}


}



@media (min-width: 900px) {
	.owl-portfolio::before {background: #fff;}
	
	.table-rostsayt thead {font-size: 18px;}
}

@media (min-width: 768px) {
	.pluses .row > div {border-width: 0 0 1px; padding: 3rem;}
	.slider video {height:auto; width:100%;}
	.pluses::before,
	.pluses::after,
	.numbers::before,
	.numbers::after{content:''; width:1px; position: absolute; top:0; bottom: 0; background: #D7D7D7; left:32.9%; z-index: 1;}
	.pluses::after,
	.numbers::after {left: auto; right:32.9%}
	.pluses .row > div:nth-last-child(1),
	.pluses .row > div:nth-last-child(3),
	.pluses .row > div:nth-last-child(2) {border-bottom: none;}
	.form-calc .col-md-4.text-white::before {transform: translateX(-60%);}
}

@media (max-width: 1200px) {
	
	.animated {
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
    }   
    .wow {visibility: visible !important;}
    .item-page .design {padding: 3rem 0;}
    .modal-content {padding: 1rem;}
    .slider {width: auto; left: 0; transform: none;}
    .slider::after {display: none !important;}
    
    body .owl-nav {margin-top: 1.5rem !important;}
    body .owl-dots,
	body .owl-nav {display: flex; margin: 0 auto; justify-content: center;}
    body .owl-dots,
	body .owl-nav,
	body .owl-portfolio .owl-nav, 
	body .owl-portfolio .owl-dots {bottom: 0 !important; transform: none !important;}
	body .owl-nav .owl-prev {transform: none !important;}
	body .owl-nav .owl-next {transform: scaleX(-1) !important;}
	.owl-nav .owl-prev span, .owl-nav .owl-next span {margin-top: 0;}
	.owl-dots,
	.owl-nav,
	.owl-nav .owl-prev,
	.owl-nav .owl-next {position: unset !important; height: auto !important;}
	.owl-dots {padding: .5rem; background: #fff;}
	.owl-nav .owl-next span::before,
	.owl-nav .owl-prev span::before {padding: .5rem; background: #fff;}
	.owl-nav .owl-prev, .owl-nav .owl-next {height: 30px;}

	.form-calc form {padding: 3rem;}
	.form-calc .col-md-4.text-white::before {top: 0;}
	.why .row > div:not(.col-12) {margin-bottom: 0;}
	.table-rostsayt {overflow: auto;}
	body.kontakty .form-calc > .row > div:nth-child(2) {margin-top: 0;}
	h1, .h1 {font-size: 2.1rem;}
	h2, .h2 {font-size: 1.55rem;}
	h3, .h3 {font-size: 1.35rem;}
	h4, .h4 {font-size: 1.15rem;}
	h5, .h5 {font-size: 1.05rem;}
	h6, .h6 {font-size: 1rem;}
	header #top_menu a {padding: .5rem 1rem;}
	header #top_menu .menu {flex-direction: column;}
	.portfolio2 .col-md-6 {position: relative !important; top: auto; right: auto; padding: 0 15px !important;}
	.pluses .header .img1 {margin-left: 0; top: 0; left: -15px; right: -15px; bottom: 0;}
	.pluses .header .img1 > img {width: 100%; height: 100%; object-fit: cover;}
	.mod_projects .change_projects li {padding: 1rem 0;}

	.portfolio .reshaemaya-zadacha,
	.portfolio .raspolozhenie {word-break: break-word;}
}

@media screen and (max-width:420px) {
	
	.slider {padding: 2rem 1rem;}
	.slider::after {display: none !important;}
	footer .footer_items > ul {flex-direction: column;}
	footer .container {margin-bottom: 0;}
	.form-calc form {padding: 1rem;}
	footer .footer_items,
	#author {padding: 1rem;}
}

.portfolio {margin-bottom:3rem;}
.portfolio *, .portfolio *::before, .portfolio *::after {transition:.3s;}


.portfolio a {position:relative; overflow:hidden; display:block; color:#fff; height: 412px;}
.portfolio a::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: #000; opacity: 0.2;}
.portfolio a:hover::before {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.8;}
.portfolio a .img {height:100%; }
.portfolio a .img img {height:100%; width:100%; object-fit: cover;}
.portfolio.owl-carousel .owl-item img {width:auto; }
.portfolio.owl-carousel .owl-item a .img > img {object-fit:cover; width:100%; height:100%;}
.portfolio a .title {position:absolute; right:1rem; left:1rem; top:8rem; border-left:4px solid #fff; padding:1rem 0 1rem 1rem;}
.portfolio a:hover .title {top:5rem;}
.portfolio a .vypolnennye-raboty {position:absolute; right:1rem; left:1rem; top:14rem; opacity:0;}
.portfolio a:hover .vypolnennye-raboty {opacity:1;}
.portfolio a .icons {position:absolute; top:1rem; right:1rem;}
.portfolio a .icons img {display: inline}
.portfolio .ploshad {background: #2ECEEC; position:absolute; top:0; left:0; font-size:18px; padding:1rem; font-weight:bold;}
.portfolio .down_block {position:absolute; bottom:1rem; left: 1rem; right:1rem;}
/*.portfolio .reshaemaya-zadacha {position:absolute; bottom:1rem; right:1rem; max-width:40%;}*/
.portfolio .reshaemaya-zadacha span {font-size:18px; font-weight:bold;}
/*.portfolio .raspolozhenie {position:absolute; bottom:1rem; left:1rem; font-size:18px; font-weight:bold; max-width:40%; display:flex; align-items:center;}*/
.portfolio .raspolozhenie {font-size:18px; font-weight:bold;}
.portfolio .raspolozhenie::before {content:url('/images/portfolio/marker.png'); margin-right:1rem;}
.porfolio-icons .img {width:60px; text-align:center;}
.porfolio-icons.bg-color::before {background:#00008B;}

.reviews .img:hover {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.8;}

/*.text-secondary {color:#;}*/
.text-primary {color:#00008B!important;}

.bg-blue {background:#00008B; color:#fff;}
iframe {width:100%!important;}
.big-photo {position:relative; z-index:5;}
.owl-photos img {border:3px solid #00008B; cursor:pointer;}
.owl-photos img.active {border-color:#fff;}

#file {opacity: 0; visibility: hidden; position: absolute;}

.moduletable.news {margin-bottom: 2.625rem;}
.news *, .services *::before, .services *::after {transition:0.3s;}
.news .row a {position: relative;}
.news .row a::before {content:''; position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 5; background: linear-gradient(0deg, #000043 0%, rgba(0, 0, 67, 0.88) 17.71%, rgba(0, 0, 67, 0.62) 28.18%, rgba(0, 0, 67, 0) 47.89%); opacity: 0.7; transition: .3s;}
.news .row a:hover::before {opacity: 0.8;}
.news .desc {position: absolute; z-index: 10; left: 20%; right:20%; bottom: 10%; color:#fff;}
.news .desc::before {content:''; position: absolute; left: -3rem; width:0.3rem; top:0; bottom:0; background: #fff;}
.news .desc .title {position: relative;}
/*.news::after {position:absolute; left:5%; width: 50vw; text-align: center; bottom: -40%; content: url('/images/svg/decor.svg'); z-index: -5;}
*/.news a.h4 {color: #00008B; position: relative;}

.news-page {position: relative;}
.news-page a::before {content:''; position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 5; background: linear-gradient(0deg, #000043 0%, rgba(0, 0, 67, 0.88) 17.71%, rgba(0, 0, 67, 0.62) 28.18%, rgba(0, 0, 67, 0) 47.89%); opacity: 0.7;}
.news-page a:hover::before {opacity: 0.8;}

.news-img {position: relative;}
.news-img img {z-index: 1; position: relative;}
.news-img::before {position:absolute; left:5%; width: 50vw; text-align: center; bottom: -20%; content: url('/images/svg/decor.svg'); z-index: 0;}

.portfolio2 .col-md-6 {position:absolute; top: 15%; right: 0%; background: #fff; color: #000043; padding: 3.5rem;}
.owl-portfolio .owl-nav,
.owl-portfolio .owl-dots {bottom: -90px !important;}

/*.portfolio2 a {position:relative; overflow:hidden; color:#1FF2FF;}
.portfolio2 a::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0;/* background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.5; transition:.3s;}*/
.portfolio2 a:hover::before {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); opacity: 0.8;}
.portfolio2 a .img {height:100%;}
.portfolio2 a .img > img {object-fit:cover; width:100%; height:100%;}
.portfolio2 a .title {position:absolute; bottom:2rem; left:2rem; right:2rem; border-left:4px solid #fff; padding:1rem 0 1rem 1rem;}
.portfolio2 a .icons {position:absolute; top:2rem; right:2rem;}


.o-nas #top_content {display:flex; flex-direction:column;}
.o-nas #top_content .moduletable {order:100;}
.o-nas #top_content .portfolio2 {order:5; margin-top:-3rem; margin-bottom:15rem;}
.o-nas #top_content .portfolio2 .h2 {display:none;}
.o-nas #top_content .logos {order:10; margin-bottom:0;}

.novosti .year {position: absolute; display: flex; width:50%; margin: 0; padding: 1rem 0 0 0; font-family: 'Roboto Condensed', sans-serif;}
.novosti .year li {display: block; margin-right: 1rem; cursor: pointer; font-size: 30px;}
.novosti .year li:hover,
.novosti .year li.active {background: linear-gradient(90deg, #00008B 0%, #2DB3FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid #00008B;}
.return a::before {content:url('/images/modules/arrow-left.png'); vertical-align: middle; margin-right: 1rem;}
a.arrow-right::after {content:url('/images/modules/arrow-right.png'); vertical-align: middle; margin-left: 1rem;}

.introtext .popup_marquiz{
font-size:14px;
margin-top:15px;
}

.slider .h5-normal{
    width: 700px;
}

@media(max-width:800px){
.services .desc .introtext {
    display: block;
}
.services .desc .introtext li{
	display: none;
}
.introtext .popup_marquiz{
margin-left:-40px;
}
.slider .btn-light{
    width: auto;
    margin-bottom: 40px;
	margin-left:15px;
}
#center #top::before {
    background: #fff;
	left: 150%;
}
header .navbar-toggler {
    filter: none;
}
.slider{
margin-left: -15px;
margin-right: -15px;
}	
.slider .h1{
    width: 230px;
}
.slider .h5-normal{
    width: 100%;
}
}
.reshaemaya-zadacha {
  font-size: 13px;
}