.numbers_posa a{
	top: -7px;
}
.numbers_posa a span{
	display: block;
	position: absolute;
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	color: gray;
	top: 80%;
	font-size: 15px;
	color: rgb(60, 229, 251);
	font-style: italic;
	line-height: 1.2;
	text-align: center;
	font-weight: 300;
}


.other_page .numbers_posa a span{
	color: #525252 !important
}


@media all and (max-width: 600px){
	#top_navbar .numbers_posa a:nth-child(2){
		display: inline-block !important;
	}
	#top_navbar .numbers_posa a{
		font-size: 14px !important;
	}
	#top_navbar .numbers_posa a span{
		font-size: 12px !important;
	}
	.numbers_posa a span{
		top: 75% !important;
	}
	.work_together .modal-dialog .modal-body{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}


@media all and (max-width: 1200px){
	#header .form-group input{
		width: 250px;
	}
}




#header .form_wrapper .form-group input, #header form select{
	font-style: normal !important;
}

#header .form_wrapper .title{
	text-align: center;
}

#header form select{
	padding: 9px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	border-radius: 0;
	text-align: center;
	border-bottom: 2px solid #545455;
}


#header form input, #header form select{
	width: 250px;
} 

#header form select, #header form select option{
	text-align: center;
	text-align-last:center;
}



#header form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: normal !important;
}
#header form input::-moz-placeholder { /* Firefox 19+ */
  font-style: normal !important;
}
#header form input:-ms-input-placeholder { /* IE 10+ */
  font-style: normal !important;
}
#header form input:-moz-placeholder { /* Firefox 18- */
  font-style: normal !important;
}



#our_studios .tiles_gray_wrap:before{
	background-image: url("../img/patterns/new_smile_bg.png");
}


@media all and (max-width: 768px){
	#header .form_wrapper .form-group input {
	    width: 100% !important;
	}
	#header .form_wrapper .form-group{
		width: 285px;
	}
	#header form input, #header form select{
		width: 100%;
	}
	.inline_btn_group{
		text-align: left;
		display: block;
		position: relative;
	}
	.inline_btn_group .btn_default{
		float: none;
		margin-left: 0;
	}
	.inline_btn_group br.hidden{
		/* display: none !important; */
	}
	.inline_btn_group_in_news .btn_default.right{
		margin-left: 0 !important;
	}

}

@media all and (max-width: 480px){
	#header .form_wrapper .form-group input{
		width: 100% !important;
	}
	#header .form_wrapper .form-group{
		margin-left: auto;
		margin-right: auto;
	}
	.front_page #header form{
		max-width: 285px;
	}
	#production #audio_list{
		padding-right: 15px !important; 
	}
	#production .patterns_bg_right {
	    top: 4% !important; 
	}
	#production .patterns_bg_left{
	    bottom: 4% !important; 
	}

	#production .btn_default.lg .name{
		font-size: 15px !important; 
	}
	#production .container-main{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

}


#header form select.wpcf7-not-valid{
	border-bottom-color: red;
}











.telegram_share{
	color: #2ca5e0 !important;
	font-size: 80%;
	margin-bottom: 4px;
}
.contacts_uls_in_maps{
	display: block;
	position: relative;
	padding-left: 120px;
}

#map_and_form .contacts_uls ul {
	display: block;
	position: relative;
	padding-left: 0;
}

#map_and_form .contacts_uls ul li {
	display: block;
	position: relative;
	font-size: 20px;
	font-family: "Roboto-Light";
	font-weight: 300;
	color: black;
	line-height: 1.6;
	text-align: left;
	padding-left: 30px;
}

#map_and_form .contacts_uls ul li a {
	-webkit-transition: color .5s ease;
	-o-transition: color .5s ease;
	transition: color .5s ease;
}

#map_and_form .contacts_uls ul li.sitemap a {
	text-decoration: none;
	color: #000;
}

#map_and_form .contacts_uls ul li.sitemap a:hover {
	color: #00c2ff;
	text-decoration: none;
	-webkit-transition: color .5s ease;
	-o-transition: color .5s ease;
	transition: color .5s ease;
}

#map_and_form .contacts_uls ul li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	color: #00c2ff;
	line-height: 1;
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#map_and_form .contacts_uls ul li.title {
	font-size: 20px;
	font-family: "Roboto-Italic";
	color: #ed1c24;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 10px;
	list-style-type: none;
	text-transform: none !important;
}

#map_and_form .contacts_uls ul li.phone {
	font-size: 27px;
	color: black;
	line-height: 1.5;
	text-align: left;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

#map_and_form .contacts_uls ul li.phone a {
	color: #000;
	text-decoration: none;
	outline: none;
}

#map_and_form .contacts_uls ul li.phone:before {
	content: "\f095";
}

#map_and_form .contacts_uls ul li.email {
	outline: none;
	font-size: 23px;
}

#map_and_form .contacts_uls ul li.email a {
	color: #000;
	text-decoration: none;
}

#map_and_form .contacts_uls ul li.email:before {
	content: "\f0e0";
}

#map_and_form .contacts_uls ul li.schedule:before {
	content: "\f017";
}

#map_and_form .contacts_uls ul li.sitemap:before {
	content: "\f0e8";
}

#map_and_form .contacts_uls ul li.marker:before {
	content: "\f041";
}

#map_and_form .contacts_uls ul li a:hover {
	-webkit-transition: color .35s ease;
	-o-transition: color .35s ease;
	transition: color .35s ease;
	color: #00c2ff;
}

#map_and_form .contacts_uls ul li.phone:before,
#map_and_form .contacts_uls ul li.marker:before {
	font-size: 23px;
}

#map_and_form .contacts_uls ul li.email:before {
	font-size: 22px;
}

#map_and_form .contacts_uls ul li.schedule:before,
#map_and_form .contacts_uls ul li.sitemap:before {
	font-size: 20px;
	top: 5px;
}

#map_and_form .contacts_uls ul li.phone:before {
	top: 9px;
}

#map_and_form .patterns_bg_left {
	display: block;
	position: absolute;
	left: -170px;
	top: -240px;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: left top;
	max-height: 90%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


#contacts #map {
  display: block;
  position: relative;
  width: 100%;
  min-height: 555px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  margin-top: 30px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(35, 32, 39, 0.2);
          box-shadow: 0px 5px 20px 0px rgba(35, 32, 39, 0.2);

}
#contacts #map iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}




#contacts .district_title{
	font-size: 20px;
	font-family: "Roboto-Italic";
	color: #ed1c24;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
	list-style-type: none;
	text-transform: none !important;
	margin-bottom: 35px;
}



#contacts .contacts_uls ul li.email a{
	line-height: 1.4;
}


#contacts .contacts_uls ul li.email{
	font-size: 20px;
}




#contacts .contacts_uls ul li{
	line-height: 1.35;
}

#contacts .contacts_uls ul li:before{
	top: 3px;
}



#contacts .contacts_uls ul li.phone:before, #contacts .contacts_uls ul li.marker:before, #contacts .contacts_uls ul li.email:before, #map_and_form .contacts_uls ul li.email:before, #map_and_form .contacts_uls ul li.phone:before, #map_and_form .contacts_uls ul li.marker:before {
    font-size: 20px;
}




@media all and (max-width: 1200px){

	.col-new-right-item{
		margin-top: 65px;
	}
	.contacts_uls_in_maps{
		padding-left: 60px;
	}
	#production #audio_list{
		height: 310px !important;
	}
}

@media all and (max-width: 992px){

	.contacts_uls_in_maps{
		padding-left: 15px;
		text-align: center;
	}
	.contacts_uls_in_maps ul{
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		max-width: 450px;
	}
	.contacts_uls_in_maps{
		padding-left: 40px;
	}
/* 	.contacts_uls_in_maps ul{
		display: block !important;
		position: relative !important;
		text-align: center;
	}
	.contacts_uls_in_maps ul li{
		display: inline-block !important;
		position: relative !important;
		width: 350px !important;
	} */
	#production .main_content{
		height: inherit !important;
		min-height: inherit !important;
	}

	.work_together .modal-dialog .modal-body {
	    padding-left: 100px;
	    padding-right: 100px;
	}
	#production #audio_list{
		height: 400px !important;
	}

}

@media all and (max-width: 600px){
	.col-xls-12{
		width: 100%;
		float: none;
		text-align: center;
	}
	.col-xls-12 ul{
		display: inline-block !important;
		position: relative !important;
		width: 250px;
	}
	#contacts .contacts_uls ul{
		margin-bottom: 0;
	}
	#contacts .contacts_uls ul li{
		margin-bottom: 20px;
	}
	#contacts .district_title{
		margin-bottom: 25px;
	}
	#contacts #map{
		margin-top: 15px;
	}
}



@media all and (max-width: 500px){
	#schedule_and_prices .air_area ul.docs li:nth-child(1) .btn_default .name, #schedule_and_prices .air_area ul.docs li:nth-child(2) .btn_default .name, #schedule_and_prices .air_area ul.docs li:nth-child(3) .btn_default .name{
		min-width: inherit !important;
		font-size: 15px;
	}
	#schedule_and_prices .air_area ul.docs li:nth-child(1) .btn_default:hover .name{
		letter-spacing: 0 !important;
	}
}


@media all and (max-width: 420px){
	
	#schedule_and_prices .air_area ul.docs li:nth-child(1) .btn_default .name, #schedule_and_prices .air_area ul.docs li:nth-child(2) .btn_default .name, #schedule_and_prices .air_area ul.docs li:nth-child(3) .btn_default .name{
		min-width: inherit !important;
	}
	#map_and_form .contacts_uls ul li.email a{
		font-size: 18px;ß
	}

	.work_together .btn_default.lg .name{
		font-size: 16px !important;
	}

}









@media all and (min-width: 600px){
	#contacts .contacts_uls ul li.email, #contacts li.schedule {
		margin-top: 13px;
	}
}




@media all and (max-width: 600px){
	.contacts_uls_in_maps{
		padding-left: 15px !important;
	}
}



@media all and (max-width: 360px){
  #map_and_form .contacts_uls ul li.email a{
    font-size: 16px;
  }
}





#top_navbar .numbers_posa a{
	top: 0;
}







.in_category_studio .typogr_standart a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    color: #ed1c24;
    line-height: 1.2;
    text-align: left;
    text-decoration: underline;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
}


.in_category_studio .typogr_standart a:hover {
    color: #00c2ff!important;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
}







#sign_up_lesson{
	display: block;
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}
#sign_up_lesson form{
	display: block;
	position: relative;
	text-align: center;
}

#sign_up_lesson form .wpcf7-form-control-wrap{
	display: block;
	position: relative;
	margin-bottom: 15px;
}

#sign_up_lesson form p{
	margin-bottom: 0;
}

#sign_up_lesson form .btn_default{
	margin-top: 20px;
}

#sign_up_lesson select{
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-radius: 0;
}


@media all and (max-width: 992px){
	#sign_up_lesson .col-item{
		width: 80%;
		margin-left: 10%;
	}
	.btn_align-mobile{
		margin-top: 25px;
	}
}


@media all and (max-width: 600px){
	#sign_up_lesson .col-item{
		width: 100%;
		margin-left: 0;
	}
}








#production{
	background-color: #e7e7e7;
}

#production .description{
	display: block;
	position: relative;
	text-align: center;
	font-size: 18px;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	text-align: center;
	font-weight: 300;
	font-family: "Roboto-Light";
}


#production .patterns_bg_left {
	display: block;
	position: absolute;
	left: -170px;
	bottom: 12%;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: left top;
	max-height: 90%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#production .patterns_bg_right {
	display: block;
	position: absolute;
	right: -170px;
	top: 12%;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	max-height: 90%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


#production .white_bg{
	display: block;
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 40px;
}


#production .white_bg:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: -3;
}


#production .cntrl_line{
	margin-top: 0;
}


#production .section-title{
	margin-bottom: 30px;
}


#production .blue_title {
    display: block;
    position: relative;
    text-align: center;
    font-size: 30px;
    font-family: "Roboto-Italic";
    color: #00c2ff;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
}


#production .main_content{
	display: block;
	position: relative;
	min-height: 380px;
	margin-bottom: 45px;
	text-align: center;
}
#production .btn_align{
	display: block;
	position: relative;
	text-align: center;
}


#production #audio_list{
	display: block;
	position: relative;
	width: 100%;
	height: 380px;
	max-height: 380px;
	overflow: auto;
	list-style-type: none;
	padding-left: 0;
	padding-right: 25px;
}


#production #audio_list::-webkit-scrollbar {
    width: 10px;
}
#production #audio_list::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}
#production #audio_list::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}



#production #audio_list li{
	display: block;
	position: relative;
	margin-bottom: 18px;
}



#production #audio_list .name{
  font-size: 16px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  font-weight: 300;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}


#production audio{
	display: block;
	width: 100%;
	outline: none !important;
}

	/* text-align: center; */




@media all and (min-width: 1200px){
	.work_together .modal-dialog {
		min-width: 1180px;
	}
}



#production .container-main{
	padding-left: 45px;
	padding-right: 45px;
}
    


.work_together .modal-dialog {
	margin-bottom: 80px;
}


.work_together .modal-dialog .modal-body {
    padding-left: 100px;
    padding-right: 100px;
}




/* INLINE FORM */

.inline_contact_form{
	display: block;
	position: relative;
	padding-top: 45px;
	padding-bottom: 45px;
}

.inline_contact_form .security_link{
	display: block !important;
	position: relative !important;
	text-align: center !important;
	font-size: 16px !important;
    display: inline-block;
    position: relative;
    text-align: left;
    font-size: 14px !important;
    color: #999999 !important;
    line-height: 1.2 !important;
    font-style: italic !important;
    font-family: "Roboto Condensed", sans-serif !important;
    padding: 15px 10px 10px 10px !important;
    font-weight: 300 !important;
    text-decoration: none;
    outline: none !important;
    text-decoration: none !important;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
}

.inline_contact_form p{
	margin-bottom: 0 !important;
}

.inline_contact_form .btn_default{
	margin-top: 25px;
}

.pre_sub_title{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 25px;
	text-align: center;
}

.pre_form_description{
	display: block;
	position: relative;
	font-size: 16px;
	margin-bottom: 40px;
	text-align: center;
}

.inline_contact_form .form-default{
	display: block;
	position: relative;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.inline_contact_form .form-default .col-xs-12{
	width: 100% !important;
	margin-left: 0 !important;
}





.message_state .pre_sub_title, .message_state .pre_form_description, .message_state .btn_default{
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.message_state.shown .pre_sub_title, .message_state.shown .pre_form_description, .message_state.shown .btn_default{
	opacity: .05 !important;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}





.inline_btn_group_in_news .btn_default{}

.inline_btn_group_in_news br:not(.hidden){
	display: none !important;
}

.inline_btn_group_in_news .btn_default.left{}

.inline_btn_group_in_news .btn_default.right{
	margin-left: 30px;
}

.inline_btn_group_in_news .btn_default.left .name{
	min-width: 180px;
}

.inline_btn_group_in_news .btn_default.right .name{
	min-width: 120px;
}









#master-class .btn_default.right_btn{
	margin-left: 50px;
}
#master-class .btn_default.left_btn .name{
	min-width: 175px;
}
#master-class .btn_default.right_btn .name{
	min-width: 80px;
}


@media all and (max-width: 992px){
	#master-class .btn_default.right_btn{
		margin-left: 0;
	}
}


@media all and (max-width: 768px){
	#master-class .btn_default.right_btn{
		margin-left: 20px;
	}
}


@media all and (max-width: 580px){
	#master-class br.hidden.liner{
		display: block;
	}
	#master-class .btn_default.right_btn{
		margin-left: 0;
	}
}




.map_obolon{
    background-image: url("../img/src/map_obolon.png") !important;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.map_osokorky{
    background-image: url("../img/src/map_osokorky.png") !important;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}