@charset "utf-8";
/* CSS Document */
/*
@font-face{
     font-family: Sunday; /* Имя шрифта */
 /*     src: url(../font/9147.otf);/* Путь к файлу со шрифтом */
	 
/*}

/*для Internet Explorer*/
body {
	margin: 0;
	background:url(../img/body-bg.jpg) repeat;
}
 @font-face {
    font-family:'Roboto';
    src:url('../font/Roboto-Black.eot');
    src:url('../font/Roboto-Black.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Black.woff') format('woff'),
		 url('../font/Roboto-Black.woff2') format('woff2'),
         url('../font/Roboto-Black.ttf') format('truetype'),
         url('../font/Roboto-Black.svg#PFDR') format('svg');
    font-weight:normal;
    font-style:normal;
    }


@font-face {
	font-family: 'Arial';
	src: url('fonts/arialbd.eot');
	src: url('fonts/arialbd.eot') format('embedded-opentype');  
}
@font-face {
	font-family: 'Tamburin';
	src: url('../font/Tamburin-Modern.ttf');
	src: url('../font/Tamburin-Modern.ttf') format('truetype');  
}

@font-face {
	font-family: 'Akademische';
	src: url('../font/Akademische-schmalfette.ttf');
	src: url('../font/Akademische-schmalfette.ttf') format('truetype');  
}

a {
	text-decoration: none; /* Убираем подчеркивание у ссылок *//*color: #FFFFFF;*/
}
/*

@font-face{
     font-family: Roboto; /* Имя шрифта 
      src: url(../font/Roboto-Black.ttf);/* Путь к файлу со шрифтом 
	 
}
@font-face {
	    font-family: Roboto; /* имя шрифта для CSS правил 
	    src:  url(../font/Roboto-Black.eot); /* если шрифт не установлен, тогда загружаем его по указанному пути 
  }*/
/*  body {


  };*/

.bg {
	position: absolute;
/*	font:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*  background-position:center;*/
	z-index: 50;
	width: 1000px;
	height: 1373px;
	/*left:0px;*/
	top: 0px;
	/*  vertical-align:middle;*/
	border: none;
	opacity: 1.0;/* text-align:center;*/
	background:url(../img/background.jpg) repeat-y;


}

.bg_podbor {
position: absolute;
/*	font:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*  background-position:center;*/
	z-index: 50;
	width: 1000px;
	height: 1950px;
	/*left:0px;*/
	top: 0px;
	/*  vertical-align:middle;*/
	border: none;
	opacity: 1.0;/* text-align:center;*/
	background:url(../img/background.jpg) repeat-y;	
}


.a_color {
	color: #603913;
}
.a_color2 {
	color: #FFF;
}
.a_color3 {
	color: rgb(68, 40, 39);
	
}
.a_color3:hover {
text-decoration: underline;}

.up1_div {
	position:absolute;
	left:273px;
	top:0px;
	height:25px;
	width:500px;
	border-color: #603913;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.up2_div {
	position:absolute;
	left:273px;
	top:0px;
	height:25px;
	width:500px;
	background-color:#FFF;
	opacity: 0.8;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.time_div {
	transform: scale(1.5,1.2);
	position:absolute;
	left:240px;
	font-family: "Tamburin";
	font-size: 22px;
	width: 700px;
	/* font-weight: bold; */
	color: #603913;
	text-align:left;		
}

.date_div {
	transform: scale(1.5,1.2);
	position:absolute;
	right:230px;
	font-size: 22px;
	width: 700px;
	font-family: "Tamburin";
	/* font-weight: bold; */
	color: #603913;
	text-align:right;		
}

.head1_div {
	position:absolute;
	left:25px;
	top:51px;
	height:90px;
	width:937px;
	border-color: #603913;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.head2_div {
	position:absolute;
	left:25px;
	top:51px;
	height:90px;
	width:937px;
	background-color:#FFF;
	opacity: 0.8;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area1_div {
	position:absolute;
	left:235px;
	top:210px;
	height:1123px;
	width:726px;
	border-color: #603913;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area2_div {
	position:absolute;
	left:235px;
	top:210px;
	height:1123px;
	width:726px;
	background-color:#FFF;
	opacity: 0.8;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area1_podbor_div {
	position:absolute;
	left:235px;
	top:210px;
	height:1700px;
	width:726px;
	border-color: #603913;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area2_podbor_div {
	position:absolute;
	left:235px;
	top:210px;
	height:1700px;
	width:726px;
	background-color:#FFF;
	opacity: 0.8;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area1_div_list_bon {
	position:absolute;
	left:235px;
	top:210px;
	/*height:1123px;*/
	width:726px;
	border-color: #603913;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.work_area2_div_list_bon {
	position:relative;
	left:-5px;
	top:-5px;
	width:726px;
	background-color:#FFF;
	opacity: 0.8;
	border: 5px solid #603913;
	border-radius: 1.6em 1.6em 1.6em 1.6em;	
}

.list_bon {
	position:relative;
	left:00px;
	text-align:left;
	font-family: Arial;
	font-size:18px;
	color:#5D470E;
	line-height:2;
}

.kont_o_bone {
	position: absolute;
	left: 252px;
	z-index: 81;
	top: 1234px;
	 font-family: "Akademische";
	font-size: 26px;
	width: 700px;
	/*font-family: "Roboto";*/
	font-weight: bold;
	color: #603913;
	line-height: 1;
	text-align: center;
}
.email1 {
	position: absolute;

	left: 444px;
	top: 1260px;
	width: 26px;
	height: 26px;
	z-index: 20;
}
.tel1 {
	position: absolute;

		left: 435px;
	top: 1234px;
	width: 40px;
	height: 26px;
	z-index: 20;
}
.email2 {
	position: absolute;
	
	left: 202px;
	top: 1036px;
	width: 26px;
	height: 26px;
	z-index: 20;
}
.tel2 {
	position: absolute;
	
	left: 192px;
	top: 1005px;
	width: 40px;
	height: 26px;
	z-index: 20;
}
.skupka_kontact {
	top: 1000px;
	position: absolute;
	left: 10px;
	z-index: 81;
	font-size: 22px;
	width: 700px;
	
	color: #603913;
	line-height: 1.6;
	text-align: center;
}
.skupka_foto {
	position: absolute;
	left: 25px;
	z-index: 100;
	top: 170px;
	font-size: 22px;
	width: 650px;
	height: 808px;
	border-color: #603913;
	border: 3px solid #603913;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.email3 {
	position: absolute;
	
	left: 197px;
	top: 1035px;
	width: 26px;
	height: 26px;
	z-index: 20;
}
.email4 {
	position: absolute;
	
	left: 197px;
	top: 1625px;
	width: 26px;
	height: 26px;
	z-index: 20;
}
.tel3 {
	position: absolute;
	font-family: "Roboto";
	left: 188px;
	top: 1006px;
	width: 40px;
	height: 26px;
	z-index: 20;
}

.tel4 {
	position: absolute;
	font-family: "Roboto";
	left: 188px;
	top: 1615px;
	width: 40px;
	height: 26px;
	z-index: 20;
}
.email_podbor {
	position: absolute;
	left: 10px;
	z-index: 81;
	top: 560px;
	font-size: 22px;
	width: 700px;
	font-family: "Roboto";
	color: #603913;
	line-height: 1.3;
	text-align: center;
}
.contact_podbor {
	top: 1841px;
	position: absolute;
	left: 262px;
	z-index: 81;
	font-size: 22px;
	width: 700px;
	font-family: "Roboto";
	color: #603913;
	line-height: 1.6;
	text-align: center;
}
.podbor_foto_r {
	position: absolute;
	left: 265px;
	z-index: 100;
	top: 750px;
	font-size: 22px;
	width: 670px;
	height: 470px;
	border-color: #603913;
	border: 3px solid #603913;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.podbor_foto_l {
	position: absolute;
	left: 615px;
	z-index: 100;
	top: 750px;
	font-size: 22px;
	width: 320px;
	height: 470px;
	border-color: #603913;
	border: 3px solid #603913;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}

.podbor_foto_litra {
	position: absolute;
	left: 265px;
	z-index: 101;
	top: 1250px;
	font-size: 22px;
	width: 670px;
	height: 543px;
	border-color: #603913;
	border: 3px solid #603913;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}

.kontakts_div {
	border: solid;
	left: 55px;
	top: 30px;
	width: 295px;
	height: 135px;
	position: absolute;
}

.contacts_div {
border: solid 0px;
	left: 55px;
	top: 40px;
	width: 310px;
	height: 135px;
	text-align:left;
	position: absolute;	
}

.www_salon_bonistics_ru {
	
    font-family: "Tamburin";
    font-size: 32px;
    color: rgb(68, 40, 39);
    line-height: 0.417;
    /* font-family: "Tahoma"; */
    /* font-weight: bold; */
    -moz-transform: scale(1.41,1);
    -webkit-transform: scale(1.41,1);
    -ms-transform: scale(1.41,1);
	transform: scale(1.41,1);
    position: absolute;
    right: 0px;
    left: 60px;
    top: 10px;
    z-index: 1;
    text-align-last: justify;
    width: 295px;
}
	
	

.www_салон_бонистики_рф {
	font-size: 32px;
    color: rgb(68, 40, 39);
    line-height: 0.417;
    text-align: right;
    font-family: "Tamburin";
    /* font-weight: bold; */
    -moz-transform: scale(1.21,1.5);
    /* -webkit-transform: scale(1, 1); */
    -ms-transform: scale(1.21,1.5);
    position: absolute;
    left: 25px;
    top: 51px;
    z-index: 21;
    transform: scale(1.21,1.5);
} 

.email {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 32px;
	height: 32px;
	z-index: 20;
}
.info_salon_bonistics_ru {
	font-size: 32px;
    color: rgb(68, 40, 39);
    line-height: 0.417;
    text-align: right;
    font-family: "Tamburin";
    /* font-weight: bold; */
    -moz-transform: scale(1.05, 1);
    /* -webkit-transform: scale(1.05, 1); */
    -ms-transform: scale(1.05, 1);
    transform: scale(1.21,1);
    position: absolute;
    left: 65px;
    top: 75px;
    z-index: 19;
}
.телефон {
	font-size: 26px;
    font-family: "Tamburin";
    /* font-weight: bold; */
    color: #603913;
    line-height: 0.417;
    text-align: right;
    -moz-transform: scale(1.11, 1.5);
    -webkit-transform: scale(1.11, 1.5);
    -ms-transform: scale(1.11, 1.5);
    transform: scale(1.55,1.5);
    position: absolute;
    left: 93px;
    top: 57px;
    z-index: 21;
}
.tel {
	position: absolute;
	font-family: "Roboto";
	left: 0px;
	top: 46px;
	width: 50px;
	height: 32px;
	z-index: 25;
}
.logo1 {
	position: absolute;
	/* background-position:center; */
	z-index: 9999;
	text-align: center;
	vertical-align: middle;
	border: none;
	opacity: 1;
	font-size: 24px;
	color: #FFF;
	top: 11px;
	left: 397px;
}

.container {
	/*margin: 100px auto auto 100px;*/
	position: absolute;
	left:356px;
	top:13px;
	width: 350px;
	height: 176px;
	opacity:0.95;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-ms-perspective: 600px;
	-o-perspective: 600px;
	perspective: 600px;
	-webkit-transition-duration: 0.5s;
	z-index:9999;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter:         drop-shadow(5px 5px 5px #222); 
}
.container:hover {
	-webkit-perspective: 900px;
}
#logo {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	-webkit-transition: -webkit-transform 5s;
	-moz-transition: -moz-transform 5s;
	-ms-transition: -moz-transform 5s;
	-o-transition: -o-transform 5s;
	transition: transform 5s;
}
.logo-rotation {
	-webkit-transform: rotateY( 360deg );
	-moz-transform: rotateY( 360deg );
	-ms-transform: rotateY( 360deg );
	-o-transform: rotateY( 360deg );
	transform: rotateY( 360deg );
}

.myCanvas1 {
	position: absolute;
	background-position: center;
	z-index: 111;
	width: 370px;
	height: 176px;
	left: 367px;
	top: 20px;
	vertical-align: middle;
	border: none;
	opacity: 0.95;
}
.login_div {
	border: none;
	position: absolute;
	left: 695px;
	top: 40px;
	height: 140px;
	width: 260px;/*	visibility:hidden;*/
	display: none;
}
.e_mail {
	position: absolute;
	font-size: 32px;
	font-family: "Tamburin";
	/* font-weight:bold; */
	color: #603913;
	line-height: 0.417;
	text-align: left;
	left: 0px;
	top: 18px;
	z-index: 15;
}
.пароль {
	font-size: 32px;
	font-family: "Tamburin";
	/* font-weight:bold; */
	color: #603913;
	line-height: 0.417;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 50px;
	z-index: 27;
}
.логин {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 163px;
	height: 24px;
	z-index: 16;
	font-size: 19px;
	font-family: "Tamburin";
	/* font-weight:bold; */
	color: #603913;
	size: 40;
}
.пароль2 {
	position: absolute;
	right: 0px;
	top: 45px;
	width: 163px;
	height: 23px;
	z-index: 17;
	font-size: 19px;
	font-family: "Tahoma";
	font-weight:bold;
	color: #603913;
	size: 40;
}
.регистрация {
	font-size: 27px;
    font-family: "Tamburin";
    /* font-weight: bold; */
    color: #603913;
    position: absolute;
    left: 0px;
    top: 80px;
    /* width: 190px; */
    /* height: 28px; */
    z-index: 26;
    background: none;
    text-align: center;
    border: 1px solid #394D63;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.регистрация:hover {
	color: #FFF;
	border: 1px solid #394D63;
	background: #603913;
}

.вход {
	font-size: 27px;
    font-family: "Tamburin";
    /* font-weight: bold; */
    color: #603913;
    position: absolute;
    right: 0px;
    top: 80px;
    width: 65px;
    /* height: 28px; */
    z-index: 26;
    background: none;
    text-align: center;
    border: 1px solid #394D63;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.вход:hover {
	
	color: #fff;
	background: #603913;
}

.recovery_pass {
	
	position: absolute;
	right: -5px;
	top: 115px;
	width: 170px;
	height: 28px;
	z-index: 26;
	background: none;
	
}

.recovery_text {

    font-size: 22px;
    font-family: "Tamburin";
    /* font-weight: bold; */
    color: #603913;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
}

.recovery_text:hover {
	color:#fff;
	background: #603913;
}



.logoff_div {
	border: none;
	position: absolute;
	left: 695px;
	top: 40px;
	height: 140px;
	width: 260px;
	display: none;
}

.history {
	border: none;
	position: absolute;
	left: 0px;
	top: 80px;
	height: 14px;
	width: 260px;
	/*display: none;*/
	position: absolute;
	font-size: 17px;
	font-family: "Tahoma";
	font-weight:bold;
	color:  #603913;
	line-height: 0.417;
	text-align: center;
	text-decoration: underline;
	
}

.hello {
	position: absolute;
	font-size: 25px;
	font-family: "Tahoma";
	font-weight:bold;
	color:  #603913;
	line-height: 0.417;
	text-align: center;
	width: 260px;
	left: 3px;
	top: 14px;
	z-index: 15;
}
.user_active {
	position: absolute;
	font-size: 25px;
	width:260px;
	font-family: "Tahoma";
	font-weight:bold;
	color:  #603913;
	line-height: 0.417;
	text-align:center;
	/*right: 0px;*/
	top: 50px;
	z-index: 15;
}
.user_text {
	position: absolute;
	width:260px;
	font-size: 18px;
	font-family: "Tahoma";
	font-weight:bold;
	color: #603913;
	line-height: 0.417;
	text-align:center;
	left: 0px;
	top: 49px;
	z-index: 15;
}
.выход {
	font-size: 19px;
	font-family: "Tahoma";
	font-weight:bold;
	color:  #603913;
	line-height: 0.556;
	-moz-transform: matrix( 1.00934579439253, 0, 0, 0.9344375431332, 0, 0);
	-webkit-transform: matrix( 1.00934579439253, 0, 0, 0.9344375431332, 0, 0);
	-ms-transform: matrix( 1.00934579439253, 0, 0, 0.9344375431332, 0, 0);
	position: absolute;
	left: 70px;
	top: 105px;
	width: 120px;
	height: 28px;
	z-index: 26;
	background: none;
	text-align: center;
	/*border-color:#633;*/
	border: 1px solid #394D63;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
	
}

.выход:hover {
	color:#fff;
	background: #603913;
}

.menu_pos {
	top: 182px;
	left: 314px;
	position: absolute;
	z-index: 170;
	font-size: 22px;
	font-family: "Akademische";
	font-weight:bold;
	color: #603913;
	line-height: 0.455;
	text-align: left;
	position: absolute;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	height:29px;
}

.menu_pos2 {
	top: 182px;
	left: 760px;
	position: absolute;
	z-index: 170;
	font-size: 22px;
	font-family: "Akademische";
	font-weight:bold;
	color: #603913;
	line-height: 0.455;
	text-align: left;
	position: absolute;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	height:29px;
}

.responseMessage {
	font-size: 22px;
	font-family: "Tahoma";
	font-weight:bold;
	color:  #603913;
	position: absolute;
	right:10px;
	z-index: 27;
	line-height:50px; 
	top: 250px;
	left: 283px;
	width: 640px;
}

.ya_metrika {
	position:absolute;
	top:1343px;
	left:560px;
}