/*@font-face {font-family: nautilus;src: url(fonts/nautiluspompilius.ttf);src: url('fonts/nautiluspompilius.woff2') format('woff2');src: url('fonts/nautiluspompilius.woff') format('woff');}*/




@font-face {
    font-family: 'nautilus';
    src: url('fonts/nautiluspompilius.eot');
    src: url('fonts/nautiluspompilius.eot?#iefix') format('embedded-opentype'),
         url('fonts/nautiluspompilius.woff2') format('woff2'),
         url('fonts/nautiluspompilius.woff') format('woff'),
         url('fonts/nautiluspompilius.ttf') format('truetype'),
         url('fonts/nautiluspompilius.svg#nautilus_pompiliusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
    margin: 0px;
    padding: 0px;
}

body {
    background: rgb(255, 255, 255);
	-webkit-text-size-adjust:none;
}

li {list-style:none;}

.clear {clear:both;}

.wrapper {
    width: 1000px;
    margin: 0px auto;
}

.head {
position:relative;
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg1.png) no-repeat center;
height:156px;
z-index:4;
}

.logo {
float:left;
margin-top:20px;
}

.head p{
    position:absolute;
    color:#FFF;
    top:57px;
    font:14px 'Arial';
    text-transform:uppercase;
	color:#99ccff;
	letter-spacing:.5px;
}

.head ul {
float:left;
margin-top:25px;
}

.head ul li {
float:left;
margin-left:30px;
}

.head ul li a{
font-family:Roboto;
font-weight:700px;
font-size:19px;
color:#99ccff;
text-transform:uppercase;
text-decoration:none;
}

.head ul li a:hover {text-decoration:underline;}

.block1 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg2.png) no-repeat center;
height:906px;
position:relative;
z-index:2;
padding-top:105px;
margin-top:-120px;
}

.b1_h {
font:59px nautilus;
color:#fff;
text-align:center;
width:615px;
margin:0 auto;
line-height:59px;
margin-top:20px;
}

.b1_i {
position:relative;
margin-top:80px;
margin-left:200px;
}

.b1_n {
position:absolute;
}

.b1_n1 {
margin-top:200px;
margin-left:85px;
}

.b1_n2 {
margin-top:110px;
margin-left:315px;
}

.b1_n3 {
margin-top:115px;
margin-left:660px;
}

.b1_n4 {
margin-top:260px;
margin-left:150px;
}

.b1_n5 {
margin-top:280px;
margin-left:750px;
}

.b1_n6 {
margin-top:490px;
margin-left:230px;
}

.b1_n7 {
margin-top:460px;
margin-left:670px;
}

.b1_n8 {
margin-top:640px;
margin-left:530px;
}

.block1 ul {
margin-top:40px;
}

.block1 ul li {
float:left;
width:380px;
margin-right:230px;
height:71px;
font:24px Roboto;
font-weight:300;
color:#fff;
margin-bottom:15px;
}

.block1 ul li span {width:225px;float:left;text-align:right;margin-top:3px;}

.block1 ul li img {
float:right;
}

.block1 ul li:nth-child(2n) {
float:right;
margin-right:0;
}

.block1 ul li:nth-child(2n) span {
float:right;
text-align:left;
}

.block1 ul li:nth-child(2n) img {
float:left;
}

.block1 ul li:nth-child(3) span {margin-top:17px;}

.block1 ul li:nth-child(5) span {margin-top:17px;}

.block1 ul li:nth-child(6) span {margin-top:17px;}

.b1_p {
float:left;
font:30px Roboto;
font-weight:bold;
font-style:italic;
color:#d5a469;
margin-top:75px;
}

.b1_b {
float:right;
cursor:pointer;
margin-top:53px;
font:25px nautilus;
color:#d5a469;
}

.b1_b  img{position:relative;top:20px;}

.bnm1 {
position:absolute;
margin-left:95px;
margin-top:5px;
}

.bnm2 {
position:absolute;
margin-left:-142px;
margin-top:5px;
}

/****/

.block2 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg3.jpg) no-repeat center;
height:847px;
position:relative;
z-index:1;
margin-top:-130px;
padding-top:50px;
}

.b2_n {}

.b2_n1 {margin-left:10px;margin-top:250px;}
.b2_n2 {margin-left:280px;margin-top:210px;}
.b2_n3 {margin-left:620px;margin-top:250px;}
.b2_n4 {margin-left:740px;margin-top:210px;}

.b2_n5 {margin-left:140px;margin-top:410px;}
.b2_n6 {margin-left:320px;margin-top:355px;}
.b2_n7 {margin-left:530px;margin-top:380px;}
.b2_n8 {margin-left:860px;margin-top:380px;}

.b2_h {
font:24px nautilus;
color:#fff;
text-align:center;
width:425px;
margin:0 auto;
padding-top:70px;
}

.block2_ul {

}

.block2_ul li {
float:left;
font:18px Roboto;
font-weight:300;
color:#fff;
width:285px;
margin-right:70px;
text-align:center;
}

.block2_ul li:last-child {margin-right:0;}

.block2_ul li img {
margin-top:20px;
position:relative;
z-index:1;
}

/*****/
.block3 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg4.png) no-repeat center;
position:relative;
z-index:3;
height:1119px;
margin-top:-150px;
}

.b3_h {
font:62px nautilus;
color:#e7c581;
text-decoration:underline;
font-weight:300;
padding-top:150px;
}

.key {
background:url(https://karaoke-mania.ru/img/key.png) no-repeat center;
width:996px;
height:715px;
margin:0 auto;
}

.key1 {
position:absolute;
text-align:center;
margin-top:130px;
}

.key1 span {font:33px Roboto;font-weight:500;color:#dfc283;}
.key1 p {font:110px Roboto;font-weight:700;color:#fffdd1;line-height:85px;}

.key2 {
position:absolute;
text-align:center;
margin-left:720px;
margin-toP:-10px;
}

.key2 span {font:33px Roboto;font-weight:500;color:#dfc283;}
.key2 p {font:100px Roboto;font-weight:700;color:#fffdd1;line-height:85px;}

.key3 {
position:absolute;
text-align:center;
margin-left:720px;
width:256px;
margin-top:205px;
}

.key3 span {font:33px Roboto;font-weight:500;color:#dfc283;}
.key3 p {font:110px Roboto;font-weight:700;color:#fffdd1;line-height:85px;}

.key4 {
position:absolute;
text-align:center;
margin-top:410px;
width:230px;
}

.key4 span {font:33px Roboto;font-weight:500;color:#dfc283;}
.key4 p {font:110px Roboto;font-weight:700;color:#fffdd1;line-height:85px;}

.key5 {
position:absolute;
text-align:center;
margin-left:760px;
margin-top:495px;
width:220px;
}

.key5 span {font:33px Roboto;font-weight:500;color:#dfc283;}
.key5 p {font:110px Roboto;font-weight:700;color:#fffdd1;line-height:85px;}

/***/

.block4 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg5.jpg) no-repeat center;
height:1041px;
position:relative;
z-index:2;
margin-top:-130px;
}

.b4_h {
padding-top:100px;
margin-left:300px;
}

.block4 ul {

}

.block4 ul li {
float:left;
width:500px;
margin-top:20px;
}

.block4 ul li img {
float:left;
}

.bvc {
position:absolute;
margin-top:4px;
margin-left:-88px;
}

.block4 ul li span {
position:relative;
font:22px Roboto;
color:#ffffff;
font-weight:400px;
margin-left:5px;
position:relative;
top:13px;
/*float:left;*/
}

.block4 ul li:nth-child(2) span {
position:relative;
top:0px;
}

.b4_l {

margin-top:60px;
margin-left:80px;
}

.b4_l1 {
position:absolute;
margin-left:0px;
margin-top:200px;
visibility:hidden;
margin-left:120px;
}

.form_one {
float:right;
margin-top:60px;
width:445px;
text-align:center;
background:rgba(255,255,255,.5);
padding:30px 0;
border-radius:15px;
}

.form_one input[type="text"] {
width:365px;
height:65px;
background:rgba(255,255,255,.5);
border:1px solid #918586;
outline:none;
border-radius:30px;
text-align:center;
-webkit-box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
-moz-box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
margin-bottom:10px;
font:30px nautilus;
color:#fff;
padding:0 10px;
}


.form_one input[type="text"]::-webkit-input-placeholder {opacity:0.5;color:#fff;}
.form_one input[type="text"]::-moz-placeholder          {opacity:0.5;color:#fff;}/* Firefox 19+ */
.form_one input[type="text"]:-moz-placeholder           {opacity:0.5;color:#fff;}/* Firefox 18- */
.form_one input[type="text"]:-ms-input-placeholder      {opacity:0.5;color:#fff;}

.form_one input[type="submit"] {
background:url(https://karaoke-mania.ru/img/button.png) no-repeat center;
width:406px;
height:100px;
border:none;
font:29px nautilus;
color:#663208;
cursor:pointer;
outline:none;
}

/***/

.block5 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg6.png) no-repeat center;
position:relative;
z-index:3;
height:1137px;
margin-top:-120px;
}

.b5_h {
padding-top:100px;
margin-left:310px;
}

.b5_h1 {
text-align:center;
font:32px nautilus;
color:#f8e0bb;
}

.tabl {
width:825px;
margin:0 auto;
margin-top:80px;
}

.b5t_h1 {
float:left;
width:280px;
height:80px;
}

.b5t_h1 span {
font:28px nautilus;
color:#f04b36;
display:block;
-moz-transform: rotate(-5deg); /* Для Firefox */
-ms-transform: rotate(-5deg); /* Для IE */
-webkit-transform: rotate(-5deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-5deg); /* Для Opera */
transform: rotate(-5deg);
line-height:28px;
margin-top:20px;
}

.b5t_h1 span i {
font-style:normal;
margin-left:170px;
}

.b5t_h2 {
float:left;
width:181px;
height:65px;
background:url(https://karaoke-mania.ru/img/pl1.png) no-repeat center;
text-align:center;
font:20px Roboto;
font-weight:700;
color:#b01717;
padding-top:40px;
}

.b5t_h3 {
float:left;
width:178px;
height:80px;
background:url(https://karaoke-mania.ru/img/pl2.png) no-repeat center;
text-align:center;
font:20px Roboto;
font-weight:700;
color:#b01717;
padding-top:25px;
}

.b5t_h4 {
float:left;
width:183px;
height:80px;
background:url(https://karaoke-mania.ru/img/pl3.png) no-repeat center;
text-align:center;
font:20px Roboto;
font-weight:700;
color:#b01717;
padding-top:25px;
}

.b5t_l {
border-top:2px solid #fff;
width:817px;
}

.b5t_l1 {
float:left;
width:254px;
height:39px;
border-right:2px solid #fff;
font:16px Roboto;
font-weight:400;
color:#fff;
padding-top:20px;
padding-left:30px;
}

.b5t_l2 {
float:left;
width:173px;
border-right:2px solid #fff;
height:54px;
text-align:center;
padding-top:5px;
}

.b5t_l3 {
float:left;
width:176px;
border-right:2px solid #fff;
height:54px;
text-align:center;
padding-top:5px;
}

.b5t_l4 {
float:left;
width:178px;
height:54px;
text-align:center;
padding-top:5px;
}

.tabl_fix {padding-top:10px !important;height:49px !important;}

.col1 {background:#6b7e97;}
.col2 {background:#b6c0cc;}
.col3 {background:#9da9ba;}

.gal1 {visibility:hidden;}
.gal2 {visibility:hidden;}
.gal3 {visibility:hidden;}
.gal4 {visibility:hidden;}
.gal5 {visibility:hidden;}
.gal6 {visibility:hidden;}
.gal7 {visibility:hidden;}

.b5t_e1 {
float:left;
width:284px;
height:80px;
border-right:2px solid #fff;
}

.b5t_e2 {
float:left;
width:173px;
border-right:2px solid #fff;
height:75px;
text-align:center;
padding-top:5px;
}

.b5t_e2 p {
font:24px Roboto;
font-weight:700;
color:#e4bb81;
}

.b5t_e2 button {
background:url(https://karaoke-mania.ru/img/button1.png) no-repeat center;
width:139px;
height:43px;
border:none;
outline:none;
cursor:pointer;
font:20px Roboto;
color:#fbdcde;
font-weight:700px;
}

.b5t_e3 {
float:left;
width:176px;
border-right:2px solid #fff;
height:75px;
text-align:center;
padding-top:5px;
}

.b5t_e3 p {
font:24px Roboto;
font-weight:700;
color:#e4bb81;
}

.b5t_e3 button {
background:url(https://karaoke-mania.ru/img/button1.png) no-repeat center;
width:139px;
height:43px;
border:none;
outline:none;
cursor:pointer;
font:20px Roboto;
color:#fbdcde;
font-weight:700px;
}

.b5t_e4 {
float:left;
width:176px;
height:75px;
text-align:center;
padding-top:5px;
}

.b5t_e4 p {
font:24px Roboto;
font-weight:700;
color:#e4bb81;
}

.b5t_e4 button {
background:url(https://karaoke-mania.ru/img/button1.png) no-repeat center;
width:139px;
height:43px;
border:none;
outline:none;
cursor:pointer;
font:20px Roboto;
color:#fbdcde;
font-weight:700px;
}

.b5t_b {
text-align:center;
font:30px nautilus;
color:#c0c7d1;
margin-top:50px;
}

.pos {
position:relative;
z-index:1;
margin-top:-20px;
padding-top:10px;
}

.pos.tabl_fix {
height:54px !important;
}

.pos1 {
position:relative;
z-index:2;
}

.pop1 {
position:absolute;
background:url(https://karaoke-mania.ru/img/pop.png) no-repeat;
width:128px;
height:79px;
text-align:center;
margin-left:460px;
margin-top:20px;
z-index:3;
}

.pop1_1 {
font:14px Roboto;
font-weight:700;
color:#ebd0aa;
line-height:15px;
margin-top:2px;
}

.pop1_2 {
font:18px Roboto;
font-weight:700;
color:#fff;
line-height:19px;
}

.pop2 {
position:absolute;
background:url(https://karaoke-mania.ru/img/pop.png) no-repeat;
width:128px;
height:79px;
text-align:center;
margin-left:830px;
margin-top:20px;
z-index:3;
}

.pop2_1 {
font:18px Roboto;
font-weight:700;
color:#fff;
line-height:22px;
margin-top:4px;
}

.pop2_2 {
font:14px Roboto;
font-weight:700;
color:#ebd0aa;
line-height:15px;
}

.pop2_3 {
font:11px Roboto;
font-weight:700;
color:#ebd0aa;
line-height:12px;
}

.pop3 {
position:absolute;
background:url(https://karaoke-mania.ru/img/pop.png) no-repeat;
width:128px;
height:79px;
text-align:center;
margin-left:50px;
margin-top:80px;
z-index:3;
zoom: 1.5;
}
/***/

.block6 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg7.png) no-repeat center;
height:1452px;
position:relative;
z-index:2;
margin-top:-120px;
}

.b6_h {
padding-top:160px;
margin-left:110px;
}

.b6_rr1 {
background:url(https://karaoke-mania.ru/img/r11.png) no-repeat center;
width:478px;
height:481px;
margin:0 auto;
text-align:center;
margin-top:60px;
margin-bottom:20px;
visibility:hidden;
}

.b6_rr2 {
background:url(https://karaoke-mania.ru/img/r22.png) no-repeat center;
width:478px;
height:481px;
margin:0 auto;
text-align:center;
margin-top:60px;
margin-bottom:20px;
visibility:hidden;
}

.b6_rr3 {
background:url(https://karaoke-mania.ru/img/r.png) no-repeat center;
width:478px;
height:481px;
margin:0 auto;
text-align:center;
margin-top:60px;
margin-bottom:20px;
visibility:hidden;
}

.b6_b {
width:808px;
margin:0 auto;
margin-top:160px;
}

.ow_box {
width:808px;
margin:0 auto;
}

.b6_r1 {
font:19px Roboto;
font-weight:400;
color:#fff;
padding-top:85px;
}

.b6_r2 {
font:25px Roboto;
color:#e8d5a1;
font-weight:700;
}

.b6_r3 {
font:25px Roboto;
color:#e8d5a1;
font-weight:700;
margin-top:-5px;
}

.b6_r4 {
font:19px Roboto;
color:#fff;
font-weight:400;
width:330px;
margin:0 auto;
}

.b6_r5 {
font:30px Roboto;
color:#ed7a79;
font-weight:700;
margin-top:30px;
}

.b6_r button {
background:url(https://karaoke-mania.ru/img/button2.png) no-repeat;
width:195px;
height:59px;
border:none;
outline:none;
cursor:pointer;
font:28px Roboto;
font-weight:700;
color:#fff;
margin-top:15px;
}

.b6_b1 {
position:absolute;
margin-top:350px;
width:146px;
text-align:center;
font:14px Roboto;
font-weight:300;
color:#fff;
margin-left:60px;
visibility:hidden;
}

.b6_b1 p {
margin-top:-10px;
}

.b6_b2 {
position:absolute;
font:14px Roboto;
font-weight:300;
color:#fff;
margin-top:170px;
margin-left:50px;
visibility:hidden;
}

.b6_b2 p {width:110px;margin-top:-30px;margin-left:-20px;}

.b6_b3 {
position:absolute;
font:14px Roboto;
font-weight:300;
color:#fff;
margin-left:90px;
margin-top:-30px;
visibility:hidden;
}

.b6_b3 p {
width:80px;
margin-top:-60px;
margin-left:-20px;
}

.b6_b4 {
position:absolute;
margin-left:330px;
text-align:center;
width:161px;
font:14px Roboto;
font-weight:300;
color:#fff;
margin-top:-110px;
visibility:hidden;
}

.b6_b4 img {
margin-top:-10px;
}

.b6_b5 {
position:absolute;
margin-left:580px;
font:14px Roboto;
font-weight:300;
color:#fff;
margin-top:-60px;
visibility:hidden;
}

.b6_b5 p {
width:70px;
text-align:right;
margin-left:150px;
margin-top:-50px;
}

.b6_b6 {
position:absolute;
margin-left:630px;
margin-top:120px;
font:14px Roboto;
font-weight:300;
color:#fff;
visibility:hidden;
}

.b6_b6 p {
width:90px;
text-align:right;
margin-left:75px;
margin-top:-45px;
}

.b6_b7 {
position:absolute;
margin-left:580px;
margin-top:355px;
font:14px Roboto;
font-weight:300;
color:#fff;
text-align:center;
visibility:hidden;
}

.b6_b7 p {
margin-top:-30px;
}

.b6_bottom {
font:28px nautilus;
color:#fdeebd;
text-align:center;
margin-top:50px;
}

.b6_button {
text-align:center;
background:url(https://karaoke-mania.ru/img/button3.png) no-repeat center;
width:402px;
height:77px;
text-align:center;
font:28px nautilus;
color:#663208;
line-height:28px;
padding-top:15px;
cursor:pointer;
margin:0 auto;
margin-top:20px;
}

/****/

.block7 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg8.png) no-repeat center;
height:666px;
position:relative;
z-index:1;
margin-top:-120px;
}

.block7 img {
float:left;
margin-top:200px;
}

.b7_t {
float:right;
font:28px nautilus;
color:#fff;
width:468px;
margin-top:200px;
}

/***/

.block8 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg9.png) no-repeat center;
position:relative;
z-index:2;
margin-top:-120px;
height:1470px;
}

.b8_h {
margin-left:100px;
padding-top:130px;
visibility:hidden;
}

.block8 ul {

}

.block8 ul li {
float:right;
width:550px;
height:200px;
background:url(https://karaoke-mania.ru/img/bg10.png) no-repeat left;
margin-bottom:-80px;
}

.block8 ul li:nth-child(2n) {
float:left;
background:url(https://karaoke-mania.ru/img/bg11.png) no-repeat right;
}

.b8_n1 {
float:left;
background:url(https://karaoke-mania.ru/img/bg12.png) no-repeat center;
width:49px;
height:37px;
font:33px nautilus;
color:#fff;
padding-top:22px;
padding-left:14px;
margin-top:55px;
margin-left:30px;
visibility:hidden;
}

.block8 ul li:nth-child(2n) .b8_n2 {text-align:right;float:right;margin-right:10px;}

.block8 ul li:nth-child(2) .b8_n2 {margin-top:30px;}
.block8 ul li:nth-child(5) .b8_n2 {margin-top:40px;}
.block8 ul li:nth-child(6) .b8_n2 {margin-top:30px;}
.block8 ul li:nth-child(7) .b8_n2 {margin-top:50px;}

.b8_n2 {
float:left;
width:385px;
margin-top:60px;
margin-left:10px;
visibility:hidden;
}

.b8_n2 p {
font:28px nautilus;
color:#eae0b8;
line-height:28px;
}

.b8_n2 i {
font:22px nautilus;
color:#fff;
font-style:normal;
line-height:22px;
}

.b8_n2 span {
font:17px Roboto;
color:#fff;
font-weight:400;
}

.b8_n3 {
float:right;
background:url(https://karaoke-mania.ru/img/bg12.png) no-repeat center;
width:49px;
height:37px;
font:33px nautilus;
color:#fff;
padding-top:22px;
padding-left:14px;
margin-top:55px;
margin-right:10px;
visibility:hidden;
}

.b8_l {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:112px;
height:85px;
}

.b8_l1 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:232px;
height:85px;
}

.b8_l2 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:352px;
height:85px;
}

.b8_l3 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:472px;
height:85px;
}

.b8_l4 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:592px;
height:85px;
}

.b8_l5 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:712px;
height:85px;
}

.b8_l6 {
position:absolute;
border-left:1px dashed #ebe1af;
margin-left:500px;
margin-top:832px;
height:85px;
}

/****/
.block9 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg13.png) no-repeat center;
height:637px;
position:relative;
z-index:1;
margin-top:-110px;
padding-top:130px;
}

.b4_l2 {
position:absolute;
margin-left:195px;
margin-top:240px;
visibility:hidden;
}


.block9 img {

}



.b9_f {
float:right;
width:445px;
text-align:center;
background:rgba(255,255,255,.5);
padding:30px 0;
border-radius:15px;
margin-top: -56px;
}

.b9_f p {
font:33px nautilus;
color:#fff;
line-height:40px;
margin-bottom:25px;
}

.b9_f input[type="text"] {
width:365px;
height:65px;
background:rgba(255,255,255,.5);
border:1px solid #918586;
outline:none;
border-radius:30px;
text-align:center;
-webkit-box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
-moz-box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
box-shadow: 3px 3px 5px -1px rgba(129,127,134,1);
margin-bottom:20px;
font:30px nautilus;
color:#fff;
padding:0 10px;
}


.b9_f input[type="text"]::-webkit-input-placeholder {opacity:0.5;color:#fff;}
.b9_f input[type="text"]::-moz-placeholder          {opacity:0.5;color:#fff;}/* Firefox 19+ */
.b9_f input[type="text"]:-moz-placeholder           {opacity:0.5;color:#fff;}/* Firefox 18- */
.b9_f input[type="text"]:-ms-input-placeholder      {opacity:0.5;color:#fff;}

.b9_f input[type="submit"] {
background:url(https://karaoke-mania.ru/img/button3.png) no-repeat center;
width:402px;
height:92px;
border:none;
font:29px nautilus;
color:#663208;
cursor:pointer;
margin-bottom:30px;
outline:none;
}

.b9_f span {
font:33px Roboto;
color:#fff;
font-weight:300;
line-height:33px;
margin-bottom:25px;
}

/***/

.block10 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg14.png) no-repeat center;
height:579px;
position:relative;
z-index:2;
margin-top:-120px;
}

.block10 p {
font:62px nautilus;
color:#d3a069;
text-align:center;
text-decoration:underline;
padding-top:115px;
}

.block10 ul {
margin-left:0px;
}

.block10 ul li {
float:left;
width:250px;
text-align:center;
height:102px;


-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

.block10 ul li:hover {-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray; /* IE 6-9 */}

.block10 ul li:nth-child(4) {margin-right:0;}
.block10 ul li:nth-child(9) {margin-right:0;}
.block10 ul li:nth-child(5) {margin-top:20px;}

/*****/

.block11 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg15.png) no-repeat center;
height:564px;
position:relative;
z-index:1;
margin-top:-110px;
}

.b11_i {
position:absolute;
}

.b11_image {
float:left;
margin-top:140px;
}

.b11_t {
float:right;
width:520px;
margin-top:140px;
}

.b11_t p {
font:25px nautilus;
color:#fff;
text-align:center;
}

.b11_t div {
text-align:center;
background:url(https://karaoke-mania.ru/img/button3.png) no-repeat center;
width:402px;
height:77px;
text-align:center;
font:28px nautilus;
color:#663208;
line-height:28px;
padding-top:15px;
cursor:pointer;
margin:0 auto;
margin-top:20px;
}

.b11_i1 {
margin-left:-50px;
margin-top:170px;
width:43px;
}

.b11_i2 {
margin-left:80px;
margin-top:100px;
width:45px;
}

.b11_i3 {
margin-left:320px;
margin-top:120px;
width:45px;
}

.b11_i4 {
margin-left:10px;
margin-top:220px;
width:43px;
}

.b11_i5 {
margin-left:360px;
margin-top:240px;
width:45px;
}

.b11_i6 {
margin-left:10px;
margin-top:420px;
width:33px;
}

.b11_i7 {
margin-left:350px;
margin-top:360px;
width:43px;
}

.b11_i8 {
margin-left:200px;
margin-top:450px;
width:33px;
}

/***/

.block12 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg16.png) no-repeat center;
height:727px;
position:relative;
z-index:2;
margin-top:-100px;
}

.b12_h {
text-align:center;
font:62px nautilus;
color:#d3a069;
padding-top:140px;
}

.block12 ul {
margin-top:30px;
}

.block12 ul li {
float:left;
margin-right:35px;
text-align:center;
}

.block12 ul li img {visibility:hidden;}

.block12 ul li:last-child {margin-right:0;}

.b12_t1 {
font:20px Roboto;
font-weight:700;
color:#11121c;
margin-top:10px;
}

.b12_t2 {
font:13px Roboto;
font-weight:400;
color:#adadad;
}

/****/

.block13 {
width:100%;
min-width:1300px;
position:relative;
z-index:1;
margin-top:-100px;
}

.b13_p {
background:url(https://karaoke-mania.ru/img/bg17.png) no-repeat center;
width:275px;
height:290px;
padding:30px 0 0 100px;
float:right;
position:relative;
z-index:2;
margin-top:-410px;
}

.b13_p_h {
font:21px Roboto;
font-weight:700;
color:#b4783c;
margin-top:5px;
}

.b13_p_t {
font:17px Roboto;
font-weight:400;
color:#000000;
}

/***/

.block14 {
width:100%;
min-width:1300px;
background:url(https://karaoke-mania.ru/img/bg18.png) no-repeat center;
height:207px;
position:relative;
z-index:2;
margin-top:-100px;
}

.b14_l {

font:20px Roboto;
color:#fff;
font-weight:100;
padding-top:130px;
}

.b14_r {
width:550px;
margin-top:-60px;
float:right;
}

.b14_call {
float:right;
cursor:pointer;
font:26px nautilus;
color:#d5a469;
}

.b14_call img {
position:relative;
top:17px;
}

.b14_phone {
float:right;
font:30px Roboto;
color:#d5a469;
font-weight:700;
font-style:italic;
margin-right:10px;
padding-right:10px;
border-right:2px solid #d5a469;
margin-top:23px;
}

.fill {
background:#6287c2 !important;
}

.zoom1 {
position:absolute;
width:181px;
height:500px;
margin-top:90px;
z-index:3;
margin-left:370px;
}

.zoom2 {
position:absolute;
width:181px;
height:500px;
margin-top:90px;
z-index:3;
margin-left:720px;
}

#txt {
width:100%;
min-width:1300px;
position:fixed;
margin-top:20%;
text-align:center;
background:#6287c2;
padding:30px 0;
font:26px nautilus;
color:#fff;
z-index:10;
display:none;
}
#cif1 {font-style:normal;}
#cif2 {font-style:normal;}
#cif3 {font-style:normal;}
#cif4 {font-style:normal;}
#cif5 {font-style:normal;}

.mmm1 {visibility:hidden;}
.mmm2 {visibility:hidden;}
.mmm3 {visibility:hidden;}
.mmm4 {visibility:hidden;}
.mmm5 {visibility:hidden;}
.mmm6 {visibility:hidden;}

.by {
font:12px Roboto;
color:#b6c0cc;
}

.by a {color:#b6c0cc;text-decoration:none;}

/* Contacts modal's style start here */
.contacts-modal {
  bottom: 50px;
  right: 65px;
  cursor: pointer;
  position: fixed;
  z-index: 1000;
}

.contacts-modal__popup {
  display: none;
  background-color: #fff;
  padding: 30px 20px 20px;
  border-radius: 5px;
  max-height: 65vh;
  max-width: 250px;
  text-align: center;
  margin: 0;
  top: initial;
  left: initial;
  bottom: 85px;
  right: 65px;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
  position: fixed;
  z-index: 1;
  cursor: default;
}

.contacts-modal__popup p {
  font-family: 'Arial';
  font-size: 14px;
  line-height: 1.55;
}

.contacts-modal__popup p.title {
  text-transform: uppercase;
  opacity: 0.90;
  font-size: 20px;
  line-height: 1.35;
  padding: 0;
  margin: 0;
}

.contacts-modal__popup ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-around;
}

.contacts-modal__popup ul li.hide-on-desktop {
  display: none;
}

.contacts-modal__popup ul li a {
  display: flex;
  flex-direction: column;
  color: black;
  text-decoration: none;
}

.contacts-modal__popup ul li a:hover {
  color: black;
  text-decoration: none;
}

.contacts-modal__popup ul li a span {
  display: inline-block;
  margin-top: 3px;
  padding-top: 8px;
  font-size: 12px;
  opacity: .8;
}

@keyframes blink {
  0% {
    opacity: 0.1;
    transform: scale(0.75);
  }
  25% {
    opacity: 0.33;
    transform: scale(1);
  }
  50% {
    opacity: 0.75;
    transform: scale(1.25);
  }
  75% {
    opacity: 0.33;
    transform: scale(1);
  }
  100% {
    opacity: 0.1;
    transform: scale(0.75);
  }
}

@keyframes scale_fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.25);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.contacts-modal--open:before {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: #20B038;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-top: -63px;
  margin-left: -60px;
  animation: blink 1s linear infinite;
}

.contacts-modal--open:after {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  border: 1px solid #20B038;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin-top: -63px;
  margin-left: -60px;
  animation: scale_fade 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes puls {
  0% {
    transform: rotate(0deg)
  }

  5% {
    transform: rotate(-2deg)
  }

  10% {
    transform: rotate(10deg)
  }

  20% {
    transform: rotate(-10deg)
  }

  30% {
    transform: rotate(5deg)
  }

  35% {
    transform: rotate(0deg)
  }
}

.contacts-modal--open svg {
  animation: puls 1s linear infinite;
}

.contacts-modal--close {
  display: none;
  background-color: #fff;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
  transition: all 0.2s linear;
  overflow: hidden;
}

.hide-on-desktop {
  display: none;
}

@media only screen and (max-width: 600px) {

	.contacts-modal {
		bottom: 20px;
    right: 30px;
	}

  .contacts_overlay {
    display: none;
    position: fixed;
    z-index: -10;
    background-color: rgba(0,0,0,0.75);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .contacts-modal__popup {
      max-width: none;
      min-width: none;
      left: 15px;
      right: 15px;
      bottom: 15px;
      padding: 0;
   }
  .contacts-modal__popup p {
    display: none;
  }

  .contacts-modal__popup ul {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .contacts-modal__popup ul li {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: normal;
    line-height: 1;
    margin: 0;
  }

  .hide-on-desktop {
    display: flex;
  }

	.contacts-modal__popup ul li.hide-on-desktop {
	  display: flex;
	}

  .contacts-modal__popup ul li:last-child {
    border-bottom: none;
  }

  .contacts-modal__popup ul li a {
    padding: 10px 0 15px 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1;
  }

  .contacts-modal__popup ul li a span {
    font-size: 16px;
    font-family: Arial;
    color: #3274f6;
  }

  .contacts-modal__popup ul li a svg {
    display: none;
  }
}