/* Настройки шаблона */
.blog li{list-style: none;}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 16px;}
	#middle .articleBody .content > .row {flex-direction: column;}
	#middle .articleBody .content .design0 .item{width: 75%; margin-left: 0;}
	#middle .articleBody .content .design0 .p-img img{max-height: 485px;}
	#middle .articleBody .content .design1 .item {margin: 0 auto;}
	#middle .articleBody .content .design1 {flex-direction: column-reverse;}
	#middle .articleBody .content .design1 > *:first-child{width: 100%;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 16px;}

}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;} 
	#middle .articleBody .content .design1 {flex-direction: row;}
	#middle .articleBody .content .design1 > *:first-child{width: 50%;}
	#middle .articleBody .content > .row > div {min-height: 485px;}
	#middle .articleBody .content .design0 .p-img img{position: absolute;}
	#middle .articleBody .content .design1 .p-img img{position: absolute; max-width: 1000px;}
	#middle .articleBody .content .design0
	#middle .articleBody .content .design2 .p-img img {position: absolute; max-width: 960px;}
	#middle .articleBody .content .design2 img{position: absolute; max-width: 1000px;}
	#middle .articleBody .content .design0 .p-img img {max-width: 665px; right: -120px; width: 100vw;}
	#middle .articleBody .content > .row {flex-direction: row;}
	#middle .articleBody .content .design0 .item{width: 50%; margin-left: 8.33333%;}
	#middle .articleBody .content .design0 .p-img img{max-height: none;}
	#middle .articleBody .content .vidy-uslug .textcols .textcols-item{max-height: 300px;}
}
/* #center main{overflow: visible;} */

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Jost', sans-serif; color: #000; outline: 1px solid #ddd; overflow-x: hidden;}

h1, .h1 {margin: 0; font-size: 3.65rem;/*60px*/}
h2, .h2 {margin: 0; font-size: 2.5rem;/*40px*/}
h3, .h3 {margin: 0; font-size: 1.25rem;/*20px*/}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {margin: 0; font-size: 1rem;/*16	px*/}

a {text-decoration: none;}

p{margin: 0;}
/* Общие классы */
.wdth-100 {width: 100%;}
.bg-blue {background: #E5F6F7;}
.br-blue {border-color: #0D6EFD; color: #0D6EFD; width: 125px;}
#center main {overflow: visible;}
.dark-blue {color: #1D4D98;}

.scroll-up {height: 38px; width: 38px; background:#FFFFFF;border-radius: 50%;}
.scroll-up:hover{background: #FFFFFF;}
.scroll-up i {top: 25%; left: 19px; height: 40px;width: 40px;}
.scroll-up i img{height: 100%; width: 100%;}

.mr-1 {margin-right: 0.5rem!important} /*8*/
.mr-2 {margin-right: 1rem!important} /*16*/
.mr-3 {margin-right: 1.5rem!important} /*24*/
.mr-4 {margin-right: 2rem!important} /*32*/
.mr-5 {margin-right: 3rem!important} /*48*/

.ml-1 {margin-left: 0.5rem!important} /*8*/
.ml-2 {margin-left: 1rem!important} /*16*/
.ml-3 {margin-left: 1.5rem!important} /*24*/
.ml-4 {margin-left: 2rem!important} /*32*/
.ml-5 {margin-left: 3rem!important} /*48*/

.pr-1 {padding-right: 0.5rem!important} /*8*/
.pr-2 {padding-right: 1rem!important} /*16*/
.pr-3 {padding-right: 1.5rem!important} /*24*/
.pr-4 {padding-right: 2rem!important} /*32*/
.pr-5 {padding-right: 3rem!important} /*48*/

.pl-1 {padding-left: 0.5rem!important} /*8*/
.pl-2 {padding-left: 1rem!important} /*16*/
.pl-3 {padding-left: 1.5rem!important} /*24*/
.pl-4 {padding-left: 2rem!important} /*32*/
.pl-5 {padding-left: 3rem!important} /*48*/

.w-1 {width: 100px;}
.w-2 {width: 200px;}
.w-3 {width: 300px;}
.w-4 {width: 400px;}
.w-5 {width: 500px;}

.h-1 {height: 100px;}
.h-2 {height: 200px;}
.h-3 {height: 300px;}
.h-4 {height: 400px;}
.h-5 {height: 500px;}

.fw-1 {font-weight: 100;}
.fw-2 {font-weight: 200;}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}

/* Переопределения Bootstrap */

.nav-tabs {border-bottom: none;}
.nav-tabs .nav-link.active {border: none;}


/* Шапка */
body .burger-show{position: fixed; height: 100%; width: 100%; z-index: 10; background: #5ea4bdf7;transform: translateY(-100%); transition: all .3s ease; overflow: auto;}
body .burger-show.active {transform: translateY(0); transition: all .3s ease;}
#navbar .burger{display: none; position: absolute; right: 115px; top: 15px; width: 35px; height: 35px;}
#navbar .burger::before{content:""; position: absolute; width: 100%; height: 2px; background: white; bottom: 32px;transform: rotate(0deg); transition: all .3s ease;}
#navbar .burger.active::before{transform: rotate(-45deg); bottom: 17px; transition: all .3s ease;}
#navbar .burger span{width: 100%; height: 2px; bottom: 50%; background: white; position: absolute;}
#navbar .burger span{transform: scale(1);}
#navbar .burger.active span{transform: scale(0);}
#navbar .burger::after{content:""; position: absolute; width: 100%; height: 2px; background: white; bottom: 2px;transform: rotate(0deg); transition: all .3s ease;}
#navbar .burger.active::after{transform: rotate(45deg); bottom: 17px; transition: all .3s ease;}
body .burger-show .navbar-nav {display: none;}
body .burger-show.active .navbar-nav {display: flex; justify-content: center; align-items: center; height: 100%; }
body .burger-show.active .navbar-nav .nav{flex-direction: column;    align-items: center;}
body .burger-show.active .navbar-nav .nav .deeper .nav-child {display: none;}
body .burger-show.active .navbar-nav .nav li {margin-bottom: 20px;}
body .burger-show.active .navbar-nav .nav li a{font-size: 40px; letter-spacing: 2px; font-weight: 800; color: #FFFFFF;}

#navbar.active::before{background: none;}
.navbar::before {content:''; background: #0B2C60; position: absolute; height: 100%; width: 100vw;}
.home .navbar::before {content:none;}
.politika-konfidentsialnosti .item-page {padding: 30px; font-size: 16px;}
.navbar{padding: 0;}
#navbar-content{flex-wrap: wrap;}
#navbar-content #top_menu{position: relative; flex: 1 1 100%; height: 59px; align-items: center;}
#navbar-content #top_menu::before{content:''; position: absolute; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; opacity: 0.2; border: 1px solid #FFFFFF; }
#navbar-content #top_menu .mod-tell {margin-right: 24px;}
#navbar-content #top_menu .mod-tell img{margin-right: 14px;}
#navbar-content #top_menu .mod-mail img{margin-right: 8px;}
#navbar-content #top_menu .mod-social{margin-right: 64px;}
#navbar-content #top_menu .mod-social p{margin-right: 24px;}
#navbar-content #top_menu .mod-social p:last-child{margin-right: 0px;}
#navbar-content #top_menu div a{color: #FEFEEF;}
#navbar-content #header_items{position: relative; flex: 1 1 100%; justify-content: flex-end; height: 81px;}
#navbar-content #header_items::before{content:''; position: absolute; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; opacity: 0.2; border: 1px solid #FFFFFF; }
#navbar-content #header_items .nav {align-items: center;}
#navbar-content #header_items .nav li{display: flex; position: relative; align-items: center; margin-right: 28px;}
#navbar-content #header_items .nav li.active::before{content: ""; position: absolute; bottom: 1px; height: 2px; width: 100%;background: #80DEEA; opacity: 1;}
#navbar-content #header_items .nav li.active a{color:#80DEEA;}
#navbar-content #header_items .nav .item-102:hover .nav-child{display: block;}
#navbar-content #header_items .nav .item-102:hover .nav-child a{color: #FEFEEF;}
.home #navbar-content #header_items .nav li .nav-child {display: none; position: absolute; top: 95%; padding: 21px 25px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(42px); border-top: 2px solid #80deea;}
#navbar-content #header_items .nav li .nav-child{display: none; position: absolute; top: 95%; padding: 21px 25px; background: rgb(11 44 96);}
#navbar-content #header_items .nav li .nav-child li {margin-right: 0; white-space: nowrap;}
#navbar-content #header_items .nav li .nav-child li a {padding: 11px 0 11px;}
#navbar-content #header_items .nav li:hover a {color:#80DEEA;}
#navbar-content #header_items .nav li:hover::before{opacity: 1;}
#navbar-content #header_items .nav li::before{content: "";  position: absolute; bottom: 1px; height: 2px; width: 100%;background: #80DEEA; opacity: 0; transition: all .3s ease;} 
#navbar-content #header_items .nav .deeper a::after{content:url("/images/icon/010.png"); position: absolute; left: -20px; opacity: 0;}
#navbar-content #header_items .nav .deeper a:hover::after{opacity: 1; transition: all .3s ease;}
/* #navbar-content #header_items .nav .deeper a::before{content:url("/images/icon/011.png"); position: absolute; left: -20px; opacity: 1;} */
#navbar-content #header_items .nav .deeper a:hover::before{opacity: 0; transition: all .3s ease;}
#navbar-content #header_items .nav li:last-child{margin-right: 0px;}
#navbar-content #header_items .nav li a {text-transform: uppercase; color: #FEFEEF; padding: 29px 0 29px;}
header{margin-top: 0;}
#navbar-content #header_items .nav .deeper .nav-child li a::before{display: none;}
#navbar-content #header_items .nav .deeper .nav-child li a::after{display: none;}
header .navbar-brand {position: absolute; top: 65px; z-index: 2;}

/* Подвал */
footer {}

/* Модули */
#question .row input,
#question .row textarea {
	border: 1px solid #D1C9C9;
    color: #000;
    text-align: center;
    padding: 0.8rem;
}
#question .row textarea {text-align: left;}

#question .row input::placeholder,
#question .row textarea::placeholder {
	color: #D1C9C9;
}

.btn.number {width: 10%;}

.mod-slider::before {position: absolute; top: 0; left: 0; height: 100%; width: 100%; right: 0; bottom: 0; background: linear-gradient(180deg, #172937 0%, rgba(23, 41, 55, 0) 100%); z-index: 1;}
.mod-slider.fullbg{margin-top: -140px; margin-bottom: 108px; background: url(/images/modules/mod-slider/001.png); background-size: cover; height: 100vh;}
.mod-slider .wrapper .item{position: relative; z-index: 3;}
.mod-slider .wrapper{height: 100%; max-width: 1320px; margin: 0 auto; align-items: center;}
.mod-slider .wrapper .item .title {color: #FEFEEF; font-weight: 400; text-transform: uppercase; margin-bottom: 49px;line-height: 126%;}
.mod-slider .wrapper .item .urlatext{width: 25%; border-bottom: 1px solid white;} /*#1D4D98*/
.mod-slider .wrapper .item .urlatext a{display: block; position: relative; color:white; text-transform: uppercase; padding: 20px 0; filter: brightness(1000%);}
.mod-slider .wrapper .item .urlatext a::before{content:url(/images/icon/005.png); position: absolute; right: 0px; opacity: 1;}
.mod-slider .slider_video{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;/* transform: scale(-1,-1);*/}
.mod-slider .slider_video::before{position: absolute; top: 0; left: 0; height: 100%; width: 100%;background: linear-gradient(180deg, #172937 0%, rgba(23, 41, 55, 0) 100%); content: '';}
.mod-slider::before{content: "";}

.col-6{position: relative;}
.mod-proffesionals .item{margin-top: 15px; min-height: 470px;}
.mod-proffesionals > .row{display: flex;}
.mod-proffesionals > .row .col-6 .row{max-width: 600px; margin-left: 30px;}
.mod-proffesionals > .row .col-6 .row > div{text-transform: uppercase;}
.mod-proffesionals > .row .col-6 .row .title{color: #1D4D98; font-size: 40px; font-weight: 400; line-height: 50px;}
.mod-proffesionals > .row .col-6 .row .introtext{line-height: 22px; font-weight: 300; color: #1A2333; margin-top: 48px; margin-bottom: 40px;}
.mod-proffesionals > .row .col-6 .row .urlatext{color: #1D4D98; width: 288px;}

.mod-who .item{padding-top: 15px; min-height: 374px;}
.mod-who > .row{display: flex; flex-direction: row-reverse;}
.mod-who > .row > div > img{min-height: 405px; position: absolute; top: 0; bottom: 0; right: 0; width: 50vw; max-width: 960px; margin-right: -5.5rem;}
.mod-who > .row .col-6 .row{max-width: 600px; margin-left: 88px;}
.mod-who > .row .col-6 .row > div{text-transform: uppercase;}
.mod-who > .row .col-6 .row .title{color: #1D4D98; font-size: 40px; font-weight: 400; line-height: 50px;}
.mod-who > .row .col-6 .row .introtext{line-height: 22px; font-weight: 300; color: #1A2333; margin-bottom: 40px;}
.mod-who > .row .col-6 .row .urlatext{color: #1D4D98; width: 288px;}

.row-leg{display: flex; justify-content: space-between;}
.row-leg img{height: 6px; margin-top: 9px; width: 40px;}

.menu .item .image-title {margin-left: 1rem;}


.mod-what{margin-bottom: 153px;}
.mod-what-home{margin-bottom: 153px;}
/* .mod-who > .row > div{height: 485px;} */
.mod-what .row .col-6 > div {
	/* border: 1px solid #154590; */
	 width: auto;  padding: 61px 88px;}
.mod-what > div > div:nth-child(2) > img {margin-left: -2rem;}
.mod-what-home .row .col-6 > div {border: 1px solid #154590; width: 328px;  padding: 61px 44px;}
.mod-what .row > div{font-style: 20px; color: #1D4D98;}
.mod-what .wrapper .title{color: #1D4D98; font-weight: 400;
    font-size: 40px;
    line-height: 50px;
}
.mod-what-home .wrapper .title{color: #1D4D98; font-size: 20px; font-weight: 400; text-transform: uppercase;}
.mod-what .wrapper .introtext{color: #1A2333; font-weight: 300; margin-top: 32px; margin-bottom: 36px; 
    line-height: 22px;
    text-transform: uppercase;
	/* width: 165px; */
}
.mod-what-home .wrapper .introtext{color: #1D4D98; font-size: 16px; font-weight: 300; margin-top: 32px; margin-bottom: 36px;
	/* width: 165px; */
}
.mod-what .wrapper .link {display: flex; justify-content: end;}
.mod-what-home .wrapper .link {display: flex; justify-content: end;}


.mod-finished .wrapper {justify-content: center; background: linear-gradient(180deg, #294D85 0%, #1D4D98 64.06%, #1A3D75 100%); margin-bottom: 140px;}
.mod-finished .wrapper .container{max-width: 100vw; padding: 56px 0 159px;}
.mod-finished .wrapper .text{color: #FEFEEF; max-width: 1223px; margin: 0 auto; padding-left: 200px; padding-top: 58px;}
.mod-finished .wrapper .text .title{text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 30px;}
.mod-finished .wrapper .text .introtext{font-weight: 300; padding-right: 10px;}
.mod-finished .wrapper .container .owl-carousel .owl-dots {width: 100%; bottom: -85px; text-align: center;}
.mod-finished .wrapper .container .owl-carousel .owl-dots .owl-dot{width: 118px; height: 2px; background: #FEFEEF!important; border-radius: 0;}
.mod-finished .wrapper .container .owl-carousel .owl-dots .owl-dot:hover{background: #80DEEA!important; transition: all .3s ease;}
.mod-finished .wrapper .container .owl-carousel .owl-dots .owl-dot.active{background: #80DEEA!important;}
.mod-finished .wrapper .container .owl-carousel .inner{position: relative; width: 808px; height: 576px;opacity: 1; transition: all .3s ease;}
.mod-finished .wrapper .container .slider{position: relative;}
.mod-finished .wrapper .container .owl-carousel .owl-nav{position: absolute; top: 50%;}
.mod-finished .wrapper .container .owl-carousel .owl-nav button span{font-size: 100px; color: #ffff;}

.mod-finished .wrapper .container .owl-carousel .inner::before{content:''; position: absolute; height: 100%;
width: 100%; background: linear-gradient(180deg, #172937 0%, rgba(23, 41, 55, 0) 100%); opacity: 0.6; z-index: 2;}
.mod-finished .wrapper .container .owl-carousel .slide img{position: absolute; height: 100%;width: 100%; top: 0; left: 0;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .item { display: flex; flex-direction: column; justify-content: space-between; align-items: center;position: relative; z-index: 5 ;padding: 52px 104px 46px; height: 100%;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .inner-item{height: 100%;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .link{ text-transform: uppercase; font-weight: 400; border-radius: 0; padding: 14px 63px;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .plus{height: 72px;width: 72px; opacity: 0;}
.mod-finished .wrapper .container .owl-carousel .slide .inner:hover .plus{opacity: 1; transition: all .3s ease;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .plus img{  height: 100%;width: 100%;object-fit: contain;position: static;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .text-slider{align-self: flex-start;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .text-slider p{margin: 0; text-transform: uppercase; color: #FFFFFF; margin-bottom: 15px; letter-spacing: 1.6px;}
.mod-finished .wrapper .container .owl-carousel .slide .inner .text-slider p:last-child{margin-bottom: 0;}


.mod-services{justify-content: space-between; margin-bottom:190px; }
.mod-services div:nth-child(2){order: 6;}
.mod-services div:nth-child(3){order: 5;}
.mod-services div:nth-child(4){order: 4;}
.mod-services div:nth-child(5){order: 1;}
.mod-services div:nth-child(6){order: 2;}
.mod-services div:nth-child(7){order: 3;}
.mod-services .module-title{text-transform: uppercase; color: #1D4D98; font-weight: 400;}
.mod-services .wrapper{max-width: 600px; min-height: 317px; transition: all .3s ease;}
.mod-services .wrapper:hover{outline: 1px solid rgba(29, 77, 152, 0.2); box-shadow: 0px 20px 36px rgba(6, 46, 100, 0.2)}
.mod-services .item {height: 100%; padding: 66px 40px 41px;}
.mod-services .item .main .title{font-weight: 400; color: #1D4D98; text-transform: uppercase;}
.mod-services .item .main img{margin-bottom: 13px;}
.mod-services .item .sub { display: flex; flex-direction: column;}
.mod-services .item .sub .introtext {font-weight: 300; flex: 1 1 auto;}
.mod-services .item .sub .urlatext p{display: block; position: relative; color:#1D4D98; text-transform: uppercase; padding: 20px 0;}
.mod-services .item:hover .sub .urlatext p{color: #00ADB6;}
.mod-services .item .sub .urlatext p::before{content:url(/images/icon/005.png); position: absolute; right: 0px; opacity: 1;}
.mod-services .item:hover .sub .urlatext p::before{opacity: 0; transition: all .3s ease;}
.mod-services .item .sub .urlatext p::after{content:url(/images/icon/012.png); position: absolute; right: 0px; opacity: 0;}
.mod-services .item:hover .sub .urlatext p::after{opacity: 1; transition: all .3s ease;}

.catalog-wrap.bg-color::before {background: #e4f1ff;}

.btn.wdth-100 {border-radius: 0;}

body.home > #center > #bottom > .mod-advantages {margin-bottom: 25px;}
body.about > #center > #bottom > .mod-advantages {margin-bottom: 25px;}
.mod-advantages .images {position: relative;}
.mod-advantages .images img{height: 100%; object-fit: cover; float: right;}
.mod-advantages .images .aria-label {max-width: 319px;}
.mod-advantages .images .tooltip-link-1{position: absolute; top: 6rem; left: 23rem; height: 27px; width: 27px; background: #FFFFFF; border-radius: 50%; transition: all .3s ease;}
.mod-advantages .images .tooltip-link-1::before{content:""; position: absolute; width: 59px; height: 59px; border-radius: 50%; left: -15px; top: -15px; border: 1px solid #FFFFFF;  animation: effect-circle-on-water-2 1.5s ease-out infinite;}
.mod-advantages .images .tooltip-link-1::after{content:"";  position: absolute; content:""; position: absolute; width: 41px; height: 41px; border-radius: 50%; left: -7px; top: -7px; border: 1px solid #FFFFFF; animation: effect-circle-on-water-1 1.5s ease-out infinite;}
.mod-advantages .images .tooltip-link-2{position: absolute; top: 13rem; left: 35rem; height: 27px; width: 27px; background: #FFFFFF; border-radius: 50%; transition: all .3s ease;}
.mod-advantages .images .tooltip-link-2::before{content:""; position: absolute; width: 59px; height: 59px; border-radius: 50%; left: -15px; top: -15px; border: 1px solid #FFFFFF;  animation: effect-circle-on-water-2 1.4s ease-out infinite;}
.mod-advantages .images .tooltip-link-2::after{content:"";  position: absolute; content:""; position: absolute; width: 41px; height: 41px; border-radius: 50%; left: -7px; top: -7px; border: 1px solid #FFFFFF; animation: effect-circle-on-water-1 1.4s ease-out infinite;}
.mod-advantages .images .tooltip-link-3{position: absolute; top: 19rem; left: 23rem; height: 27px; width: 27px; background: #FFFFFF; border-radius: 50%; transition: all .3s ease;}
.mod-advantages .images .tooltip-link-3::before{content:""; position: absolute; width: 59px; height: 59px; border-radius: 50%; left: -15px; top: -15px; border: 1px solid #FFFFFF;  animation: effect-circle-on-water-2 2.1s ease-out infinite;}
.mod-advantages .images .tooltip-link-3::after{content:"";  position: absolute; content:""; position: absolute; width: 41px; height: 41px; border-radius: 50%; left: -7px; top: -7px; border: 1px solid #FFFFFF; animation: effect-circle-on-water-1 2.1s ease-out infinite;}
.mod-advantages .images .tooltip-link-4{position: absolute; top: 25rem; left: 35rem; height: 27px; width: 27px; background: #FFFFFF; border-radius: 50%; transition: all .3s ease;}
.mod-advantages .images .tooltip-link-4::before{content:""; position: absolute; width: 59px; height: 59px; border-radius: 50%; left: -15px; top: -15px; border: 1px solid #FFFFFF;  animation: effect-circle-on-water-2 1.8s ease-out infinite;}
.mod-advantages .images .tooltip-link-4::after{content:"";  position: absolute; content:""; position: absolute; width: 41px; height: 41px; border-radius: 50%; left: -7px; top: -7px; border: 1px solid #FFFFFF; animation: effect-circle-on-water-1 1.8s ease-out infinite;}
.mod-advantages .images .tooltip-link-5{position: absolute; top: 31rem; left: 28rem; height: 27px; width: 27px; background: #FFFFFF; border-radius: 50%; transition: all .3s ease;}
.mod-advantages .images .tooltip-link-5::before{content:""; position: absolute; width: 59px; height: 59px; border-radius: 50%; left: -15px; top: -15px; border: 1px solid #FFFFFF;  animation: effect-circle-on-water-2 1.3s ease-out infinite;}
.mod-advantages .images .tooltip-link-5::after{content:"";  position: absolute; content:""; position: absolute; width: 41px; height: 41px; border-radius: 50%; left: -7px; top: -7px; border: 1px solid #FFFFFF; animation: effect-circle-on-water-1 1.3s ease-out infinite;}
@keyframes effect-circle-on-water-2 {
	50% {
	  transform: scale(1.5, 1.5);
	  opacity: 0;
	}
	99% {
	  transform: scale(0.001, 0.001);
	  opacity: 0;
	}
	100% {
	  transform: scale(0.001, 0.001);
	  opacity: 1;
	}
  }
  @keyframes effect-circle-on-water-1 {
	50% {
	  transform: scale(1.5, 1.5);
	  opacity: 0;
	}
	99% {
	  transform: scale(0.001, 0.001);
	  opacity: 0;
	}
	100% {
	  transform: scale(0.001, 0.001);
	  opacity: 1;
	}
  }
.popover{max-width: 319px; font-family:'Ubuntu';}
.popover-body .p-title{letter-spacing: 0.13em;text-transform: uppercase; margin-bottom: 15px;}
  
.mod-advantages .images .tooltips{position: absolute; top: 0; left: 0; width:319px; height :194px; padding: 24px 13px 0 12px; color: #1A2333; background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);}
.mod-advantages .images .tooltips .p-title{letter-spacing: 0.13em;text-transform: uppercase; margin-bottom: 15px;}
.mod-advantages .item {padding: 117px 450px 0 127px; background: #1D4D98;}
.mod-advantages .item .title{margin-bottom: 50px; text-transform: uppercase; color:#FEFEEF; font-weight: 400;}
.mod-advantages .item .introtext{color:#FEFEEF; font-weight: 300; margin-bottom: 30px;}
.mod-advantages .item .urlatext {display: flex; justify-content: flex-end;}
.mod-advantages .item .urlatext a{flex: 0 1 288px; display: block; position: relative; color: #FEFEEF; text-transform: uppercase; padding: 20px 0; border-bottom: 1px solid #FEFEEF;}
.mod-advantages .item .urlatext a:hover{border-bottom: 1px solid #00ADB6; transition: all .3s ease;}
.mod-advantages .item .urlatext a::before{content:url(/images/icon/006.png); position: absolute; right: 0px; opacity: 1;}
.mod-advantages .item .urlatext a:hover::before{opacity:0; transition: all .3s ease;}
.mod-advantages .item .urlatext a::after{content:url(/images/icon/012.png); position: absolute; right: 0px; opacity: 0;}
.mod-advantages .item .urlatext a:hover::after{opacity:1; transition: all .3s ease;}

.card-img-top {width: 414px; height: 414px;}
.productdetails .main-image img {width: 400px; height: 400px;}
/*.product .product-price {display: none;}*/
.button-stats {background: #E5F6F7 !important; border-radius: 4px !important; color: #828282 !important;}
.button-stats.active {background: #0D6EFD !important; border-radius: 4px !important; color: #FFF !important;}
.stats hr {color: #767676; height: 4px;}

.mod-feadback{margin-bottom: 190px;}
.mod-feadback .title{text-transform: uppercase; color: #00ADB6; font-weight: 400;margin-bottom: 54px;  letter-spacing: 1.6px;}
.mod-feadback .text{color: #0B2C60; letter-spacing: 2.24px; font-weight: 300;}
.mod-feadback .form{ display: flex;  flex-direction: column;} 
.mod-feadback .form input{margin-bottom: 24px; padding: 10px 0; border: none; border-bottom: 2px solid black; outline: none;}   
.mod-feadback .form-check{display: flex; align-items: baseline; height: 30px;}
.mod-feadback .form-check .form-check-input{min-height: 20px; min-width: 20px; padding: 0; border-radius: 0; border: 2px solid #80DEEA; box-shadow: none;}
.mod-feadback .form-check-input:checked[type=checkbox]{background-image: url(/images/icon/008.png); background-size: contain; background-repeat: no-repeat;}
.mod-feadback .form-check-input:checked {background: inherit;}
.mod-feadback .form-check .form-check-label{margin-left: 9px;}
.mod-feadback .form .btn{font-size: 16px!important;}



footer .footer_items{position: relative; padding: 101px 0 70px;}
footer .footer_items::before{content: '';display: flex;position: absolute;z-index: -100;top: 0;bottom: 0;left: 50%; margin-left: -50vw;width: 100vw; background: #0B2C60;}
footer .footer_items .nav li .nav-child{display: none;}
footer .footer_items .nav{flex-direction: column; order: 2;}
footer .footer_items .nav li{margin-bottom: 22px;}
footer .footer_items .nav li:last-child{margin-bottom: 0;}
footer .footer_items .nav li a{color: #FEFEEF;}
footer .footer_items .mod-logo{order: 1; margin-right: 128px;}
footer .footer_items .mod-logo .bottom-logo{margin-bottom: 23px;}
footer .footer_items .mod-logo .text{color:#FEFEEF; opacity: 0.4;}
footer .footer_items .mod-pool {order: 4;}
footer .footer_items .mod-pool .nav li{margin-bottom: 22px;}
footer .footer_items .mod-pool .nav li a{color: #FEFEEF;}
footer #author {position: relative; display: flex; justify-content: space-between; padding-bottom: 23px;}
footer #author::before{content: '';display: flex;position: absolute;z-index: -100;top: 0;bottom: 0;left: 50%; margin-left: -50vw;width: 100vw; background: #0B2C60;}
footer #author .mod-works {order: 1; color: #FEFEEF; font-weight: 300; letter-spacing: -0.1px;}
footer #author .mod-mapsite {order:2; color: #FFFFFF; font-weight: 400;}
footer #author .mod-privacy {order: 3; color: #80DEEA; font-weight: 400;}
footer #author .mod-dev {order: 4; color: #FFFFFF; font-weight: 400;}

#author{flex-wrap: wrap;}
footer .mod-footer-info{width: 100%; margin-bottom: 24px;}
footer .mod-social {width: 100%; margin-bottom: 79px;}
footer .mod-social .footer-nav{display: flex;}
footer .mod-social .footer-nav .item .mail{align-items: center;}
footer .mod-social .footer-nav .item .mail .img{flex: 0 0 auto; margin-right: 19px;}
footer .mod-social .footer-nav .item .mail a{color:#FEFEEF;}
footer .mod-social .footer-nav .item .call{align-items: center;}
footer .mod-social .footer-nav .item .call .img{flex: 0 0 auto; margin-right: 19px;}
footer .mod-social .footer-nav .item .call a{color:#FEFEEF;}
footer .mod-social .footer-nav .item .location{align-items: center;}
footer .mod-social .footer-nav .item .location .img{flex: 0 0 auto; margin-right: 19px;}
footer .mod-social .footer-nav .item .location p{color:#FEFEEF;}
footer .mod-footer-info div a{color:#FEFEEF;}

.modal-dialog-scrollable .modal-content {border-radius: 10px;}
.modal-dialog-scrollable .modal-content .modal-header{border: none;}
.modal-dialog-scrollable .modal-content .modal-header .text-warning {color: #0b2c60!important;}
.modal-dialog-scrollable .modal-content input{box-shadow: inherit;}
.modal-dialog-scrollable .modal-content .btn-close{box-shadow: inherit;}
.modal-dialog-scrollable .modal-content .btn-warning{box-shadow: inherit;}
.modal-dialog-scrollable .modal-content .modal-body .text-white{color: #0b2c60!important;}
.modal-dialog-scrollable .modal-content .modal-body .form-group .btn-warning { color: #ffff!important; background-color: #0b2c60!important; border-color: #0b2c60!important;}
.modal-dialog-scrollable .modal-content .modal-body .form-group .btn-warning:hover{background-color: #154590!important;}

.looking-for .wrapper{display: flex;}
.looking-for .wrapper .look{display: flex; flex-direction: column; margin-right: 25px;}
.looking-for .wrapper .look a{margin-bottom: 15px;}
/*============================================Услуги==============================================*/

.categories ~ .products-list {display: none;}
.categories ~ .vm-pagination {display: none;}
.proektirovanie-bassejnov #middle main, .stroitelstvo-pod-klyuch #middle main, .servisnoe-obsluzhivanie #middle main, .prodazha-oborudovaniya-i-khimii #middle main, .montazh-gidromassazhnykh-vann #middle main, .ustanovka-fontanov #middle main{overflow: visible;}
.proektirovanie-bassejnov .mod-finished{margin-bottom: 195px;}
.proektirovanie-bassejnov .mod-advantages{margin-bottom: 0}
#middle .articleBody .content .vidy-uslug  {align-items: center; padding: 0px 0 40px;;}
#middle .articleBody .content .vidy-uslug .title{letter-spacing: 0.14em;text-transform: uppercase;color: #1D4D98; margin-bottom: 56px;}
#middle .articleBody .content .vidy-uslug .textcols { list-style-type: none; counter-reset: my-counter; padding: 0; }
#middle .articleBody .content .vidy-uslug .textcols li{position: relative; color: #1D4D98; margin-bottom: 56px; margin-right: 165px;}
#middle .articleBody .content .vidy-uslug .textcols li::before { content: "0" counter(my-counter);  counter-increment: my-counter; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; z-index: -1; font-size: 67px; color: #00ADB6; opacity: 0.1;  font-weight: 900;  list-style-type: decimal-leading-zero;}
#middle .articleBody .content .vidy-uslug .textcols .textcols-item{width: auto; display: flex; flex-wrap: wrap; flex-direction: column;}
#middle .articleBody .content .vidy-uslug .textcols .textcols-item li {width: 360px;}
#middle .articleBody .content .additional-fields  {align-items: center; padding: 0px 0 140px;;}
#middle .articleBody .content .additional-fields .title{letter-spacing: 0.14em;text-transform: uppercase;color: #1D4D98; margin-bottom: 56px;}
#middle .articleBody .content .additional-fields .textcols { list-style-type: none; counter-reset: my-counter; padding: 0; }
#middle .articleBody .content .additional-fields .textcols li{position: relative; color: #1D4D98; margin-bottom: 56px; margin-right: 165px;}
#middle .articleBody .content .additional-fields .textcols li::before { content: "0" counter(my-counter);  counter-increment: my-counter; position: absolute; top: 50%; transform: translateY(-50%); left: -25px; z-index: -1;  font-size: 67px; color: #00ADB6; opacity: 0.1;  font-weight: 900;  list-style-type: decimal-leading-zero; }
#middle .articleBody .content .additional-fields .textcols .textcols-item{max-height: 260px; width: auto; display: flex; flex-wrap: wrap; flex-direction: column;}
#middle .articleBody .content .additional-fields .textcols .textcols-item li {width: 360px;}
#middle .articleBody .content .design0 .p-img{position: relative;}
#middle .articleBody .content img {height: 485px;}
#middle .articleBody .content > .row {min-height: 485px;}
#middle .articleBody .content .design0 .p-img img{max-width: 960px; right: -108px; width: 100vw; height: 100%; object-fit: cover;}
#middle .articleBody .content .design0 .item .p-title{ text-transform: uppercase; color: #1D4D98; font-size: 2rem; width: 100%; margin-bottom: 1rem;}
#middle .articleBody .content .design0 .item > *:last-child{margin-bottom: 1rem;}
#middle .articleBody .content .design0 .item .p-desc{color:#1A2333;}
#middle .articleBody .content .design0 .item .p-link{flex: 0 1 288px;} 
#middle .articleBody .content .design0 .item .p-link:hover a{color: #ffffff;}
#middle .articleBody .content .design1 .item{padding: 85px 0 150px; max-height: 404px;}
#middle .articleBody .content .design1 .p-img{position: relative;}
#middle .articleBody .content .design1 .p-img img{right: 0px; object-fit: cover; max-height: 484px; left: -108px; width: calc(100% + 108px);}
#middle .articleBody .content .design1 .item .p-title{ text-transform: uppercase; color: #1D4D98; margin-bottom: 48px;}
#middle .articleBody .content .design1 .item .p-desc{font-weight: 300; color: #1A2333;} 
#middle .articleBody .content .design2{margin-bottom: 148px;}
#middle .articleBody .content .design2 .p-img{position: relative;}
#middle .articleBody .content .design2 .p-img img {right: 108px; bottom: 0; top: 0; width: 100vw; max-height: 485px; object-fit: cover;}
#middle .articleBody .content .design2 .item{padding: 85px 0 78px;}
#middle .articleBody .content .design2 .item .p-title{ text-transform: uppercase; color: #1D4D98; margin-bottom: 48px;}
#middle .articleBody .content .design2 .item .p-desc{font-weight: 300; color: #1A2333;}
#middle .blog .leading{    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 2rem;}
.leading_body {
    border: solid 1px #1D4D98;
    padding: 24px;
    height: 100%;
}
.leading_bottom {
	background: rgba(29, 77, 152, 0.2);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #1D4D98;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    text-align: end;
}
.blog .leading .introtext {font-weight: 300;
    font-size: 16px;
    line-height: 140%;}
.blog .leading .title {font-weight: 400;
    line-height: 28.9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;}
.blog .leading .images img{
	height: 210px;
    object-fit: cover;
    width: 100%;
}
.blog .title a {color: #1D4D98;}
.blog .item .row > * {width: 100%;}
.prodazha-oborudovaniya-i-khimii #middle .articleBody .content .design0 .p-img img {position: absolute; top: 0; right: 0; bottom: 0; width: 100%;  max-width: none;  max-height: 485px; object-fit: contain;}

.mod-steps {padding: 100px 0;}
.mod-steps .module-title{color: #1D4D98; text-align: center; text-transform: uppercase; margin-bottom: 72px;}
.mod-steps .item .field{display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.mod-steps .item .field .p-img{flex: 1 1 auto; margin-bottom: 48px; max-height: 80px;}
.mod-steps .item .field .text {flex: 1 1 auto; text-align: center;}
.mod-steps .item .field .text .p-title{text-transform: uppercase; color: #1D4D98;margin-bottom: 16px;}
.mod-steps .item .field .text .p-desc{padding: 0px 20px; font-weight: 300; color: #1D4D98;}

/*======================================Портфолио=====================================*/
.com-portfolio {padding: 0 0 195px;}
.com-portfolio .wrapper .title{text-transform: uppercase; letter-spacing: 1.6px; color: #1D4D98; margin-bottom: 48px;}
.com-portfolio .wrapper .nav-tabs{margin-bottom: 32px; border: none;}
.com-portfolio .wrapper .nav-tabs:hover .nav-item{height: 29px;}
.com-portfolio .wrapper .nav-tabs .nav-item {color: #1D4D98; margin-right:40px; padding-bottom: 4px; background: none; border: none;}
.com-portfolio .wrapper .nav-tabs .nav-item.active{color: #80DEEA; border-bottom: 2px solid #80DEEA;}
.com-portfolio .wrapper .nav-tabs .nav-item:hover{color: #80DEEA; border-bottom: 2px solid #80DEEA; transition: all .3s ease;}
.com-portfolio .wrapper .nav-tabs .nav-item:last-child{margin-right: 0;}
.com-portfolio .wrapper .tab_content .block{max-height: 317px;}
.com-portfolio .wrapper .tab_content .block .item{display: flex; align-items: center; justify-content: center; position: relative; height: 100%;}
.com-portfolio .wrapper .tab_content .block .item::before{content:''; position: absolute; z-index: 1; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(23, 41, 55, 0.2), rgba(23, 41, 55, 0.2)), rgba(11, 44, 96, 0.4); transition: all .3s ease;}
.com-portfolio .wrapper .tab_content .block .item:hover::before{ background: #1D4D98; opacity: 0.7;}
.com-portfolio .wrapper .tab_content .block .item .text{position: absolute; text-align: center; margin-top: 15px; z-index: 2; letter-spacing: 2.24px; text-transform: uppercase; color: #FEFEEF; font-weight: 400;}
.com-portfolio .wrapper .tab_content .block .item .text p:nth-child(1){font-weight: 300; margin-bottom: 8px; text-transform: none;}
.com-portfolio .wrapper .tab_content .block .item .text p:nth-child(3){opacity: 0; transform: translateY(90px); transition: all .3s ease; font-size: 1rem;}
.com-portfolio .wrapper .tab_content .block .item:hover .text p:nth-child(3){ opacity: 1; transform: translateY(25px); display: inline-block; padding-bottom: 17px; border-bottom: 0.5px solid #FEFEEF; }
.com-portfolio .wrapper .tab_content .block .item img{position: relative; width: 100%; height: 100%; object-fit: cover;}




.PortfolioBody .content .materials .p-img img{width: 100%;height: 100%;object-fit: cover;}
.PortfolioBody .content .materials .item .place{letter-spacing: 0.14em; color: #1D4D98; font-weight: 300; margin-bottom: 4px;}
.PortfolioBody .content .materials .item .p-title{letter-spacing: 0.1em; text-transform: uppercase; color: #1D4D98; font-weight: 400;margin-bottom: 36px;}
.PortfolioBody .content .materials .item .p-desc p:first-child{letter-spacing: 0.04em; text-transform: uppercase; font-weight: 400; margin-bottom: 16px;}
.PortfolioBody .content .materials .item .p-desc p{line-height: 140%; color: #1D4D98;}
.PortfolioBody .content .materials{margin-bottom: 72px; font-weight: 300;}
.PortfolioBody .content .slider {padding-bottom: 50px; margin-bottom: 180px;}
.PortfolioBody .content .slider .owl-dots{text-align: center; bottom: 0;}
.PortfolioBody .content .slider .owl-dots .owl-dot{width: 118px;  height: 2px; border-radius: 0; background: #CDE7E7!important; padding: 10px 0;}
.PortfolioBody .content .slider .owl-dots .owl-dot:hover{background: #80DEEA!important; transition: all .3s ease;}
.PortfolioBody .content .slider .owl-dots .owl-dot.active{background: #1D4D98!important;}
.PortfolioBody .content .slider .owl-stage{display: flex;}
.PortfolioBody .content .slider .owl-stage .owl-item {display: flex; flex: 1 0 auto;}
.PortfolioBody .content .slider .owl-stage .owl-item .item {flex: 1;}
.PortfolioBody .content .slider .owl-stage .owl-item img{height: 100%; object-fit: cover;}
.tab-content>.active{display: flex; justify-content: left;}
/*========================================= Блог ===========================================*/

.com-blog .wrapper .title{text-transform: uppercase; color: #1D4D98; margin-bottom: 48px;}
.com-blog .wrapper .tab_content .block .item img{width: 100%; min-height: 236px; object-fit: contain;}
.com-blog .wrapper .tab_content .block .item .text{padding: 32px 0;}
.com-blog .wrapper .tab_content .block .item .text .title{letter-spacing: 0.14em; margin-bottom: 48px; margin-bottom: 10px;}
.com-blog .wrapper .tab_content .block .item .text p:nth-child(2){font-size: 1rem;color: #1A2333;}
.BlogBody .content {padding-bottom: 148px;}
.BlogBody .content .item .date{letter-spacing: 0.14em; color: #697FA7; font-size: 16px;}
.BlogBody .content .item .p-title{text-transform: uppercase; color: #1D4D98; font-size: 40px;}
.BlogBody .content .item .p-desc{color: #1A2333; padding: 48px 0 72px; font-size: 16px;}
.BlogBody .content .p-img img{width: 100%;}
.BlogBody .content .text .p-desc p {margin-bottom: 1rem;}
.BlogBody .content .text .p-desc p:last-child{margin-bottom: 0;}
.BlogBody .content .text-1 .p-desc p{margin-bottom: 1rem;}
.BlogBody .content .text-1 .p-desc p:last-child{margin-bottom: 0;}
.BlogBody .content .prev-link a {font-size: 16px; color: #1A2333;}

.article-blog{margin-bottom: 30px; margin-top: 30px;}

/*===========================================О нас============================================*/
.mod-who{position: relative;}
.mod-who .wrapper .item{padding: 38px 0 120px;}
.mod-who .wrapper .item .title{text-transform: uppercase; margin-bottom: 48px;}
.mod-who .wrapper .item .introtext{margin-bottom: 40px; font-weight: 300;}
.mod-who .wrapper .item .introtext p{margin-bottom: 24px;}
.mod-who .wrapper .item .introtext p:last-child{margin-bottom:0;}
.mod-who .wrapper .item .urlatext a{display: none;}
.mod-who .images{position: absolute; left: -25%; max-width: 960px; right: 0; width: 100vw;}

.o-nas .mod-advantages{margin-bottom: 149px} 

.mod-documentations{margin-bottom: 149px; padding-bottom: 32px;}
.mod-documentations .wrapper{text-align: center;}
.mod-documentations .wrapper .text{letter-spacing: 0.1em;text-transform: uppercase;color: #1D4D98;margin-bottom: 50px;}
.mod-documentations .container .owl-carousel .owl-dots{bottom: -50px;}
.mod-documentations .container .owl-carousel .owl-dots .owl-dot{width: 118px; height: 2px; background: #CDE7E7!important; border-radius: 0;}
.mod-documentations .container .owl-carousel .owl-dots .owl-dot:hover{background: #1D4D98!important;}
.mod-documentations .container .owl-carousel .owl-dots .owl-dot.active{background: #1D4D98!important;}
.mod-documentations .container .slider .owl-stage {display: flex;}
.mod-documentations .container .slider .owl-stage .owl-item {display: flex; flex: 1 0 auto;}
.mod-documentations .container .slider .owl-stage .owl-item .slide {flex: 1;}
.cancel_404 {margin: 100px; display: flex; flex-direction: column; align-items: center;}
.site-map {display: flex; margin: 120px; flex-direction: column;}
#middle > main > article > div.item-page > div > div > ul > li{list-style-type: none;}
#middle > main > article > div.item-page > div > div > ul > li > a {color: black}



.mod-recomendation{margin-bottom: 195px;}
.mod-recomendation .wrapper {position: relative; padding: 87px 0 149px;}
.mod-recomendation .wrapper::before{content:""; position: absolute; background: linear-gradient(180deg, #1D4D98 0%, #294D85 100%); top: 0; left: -50vw; margin-left: 50%; height: 100%; width: 100vw; z-index: -1;}
.mod-recomendation .wrapper .text .row{flex-direction: column; justify-content: space-between; height: 100%; padding-top: 70px;}
.mod-recomendation .wrapper .text .main-text .title{letter-spacing: 0.1em; text-transform: uppercase; color: #FEFEEF; font-weight: 400; line-height: 126%; margin-bottom: 36px;}
.mod-recomendation .wrapper .text .main-text .introtext{line-height: 140%; color: #FEFEEF; font-weight: 300;}
.mod-recomendation .wrapper .text .navigation{display: flex; justify-content: space-between;}
.mod-recomendation .wrapper .text .navigation .owl-prev{position: relative; cursor: pointer; height: 28px; width: 41px; transform: scale(-1,-1);}
.mod-recomendation .wrapper .text .navigation .owl-prev::before{content:url(/images/icon/006.png); position: absolute; opacity: 1;}
.mod-recomendation .wrapper .text .navigation .owl-prev::after{content:url(/images/icon/012.png);position: absolute; opacity: 0;}
.mod-recomendation .wrapper .text .navigation .owl-prev:hover::before{opacity: 0;transition: all .3s ease;}
.mod-recomendation .wrapper .text .navigation .owl-prev:hover::after{opacity: 1;transition: all .3s ease;}
.mod-recomendation .wrapper .text .navigation .owl-next{position: relative; cursor: pointer; height: 28px; width: 41px;}
.mod-recomendation .wrapper .text .navigation .owl-next::before{content:url(/images/icon/006.png); position: absolute; opacity: 1;}
.mod-recomendation .wrapper .text .navigation .owl-next::after{content:url(/images/icon/012.png);position: absolute; opacity: 0;}
.mod-recomendation .wrapper .text .navigation .owl-next:hover::before{opacity: 0;transition: all .3s ease;}
.mod-recomendation .wrapper .text .navigation .owl-next:hover::after{opacity: 1;transition: all .3s ease;}

.mod-recomendation .wrapper .slider .owl-stage {display: flex;}
.mod-recomendation .wrapper .slider .owl-stage .owl-item {display: flex; flex: 1 0 auto;}
.mod-recomendation .wrapper .slider .owl-stage .owl-item .slide {flex: 1;}
.mod-recomendation .wrapper .slider .owl-stage .owl-item .slide img{height: 100%;}

/*===========================================Контакты============================================*/
.contact-title{color: #0B2C60;letter-spacing: 0.04em; text-transform: uppercase;margin-bottom: 4px;}
.contact-text{color: #1A2333;}
.contact-text a{color: #1A2333;}
.module-titie{ text-transform: uppercase; letter-spacing: 0.1em; color: #1D4D98; margin-bottom: 40px;}
.mod-contact {display: flex; align-items: center; margin-bottom: 195px; min-height: 643px;}
.mod-contact .container .contact {position: relative; z-index: 1;}
.mod-contact .container .contact .item{background: #ffffff; padding: 32px 53px 72px;}

.mod-contact .container .contact .item .phone{margin-bottom: 24px;}
.mod-contact .container .contact .item .mail{margin-bottom: 24px;}
.mod-contact .container .contact .item .address{margin-bottom: 24px;}
.mod-contact .container .contact .item .work-mode{}


/*=======================================Хлебные крошки============================================*/
.mod-navigate {padding: 61px 0 81px; margin: 0; color: #808080;}
.mod-navigate li {margin-right: 3px;}
.mod-navigate li:last-child{margin-right: 0;}
.mod-navigate .pathway{color: #808080;}
.mod-navigate .divider img{height: 9px;}
/* Адаптация */    

@media (max-width: 1400px){
	.mod-slider.fullbg{margin-bottom: 80px;}
	.mod-what{margin-bottom: 80px;}
	.mod-slider .wrapper .item .title{padding-left: 15px;}
	.mod-slider .wrapper .item .urlatext{padding-left: 15px;}

	.mod-finished .wrapper{margin-bottom: 80px;}
	.mod-finished .wrapper .text{ padding-left: 0; text-align: center;}
	.mod-finished .wrapper .text .introtext {margin: 0 auto;}

	.mod-services{margin-bottom: 80px;}
	

	.mod-advantages{margin-bottom: 80px;}
	.mod-advantages .item {padding-right: 110px;}
	.mod-advantages .images .tooltip-link-1{left: 16rem;}
	.mod-advantages .images .tooltip-link-2{left: 28rem;}
	.mod-advantages .images .tooltip-link-3{left: 16rem;}
	.mod-advantages .images .tooltip-link-4{left: 28rem;}
	.mod-advantages .images .tooltip-link-5{left: 20rem;}

	.mod-feadback{margin-bottom: 80px;}

	footer .mod-footer-info{text-align: center; align-items: center;}

	.mod-navigate{padding: 45px 0;}
	#middle .articleBody .content .design2{margin-bottom: 80px;}
	#middle .articleBody .content .additional-fields {display: none;}
	.mod-steps{margin-bottom: 80px;}
	.mod-who .wrapper .item {padding: 38px 0 71px;}
	.o-nas .mod-advantages{margin-bottom: 80px;}
	.mod-documentations{margin-bottom: 80px;}
	.mod-recomendation{margin-bottom: 80px;}
}

@media (max-width: 1200px){
	body.lock{overflow: hidden;}

	#navbar .burger{display: block;}
	header .navbar-brand{position: static; z-index: 1;}

	.mod-slider.fullbg{margin-top: -68px;}

	.mod-proffesionals .images, .mod-who .images{left: -40%;}

	.mod-advantages .item{padding: 30px 110px 30px 127px;}
	.mod-advantages .images{height: 400px;}
	.mod-advantages .images img{width: 100%;}
	.mod-advantages .images .tooltip-link-1{left: 16rem;}
	.mod-advantages .images .tooltip-link-2{left: 54rem; top: 11rem;}
	.mod-advantages .images .tooltip-link-3{left: 39rem; top: 15rem;}
	.mod-advantages .images .tooltip-link-4{left: 67rem; top: 22rem;}
	.mod-advantages .images .tooltip-link-5{left: 25rem; top: 21rem;}

	.mod-slider .wrapper .item .urlatext{font-size: 2rem;}
	.mod-slider .wrapper .item .title{font-size: 3rem;}

	.mod-finished .wrapper .container .owl-carousel .inner{width: 408px; height: 300px;}
	.mod-finished .wrapper .container .owl-carousel .slide .inner .item{padding: 20px 30px;}
	.mod-finished .wrapper .container .owl-carousel .slide .inner .plus{display: none;}

	.navbar .navbar-toggler{position: static; z-index: 2;}
	#navbar-content #top_menu{display: none;}

	.proektirovanie-bassejnov .mod-finished, .stroitelstvo-pod-klyuch .mod-finished , .servisnoe-obsluzhivanie .mod-finished , .prodazha-oborudovaniya-i-khimii .mod-finished , .ustanovka-fontanov .mod-finished , .montazh-gidromassazhnykh-vann .mod-finished {margin-bottom:100px;}

	.proektirovanie-bassejnov .mod-finished .wrapper{margin-bottom: 0;}
	/*#middle .articleBody .content .row .p-img img {position: static;}*/

	.mod-steps .item .field{margin-bottom: 30px;}


	.PortfolioBody .content .slider .owl-dots{bottom: -30px;}

	.mod-recomendation .wrapper .text .row .navigation{display: none;}
	.mod-recomendation .wrapper .text .row .main-text{margin-bottom: 30px;}
}

@media (max-width: 992px){
	.mod-slider .wrapper{justify-content: center;}
	.mod-slider .wrapper .item .title{padding: 0 40px; text-align: center;}
	.mod-slider .wrapper .item .urlatext{text-align: center ; margin: 0 auto; width: 50%; font-size: 2rem; padding: 0;}
	.mod-slider .wrapper .item .urlatext a::before {display: none;}

	.mod-slider.fullbg {margin-top: -68px;}

	.mod-slider.fullbg, .mod-finished .wrapper{margin-bottom: 0;}
	.mod-what, .mod-advantages, .mod-services, .mod-services  {margin-bottom: 25px;}

	.mod-proffesionals .wrapper .item .title{font-size: 2rem;}
	.mod-proffesionals .images, .mod-who .images{left: -50%; max-width: fit-content;}
	.mod-proffesionals .images img{object-fit: cover;}
	
	.mod-what .wrapper .item{margin-top: 30px;}

	.mod-services .item .main img{height: 55px;}
	.mod-services .module-title{text-align: center;}

	.mod-finished .wrapper .container .owl-carousel .owl-nav{width: 70%;}

	.mod-advantages .images .tooltip-link-1{left: 10rem;}
	.mod-advantages .images .tooltip-link-2{left: 23rem; top: 8rem;}
	.mod-advantages .images .tooltip-link-3{left: 16rem;}
	.mod-advantages .images .tooltip-link-4{left: 26rem; top: 18rem;}
	.mod-advantages .images .tooltip-link-5{ left: 10rem;}

	.mod-feadback {margin-bottom: 50px; margin-top: 50px;}


	#middle .articleBody .content .design0 {flex-direction: column;}
	#middle .articleBody .content .design0 .item {width: 100%;}
	#middle .articleBody .content .design1 {flex-direction: column-reverse;}
	#middle .articleBody .content .design1 .item {width: 100%;}
	#middle .articleBody .content .design2 {flex-direction: column;}
	#middle .articleBody .content .design2 .item {width: 100%;}
	#middle .articleBody .content .design0 .item{padding: 1rem;}
	#middle .articleBody .content .design2 .p-img{width: 100%;}

	#middle .articleBody .content .design1 .p-img img{ left: 0%; width: auto; max-width: 100vw; height: 100%;}

	#middle .articleBody .content .design2{margin-bottom: 30px;}

	.mod-steps{padding: 30px 0;}

	.PortfolioBody .content .materials { padding: 0 10px;}
	.PortfolioBody .content .slider{margin-bottom: 40px; padding: 0 10px;}
	.PortfolioBody .content .materials .item{order: 1; margin-bottom: 30px; }
	.PortfolioBody .content .materials .p-img{order: 2;}

	.BlogBody .content{padding-bottom: 30px;}
	.BlogBody .content .item .p-desc{padding: 15px 0 30px;}
	.BlogBody .content .text .p-des{padding: 20px 0;}
	.BlogBody .content .text-1 .p-desc{padding: 30px 0;}


	.mod-who .images{height: 100%;}
	.mod-who .images img{height: 100%;}

	.mod-what .wrapper .images{height: 100%;}
	.mod-what .wrapper .images img{height: 100%;}

	.mod-contact{margin-bottom: 30px;}

	footer .footer_items .mod-logo{margin-right:80px;}
}


@media (max-width: 768px){
	.mod-navigate{padding: 20px 0;}

	.mod-proffesionals .images, .mod-who .images{position: static; width: fit-content; height: 300px;}
	.mod-who .images{position: static; width: fit-content; height: 300px;}
	.mod-proffesionals .images img, .mod-who .images img{object-fit: cover; width: 100%;}

	.mod-what .wrapper .images{position: static; height: 300px;}
	.mod-what .wrapper .item {margin-bottom: 30px;}


	.mod-advantages .item { padding: 30px 50px; }
	.mod-advantages .item .title{text-align: center;}
	.mod-advantages .item .urlatext { display: flex; justify-content: center;}

	.mod-services .wrapper{padding: 20px;}
	.mod-services .item { height: 100%; padding: 50px 0px 41px;}
	.mod-services .item .main .row{justify-content: center;text-align: center;}
	.mod-services .item .sub .introtext{text-align: center;}
	.mod-services .item .sub .introtext p{color: #1A2333;}
	.mod-services .item .main .title {margin-bottom: 15px;}

	.mod-services .item .sub .row{flex-wrap: nowrap; height: 100%; flex-direction: column;}

	footer .footer_items {padding: 20px 0 20px;}
	footer .footer_items .nav{display: none;}
	footer .mod-social{margin-bottom: 20px;}

	.mod-steps .item .field:last-child{margin-bottom: 0;}

	#middle .articleBody .content .design1 .item{padding: 10px 0;}

	#middle .articleBody .content .design0,#middle .articleBody .content .design1,#middle .articleBody .content .design2{margin-bottom: 30px;}
	#middle .articleBody .content .design0 .p-img{height: 300px;}
	#middle .articleBody .content .design0 .p-img img{ position: static; height: 100%; width: 100%; max-height: fit-content;}

	#middle .articleBody .content .design0 .item .row{text-align: center; justify-content: center;margin-bottom: 30px}
	#middle .articleBody .content .design0 .item .p-title{margin-bottom: 20px;}
	#middle .articleBody .content .design0 .item .p-desc{margin-bottom: 20px;font-size: 16px;}
	#middle .articleBody .content .design0 .item .p-link {font-size: 16px;}

	#middle .articleBody .content .design1 .item .row{text-align: center; margin-bottom: 30px;}
	#middle .articleBody .content .design1 .item .row .p-title{margin-bottom: 10px;}
	#middle .articleBody .content .design1 .item .row .p-desc{margin-bottom: 10px;font-size: 16px;}
	#middle .articleBody .content .design1 .p-img{height: 300px;}
	#middle .articleBody .content .design1 .p-img img{position: static; width: 100%;}

	#middle .articleBody .content .design2 .item{padding: 0;}
	#middle .articleBody .content .design2 .item .row{text-align: center; margin-bottom: 30px;}
	#middle .articleBody .content .design2 .item .row .p-title{margin-bottom: 10px;}
	#middle .articleBody .content .design2 .item .row .p-desc{margin-bottom: 10px;font-size: 16px;}
	#middle .articleBody .content .design2 .p-img img{position: static;}

	#middle .articleBody .content .vidy-uslug{padding: 0px 0 30px}
	#middle .articleBody .content .vidy-uslug .textcols .textcols-item li{font-size: 16px;}
	#middle .articleBody .content .vidy-uslug .title{text-align: center; font-size: 16px;}
	#middle .articleBody .content .vidy-uslug{justify-content: center;}

	.PortfolioBody .content .materials .item .place{ font-size: 16px;}
	.PortfolioBody .content .materials .item .p-desc{font-size: 16px;}

	.com-blog .wrapper .title{text-align: center;}
	.mod-documentations .owl-carousel .owl-item {width: 300px!important;}

	.o-nas .mod-advantages, .mod-documentations, .mod-recomendation{margin-bottom: 30px;}
	.mod-recomendation .wrapper{padding: 30px 0;}
	.mod-recomendation .wrapper .text .row{padding-top: 0;}
	
	.mod-who .wrapper .item{padding:10px 0 ;}
	
	
	.mod-contact .container .contact{justify-content: center;}
}
@media (max-width: 576px){

	#navbar .burger{right: 20px; top: 10px;}
	header .navbar-brand{ top: 5px; max-width: 200px;}

	.mod-finished .wrapper .container .owl-carousel .owl-nav{width: 90%;}

	.mod-slider.fullbg {margin-top: -52px;}

	.mod-proffesionals .wrapper .item { padding: 38px 30px 54px; }
	.mod-slider .wrapper .item .title{font-size: 3rem; padding: 0;}

	.mod-proffesionals .wrapper .item .introtext{font-size: 14px;}

	.mod-what .wrapper .item .title{font-size: 2rem;}
	/* .mod-what .wrapper .item .introtext{font-size: 14px;} */
	.mod-what .wrapper .item {padding: 65px 30px 40px;}
	.mod-what > div > div:nth-child(2) > img { margin-left: unset; }

	.mod-finished .wrapper .text .introtext{font-size: 1.5rem;}
	.mod-advantages .item .introtext{font-size: 1.5rem;}
	.mod-advantages .item .urlatext a{font-size: 1.8rem;}

	.mod-services{justify-content: center;}

	.mod-services .item .main .title{font-size: 2rem;}
	.mod-services .item .sub .introtext {font-size: 1.8rem;}
	.mod-services .item .sub .urlatext p{font-size: 2rem;}

	.mod-feadback{padding: 0 20px;font-size: 2.8rem;}
	.mod-feadback .form-check{height: auto; align-items: center; }
	.mod-feadback .title {margin-bottom: 20px;}
	.mod-feadback .text {font-size: 2.2rem;}
	.mod-feadback .form {padding: 30px 10px;}
	.mod-feadback .form input{font-size: 1.8rem;}
	.mod-feadback .form .form-check .btn{font-size: 1.8rem; height: auto;}
	.mod-feadback .form{font-size: 1.8rem}


	footer .footer_items .mod-logo{text-align: center;}
	footer .footer_items .mod-logo .text{font-size: 16px;}
	footer .mod-social .footer-nav .item{font-size: 16px;padding: 0 20px;}
	footer .mod-social .footer-nav .item div{margin-bottom: 10px;}
	footer .mod-footer-info{font-size: 16px; padding: 0 20px;}
	footer .mod-footer-info div{margin-bottom: 10px;}


	.mod-navigate{font-size: 16px;}

	.BlogBody .content .item, .BlogBody .content .text, .BlogBody .content .text-1, .BlogBody .content .p-img, .BlogBody .content .prev-link{padding: 0 10px;}
	
	
	.mod-contact .container .contact .item .phone{font-size: 16px;}
	.mod-contact .container .contact .item .phone .contact-title{font-size: 20px;}
	.mod-contact .container .contact .item .mail{font-size: 16px;}
	.mod-contact .container .contact .item .mail .contact-title{font-size: 20px;}
	.mod-contact .container .contact .item .address{font-size: 16px;}
	.mod-contact .container .contact .item .address .contact-title{font-size: 20px;}
	.mod-contact .container .contact .item .work-mode{font-size: 16px;}
	.mod-contact .container .contact .item .work-mode .contact-title{font-size: 20px;}
	

	.scroll-up i{top: 48%;}
}
/* Анимации */

.animated.is-active{animation-play-state: running;}
.animated:not(.is-active){animation-play-state: paused;}

.animated.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.animated.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.animated.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.animated.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.animated.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.animated.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.animated.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.animated.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.animated.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.animated.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}



@keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
} 


#top > div.moduletable.mod-proffesionals > div > div.images.col-xl-5.col-md-8.aos-init.aos-animate > img {width: 100%; object-fit: cover;}

/* #top > div.moduletable.mod-what > div > div.images.aos-init.aos-animate {left: 800px;} */

#middle > main > article > div.item-page > div > div > div.row.g-0.field.design0 > div.item.col-md-5.offset-md-1 > div > div.col-lg-8.p-title.h2.aos-init.aos-animate {margin-left: 16.6666666667%;}

@media (max-width:1024px){
	#middle .articleBody .content .design0 .p-img img {max-height: 485px; object-fit: cover;}
	#top > div.moduletable.mod-proffesionals > div > div.images.col-xl-5.col-md-8.aos-init.aos-animate > img {width: 94%;}
	.mod-proffesionals .wrapper .item .title{text-transform: uppercase; margin-bottom: 48px; margin-left: 0; color: #1D4D98}
	#top > div.moduletable.mod-what > div > div.images.aos-init.aos-animate {left: 335px;}
}

@media screen and (max-width: 576px) {
	.mod-proffesionals > .row{display: flex; flex-direction: column;}
	.mod-proffesionals .col-6 > img{position: relative; width: 100%;}
	.mod-proffesionals .col-6 {width: 100%; height: 300px;}
	.mod-proffesionals > .row .col-6 .row { margin-left: unset; }
	.mod-who > .row{display: flex; flex-direction: column;}
	.mod-who .col-6 > img{position: relative; width: 100%;}
	.mod-who .col-6 {width: 100%;}
	.mod-who > .row .col-6 .row { margin-left: unset; }
	.mod-what .row .col-6 > div { padding: unset; }
	.mod-who img {width: 100%;}
	.mod-what > .row{display: flex; flex-direction: column;}
	.mod-what .col-6 {width: 100%;}
	.mod-what .row .col-6 > div {margin-top: 0;}
	.mod-what .wrapper .item { margin-top: unset; }
	.mod-who > .row > div > img{width: 100vw; right: unset; min-height: auto;}

	.mod-what-home > .row{display: flex; flex-direction: column;}
	.mod-what-home .row .col-6 > div { margin: 50px 0; }
	.mod-what-home .col-6 {width: 100%; position: relative;}
}

@media screen and (min-width: 576px) {
	.mod-proffesionals > .row{display: flex; flex-direction: column;}
	.mod-proffesionals .col-6 > img{position: relative; width: 100%;}
	.mod-proffesionals .col-6 {width: 100%;}
	.mod-who > .row{display: flex; flex-direction: column;}
	.mod-who .col-6 > img{position: relative; width: 100%;}
	.mod-who .col-6 {width: 100%;}
	.mod-who .row div > img{width: 100%;}
	.mod-what > .row{display: flex; flex-direction: column;}
	.mod-what .col-6 {width: 100%;}
	.mod-what .row .col-6 > div {margin-top: 0;}
	.mod-who > .row > div > img{width: 100%;}
	
	.mod-what-home > .row{display: flex; flex-direction: column;}
	.mod-what-home .row .col-6 > div { margin: 50px 0; }
}

@media screen and (max-width: 996px) {
	.mod-who > .row > div > img{ position: relative;}	
	.mod-what > div > div:nth-child(2) > img { margin-left: unset; }
	.mod-what-home .col-6 {width: 100%; position: relative;}
}

@media screen and (min-width: 996px) {
	.mod-proffesionals > .row{display: flex; flex-direction: row-reverse;}
	.mod-proffesionals .col-6 > img{position: absolute; top: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; width: 50vw; max-width: 1000px;}
	.mod-what .col-6, .mod-proffesionals .col-6{min-height: 485px;}
	.mod-proffesionals .col-6 {width: 50%;}
	.mod-who > .row{display: flex; flex-direction: row-reverse;}
	.mod-who .col-6 > img{position: absolute; top: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; width: 50vw; max-width: 1000px;}
	.mod-who > .row > div > img{width: 50vw; 
		/* object-fit: contain; */
	}
	/* .mod-what .col-6, .mod-who .col-6{min-height: 485px;} */
	.mod-who .col-6 {width: 50%;}
	.mod-what > .row{display: flex; flex-direction: row;}
	.mod-what-home .row .col-6 > div {margin-top: 129px;}
	.mod-what-home > .row { display: flex; flex-direction: unset; }
	.mod-what-home .wrapper .img_intro { max-width: 1000px; margin-left: -70px; }
	/* .mod-what .wrapper .img_intro { */
		/* max-width: 1000px;  */
		/* margin-left: 40px;} */
	.mod-what .col-6 {width: 50%;}
}
.uslugi #middle > main > article {display: none;}