*::-webkit-input-placeholder {
	opacity: .75;
}
*:-moz-placeholder {
	opacity: .75;
}
*::-moz-placeholder {
	opacity: .75;
}
*:-ms-input-placeholder {
	opacity: .75;
}
body {
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	line-height: 1.4;
	background: #EDEDED;
}
* {
	outline: none !important;
}
img {
	max-width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	color: #333;
}
a,a:hover,a:focus {
	color: #1F5B7F;
}
.main-btn,
a.main-btn,
button.main-btn {
	color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 30px;
    display: inline-block;
    line-height: 1;
    background: linear-gradient(102.4deg, #087FBB 36.84%, #00A0E3 74.32%);
    box-shadow: 0px 7px 35px #3096C8;
    border-radius: 10px;
    text-decoration: none;
	text-align: center;
	border: none;
    transition: all .3s linear;
}
.main-btn:hover,
a.main-btn:hover,
button.main-btn:hover {
	box-shadow: 0px 7px 35px #25b7ff;
}

.main-screen {
	width: 100vw;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
    align-items: stretch;
}
.main-screen::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(105.95deg, rgba(7, 7, 7, 0.75) 13.48%, rgba(24, 24, 24, 0) 116.78%);
}
.main-screen * {
	position: relative;
}
.main-screen__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.main-screen__wrapper--wbg {
	justify-content: flex-start;
}
.main-screen__wrapper--wbg .footer {
	margin-top: auto;
}
.header-main {
	padding: 20px 0;
}
.header-main--wbg {
	border-bottom: 1px solid rgba(255, 255, 255, .35);
	margin-bottom: 15px;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.header__logo {
	max-width: 200px;
	margin-right: 30px;
}
.header__nav>ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
}
.header__nav>ul>li {
    position: relative;
}
.header__nav>ul>li>a {
	text-decoration: none;
	display: block;
	color: #fff;
	margin: 0 20px;
	font-size: 16px;
	position: relative;
}
.header__nav>ul>li>a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgba(255,255,255,.7);
	transition: all .3s linear;
}
.header__nav>ul>li:hover>a::before {
	width: 100%;
}
.header__nav>ul>li>ul {
    position: absolute;
    top: 100%;
    left: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: rgba(31, 91, 127, 0.5);
    padding: 5px 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}
.header__nav>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
}
.header__nav>ul>li>ul>li>a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 16px;
	position: relative;
	white-space: nowrap;
}
.header__nav>ul>li>ul>li>a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgba(255,255,255,.7);
	transition: all .3s linear;
}
.header__nav>ul>li>ul>li:hover>a::before {
	width: 100%;
}
.header__contacts {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.header__contact,
a.header__contact {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	text-decoration: none;
	margin-left: 30px;
}
.header__contact-icon {
	margin-right: 10px;
}
.header__contact-icon svg  {
	fill: #fff;
	width: 16px;
	height: 16px;
}
.header__contact-text {
	position: relative;
}
.header__contact-text::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgba(255,255,255,.7);
	transition: all .3s linear;
}
.header__contact:hover
.header__contact-text::before {
	width: 100%;
}
.toggle-nav {
	width: 32px;
	height: 32px;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	display: none;
}
.toggle-nav svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	cursor: pointer;
	transform: scale(1.4,1.4);
}
.main-screen__content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.main-screen__content-wrap {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 40px 80px;
}
.main-screen__content-title {
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1.2;
	text-transform: uppercase;
}
.main-screen__content-btn,
a.main-screen__content-btn {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 23px 70px;
	display: block;
	line-height: 1;
	background: linear-gradient(102.4deg, #087FBB 36.84%, #00A0E3 74.32%);
	box-shadow: 0px 7px 35px #3096C8;
	border-radius: 10px;
	text-decoration: none;
	margin-top: 30px;
	transition: all .3s linear;
}
.main-screen__content-btn:hover,
a.main-screen__content-btn:hover {
	box-shadow: 0px 7px 35px #25b7ff;
}
.copyright-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(217,217,217,.7);
	font-size: 14px;
	color: #707070;
	padding: 25px 0;
	margin-top: 30px;
}
.copyright-line a {
	color: #707070;
	text-decoration: none;
	transition: all .3s linear;
}
.copyright-line a:hover {
	color: #000;
}
.copyright-line--main {
	color: #cdcdcd;
	border-top: 1px solid rgba(255,255,255,.35);
}
.copyright-line--main a {
	color: #cdcdcd;
}
.copyright-line--main a:hover {
	color: #fff;
}
.maintenance-popup {
	width: 360px;
	text-align: center;
}
.maintenance-popup p {
	margin: 20px 0;
	font-size: 18px;
	color: #333;
}

/* INDEX */

/* PAGE */

.page {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	min-height: 100vh;
}
.page-header {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	padding: 20px 0;
}
.page-header::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(105.95deg, rgba(7, 7, 7, 0.75) 13.48%, rgba(24, 24, 24, 0) 116.78%);
}
.page-header * {
	position: relative;
}
.footer--inn {
	margin-top: auto;
}
.pagetitle__text {
	margin-bottom: 30px;
	font-size: calc(1rem + 0.5vw);
}
.breadcrumb {
	margin: 15px 0;
	font-size: 15px;
}
.breadcrumb-item+.breadcrumb-item::before {
	content: "-";
}
.pagetitle--wbg .pagetitle__text {
	color: #fff;
}
.pagetitle--wbg .breadcrumb-item,
.pagetitle--wbg .breadcrumb-item.active,
.pagetitle--wbg a,
.pagetitle--wbg .breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
}

.map-title {
	margin-bottom: 20px;
}
.map-wrapper {
	width: 100%;
	height: 400px;
	border: 2px solid #e9e9e9;
	margin-bottom: 30px;
}
.requisites {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
	transition: all .3s linear;
	line-height: 1;
}
.requisites:hover {
	opacity: .7;
}
.requisites__icon {
	width: 30px;
	height: auto;
	margin-right: 10px;
}
.iservices__list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 -8px;
}
.iservices__item-wrap {
	width: 16.6666%;
	padding: 8px;
}
.iservices__item,
a.iservices__item {
	display: block;
	width: 100%;
	text-decoration: none;
	color: inherit;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
}
.iservices__img {
	height: 80px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 15px;
}
.iservices__title {
	line-height: 1.2;
	margin-bottom: 15px;
	transition: all .2s linear;
}
.iservices__item:hover .iservices__title {
	color: #b2b4b7;
}
.page-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.page-content {
	width: calc(100% - 385px);
}
.page-sidebar {
	width: 385px;
	padding-left: 35px;
}
.page-sidebar-left {
    width: 385px;
    padding-right: 35px;
    position: sticky;
    top: 10px;
}
.iserv-logo {
	background: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 25px;
	margin-bottom: 25px;
}
.iserv-sert {
	padding: 25px;
	border-radius: 5px;
	background: #fff;
	margin-bottom: 20px;
}
.iserv-sert__title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}
.iserv-news-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}
.iserv-news__item {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}
.iserv-news__img {
	display: block;
	width: 100%;
	padding-top: 45%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.iserv-news__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.iserv-news__title,
a.iserv-news__title {
	color: inherit;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	display: block;
	padding: 15px;
}
.iserv-text {
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
}
.iserv-text__text.active {
    max-height: 150px;
    overflow: hidden;
    position: relative;
}

.iserv-text__text.active:after {
    content: "";
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.iserv-consult {
	background: #fff;
	border-radius: 5px;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.iserv-consult__left {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.1;
	flex-shrink: 0;
	flex-grow: 1;
}
.iserv-consult__img {
	padding: 20px 60px;
}
.iserv-consult__right {
	flex-shrink: 0;
	flex-grow: 1;
}
.iservi {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 -6px 18px;
	flex-wrap: wrap;
}
.iservi__item-wrap {
	width: 25%;
	padding: 0 6px 12px;
}
.iservi__item {
	background: #fff;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	padding: 20px;
	height: 100%;
}
.iservi__img {
	height: 78px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.iservi__title {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.2;
}
.iservi__link {
	margin-top: auto;
}
.iservi__link .main-btn {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 20px;
}
.news-list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.news-list__item-wrap {
    width: 25%;
    padding: 0 8px 16px;
}
.news-list__item {
    height: 100%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.news-list__img {
    width: 100%;
    position: relative;
    padding-top: 50%;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.news-list__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list__title,
a.news-list__title {
    color: inherit;
    padding: 15px 20px;
    display: inline-block;
    text-decoration: none;
}
.news-inn {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}
.news-inn__img {
    margin-bottom: 20px;
}
.left-menu {
    border-radius: 5px;
    background: #fff;
}
.left-menu>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.left-menu>ul>li {
    border-bottom: 1px solid #D0D0D0;
    padding: 25px;
}
.left-menu>ul>li:last-child {
    border: none;
}
.left-menu>ul>li>a {
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    color: #2F2F2F;
    line-height: 1.2;
    display: inline-block;
    transition: all .2s linear;
}
.left-menu>ul>li>a:hover {
    color: #0180BC;
}
.left-menu>ul>li>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}
.left-menu>ul>li>ul>li>a {
    display: inline-block;
    text-decoration: none;
    line-height: 1.2;
    color: #2F2F2F;
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0;
    transition: all .2s linear;
}
.left-menu>ul>li>ul>li:hover>a,
.left-menu>ul>li>ul>li.active>a {
    color: #0180BC;
}
.left-menu>ul>li>ul>li:last-child>a {
    margin: 0;
}
.page-content__wrapper {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}
.tpv-img-text__img {
    max-width: 400px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.tpv-img-text__text {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 25px;
}
.tpv-catalog-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 760px;
    margin-bottom: 15px;
}
.tpv-catalog {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px 20px;
}
.tpv-catalog__item-wrap {
    padding: 10px;
    width: 33.3333%;
}
.tpv-catalog__item {
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #B4B4B4;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.tpv-catalog__img {
    display: block;
    width: 100%;
    padding-top: 65%;
    position: relative;
}
.tpv-catalog__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tpv-catalog__title {
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 700;
    color: #2F2F2F;
    transition: all .2s linear;
    padding: 15px 15px 10px;
}
.tpv-catalog__title:hover {
    color: #1188C1;
}
.tpv-catalog__more-wrap {
    text-align: right;
    width: 100%;
    margin-top: auto;
    padding: 0 15px 10px;
}
.tpv-catalog__more {
    text-decoration: none;
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s linear;
}
.tpv-catalog__more:hover {
    color: #1188C1;
}
.tpv-consult {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #F7F7F7;
    border: 1px solid #B4B4B4;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}
.tpv-consult__right {
    flex-shrink: 0;
    flex-grow: 1;
    padding-left: 30px;
}
.tpv-consult__title {
    font-size: 20px;
    font-weight: 700;
}
.tpv-consult__text {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
}
.tpv-textblock {
    margin-bottom: 25px;
}
.tpv-textblock__text {
    font-size: 15px;
    font-weight: 500;
}
.tpv-preim {
    padding: 20px 30px;
    border: 1px solid #B4B4B4;
    border-radius: 5px;
    margin-bottom: 30px;
}
.tpv-preim__list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.tpv-preim__item-wrap {
    width: 50%;
    padding: 10px;
}
.tpv-preim__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.tpv-preim__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    flex-shrink: 0;
    flex-grow: 1;
}
.tpv-preim__title {
    font-weight: 700;
    font-size: 15px;
}
.tpv-preim__text {
    line-height: 1.2;
    font-size: 14px;
    margin-top: 3px;
}
.tpv-category {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -6px 30px;
}
.tpv-category__item-wrap {
    width: 25%;
    padding: 0 6px 12px;
}
.tpv-category__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #B4B4B4;
}
.tpv-category__img {
    width: 100%;
    position: relative;
    padding-top: 65%;
    display: block;
}
.tpv-category__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tpv-category__pretitle {
    color: #A1A1A1;
    font-size: 12px;
    font-weight: 600;
    margin: 7px 7px 5px;
    line-height: 1.2;
}
.tpv-category__title {
    color: #2F2F2F;
    text-decoration: none;
    display: inline-block;
    margin: 0 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.tpv-category__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 0 15px;
    padding: 0 7px;
    width: 100%;
}
.tpv-category__btn {
    display: block;
    text-decoration: none;
    color: #A1A1A1;
    font-size: 13px;
    font-weight: 600;
}
.tpv-category__btn:first-child {
    color: #0180Bc;
}
.prod-img-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.prod-img-text__img {
    width: 45%;
    margin-bottom: 25px;
}
.prod-img-text__text {
    width: 55%;
    padding-left: 25px;
}
.prod-img-text__shorttext {
    line-height: 1.25;
}
.prod-img-text__shorttext p {
    margin-bottom: 0;
}
.prod-img-text__shortchar {
    line-height: 1.25;
}
.prod-img-text__shortchar p {
    margin: 0;
}
.prod-img-text__more {
    text-decoration: none;
    display: inline-block;
    color: #00A1E4;
    font-weight: 500;
    margin-bottom: 20px;
    cursor: pointer;
}
.prod-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    margin: 0 -3px 10px;
}
.prod-tabs .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #595959;
    background: #F9F9F9;
    border-radius: 5px;
    border: 1px solid #D0D0D0;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 3px 5px;
    padding: 8px 5px;
}
.prod-tabs .nav-link.active,
.prod-tabs .nav-link:hover,
.prod-tabs .nav-link:focus {
    color: #1188C1;
    border: 1px solid #D0D0D0;
}
#nav-tabContent {
    margin-bottom: 25px;
}
#nav-profile p {
    margin-bottom: 5px;
}
#nav-contact p {
    margin-bottom: 5px;
}


















/* POPUP */
.popup {
	max-width: 380px;
	background: #FFF;
	margin: 0 auto;
	position: relative;
	padding: 40px;
	-webkit-border-radius: 0;
	        border-radius: 0;
}
.popup__title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.2;
	text-align: center;
}
.popup form input {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 12px 20px;
	border: none;
	box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px rgba(210,211,224,.75);
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.popup form input:hover,
.popup form input:focus {
	box-shadow: 0 0 0 1px transparent, inset 0 0 0 2px #1F5B7F;
}
.popup form textarea {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	resize: vertical;
	padding: 12px 20px;
	border: none;
	box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px rgba(210,211,224,.75);
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	min-height: 80px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.popup form textarea:hover,
.popup form textarea:focus {
	box-shadow: 0 0 0 1px transparent, inset 0 0 0 2px var(--color-a);
}
.popup__input-title {
	font-size: 15px;
	color: rgba(103,105,126,1);
	margin-bottom: 5px;
}
.popup form button {
	margin-top: 10px;
	width: 100%;
	height: 54px;
}
.popup .privacy {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
/* POPUP */









