.custom-hero {
			    background-size: auto;
			    background-position: 50% 50%;
			    width: 100%;
			    height: 100vh;
			    padding-top: 360px;
			}
			.blockquote-tertiary {
			    border-color: var(--red)!important;
			}
			:root{
				--dark:rgb(0,0,0);
			}
			p {
			    color: var(--dark);
			    line-height: 26px;
			    margin: 0 0 20px;
			}
			.my-3{
				margin:30px 0px;
			}
			.lh-2{
				line-height: 1.2 !important;
			}
			.cp{ cursor:pointer !important; }
			.br-20{ border-radius:20px }
			.album-cover{
				background-position: center;
				background-size: cover;
			}
			.blok-a{
				 width: 100%; height: 100%; display: inline-block;
			}
			#preloader{
			    position: fixed;
			    top: 0px;
			    left: 0px;
			    width: 100vw;
			    height: 100vh;
			    background-color: rgba(0,0,0,0.4);
			    z-index: 100000000;
			}
			.red{
				color:var(--red) !important;
			}
			.img-100{
				max-width: 200px;
			}
			.bg-color-red{
				background-color: var(--red) !important;
			}
			a{
				color: var(--red) !important;
			}
			#header .header-nav.header-nav-links a{
				color:white !important;
			}
			html body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link:focus, html body .tabs .nav-tabs .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link:hover, html body .tabs .nav-tabs.nav-justified .nav-link:focus, html.dark body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:focus, html.dark body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs.nav-justified .nav-link.active, html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover, html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
				border-top-color: var(--red)
			}
			.list.list-icons li>[class*=fa-]:first-child{
				color:var(--red);
				border-color:var(--red);
			}
			@media(max-width: 1200px){
				#header .header-nav.header-nav-links nav>ul>li>a, 
				#header .header-nav.header-nav-links nav>ul>li:hover>a, 
				#header .header-nav.header-nav-line nav>ul>li>a, 
				#header .header-nav.header-nav-line nav>ul>li:hover>a {
				    padding: 0 0.4rem;
				}
			}
			@media(max-width: 992px){
				#header .header-nav.header-nav-links nav>ul>li>a, 
				#header .header-nav.header-nav-links nav>ul>li:hover>a, 
				#header .header-nav.header-nav-line nav>ul>li>a, 
				#header .header-nav.header-nav-line nav>ul>li:hover>a {
				    padding: 7px 0.4rem;
				}
			}

			@media(max-width: 600px){
				.custom-hero {
				    background-position: 62% 50%;
				}
			}