/*HEADER*/

body {
	height: auto;
	font-family: 'Play', sans-serif;
	overflow-x: hidden!important;
	background: #f6f8fa;
}
html,
body {
	position: relative;
	height: 100%;
}

.logotype img {
	width: 130px;
}

.all {
/*	overflow-x: hidden!important;
overflow-y: hidden;*/
box-sizing: border-box;
min-height: 100%;
}

#header {
	background: lightblue;
	position: fixed;
	top: 0;
	z-index: 10;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 1rem 0 rgb(0 0 0 / 17%);
	box-shadow: 0 0 1rem 0 rgb(0 0 0 / 17%);
	border-radius: 5px;
	background: inherit;
}

#header:before {
	content: "";
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-box-shadow: inset 0 0 2000px rgba(255 255 255 / 88%);
	box-shadow: inset 0 0 2000px rgb(255 255 255 / 88%);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 65px;
}

.open {
	overflow: hidden;
}

p {
	margin: 0;
}

ul, li {
	list-style: none;
	padding:0;
	margin: 0;
}

.center {
	width: 100%;
}

.center ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.right {
	width: 80%;
}

.right > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.right > div > a {
	color: #23365f;
}

.right > div > a:hover {
	text-decoration: none;
}

.center-ul a {
	color: #23365f;
}

.center-ul a:hover {
	text-decoration: none;
}

.fromLeft::before {
	content: '';
	display: block;
	height: 2px;
	width: 0px;
	position: absolute;
	/* left: -30px; */
	bottom: 17px;
	background-color: #ff6a00a1;
	transform: translateY(-50%);
	transition: width 0.3s;
	overflow: hidden;
}

.fromLeft:hover::before {
	width: 50px;
}

.svg-inline--fa {
	width: 25px!important;
	height: 25px;
}

/*.fa-instagram:hover {

	}*/



	/*HEADER*/

	.btn.focus, .btn:focus {
		outline: 0;
		box-shadow: none!important;
	}

	/*SLIDER*/

	.swiper-container-att {
		width: 450px;
		height: 100%;
		padding-bottom: 18px!important;
	}

	.top-sw-sl {
		width: 100%!important;
		padding: 15px 10px 0px 10px;
	}
	.top-sw-sl img {
		width: 100%;
		height: 100%;
		border-radius: 7px;
	}

	.slider-top {
		height: 550px;
		height: auto;
		margin-top: 65px;
		background: url(../img/abstract.jpg) no-repeat;
		background-size: cover;
		margin-bottom: 25px;
	}

/*.swiper-slide {
	position: unset!important;
}

.swiper-wrapper {
	position: unset!important;
	    z-index: -1!important;
	    }*/

	    .swiper-pagination-bullet {
	    	background: #004c9e!important;
	    }


	    .sw-sl-sh {
	    	text-align: center;
	    	/*   background: #868686;*/
	    	display: -webkit-box;
	    	display: -ms-flexbox;
	    	display: -webkit-flex;
	    	display: flex;

	    	height: 400px!important;
  /* box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
   border-color: rgba(223,225,229,0);
   border-radius: 7px;*/
   cursor: pointer;
}

.sw-sl-sh img {
	width: 98%;
	height: 90%;
	position: relative;
	z-index: 1;
	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
	-webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
	border-color: rgba(223,225,229,0);
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-radius: 7px;
	/*margin: 5px;*/
	margin: 0 auto;
}

.slider-button {
	position: absolute;
	bottom: 0;
	width: 98%;
	/* margin-right: 5px; */
	/* margin-left: 5px; */
	margin: 0 auto;
	left: 0;
	right: 0;
}

.swiper-wrapper-shares {
	padding-top: 60px;
	padding-bottom: 30px;
}

/*SLIDER*/

/*MOBILE_MENU*/

.mobile-menu-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100px;
}

.mobile-menu-ul > li > a:before {
	background-color: #ffffff;
}

.mobile-menu-ul > li > a >.svg-inline--fa {
	width: 40px!important;
	height: 40px;
}

.menu-navigation {
	display: none;
	opacity: 0;
}


.menu-icon-toggle {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	z-index: 9;
}
.home .menu-icon-toggle {
	top: 50px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.menu-icon-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	background-color: #072b69;
	transform: translate(0, -50%);
	transition: opacity 0.3s 0.3s;
}
.home:not(.open) .menu-icon-toggle span {
	background-color: #fff;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: #072b69;
	transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}
.menu-icon-toggle::before {
	top: 6px;
}
.menu-icon-toggle::after {
	bottom: 6px;
}
.open .menu-icon-toggle span {
	opacity: 0;
	transition: opacity 0.3s;
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
	background-color: #072b69;
}
.open .menu-icon-toggle::before {
	top: calc(50% - 1px);
	transform: rotate(45deg);
}
.open .menu-icon-toggle::after {
	bottom: calc(50% - 1px);
	transform: rotate(-45deg);
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
	transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}
.menu-background {
	visibility: hidden;
	width: 300%;
	height: 300px;
	position: absolute;
	left: -130%;
	background-color: #fff;
	transition: background-position 0.5s, transform 0.5s 0.5s, visibility 0.5s 1s;
}
.open .menu-background {
	visibility: visible;
	transition: background-position 0.5s, transform 0.5s 0.5s;
}
.menu-background.top {
	transform: rotate(-45deg) translateY(-150%);
	background: linear-gradient(to top, #072b69 50%, #fff 50%);
	background-size: 100% 200%;
	background-position: -100% 100%;
}
.open .menu-background.top {
	transform: rotate(-45deg) translateY(-49%);
	background-position: 0 0;
}
.menu-background.middle {
	transform: rotate(-45deg) translateY(50%) scaleY(0);
	background: #fff;
}
.open .menu-background.middle {
	transform: rotate(-45deg) translateY(50%) scaleY(1);
}
.menu-background.bottom {
	transform: rotate(-45deg) translateY(250%);
	background: linear-gradient(to bottom, #fff 50%, #f37d2a 50%);
	background-size: 100% 200%;
	background-position: 0 -100%;
}
.open .menu-background.bottom {
	transform: rotate(-45deg) translateY(149%);
	background-position: 0 0;
}
.menu {
	position: absolute;
	top: 50%;
	left: 20%;
	right: 20%;
	/* transform: translate(-50%, -50%); */
	visibility: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 99999;
	text-align: initial;
	padding-left: 0px;
	padding-right: 0px;
}
.open .menu {
	visibility: visible;
}
.menu li {
	opacity: 0;
	margin-bottom: 5px;
	transform: translateX(20px);
	transition: all 0.3s;
}
.menu li:nth-child(5) {
	transition-delay: 0.1s;
}
.menu li:nth-child(5) span {
	transition-delay: 0.1s;
}
.menu li:nth-child(4) {
	transition-delay: 0.1s;
}
.menu li:nth-child(4) span {
	transition-delay: 0.1s;
}
.menu li:nth-child(3) {
	transition-delay: 0.1s;
}
.menu li:nth-child(3) span {
	transition-delay: 0.1s;
}
.menu li:nth-child(2) {
	transition-delay: 0.1s;
}
.menu li:nth-child(2) span {
	transition-delay: 0.1s;
}
.menu li:nth-child(1) {
	transition-delay: 0.1s;
}
.menu li:nth-child(1) span {
	transition-delay: 0.1s;
}
.open .menu li {
	opacity: 1;
	transform: translateX(0);
	backface-visibility: hidden;
}
.open .menu li:nth-child(1) {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(1) span {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(2) {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(2) span {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(3) {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(3) span {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(4) {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(4) span {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(5) {
	transition-delay: 1.1s;
}
.open .menu li:nth-child(5) span {
	transition-delay: 1.1s;
}
.menu a {
	position: relative;
	font-size: 24px;
	text-decoration: none;
	color: #072b69;
}
.menu a::before {
	content: '';
	display: block;
	height: 2px;
	width: 0px;
	position: absolute;
	/* left: -30px; */
	bottom: 0;
	background-color: #ff6a00a1;
	transform: translateY(0px);
	transition: width 0.3s;
	overflow: hidden;
}
.menu a:hover::before {
	width: 50px;
}

.a-none:hover::before {
	width: 0px!important;
}

.content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	color: #fff;
	transition: all 0.3s 1s;
}
.open .content {
	opacity: 0;
	transition: all 0.3s;
}

/*MOBILE_MENU*/

/*shares*/

.btn-primary {
	color: #fff;
	background-color: #004c9e;
	border-color: #004c9e;
}

.shares-inner h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* width: 300px; */
	/* margin: 0 auto; */
	position: relative;
	margin: 30px auto;
	color: #23365f;
}

.shares-inner h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
	/*margin: 0 auto;*/
}


.sw-sl-sh button:hover {
	background-color: #0069d9;
	transition: 1s;
}

.sw-sl-sh:hover button {
	background-color: #23365f;
	border-color: #23365f;
	transition: 1s;
}

/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 10px!important;
    right: auto!important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 10px!important;
    left: auto!important;
    }*/

    .arr-sh {
    	position: absolute;
    	right: 0;
    	top: 0;
    }

    .arr-sh > div {
    	height: 50px;
    	position: relative;
    	background: #ff000000;
    	width: 100px;
    }

    :root {
    	--swiper-navigation-size: 25px!important;
    }
    .swiper-button-next, .swiper-button-prev {
    	width: calc(var(--swiper-navigation-size)/ 44 * 70)!important;
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    	opacity: .35;
    	cursor: auto;
    	pointer-events: none;
    	background: #edf1f4;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	border-radius: 3px;
    	webkit-box-shadow: unset!important;
    	box-shadow: unset!important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    	right: 10px;
    	left: auto;
    	background: #edf1f4;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	border-radius: 3px;
    	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%)!important;
    	box-shadow: 0 1px 6px rgb(162 162 162 / 50%)!important;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    	left: 10px;
    	right: auto;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	background: #edf1f4;
    	border-radius: 3px;
    	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%)!important;
    	box-shadow: 0 1px 6px rgb(162 162 162 / 50%)!important;
    }

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    	content: 'prev';
    	color: #004c9e;
    }

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    	content: 'next';
    	color: #004c9e;
    }

    .swiper-button-prev, .swiper-button-next:focus {
    	outline: 0px;
    }


    /*shares*/

    /*analyzes*/

    .analyzes {
    	background: url(../img/analysis.jpg) center no-repeat;
    	background-size: cover;
    	height: 500px;
    	margin-top: 20px;
    	margin-bottom: 25px;
    }

    .analyzes-inner {
    	height: 100%;
    	backdrop-filter: brightness(0.6) blur(0px);
    	background: linear-gradient(45deg, #031335, #0c4cad6b);
    	padding-top: 20px;
    }



    .analyzes-title h1 {
    	font-size: 30px;
    	/*text-align: center;*/
    	margin-bottom: 0px;
    	font-weight: 600;/*
    	position: absolute;*/
    	/*	width: 300px;*/
    	
    	margin: 30px auto;
    	position: relative;
    	color: #23365f;
    }

    .analyzes-title h1:before {
    	content: '';
    	display: block;
    	height: 2px;
    	width: 100px;
    	position: absolute;
    	left: 9px;
    	bottom: -5px;
    	left: 0;
    	right: 0;
    	background-color: #ff6a00a1;
    	/* margin: 0 auto; */
    }


    .toggle-inner {
    	padding-left: 1em;
    	overflow: hidden;
    	display: none;
    	position: relative;
    }
    .accordion-analyzes > li {
    	margin: .1em 0;
    	position: relative;
    } 
    .accordion-analyzes {
    	width: 80%;
    	margin: 0 auto;
    	overflow-y: scroll;
    	height: 450px;
    	padding: 0px 10px 0px 10px;

    }

    .accordion-analyzes-index {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	justify-content: center;
    }


    .toggle-analyzes {
    	width: 100%;
    	display: block;
    	background: #edf1f4;
    	color: #23365f!important;
    	padding: .75em;
    	border-radius: 0.15em;
    	transition: background .3s ease;
    	position: relative;
    	margin: 5px 0px 0px 0px;
    	cursor: pointer;
    	border-radius: 3px;
    	font-size: 18px;
    	position: relative;
    	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
    	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
    }


    .toggle-analyzes-inner {
    	width: 100%;
    	display: block;
    	background: #edf1f4;
    	color: #23365f!important;
    	padding: .75em;
    	border-radius: 0.15em;
    	transition: background .3s ease;
    	position: relative;
    	margin: 5px 0px 0px 0px;
    	cursor: pointer;
    	border-radius: 3px;
    	font-size: 18px;
    	position: relative;
    }

    .arrow {
    	position: absolute;
    	right: 15px;
    	top: 18px;
    	width: 20px;
    }

    .tog {
    	transform: rotate(180deg);
    }

    .toggle-inner > li > .toggle-analyzes:hover {
    	background: rgb(224 224 224 / 90%);
    	color: #23365f!important;
    	text-decoration: none;
    }

    .toggle-analyzes:hover {
    	background: rgb(222 222 222 / 90%);
    	color: #23365f!important;
    }

    .toggle-inner > li > .toggle-analyzes-inner:hover {
    	background: rgb(224 224 224 / 90%);
    	color: #23365f!important;
    	text-decoration: none;
    }

    .toggle-analyzes-inner:hover {
    	background: rgb(222 222 222 / 90%);
    	color: #23365f!important;
    }

    .toggle-inner p {
    	background: #edf1f4;
    	border-radius: 0px 0px 7px 7px;
    	color: #23365f;
    	padding: 5px;
    	border-top: 1px dashed #23365f;
    	width: 98%;
    	margin: 0 auto;
    }

    .toggle-inner span {
    	position: absolute;
    	left: 5px;
    	top: 5px;
    	width: 0px;
    	height: 100%;
    	width: 1.5px;
    	background: #ffa15e;
    }





    /*Для начала, зададим общую ширину скроллбара:*/
    #style-9::-webkit-scrollbar{
    	width:7px;

    }

    /*Теперь займёмся оформлением полосы прокрутки (светлосерый фон, серая граница, делаем границу чуть толще с левой стороны):*/
    #style-9::-webkit-scrollbar-thumb{
    	border-width:1px 1px 1px 2px;
    	width:20px;
    	border-color: #777;
    	background-color: #ffa539;
    	border-radius: 10px;
    }

    /*При наведении курсора (:hover) на полосу прокрутки делаем её более тёмной:*/
    #style-9::-webkit-scrollbar-thumb:hover{
    	border-width: 1px 1px 1px 2px;
    	border-color: #555;
    	background-color: #777;
    }

    /*Ползунок в неактивном состоянии будет выглядеть как сплошной прямоугольник серого цвета (без границы)*/
    #style-9::-webkit-scrollbar-track{
    	border-width:0;
    }

    /*При наведении курсора на ползунок, делаем его темнее и добавляем границу.*/
    #style-9::-webkit-scrollbar-track:hover{
    	/*border-left: solid 1px #aaa;*/
    	background-color: inherit;
    	border-radius: 10px;
    }

    .toggle-analyzes p {
    	width: 90%;
    }


    /*analyzes*/


    /*about*/

    .about-inner > h1 {
    	font-size: 30px;
    	/*text-align: center;*/
    	margin-top: 20px;
    	margin-bottom: 0px;
    	font-weight: 600;

    	/* 	margin: 0 auto;*/
    	position: relative;
    	color: #23365f!important;
    	margin-bottom: 20px;
    }

    .about-inner > h1:before {
    	content: '';
    	display: block;
    	height: 2px;
    	/* width: 70px; */
    	width: 100px;
    	position: absolute;
    	left: 0px;
    	right: 0;
    	bottom: -5px;
    	background-color: #ff6a00a1;

    }

    .about-img h1 {
    	font-size: 30px;
    	color: #23365f;
    }

    .about-box {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    }

    .about-text {
    	width: 60%;
    	margin-left: 15px;
    }

    .about-text h2 {
    	font-size: 18px;
    	height: 350px;
    	overflow-y: scroll;
    	margin-bottom: 0px;
    	color: #23365f;
    }

    /*Для начала, зададим общую ширину скроллбара:*/
    .about-text h2::-webkit-scrollbar{
    	width:7px;

    }

    /*Теперь займёмся оформлением полосы прокрутки (светлосерый фон, серая граница, делаем границу чуть толще с левой стороны):*/
    .about-text h2::-webkit-scrollbar-thumb{
    	border-width:1px 1px 1px 2px;
    	width:20px;
    	border-color: #777;
    	background-color: #ffa539;
    	border-radius: 10px;
    }

    /*При наведении курсора (:hover) на полосу прокрутки делаем её более тёмной:*/
    .about-text h2::-webkit-scrollbar-thumb:hover{
    	border-width: 1px 1px 1px 2px;
    	border-color: #555;
    	background-color: #777;
    }

    /*Ползунок в неактивном состоянии будет выглядеть как сплошной прямоугольник серого цвета (без границы)*/
    .about-text h2::-webkit-scrollbar-track{
    	border-width:0;
    }

    /*При наведении курсора на ползунок, делаем его темнее и добавляем границу.*/
    .about-text h2::-webkit-scrollbar-track:hover{
    	/*border-left: solid 1px #aaa;*/
    	background-color: inherit;
    	border-radius: 10px;
    }


    .about-img {
    	width: 40%;
    	margin-right: 15px;
    }

    .about-img img {
    	width: 100%;
    	border-radius: 5px;
    	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    	-webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    }

    .about-box-inner {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: center;
    	-ms-flex-align: center;
    	align-items: center;
    	background: #edf1f4;
    	padding: 10px 5px 10px 10px;
    	border-radius: 7px;
    	margin-bottom: 20px;
    	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    	-webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    }

    .about-box {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    }

    .about-cards {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	margin: 0 auto;
    	margin-top: 40px;
    	display: none;
    }

    .new-cards {
    	margin: 10px;
    	width: 33%;
    	position: relative;
    	border: none;
    }

    .new-card-body {
    	text-align: center;
    	padding-top: 40px;
    	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    	-webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    	border-radius: 7px;
    	font-size: 18px;
    	color: #23365f;
    }

    .news-cards-circle {
    	width: 60px;
    	height: 60px;
    	position: absolute;
    	top: -30px;
    	background: #23365f;
    	box-shadow: 0 0 6px #3e435ea1;
    	-webkit-box-shadow: 0 0 6px #3e435ea1;
    	left: 0;
    	right: 0;
    	margin: 0 auto;
    	border-radius: 15%;
    }

    .news-cards-circle img {
    	padding: 13px;
    	width: 100%;
    }

/*.new-card-body {
	padding:10px;
	}*/

	/*about*/

	/*news*/

	.news-inner > h1 {
		font-size: 30px;
		/*text-align: center;*/
		margin-top: 20px;
		margin-bottom: 0px;
		font-weight: 600;

		/* 	margin: 0 auto;*/
		position: relative;
		color: #23365f!important;
		margin-bottom: 20px;
	}

	.news-inner > h1:before {
		content: '';
		display: block;
		height: 2px;
		width: 100px;
		position: absolute;
		left: 0px;
		right: 0;
		bottom: -5px;
		background-color: #ff6a00a1;

	}

	.swiper-wrapper-news {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.sw-sl-news {
		text-align: center;
		/*   background: #868686;*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		height: 400px!important;
  /* box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
   border-color: rgba(223,225,229,0);
   border-radius: 7px;*/
   cursor: pointer;
}

.sw-sl-news img {
	width: 98%;
	height: 90%;
	position: relative;
	z-index: 1;
	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
	-webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
	border-color: rgba(223,225,229,0);
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-radius: 7px;
	/*margin: 5px;*/
	margin: 0 auto;
}

.sw-sl-news button:hover {
	background-color: #0069d9;
	transition: 1s;
}

.sw-sl-news:hover button {
	background-color: #23365f;
	border-color: #23365f;
	transition: 1s;
}

.news {
	padding-bottom: 100px;
}

/*news*/

/*footer*/

footer {
	padding: 20px 0px 0px 0px;
	background: #edf1f4;
	margin-top: 40px;
}

.footer-logo > a > img {
	width: 140px;
}

.container-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-left {
	width: 30%;
}

.footer-right {
	width: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	padding-left: 20px;
}

.footer-right h1 {
	font-size: 20px;
	color: #2f3c5e;
}

.footer-right > div > ul > li {
	color: #2a3a5ed1;
	font-size: 16px;
}

.footer-right > div > ul > li > a {
	color: #2a3a5ed1;
	font-size: 16px;
}

.footer-right > div > ul > li > a:hover {
	text-decoration: none;
}

.btn-warning {
	color: #ffffff;
	background-color: #fb9e5c;
	border-color: #fb9e5c;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162);
	box-shadow: 0 1px 6px rgb(162 162 162);
}

.btn-warning:focus {
	webkit-box-shadow: 0 1px 6px rgb(162 162 162)!important;
	box-shadow: 0 1px 6px rgb(162 162 162)!important;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
	color: #ffffff;
	background-color: #fb9e5c;
	border-color: #fb9e5c;
}

.btn-warning:hover {
	color: #ffffff;
	background-color: #fb9e5cde;
	border-color: #ccccccdb;
}

.footer-info  {
	margin-bottom: 20px;
	margin-top: 20px;
}

.footer-info p {
	color: #2a3a5ed1;
}

.footer-date {
	padding: 10px;
	background: #23365f;
	margin-top: 20px;
}

.footer-date h1 {
	font-size: 14px;
	margin: 0;
	color: #edf1f4;
}

.footer-time {
	width: 40%;
}
.footer-number {
	width: 30%;
}
.footer-pay {
	width: 30%;
}

.footer-pay ul{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-pay > ul > li {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	 display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-pay > ul > li > img {
	width: 100%;
}
/*footer*/

/*PRICE PAGE*/

.product-head > p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	    color: #23365f;
}

.fa-info-square {
	margin-right: 5px;
}

.fa-info-square .fa-secondary {
	color: #fb9e5c;
    opacity: 0.7;
}

.fa-info-square .fa-primary {
	color: #23365f;
    opacity: 1;
}

.an-price {
	margin-top: 75px;
	margin-bottom: 25px;
}

.an-price-inner > h1 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.an-price-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	/* width: 70px; */
	width: 100px;
	position: absolute;
	left: 0px;
	right: 0;
	bottom: -5px;
	background-color: #ff6a00a1;
}


.inputGroupUl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	position: relative;
	 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}

.inputGroupLi1 {
	width: 70%;
}
.inputGroupLi2 {
	width: 10%;
	text-align: center;
}
.inputGroupLi3 {
	width: 20%;
	text-align: center;
}


.inputGroup {
	background-color: #fff;
	display: block;
	margin: 10px 0;
	position: relative;
	margin-right: 5px;
	border-radius: 3px;
}
.inputGroup label {
	padding: 12px 30px;
	width: 100%;
	display: block;
	text-align: left;
	color: black;
	cursor: pointer;
	position: relative;
	/*	z-index: 0;*/
	transition: color 200ms ease-in;
	overflow: hidden;
	border-radius: 3px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 18%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 18%);
}
.inputGroup label:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	background-color: #23365f;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	z-index: 0;
}
.inputGroup label:after {
	width: 32px;
	height: 32px;
	content: '';
	border: 2px solid #D1D7DC;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	border-radius: 50%;
	/*z-index: 10;*/
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
	color: #fff;
}
.inputGroup input:checked ~ label:before {
	transform: translate(-50%, -50%) scale3d(100, 100, 1);
	opacity: 1;
}
.inputGroup input:checked ~ label:after {
	background-color: #23365f;
	border-color: #fb9e5c;
}
.inputGroup input {
	width: 32px;
	height: 32px;
	order: 1;
	z-index: 2;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	visibility: hidden;
}

.listOfAnalyzes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px dotted #23365f40;
	padding: 5px 10px 5px 10px;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.listOfAnalyzes:last-child {

	border-bottom: 0px dotted #23365f40;
}

.dropdown-menu {
	min-height: auto;
	max-height: 500px;
	/*	overflow-y: scroll;*/
	width: 500px;
	height: 300px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162);
	box-shadow: 0 1px 6px rgb(162 162 162);
	border: 0px!important;
}

.dropdown-toggle::after {
	display: none;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.c-button-calc {
	margin-top: 80px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
}

.c-button-calc > .container {
	position: relative;
}

.new-btn-cart {
	height: 38px;
}

.btn-drop-cart {
	background: #23365f;
	border-radius: .25rem;
	border: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	min-width: 100px;
	color: white;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162);
	box-shadow: 0 1px 6px rgb(162 162 162);
}

.btn-drop-cart:focus {
	border: 0px;
	outline: 0;
}

.btn-drop-cart img {
	width: 20%;
	height: 70%;
}

#count-cart {
	position: absolute;
	color: white;
	right: -7px;
	/* left: 0; */
	top: -8px;
	background: #fb9e5c;
	padding: 0px 5px 0px 5px;
	border-radius: 3px;
	color: #23365f;
	box-shadow: 0 0 3px 2px #fb9e5c;
	font-size: 12px;
}

.title-cart {
	padding: 10px;
}

#delete-b {
	position: absolute;
	bottom: 0;
	border-top: 1px solid #dadada;
	width: 100%;
	padding: 5px;
	text-align: right;
	background: #edf1f4;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

#delete-b button {
	width: 30%;
}

#total-cart {
	height: 240px;
	overflow-y: scroll;
}



/*Для начала, зададим общую ширину скроллбара:*/
#total-cart::-webkit-scrollbar{
	width:7px;

}

/*Теперь займёмся оформлением полосы прокрутки (светлосерый фон, серая граница, делаем границу чуть толще с левой стороны):*/
#total-cart::-webkit-scrollbar-thumb{
	border-width:1px 1px 1px 2px;
	width:20px;
	border-color: #777;
	background-color: #ffa539;
	border-radius: 10px;
}

/*При наведении курсора (:hover) на полосу прокрутки делаем её более тёмной:*/
#total-cart::-webkit-scrollbar-thumb:hover{
	border-width: 1px 1px 1px 2px;
	border-color: #555;
	background-color: #777;
}

/*Ползунок в неактивном состоянии будет выглядеть как сплошной прямоугольник серого цвета (без границы)*/
#total-cart::-webkit-scrollbar-track{
	border-width:0;
}

/*При наведении курсора на ползунок, делаем его темнее и добавляем границу.*/
#total-cart::-webkit-scrollbar-track:hover{
	/*border-left: solid 1px #aaa;*/
	background-color: inherit;
	border-radius: 10px;
}

#title-cart {
	width: 100%;
}

.listOfAnalyzes p:nth-child(1) {
	width: 60%;
	word-break: break-word;
}

.listOfAnalyzes p:nth-child(2) {
	width: 30%;
	text-align: center;
}

.listOfAnalyzes img {
	width: 5%;
	height: 22px;
	cursor: pointer;
}

#title-p-cart {
	display: -webkit-box;
	display: -ms-flexbox;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 11px;
	right: 0;
}

.btn-danger {
	color: #fff;
	background-color: #f64f59;
	border-color: #f64f59;
}

.animate {
	-webkit-animation: pulse 2.5s infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(251 158 92)
	}
	70% {
		-webkit-box-shadow: 0 0 0 8px rgba(204,169,44, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgb(251 158 92 / 83%)/ 75%);
box-shadow: 0 0 0 0 rgb(251 158 92)
}
70% {
	-moz-box-shadow: 0 0 0 8px rgba(204,169,44, 0);
	box-shadow: 0 0 0 8px rgba(204,169,44, 0);
}
100% {
	-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}

#form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 80%;
	margin: 10px auto 20px;
}



.filterform {
	width: 100%;
}

.filterinput {
	width: 100%;
	padding: 10px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	border-radius: 3px;
	border: 0px;
	box-shadow: 10px 15px 20px rgb(119 119 119 / 10%), -10px -10px 20px white, inset 7px 7px 10px rgb(119 119 119 / 10%), inset -7px -7px 10px white;
}

.filterinput:focus {
	outline: 0;
}

#list {
	width: 80%;
	margin: 0 auto;
}

/*PRICE PAGE*/


/*CALL*/

.an-call {
	margin-top: 75px;
}

.call-inner > h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* margin: 0 auto; */
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.call-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
}

.call-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.call-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


.container-call .FormContents,
.container-call .LoginForm{
	position: relative;
	width: 50%;
	height: auto;
	float: left;
	box-sizing: border-box;
}

.FormContents > h2 {
	font-size: 20px;
}


.container-call .FormContents{
	padding: 40px 30px;
	color: #23365f;
	background: #edf1f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
}


.container-call .FormContents a{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: #222D3E;
	border-radius: 25px;
	text-decoration: none;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);

}

.container-call .LoginForm{
	background: #fff;
	color: #23365f;
	height: auto;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	padding: 30px;
	border-radius: 7px;
}
.container-call .LoginForm h1{
	text-align: center;
	font-size: 20px;
	padding-bottom: 20px;

}
.container-call .LoginForm a{
	color: #FC616B;
	
}
.container .LoginForm input{
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 1px solid #23365f1c;
	outline: none;
	border-radius: .25rem;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px #a2a2a247;
	position: relative;
	transition: 0.5s;
	background: white;
}

.container .LoginForm input:focus {
	border: 1px solid #23365f00;
	transition: 0.5s;
	webkit-box-shadow: 0px 5px 4px 0px #a2a2a247;
	box-shadow: 0px 5px 4px 0px #a2a2a247;
}

.container .LoginForm input[type="submit"]{
	color: #fff;
	background: #23365f;;
	transition: .5s;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;

}

.container-call {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-top: 20px;
	margin-bottom: 20px;
}

.textarea-call {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #414345c4;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #414345c4;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #414345c4;
}

.textarea-call textarea {
	margin-bottom: 10px;
	border: 1px solid #23365f1c;
	outline: none;
	border-radius: .25rem;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px #a2a2a247;
	padding: 5px 10px 5px 10px;
	transition: 0.5s;
	height: 100px;
}

.textarea-call textarea:focus {
	border: 1px solid #23365f00;
	transition: 0.5s;
	webkit-box-shadow: 0px 5px 4px 0px #a2a2a247;
	box-shadow: 0px 5px 4px 0px #a2a2a247;
}

.LoginForm button {
	width: 100%;
}

.outname, .outname2,.outname3,.outname4,.outname5  {
	position: fixed;
	top: 0;
	z-index: 11;
	color: #23365f;
	padding: 10px;
	border-radius: 0px 7px 7px 0px;
	background: white;
	font-size: 20px;
}



/*CALL*/

/*SHARES*/

.an-shares {
	margin-top: 75px;
}

.shares-inner > h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* margin: 0 auto; */
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.shares-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
}

.shares-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.shares-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.shares-img {
	width: 30%;
	position: relative;
}

.shares-img img {
	width: 100%;
	border-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
}

.shares-text {
	width: 60%;
	padding: 10px 5px 10px 10px;
	background: #edf1f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
}

.shares-text h2 {
	color: #23365f;
	font-size: 25px;
}

.shares-text p {
	height: 250px;
	overflow-y: scroll;
	color: #23365f;
}

/*Для начала, зададим общую ширину скроллбара:*/
.shares-text p::-webkit-scrollbar{
	width:7px;

}

/*Теперь займёмся оформлением полосы прокрутки (светлосерый фон, серая граница, делаем границу чуть толще с левой стороны):*/
.shares-text p::-webkit-scrollbar-thumb{
	border-width:1px 1px 1px 2px;
	width:20px;
	border-color: #777;
	background-color: #ffa539;
	border-radius: 10px;
}

/*При наведении курсора (:hover) на полосу прокрутки делаем её более тёмной:*/
.shares-text p::-webkit-scrollbar-thumb:hover{
	border-width: 1px 1px 1px 2px;
	border-color: #555;
	background-color: #777;
}

/*Ползунок в неактивном состоянии будет выглядеть как сплошной прямоугольник серого цвета (без границы)*/
.shares-text p::-webkit-scrollbar-track{
	border-width:0;
}

/*При наведении курсора на ползунок, делаем его темнее и добавляем границу.*/
.shares-text p::-webkit-scrollbar-track:hover{
	/*border-left: solid 1px #aaa;*/
	background-color: inherit;
	border-radius: 10px;
}

/*SHARES*/



.swal2-title {
	color: #23365f!important;
	font-size: 20px!important;
}

.swal2-header {
	padding: 20px 1.8em!important;
}

/*NEWS*/


.an-news {
	margin-top: 75px;
}

.news-inner > h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* margin: 0 auto; */
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.news-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
}

.news-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.news-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.news-img {
	width: 30%;
	position: relative;
}

.news-img img {
	width: 100%;
	border-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
}

.news-text {
	width: 60%;
	padding: 10px 5px 10px 10px;
	background: #edf1f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
}

.news-text h2 {
	color: #23365f;
	font-size: 25px;
}

.news-text p {
	height: 250px;
	overflow-y: scroll;
	color: #23365f;
}

/*Для начала, зададим общую ширину скроллбара:*/
.news-text p::-webkit-scrollbar{
	width:7px;

}

/*Теперь займёмся оформлением полосы прокрутки (светлосерый фон, серая граница, делаем границу чуть толще с левой стороны):*/
.news-text p::-webkit-scrollbar-thumb{
	border-width:1px 1px 1px 2px;
	width:20px;
	border-color: #777;
	background-color: #ffa539;
	border-radius: 10px;
}

/*При наведении курсора (:hover) на полосу прокрутки делаем её более тёмной:*/
.news-text p::-webkit-scrollbar-thumb:hover{
	border-width: 1px 1px 1px 2px;
	border-color: #555;
	background-color: #777;
}

/*Ползунок в неактивном состоянии будет выглядеть как сплошной прямоугольник серого цвета (без границы)*/
.news-text p::-webkit-scrollbar-track{
	border-width:0;
}

/*При наведении курсора на ползунок, делаем его темнее и добавляем границу.*/
.news-text p::-webkit-scrollbar-track:hover{
	/*border-left: solid 1px #aaa;*/
	background-color: inherit;
	border-radius: 10px;
}

/*NEWS*/

/*CONTACTS*/

.an-contacts {
	margin-top: 75px;
}

.contacts-inner > h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* margin: 0 auto; */
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.contacts-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
}

.contacts-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.contacts-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
	padding-bottom: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.contacts-map {
	width: 60%;
	position: relative;
}

.contacts-map iframe{
	width: 100%;
	border-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);

}

.contacts-text {
	width: 40%;
	padding: 10px 10px 10px 30px;
	background: #edf1f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	height: fit-content;
	text-align: left;
}

.contacts-text h2 {
	color: #23365f;
	font-size: 25px;
}

.contacts-text p {
	height: auto;
	color: #23365f;
}

.contacts-text ul {
	color: #23365f;
}

.contacts-box > p {
	font-size: 27px;
	color: #23365f!important;
	position: relative;
	border-left: 2px solid #fb9e5c;
	padding-left: 10px;
}

.contacts-text-two {
	width: 50%;
	padding: 10px 10px 10px 10px;
	background: #edf1f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	webkit-box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	box-shadow: 0 1px 6px rgb(162 162 162 / 28%);
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;


}

.contacts-text-two h2 {
	color: #23365f;
	font-size: 25px;
}

.contacts-text-two p {
	height: auto;
	color: #23365f;
	font-size: 18px;
	text-align: center;
}


.contacts-text-two ul {
	color: #23365f;
}


/*CONTACTS*/


/*applications*/

.an-applications {
	margin-top: 75px;
}

.applications-inner > h1 {
	font-size: 30px;
	/* text-align: center; */
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	/* margin: 0 auto; */
	position: relative;
	color: #23365f!important;
	margin-bottom: 20px;
}

.applications-inner > h1:before {
	content: '';
	display: block;
	height: 2px;
	width: 100px;
	position: absolute;
	left: 9px;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: #ff6a00a1;
}

.applications-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.applications-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
	padding-bottom: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}



/*applications*/


/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	content: '\f106';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: #fb9e5c;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	content: '\f106';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg,#1e45a1,#8e2de226);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #fb9e5c;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}