@font-face {
    font-family: daysone_my; /* Гарнитура шрифта */
    src: url(../fonts/DaysOne.ttf); /* Путь к файлу со шрифтом */
 }
@font-face {
    font-family: badscript_my; /* Гарнитура шрифта */
    src: url(../fonts/badscript.ttf);
 }
@font-face {
    font-family: prostoone_my; /* Гарнитура шрифта */
    src: url(../fonts/ProstoOne.ttf);
 }
@font-face {
    font-family: vivaldi_my; /* Гарнитура шрифта */
    src: url(../fonts/Vivaldi.ttf);
 } 
@font-face {
    font-family: animeace_my; /* Гарнитура шрифта */
    src: url(../fonts/animeace.ttf);
 } 
 
@font-face {
    font-family: akzidenz_my; /* Гарнитура шрифта */
    src: url(../fonts/akzidenz.otf);
 } 
 @font-face {
    font-family: lobster_my; /* Гарнитура шрифта */
    src: url(../fonts/lobster.ttf);
 }  
 @font-face {
    font-family: blogger_my; /* Гарнитура шрифта */
    src: url(../fonts/blogger.ttf);
} 
body{
 	margin-top: 0px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 0px;
 	margin-bottom: 0px;
 	background-color: #700902;
 	opacity: 0.0;
 }
 #main{
 	margin-top: 0px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 0px;
 	margin-bottom: 0px;
 	background-color: #700902;
 	height: 800px;
 }

 #content{
	margin: auto;
	width: 1260px;
	/*height: auto;*/
	height: 700px;
	/*border: 1px solid black;*/
	/*background: #741212 ;*/
	background-color: #700902;
	background-image: url(../images/fon_page_3_0.jpg);
	
}
#thissitename{
	-ms-user-select: none;/*запрет выделения во всех браузерах*/
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	z-index: 3;
	position: absolute;
	left: auto;
	padding-left: 100px;
	padding-top: 10px;
	box-sizing: border-box;/*свойство не даёт увеличиваться размеру дива при увеличении отступов паддинг*/
	margin-left: 40px;
	margin-top: 10px;	
	width: 324px;
	height: 54px;
	/*border: 1px solid black;*/
	opacity: 1.0;
	color: white;
	text-align: left;
	font-weight: 200;
	font-size: 20px;	
	background-image: url(../images/fon_sitename-01.png);
	font-family: lobster_my;
	/*font-family: akzidenz_my;	*/	
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; /*тень для текста толщиной 1 пиксель*/
	cursor: pointer;
}
#text1{
	-ms-user-select: none;/*запрет выделения во всех браузерах*/
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	z-index: 2;
	position: absolute;
	left: auto;
	padding-top: 35px;
	padding-left: 80px;
	box-sizing: border-box;/*свойство не даёт увеличиваться размеру дива при увеличении отступов паддинг*/

	margin-left: 100px;
	margin-top: 0px;	
	width: 700px;
	height: 160px;
	/*border: 1px solid black;*/
	opacity: 1.0;
	
	text-align: center;
	font-weight: 200;
	font-size: 45px;

	/*color: #06c7ff;*/
	color: white;
	font-family: lobster_my;
	/*font-family: akzidenz_my;*/		
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; /*тень для текста толщиной 1 пиксель*/
}
#text1_down{
	-ms-user-select: none;/*запрет выделения во всех браузерах*/
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	z-index: 1;
	position: absolute;	
	padding-top: 40px;
	padding-left: 85px;
	box-sizing: border-box;/*свойство не даёт увеличиваться размеру дива при увеличении отступов паддинг*/
	left: auto;
	margin-left:100px;
	margin-top: 0px;
	width: 700px;
	height: 160px;
	/*background-color: white;*/
	background-image: url(../images/fon_text-02.png);
	/*background-color: #06c7ff;*/
	text-align: center;
	font-weight: 200;
	font-size: 45px;
	font-family: lobster_my;
	color: gray;
	/*border: 1px solid black;*/
	opacity: 1.0;
}
#hand_right{
	z-index: 4;
	position: absolute;
	/*padding: 8px;
	padding-top: 7px;
	padding-left: 7px;
	text-align: center;
	
	float: left;*/
	margin-left:100px;
	margin-top: 100px;
	left: auto;
	width: 400px;
	height: 400px;
	opacity: 0.0;
	color: green;
	/*background-size: cover;
	background-size: 100% 100%;*/
	background: url(../images/hand_right.png) 100% 100% no-repeat;/*изображение подгоняется под размер дива*/
	background-size: contain;/*изображение подгоняется под размер дива*/
	/*border: 1px solid white;*/	
}
#go a{
	z-index: 4;
	position: absolute;
	left: auto;
	/*padding: 5px;*/
	margin-left: 950px;
	margin-top: 560px;	
	width: 320px;
	height: 50px;
	opacity: 1.0;
	color: black;
	text-align: center;
	text-decoration: none;/*отмена подчёркивания текста*/
	line-height:40px;/*выравнивание строки вертикально по центру, подходит для одной строки*/
	font-weight: 200;
	font-size: 20px;	
	background-image: url(../images/fon_next2.png);
	font-family: lobster_my;	
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;*/ /*тень для текста толщиной 1 пиксель*/
}
#go a:hover{
	background-image: url(../images/fon_next_focus2.png);
	text-decoration: underline;/*подчёркивание текста*/
	/*text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;*/ /*тень для текста толщиной 1 пиксель*/
	/*background-image: url(../images/go_hover.png);*/
}
/*+++следы*/
.back_tracking{
	position: absolute;
	/*width: 70;
	height: 52;*/
	margin-top: -100px;
    margin-left: -100px;
    background-image: url(../images/blood3.png);
    background-size: 100% 100%;
	/*border: 1px solid red;*/
	opacity: 0.5;
	-ms-user-select: none;/*запрет выделения во всех браузерах*/
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/*---следы*/



#feedback{
	width: 160px;
    height: 20px;
    margin-top: 0px;
    margin-left: 820px;
    color: white;
}
#admpanel{
	width: 160px;
    height: 20px;
    margin-top: 0px;
    margin-left: 1050px;
}
#portf{
	width: 140px;
    height: 20px;
    margin-top: 0px;
    margin-left: 940px;
}
.navigation{
    position: absolute;
    z-index: 5;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    font-family: blogger_my;    
}
.navigation a:visited{/*посещённая*/
    color: #424242;
    text-decoration: none;
}
.navigation a:link{/*нормальное состояне*/
    color: #424242;
    text-decoration: none;
}
.navigation a:hover{/*при наведении*/
    text-decoration: underline;
}
.navigation a:active{/*во время нажатия*/    
    color: #d1d2d3;
    text-decoration: none;
}
.navigation2{
    position: absolute;
    z-index: 5;
    box-sizing: border-box;/*свойство не даёт увеличиваться размеру дива при увеличении отступов паддинг*/
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    font-family: blogger_my;    
}
.navigation2 a:visited{/*посещённая*/
    color: white;
    text-decoration: none;
}
.navigation2 a:link{/*нормальное состояне*/
    color: white;
    text-decoration: none;
}
.navigation2 a:hover{/*при наведении*/
    text-decoration: underline;
}
.navigation2 a:active{/*во время нажатия*/    
    color: #d1d2d3;
    text-decoration: none;
}
/*+++верхний слайдер*/
#slide_panel_top_wrap {
	z-index: 6;
    width:20%;
    height: 250px;
    left: 40%;
    position:absolute; /*обязательное свойство*/
    overflow:hidden; /*обязательное свойство*/
    /*border: 1px solid red;*/
}
#slide_panel_top {
    margin-top:-240px; /*обязательное свойство*/
    width:100%; 
    height: 220px;
    position:relative; /*обязательное свойство*/
    float: left;
    top:0; /*обязательное свойство*/
    left:0; /*обязательное свойство*/
    background-color: white;
    color: black;
    font-family: blogger_my;
    opacity: 0.1;
    border-radius:0 0 40px 40px; /*закругляем углы*/
	-webkit-border-radius:0 0 40px 40px; /*закругляем углы*/
	-moz-border-radius:0 0 40px 40px; /*закругляем углы*/
	-khtml-border-radius:0 0 40px 40px;/*закругляем углы*/
}
.setters_top{
    width: 50px;
    height: 50px;
    border: 1px solid white;
}
/*---верхний слайдер*/
/*+++форма почты*/
#mailer{	
 	font-size: 12px;
}
.mailer_inp{
	height: 25px;
	border: 1px solid gray;
	font-family: blogger_my;
	border-radius:5px; /*закругляем углы*/
	-webkit-border-radius:5px; /*закругляем углы*/
	-moz-border-radius:5px; /*закругляем углы*/
	-khtml-border-radius:5px;/*закругляем углы*/
	font-size: 12px;
}
.mailer_inp:focus { 
  outline: none;
  border: 1px solid gray;
} 
.mailer_inp:required:invalid {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
  	border: 1px solid gray;
}
.mailer_ta{
	font-family: blogger_my;
	border: 1px solid gray;
	border-radius:5px; /*закругляем углы*/
	-webkit-border-radius:5px; /*закругляем углы*/
	-moz-border-radius:5px; /*закругляем углы*/
	-khtml-border-radius:5px;/*закругляем углы*/
	resize: none;
	font-size: 12px;
}
.mailer_ta:focus {
  outline: none;
  border: 1px solid gray;
} 
.mailer_ta:required:invalid {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
  	border: 1px solid gray;
}
.mailer_btn{
    font-family: blogger_my;  
    width: 50%;
    height: 25px;
    margin-left: 25%;
    border: 1px solid gray;
    color: black;
    background-color: white;
    border-radius:5px; /*закругляем углы*/
    -webkit-border-radius:5px; /*закругляем углы*/
    -moz-border-radius:5px; /*закругляем углы*/
    -khtml-border-radius:5px;/*закругляем углы*/
    cursor: pointer;
    font-size: 12px;
}
#id_mailer_close{
	position: absolute;
	width: 50%;
	margin-left: 25%;
	bottom: 0px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	color: #D184B6;
	cursor: pointer;
	-ms-user-select: none;/*запрет выделения во всех браузерах*/
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
#id_mailer_close:hover{
	text-decoration: underline;
};
/*---форма почты*/