@import url(fonts.css);
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 139px;
	background:url(../images/bg_top.png)
}
.top_logo {position:absolute; padding-top: 30px;}
.social_top {text-align: right; padding-top: 13px; }
.social_top ul li {padding-right: 2px; display: -moz-inline-stack;display: inline-block;  vertical-align:top;
	font-family: 'Fira Sans Condensed', Arial; font-size: 15px; letter-spacing: 1px; color:#5c5c5c;}
.social_top a{font-family: 'Fira Sans Condensed', Arial; font-size: 15px; letter-spacing: 1px; color:#aeaeae; text-decoration: none}


.menu {font-family: 'Fira Sans Condensed', Arial; font-size: 17px; color:#ffffff; text-align: right; padding-top: 19px}
.menu a {
	color: #ffffff;
	text-decoration: none;
}
.menu a:visited {
	color: #ffffff;
}
.menu a:hover {
	color: #27b6de;
	text-decoration: none;
}


.menu ul li {display: -moz-inline-stack;display: inline-block; vertical-align:top; padding-right: 10px; padding-left: 10px;}


/* Big Photo
-----------------------------------------------------------------------------*/
.big_photo { background:url(../images/big_photo.jpg) center 0 no-repeat; height: 633px}

/* Add_review
-----------------------------------------------------------------------------*/
.add_review {position: fixed;
	display: block;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	z-index: 100001;
	left: 0;
	margin-top: -112.5px;
	top: 50%;
}

/* Albums
-----------------------------------------------------------------------------*/
.albums {padding-top: 54px; padding-bottom: 54px; background:url(../images/bg_album.png)}
.albums_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#272525; padding-bottom: 54px;}
.albums .name {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#272525; padding-top: 15px; padding-bottom: 10px; }
.albums ul {text-align: center; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #383d3f; line-height: 20px;}
.albums ul li { width:240px; display: -moz-inline-stack;display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding-left: 25px; padding-right: 25px; }
.albums .buttom {padding-top: 25px; padding-left: 25px; padding-bottom: 40px; text-align: left}
#download { width: 182px; height: 39px; background:url(../images/b_download.png);}
#download:hover { width: 182px; height: 39px; background:url(../images/b_download1.png);}
.albums .buttom .text {padding-left: 33px; padding-top: 9px; font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#242323; position:absolute;}
.albums .buttom .text1 {padding-top: 9px; padding-left: 127px; font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#6a7477; position:absolute;}
.all_albums {  align-content: center; padding-bottom: 10px; padding-top: 20px;}
#all_albums_buttom { width: 188px; height: 51px; background:url(../images/b_all_albums.png); margin: 0 auto;}
#all_albums_buttom:hover { width: 188px; height: 51px; background:url(../images/b_all_albums1.png); margin: 0 auto;}
.albums .text2 {padding-top: 15px; padding-left: 21px; font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#19809d; position:absolute;}
.albums .arrow { padding-top: 16px; text-align: right; padding-right: 18px}

/* About Us
-----------------------------------------------------------------------------*/
.about_us {background:url(../images/bg_about_us.jpg) center no-repeat;}
.about_us_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#ffffff; padding-bottom: 54px; padding-top: 54px;}
.about_us_text { float: left; width: 70%;}
.about_us_text_zag {font-family: 'Fira Sans Condensed', Arial; font-size: 22px; color:#66cef0; padding-left: 20px; padding-bottom: 25px; line-height: 30px}
.about_us_main_text {font-family: 'Open Sans', sans-serif; font-size: 17px; color: #b8ccd8; line-height: 24px; padding-left: 20px; padding-bottom: 25px;}
.about_us_right_zone {float: left; width: 30%; text-align: center}
.about_us_name {font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#ffffff; padding-bottom: 25px;}
.about_us_kompozitor {font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 16px; color: #66cef0; line-height: 20px; padding-top: 15px;}
.about_us_text_zag1 {font-family: 'Fira Sans Condensed', Arial; font-size: 22px; color:#66cef0; padding-left: 20px; padding-bottom: 54px; line-height: 30px}
.about_us_biography {font-family: 'Open Sans', sans-serif; font-size: 15px; color:#85feff; padding-top: 25px; padding-bottom: 54px}
.about_us_biography a {
	color: #85feff;
}
.about_us_biography a:visited {
	color: #85feff;
}
.about_us_biography a:hover {
	color: #bdfeff;
	text-decoration: none;
}

/* Tracks
-----------------------------------------------------------------------------*/
.tracks {padding-top: 54px; padding-bottom: 54px; background:url(../images/bg_album.png)}
.tracks_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#272525; padding-bottom: 54px;}
.tracks ul {text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #7e888c; line-height: 20px;}
.tracks ul li { width:550px; display: -moz-inline-stack;display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-bottom: 50px; }
.tracks_image { width: 200px; float: left; margin-right: 20px;}
.tracks_info {text-align:left;}
.track_name {font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#272525;}
.album_name {font-family: 'Fira Sans Condensed', Arial; font-size: 18px; color:#19809d; padding-top: 5px;}
.info {padding-top: 25px;}
.tracks_time { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #000000;}
.track_pleer {padding-top: 30px;}
.all_tracks {  align-content: center; padding-bottom: 10px; padding-top: 20px;}
#all_tracks_buttom { width: 188px; height: 51px; background:url(../images/b_all_albums.png); margin: 0 auto;}
#all_tracks_buttom:hover { width: 188px; height: 51px; background:url(../images/b_all_albums1.png); margin: 0 auto;}
.tracks .text2 {padding-top: 15px; padding-left: 41px; font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#19809d; position:absolute;}
.tracks .arrow { padding-top: 16px; text-align: right; padding-right: 18px}

/* Video
-----------------------------------------------------------------------------*/
.video { background-color: #f2f8fb; padding-bottom: 54px}
.video_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#272525; padding-bottom: 54px; padding-top: 54px}
.video ul {font-family: 'Open Sans', sans-serif; font-size: 15px; color:#5d6669; text-align: center}
.video ul li {width:356px; display: inline-block; vertical-align: top;  *display: inline; padding-left: 15px; padding-right: 15px; padding-bottom: 36px}
.video .images { padding-bottom: 20px; position: relative;}
.video .images span{position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}
.video .images span:hover{ background: url("../images/video_active.png") no-repeat;}
.video .name {font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#272525; padding-bottom: 15px;}

.all_videos {  align-content: center; padding-bottom: 10px; padding-top: 20px;}
#all_videos_buttom { width: 188px; height: 51px; background:url(../images/b_all_albums.png); margin: 0 auto;}
#all_videos_buttom:hover { width: 188px; height: 51px; background:url(../images/b_all_albums1.png); margin: 0 auto;}

.video .text2 {padding-top: 15px; padding-left: 38px; font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#19809d; position:absolute;}
.video .arrow { padding-top: 16px; text-align: right; padding-right: 18px}


/* Testimonials
-----------------------------------------------------------------------------*/
.testimonials {padding-top: 54px; padding-bottom: 54px; background:url(../images/bg_album.png)}
.testomonials_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#272525; padding-bottom: 34px;}
.box {
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37);
	box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37); margin:8px; border:#dddddd solid 1px; border-radius: 12px; padding: 20px; background-color: #ffffff; margin-bottom: 15px;
}
.testomonials_main_text {width: 90%; font-family: 'Open Sans', sans-serif; font-size: 17px; color:#151515;  display: inline-block; line-height: 20px; }
.testomonials_main_zag {font-family: 'Open Sans', sans-serif; font-style: oblique; font-size: 16px; color:#158cad; padding-bottom: 10px;}
.testomonials_date {width: 9%; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#909090;   display: inline-block; text-align: right; vertical-align: top; }

.all_testimonials {  align-content: center; padding-bottom: 34px; padding-top: 34px;}
#all_testimonials_buttom  { width: 188px; height: 51px; background:url(../images/b_all_albums.png); margin: 0 auto;}
#all_testimonials_buttom:hover { width: 188px; height: 51px; background:url(../images/b_all_albums1.png); margin: 0 auto;}
.testimonials  .text2 {padding-top: 15px; padding-left: 21px; font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#19809d; position:absolute;}
.testimonials  .arrow { padding-top: 16px; text-align: right; padding-right: 18px}

.box1 {
	-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37);
	-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37);
	box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.37); margin:8px; border:#dddddd solid 1px; border-radius: 12px; padding: 20px; background-color: #d0dde4; margin-bottom: 15px;
}
 .testimonials_send_zag {font-family: 'Fira Sans Condensed', Arial; font-size: 20px; color:#19809d; padding-bottom: 10px;}
 .testimonials_send_razdelitel { width: 100%; height: 2px; background: url("../images/bg_razdelitel.png")}

.testimonials ul {width: 100%;}
.testimonials_form{ overflow: hidden;}
.testimonials_send_left { padding-top: 15px; width: 20%; float: left;}
.testimonials_send_right {padding-top: 15px; width: 79%; float: right;}

.name_form {border-radius: 8px; padding: 10px; background-color: #ffffff;}
.name_form input, .name_form textarea{ border: 0; width: 100%; resize: none; font-family: 'Open Sans', sans-serif; font-size: 15px; color:#727171;}
.code_block{ overflow: hidden; padding: 12px 0 0;}
.code_block img{ float: right;}
.code_block .input_code{ float: right; width: 90px;}
.testimonials_form .button_block{ padding: 10px 0 0; overflow: hidden;}
.testimonials_form .submit_button{ float: right; background: url("../images/send.png"); width: 134px; height: 39px; border: 0; cursor: pointer;
font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#242323; text-transform: uppercase;}
.testimonials_form .submit_button:hover{ background-image: url("../images/send_hover.png");}
.clear{ clear: both;}

 .testimonials_name { margin:8px; border-radius: 10px; padding: 10px; background-color: #ffffff; margin-bottom: 15px;}
 .testimonials_name_imput { width: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; color:#727171;}
.testimonials_name_text {font-family: 'Open Sans', sans-serif; font-size: 15px; color:#727171;}


/* Contacts
-----------------------------------------------------------------------------*/
.contacts {background:url(../images/bg_contacts.jpg) top center no-repeat; padding-bottom: 50px;}
.contacts_zag {text-align: center; font-family: 'Fira Sans Condensed', Arial; font-size: 38px; color:#ffffff; padding-bottom: 54px; padding-top: 54px;}
.contacts_left {float: left; width: 50%;}
.contacts_right {float: left; width: 50%;}
.contacts_left_text { font-family: 'Open Sans', sans-serif; font-size: 18px; color:#e5f2fa; line-height: 24px; padding-bottom: 24px;}
.contacts_right_text { font-family: 'Open Sans', sans-serif; font-size: 18px; color:#e5f2fa; line-height: 24px; padding-bottom: 10px;}
.contacts_right_text1 { font-family: 'Open Sans', sans-serif; font-size: 16px; color:#64c5e4; line-height: 24px; padding-bottom: 24px;}
.contacts_left_mail { padding-bottom: 24px;}
.contacts a {font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#66cef0;}
.contacts a:hover {font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#66cef0; text-decoration: none}

.contacts_social {padding-top: 20px; padding-bottom: 24px}
.contacts_social ul li {padding-right: 2px; display: -moz-inline-stack;display: inline-block;}
.contacts_form {padding-top: 10px; padding-right: 20%;}
.contacts_form ul {font-family: 'Fira Sans Condensed', Arial; font-size: 16px; color:#6ed8fb;}
.contacts_form_span { width: 20%; text-align: right; float: left; padding-right: 21px}
.contacts_form_style input, .contacts_form_style textarea{ font-family: 'Open Sans', sans-serif;
	font-size: 14px; color:#b2bcc2;}
.contacts_form_style {border:#6e7f78 solid 1px; border-radius: 8px; padding: 8px; background-color: #000000; opacity: 0.6;}
.contacts_imput { border: none; background-color: transparent; width: 330px;}
.contacts_form ul li {padding-bottom: 24px; overflow: hidden;}
.contacts_form_style textarea{ width: 100%; background: transparent; border: 0; resize: none;}
.contacts_form .input_block{ width: 73%; float: right;}
.send { text-align: center;}

/* Bottom
-----------------------------------------------------------------------------*/
.footer { background-color: #000000; padding-top: 10px; padding-bottom: 10px;}
.footer .row {height:100%}
.footer_left { position:absolute; width:200px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#2f7185; padding-left: 20px;}
.footer_right {text-align: right; padding-right: 20px; font-family: 'Open Sans', sans-serif; font-size: 13px; color:#525252;}

/* about_me
-----------------------------------------------------------------------------*/
.about_me {background:url(../images/about_me_bg.jpg) top no-repeat}
.about_me_section {padding-top: 40px}
.about_me_left { width: 80%; float: left}
.about_me_right { width: 20%; float: left}
.about_me_text_zone { width: 750px; height: 850px; border-radius: 20px; padding: 20px; background: url("../images/bg_about_pole.png")}
.about_me_logo { background-color: #425b89; padding-top: 25px; padding-left: 20px; text-align: left; height: 100px;}
.about_me_block { font-family: 'Open Sans', sans-serif; font-size: 16px; color:#1c1f24; height: 690px; overflow: scroll; overflow-x: hidden;  padding: 10px; line-height: 22px;}
.about_me_text {padding: 10px;}
.about_me_text_blue {font-family: 'Open Sans:600', sans-serif; font-weight: 600; font-size: 16px; color:#2f4c80;}
.about_me_text_question {font-family: 'Open Sans:600', sans-serif; font-weight: 600; font-size: 16px; color:#1c1f24;}
.about_me_logotype {  background:url(../images/logo_about.png) no-repeat left top; height: 100%; width: 100%;}


/* logo_resurses
-----------------------------------------------------------------------------*/
.logo_r {width: 100%; height: auto; background-color: #fbfbfb; border-top: #eaeaea solid 1px;}
.logo_im {max-width: 100%; height: auto;}

/* Action
-----------------------------------------------------------------------------*/
@media (max-width: 350px){
	.top_logo {position:absolute; padding-top: 20px; padding-left: 10px}
}

@media (max-width: 490px){
	.contacts_right_text { font-family: 'Open Sans', sans-serif; font-size: 18px; color:#e5f2fa; line-height: 24px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
	.contacts_right_text1 { font-family: 'Open Sans', sans-serif; font-size: 16px; color:#64c5e4; line-height: 24px; padding-bottom: 24px; padding-left: 15px; padding-right: 15px;}
	.contacts_left_text { font-family: 'Open Sans', sans-serif; font-size: 18px; color:#e5f2fa; line-height: 24px; padding-bottom: 24px; padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 740px){
	.footer_left { position: relative; width: 100%; padding: 0px; text-align: center; padding-top: 12px; padding-bottom: 10px;}
	.footer_right { text-align: center; padding: 10px}
}

@media (max-width: 800px){
	.about_us_text { float: none; width: 100%;}
	.about_us_text_zag { padding-right: 20px;}
	.about_us_main_text { padding-right: 20px;}
	.about_us_text_zag1 { padding-right: 20px; padding-bottom: 25px}
	.about_us_right_zone {float: none; width: 100%;}
	.about_me_left { width: 100%; float: none}
	.about_me_right {display: none}
	.about_me_text_zone { width: auto; height: auto; background-color: #ffffff; padding: 0px;}
	.about_me_block {height: auto;
		overflow-y: hidden; padding: 10px; font-size: 15px; line-height: 20px;}
	.about_me_section {padding: 0px; background-color: #bedcf8}
	.about_me_logo { background-color: #425b89; padding-top: 15px; text-align: center; height: 80px; padding-left: 0px;}
	.about_me_logotype {  background:url(../images/logo_about1.png) no-repeat center top; height: 100%; width: 100%;}
	.about_me_text_blue {font-size: 15px;}
	.about_me_text_question {font-size: 15px;}

}

@media (max-width: 1000px){
	.menu {display:none;}
}

@media (max-width: 1200px){
	.top_logo {position:absolute; padding-top: 30px; padding-left: 20px}
	.contacts_form{ padding-right: 11%;}
}

@media (max-width: 970px){
	.contacts_left {float: none; width: 100%; text-align: center}
	.contacts_right {float: none; width: 100%; text-align: center}
	.contacts {background:url(../images/bg_contacts_rast.jpg) top repeat}
	.contacts_form_span { float:left ; text-align: right;}
	.contacts_form{ padding-right: 30px;}
	.contacts_form .input_block{ width: 76%;}
}

@media (max-width: 1090px){
	.about_us { background:url(../images/bg_about_us_rast.jpg) top repeat}
}

@media (max-width: 1000px){
	.big_photo { background:url(../images/big_photo1.jpg) center 0 no-repeat; height: 340px}
}

@media (max-width: 700px){
	.social_top {display:none;}
	.top_logo {position:absolute; padding-top: 30px; padding-left: 0px; width: 100%; text-align: center}
	.albums {padding-top: 24px; padding-bottom: 24px;}
	.albums_zag {padding-bottom: 24px; font-size: 30px;}
	.about_us_name {font-size: 18px;}
	.about_us_kompozitor {font-size: 14px;}
	.about_us_text_zag1 {font-size: 18px;}
	.about_us_zag {padding-bottom: 24px; padding-top: 24px; font-size: 30px;}
	.video { padding-bottom: 24px}
	.video_zag {padding-bottom: 24px; padding-top: 24px; font-size: 30px;}
	.about_us_main_text {font-size: 15px; line-height: 18px;}
	.testimonials {padding-top: 24px; padding-bottom: 24px;}
	.testomonials_zag {font-size: 30px; color:#272525; padding-bottom: 24px;}
	.testomonials_main_text {width: 100%; display: inherit; padding-bottom: 10px; font-size: 15px;}
	.testomonials_date { display: inherit; width: 100%; text-align: left}
	.testomonials_main_zag {padding-bottom: 2px;}
	.contacts { padding-bottom: 24px;}
	.contacts_zag {font-size: 30px; padding-bottom: 24px; padding-top: 24px;}
	.contacts_left_text {font-size: 16px;}
	.contacts_right_text {font-size: 16px;}
	.video ul li { padding-bottom: 13px}
	.video .images { margin-bottom: 10px; }
	.video .name {padding-bottom: 5px; font-size: 18px;}
	.all_albums { padding-bottom: 5px; padding-top: 5px;}
	.all_testimonials { padding-bottom: 15px; padding-top: 15px;}
	.box { padding:10px; background-color: #ffffff; margin-bottom: 10px;}
}

@media (max-width: 780px){
	.testimonials_send_left{ float: none; width: 100%;}
	.testimonials_send_right{ float: none; width: 100%;}
}

@media (max-width: 620px){
	.contacts_form_span{ float: none; width: 100%;}
	.contacts_form .input_block{ float: none; width: 100%;}
	.contacts_form{ padding: 0 30px;}
	.contacts_form_span{ text-align: left; padding-bottom: 10px;}
}

@media (max-width: 1300px){
	.add_review { display: none;}
}

@media (max-width: 1125px){
	.tracks_image {float: none;}
	.tracks ul li { width:305px; margin-right: 40px; }
	.info {padding-top: 10px;}
	.track_pleer {padding-top: 10px;}
}




/* Middle
-----------------------------------------------------------------------------*/
.row {
	width: 100%;
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
}