/*
 * Theme Name: CMS ASTRA•GOST
 * Template: All Demo Templates
 * URL: https://a-gost.ru/
 * Description: Special Butt for Theme of CMS-template
 * Author: ASTRA•GOST
 * Version: 1.0
 * Date: 2025-05-01
 * Modified version: none
 * Date modified: none
 */





/* Кодировочка */

@charset "utf-8";





/* Шрифт подкачиваем */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');







/* Лента АСТРА•ГОСТ */

.astra-stick {
	z-index: 10000;
	right: 10px;
	top: -10px;
	position: fixed;
	display: block;
   	width: 70px;
	height: 210px;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	background-image: -ms-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); /* IE10 Consumer Preview */
	background-image: -moz-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); /* Mozilla Firefox */ 
	background-image: -o-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); /* Opera */ 
	background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #FF0000), color-stop(1, #990000)); /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); /* Webkit (Chrome 11+) */ 
	background-image: radial-gradient(circle farthest-side at center top, #FF0000 0%, #990000 100%); /* W3C Markup, IE10 Release Preview */
	margin: 0 auto;
	filter: drop-shadow(2px 4px 3px rgba(0,0,0, 0.5));
	transition: .3s ease-in-out;
	}

.astra-stick i {
	z-index: 100;
	position: relative;
	display: block;
	overflow: hidden;
	border-right: dashed 0.0625em #333;
	border-left: dashed 0.0625em #333;
	width: 87%;
	height: 120%;
	font-style: normal;
	margin: auto;
	}

.astra-stick i span {
	top: 130px;
	position: relative;
	display: block;
	color: #FFF;
	text-align: center;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.35);
	}

.astra-stick:before,
.astra-stick:after {
	bottom: -2.4em;
	position: absolute;
	content: '';
	border-top: 2.5em solid #900;
	width: 0;
	height: 0;
	}
.astra-stick:before {
	left: 0;
	border-right: 2.5em solid transparent;
	}
.astra-stick:after {
	right: 0;
	border-left: 2.5em solid transparent;
	}

.astra-stick a {
	z-index: 101;
	left: -10px;
	position: relative;
	display: block;
	overflow: hidden;
	text-wrap: nowrap;
	width: 180px;
	height: 70px;
	line-height: 70px;
	text-decoration: none;
	color: #FFF;
	border-radius: 20px;
	transition: .2s ease-in-out;
	}
.astra-stick a:before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .65));
	transform: skewX(-45deg);
	}
.astra-stick a:hover:before {
	left: 150%;
	transition: .5s ease-in-out;
	}

.astra-stick:hover,
.astra-stick:active {
	top: 0;
	}
.astra-stick:active,
.astra-stick a:active {
	transition: none;
	}





/* ============================================= */
/* =А=Д=А=П=Т=И=В=*=М=Е=Д=И=А=*=З=А=П=Р=О=С=Ы= */
/* ============================================= */





/* Медиазапросы - точки перехода 1599 */

@media only screen and (max-width: 1599px) {

.astra-stick {
   	width: 50px;
	height: 180px;
	font-size: 16px;
	}

.astra-stick a {
	width: 170px;
	height: 50px;
	line-height: 50px;
	}

	}





/* Медиазапросы - точки перехода 1024 */

@media only screen and (max-width: 1024px) {

.astra-stick {
   	width: 40px;
	height: 170px;
	font-size: 15px;
	}

.astra-stick a {
	width: 160px;
	height: 40px;
	line-height: 40px;
	}

	}





/* Медиазапросы - точки перехода 480 */

@media only screen and (max-width: 480px) {

.astra-stick {
	right: 5px;
   	width: 37px;
	height: 160px;
	font-size: 14px;
	}

.astra-stick a {
	width: 150px;
	height: 37px;
	line-height: 37px;
	}

	}