/* задник на всех страницах */
body{
    background: url("/assets/img/backgroung_u.jpg?v=1.2") no-repeat center 60% fixed;
    background-size: cover;
    user-select: none; /* Отключает выделение текста */
    margin: 0px;
    padding: 0px;
}

/* НЕ ЗАБЫТЬ ВО ВСЕХ ССЫЛКАХ ПРОСТАВИТЬ "/" ПЕРЕД НИМИ */

/* отступы для блоков. ВАЖНО */
@media (min-width:1000px) { /* экран больше 1000px */
	.main_menu, .goback {
		margin: 5% 25% !important;
	}
    .main_buttons{
        margin: 0% 25%;
    }

    .infolist{
        margin: 5% 20%;
    }

    .img-left{
        border-radius: 20px 0px 0px 20px !important;
    }
    .img-right{
        border-radius: 0px 20px 20px 0px !important;
    }
}
@media (max-width:1200px) { /* экран меньше 1200px (прим пол экрана ПК) */
	.main_menu, .goback {
		margin: 5% 15% !important;
	}
    .main_buttons{
        margin: 0% 10%;
    }

    .infolist{
        margin: 5% 15%;
    }

    .img-left{
        border-radius: 20px 20px 0px 0px !important;
    }
    .img-right{
        border-radius: 0px 0px 20px 20px !important;
    }

    .anim img{
        max-height: 500px !important;
        max-width: 500px !important;
    }
}
@media (max-width:750px) { /* экран меньше 750px, мобильные */
	.main_menu, .infolist, .goback {
		margin: 5% 5% !important;
	}
    .main_buttons{
        margin: 0% 10%;
    }

    .img-left{
        border-radius: 20px 20px 0px 0px !important;
        max-width: 300px !important;
    }
    .img-right{
        border-radius: 0px 0px 20px 20px !important;
        max-width: 300px !important;
    }

    .anim img{
        max-width: 300px !important;
    }
}


/* панелька главного меню */
.main_menu, .infolist{
    background-color: rgba(36, 36, 36, 0.940);
	width: auto;

    /* обрамление */
    border-radius: 20px;
    border: 5px rgb(183, 126, 230) solid;
    border-top: 0px;
    border-bottom: 0px;
    box-shadow: 1px 1px 10px black;

    text-align: center; /* нужно, чтобы задать сетку и ссылки снизу были посередине */
}

/* текст в меню */
.main_menu p{
    display: block;
    font-size: 30px;
    color: white;
    text-decoration: none;
    font-family: ADYS-Bold;
    text-align: center;
    margin: 0px;
}

/* моя ава в главном меню */
.main_icon{
    width: 15vh; /* задает ширину по высоте экрана */

    /* обрамление */
    border: 5px rgb(57, 38, 73) solid;
    border-radius: 100%;
    box-shadow: 2px 1px 15px black;

    /* центрирование блока */
    margin: 30px auto 10px auto;
}

/* блок навигационных кнопок в меню */
.main_buttons, .socials{
    width: auto;
    padding-bottom: 20px;
}
.main_buttons ul{
    margin-top: 5%;
    margin-bottom: 5%;
    padding-left: 0px;
}
.main_buttons li, .goback{
    display: block;
    margin-top: 4%;
    margin-bottom: 4%;
    line-height: 50px; /* высота кнопок */
    
    border-radius: 20px;
    border: 5px rgb(183, 126, 230) double;
    box-shadow: 2px 1px 10px black;
}
.main_buttons a, .goback a{
    display: block;
    font-size: 25px;
	transition: 0.3s;
	overflow: hidden;
    
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: ADYS-Bold;
}
.main_buttons a:hover, .main_buttons a.active, .goback a:hover, .goback a:active{ /* когда наводишься на кнопку и нажимаешь */
    background-color: rgba(118, 84, 141, 0.575);
    border-radius: 15px;
}
.socials ul{
    margin: 0px 0px 15px 0px;
    padding: 0%;
}
.socials li{
    display: inline-block;

    margin: 0px 7px;
    padding: 0px;

    border: 4px rgb(183, 126, 230) solid;
    border-radius: 100%;
    box-shadow: 2px 1px 15px black;
}
.socials img{
    width: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.socials a{
    display: block;

    width: 50px;
    height: 50px;

    font-size: 25px;
	transition: 0.3s;
	overflow: hidden;
}
.socials a:hover, .socials a:active{
    display: block;
    
    background-color: rgba(118, 84, 141, 0.575);
    border-radius: 100%;
}


/* база текста (комм инфо) */
.infolist {
    padding: 10px 20px; /* Добавляем отступы для содержимого */
}

/* основной текстовый блок */
.infoblock, .contact{
    /* база цвета */
    font-family: ADYS-Medium;
    font-size: 25px;
    color: rgb(214, 210, 201);
}
.infoblock b{
color: white;
}
.infoblock p{
    text-align: left;
    margin: 0% 2%;
}
.infoblock a, .contact a{
    color: rgb(183, 126, 230);
}
.infoblock li{
    text-align: left;
    list-style-image: url(/assets/img/icons/hoof.png) !important;
    padding: 0px 10px;
}
.contact p{
    text-align: center;
    margin: 0% 2%;
}

/* разделительный текст */
.splitter{
    background-color: rgba(0, 0, 0, 0.281);
    border: rgb(183, 126, 230) solid;
    border-width: 2px 0px;
    border-radius: 10px;
    padding: 5px;

    font-family: ADYS-Bold;
    font-size: 30px;
    color: whitesmoke; /* цвет шрифта */
}

/* ценник */
.price{
    text-align: center;
    color: white;
    font-family: ADYS-Bold;
    font-size: 25px;
}

/* работа с изображениями */
.img-left, .img-right, .img-single, .anim img {
    margin: 0px;
    padding: 0px;

    max-height: 50vh;
    max-width: 500px;
    border-radius: 20px;
}
.anim img{
    margin: 0px;
    padding: 0px;

    max-width: 600px;
    max-height: 300px;
}

/* кнопка возвращения на главную страницу */
.goback{
    text-align: center;
    border-width: 5px;
    border-style: double;
    background-color: rgba(36, 36, 36, 0.940);
}


/* шрифты */
@font-face
{
	font-family: ADYS-Bold;
	src: url(/assets/fonts/adys_bold.otf);
	font-display: fallback
}
@font-face
{
	font-family: ADYS-Medium;
	src: url(/assets/fonts/adys_medium.otf);
	font-display: fallback
}
@font-face
{
	font-family: ADYS-Regular;
	src: url(/assets/fonts/adys_regular.ttf);
	font-display: fallback
}


/* настройки скролл бара */
::-webkit-scrollbar
{
    width: 12px;
	background-color: rgba(36, 36, 36, 0.940)
}
::-webkit-scrollbar-track
{
	background-color: rgb(77, 53, 97);
	border: 1px solid rgba(36, 36, 36, 0.940);
}
::-webkit-scrollbar-thumb
{
	background-color: rgb(183, 126, 230);
	border: 2px solid rgba(36, 36, 36, 0.940);
}