* { padding: 0; margin: 0; }
html { overflow-x: hidden; }
body { padding: 0; margin: 0; border: 0; background: #fff;}
a { text-decoration: none }
a:focus, button:focus { outline: none }
img { border: 0; display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

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

}

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

}

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

}


header.main { background: #1f1d2a; }
header.main .header-container { width: 1280px; margin: 0 auto; height: 880px; background: url(../i/pics/pic001.jpg) no-repeat 95px 0; position: relative; }
header.main .header-container .w-day-logo { position: absolute; left: 165px; top: 0 }
header.main .header-container .f-day-logo { position: absolute; right: 65px; top: 0 }
header.main h1 { font-family: 'Bodoni Cyrillic', arial; font-size: 70px; line-height: 70px; color: #fff; position: absolute; right: 80px; top: 190px; text-align: right; text-transform: uppercase; }
header.main h1 span { display: block; font-size: 35px }
header.main p { font-family: 'font2'; font-size: 20px; line-height: 35px; color: #fff; position: absolute; right: 80px; top: 455px; width: 230px;  }
header.main p:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -18px; top: -8px; background: url('../i/bullets/bul001.png'); background-size: cover }
header.main p:after { content: ''; display: block; width: 20px; height: 20px; display: inline-block; background: url('../i/bullets/bul001.png'); background-size: cover; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); position: relative; top: 15px}

@media screen and (max-width: 1000px) {
header.main .header-container { width: auto; height: 300px; background-size: cover; }
header.main .header-container .w-day-logo { left: 10px; top: 0; width:45vw }
header.main .header-container .w-day-logo img { width: 100% }
header.main .header-container .f-day-logo {right: 10px; top: 0; width: 35vw }
header.main .header-container .f-day-logo img { width: 100% }

header.main h1 { font-size: 8vw; line-height: 8vw; right:  auto; left: 10px; top: 90px; text-align: left; }
header.main h1 span{ font-size: 5vw; line-height: 5vw }
header.main p { width: auto; top: auto; right: auto; left: 0; bottom: 0; font-size: 5vw; line-height: 6vw; padding: 10px }
header.main p:before { display: none; }
header.main p:after { display: none; }
}

.main-page { width: 1280px; margin: 0 auto }

.main-page .box { position: relative; margin: 126px 0 0 0 }
.main-page .photo { position: absolute; z-index: 100 }
.main-page .photo .fade { display: block;; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; visibility: hidden; transition: 0.15s}
.main-page h2 { }
.main-page h2 a{ font-family: 'Bodoni Cyrillic', arial; font-size: 80px; line-height: 70px; color: #000; text-transform: uppercase; text-align: right; display: inline-block; transition: 0.15s}
.main-page h2 a:hover .fade { opacity: 0.7; visibility: visible; }
.main-page h2 a:hover .photo img { opacity: 1; visibility: visible; }
.main-page h2 a:hover .read-more {opacity: 1; visibility: visible; }
.main-page h2 a i { display: block; font-size: 35px; padding: 15px 0 0 0; font-style: normal; }
.main-page h2 a strong { font-weight: normal; position: absolute; }
.main-page h2 a .text { position: absolute;; z-index: 200 }
.main-page h2 a .read-more { font-family: 'font2'; font-size: 20px; font-size: 30px; color: #fff; text-transform: uppercase; position: absolute; z-index: 300; opacity: 0; visibility: hidden; }
.main-page .box p { font-family: 'font2'; font-size: 20px; line-height: 35px; color: #000; position: absolute; z-index: 200}
.main-page .box p:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -18px; top: -8px; background: url('../i/bullets/bul002.png'); background-size: cover }
.main-page .box p:after { content: ''; display: block; width: 20px; height: 20px; display: inline-block; background: url('../i/bullets/bul002.png'); background-size: cover; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); position: relative; top: 15px}



.main-page .box.box1 { height: 580px }
.main-page .box.box1 .photo {right: 120px; top: 90px}
.main-page .box.box1 .photo .read-more { left: 0; top: 180px }
.main-page .box.box1 .photo .read-more:before { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 10px 0 0 }
.main-page .box.box1 h2 .text { left: 180px; top: 80px }
.main-page .box.box1 h2 strong { font-size: 193px; top: -40px; right: -420px }
.main-page .box.box1 p { left: 340px; top: 380px; width: 210px }

.main-page .box.box2 { height: 810px }
.main-page .box.box2 .photo {left: 180px; top: 40px}
.main-page .box.box2 h2 .text { right: 80px; top: 210px }
.main-page .box.box2 h2 strong { font-size: 300px; top: -170px; right: -10px }
.main-page .box.box2 .photo .read-more { right: 0; top: 170px }
.main-page .box.box2 .photo .read-more:after { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 0 0 10px }
.main-page .box.box2 p { right: 80px; top: 570px; width: 315px }

.main-page .box.box3 { height: 550px }
.main-page .box.box3 .photo {right: 0px; top: 60px}
.main-page .box.box3 h2 .text { left: 160px; top: 210px }
.main-page .box.box3 h2 strong { font-size: 193px; top: -170px; right: -660px; color: #dadada }
.main-page .box.box3 .photo .read-more { left: 0; top: 280px }
.main-page .box.box3 .photo .read-more:before { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 10px 0 0 }
.main-page .box.box3 p { left: 280px; top: 440px; width: 210px }

.main-page .box.box4 { height: 650px }
.main-page .box.box4 .photo {left: 0; top: 40px}
.main-page .box.box4 h2 .text { right: 0px; top: 210px; text-align: left; }
.main-page .box.box4 h2 strong { font-size: 300px; top: -170px; right: 145px }
.main-page .box.box4 .photo .read-more { right: 0; top: 295px }
.main-page .box.box4 .photo .read-more:after { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 0 0 10px }
.main-page .box.box4 p { right: 120px; top: 500px; width: 254px }

.main-page .box.box5 { height: 850px }
.main-page .box.box5 .photo {right: 0px; top: 60px}
.main-page .box.box5 h2 .text { left: 80px; top: 210px }
.main-page .box.box5 h2 strong { font-size: 193px; top: -40px; right: -660px; color: #fff }
.main-page .box.box5 h2 i { line-height: 40px; padding-top: 40px }
.main-page .box.box5 .photo .read-more { left: 0; top: 270px }
.main-page .box.box5 .photo .read-more:before { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 10px 0 0 }
.main-page .box.box5 p { left: 200px; top: 560px; width: 215px }

.main-page .box.box6 { height: 750px }
.main-page .box.box6 .photo {left: 280px; top: 40px}
.main-page .box.box6 h2 .text { left: 820px; top: 160px; text-align: left; }
.main-page .box.box6 h2 strong { font-size: 300px; top: -170px; right: 305px }
.main-page .box.box6 h2 i { line-height: 40px; padding-top: 40px }
.main-page .box.box6 .photo .read-more { right: 0; top: 295px }
.main-page .box.box6 .photo .read-more:after { content: ''; display: inline-block; width: 160px; height: 1px; background: #fff; position: relative; top: -10px; margin: 0 0 0 10px }
.main-page .box.box6 p { right: 120px; top: 500px; width: 335px }

@media screen and (max-width: 1000px) {
.main-page { width: auto; }
.main-page .box { height: auto !important; position: static; margin: 20px 0 0 0  }
.main-page .box h2 { position: static !important; padding: 0  }
.main-page .box h2 .text { position: static; padding: 0 15vw 0 10px; display: inline-block;  } 
.main-page .box  h2 a { font-size: 8vw; line-height: 8vw; text-align: left; position: relative; }  
.main-page .box  h2 a i { font-size: 5vw !important; line-height: 6vw !important; padding: 5px 0 0 0 !important }
.main-page .box  h2 br { display: none; display: inline; }
.main-page .box h2 a strong{ right: 8px !important; top: 0 !important; left: auto !important; bottom: auto !important; font-size: 12vw !important;  color: #ccc !important; font-weight: bold;  } 
.main-page .box .photo { position: static ; display: block; width: 100%; margin: 10px 0 0 0 } 
.main-page .box .photo img { width: 100% }
.main-page .photo .fade { display:none; }
.main-page h2 a .read-more { display: none; }
.main-page .box p { position: static ; font-size: 6vw; line-height: 7vw; padding: 10px; width: auto !important; } 
.main-page .box p:before { display: none; }
.main-page .box p:after { display: none; }

}

footer.main { background: #000; text-align: center; padding: 40px 0 }
footer.main .share {font-family: 'font2'; font-size: 16px; color: #fff; font-weight: bold;}
footer.main .share ul{ display: inline-block; }
footer.main .share li { display: inline-block; }
footer.main .share li a { font-family: 'font2'; font-size: 16px; color: #9b9b9b; font-weight: normal; padding: 0 0 0 25px; margin: 0 0 0 30px; position: relative; transition: 0.15s}
footer.main .share li a:hover { color: #fff }
footer.main .share li a:before { content: ''; display: block; position: absolute;; left: 0; top: -3px; width: 20px; height: 20px; }
footer.main .share li.fb a:before { background: url(../i/icons/icon001.png); background-size: cover; }
footer.main .share li.vk a:before { background: url(../i/icons/icon002.png); background-size: cover; }
footer.main .share li.twi a:before { background: url(../i/icons/icon003.png); background-size: cover; }

@media screen and (max-width: 1000px) {
footer.main { padding: 25px 0 }
footer.main .share ul { display: block; padding: 10px 0 0 0 }
footer.main .share li { display: block; padding: 5px 0; }
footer.main .share li a { margin: 0; cursor: pointer; }
}

footer.inner { background: #000; text-align: center; padding: 10px 0 }
footer.inner .share {font-family: 'font2'; font-size: 16px; color: #fff; font-weight: bold;}
footer.inner .share ul{ display: inline-block; }
footer.inner .share li { display: inline-block; }
footer.inner .share li a { font-family: 'font2'; font-size: 16px; color: #9b9b9b; font-weight: normal; padding: 0 0 0 25px; margin: 0 0 0 30px; position: relative; transition: 0.15s}
footer.inner .share li a:hover { color: #fff }
footer.inner .share li a:before { content: ''; display: block; position: absolute;; left: 0; top: -3px; width: 20px; height: 20px; }
footer.inner .share li.fb a:before { background: url(../i/icons/icon001.png); background-size: cover; }
footer.inner .share li.vk a:before { background: url(../i/icons/icon002.png); background-size: cover; }
footer.inner .share li.twi a:before { background: url(../i/icons/icon003.png); background-size: cover; }

@media screen and (max-width: 1000px) {
footer.inner  { padding: 25px 0 }
footer.inner  .share ul { display: block; padding: 10px 0 0 0 }
footer.inner  .share li { display: block; padding: 5px 0; }
footer.inner  .share li a { margin: 0; cursor: pointer; }
}




header.inner { background: #f1f2f2; position: relative; z-index: 100 }
header.inner .header-container { width: 1100px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic010.jpg); }
header.inner .header-container .w-day-logo { position: absolute; left: 50px; top: 0 }
header.inner .header-container .f-day-logo { position: absolute; right: 0px; top: 0 }
header.inner h1 { font-family: 'Bodoni Cyrillic', arial; font-size: 80px; line-height: 65px; color: #000; position: absolute;  text-transform: uppercase; letter-spacing: -1px }
header.inner h1 span { display: block; font-size: 35px }

@media screen and (max-width: 1000px) {
header.inner .header-container { width: auto !important; height: 300px  !important; background-size: cover !important; }
header.inner .header-container .w-day-logo { left: 10px; top: 0; width:45vw }
header.inner .header-container .w-day-logo img { width: 100% }
header.inner .header-container .f-day-logo {right: 10px; top: 0; width: 35vw }
header.inner .header-container .f-day-logo img { width: 100% }

header.inner h1 { font-size: 8vw !important; line-height: 8vw !important; right:  auto !important; left: 10px !important; top: auto !important; bottom: 20px !important; text-align: left !important; }
header.inner h1 span{ font-size: 5vw !important; line-height: 5vw !important; padding: 10px 0 0 0 !important }

header.inner.i2 h1  { text-align: right !important; right: 10px !important; left: auto !important; bottom: 0 !important; top: 28vw !important}
header.inner.i6 h1  { text-align: right !important; right: 10px !important; left: auto !important; bottom: 0 !important; top: 28vw !important}

}


header.inner.i1 h1 { right: 0; top: 235px; text-align: right; }

header.inner.i2 { background: #f3f6fb }
header.inner.i2 .header-container { width: 1100px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic030.jpg) no-repeat 100% 0; }
header.inner.i2 h1 { left: 0; top: 245px; font-size: 60px }

header.inner.i3 { background: #dadee1 }
header.inner.i3 .header-container { width: 1100px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic039.jpg) no-repeat 100% 0; }
header.inner.i3 h1 { left: 30px; top: 320px; font-size: 75px }

header.inner.i4 { background: #1c2126 }
header.inner.i4 .header-container { width: 1100px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic048.jpg) no-repeat 0 0; }
header.inner.i4 h1 { right: 0px; top: 240px; font-size: 75px; color: #fff; text-align: right; }

header.inner.i5 { background: #1e1e1e }
header.inner.i5 .header-container { width: 1300px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic064.jpg) no-repeat 100% 0; }
header.inner.i5 h1 { left: 130px; top: 140px; font-size: 70px; color: #fff; text-align: left; }
header.inner.i5 h1 span {font-size: 33px; line-height: 40px}

header.inner.i6 { background: #fff }
header.inner.i6 .header-container { width: 1300px; margin: 0 auto; height: 650px; position: relative; background: url(../i/pics/pic075.jpg) no-repeat 100% 0; }
header.inner.i6 h1 { left: 130px; top: 245px; font-size: 65px; color: #000; text-align: left; }
header.inner.i6 h1 span {font-size: 31px; line-height: 40px}

.inner-page .z1 { z-index: 100 }
.inner-page .z2 { z-index: 200 }
.inner-page .z3 { z-index: 300 }
.inner-page .z4 { z-index: 400 }
.inner-page .z5 { z-index: 500 }

.inner-page p { position: absolute; font-family: 'font2';}
.inner-page p.border { }
.inner-page p .font {font-family: 'Bodoni Cyrillic', arial;}
.inner-page p.font {font-family: 'Bodoni Cyrillic', arial;}
.inner-page p .upper { text-transform: uppercase; }
.inner-page p.border:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -18px; top: -8px; background: url('../i/bullets/bul002.png'); background-size: cover }
.inner-page p.border:after { content: ''; display: block; width: 20px; height: 20px; display: inline-block; background: url('../i/bullets/bul002.png'); background-size: cover; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); position: relative; top: 15px}

.inner-page .bold { font-family: 'font3';}
.inner-page p.bold { font-family: 'font3';}
.inner-page p.border.bold { font-family: 'font3';}
.inner-page p .big { font-size: 35px; }
.inner-page p .big2 { font-size: 26px; }
.inner-page p .bold2 { font-weight: bold; }

.inner-page .readmore-r { font-size: 20px; display: inline-block;position: absolute; text-transform: uppercase; font-family: 'font2'; color: #fff; background: #000; padding: 10px 35px 7px 35px; border: 1px solid #000; transition: 0.15s}
.inner-page .readmore-r:after { content: ''; display: inline-block; width: 300px; height: 1px; background: #000; position: absolute; right:-300px; top: 18px }
.inner-page .readmore-r:hover { background: #fff; color: #000 }

.inner-page .readmore-l { font-size: 20px; display: inline-block;position: absolute; text-transform: uppercase; font-family: 'font2'; color: #fff; background: #000; padding: 10px 35px 7px 35px; border: 1px solid #000; transition: 0.15s}
.inner-page .readmore-l:before { content: ''; display: inline-block; width: 300px; height: 1px; background: #000; position: absolute; left:-300px; top: 18px }
.inner-page .readmore-l:hover { background: #fff; color: #000 }

.inner-page .readmore2 { font-size: 20px; display: inline-block;position: absolute; text-transform: uppercase; font-family: 'font2'; color: #fff; background: #000; padding: 10px 80px 7px 80px; border: 1px solid #000; transition: 0.15s}
.inner-page .readmore2:hover { background: #fff; color: #000 }

.inner-page .slider { position: absolute; }

.inner-page .description { margin: -70px 0 0 0; position: relative; z-index: 200 }
.inner-page .description .d-container { position: relative; width: 1100px; margin: 0 auto }
.inner-page .description .d-container .image { position: absolute; }

.inner-page .description.d1 { background: url(../i/bgs/bg001.png) no-repeat 50% 0; height: 1190px }
.inner-page .description.d1 .p1 {  font-size: 25px; line-height: 35px; width: 364px; left: 140px; top: 200px }
.inner-page .description.d1 .p2 {  font-size: 20px; line-height: 35px; width: 310px; left: 140px; top: 400px }
.inner-page .description.d1 .p3 {  font-size: 20px; line-height: 35px; width: 370px; left: 140px; top: 840px }
.inner-page .description.d1 .i1 { right: 0; top: 230px }

.inner-page .box .b-container { position: relative; width: 1100px; margin: 0 auto }
.inner-page .box .b-container  .image { position: absolute; }
.inner-page .box .b-container  h2 {font-family: 'Bodoni Cyrillic', arial; font-size: 60px; font-weight: normal; color: #000;  position: absolute;}
.inner-page .box .b-container  h2 strong { font-size: 150px; font-weight: normal; position: relative; top: 40px; left: 20px }

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

.inner-page .description { margin:0 !important; position: relative; z-index: 200; height: auto !important; background: none !important }
.inner-page .description .d-container { position: relative; width: auto; margin: 0 auto }
.inner-page .description .d-container .image { position: static; }

.inner-page .description p { width: auto !important; position: static !important; }

.inner-page p { position: static; font-family: 'font2'; width: auto !important; font-size: 7vw !important; line-height: 8vw !important; padding: 10px; text-align: left;}
.inner-page p.border:before {  display: none;}
.inner-page p.border:after { display: none;}

.inner-page p .big { font-size: 8vw !important; }
.inner-page p .big2 { font-size: 6vw !important; }

.inner-page .box { margin: 0 !important; height: auto !important; background: none !important; text-align: center; }
.inner-page .box .b-container { position: static;; width: auto !important; height:  auto !important; }
.inner-page .box .b-container  .image { position: static !important; }
.inner-page .box .b-container  h2 { position: static; }
.inner-page .box .b-container  h2 strong  { position: static; }

.inner-page .readmore-r { position: static !important; margin: 15px auto 10px auto !important; display: inline-block !important; font-size: 5vw }
.inner-page .readmore-r:after { display: none; }
.inner-page .readmore-l { position: static !important; margin: 15px auto 10px auto !important; display: inline-block !important; font-size: 5vw }
.inner-page .readmore-l:before { display: none; }
.inner-page .readmore2 { position: static !important; }

.inner-page .box .list { position: static !important; }
.inner-page .box .slider { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; margin: 20px 0  }
.inner-page .box .slider .slick-slide{ position: relative; height: auto !important; width: 100vw !important; text-align: center !important;}
.inner-page .box .slider .slick-slide img {  position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 50vw !important; margin: 0 auto !important  }
.inner-page .box .slider .slick-prev { right: auto !important; left: 10px !important; top: 50% !important}
.inner-page .box .slider .slick-next { right: 10px !important; left: auto !important; top: 50% !important}

.inner-page .box.b7 .s1 .slick-slide img { position: absolute; left: 90px; top: 0 }
.inner-page .box.b7 .s1 .slick-slide p { left: 0px; top: 300px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b7 .s1 .slick-slide .readmore-l { right: 0px; top: 200px } 

.inner-page .box .b-container  .image { position: static; max-width: 100%; margin: 0 auto}

.inner-page .box .b-container  h2 {position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; font-size: 10vw !important; line-height: 10vw !important; text-align: left !important; position: relative; padding: 0 15vw 10px 10px}
.inner-page .box .b-container  h2 strong { left: auto !important; top: 0 !important; right: 10px !important; bottom: 0 !important;  font-size: 12vw !important;  color: #ccc !important; font-weight: bold; }

.inner-page .box .list { position: static !important; }
.inner-page .box .list li {  display: block  !important; width: auto !important; margin:0  !important; padding: 0}

.inner-page .box .list li .text { display: block; position: relative; padding: 10px 0 0 15vw !important;  font-size: 7vw !important; line-height: 9vw !important; font-family: 'font3'; text-align: left; }
.inner-page .box .list li .text .num { position: absolute; left: 10px !important; top: 10px !important; background: none  !important ; font-family: 'font'; font-size: 10vw !important; padding:0  !important; font-weight: bold !important; color: #aaa !important}
.inner-page .box .list li img { width: 100%; margin: 10px 0 0 0 }

.r-video, .r-video1, .r-video2, .r-video3, .r-video4, .r-video5, .r-video6 { width: 100vw  !important;height: 90vw  !important; margin: 0 auto; background-size: cover !important; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important;}  
.r-video .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video .play:hover { background-position: 0 -100px }

.r-video2 {height: auto !important; background: none !important}
.r-video2 video{ width: 100vw } 

.r-video3 {height: auto !important; background: none !important}
.r-video3 video{ width: 100vw } 

.r-video4  {height: auto !important; }
.r-video4  video { display: block;width: 100vw}

.r-video5  {height: auto !important; }
.r-video5  video { display: block; width: 100vw}


.inner-page .step { background: #000; font-family: 'Bodoni Cyrillic', arial; font-size: 6vw !important; text-transform: uppercase; font-weight: bold; color: #fff; padding: 9px 0 7px 0 !important; position: static !important; width: auto !important; }
.inner-page .step.step1 {  left: 80px; top:735px; width: auto !important; }
.inner-page .step.step2 {  left: 580px; top:940px; width: auto !important;}
.inner-page .step.step3 {  left: 580px; top:1705px; width: auto !important;}

}

.inner-page .box.b1 { background: url(../i/bgs/bg003.jpg) no-repeat 50% 100px; height: 2208px }
.inner-page .box.b1 h2 {left: 100px; top: 30px}
.inner-page .box.b1 .image.i1 { right: 0; top: 0 }
.inner-page .box.b1 .image.i2 { right: 95px; top: 465px }
.inner-page .box.b1 .image.i3 { left: 0px; top: 820px }
.inner-page .box.b1 .image.i4 { left: 535px; top: 1100px }
.inner-page .box.b1 .p1 { width: 370px; left: 120px; top: 265px; font-size: 25px; line-height: 35px; }
.inner-page .box.b1 .p2 { width: 335px; right: 50px; top: 770px; font-size: 25px; line-height: 35px; font-family: 'font3';}
.inner-page .box.b1 .p3 { width: 335px; right: 50px; top: 1420px; font-size: 20px; line-height: 35px; }
.inner-page .box.b1 .p4 { width: 600px; left: 300px; top: 1750px; font-size: 20px; line-height: 35px; }
.inner-page .box.b1 .p4 a { color: #000; border-bottom: 7px solid #000 }
.inner-page .box.b1 .r1 { right: 300px; top: 650px  }
.inner-page .box.b1 .r2 { right: 0px; top: 1300px  }
.inner-page .box.b1 .r3 { left: 500px; top: 2030px  }

.inner-page .box.b2 { background: url(../i/bgs/bg004.jpg) no-repeat 50% 0; height: 2465px }
.inner-page .box.b2 h2 {left: 310px; top: 30px}
.inner-page .box.b2 .image.i1 { right: 0; top: 55px }
.inner-page .box.b2 .image.i2 { right: 110px; top: 520px }
.inner-page .box.b2 .image.i3 { right: 100px; top: 1700px }
.inner-page .box.b2 .image.i4 { left: 490px; top: 1965px }
.inner-page .box.b2 .p1 { width: 330px; left: 180px; top: 275px; font-size: 20px; line-height: 35px; }
.inner-page .box.b2 .p2 { width: 600px; left: 300px; top: 850px; font-size: 25px; line-height: 35px; font-family: 'font3';}
.inner-page .box.b2 .p3 { width: 310px; left: 250px; top: 1635px; font-size: 25px; line-height: 35px; font-family: 'font3';}
.inner-page .box.b2 .r1 { right: 300px; top: 700px  }
.inner-page .box.b2 .r2 { right: 70px; top: 1390px  }
.inner-page .box.b2 .r3 { left: 140px; top: 2125px  }

.inner-page .box.b2 .s1 { width: 680px; left: 160px; top: 1075px }
.inner-page .box.b2 .s1 .slick-prev { left: 0 }
.inner-page .box.b2 .s1 .slick-next { left: 240px }
.inner-page .box.b2 .s1 .slick-slide{ position: relative; }
.inner-page .box.b2 .s1 .slick-slide img { margin: 0 0 0 60px;  }
.inner-page .box.b2 .s1 .slick-slide p { width: 355px; left: 330px; top: 0;  font-size: 20px; line-height: 35px; }

.inner-page .box.b3 { background: url(../i/bgs/bg005.jpg) no-repeat 50% 0; height: 1265px }
.inner-page .box.b3 .image.i1 { right: 0; top: 90px }
.inner-page .box.b3 h2 {left: 280px; top: 40px}
.inner-page .box.b3 .p1 { width: 310px; left: 160px; top: 290px; font-size: 20px; line-height: 35px; }

.inner-page .box.b3 .r1 { left: 280px; top: 1100px  }

.inner-page .box.b3 .s1 { width: 840px; right: 0px; top: 575px; }
.inner-page .box.b3 .s1 .slick-prev { right: 240px; left: auto; top: 225px }
.inner-page .box.b3 .s1 .slick-next { right: 0px; left: auto; top: 225px }
.inner-page .box.b3 .s1 .slick-slide{ position: relative; height: 470px}
.inner-page .box.b3 .s1 .slick-slide img { position: absolute; right: 70px; top: 0 }
.inner-page .box.b3 .s1 .slick-slide p { width: 550px; right: 270px; top: 280px;  font-size: 25px; line-height: 35px;; font-family: 'font3'; }
.inner-page .box.b3 .s1 .slick-slide p a { color: #000; border-bottom: 7px solid #000 }
.inner-page .box.b3 .s1 .slick-slide .readmore-r { right: 300px; top: 150px } 

.inner-page .box.b4 { background: url(../i/bgs/bg006.jpg) no-repeat 50% 0; height: 1665px }
.inner-page .box.b4 .image.i1 { right: 0; top: 120px }
.inner-page .box.b4 .image.i2 { left: 390px; top: 740px }
.inner-page .box.b4 h2 {left: 280px; top: 150px; line-height: 65px; position: relative;}
.inner-page .box.b4 h2 strong { position: absolute;; left: -160px; top: 30px }
.inner-page .box.b4 .p1 { width: 335px; left: 120px; top: 310px; font-size: 20px; line-height: 35px; }
.inner-page .box.b4 .p2 {width: 430px; right: 95px; top: 800px;  font-size: 25px; line-height: 35px;; font-family: 'font3'; }
.inner-page .box.b4 .r1 { left: 50px; top: 940px  }

.inner-page .box.b5 { background: url(../i/bgs/bg007.png) no-repeat 50% 0; height: 1485px ;  margin: -70px 0 0 0; position: relative; z-index: 200 }
.inner-page .box.b5 h2 {left: -104px; top: 500px}
.inner-page .box.b5 .p1 { width: 370px; left: 170px; top: 200px; font-size: 20px; line-height: 35px; }
.inner-page .box.b5 .p2 { width: 380px; left: 640px; top: 200px; font-size: 25px; line-height: 35px; }
.inner-page .box.b5 .p3 { width: 305px; left: 170px; top: 750px; font-size: 20px; line-height: 35px; }
.inner-page .box.b5 .p4 { width: 255px; left: 720px; top: 1205px; font-size: 25px; line-height: 35px;}
.inner-page .box.b5 .image.i1 { right: 10px; top: 480px }

.inner-page .box.b6 { background: url(../i/bgs/bg008.jpg) no-repeat 50% 0; height: 960px; margin-top: -70px }
.inner-page .box.b6 .image.i1 { left: 0; top: 0px }
.inner-page .box.b6 h2 {left: 470px; top: 250px; line-height: 65px; position: relative; z-index: 300}
.inner-page .box.b6 h2 strong { position: absolute;; left: -10px; top: -95px }
.inner-page .box.b6 h2 i { font-style: normal; font-size: 35px; display: block; }
.inner-page .box.b6 .p1 { width: 340px; left: 680px; top: 420px; font-size: 20px; line-height: 35px; }

.inner-page .box.b7 { background: url(../i/bgs/bg009.jpg) no-repeat 50% 0; height: 1065px; }
.inner-page .box.b7 .image.i1 { right: 0; top: 0px }
.inner-page .box.b7 h2 { text-align: right;  right: 600px; top: 160px; line-height: 65px; position: relative; z-index: 300}
.inner-page .box.b7 h2 strong { position: absolute;; right: -170px; top: 30px }
.inner-page .box.b7 .p1 { width: 310px; left: 100px; top: 370px; font-size: 20px; line-height: 35px; }
.inner-page .box.b7 .p2 { width: 410px; left: 100px; top: 680px; font-size: 25px; line-height: 35px;}
.inner-page .box.b7 .p3 { width: 320px; left: 100px; top: 855px; font-size: 20px; line-height: 35px; }

.inner-page .box.b7 .s1 { width: 550px; right: 0px; top: 575px; }
.inner-page .box.b7 .s1 .slick-prev { right: auto; left: 0; top: 105px }
.inner-page .box.b7 .s1 .slick-next { right: auto; left: 220px; top: 105px }
.inner-page .box.b7 .s1 .slick-slide{ position: relative; height: 330px}
.inner-page .box.b7 .s1 .slick-slide img { position: absolute; left: 90px; top: 0 }
.inner-page .box.b7 .s1 .slick-slide p { left: 0px; top: 300px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b7 .s1 .slick-slide .readmore-l { right: 0px; top: 200px } 


.inner-page .box.b8 { background: url(../i/bgs/bg010.jpg) no-repeat 50% 0; height: 1065px; }
.inner-page .box.b8 .image.i1 { right: 0; top: 0px }
.inner-page .box.b8 h2 { left: 260px; top: 200px; line-height: 65px; position: relative; z-index: 300}
.inner-page .box.b8 h2 strong { position: absolute;; left: -170px; top: 37px }
.inner-page .box.b8 .p1 { width: 330px; left: 140px; top: 390px; font-size: 20px; line-height: 35px; }

.inner-page .box.b8 .s1 { width: 550px; right: 0px; top: 650px; }
.inner-page .box.b8 .s1 .slick-prev { right: auto; left: 0; top: 105px }
.inner-page .box.b8 .s1 .slick-next { right: 0; left:auto; top: 105px }
.inner-page .box.b8 .s1 .slick-slide{ position: relative; height: 330px}
.inner-page .box.b8 .s1 .slick-slide img { position: absolute; right: 90px; top: 0 }
.inner-page .box.b8 .s1 .slick-slide p { width: 270px; left: 70px; top: 110px;  font-size: 20px; line-height: 35px;;  }

.inner-page .box.b9 { background: url(../i/bgs/bg011.jpg) no-repeat 50% 0; height: 1768px; }
.inner-page .box.b9 .image.i1 { left: 90px; top:160px }
.inner-page .box.b9 .image.i2 { left: 480px; top:750px }
.inner-page .box.b9 .image.i3 { left: 710px; top:1390px }
.inner-page .box.b9 h2 { left: 690px; top: 76px; line-height: 65px; position: relative; z-index: 300}
.inner-page .box.b9 h2 strong { position: absolute;; left: -170px; top: 37px }
.inner-page .box.b9 .p1 { width: 310px; left: 696px; top: 250px; font-size: 20px; line-height: 35px; }
.inner-page .box.b9 .p2 { width: 310px; left:740px; top: 870px; font-size: 20px; line-height: 35px; }
.inner-page .box.b9 .p3 { width: 340px; left:320px; top: 1200px; font-size: 20px; line-height: 35px; }
.inner-page .box.b9 .r1 { left: 200px; top: 980px  }
.inner-page .box.b9 .r2 { left: 320px; top: 1620px  }

.inner-page .box.b10 { background: url(../i/bgs/bg010.png) no-repeat 50% 0; height: 2370px ;  margin: -60px 0 0 0; position: relative; z-index: 200 }
.inner-page .box.b10 h2 {left: -79px; top: 470px}
.inner-page .box.b10 .p1 { width: 370px; left: 170px; top: 170px; font-size: 25px; line-height: 35px; }
.inner-page .box.b10 .p2{ width: 370px; left: 640px; top: 170px; font-size: 20px; line-height: 35px; }
.inner-page .box.b10 .p3 { width: 305px; left: 170px; top: 650px; font-size: 20px; line-height: 35px; }
.inner-page .box.b10 .p4 { width: 255px; left: 720px; top: 1205px; font-size: 25px; line-height: 35px;}
.inner-page .box.b10 .p5 { width: 325px; left: 170px; top: 1700px; font-size: 20px; line-height: 35px; }
.inner-page .box.b10 .p6 { width: 325px; left: 650px; top: 1800px; font-size: 20px; line-height: 35px; }
.inner-page .box.b10 .image.i1 { right: 10px; top: 470px }
.inner-page .box.b10 .image.i2 {  left: 330px; top: 1965px }
.inner-page .box.b10 .r1 { left: 50px; top: 2150px  }

.inner-page .box.b10 .list { position: absolute; left: 0; top: 1220px }
.inner-page .box.b10 .list li { list-style: none; display: inline-block; width: 312px; margin: 0 70px 0 0 }
.inner-page .box.b10 .list li:last-child { margin-right: 0;  }
.inner-page .box.b10 .list li:last-child .text { padding-right: 20px }
.inner-page .box.b10 .list li .text { display: block; position: relative; padding: 0 0 0 60px;  font-size: 25px; line-height: 35px; font-family: 'font3'; }
.inner-page .box.b10 .list li .text .num { position: absolute; left: 0; top: 0; background: #f7dcd8; ; font-family: 'font'; font-size: 38px; padding: 70px 10px }
.inner-page .box.b10 .list li img { width: 100%; margin: 30px 0 0 0 }

.inner-page .box.b11 { background: url(../i/bgs/bg012.jpg) no-repeat 50% 0; height: 1686px ;   }
.inner-page .box.b11 h2 {left: 710px; top: 100px}
.inner-page .box.b11 h2 strong { position: absolute; left: -190px; top: -15px }
.inner-page .box.b11 .p1 { width: 340px; left: 705px; top: 275px; font-size: 20px; line-height: 35px; }
.inner-page .box.b11 .p2 {width: 415px; left: 700px; top: 875px;  font-size: 25px; line-height: 35px;; font-family: 'font3'; }
.inner-page .box.b11 .image.i1 { left: 0px; top: 0px }
.inner-page .box.b11 .image.i2 {  left: 390px; top: 630px }
.inner-page .box.b11 .r1 { right: 215px; top: 750px  }

.inner-page .box.b12 { background: url(../i/bgs/bg013.png) no-repeat 50% 0; height: 2840px ;  margin: -60px 0 0 0; position: relative; z-index: 200 }
.inner-page .box.b12 h2 {left: 270px; top: 450px}
.inner-page .box.b12 h2 strong { position: absolute; left: -160px; top: -15px }
.inner-page .box.b12 .p1 { width: 370px; left: 170px; top: 170px; font-size: 25px; line-height: 35px; }
.inner-page .box.b12 .p2{ width: 310px; left: 170px; top: 680px; font-size: 25px; line-height: 35px; }
.inner-page .box.b12 .p3{ width: 440px; left: 570px; top: 930px; font-size: 20px; line-height: 35px; }
.inner-page .box.b12 .p4{ width: 620px; left: 280px; top: 1780px; font-size: 20px; line-height: 35px; }
.inner-page .box.b12 .p5{ width: 260px; left: 695px; top: 2220px; font-size: 20px; line-height: 35px; }
.inner-page .box.b12 .p6{ width: 450px; left: 195px; top: 2580px; font-size: 20px; line-height: 35px; }

.inner-page .box.b12 .image.i1 { right: 30px; top: 340px }
.inner-page .box.b12 .image.i2 {  left: 720px; top: 2560px }
.inner-page .box.b12 .r1 { right: 0px; top: 2710px  }

.inner-page .box.b12 .list { position: absolute; left: 0; top: 1250px }
.inner-page .box.b12 .list li { list-style: none; display: inline-block; width: 312px; margin: 0 70px 0 0 }
.inner-page .box.b12 .list li:last-child { margin-right: 0;  }

.inner-page .box.b12 .list li .text { display: block; position: relative; padding: 0 0 0 60px;  font-size: 25px; line-height: 35px; font-family: 'font3'; }
.inner-page .box.b12 .list li .text .num { position: absolute; left: 0; top: 0; background: #ffdfa0; ; font-family: 'font'; font-size: 38px; padding: 70px 10px }
.inner-page .box.b12 .list li img { width: 100%; margin: 30px 0 0 0 }

.inner-page .box.b12 .s1 { width: 560px; right: 150px; top: 1910px; }
.inner-page .box.b12 .s1 .slick-prev { right: auto; left: 220px; top: 105px }
.inner-page .box.b12 .s1 .slick-next { right: 0; left:  auto; top: 105px }
.inner-page .box.b12 .s1 .slick-slide{ position: relative; height: 330px}
.inner-page .box.b12 .s1 .slick-slide img { position: absolute; right: 40px; top: 0 }
.inner-page .box.b12 .s1 .slick-slide p { left:30px; top: 300px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b12 .s1 .slick-slide .readmore-r { left: 30px; top: 170px } 

.inner-page .box.b12 .s2 { width: 560px; right: 510px; top: 2160px; }
.inner-page .box.b12 .s2 .slick-prev { right: auto; left: 220px; top: 105px }
.inner-page .box.b12 .s2 .slick-next { right: 0; left:  auto; top: 105px }
.inner-page .box.b12 .s2 .slick-slide{ position: relative; height: 330px}
.inner-page .box.b12 .s2 .slick-slide img { position: absolute; right: 40px; top: 0 }
.inner-page .box.b12 .s2 .slick-slide p { left:30px; top: 300px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b12 .s2 .slick-slide .readmore-r { left: 30px; top: 170px } 

.inner-page .box.b13 { background: url(../i/bgs/bg014.jpg) no-repeat 50% 0; height: 2130px ; position: relative; }
.inner-page .box.b13 h2 {left: 430px; top: 135px}
.inner-page .box.b13 h2 strong { position: absolute; left: -160px; top: -15px }
.inner-page .box.b13 .image.i1 { right: 0px; top: 55px }
.inner-page .box.b13 .image.i2 { right: 0px; top: 645px }
.inner-page .box.b13 .image.i3 { right: 155px; top: 975px }
.inner-page .box.b13 .image.i4 { right: 120px; top: 1345px }
.inner-page .box.b13 .image.i5 { left: 380px; top: 1750px }
.inner-page .box.b13 .p1{ width: 315px; left: 195px; top: 320px; font-size: 20px; line-height: 35px; }
.inner-page .box.b13 .p2{ width: 585px; left: 275px; top: 725px; font-size: 25px; line-height: 35px; }
.inner-page .box.b13 .p3{ width: 315px; left: 195px; top: 965px; font-size: 20px; line-height: 35px; }
.inner-page .box.b13 .p4{ width: 315px; left: 555px; top: 965px; font-size: 20px; line-height: 35px; }
.inner-page .box.b13 .p5{ width: 310px; left: 235px; top: 1590px; font-size: 25px; line-height: 35px; }
.inner-page .box.b13 .r1 { left: 380px; top: 641px  }
.inner-page .box.b13 .r2 { left: 555px; top: 1220px  }
.inner-page .box.b13 .r3 { left: 140px; top: 1940px  }

.inner-page .box.b14 { background: url(../i/bgs/bg015.jpg) no-repeat 50% 0; height: 1830px ; position: relative; }
.inner-page .box.b14 h2 {left: 460px; top: 85px}
.inner-page .box.b14 h2 strong { position: absolute; left: -160px; top: -15px }
.inner-page .box.b14 .image.i1 { right: 0px; top: 70px }
.inner-page .box.b14 .p1{ width: 380px; left: 135px; top: 275px; font-size: 20px; line-height: 35px; }
.inner-page .box.b14 .p2{ width: 500px; left: 440px; top: 675px; font-size: 25px; line-height: 35px; }

.inner-page .box.b14 .s1 { width: 820px; left: 150px; top: 860px; }
.inner-page .box.b14 .s1 .slick-prev { right: auto; left: 0px; top: 150px }
.inner-page .box.b14 .s1 .slick-next { right: 0; left:  auto; top: 155px }
.inner-page .box.b14 .s1 .slick-slide{ position: relative; height: 400px}
.inner-page .box.b14 .s1 .slick-slide img { position: absolute; right: 130px; top: 0 }
.inner-page .box.b14 .s1 .slick-slide p { left:130px; top: 100px; width: 400px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b14 .s1 .slick-slide .readmore-r { left: 30px; top: 170px } 


.inner-page .box.b14 .image.i2 { width: 100%; top: 0 }

.inner-page .box.b15 { background: url(../i/bgs/bg016.png) no-repeat 50% 0; height: 4750px ;  margin: -60px 0 0 0; position: relative; z-index: 200 }
.inner-page .box.b15 h2 {left: 270px; top: 450px}
.inner-page .box.b15 h2 strong { position: absolute; left: -160px; top: -15px }
.inner-page .box.b15 .image.i1 { left: 80px; top: 360px }
.inner-page .box.b15 .image.i2 { right: 80px; top: 645px }
.inner-page .box.b15 .image.i3 { right: -40px; top: 1395px }
.inner-page .box.b15 .image.i4 { right: 435px; top: 1800px }
.inner-page .box.b15 .image.i5 { left: 80px; top: 2360px }
.inner-page .box.b15 .image.i6 { left: 495px; top: 2755px }
.inner-page .box.b15 .image.i7 { left: 555px; top: 3260px }
.inner-page .box.b15 .image.i8 { left: 735px; top: 3140px }
.inner-page .box.b15 .p1 { width: 370px; left: 140px; top: 170px; font-size: 25px; line-height: 35px; }
.inner-page .box.b15 .p2 { width: 370px; left: 640px; top: 240px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p3 { width: 320px; left: 640px; top: 530px; font-size: 25px; line-height: 35px; }
.inner-page .box.b15 .p4 { width: 630px; left: 200px; top: 1130px; font-size: 25px; line-height: 35px; }
.inner-page .box.b15 .p5 { width: 350px; left: 165px; top: 1495px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p6 { width: 330px; left: 715px; top: 2265px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p7 { width: 330px; left: 715px; top: 2595px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p8 { width: 350px; left: 140px; top: 3175px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p9 { width: 770px; left: 140px; top: 3655px; font-size: 20px; line-height: 35px; }
.inner-page .box.b15 .p10 { width: 400px; left: 385px; top: 4490px; font-size: 25px; line-height: 35px; }
.inner-page .box.b15 .r1 {  right: 250px; top: 910px; }
.inner-page .box.b15 .r2 { left: 100px; top: 1980px; }
.inner-page .box.b15 .r3 { right: 180px; top: 3015px; }
.inner-page .box.b15 .r4 { left: 140px; top: 3470px; }
.inner-page .box.b15 .r5 { right: 40px; top: 3310px; }
.inner-page .box.b15 .r5:before { width: 125px; left: -125px }


.inner-page .box.b16 { background: url(../i/bgs/bg017.png) no-repeat 50% 0; height: 2170px ;  margin: -60px 0 0 0; position: relative; z-index: 200 }
.inner-page .box.b16 h2 {left: 230px; top: 620px}
.inner-page .box.b16 h2 strong { position: absolute; left: -160px; top: -45px }
.inner-page .box.b16 .image.i1 { right: 0px; top: 210px }
.inner-page .box.b16 .image.i2 { left: 0px; top: 1050px }
.inner-page .box.b16 .image.i3 { left: 275px; top: 1830px }
.inner-page .box.b16 .p1 { width: 360px; left: 140px; top: 270px; font-size: 25px; line-height: 35px; }
.inner-page .box.b16 .p2 { width: 320px; left: 145px; top: 785px; font-size: 20px; line-height: 35px; }
.inner-page .box.b16 .p3 { width: 300px; left: 645px; top: 995px; font-size: 20px; line-height: 35px; }
.inner-page .box.b16 .p4 { width: 250px; left: 645px; top: 1295px; font-size: 25px; line-height: 35px; }
.inner-page .box.b16 .p5 { width: 300px; left: 645px; top: 1750px; font-size: 20px; line-height: 35px; }
.inner-page .box.b16 .r1 { left: 580px; top: 2020px }


.inner-page .box.b16 .step { background: #000; font-family: 'Bodoni Cyrillic', arial; font-size: 26px; text-transform: uppercase; font-weight: bold; color: #fff; padding: 7px 10px 7px 65px; position: absolute; }
.inner-page .box.b16 .step.step1 {  left: 80px; top:735px; width: 400px }
.inner-page .box.b16 .step.step2 {  left: 580px; top:940px; width: 450px }
.inner-page .box.b16 .step.step3 {  left: 580px; top:1705px; width: 450px }


.inner-page .box.b17 { background: url(../i/bgs/bg018.jpg) no-repeat 50% 0; height: 1640px ;  position: relative; z-index: 200 }
.inner-page .box.b17 h2 {left: 200px; top: 165px; text-align: right;}
.inner-page .box.b17 h2 strong { position: absolute; right: -180px; top: -15px }
.inner-page .box.b17 .image.i1 { right: -20px; top: 0 }
.inner-page .box.b17 .p1 { width: 330px; left: 170px; top: 430px; font-size: 20px; line-height: 35px; }
.inner-page .box.b17 .p2 { width: 250px; left: 210px; top: 955px; font-size: 25px; line-height: 35px; }
.inner-page .box.b17 .p3 { width: 300px; left: 610px; top: 980px; font-size: 20px; line-height: 35px; }

.inner-page .box.b17 .s1 { width: 520px; right: -20px; top: 600px; }
.inner-page .box.b17 .s1 .slick-prev { right: auto; left: 0px; top: 115px }
.inner-page .box.b17 .s1 .slick-next { right: auto; left:  225px; top: 115px }
.inner-page .box.b17 .s1 .slick-slide{ position: relative; height: 300px}
.inner-page .box.b17 .s1 .slick-slide img { position: absolute; left: 55px; top: 0 }
.inner-page .box.b17 .s1 .slick-slide p { left:130px; top: 100px; width: 400px;  font-size: 20px; line-height: 35px;;  }
.inner-page .box.b17 .s1 .slick-slide .readmore-l { right: 0px; top: 205px } 


.inner-page .box.b18 { background: url(../i/bgs/bg019.png) no-repeat 50% 0; height: 1800px ; margin-top: -140px;  position: relative; z-index: 200 }
.inner-page .box.b18 h2 {left: 680px; top: 290px; }
.inner-page .box.b18 h2 strong { position: absolute; left: -180px; top: -15px }
.inner-page .box.b18 .image.i1 { left: 90px; top: 155px }
.inner-page .box.b18 .image.i2 { left: 680px; top: 1155px }
.inner-page .box.b18 .p1 { width: 330px; left: 630px; top: 480px; font-size: 20px; line-height: 35px; }
.inner-page .box.b18 .p2 { width: 330px; left: 635px; top: 840px; font-size: 20px; line-height: 35px; }
.inner-page .box.b18 .p3 { width: 313px; left: 200px; top: 940px; font-size: 20px; line-height: 35px; }
.inner-page .box.b18 .p4 { width: 800px; left: 150px; top: 1500px; font-size: 20px; line-height: 35px; }
.inner-page .box.b18 .r1 { left: 380px; top: 1350px }


.inner-page .box.b18 .step { background: #000; font-family: 'Bodoni Cyrillic', arial; font-size: 26px; text-transform: uppercase; font-weight: bold; color: #fff; padding: 7px 10px 7px 65px; position: absolute; }
.inner-page .box.b18 .step.step1 {  left: 570px; top:785px; width: 400px }


.r-video { width: 940px;height: 500px ; margin: 0 auto; background: url(../i/pics/pic026.jpg); position: absolute; left: 50px; top: 1100px  }
.r-video .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video .play:hover { background-position: 0 -100px }

.r-video2 { width: 940px;height: 500px ; margin: 0 auto 50px auto; background: url(../i/pics/pic044.jpg); position: relative;  }
.r-video2 .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video2 .play:hover { background-position: 0 -100px }

.r-video3 { width: 940px;height: 500px ; margin: 0 auto 50px auto; background: url(../i/pics/pic044.jpg); position: absolute; left: 0; top: 1140px  }
.r-video3 .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video3 .play:hover { background-position: 0 -100px }

.r-video4 { width: 940px;height: 500px ; margin: 0 auto 50px auto; background: url(../i/pics/pic063.jpg); position: absolute; left: 100px; top: 1285px  }
.r-video4 .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video4 .play:hover { background-position: 0 -100px }


.r-video5 { width: 940px;height: 500px ; margin: 0 auto 50px auto; background: url(../i/pics/pic074.jpg); position: absolute; left: 100px; top: 3930px  }
.r-video5 .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video5 .play:hover { background-position: 0 -100px }

.r-video6 { width: 940px;height: 500px ; margin: 0 auto 50px auto; background: url(../i/pics/pic083.jpg); position: absolute; left: 100px; top: 1715px  }
.r-video6 .play { width: 100px; height: 100px; background: url(../i/buttons/but001.png); background-size: cover; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; cursor: pointer; }
.r-video6 .play:hover { background-position: 0 -100px }


.modal {
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        display: none;
        width: 940px;height: 500px ;
        background-color: #000;
    }
    .modal-inner {
        display: block;
        width: 940px;height: 500px ;
        margin: 0 auto;
        background-color: #000;
    }
        .modal-inner .close {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 30px;
            height: 30px;
            cursor: pointer;
            z-index: 8040;
            background: #000 !important;
            border-radius: 50%;
            border: 1px solid #000;
            transform: rotate(45deg);
            }
            .close:before {
                content: '';
                display: block;
                position: absolute;
                width: 3px;
                height: 30px;
                top: 50%;
                left: 50%;
                margin: -15px 0 0 -1.7px;
                background: #ffffff;
                transition: all 0.3s;
            }
            .close:after {
                content: '';
                display: block;
                position: absolute;
                height: 3px;
                width: 30px;
                top: 50%;
                left: 50%;
                margin: -1.7px 0 0 -15px;
                background: #ffffff;
                transition: all 0.3s;
            }
            .close:hover:before {
                transform: rotate(-180deg);
            }
            .close:hover:after {
                transform: rotate(180deg);
            }
        .modal-inner .video {
            position: relative;
            display: block;
           width: 940px;height: 500px ;
            overflow: hidden;
        }


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

.modal {

        width: 100vw; height: 90vw ;

    }
    .modal-inner {
 width: 100vw; height: 90vw ;
    }

            .modal-inner .video {
             width: 100vw; height: 90vw ;
        }


}


.f-slider { width: 1000px; margin: 50px auto 50px auto; }
.f-slider a.link { display: block; font-family: 'Bodoni Cyrillic', arial; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #000; text-align: center; }
.f-slider a.link .pic { display: block; text-align: center; position: relative; margin: 0 0 20px 0 }
.f-slider a.link .pic img { width: 100%; position: relative; }
.f-slider a.link .pic .fade { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; transition: 0.15s }
.f-slider a.link .pic .rm { padding: 0 10px; position: absolute; left: 50%; bottom: -10px;font-family: 'font2'; font-size: 20px; line-height: 35px; color: #fff; background: #000; padding: 4px 0 2px 0; width: 100px; margin: 0 0 0 -50px; opacity: 0; transition: 0.15s  }
.f-slider a.link:hover .fade {  opacity: 0 }
.f-slider a.link:hover .rm {  opacity: 1 }
.f-slider a.link i { display: block; font-style: normal; font-size: 25px }

.f-slider .slick-prev { left: -30px; top: 160px }
.f-slider .slick-next { right: -30px; top: 160px  }

.f-slider .slick-slide { margin: 0 10px }

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

.f-slider { width: 100vw; margin: 20px auto 20px auto; }
.f-slider .slick-slide { margin: 0 }
.f-slider a.link { font-size: 8vw; line-height: 9vw }
.f-slider .slick-prev { left: 10px; top: 100px; background-color: rgba(255,255,255,0.4); }
.f-slider .slick-next { right: 10px; top: 100px; background-color: rgba(255,255,255,0.4); }
.f-slider a.link .pic .fade { display: none; }
.f-slider a.link .pic .rm { display: none; }
}


.clear { clear: both; }