/* Жирный */
@font-face {
	font-family: 'HarryPotter'; 
	src: url("/fonts/10467.ttf"); 
}

@font-face {
	font-family: 'Rose'; 
	src: url("/fonts/rose.ttf"); 
}

@font-face {
	font-family: 'Disc'; 
	src: url("/ftp/fonts/11360.ttf"); 
}


h1{
	font-family: 'HarryPotter'; 
}

body{
	/*background-image: url("/images/fon2.jpg");*/
	background-image: url("/ftp/site/design/stone_wall_texture_by_zagreb_dubravad58pwxm_yapfiles.ru.jpg");
	background-attachment: fixed;
	font-family: Bookman Old Style;
	cursor: url("/images/harry.cur"), default;
}

.carousel-caption{
	font-family: 'Rose';
	text-align: right;
}

::-webkit-scrollbar-button {width:10px;height:4px;}  
::-webkit-scrollbar-track {-webkit-border-radius:2px;border-radius:2px;background: #e8d693;}  
::-webkit-scrollbar-thumb {-webkit-border-radius:2px;border-radius:2px;background:#79553D;}
::-webkit-scrollbar-thumb:hover {background:#9b7c00;}  
::-webkit-resizer {width:10px;height:4px;}  
::-webkit-scrollbar {width:9px;}

/* ко всем ссылкам */
a{
	cursor: url("/images/harry_link.cur"), pointer;
	color: black;
}

.menu{
	background-color: #FFE4B5;
	margin-bottom: 20px;
	border: 2px solid #79553D;
	padding: 0 0 10px 0;
	border-radius: 10px;
}

.menu > h5{
	background: #79553D;
	color: #FFFACD;
	
}

.menu a{
	font-family: "Rose";
	font-size: 15px;
}

.btn-hoge {
    color: #fff;
    background-color: #79553D;
    border-color: #6c757d;
}

.menu-view{
	background-color: #FFE4B5;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 2px solid white;
	padding: 0 0 0px 0;
	
}

.menu-view > h6{
	border-radius: 10px;
	background: #79553D;
	color: #FFFACD;
	font-size: 18px;
	margin: 0;
}

.menu-view > h6 > a{
	color: #FFFACD;
}

.info{
	position:relative;
	background-color: #FFEFD5;
	border-radius: 10px;
	opacity: 0.9;
	margin-bottom: 20px;
}

.information{
	border: 2px solid #79553D;
	padding: 10px;
	border-radius: 10px;
}

.information img{
	max-width: 100%;
}

.gb{
	position:relative;
	background: url("/ftp/site/design/gb.png");
	border-radius: 10px;
	margin-bottom: 20px;
}

.vk img{
	max-width: 100%;
	border-radius: 100px;
	border: 2px solid white;
}
.vk a{
	color: white;
	text-align: center;
}

.menu-info{
	padding: 10px;
}

.pero{
	max-width: 250px!important;
	position:absolute; /* добавили */
	bottom:0; /* добавили */
	right: 0;
}

.pero:hover{
	opacity: 0.25;
}

/*КНОПКИ ССЫЛКИ*/
.button-magic {
	background-color: #f4511e;
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	font-size: 16px;
	margin: 4px 2px;
	opacity: 0.6;
	transition: 0.3s;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}

.button-magic:hover {
	color: white;
	opacity: 1;
}

.reg-form{
	margin-bottom: 10px;
}

.auth_lk li a{
	color: black;
}

.header_one{
	padding: 10px;
	/*background: url("/images/fon_head.jpg") center center;*/
	/*height: 70vh;*/
	border-bottom: 3px solid #79553D;
	min-width: 100%;
	background-size: cover;
}

.d-block{
	/*height: 700px!important;*/
	background-size: cover;
}

.author-footer{
	font-weight: bold;
	background: #FFFFE0;
	color: #79553D;
	text-align: center;
	border-radius: 30px;
	
}

.author-footer p{
	text-shadow: 0 0 1px #79553D;
}

/*Cards*/
.cards{
	margin-bottom: 10px;
}

.cards{
	padding: 15px;
}

/*ADMIN-PANEL*/

.adminka{
	font-family: "Bookman Old Style";
}

.adminka .col-md-3{
	min-height: 500px;
	border-right: 1px solid #79553D;
}

.adminka a{
	color: #79553D!important;
}

.adminka input[type="submit"]{
	text-align: center;
	margin: 10px auto;
}

#map{
	width: 100%;
	height: 650px;
}

.gallery img{
	background-size: cover;
	max-height: 200px;
	border-radius: 10px;
	border: 1px solid darkred;
}

#toTop {
	width: 80px;
	position: fixed;
	bottom: 50px;
	right: 50px; 
	cursor: pointer;
}

.sorry-lang{
	background: #79553D;

	color: white;
	font-size: 12px;
	text-align: center;
}

.add-bal{
	margin: 10px;
	padding: 10px;
	border: 2px solid #343a40;
	background-color: #FFFACD;
	border-radius: 10px;
}

.mark5{
	text-align:center;
	background:green;
	padding: 5px;
	color: white;
}

.mark4{
	text-align:center;
	background:lime;
	padding: 5px;
	color: white;
}

.mark3{
	text-align:center;
	background:orange;
	padding: 5px;
	color: white;
}

.mark2{
	text-align:center;
	background:red;
	padding: 5px;
	color: white;
}

.mark1{
	text-align:center;
	background: darkred;
	padding: 5px;
	color: white;
}

.mark0{
	text-align:center;
	background:black;
	padding: 5px; 
	color: white;
}

.mark-1{
	text-align:center;
	background:yellow;
	padding: 5px; 
	color: black;
}

.mark{
	display: none;
}

.date-mark{
	font-size: 12px;
	padding: 3px;
	float: right;
    background: lightgray;
}

.forum-razdel{
    background: #4c2d29;
    color: white;
}

h6.my-0 a:before{
	content: "";
	background-image: url("/ftp/site/design/svitok.png");
	background-size: cover;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 600px){
	#toTop{
		display: none!important;
	}
}

@media(max-width:767px){
	.hidden-desktop{display:inherit!important}
	.visible-desktop{display:none!important}
	.visible-phone{display:inherit!important}
	.hidden-phone{display:none!important}
	
	.pero{
		display: none!important;
	}
}

.card-body{
	background: transparent!important;
}

.date-timetable{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);

}

.location h4{
	text-align: center;
	padding-bottom: 25px;
}
.location img{
	border-radius: 100px;
	border: 1px solid black;
	box-shadow: 0 0 12px black;
}

.location-href{
	padding: 15px;
	margin-top: 20px;
	background-color: #e6d4b3;
}

/* с ДНЕМ РОЖДЕНИЯ */
.happy-birh{
	background: white url("https://hogwartsland.ru/ftp/site/design/bg-modal.png");
	padding: 5px;
	background-size: cover;
	height: 800px;
	overflow: auto;
	
}

.happy-birh ul{
	background: lightgray;
	opacity: 0.81;
	display: inline-block;
	margin: 0 auto;
	padding-right: 10px;
}

.hr-dotted {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 2px dotted #ddd;
}

.list-group-item{
	border: 0!important;
}

/*PRIVIDENIYA*/
@keyframes ghost
{
	0% {margin-left:0;margin-top:0px;}
	50% {margin-left:-250px;margin-top:100px;}
	100% {margin-top:0px;margin-left:0px;}
}

.img_ghost {
    -moz-animation: ghost 15s ease-in-out infinite;
    -webkit-animation: ghost 15s ease-in-out infinite;
    -o-animation: ghost 15s ease-in-out infinite;
    animation: ghost 15s ease-in-out infinite;
}
.img_attic {
    position: absolute;
    cursor: pointer;
    z-index: 1001;
}

h1.ribbon { 
width: 75%;
font-size: 32px !important; 
position: relative; 
background: #79553d; 
color: #fff; 
text-align: center; 
padding: 1em 2em;
margin: -50px 0 3em;
} 
h1.ribbon:before, h1.ribbon:after { 
content: ""; 
position: absolute; 
display: block; 
bottom: -1em; 
border: 1.5em solid #b18b4e; 
z-index: -1; 
} 
h1.ribbon:before { 
left: -2em; 
border-right-width: 1.5em; 
border-left-color: transparent; 
} 
h1.ribbon:after { 
right: -2em; 
border-left-width: 1.5em; 
border-right-color: transparent; 
} 
h1.ribbon .ribbon-content:before, h1.ribbon .ribbon-content:after { 
content: ""; 
position: absolute; 
display: block; 
border-style: solid; 
border-color: #1d1a1d transparent transparent transparent; 
bottom: -1em; 
} 
h1.ribbon .ribbon-content:before { 
left: 0; 
border-width: 1em 0 0 1em; 
} 
h1.ribbon .ribbon-content:after { 
right: 0; 
border-width: 1em 1em 0 0; 
}

/*в чате скрываем ссылку на сервис*/
.info a[href^="https://chatovod.ru/"]{
	display: none;
}


#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  color: $color_text;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}


footer{
	/*background: #79553D;
	color: white;*/
}