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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}@font-face{font-family:font1;src:url(fonts/font1.ttf)}body{font-family:Arial, sans-serif}.navTop{width:100%;height:7vw;background-color:#2A2A2A;box-shadow:0 .4vw 3vw #00ACC1;opacity:0.9;position:fixed;top:0;z-index:100}.logoLink{margin-left:10vw;display:block;width:23vw;padding-top:.6vw;float:left;text-decoration:none}.logoLink div:nth-of-type(1){color:#00ACC1;font-family:font1, Arial, sans-serif;font-size:2.4vw;margin-top:.17vw;padding-bottom:.6vw;text-align:center}.logoLink div:nth-of-type(2){text-align:center;color:Tomato;font-family:font1, Arial, sans-serif;font-size:1.6vw;letter-spacing:.2vw}nav ul{list-style:none;margin-left:0;float:right}nav ul li a{text-decoration:none;color:#fff;font-size:1.1vw;font-family:font2, Arial, sans-serif}nav ul li a:hover{color:#00ACC1;border-bottom:.1vw solid #00ACC1}nav ul li{float:left;margin-right:3vw;margin-top:2.1vw}.slide{width:100%;height:20vw;z-index:10;position:relative;padding-top:18vw;box-shadow:0 .4vw 3vw #00ACC1;background-image:url('images/fone.jpg');background-size:cover;}.bgvideo{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-9999}.languageLink{position:absolute;top:8vw;left:80vw;z-index:100;clear:both}.languageLink a{text-decoration:none;font-family:font1, Arial, sans-serif;font-size:1.2vw;color:#fff;background-color:#00ACC1;border-radius:1vw;padding:.5vw;border:.2vw #fff solid;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease}.langChecked{color:#00ACC1 !important;background-color:#fff !important;pointer-events:none;cursor:default}.siteCatch{color:#00ACC1;font-size:3.3vw;font-family:font1, Arial, sans-serif;padding:2.5vw;padding-left:5vw;padding-right:4vw;text-align:right;background-color:rgba(51, 48, 48, .8);width:49vw;box-shadow:0 .4vw 3vw #00ACC1;float:right;border-radius:1.5vw 0 0 1.5vw;margin-top:4.5vw}.afterSlide{background:url('images/fone1.jpg');padding:3vw 6vw;color:#2F2E2E;font-size:1.4vw;font-family:Arial, sans-serif}.afterSlide p:nth-of-type(1){margin-top:1.8vw}.afterSlide p:nth-of-type(1),.afterSlide p:nth-of-type(3){text-align:center;margin-bottom:1.6vw;font-size:1.8vw}.firstWords{color:#0097A7}.afterSlide p:nth-of-type(2),.afterSlide p:nth-of-type(4){margin-bottom:1.4vw;line-height:2.2vw;text-align:justify}.blockName{text-align:center;padding:2vw;font-size:3.6vw;color:#00ACC1;background-color:#2F2E2E;box-shadow:0 .4vw 3vw #00ACC1;z-index:10;position:relative}.studioBlock,.block{background:url('images/fone1.jpg')}.blockContent,.blockContent1{background:url('images/fone1.jpg');padding:3vw 6vw;padding-bottom:0;color:#2F2E2E;font-size:1.4vw;z-index:8;position:relative;font-family:Arial, sans-serif}.blockContentName{color:#08707B;margin-top:2vw;margin-bottom:.9vw;font-size:1.5vw}.blockWithBut{padding-bottom:4vw}.blockWithBut p{margin-bottom:1vw;line-height:2.2vw;text-align:justify}.blockWithBut a{float:right;margin-top:2vw;color:#fff;background-color:#00ACC1;cursor:pointer !important;text-align:center;font-size:2vw;padding:1vw 4vw;border-radius:.5vw;border:none;text-decoration:none;-webkit-transition:background-color 0.4s;-o-transition:background-color 0.4s;-moz-transition:background-color 0.4s;-ms-transition:background-color 0.4s;transition:background-color 0.4s;box-shadow:0 1px 2px 0 rgba(0,0,0,0.6)}.blockWithBut a span{margin-top:1vw}.textContent{opacity:0;font-size:.8vw}.normally{padding-top:1.5vw;display:inline-block}.line{width:100%;height:.1vw;background-color:gray;margin:0 auto}.blockContent1{padding-bottom:10vw}.blockPicIcon{width:23vw;height:auto;float:left;padding-right:3vw}.blockPicIcon1{width:36.5vw;height:auto;float:left;padding-right:3vw}.studioPics{clear:both;z-index:1;position:absolute;width:100%;}.studioImg{width:20%;height:15vw;float:left;transition:all .8s ease}.blockContentImg{background:url('images/fone1.jpg');padding:3vw 6vw;padding-bottom:5vw;color:#2F2E2E;font-size:1.4vw;font-family:Arial, sans-serif;position:absolute;z-index:0;top:224.8vw;height:55vw;box-sizing:border-box;width:100%}.blockContentImg p{text-align:justify}.blockContentDescr{font-size:1.1vw;line-height:1.3vw}.equipmentBlockName{color:#08707B;text-align:center;padding-top:3vw}.equipmentLine1{float:left;margin-left:6vw;width:22vw}#consoleContentName{font-size:2.2vw}.samplesBlock{width:100%;top:268vw;position:absolute;z-index:7}.samlesMusicBlock{width:100%;height:40vw;background:url('images/musicFone.jpg') no-repeat;background-size:cover;clear:both;padding-top:4vw;padding-bottom:4vw}.musicColumn1{float:left;margin-left:20vw}.musicColumn2{float:right;margin-right:20vw}.musicText{width:70vw;margin:0 auto;padding:1.5vw;background-color:rgba(255, 255, 255, .7);opacity:.7;border-radius:1.5vw;line-height:2vw;font-family:font1, Arial, sans-serif;box-shadow:0 .4vw 3vw #00ACC1}audio[controls]{margin-top:4vw;width:22vw;height:2.2vw;box-shadow:0 .4vw 3vw #00ACC1;border:.2vw solid #00ACC1;border-radius:.3vw}.audioYouTubeLink{text-decoration:none;color:#E62117;font-size:3.5vw;-webkit-transition:color 0.7s;-o-transition:color 0.7s;-moz-transition:color 0.7s;-ms-transition:color 0.7s;transition:color 0.7s}.contactBlock{width:100%;top:432vw;position:absolute}.contactBlock .blockName,.samplesBlock .blockName{z-index:15}.map{width:100%;height:30vw;position:relative;z-index:5}.formUnderMap{position:absolute;z-index:7;top:20vw;left:16vw}.contact-form1{width:34.5vw;height:12.4vw;background-color:#00ACC1;padding-top:1.4vw;padding-left:1.4vw;margin-left:1vw}.your-name{width:15.5vw;height:2.7vw;background-color:#08707B;border-left:.1vw solid rgb(0, 154, 211);border-right:.1vw solid rgb(0, 154, 211);border-top:none;border-bottom:none;color:white;font-size:1.56vw;float:left;padding-left:1vw}.email{width:15.5vw;height:2.7vw;background-color:#08707B;border-left:.1vw solid rgb(0, 154, 211);border-right:.1vw solid rgb(0, 154, 211);border-top:none;border-bottom:none;color:white;font-size:1.56vw;float:left;padding-left:1vw;margin-left:.1vw}.your-message{width:32.1vw;height:7.55vw;background-color:#08707B;border-left:.1vw solid rgb(0, 154, 211);border-right:.1vw solid rgb(0, 154, 211);border-top:none;border-bottom:none;color:white;font-size:1.56vw;padding-left:1vw;margin-top:.15vw;font-family:Arial, serif}.your-message::-ms-input-placeholder,.your-message::-moz-placeholder,.your-message::-webkit-input-placeholder,.email::-moz-placeholder,.email::-webkit-input-placeholder,.your-name::-moz-placeholder,.your-name::-webkit-input-placeholder{color:white}.your-message:focus::-ms-input-placeholder,.your-message:focus::-moz-placeholder,.your-message:focus::-webkit-input-placeholder,.email::-ms-input-placeholder,.email:focus::-moz-placeholder,.email:focus::-webkit-input-placeholder,.your-name::-ms-input-placeholder,.your-name:focus::-moz-placeholder,.your-name:focus::-webkit-input-placeholder{color:transparent}.button-send{width:14.06vw;height:3.5vw;margin-left:13vw;background-color:#00ACC1;border-left:.1vw solid rgb(153, 214, 235);border-right:.1vw solid rgb(153, 214, 235);border-top:none;border-bottom:none;margin-top:1vw;color:white;font-family:Arial, serif;font-size:1.78vw;text-align:left;padding-left:1.9vw;cursor:pointer;clear:both;-webkit-transition:background-color 0.4s;-o-transition:background-color 0.4s;-moz-transition:background-color 0.4s;-ms-transition:background-color 0.4s;transition:background-color 0.4s}.blockFileSend{float:left;margin-top:1vw;margin-left:1vw}.input_file label{width:14.06vw;height:3.5vw;box-sizing:border-box;padding-top:.55vw;display:block;cursor:pointer;overflow:hidden;background-color:#00ACC1;color:#fff;font-family:Arial, serif;font-size:1.78vw;text-align:left;padding-left:1.9vw;border-left:.1vw solid rgb(153, 214, 235);border-right:.1vw solid rgb(153, 214, 235);-webkit-transition:background-color 0.4s;-o-transition:background-color 0.4s;-moz-transition:background-color 0.4s;-ms-transition:background-color 0.4s;transition:background-color 0.4s}.input_file label:hover,.button-send:hover,.blockWithBut a:hover{background-color:#08707B}#file_name{margin-top:.7vw}#file_name,#file_size{line-height:1.9vw;font-size:1vw;color:#000;font-family:font1, Arial, sans-serif;margin-left:1vw}.input_file input{display:none}.formButtons{clear:both}.divSend{float:left;margin-top:.55vw}.arSendDiv{width:2.3vw;height:auto;margin-right:.4vw;float:right;margin-top:.45vw}.adress-area{width:31vw;height:12.35vw;background-color:#08707B;padding-top:1.4vw;padding-left:1.4vw;padding-right:1.4vw}.street{color:white;font-weight:700;font-size:1.5vw;line-height:2.26vw}.street1{color:white;font-size:1.4vw;margin-top:1.7vw}.navBottom{width:100%;height:7vw;background-color:#2A2A2A;box-shadow:0 .4vw 3vw #0088CB;opacity:0.9;position:absolute}.NavBotUl{position:absolute;float:right;left:13vw;top:.7vw}.NavBotUl ul{margin:0 auto;text-align:center;float:none;top:0}.navBottom ul li{margin-right:2.5vw}.navBottom ul li:last-of-type{margin-right:0}.top-button,.social-button{width:4.5vw;height:5vw;background-color:#00ACC1;float:left;margin-left:2vw;margin-top:1vw;border-radius:7%;text-align:center;border:0;color:#fff;font-size:1.6vw;text-decoration:none;display:inline-block;-webkit-transition:background-color 0.8s;-o-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;transition:background-color 0.8s}.social-button{width:6vw}.top-button:hover,.languageLink a:hover{background-color:#fff;color:#00ACC1}.top-button i{font-size:3vw}.ar-top{margin-top:9px}.social{float:right;margin-right:3vw}.social-button i{font-size:3vw;margin-top:1.2vw}#vk{background-color:#54769A;color:#fff;-webkit-transition:background-color 0.8s;-o-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;transition:background-color 0.8s}#vk:hover{background-color:#fff;color:#54769A}#fb{background-color:#3A5997;color:#fff;-webkit-transition:background-color 0.8s;-o-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;transition:background-color 0.8s}#fb:hover{background-color:#fff;color:#3A5997}#google{background-color:rgb(215, 61, 50);color:#fff;-webkit-transition:background-color 0.8s;-o-transition:background-color 0.8s;-moz-transition:background-color 0.8s;-ms-transition:background-color 0.8s;transition:background-color 0.8s}#google:hover{background-color:#fff;color:rgb(215, 61, 50)}#teamAnchor{position:absolute;top:312vw;height:120vw;padding-top:7vw}#musician{padding-top:0;padding-bottom:2.5vw;font-family:font2, Arial, sans-serif}.personsMus{width:80vw;left:50%;margin-left:-40vw;position:absolute;clear:both}.person1,.person2{width:20vw}.person1,.adress,.contact-form{float:left}.person2{float:right}.person3{width:35vw;height:10vw;float:left;margin:0 auto}.person3 p{font-size:1.5vw;margin-bottom:1vw;text-align:center;margin-left:2.6vw;width:35vw}.person3 div{width:35vw;height:auto;margin-left:2.6vw}.youTubeLink{text-decoration:none;color:#E62117;font-size:5vw;-webkit-transition:color 0.7s;-o-transition:color 0.7s;-moz-transition:color 0.7s;-ms-transition:color 0.7s;transition:color 0.7s}.youTubeLinkBlock{text-align:center;margin-left:2.6vw;width:35vw}.youTubeLink:hover,.audioYouTubeLink:hover{color:#8A110B}.personName{text-align:center;font-size:1.5vw}.persImg{width:20vw;height:auto;margin-top:1vw}.persImg img,.person3 div img,.arrow-send,.map img,.studioImg img,.blockPicIcon img,.blockPicIcon1 img{width:100%;height:100%}.pers3Img{margin-bottom:2.5vw}.otherMus{position:absolute;top:80vw;width:70vw;left:50%;margin-left:-35vw}.otherMus p{line-height:3vw;font-size:1.5vw}.otherMus p:nth-of-type(1){font-family:font1, Arial, sans-serif}
.blockContentImg1 {
top: 229.8vw;
}
#messegeResult {
font-size: 3vw;
line-height: 4vw;
color: #2f2e2e;
margin-top: -2vw;
margin-left: 1vw;
font-weight: bold;
}
/*Адаптиность*/
@media only screen and (max-width : 600px) {
.navTop {
height: auto;
position: absolute;
}
.logoLink {
float: none;
margin: 0 auto;
width: 63vw;
padding-top: 3vw;
}
.logoLink div:nth-of-type(1) {
font-size: 6.4vw;
}
.logoLink div:nth-of-type(2) {
font-size: 5vw;
}
.languageLink {
top: 22vw;
left: 38vw;
}
.languageLink a {
font-size: 3.6vw;
padding: 1vw;
border: .6vw #fff solid;
border-radius: 1.6vw;
}
.slide {
height: 130vw;
}
.siteCatch {
float: none;
margin: 0 auto;
margin-top: 112.8vw;
font-size: 5.3vw;
width: 80vw;
border-radius: 2vw;
color: tomato;
}
nav ul {
float: none;
margin: 16vw auto;
width: 50vw;
margin-bottom: 5vw;
}
nav ul li {
float: none;
text-align: center;
margin-right: 0;
}
nav ul li a {
font-size: 4vw;
padding: 2.5vw;
border: .5vw solid #00ACC1;
border-radius: 3vw;
margin-top: 2.5vw;
display: block;
cursor: pointer;
transition: all .6s;
}
nav ul li a:hover {
border: .5vw solid #fff;
color: #00ACC1;
}
.NavBotUl {
display: none;
}
.afterSlide p:nth-of-type(1),
.afterSlide p:nth-of-type(3) {
font-size: 7.8vw;
margin-top: 2vw;
margin-bottom: 2vw;
}
.afterSlide p:nth-of-type(2),
.afterSlide p:nth-of-type(4) {
font-size: 4.5vw;
line-height: 5vw;
}
.block {
padding-top: 0 !important;
}
.blockName {
font-size: 9.6vw;
}
.blockContent, .blockContent1 {
font-size: 4.5vw;
padding: 3vw 3.5vw;
}
.musicText {
width: 90vw;
line-height: 5vw;
margin-bottom: 3vw;
}
.blockContentImg {
top: 780.8vw;
padding-top: 15vw;
height: 286vw;
}
.blockContentImg1 {
top: 839.5vw;
}
.blockContentImg2 {
top: 820.8vw;
}
.equipmentBlockName {
font-size: 6.6vw !important;
}
#teamAnchor {
top: 1179.5vw;
height: 780vw;
width: 100%;
}
.blockWithBut p {
line-height: 5vw;
}
.blockContentName {
font-size: 5.6vw;
text-align: center;
margin-bottom: 1.5vw;
margin-top: 5.5vw;
}
.blockContentName1 {
font-size: 4.6vw;
margin-top: 3.2vw;
}
.blockContentDescr1 {
font-size: 3.5vw !important;
}
.contactBlock {
top: 1956vw;;
padding-top: 0 !important;
}
.studioBlock {
padding-top: 0 !important;
}
.blockWithBut a {
float: none;
display: block;
margin: 0 auto;
margin-top: 3vw;
font-size: 6vw;
width: 70vw;
}
.blockPicIcon1 {
width: 100%;
float: none;
padding-right: 0;
margin-bottom: 2vw;
}
.blockPicIcon {
width: 100%;
float: none;
padding-right: 0;
margin-bottom: 2vw;
}
.studioImg {
height: 30vw;
}
.studioImgMob1 {
width: 45% !important;
}
.studioImgMob2 {
width: 55% !important;
}
.studioImgMob3 {
width: 25% !important;
}
.studioImgMob4 {
width: 37% !important;
}
.studioImgMob5 {
width: 38% !important;
}
#consoleContentName {
font-size: 7.6vw;
}
.equipmentLine1 {
float: none;
margin-left: 0;
width: auto;
}
.blockContentImg p {
text-align: center;
}
.blockContentDescr {
font-size: 4.5vw;
line-height: 4.9vw;
}
.samplesBlock {
top: 1066vw;
padding-top: 0 !important;
}
.samlesMusicBlock {
height: 91vw;
}
.musicColumn1, .musicColumn2 {
float: none;
margin-left: 0;
margin-right: 0;
width: 83vw;
margin: 0 auto;
}
.audioYouTubeLink {
font-size: 12vw;
padding-top: 6vw;
}
audio[controls] {
margin-top: 4vw;
width: 66vw;
height: 8vw;
}
#musician {
font-size: 6.5vw !important;
}
.person1, .person2, .person3 {
float: none;
width: auto;
height: auto;
}
.persImg {
width: auto;
}
.person3 div {
width: auto;
margin-left: 0;
}
.personName {
font-size: 4.5vw;
}
.person3 p {
font-size: 4.5vw;
margin-left: 0;
width: auto;
}
.youTubeLink {
font-size: 15vw;
}
.map {
height: 98vw;
}
.formUnderMap {
left: 12.4vw;
text-align: center;
}
.adress, .contact-form {
float: none;
}
.adress-area {
width: 71vw;
height: 23.4vw;
padding: 2vw;
}
.street {
font-size: 4.5vw;
line-height: 4.9vw;
}
.contact-form1 {
width: 71vw;
height: 38.7vw;
margin-left: 0;
padding: 2vw;
margin-top: 2vw;
}
.your-name, .email, .your-message {
float: none;
}
.your-name, .email {
width: 66vw;
height: 7.7vw;
font-size: 4.66vw;
}
.email {
margin-top: 2vw;
}
.your-message {
width: 66vw;
height: 16.7vw;
font-size: 4.66vw;
margin-top: 2vw;
}
.blockFileSend {
margin-left: 0;
margin-top: 2vw;
}
.input_file label {
width: 38.06vw;
height: 7.5vw;
font-size: 5.78vw;
}
.button-send {
width: 40.06vw;
height: 7.5vw;
font-size: 5.78vw;
margin-left: 2vw;
margin-top: 2vw;
}
.arSendDiv {
width: 4.8vw;
}
.navBottom {
top: 114vw;
height: 36vw;
}
.top-button, .social-button, .social {
float: none;
}
.top-button {
width: 76vw;
height: 12vw;
border-radius: 2vw;
margin: 3vw auto;
display: block;
font-size: 5vw;
padding-top: 1vw;
padding-bottom: 1vw;
}
.top-button i {
font-size: 6vw;
}
.social {
margin: 0;
text-align: center;
}
.social-button {
width: 16vw;
height: 12vw;
margin: 0;
}
.social-button i {
font-size: 6vw;
margin-top: 3vw;
}
#file_name, #file_size {
line-height: 4.9vw;
font-size: 4vw;
text-align: left;
}
#messegeResult {
font-size: 6vw;
margin-top: 2vw;
}
}