h1,h2,h3,h4,h5,h6,h7{
    color:#312782!important;
}

.pointer{
    cursor: pointer;
}

.head-logo{
    height:52px;
}

@media (min-width: 768px) {
    .nav-item:not(:last-child):after{
        content:'|';
    }
    .nav-item{
        display: flex!important;
        flex-direction: row!important;
        align-items: center!important;
    }
}

.banner{
    /*background-repeat: no-repeat;*/
    background-size: auto 100%;

}

.banner * {
    color: #ffffff!important;
}

.text-black-important p{
    color: #000 !important;;
}


body {
    animation: fadeInAnimation ease .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}




.no-focus{
    height: 320px!important;
    position: fixed!important;
    z-index: 999!important;
    width: 512px!important;
    bottom: 5px!important;
    left: 5px!important;
    opacity: 1!important;
    margin: 0!important;
    padding: 0!important;
}

.no-focus:before,
.no-focus:after {
    content: "Закрыть";
    position: relative;
    text-align: right;
    z-index: 9999;
    display: block;
    font-size: 12px;
    background-color: #ffffff;
}


#videocanvas{
    transition-duration: .5s;
    max-width: 95%!important;
}

.iframe_youtube{
    height: 320px!important;
    padding-bottom: 0!important;
    width: 512px!important;
    left: 5px!important;
    bottom: 5px!important;
    margin: 0!important;
    max-width: 100vw;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.vk_btn {
	display: inline-block;
	box-sizing: border-box;
	outline: none;
	border: none;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	font-size: 14.5px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: top;
	color: #dfe6ed;
	background-color: #5181b8;
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;
	overflow: hidden;
    width: 280px;
    padding: 0px 24px;
}

.vk_btn:focus-visible {

	box-shadow: 0 0 0 3px lightskyblue;
}
.vk_btn:hover {
	opacity: 0.88;
}
.vk_btn:active {
	line-height: 32px;
}
.vk_btn:disabled {
	pointer-events: none;
	opacity: 0.65;
}

.ya_btn{
    text-decoration: none;
    width: 280px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid #000;
}

.nav-link.active{
    font-weight: 500;
    color:#312782!important;
}

.red-text{
    color:#FF6900;
}


.nav-link {
    color:#000;
}