@font-face {
    font-family: Franklin Gothic Demi Cond;
    src: url(Franklin_Gothic.ttf);
   }
   /* HEADER */
body{
	margin:0;
	padding:0;
	background-color:#e6e6e4;
	font-family: "PT Sans Narrow";
	}

.conteiner{
	width:1000px;
	margin:0 auto;
	}
header{
	text-align:center;
	width:1200px;
	margin:0 auto;
	height: 92px;
	}
.down_scroll{
	background-image:url(img/down.png);
	width:93px;
	height:94px;
	position:absolute;
	margin-top:500px;
	margin-left:48%;
	opacity:0.8;
	}
.down_scroll:hover{
	opacity:1;
	}
nav{
	text-align:center;
	display:block;
	padding:0;
	margin:0 auto;
	}
.logo{ padding:0;}

nav a{
  font-size: 18.36px;
  font-family: "PT Sans Narrow";
  color: rgb( 29, 27, 27 );
  text-transform: uppercase;
  text-decoration:none;
  display:inline-block;
  padding-left:30px;
  padding-right:30px;
  padding-top:30px;
  z-index:10;
  vertical-align:text-top;
	}
nav a:hover{
	background-image:url(img/menu_h.png);
			 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	height:50px;
	color:#FFF;
	}
.logo:hover{
	background:none;
	height:88px;
}
.logo_m{
	text-align:center;
	margin-top:-10px;
  font-size: 20px;
  margin-left:-60px;
  margin-bottom:0;
  padding-bottom:0;
  font-family: "Franklin Gothic Demi Cond";
  font-weight:normal;
  color: rgb( 52, 122, 226 );
  text-transform: uppercase;
  letter-spacing:10px
}

 /* HEADER */
.main_f{
	margin:0 auto;
	text-align:center;
	}

.main_img{
	float:left;
	padding-right:10px;}
.main_content p{
  font-size: 15px;
  font-family: "PT Sans";
  margin-bottom: 5px;
  margin-top: 5px;
}
.index_page p{
  text-indent: 38px;
}
.main_l_col{display:inline-block;
max-width:760px;}
.calendar_of_event{
	width:200px;
	height:200px;
	display:inline-block;
	float:right;}

.main_content{z-index:50;position:relative;}

.main_content h1{
	text-align:center;
	font-weight:bold;
  font-size: 45px;
  font-family: "PT Sans Narrow";
  color: rgb( 230, 88, 88 );
  text-shadow: 0.5px 0.866px 0px rgb( 255, 255, 255 );
}
.main_content h1 span{
  color: #598bd0;
}

/* AUDIO PAGE */
.audio_page{
	z-index:50;
	position: relative;
}
.audio_page .widget-title {
	cursor:pointer;
	background-image: url(img/show.png);
	-moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
    -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:100%;
	height:42px;
	font-size: 15px;
	font-family: "Tahoma";
	color: rgb( 48, 44, 46 );
	padding-left:35px;
	padding-top:11px;
	box-sizing: border-box;
}

.audio_page .textwidget {
	display:none;
	width: 100%;
	max-width:600px;
	margin-top: -3px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.audio_fon_im2 {
	background-image: url(img/audio111.png);
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 269px;
	height: 415px;
	position: absolute;
	right: 0;
	text-align: right;
	margin-top: -425px;
	z-index: 2;
}

.audio_fon_im{
background-image:url(img/audio_f_f.png);
						 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:285px;
	height:417px;
	position:absolute;
text-align: left;
margin-top: -417px;
z-index:2;
}

/* AUDIO PAGE */

.photo_block{
border: solid 2px #FFFFFF;
box-shadow: 1px 1px 5px 1px rgba(156, 156, 156, 0.86);
		display:inline-block;
		margin:10px;
}
.photo_block img{
padding:0;
margin:0;
max-height:150px;

}

/* CONTACT PAGE */

.phone_ico_cont{
	background-image:url(img/phone_cont.png);
	width:34px;
	height:32px;
	 display:inline-block;
	float: left;
	margin-top:10px;
	margin-right:10px;
	}
.phone_con{
	color:#777773;
	font-size:25px;
	display:inline-block;
	font-weight:bold;
	}
.phone_con span{
	color:#e65858;
	font-size:37px;
	}


.skype_ico_cont{
	background-image: url(img/skype.png);
	width:34px;
	height:32px;
	 display:inline-block;
	float: left;
	margin-top:2px;
	margin-right:10px;
	}

.skype_con{
	color:#2591dd;
	font-size:27px;
	display:inline-block;
	font-weight:bold;
	}

div.mail_ico_cont{
  background: url('img/mail.png') no-repeat;
  width: 35px;
  height: 35px;
  display: inline-block;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
  background-size: 35px 35px;
}
	
div.mail_con{
  color: #777773;
  font-size: 25px;
  display: inline-block;
}

#user_name, #user_email{
	font-family:"PT Sans";
	width: 200px;
   height: 40px;
   border: solid 0px #00E3E3;
   padding: 1px 1px 1px 5px;
   border-radius: 3px;
   font-size: 16px;
   background-color: #FFFFFF;
   position:relative;
   z-index:10;

   }
#user_email{ float:right;}
#user_name{ float:left;}
input:focus { outline: none; }
#user_text{
	font-family:"PT Sans";
	margin-top:15px;
	width: 427px;
   height: 125px;
   border: solid 0px #00E3E3;
   padding: 1px 1px 1px 5px;
   border-radius: 3px;
   font-size: 16px;
   background-color: #FFFFFF;
   outline: none;
    position:relative;
   z-index:10;
}
.button_cont{
	margin:0 auto;
	margin-top:10px;
	background-image:url(img/knopka.png);
					 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:211px;
	height:45px;

	  font-size: 16px;
  font-family: "PT Sans";
  color: rgb( 255, 255, 255 );
  text-shadow: 0.5px 0.466px 0px rgb( 0, 0, 0 );
   position:relative;
   z-index:10;
	}
.button_cont span{
	display:inline-block;
	margin-top:12px;
	margin-left:15px;
	cursor:pointer;}
.button_cont:hover{
	opacity:0.9;}
.cont_col2{
	display:inline-block;
	margin-left:30%;
	
}
.cont_col1{
	display:inline-block;
	float:left;}


.fon_foto_cont{
	background-image:url(img/cont_fon.png);
						 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:343px;
	height:314px;
	position:absolute;
	margin-left: 72%;
margin-top: 19px;
z-index:2;
}

/* CONTACT PAGE */


/* REPERTUAR PAGE */
.repertuar_page .widget-title{
	margin: 0 auto;
	cursor:pointer;
	width: 100%;
	max-width: 500px;
	height: 70px;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	background: white;
	border-radius: 8px;
	font-size: 49px;
	font-family: "PT Sans";
	color: rgb( 55, 159, 202 );
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 75px;
	box-sizing: border-box;
}

.repertuar_page .widget-title:before{
	content:url(img/rep.png);
	display: inline-block;
	margin: 7px 20px 2px -65px;
	width:56px;
	height:55px;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	position: absolute;
}


.ico_rep_rol {
    -webkit-transform: rotate(90deg) skew(0deg, -20deg);
       -moz-transform: rotate(90deg) skew(0deg, -20deg);
        -ms-transform: rotate(90deg) skew(0deg, -20deg);
         -o-transform: rotate(90deg) skew(0deg, -20deg);
            transform: rotate(90deg) skew(0deg, -20deg);
}
.repertuar_page .textwidget{
	  margin: 0 auto;
	  width:100%;
	  max-width: 500px;
	  display:none;
	  font-size: 19px;
	  font-family: "PT Sans";
	  color: rgb( 43, 47, 48 );
	  font-weight: bold;
	  text-align:left;
}

.repertuar_page .textwidget span{
	float:right;}

.rep_fon_im{
background-image:url(img/rep_f_f.png);
						 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:308px;
	height:429px;
	position:absolute;
right: 0;
text-align: right;
margin-top: -447px;
z-index:2;
}
	
/* REPERTUAR PAGE */


/* FOOTER */

footer {
    display: block;
    background-image: url("img/footer.png");
    height: 61px;
    min-width: 1000px;
    width: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.copy_r {
	padding-top:23px;
  font-size: 18.36px;
  font-family: "PT Sans Narrow";
  color: rgb( 251, 157, 157 );
  text-transform: uppercase;
  display:inline-block;
}


.foot_r{
	margin-top:25px;
  font-size: 18px;
  color: rgb( 136, 23, 42 );
  font-weight: bold;
    display:inline-block;
	float:right;
}
.foot_r span{
  font-size: 22px;
  color: rgb( 136, 23, 42 );
  font-weight: bold;
}
.f_soc{
	float:right;
	display:inline-block;
	background-image:url(img/footer_s.png);
				 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	padding:5px 5px 0px 5px;
	margin-top:15px;
	margin-left:20px;
}

/* FOOTER */


.video_fon_im{
background-image:url(img/vid.png);
						 -moz-background-size:100% 100%;
        -webkit-background-size:100% 100%;
        -o-background-size:100% 100%;
        -khtml-background-size:100% 100%;
    background-size:100% 100%;
	width:239px;
	height:450px;
	position:absolute;
right: 0;
text-align: right;
margin-top: -433px;
z-index:2;
}

.screen-reader-text{display:none;}