html{overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, body {margin:0;padding:0;height:100%;background:#fff} @font-face { font-family: 'Calibri'; src: url('../fonts/calibri-webfont.eot'); src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-webfont.woff') format('woff'), url('../fonts/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri-webfont.svg#CalibriRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Batke-Bold'; src: url('../fonts/batkeBold-webfont.eot'); src: url('../fonts/batkeBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/batkeBold-webfont.woff') format('woff'), url('../fonts/batkeBold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } form,p {margin:0;padding:0} p {padding-bottom:10px} .cur {cursor:pointer;} img {border:0} table.t {border:0;width:100%;height:100%;} table.c {border:0;width:100%;} body,td,input {color:#000;font-family:Calibri,Arial,Verdana,Tahoma,sans-serif;font-size:12px} a {font-family:Calibri,Arial,Tahoma,Verdana;font-size:12px;color:#000;text-decoration:underline;} a:hover {font-family:Calibri,Arial,Tahoma,Verdana;font-size:12px;color:#000;text-decoration:none;} div.h {content:".";display: block;height:0;clear: both;visibility:hidden;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } h1,h2,h3,h4,h5,h6 { font-family: 'Batke-Bold'; font-weight: normal; font-style: normal; margin:0; padding:0; } #main { min-height:100%; height:auto !important; height:100%; background:#f3f1e7; } @media screen and (max-width: 1060px) { #main { min-width: 110%; min-height: 110%; } } .l-fixed {width:1054px; position: relative; margin: 0 auto;} #top_menu {width:100%; display:block; height:45px; background:#e98300; position:relative; z-index:25; margin:0;} #top_menu .l-fixed {height:100%;} #top_menu .l-fixed a.logo {top:0;left:0;position:absolute;width:140px;height:84px;background:url(../images/top_menu/logo.png); z-index: 2;} #top_menu .l-fixed ul {position:absolute;list-style:none;margin:0;padding:0;top:15px;left:185px} #top_menu .l-fixed ul li {float:left;margin-left:25px; padding-bottom:5px} #top_menu .l-fixed ul li a {color:#fff;font-size:15px;text-decoration:none; position:relative; } #top_menu .l-fixed ul li.active { } #top_menu i.active {display:block; width:11px; height: 5px; position: absolute; left:225px; bottom:0; background: url(../images/all/menu-active.png) center bottom no-repeat;} #top_menu i.active.hover {background: url(../images/all/menu-active.png) center top no-repeat;} #top_menu .l-fixed ul li a:hover, #top_menu .l-fixed ul li a.hover {color:#fff0bb} #top_menu .l-fixed ul li ul { display:none; position:absolute; top:35px; left:0; z-index:1; width:800px; text-align: center; } #top_menu .l-fixed ul li:hover a{z-index:2;} #top_menu .l-fixed ul ul li { float:left; white-space:nowrap; display:block; padding:0 0 0 25px; margin:0; } #top_menu .l-fixed ul ul li a {font-size: 13px; color:#91826d} #top_menu .l-fixed ul ul li a:hover {color:#91826d} #top_menu .l-fixed .phone {position:absolute;width:262px;height:30px;right:-50px;top:10px; display: flex;} #phone_descr {display: flex; flex-direction: column;line-height:30%;color:#fff;} #phone_num {font-size:25px;font-weight:700;line-height: 50%;} #phone_rus {font-size:12px;} #top_menu .submenu-back {background:#e2dbc8; height:28px; position: absolute; top:100%; left:0; width:100%; display:none; z-index: -1;} #home {width:100%;height:524px;position:relative;} #home .ico {top:111px;left:48px;width:28px;height:107px;position:absolute; z-index:10; display:none} #home .ico a { display:block; text-decoration:none; width:28px; height:28px; margin:0 0 14px 0; background:url(../images/home/ico.png) no-repeat;} #home .ico a:hover { opacity:0.8} #home .ico a.com{ background-position:0 0} #home .ico a.search{ background-position:0 -41px} #home .ico a.map{ background-position:0 -84px} .b-video { top:111px;right:0;width:110px;height:258px;position:absolute;background:url(../images/all/video-bg.png) 0 bottom no-repeat; z-index:1000; display:none; padding:53px 0 0 0; } .b-video a.game-link {display:block; width:128px; height:109px; position: absolute; top:0px; left:25px; background: url(../images/all/video-game-bg.png); z-index: 20;} .b-video a.video-link {display:block; width:100%; height:100%;} .b-video .img { position: absolute; bottom:63px; left:35px; width:130px; height: 130px; border-radius: 150px;} .b-video .img .play {display:block; opacity:.8; width:100%; height: 100%; background: url(../images/all/video-play.png) center center no-repeat;} .b-video a:hover .img .play {opacity:1;} #home .big_slides {width:100%;height:100%;position:relative; overflow: hidden;} #home .big_slide { position:absolute; top:0; left:0; width:100%; height:100%; display:none; overflow:hidden;} #home .big_slide .cont{width:1054px;height:100%; position:relative; margin:0 auto;} .headling {margin-left: -188px;} /*#home .o.out{ left:-1000px; top:-1000px;} */ #home .big_slide1 {background:url(../images/home/slide1/bg.jpg) 50% 0 no-repeat;} #home .big_slide1 .o1 { position:absolute; top:372px; left:160px; width:199px; height:70px; background:url(../images/home/slide1/o1.png) no-repeat} /*#home .big_slide1 .o1.out { left:1600px}*/ #home .big_slide1 .o2 { position:absolute; top:258px; left:468px; width:196px; height:118px; background:url(../images/home/slide1/o2.png) no-repeat} /*#home .big_slide1 .o2.out { left:1600px}*/ #home .big_slide1 .o3 { z-index:2; position:absolute; top:32px; left:615px; width:133px; height:99px; background:url(../images/home/slide1/o3.png) no-repeat} /*#home .big_slide1 .o3.out { left:1600px}*/ #home .big_slide1 .o4 {z-index:1; position:absolute; top:60px; left:360px; width:654px; height:414px; background:url(../images/home/slide1/o4.png) no-repeat} #home .big_slide1 .o5 { position:absolute; top:270px; left:220px; } /*#home .big_slide1 .o4.out { left:1600px}*/ #home .big_slide1 .text { position:absolute; top:110px; left:50px; width:331px;} .dosh_span {font-size: 17px; font-weight: 400; font-family: 'Batke-Bold'; line-height: 120%;margin-top: -10px;} /*#home .big_slide1 .text.out { left:1600px}*/ #home .big_slide2 {background:url(../images/home/slide2/bg.jpg) 50% 0 no-repeat;} #home .big_slide2 .o1 { position:absolute; top:260px; left:30px; width:362px; height:204px; background:url(../images/home/slide2/o1_new.png) no-repeat} /*#home .big_slide2 .o1.out { opacity:0; top:400px; left:-50px;}*/ #home .big_slide2 .o1_1 { position:absolute; top:260px; left:100px; width:254px; height:170px; background:url(../images/home/slide2/o1_1_new.png) no-repeat; display:none;} /*#home .big_slide2 .o1_1.out { opacity:0; top:400px; left:-50px; display:none;}*/ #home .big_slide2 .o2 { position:absolute; top:-50px; left:10px; width:316px; height:233px; background:url(../images/home/slide2/o2.png) no-repeat} /*#home .big_slide2 .o2.out { opacity:0;top:-100px;}*/ #home .big_slide2 .o3 { position:absolute; top:-50px; left:265px; width:842px; height:542px; background:url(../images/home/slide2/o3_new.png) no-repeat} /*#home .big_slide2 .o3.out { opacity:0; top:300px;}*/ #home .big_slide2 .o4 { position:absolute; top:-10px; left:900px; width:117px; height:197px; background:url(../images/home/slide2/o4.png) no-repeat} #home .big_slide2 .o5 { position:absolute; top:200px; left:200px; } /*#home .big_slide2 .o4.out { opacity:0; top:-150px;}*/ #home .big_slide2 .text { position:absolute; top:60px; left:20px; width:413px; height:167px;} /*#home .big_slide2 .text.out { opacity:0; left:-500px;}*/ #home .big_slide3 {background:url(../images/home/slide3/bg.jpg) 50% 0 no-repeat;} #home .big_slide3 .o1 { position:absolute; top:-60px; left:200px; width:229px; height:164px; background:url(../images/home/slide3/o1.png) no-repeat} /*#home .big_slide3 .o1.out { opacity:0; top:-100px;}*/ #home .big_slide3 .o2 { position:absolute; top:100px; left:390px; width:658px; height:414px; background:url(../images/home/slide3/o2.png) no-repeat} /*#home .big_slide3 .o2.out { opacity:0; top:800px; }*/ #home .big_slide3 .o3 { position:absolute; top:40px; left:430px; width:569px; height:406px; background:url(../images/home/slide3/o3.png) no-repeat} /*#home .big_slide3 .o3.out { opacity:0; top:400px;}*/ #home .big_slide3 .o4 { position:absolute; top:70px; left:35px; width:591px; height:270px; background:url(../images/home/slide3/o4.png) no-repeat} /*#home .big_slide3 .o4.out { opacity:0; top:-50px;}*/ #home .big_slide3 .o5 { position:absolute; top:-40px; left:540px; width:434px; height:259px; background:url(../images/home/slide3/o5.png) no-repeat} /*#home .big_slide3 .o5.out { opacity:0;left:400px; top:-150px;}*/ #home .big_slide3 .o6 { position:absolute; top:20px; left:35px; width:651px; height:481px; background:url(../images/home/slide3/o6.png) no-repeat} #home .big_slide3 .o7 { position:absolute; top:300px; left:200px; } /*#home .big_slide3 .o6.out { opacity:0; top:-5px; left:150px;}*/ #home .big_slide3 .text { position:absolute; top:110px; left:40px; width:341px; height:198px;} /*#home .big_slide3 .text.out { opacity:0; left:-50px;}*/ #home .big_slide4 {background:url(../images/home/slide4/bg.jpg) 50% 0 no-repeat;} #home .big_slide4 .list {top:0;left:122px;position:absolute;width:276px;height:53px;background:url(../images/home/slide4/list.png); opacity:1;} #home .big_slide4 .pachka {top:69px;left:7px;position:absolute;width:425px;height:359px;background:url(../images/home/slide4/pachka2.png)} #home .big_slide4.cheese {top:324px;left:33px;position:absolute;width:105px;height:96px;background:url(../images/home/slide4/cheese.png)} #home .big_slide4 .shamp {top:94px;left:737px;position:absolute;width:27px;height:26px;background:url(../images/home/slide4/shamp.png)} #home .big_slide4 .pomidor {top:226px;left:449px;position:absolute;width:56px;height:56px;background:url(../images/home/slide4/pomidor.png)} #home .big_slide4 .ostrov {top:60px;left:890px;position:absolute;width:142px;height:248px;background:url(../images/home/slide4/ostrov.png); opacity:1} /*#home .big_slide4 .people {top:55px;left:192px;position:absolute;width:865px;height:460px;background:url(../images/home/slide4/people.png)}*/ #home .big_slide4 .perec {top:343px;left:957px;position:absolute;width:130px;height:135px;background:url(../images/home/slide4/perec.png)} #home .big_slide4 .txt_1 {top:126px;left:505px;position:absolute;width:248px;height:58px;color: #970709;font-size: 60px;font-family: 'Batke-Bold';} #home .big_slide4 .txt_2 {top:184px;left:593px;position:absolute;width:270px;height:40px;color: #970709;font-size: 60px;font-family: 'Batke-Bold';} #home .big_slide4 .txt_3 {top:242px;left:542px;position:absolute;height:33px;color: #970709;font-size: 60px;font-family: 'Batke-Bold';} #home .big_slide4 .txt_4 {top:296px;left:579px;position:absolute;width:223px;height:49px;color: #970709;font-size: 60px;font-family: 'Batke-Bold';} #home .big_slide4 .o5 {top:340px;left:690px;position:absolute;} .text_vkussea {color: #0085bb;font-size: 60px;font-family: 'Batke-Bold';white-space:nowrap;} /* #home .big_slide5 {background:url(../images/home/slide5/bg.jpg) 50% 0 no-repeat;} #home .big_slide5 .o1 { height: 285px; left: 211px; position: absolute; top: -119px; width: 505px; background:url(../images/home/slide5/single-ball.png) no-repeat} #home .big_slide5 .o2 { position:absolute; top:320px; left:531px; width:189px; height:130px; background:url(../images/home/slide5/medals.png) no-repeat} #home .big_slide5 .o3 { height: 431px; left: 271px; position: absolute; top: 34px; width: 637px; background:url(../images/home/slide5/doshirak.png) no-repeat} #home .big_slide5 .o4 { position:absolute; top:224px; left:170px; width: 401px; height: 251px;background:url(../images/home/slide5/left-mishura.png) no-repeat} #home .big_slide5 .o5 { position:absolute; top:64px; left:730px; width:202px; height:159px; background:url(../images/home/slide5/multiple-balls.png) no-repeat} #home .big_slide5 .o6 { position:absolute; top:-15px; left:460px; width:176px; height:217px; background:url(../images/home/slide5/o6.png) no-repeat} #home .big_slide5 .o7 { height: 480px; left: 614px; position: absolute; top: -8px; width: 500px; background:url(../images/home/slide5/different.png) no-repeat} #home .big_slide5 .o8 { height: 163px; left: 257px; position: absolute; top: 39px; width: 134px; background:url(../images/home/slide5/single-ball.png) no-repeat} #home .big_slide5 .o9 { position:absolute; top: 341px; left: 62px;} #home .big_slide5 .text { height: 265px; left: -19px; position: absolute; top: 114px; width: 471px; background:url(../images/home/slide5/stock-text-2.png) no-repeat}*/ /*новый баннер*/ /*#home .big_slide5 {background: url(../images/home/slide5/new_action/Banner_Promo-2019.png) 50% 0px no-repeat; background-size: 660px;}*/ #home .big_slide5 {background: url(../images/home/slide5/new_action/Banner_Promo-2020.jpg) 50% 30% no-repeat; background-size: 660px;} #home .big_slide5 a {width: 70%; display: block; height: 80%; margin: 0 auto;} /* #home .big_slide5 { background: url(../images/home/slide5/new_action/bg.png) 50% 82px no-repeat; } #home .big_slide5 .o1 { height: 394px; top:-43px; left:86px; position: absolute; width: 518px; background:url(../images/home/slide5/new_action/man.png) no-repeat} #home .big_slide5 .o2 { position:absolute; top:346px; left:99px; width:493px; height:129px; background:url(../images/home/slide5/new_action/auto2.png) no-repeat} #home .big_slide5 .o3 { height: 325px; left: 565px; position: absolute; top: 149px; width: 454px; background:url(../images/home/slide5/new_action/doshirak2.png) no-repeat} #home .big_slide5 .o4 { position:absolute; top:-93px; left:-86px; width: 607px; height: 450px;background:url(../images/home/slide5/new_action/lenta.png) no-repeat} #home .big_slide5 .o5 { position:absolute; top:311px; left:495px; width:72px; height:110px; background:url(../images/home/slide5/new_action/phone.png) no-repeat} #home .big_slide5 .o6 { position:absolute; top:283px; left:416px; width:89px; height:128px; background:url(../images/home/slide5/new_action/pad.png) no-repeat} #home .big_slide5 .o9 { position: absolute; top: 320px; left: 50px;} #home .big_slide5 .o9 .btn-more a { border: 1px solid;} #home .big_slide5 .text { height: 192px; left: 331px; position: absolute; top: 59px; width: 563px; background:url(../images/home/slide5/new_action/slogan.png) no-repeat} */ #home .big_slide5 .o9 .btn-more { display: none;} #home .big_slide6 {background:url(../images/home/slide6/bg.jpg) 10% no-repeat;} #home .big_slide6 .o1 { position:absolute; top:140px; left:440px; width:247px; height:184px; background:url(../images/home/slide6/o1.png) no-repeat} #home .big_slide6 .o2 { position:absolute; top:130px; left:455px; width:201px; height:373px; background:url(../images/home/slide6/o2.png) no-repeat} #home .big_slide6 .o3 { position:absolute; top:300px; left:690px; width:154px; height:126px; background:url(../images/home/slide6/o3.png) no-repeat} #home .big_slide6 .o4 { position:absolute; top:-5px; left:563px; width:677px; height:423px; background:url(../images/home/slide6/o4.png) no-repeat; background-size: 120% 120%; background-position-x: 110%;} #home .big_slide6 .o7 { position:absolute; top:330px; left:200px;} #home .big_slide6 .text { position:absolute; top:140px; left:40px; width:329px;} .text_v {color: #970709;font-size: 50px;font-family: 'Batke-Bold';margin-left:60px;line-height: 80%;} .text_d {color: #970709;font-size: 67px;font-family: 'Batke-Bold';line-height: 80%;} .text_p {color: #000; font-size: 20px;line-height: 130%;} .juice_wrapper {position: absolute;top: 110px;left: 40px;width: 341px;} #text_juice {color: #81bd4b;font-size: 62px;font-family: 'Batke-Bold';line-height: 50%;margin-left: 65px;} #text_juicetw {color:#51732f;font-size: 130px;font-family: 'Batke-Bold';line-height: 80%;margin-top: -10px;} .text_aloe {color: #000; font-size: 17px;line-height: 100%;width: 350px;margin-top:-10px;} #home .big_slide7 {background:url(../images/home/slide7/bg.jpg) 50% 0 no-repeat; overflow:hidden;} #home .big_slide7 .o1 { position:absolute; top:45px; left:355px; width:507px; height:683px; background:url(../images/home/slide7/o1_new.png) no-repeat} #home .big_slide7 .o2 { position:absolute; top:-20px; left:-500px; width:1579px; height:402px; background:url(../images/home/slide7/o2.png) no-repeat} #home .big_slide7 .o3 { position:absolute; top:15px; left:-220px; width:1170px; height:493px; background:url(../images/home/slide7/o3.png) no-repeat} #home .big_slide7 .o4 { position:absolute; top:65px; left:300px; width:712px; height:276px; background:url(../images/home/slide7/o4.png) no-repeat} #home .big_slide7 .o5 { position:absolute; top:300px; left:200px;} #home .big_slide7 .text { position:absolute; top:110px; left:40px; width:284px; height:190px;} .text_club {color: #970709;font-size: 70px;font-family: 'Batke-Bold';line-height: 80%; text-align: center;margin-left: -30px;} .descr_club {color: #000;font-size: 17px;line-height: 150%; width: 300px;} .text_vkus {color: #970709;font-size: 45px;font-family: 'Batke-Bold';line-height: 100%; text-align: right;} .descr_vkus {color: #000;font-size: 17px;line-height: 150%; width: 300px;margin-left: 110px;} /*#home .big_slide .o.out {left:1600px;} #home .big_slide .text.out {left:1600px;} #home .big_slide .o.out2 {left:-1600px;} #home .big_slide .text.out2 {left:-1600px;}*/ #home .big_slide.active { display:block; } #home .big_slide1 .o1.out { opacity:0; top:-100px} #home .big_slide1 .o2.out { opacity:0;top:500px; left:-100px;} #home .big_slide1 .o3.out { opacity:0; top:400px; left:420px} #home .big_slide1 .o4.out { opacity:0; left:450px} #home .big_slide1 .o5.out { opacity:0; left:-500px} #home .big_slide1 .text.out { opacity:0; top:-100px} #home .big_slide2 .o1.out { opacity:0; top:400px; left:-50px;} #home .big_slide2 .o1_1.out { opacity:0; top:400px; left:-50px; display:none;} #home .big_slide2 .o2.out { opacity:0;top:-100px;} #home .big_slide2 .o3.out { opacity:0; top:300px;} #home .big_slide2 .o4.out { opacity:0; top:-150px;} #home .big_slide2 .o5.out { opacity:0; left:-500px;} #home .big_slide2 .text.out { opacity:0; left:-500px;} #home .big_slide3 .o1.out { opacity:0; top:-100px;} #home .big_slide3 .o2.out { opacity:0; top:800px; } #home .big_slide3 .o3.out { opacity:0; top:400px;} #home .big_slide3 .o4.out { opacity:0; top:-50px;} #home .big_slide3 .o5.out { opacity:0;left:400px; top:-150px;} #home .big_slide3 .o6.out { opacity:0; top:-5px; left:150px;} #home .big_slide3 .o7.out { opacity:0; left:-500px;} #home .big_slide3 .text.out { opacity:0; left:-50px;} #home .big_slide4 .list.out{ top:-53px} #home .big_slide4 .pachka.out{ top:-150px ; left:-300px; opacity:0} #home .big_slide4.cheese.out {top:370px; left:-50px; opacity:0;} #home .big_slide4 .shamp.out {top:60px; left:240px; opacity:0;} #home .big_slide4 .pomidor.out { opacity:0; left:500px;} #home .big_slide4 .ostrov.out {top:140px; opacity:0} #home .big_slide4 .people.out {left:-500px; opacity:0;} #home .big_slide4 .perec.out { left:1000px; opacity:0;} #home .big_slide4 .txt_1.out { top:0; opacity:0;} #home .big_slide4 .txt_2.out { left:200px; opacity:0;} #home .big_slide4 .txt_3.out { top:102px; opacity:0;} #home .big_slide4 .txt_4.out {top:150px; opacity:0;} #home .big_slide4 .o5.out {left:-500px; opacity:0;} #home .big_slide5 .o1.out { opacity:0; top:-150px;} #home .big_slide5 .o2.out { opacity:0; top:-50px; left:-50px;} #home .big_slide5 .o3.out { opacity:0; left:900px; top:300px;} #home .big_slide5 .o4.out { opacity:0; left:-200px; top:-50px;} #home .big_slide5 .o5.out { opacity:0; left:800px; top:-50px;} #home .big_slide5 .o6.out { opacity:0; left:-100px; top:-50px;} #home .big_slide5 .o7.out { opacity:0; left:200px; top:350px;} #home .big_slide5 .o8.out { opacity:0; top:700px;} #home .big_slide5 .o9.out { opacity:0; left:0; top:349px;} #home .big_slide5 .text.out { opacity:0; left:900px; top:-150px;} #home .big_slide6 .o1.out { opacity:0; top:0;} #home .big_slide6 .o2.out { opacity:0; top:400px;} #home .big_slide6 .o3.out { opacity:0; left:900px; top:450px;} #home .big_slide6 .o4.out { opacity:0; left:800px; top:-155px; } #home .big_slide6 .o7.out { opacity:0; left:-200px; } #home .big_slide6 .text.out { opacity:0; top:0; } #home .big_slide7 .o1.out { opacity:0; top:150px; left:300px;} #home .big_slide7 .o2.out { opacity:0;} #home .big_slide7 .o3.out { opacity:0; top:-500px;} #home .big_slide7 .o4.out { opacity:0; top:-40px} #home .big_slide7 .o5.out { opacity:0; left:-500px} #home .big_slide7 .text.out { opacity:0; top:390px;} #home_slider {width:100%;height:207px; position:absolute; bottom:-140px;z-index: 20; zoom:1} #home_slider .div {position: relative; z-index: 20;} #home_slider ul { list-style:none; height:120px; } #home_slider .whiteline { position:absolute; top:50px; height:100%; left:0; width:100%; background:#fff;} #home_slider ul li{ margin:0; padding:0; display:block; position:absolute; background:#fe9518; border-radius:5px; transition:margin-left 0.1s linear; -moz-transition: margin-left 0.1s linear; -o-transition: margin-left 0.1s linear; -webkit-transition: margin-left 0.1s linear; /* // Попросили убрать -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px #000; -ms-box-shadow:0 0 5px rgba(0,0,0,0.5); */ overflow:hidden; } #home_slider ul li a { margin:5px 5px 0 5px; display:block; color:#fff; text-decoration:none; text-shadow:0 0 4px rgba(0,0,0,0.44); font-weight:bold; font-family:Calibri,Arial,Verdana,Tahoma,sans-serif; } #home_slider ul li a img { width:100%; display:block;} #home_slider ul {visibility:hidden;} #home_slider ul li.p1 {top:9px;left:4px;width:143px;height:91px;z-index:2;} #home_slider ul li.p1 a span{ font-size:11px; position:absolute; left:5px; bottom:3px} #home_slider ul li.p2 {top:0;left:103px;width:162px;height:109px;z-index:3;} #home_slider ul li.p2 a span{ font-size:13px; position:absolute; left:5px; bottom:8px} #home_slider ul li.p3 {top:-8px;left:224px;width:184px;height:125px;z-index:4;} #home_slider ul li.p3 a span{ font-size:16px; position:absolute; left:5px; bottom:8px} #home_slider ul li.p4 {top:-8px;left:422px;width:184px;height:125px; box-shadow:none; overflow:hidden; z-index:5;} #home_slider ul li.p4 a span{ font-size:11px; position:absolute; left:5px; bottom:8px} #home_slider ul li.p5 {top:-8px;left:634px;width:184px;height:125px; z-index:4;} #home_slider ul li.p5 a span { font-size:16px; position:absolute; right:5px; bottom:8px;} #home_slider ul li.p6 {top:0;left:778px;width:162px;height:109px; z-index:3;} #home_slider ul li.p6 a span{ font-size:13px; position:absolute; right:5px; bottom:8px;} #home_slider ul li.p7 {top:9px;left:897px;width:143px;height:91px; z-index:2;} #home_slider ul li.p7 a span{ font-size:11px; position:absolute; right:5px; bottom:3px} #home_slider ul li.p1:hover { margin-left:-15px;} #home_slider ul li.p2:hover { margin-left:-15px;} #home_slider ul li.p3:hover { margin-left:-15px;} #home_slider ul li.p5:hover { margin-left:15px;} #home_slider ul li.p6:hover { margin-left:15px;} #home_slider ul li.p7:hover { margin-left:15px;} #home_slider .active { position:absolute; top:-30px; left:318px; width:425px; height:245px; z-index:20; visibility:hidden; cursor:pointer; } #home_slider .active .image { width:300px; height:165px; background-color:#fff; background-position:-7px -5px; position:absolute; top:5px; left:57px; display:none;} #home_slider .active .bg2 { width:300px; height:165px; background-color:#fff; background-position:-7px -5px; position:absolute; top:5px; left:57px; display:block;} #home_slider .active .image.image1{background-image:url(../images/home_slider/bb1.jpg);} #home_slider .active .image.image2{background-image:url(../images/home_slider/bb2_new.png);} #home_slider .active .image.image3{background-image:url(../images/home_slider/bb3.jpg);} #home_slider .active .image.image4{background-image:url(../images/home_slider/bb4_new.png); display:block} #home_slider .active .image.image5{background-image:url(../images/home_slider/bb8.jpg);} #home_slider .active .image.image6{background-image:url(../images/home_slider/bb6.jpg);} #home_slider .active .image.image7{background-image:url(../images/home_slider/bb7.jpg);} #home_slider .active .image.image8{background-image:url(../images/home_slider/bb8.jpg);} #home_slider .active .brdr { position:relative;background:url(../images/home_slider/bgbig.png) no-repeat 0 0 ; width:425px; height:245px} #home_slider .div {width:1054px;height:100%;margin:0 auto; position:relative; } #home_slider .m-left { position:absolute; top:-60px; width:50%; left:0; height:100%; background:url(../images/home_slider/m-left.png) no-repeat right 0; margin:0 0 0 -433px} #home_slider .m-right { position:absolute; top:-60px; width:50%; left:50%; height:100%; background:url(../images/home_slider/m-right.png) no-repeat 414px 0;} #home_news {width:100%;height:90px; position:relative; z-index:5; margin-top:135px; margin-bottom: 2vw;} #home_news .div {width:1054px;height:100%;position:relative;margin: 0 auto;} #home_news .div a.lt {z-index:2;top:20px;width:12px;height:20px;position:absolute;background:url(../images/all/lt.png)} #home_news .div a.rt {z-index:2;top:20px;left:1050px;width:12px;height:20px;position:absolute;background:url(../images/all/lt.png) -12px 0;} #home_news .div .list {width:1050px;height:130px;overflow:hidden;position:absolute; } #home_news .div .list ul {width:2100px;position:absolute;list-style:none;margin:0;padding:0;} #home_news .div .list ul li {float:left;color:#ad7a8e;width:300px;margin-left:50px;} #home_news .div .list ul li .b-title {font-weight:bold;color:#373023;font-size:14px;text-decoration:none;display:block;float:left;margin-bottom:14px;} #home_news .div .list ul li a:hover {text-decoration:underline} #home_news .div .list ul li a.read {display:block; width:45px; height:14px;background:url(../images/all/read.png);margin-top:10px;} .btn-more {text-align:center; padding:20px 0 0; } .btn-more a {display: inline-block; color:#fff; padding:10px 20px; background:#f58a00; border-radius: 25px; text-decoration:none; font-family: Calibri,Arial,Helvetica,sans-serif;} .btn-more a:first-letter {text-transform: uppercase;} .btn-more input {display: inline-block; border: none; color:#fff; padding:10px 20px; background:#f58a00; border-radius: 25px; text-decoration:none; font-family: Calibri,Arial,Helvetica,sans-serif; cursor:pointer; } .btn-more.white a {color:#79554a; background:#f3f1e7; padding:8px 15px;} .b-dinamic-menu { height: 130px; padding:45px 0 0 0; position: relative; z-index: 20;} .b-dinamic-menu .menu { background: #ccc ;border-radius: 5px 5px 0 0 ; position: relative; height: 130px; margin: 0 20px 0 -22px;} .b-dinamic-menu .menu h1 {position: absolute; top: 30px; left:75px; color:#f4e0c5; font-size:47px; line-height: 35px;} .b-dinamic-menu .menu h1 span {font-size: 39px; display: block; line-height:35px} .b-dinamic-menu .menu ul { position: absolute; margin: 0; padding: 0; list-style: none; top:-10px; right: 25px;} .b-dinamic-menu .menu ul li {display: block; float:left; width:120px; text-align: center; margin: 0 10px; border-radius:5px 5px 0 0} .b-dinamic-menu .menu ul li a { display:block; text-decoration: none; color:#f3f1e7; text-transform: uppercase; font-size: 13px; font-weight: bold; padding:35px 0 5px; height: 100px; } .b-dinamic-menu .menu ul li a span.ico{display: block; text-align: center; vertical-align: middle; height:53px; } .b-dinamic-menu .menu ul li a span.ico img { vertical-align: middle;} .b-dinamic-menu .menu ul li a span.text{ display: table-cell; vertical-align: middle; width:120px; height: 30px; } .b-dinamic-menu .menu ul li:hover {background:#a59870;} .b-dinamic-menu .menu ul li.active {background:#a59870;} .b-dinamic-menu .menu ul li.file {background:#f58a00; margin:25px 0 15px; border-radius: 5px;width:140px; } .b-dinamic-menu .menu ul li.file a {padding:15px 0 5px; height: 80px; } .b-dinamic-menu .menu ul li.file a span.text {width:140px;} .b-dinamic-menu .close { position: absolute; top:47px; right:8px; width:36px; height: 36px; display: none; border-radius:20px; background: #ff0000; } .oldie .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=ff0000') center center transparent; } .b-dinamic-menu .close i {width:36px; height: 36px; display: block; background: url(../images/all/ico-close.png) center center no-repeat;} nav.menu h1 { margin-left: -35px; } .b-part-content { } .b-part-content .footer { height:50px; text-align: center; line-height: 50px; display:none; } .b-part-content .footer .footer-content {background:#ccc; border-radius: 0 0 5px 5px; height:50px; margin: 0 20px 0 -22px;} .b-part-content .footer a {color:#fff; font-size:13px; text-transform: uppercase; text-decoration:none; font-weight: bold; padding: 1px 0 4px 23px; background: url(../images/all/ico-close.png) no-repeat left top;} .b-part-top {margin:0 0 -45px 0; } .b-part-top.hidden {display:none;} .b-new-production .slider {position: absolute; width:1000px; height: 380px; left:-120px; top:50px;} .b-new-production .slider-wrapper{ width:1250px; height: 380px; overflow:hidden; margin: 0 auto; } .b-new-production .slider-wrapper .arr{ position: absolute; top:180px; width:14px; height: 21px; background: url(../images/production/arrows.png)} .b-new-production .slider-wrapper .l.arr{left:0; background-position: 0 0; display:none } .b-new-production .slider-wrapper .r.arr{right:0; background-position: -13px 0; display:none} .b-new-production .slider-wrapper ul{ list-style: none; margin: 0; padding: 0;display: flex;align-items: center;justify-content: flex-start;flex-direction: row-reverse;} .b-new-production .slider-wrapper ul li{width:290px; height: 365px; position: relative; background: url(../images/production/bg-new-obj.png) center bottom no-repeat; float:left; margin: 0 30px 0 0;} .b-new-production .slider-wrapper ul li a{ text-decoration: none;} .b-new-production .slider-wrapper ul li i { position: absolute; top:44px; right:0; width:60px; height: 57px; background: url(../images/production/ico-new.png) no-repeat; z-index: 2;} .b-new-production .slider-wrapper .vis{} .b-new-production .slider-wrapper .vis .product-image{ position: absolute; top:8px; left:0; height: 275px; width:100%; line-height: 275px; vertical-align: middle; text-align: center;} .b-new-production .slider-wrapper .vis .product-image img{ vertical-align: middle;} .b-new-production .slider-wrapper .vis .head{ position: absolute; width:100%; bottom:0; height: 60px; padding: 20px 0 0; font-size:12px; color:#62463c; text-transform: uppercase; text-align: center; background: url(../images/production/bg-new-head.png) center top no-repeat} .b-new-production .slider-wrapper .hover {display:none; position: absolute; left:0; bottom:80px; text-align: center; width:100%; height:305px; background:url(../images/all/bg-60.png); z-index: 3; } .oldie .b-new-production .slider-wrapper .hover {background:#F3F1E7} .b-new-production .slider-wrapper .hover .text-wrap {position: absolute; bottom:45px; left:0; width:100%;} .b-new-production .slider-wrapper .hover .text{ font-size: 11px; line-height: 18px; color:#422f29; margin: 0 auto; background: url(../images/production/bg-new-obj-hover.png) center 0 no-repeat; padding: 20px 0 10px; width:170px; font-family: Arial, helvetica, sans-serif; } .b-new-production .slider-wrapper .hover .text p{ text-align: center; padding:0 10px;} .b-new-production .slider-wrapper .hover .btn-more {position: absolute; bottom:20px; left:0; width:100%; text-align: center} .b-new-production .slider-wrapper ul li:hover .hover {display: block;} .b-delta { color:#ffffff; width:248px; position: relative;} .b-delta .delta-top { position: absolute; bottom:100%; left:0; width:100%; height:50px; background: url(../images/all/delta-bg-1.png) left top no-repeat} .b-delta .delta-bottom { position: absolute; top:100%; left:0; width:100%; height:50px; background: url(../images/all/delta-bg-1.png) left bottom no-repeat} .b-delta .delta-content {background:#a59870; padding:0 10px; position: relative; z-index: 2 } .b-delta.big { color:#ffffff; width:376px; position: relative;} .b-delta.big .delta-top { height:60px; background: url(../images/all/delta-bg-2.png) left top no-repeat} .b-delta.big .delta-bottom { height:70px; background: url(../images/all/delta-bg-2.png) left bottom no-repeat} .b-delta.red { color:#ffffff; width:226px; position: relative; } .b-delta.red .delta-top { height:45px; background: url(../images/all/delta-bg-3.png) left top no-repeat} .b-delta.red .delta-bottom { height:45px; background: url(../images/all/delta-bg-3.png) left bottom no-repeat} .b-delta.red .delta-content {background: url(../images/all/delta-bg-3-1.png) } .b-delta.brown2 { position: relative; } .b-delta.brown2 .delta-top { background: url(../images/all/delta-bg-4.png) left top no-repeat} .b-delta.brown2 .delta-bottom { background: url(../images/all/delta-bg-4.png) left bottom no-repeat} .b-delta.brown2 .delta-content {background: url(../images/all/delta-bg-4-1.png) } .b-delta hgroup {padding:0 0 20px 0; background: url(../images/all/delta-head-bg.png) center bottom no-repeat; margin:0 0 20px 0; text-align:center} .b-delta hgroup h1 {font-size:22px;} .b-delta hgroup h1 span {display:block; font-size:15px;} .b-delta hgroup h2 {font-size:15px;} .b-delta .b-second-header {padding:0 0 20px 0; background: url(../images/all/delta-head-bg.png) center bottom no-repeat; margin:30px 0 20px 0; text-align:center; font-size: 20px; color:#E5E0CC; } .b-delta.big hgroup h1 {font-size: 40px;} .b-delta p { padding: 0 15px 10px 15px; font-family: arial,helvetica,sans-serif; font-size: 12px; text-align: center;} .b-delta .list {margin:0; padding:0; list-style: none; text-align: center; font-family: Arial, Helvetica, sans-serif;} .b-delta .list li{padding:0 0 13px 0; font-size: 11px; text-transform: uppercase} .b-delta .list li span{ display:block; font-size:10px; text-transform: none; color:#f0e7c5} .b-delta .btn-more {padding:20px 0 0;} ul.big-numbers {list-style:none; margin:0; padding:0;} ul.big-numbers li{ padding:0 20px 0 70px; position: relative } ul.big-numbers li:before {content:""; position: absolute; width:59px; height: 60px; background: url(../images/production/big_numbers.png) 0 0 no-repeat; top:0; left:0;} ul.big-numbers li+li:before{ background-position: -59px 0 } ul.big-numbers li+li+li:before{background-position: -118px 0} .b-news-list {padding:20px 0;} .b-news-list article {overflow:hidden; padding:10px 0;} .b-news-list article h1 {font-size: 22px; padding: 0px 0 15px 0; font-family: Calibri, Arial, Helvetica, sans-serif; text-transform: uppercase;} .b-news-list article .image { float:left; text-align: left; } .b-news-list article .image img {border-radius: 4px; max-width:242px; } .b-news-list article .content {float:left; width: 260px; padding:0 55px 0 0 } .b-news-list article .text {margin:0 0 0 80px; font-size: 11px; line-height: 16px; color:#363636; font-family: Arial, Helvetica, sans-serif;} /* .b-news-list article.right .image{margin:0 0 0 -575px;} - было*/ .b-news-list article.right .image{margin:0 0 0 -521px;} .b-news-list article.right .content{ padding: 0; margin:0 0 0 315px;} time{ float:left; display: block; position: relative; width:70px; height: 50px;font-family: Arial, Helvetica, sans-serif; color:#d53906} time i{font-style: normal; position: absolute; top:3px; left:0px; font-size: 24px;} time b{font-weight: normal;position: absolute; top:27px; left:0px; font-size:10px;} time s{text-decoration: none; font-size: 10px; color:#fff; text-align:right; padding:3px 3px 0 0; position: absolute; top:0; right:0; width:43px; height: 43px; background: url(../images/all/date-bg.png) right top no-repeat} time.white{ color:#fff} time.white i{} time.white b{} time.white s{background:none; right:10px;} .b-vertical-slider{ height: 440px;} .b-vertical-slider .slider-wrapper{ height:420px; overflow: hidden; position: relative;} .b-vertical-slider .slider-content { position: absolute; top:0px; left:0px;} .b-vertical-slider ul {margin:0; padding: 0px; list-style: none;} .b-vertical-slider ul li{ border-bottom:1px solid rgba(255,255,255,0.15); min-height:40px; padding:10px 0;} .b-vertical-slider ul li:last-child{border:none;} .b-vertical-slider ul li .text{padding:5px 0 5px 75px;} .b-vertical-slider ul li a {color:#fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .b-vertical-slider .arr { display: none; position: absolute; width:14px; bottom:0px; background:url(../images/all/arr-td.png) 0 0 no-repeat; height:8px; } .b-vertical-slider .t.arr {right:53%; } .b-vertical-slider .d.arr {left:53%; background-position: -14px 0; } .form {} .form h1 {font-size:37px; color:#972500; padding:40px 0; line-height: 27px;} .form p{ font-family: Georgia, "Times New Roman", sans-serif; color: #635652; line-height: 18px; padding: 15px 0; font-style: italic;} .form label{ font-family: Arial, Helvetica; font-size: 11px; color:#6a605e; display:block; padding:0 0 5px 0; } .form .input-text{ border-radius: 5px; border:1px solid #e0dfda; background:#f2f0eb; display:block; padding:5px 10px; font-size:16px; width:213px; margin: 0 0 10px 0; } .form .textarea-text{border-radius: 5px; border:1px solid #e0dfda; background:#f2f0eb; display:block; padding:5px 10px; font-size:16px; width:213px; height:170px; min-width:213px; max-width:213px; min-height:170px; max-height:170px; font-family: Arial, helvetica, sans-serif} .b-part-top {height:460px;} .b-part-top .l-fixed { height: 100%;} /*Products*/ .production_page .b-part-top h1 { font-size: 43px; color:#932400; position: absolute; line-height: 31px; top:40px; left:200px; z-index: 8;} .production_page .b-part-top h1 span {font-size: 27px; display: block; text-align: right;} .production_page .b-new-production { position:absolute; height: 400px; top:30px; left:0px; z-index: 3;} .production_page .b-dinamic-menu .menu {background: #b22f05 url(../images/production/menu-bg.jpg) 0 0 repeat-x;} .production_page .b-dinamic-menu .menu h1 { } .production_page .b-dinamic-menu .close {background: #b22f05;} .oldie .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=b22f05') center center transparent; } .production_page .b-part-content {} .production_page .product-about { overflow: hidden; background: #fff; padding:60px 0 60px;} .production_page .product-about .l-col{float:left; width:300px; margin: 0 50px 0 10px } .production_page .product-about .l-col h1 {color:#824836; font-size:34px; line-height: 34px; padding:0 0 30px;} .production_page .product-about .l-col .text {font-family: Georgia, "Times New Roman", sans-serif; font-size: 14px; color:#635652; font-style: italic;} .production_page .product-about .r-col{margin:0 0 0 360px;} .production_page .product-about .r-col h2 {font-size: 22px; color:#90845e; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: bold; padding:0 0 20px 0;} .production_page .product-about .r-col ul li {float:left; width:140px; font-size:13px; color:#635652;} .production_page .product { position: relative; overflow: hidden; height:490px;} .production_page .product.variants { position: relative; overflow: hidden; height:690px;} .production_page .product .product-content{color:#f3f1e7; width:380px; text-align:center; position:absolute; top:45px; left:80px; z-index:25; } .production_page .product.light .product-content{color:#725c55 } .production_page .product.light h1 {color:#4e3d37} .production_page .product i.flag { position: absolute; top:0px; left:215px; width:110px; height:20px; background-position:center bottom; z-index: 1 } .production_page .product i.flag:after { content:""; position:absolute; bottom:-8px; left:54px; width:56px; height:95%; z-index:-1; -webkit-transform: skew(0, -15deg); -moz-transform: skew(0, -15deg); -o-transform: skew(0, -15deg); -ms-transform: skew(0, -15deg); transform: skew(0, -15deg); } .production_page .product i.flag:before { content:""; position:absolute; bottom:-8px; right:55px; width:55px; height:95%; background:#ff6100; z-index:-1; -webkit-transform: skew(0, 15deg); -moz-transform: skew(0, 15deg); -o-transform: skew(0, 15deg); -ms-transform: skew(0, 15deg); -webkit-transform: skew(0, 15deg); } .production_page .product .l-fixed {height:100%;} .production_page .product.right .product-content{left:580px;} .production_page .product.right i.flag {left:715px;} .production_page .product h1{font-size: 36px; padding:0 0 10px; background-position:center 55px; background-repeat:no-repeat; line-height:30px;} .production_page .product h2{padding:5px 0 20px;} .production_page .product .text{overflow: hidden !important; height: 310px !important; width: 490px; margin: 0 auto 20px;} .production_page .product .param{ width:400px; margin: 0; padding:0px; list-style:none; background: url(../images/production/line-light.png) 0 top repeat-x; overflow: hidden; } .production_page .product .param li {width:50%; float:left; font-size: 12px; padding:20px 0; background: url(../images/production/line-light.png)0 bottom repeat-x } .production_page .product .param li strong {display:block; font-size: 14px; } .production_page .product.light .param {background: url(../images/production/line-dark.png) 0 top repeat-x;} .production_page .product.light .param li {background: url(../images/production/line-dark.png) 0 bottom repeat-x;} .production_page .product .product-image { position: absolute; left:0px; top:0px;} .production_page .b-part-content .footer .footer-content {background:#be380d url(../images/production/footer-bg.jpg) top left no-repeat;} .production_page .product .l-fixed .inner {display:none; position:absolute;top:0px; left:0px; width:100%; height:100%; z-index: 2;} .production_page .product .l-fixed .inner:first-child {display:block} .production_page .product .l-fixed .flying-vegetables { z-index: 1; position: relative;} .production_page .sub-products { position: absolute; bottom:0px; height:180px; width:100%; z-index:19} .production_page .sub-products h3 {font-size:36px; color:#f5f2e7; position:absolute; top:35px; left:30px;} .production_page .sub-products h3 span {font-size:30px; display:block;} .production_page .sub-products ul {list-style:none; position:absolute; padding:0px; margin:0px; width:875px; height:162px; top:0px; left:180px; overflow:hidden} .production_page .sub-products ul li a {text-decoration:none;} .production_page .sub-products ul li { display:block; float:left; min-width:125px; height:160px; border-radius:5px; margin: 0 11px 0 0; border:1px solid transparent } .production_page .sub-products ul li.m-mini { min-width:100px; height:128px; margin: 0 7px 0 0; } .production_page .sub-products ul li .sub-image {width:100%; height:110px; line-height:110px; text-align:center; vertical-align: middle; margin:15px 0 10px ;} .production_page .sub-products ul li .sub-image img {display:inline-block; vertical-align: middle;} .ie7 .production_page .sub-products ul li{width:125px;} .production_page .sub-products ul li .sub-name {text-align:center; color:#f5f2e7; font-size:12px; text-transform:uppercase;} .production_page .sub-products ul li:hover {border:1px solid #f5f2e7;} .production_page .sub-products ul li.active {border:1px solid #f5f2e7;} .production_page .product.light .sub-products ul li:hover {border:1px solid #59523e;} .production_page .product.light .sub-products ul li.active {border:1px solid #59523e;} .production_page .product.light .sub-products h3{color:#59523e} .production_page .product.light .sub-products ul li .sub-name {color:#684235; font-weight: bold;} .production_page .sub-wave {height:206px; width:100%; position: absolute; bottom:0; left:0; z-index: 2; } .production_page .sub-wave i {display:block; height:10px; width:100%; position: absolute; bottom:100%; left:0; background-repeat: repeat-x; background-position: left bottom; } /*Consumers*/ .consumers_page .b-dinamic-menu .menu {background: #406218 url(../images/consumers/menu-bg.jpg) 0 0 repeat;} .consumers_page .b-dinamic-menu .menu h1 {color:#f6f5ed; font-size: 49px; top:45px;} .consumers_page .b-dinamic-menu .menu li {margin:0;} .consumers_page .b-dinamic-menu .close {background: #406218} .oldie .consumers_page .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=406218') center center transparent; } .consumers_page .b-part-top {z-index:1;} .consumers_page .b-part-top .b-delta { position: absolute; top:80px; left: 745px; z-index:6;} .consumers_page .b-stock { position: absolute; top:0px; left:0px; width:740px; height:100%; } .consumers_page .b-stock-text{ position: absolute; top:120px; left:20px; width:230px; z-index:10 } .consumers_page .b-stock-text h1 { text-align:right; font-size: 48px; line-height: 48px; padding:0 0 30px 0; color:#363126} .consumers_page .b-stock-text h1 span{font-size: 62px; display: block;} .consumers_page .b-stock-text p {font-size: 13px; line-height: 17px; color:#292c1b; width:170px; padding:0 15px 0 45px } .consumers_page .b-stock-image{ position: absolute; top:0px; left:375px;z-index:3; } .consumers_page .b-part-content {background-color:#fff} .b-club {background-color:#fff; width:100%;} .b-club .left-part {float:left; width:580px;} .b-club .right-part {float:left; width:377px; padding:185px 0 80px 77px;} .b-club .right-part.m-without-join {padding-top:90px;} .b-club .right-part .b-delta.big {} .b-club .right-part .b-delta.big hgroup {padding-top:55px} .b-club .right-part .b-delta.big hgroup.m-events {padding-top:0px} .b-club .b-delta.big h1 {line-height:35px;} .b-club .b-delta.big h1 span {font-size:30px; display: block; } .b-club .right-part .join { position: absolute; top:-180px; left:50%; margin-left:-118px; width:238px; height: 238px; background:url(../images/consumers/join.png) no-repeat; z-index: 5;} .b-club .right-part .b-vertical-slider{margin: 0 auto; width:286px; padding-top:55px; } .consumers_page .b-stock-content { background:#fff; padding:250px 0; text-align:center;} .consumers_page .b-part-content .footer .footer-content {background:#406218 url(../images/consumers/menu-bg.jpg) top left repeat;} .b-contacts {height:800px; background: url(../images/consumers/contacts-bg.jpg) center top no-repeat;} .b-contacts .l-fixed {height: 100%;} .b-contacts .contacts-marker{ position: absolute; top:auto; bottom:320px; left:670px; text-align: center;} .b-contacts .contacts-marker h2, .b-contacts .contacts-marker h3 {font-size: 24px; padding:20px 0 15px;} .b-contacts .contacts-marker .part1 {padding:0 0 20px 0;background: url(../images/all/delta-head-bg.png) center bottom no-repeat;} .b-contacts .contacts-reply { position: absolute; top: 0; left: -22px; width: 376px;background: #fff; } .b-contacts .contacts-reply .contacts-bottom { width: 100%;height: 76px; position: absolute; top:100%; left:0; background: url(../images/all/contacts-bg.png) no-repeat 0 0;} .b-contacts .contacts-reply .text {padding:35px 70px;} .b-faq {background: #fff; } .b-faq .faq-reply {width:375px; padding-bottom:100px; float:left;} .b-faq .faq-reply .text {padding:0 80px 0 80px; margin:0 0 0 -22px;} .b-faq .faq-reply .text .btn-more {text-align:left;} .faq-content {float:left; width:610px; border-top:1px solid #eceae8; margin:35px 0 50px;} .faq-content.custom-accordion {width:563px; margin-left: -22px; } .faq-content .question {position: relative; z-index: 3; display:block; text-decoration: none;} .faq-content article {border-bottom:1px solid #eceae8; padding: 25px 0 0; position: relative;} .faq-content article h2 {font-family: 'Batke-Bold',Georgia,"Times New Roman",sans-serif; font-size: 20px; padding: 0 0 25px 0; color: #844637;} .faq-content.custom-accordion article h2 { font-family: 'Batke-Bold'; font-style: normal; color:#90845e; font-size: 18px; padding: 0 0 25px 0; } .faq-content article .text { padding: 0 0 25px 0; display:none; overflow: hidden;} .faq-content article .text-container {display: flex; align-items: center; justify-content: center;} .faq-content article .text p {font-size:14px; line-height: 20px; color:#7a7472} .faq-content article .pm { position:absolute; top:30px; right:20px; width: 13px; height: 13px; background: url(../images/all/ico-plusminus.png) no-repeat 0 0; z-index: 1;} .faq-content article.open .pm { background-position: 0 -13px;} .faq-content article .text p { margin-left:0px; } /*Portal*/ .portal_page .b-part-top { height:460px;} .portal_page .b-part-top .b-delta { position: absolute; top:80px; left:745px; z-index:10;} .portal_page .b-dinamic-menu .menu {background: #5d3c2b url(../images/portal/menu-bg.jpg) 0 0 repeat;} .portal_page .b-dinamic-menu .close {background: #5d3c2b} .oldie .portal_page .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=5d3c2b') center center transparent; } .portal_page .b-dinamic-menu .menu h1 {color:#f4e0c5; font-size: 49px; top:30px;} .portal_page .b-part-content .footer .footer-content {background:#406218 url(../images/portal/menu-bg.jpg) top left repeat;} .portal_page .b-part-content {} .b-holidays { background: #fff; padding:30px 0; margin: 0 20px 0 -22px; } .b-holidays .holidays-about { overflow:hidden; color:#635652; font-size: 13px; font-family: Georgia, "Times New Roman"; line-height:21px; font-style: italic; padding:50px 0; } .b-holidays .holidays-about .left-part {float:left; width:400px; padding: 0 74px 0 95px;} .b-holidays .holidays-about h1 {font-size:32px; line-height: 32px; color:#824836; padding:0 0 20px 0;} .b-holidays .holidays-about .right-part {float:left; width:400px; padding: 35px 0 0 0;} .b-holidays .holidays-month { border-top:1px solid #d0cac8; position:relative; } .b-holidays .holidays-month .l-fixed {padding:55px 0;} .b-holidays .holidays-month .month {position:absolute; top:-60px;left:50%; width:152px; margin:0 0 0 -76px;} .b-holidays .holidays-month .month h1 {width:152px; height:122px; background:url(../images/portal/month-h1.png) no-repeat; line-height: 122px; color:#fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; text-transform: uppercase; font-weight:bold; text-align:center; margin:0 0 35px 0;} .b-holidays .holidays-month .month .clear_month{ position:absolute; left:0px; top:-67px; width:152px; height:80px; background:url(../images/portal/month-clear.png)center top no-repeat; line-height: 80px; color:#fff; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; text-transform: uppercase; font-weight:bold; text-align:center; } .b-holidays .holidays-month .month .clear_month.m1{ top:-67px; } .b-holidays .holidays-month .month .clear_month.m2{ top:-134px;} .b-holidays .holidays-month .month i{display:block;width:152px; height:21px; background: url(../images/portal/month-corner.png) no-repeat center top; } .b-holidays .holidays-month h2 {font-size:20px; color:#5c3c2b; line-height:20px; padding: 0 0 20px 0; } .b-holidays .holidays-month .left-part {width:300px;float:left; min-height: 50px; text-align:center; padding: 0 110px 0 123px} .b-holidays .holidays-month .right-part {width:300px;float:left; min-height: 50px; text-align:center; padding: 0 85px 0 106px} .b-holidays .holidays-month p {color:#635652; line-height: 18px;} /*Partners*/ .partners_page {} .partners_page .b-part-top { height:460px;} .partners_page .b-part-top .l-fixed {height: 100%;} .partners_page .b-part-top .bg2 {position:absolute; top:50px; left:60px;width:653px; height:394px; background: url(../images/partners/partners-bg-2.png) no-repeat; z-index: 4;} .partners_page .b-part-top .b-delta { position: absolute; top: 80px;left:745px; z-index:8;} .partners_page .b-part-top .b-delta h1 {font-size: 26px;} .partners_page .b-part-top .b-delta h1 span {font-size:22px;} .partners_page .b-dinamic-menu .menu {background: #851815 url(../images/partners/menu-bg.jpg) 0 0 repeat;} .partners_page .b-dinamic-menu .menu h1 {color:#f4e0c5; font-size: 49px; top:45px;} .partners_page .b-dinamic-menu .menu li.active {background:#f58a00} .partners_page .b-dinamic-menu .menu li:hover {background:#f58a00} .partners_page .b-dinamic-menu .close {background: #851815} .oldie .partners_page .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=851815') center center transparent; } .partners_page .b-part-content .footer .footer-content {background:#851815 url(../images/partners/menu-bg.jpg) top left repeat;} /*About*/ .about_page {} .about_page .b-part-top { height:460px;} .about_page .b-part-top .l-fixed {height: 100%;} .about_page .b-part-top .b-delta { position: absolute; top: 80px;left:745px; z-index:8;} .about_page .b-part-top .exhibition-head {position:absolute; top:260px; left:154px; background: url(/templates/images/all/delta-bg-4-1.png); padding: 10px; width: 400px; font-size:42px; line-height:38px; color:#643728; z-index: 10;} .about_page .b-part-top .exhibition-head span {display:block; text-transform:uppercase;} .about_page .b-part-top .exhibition-text {position:absolute; top:360px; left:154px; background: url(/templates/images/all/delta-bg-4-1.png); padding: 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#635652; font-size:14px; font-style:italic; width:400px; z-index: 10; } .about_page .b-part-top .exhibition-image1 {position:absolute; top:60px; left:20px; z-index: 12;} .about_page .b-part-top .exhibition-image2 {position:absolute; left: 200px !important; z-index: 7;} .about_page .b-part-top .exhibition-image2 img {width: 80%;} .about_page .b-part-top .exhibition-image3 {position:absolute; top:130px; left:350px; z-index: 9;} .about_page .b-dinamic-menu .menu {background: #d67604 url(../images/about/menu-bg.png) 0 0 repeat;} .about_page .b-dinamic-menu .menu h1 {color:#f4e0c5; font-size: 48px; top:45px; white-space:nowrap} .about_page .b-dinamic-menu .menu h1 span{display:inline; font-size: 48px; padding:0 0 0 10px;} .about_page .b-dinamic-menu .menu ul li.active {background:#be3c12} .about_page .b-dinamic-menu .menu ul li:hover {background:#be3c12} .about_page .b-dinamic-menu .close {background: #d67604} .oldie .about_page .b-dinamic-menu .close { background: url('../../templates/modules/catalog/circle-close.php?color=d67604') center center transparent; } .about_page .b-part-content .footer .footer-content {background:#d67604 url(../images/about/menu-bg.png) top left repeat;} .ajax-content {position:relative; overflow:hidden;} .ajax-new-content {position:absolute; left:0;width:100%;z-index:2;} .ajax-loaded-content {position:relative; top:0; left:0; width:100%; /*z-index:1;*/ z-index: 24;} .social { display:none; position:absolute; top:10px; right:-10px; width:28px; height:100px; z-index: 30; } .social .vk {display:block; width:26px; height:26px; background:url(../images/footer/social.png) 0 0 no-repeat; margin:0 0 25px } .social .fb {display:block; width:26px; height:26px; background:url(../images/footer/social.png) 0 -51px no-repeat; margin:0 0 25px} .main-ajax-content {position:relative; overflow:hidden;} .main-ajax-new-content {position:absolute; top:0; left:-100%;width:100%;} .main-ajax-loaded-content {position:relative; padding:0 0 40px 0; zoom:1; } .noodles { position: absolute; top:445px; left:0; width:100%; height:172px; background:url(../images/all/line.png) 0 top repeat-x; z-index: 10;} .ie7 .noodles {z-index:-1; } .ie7 .main-ajax-loaded-content .noodles {z-index:8; display: block;} .ie7 .main-ajax-new-content .noodles {z-index:8; display: block;} .ie7 .index_page {z-index:20;} .vegetable { position: absolute; left:-200px; z-index: 200;} .vegetable i { position: absolute; display:block; top:0px; left:0px; } .vegetable b { position: absolute; display:block; top:5px; left:5px; } .vegetable.v1 { top:10px; left:350px; width:58px; height: 62px;} .vegetable.v1 i { width:42px; height: 45px; background: url(../images/preloader/o1.png) no-repeat 0 0; } .vegetable.v1 b { width:58px; height: 62px; background: url(../images/preloader/o1s.png) no-repeat 0 0;} .vegetable.v2 { top:200px; left:1400px; width:70px; height: 67px;} .vegetable.v2 i { width:70px; height: 67px; background: url(../images/preloader/o2.png) no-repeat 0 0; } .vegetable.v2 b { width:86px; height: 82px; background: url(../images/preloader/o2s.png) no-repeat 0 0;} .vegetable.v3 { top:30px; left:1250px; width:42px; height: 43px;} .vegetable.v3 i { width:42px; height: 43px; background: url(../images/preloader/o3.png) no-repeat 0 0; } .vegetable.v3 b { width:63px; height: 61px; background: url(../images/preloader/o3s.png) no-repeat 0 0;} .vegetable.v4 { top:160px; left:550px; width:56px; height: 56px;} .vegetable.v4 i { width:56px; height: 56px; background: url(../images/preloader/o4.png) no-repeat 0 0; } .vegetable.v4 b { width:84px; height: 81px; background: url(../images/preloader/o4s.png) no-repeat 0 0;} .vegetable.v5 { top:12px; left:1100px; width:110px; height: 114px;} .vegetable.v5 i { width:110px; height: 114px; background: url(../images/preloader/o5.png) no-repeat 0 0; } .vegetable.v5 b { width:127px; height: 132px; background: url(../images/preloader/o5s.png) no-repeat 0 0;} .vegetable.v6 { top:50px; left:466px; width:104px; height: 90px;} .vegetable.v6 i { width:104px; height: 90px; background: url(../images/preloader/o6.png) no-repeat 0 0; } .vegetable.v6 b { width:119px; height: 104px; background: url(../images/preloader/o6s.png) no-repeat 0 0;} .vegetable.v7 { top:60px; left:0; width:130px; height: 126px;} .vegetable.v7 i { width:130px; height: 126px; background: url(../images/preloader/o7.png) no-repeat 0 0; } .vegetable.v7 b { width:145px; height: 141px; background: url(../images/preloader/o7s.png) no-repeat 0 0;} .vegetable.v8 { top:120px; left:220px; width:140px; height: 110px;} .vegetable.v8 i { width:140px; height: 110px; background: url(../images/preloader/o8.png) no-repeat 0 0; } .vegetable.v8 b { width:154px; height: 125px; background: url(../images/preloader/o8s.png) no-repeat 0 0;} .spacer { height:123px; clear:both;} .clear { position: relative; height: 1px; width:100%; clear:both;} #footer {width:100%; height:93px; background:url(../images/footer/gd.png) 0 100% repeat-x; position:fixed;bottom:0; left:0; z-index: 25; } /*#footer .footer-content { width:1054px; height:93px; margin:0 auto; position:relative;}*/ #footer .footer-content { width:100%; max-width: 1254px; height:93px; margin:0 auto; position:relative;} .hiiii { font-style: italic; } /*#footer .footer-content .akcii { bottom: 35px; /!*left: -50px;*!/ }*/ #footer .footer-content .akcii a img {width: 380px;} #footer .footer-content .akcii a:focus {outline: none;} /*#footer .icons { position:absolute; top:50px; left:315px; width:287px; height:31px; background:url(../images/footer/btns.png) no-repeat;}*/ /* #footer .icons { position:absolute; top:45px; left:-25px; right: 0; margin: auto; width:380px; height:41px; background:url(../images/footer/btns.png); background-size: cover; background-repeat: no-repeat;} #footer .icons a { position: absolute; width:30px; height:30px; top:0; background-size: cover;} */ #footer .icons { position:absolute; top:50px; left:-30px; right: 0; margin: auto; width:287px; height:31px; background:url(../images/footer/btns.png) no-repeat;} #footer .icons a { position: absolute; width:30px; height:30px; top:0;} #footer .icons a.index{left:0;} #footer .icons a.catalog {left:52px;} #footer .icons a.consumers {left:104px} #footer .icons a.portal {left:156px} #footer .icons a.partners {left:208px} #footer .icons a.company {left:257px} #footer .icons a .ico {display:none; position: absolute; top:-100px; left:-37px; width:105px; height: 87px;} #footer .icons a:hover .ico{display:block;} #footer .icons a.active {background:url(../images/footer/btns-active.png)} /* #footer .icons a.active {background:url(../images/footer/btns-active.png); width:37px; height:41px; background-size: cover; background-repeat: no-repeat;} */ #footer .icons a.active.index{left:0; background-position: 0 0;} #footer .icons a.active.catalog {left:52px; background-position: -30px 0;} #footer .icons a.active.consumers {left:104px; background-position: -60px 0;} #footer .icons a.active.portal {left:156px; background-position: -90px 0;} #footer .icons a.active.partners {left:208px; background-position: -120px 0;} #footer .icons a.active.company {left:257px; background-position: -150px 0;} #footer .akcii {position:absolute; bottom:0; left:20px; /*width:425px; height:127px;*/} #footer .video {position:absolute; bottom:0; left:150px; width:125px; height: 100px;} #footer .like {position:absolute; height:21px; width:120px; overflow: hidden; top: 55px; right: 290px; } .cinema_poster { background-image: url('/templates/images/about/poster.jpg'); background-size: cover; width: 195px; height: 195px; } .cinema_kim { background-image: url('/templates/images/about/kim.jpg'); background-size: cover; width: 195px; height: 195px; } .cinema_par { background-image: url('/templates/images/about/parazity.jpeg'); background-size: cover; width: 195px; height: 195px; } #footer .game { position: absolute; bottom:0; right:130px; width:118px; height:103px;} #footer .game a {display: block; width:118px; height:103px; text-decoration: none; background: url(../images/footer/ico-supermen.png) 0 0 no-repeat;} .b-text { background-color: #FFFFFF; } .b-text p { margin-left: -22px; } .b-gallery { background: #603b28; padding:20px 0 40px; position:relative; } .b-gallery h3 {color:#f3f1e7; font-size:24px; padding: 0 0 15px 65px;} .b-gallery .wave {position:absolute; top:-5px; left:0; width:100%; height: 5px; background: url(../images/all/bg-wave.png) left top repeat-x} .b-gallery .wrapper{position: relative; height:145px; width:920px; overflow:hidden; margin:0 auto; } .b-gallery .wrapper ul{padding:0; margin:0 0 0 -10px; list-style: none; width:100000px; height:145px; position: absolute; left:0px; top:0px;} .b-gallery .wrapper ul li{float:left; margin:0 0 0 10px; width:145px; height:145px; position:relative; } .b-gallery .wrapper ul li a {display:block;border-radius: 5px; position:relative; width:145px; height:145px; background: #ce7104 } .b-gallery .wrapper ul li a img{border-radius: 5px;} .b-gallery .wrapper ul li i{display:none; position: absolute; top:0; left:0; width:100%; height:100%; background: url(../images/all/ico-zoom.png) no-repeat center center} .b-gallery .wrapper ul li:hover a{} .b-gallery .wrapper ul li:hover a img{opacity:0.5} .b-gallery .wrapper ul li:hover i{display: block;} .b-gallery .arr {position: absolute; bottom:65px; width:14px; height: 21px; background: url(../images/production/arrows.png)} .b-gallery .l.arr{left:20px; background-position: 0 0; } .b-gallery .r.arr{right:20px; background-position: -13px 0;} .b-gallery .arr:hover {opacity:0.8} .b-gallery .arr.disable {opacity:0.1} .b-registration {padding:0 10px 0 30px;} .b-registration h1{padding:20px 0 10px; color:#824836; font-size:34px;} .b-registration .form .dp {height:200px;} .b-registration .form .dp .lp{width:235px; padding:0 70px 0 0;float:left;} .b-registration .form .dp .rp{width:235px;float:left;} .b-registration .form .hb {margin:0 0 10px -6px;} .b-registration .form .hb select { margin:0 0 0 6px ; border-radius: 5px; border:1px solid #e0dfda; background:#f2f0eb; padding:5px 2px 5px 3px; font-size:16px; } .b-registration .form .textarea-text {width:518px; min-width: 518px; max-width:518px; height:120px; min-height:120px; } .b-registration .form .lb .input-text {width:518px;} .b-registration .form .btn-more {text-align:left} .b-registration .form .checkbox { width:558px; height:20px; padding:15px 0; position:relative; } .b-registration .form .checkbox input {float:left; margin-top: 1px;} .b-registration .form .checkbox label{padding:0 0 0 27px; font-size:12px;} ul.b-gallery-2 {list-style: none; margin:0 0 0 -27px; } ul.b-gallery-2 li {float:left; width: 145px; margin: 0 0 0 27px; height: 240px } .b-text ul.b-gallery-2 {padding:0 0 20px 0; } .b-gallery-img-div { height:145px; } .b-gallery-img-div a {display:block;border-radius: 5px; position:relative; width:145px; height:145px; background: #ce7104 } .b-gallery-img-div a img {border-radius: 5px;} .b-gallery-img-div a i {display:none; position: absolute; top:0; left:0; width:100%; height:100%; background: url(../images/all/ico-zoom.png) no-repeat center center} .b-gallery-img-div a:hover img{opacity:0.5;} .b-gallery-img-div a:hover i {display: block;} .b-galery-element_name {margin: 5px 0 0 ; font-weight: bold; } .b-galery-element_download {margin: 5px 0 0 ; display:block; height: 21px;} .b-gallery-wrapper {padding:15px 0 0;} .b-gallery-wrapper h3 {font-size: 36px; color:#824836; padding: 0 0 10px 0;} .float-menu {height: 30px; background: #814835; position: relative; z-index: 20000; zoom:1;} .float-menu .fm-wave{position: absolute; top:-10px; left:0; height:10px; width: 100%; background: url(../images/all/fm-wave-bg.png) 0 bottom repeat-x} .float-menu ul{height:30px; list-style:none; padding:0; margin: 0; } .float-menu ul li {float:left;padding:0 29px 0 0; margin: 0 20px 0 0; background: url(../images/all/fm-ico.png) right center no-repeat; line-height:30px; } .float-menu ul li:last-child {padding:0;margin: 0; background: none;} .float-menu ul li a {color:#feffff; border-bottom:1px dashed #feffff; text-decoration: none; font-family: 'Batke-Bold'; } .serv-map {position:absolute; width:664px; height: 363px; right:24px; bottom:40px;} .serv-map img {display:block; position: absolute; top:0; left:0; z-index: 3;} .serv-map-bg {width:664px; height:363px; background: url(../images/portal/serv-bg.jpg); position: absolute; top:0; left:0; z-index: 1;} div.smt {position:absolute; top:1px; left:1px;} .smt.smt1 {} .smt.smt2 {} .smt.smt3 {} .smt.smt4 {} .smt.smt5 {} .smt.smt6 {} .smt.smt7 {} .smt.smt8 {} .smt.smt9 {} .smt.smt10 {} .smt.smt11 {} .smt.smt12 {} .smt.smt13 {} /*

123
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/ .sf_wrapper {zoom:1; z-index: 20000;} .sf_body {zoom:1; z-index: 20000;} .b-vacancy {background:#fff;padding:30px 0 0 0;} .b-vacancy .left-part {float:left; width: 57%;} .b-vacancy .aside {float:right; width:380px; padding: 0px 40px 0 29px;} .b-vacancy .aside .b-vacancy-form {background:#f3f1e7; padding:20px 40px; position:relative; border-radius:5px; text-align:center;} .b-vacancy .aside .b-vacancy-form h3 {padding:30px 0 20px ; color:#90845e; font-size: 22px; background: url(../images/all/wave-upload.png) center bottom no-repeat;} .b-vacancy .aside .b-vacancy-form .upload-head{ position: absolute; top:-5px; left:37px; width:309px; height:40px; background: url(../images/all/bg-upload.png) no-repeat 0 0;} .b-vacancy .aside .b-vacancy-form label{ text-align:left;} .b-vacancy .aside .b-vacancy-form .input-text {background:#fff; width:278px;} .b-vacancy .aside .b-vacancy-form .input-file {position:relative; height:40px; } .b-vacancy .aside .b-vacancy-form .input-file .file-decore{ height:40px;} .b-vacancy .aside .b-vacancy-form .input-file .file-decore i{display:inline-block; width:22px; height:21px; background: url(../images/all/ico-upload.png) 0 0; margin-right:5px; line-height: 21px; vertical-align: middle;} .b-vacancy .aside .b-vacancy-form .input-file .file-decore .file-text{font-size:11px; color:#6a605e; text-transform: uppercase; display: inline-block; line-height: 21px; vertical-align: middle;} .b-vacancy .aside .b-vacancy-form .input-file .input-file-hidden{ position:absolute; top:0; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; width: 100%; cursor: pointer; } .vacancy-list{ list-style: none; margin: 0; padding: 0 0 45px; } .vacancy-list li{ font-size: 15px; margin-top: 35px; padding-bottom: 10px; } .vacancy-list li:first-child{ margin-top: 0; } .vacancy-list .headling{ color: #90845e; font-size: 16px; margin-bottom: 22px; } .vacancy-list .description{ color:#635652; } .vacancy-list .demands{ color: #635652; } .vacancy-list i.demands{ display: block; margin-bottom: 11px; margin-top: 12px; } .vacancy-list .btn-more{ text-align: left; } .vacancy-list .btn-more a{ padding: 9px 20px; } .popup-vacancyForm{ display:none; position: fixed; top:50%; left:50%; margin-top:-218px; margin-left:-190px; z-index:99999; } .top-img { position: relative;} .kpop {background-size: cover; width: 820px; height: 400px;} .kpop-thr {background-size: cover; width: 820px; height: 600px;} .top-kpop_img {position: relative; background-size: cover; width: 942px; height: 450px;} .top-img a.l1 {position: absolute; display: block; text-decoration:none; top:287px; left:0; width:245px; height: 30px;} .top-img a.l2 {position: absolute; display: block; text-decoration:none; top: 233px;left: 330px;width: 134px;height: 144px;} .b-club-new {width:975px; margin:0 auto} .b-club-new .faq-content {width:895px; margin:0; border-top:none;} .b-club-new .faq-content article .text {text-align:center;} .b-club-new.k-pop .faq-content {width:945px; margin:0; border-top:1px solid #ECEAE8;} .b-club-new.k-pop .faq-content {width:945px;} .b-club-new.k-pop .k-pop-title { text-align: center; margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; font-family: 'Batke-Bold'; color: #844637; } .b-advertising {background:#fff; padding: 0 0 100px;} .b-advertising h1 {color:#844637; font-size:38px; padding: 10px 0 30px;} .b-advertising h2 {color:#90845c; font-size:20px; padding:0 0 20px;} .b-advertising h3 {font-size: 14px;} .b-advertising h4 {} .b-advertising .b-advertising-content {position:relative; width:100%; min-height:520px; overflow: hidden;} .b-advertising .b-advertising-content .video-player {position:absolute; width:640px; height:460px; left:0px; top:50px; } .b-advertising .b-advertising-content .video-player .flash {height:390px; width:640px;} .b-advertising .b-advertising-content .video-player .text{margin:30px 0 0; font-weight: bold; font-size: 14px; position: relative;} .b-advertising .b-advertising-content .video-player .text a.download { position: absolute; right:0;} .b-advertising .b-advertising-content .video-preview {padding:0 0 0 694px;} .b-advertising .b-advertising-content .video-preview .video-preview-item{ width:150px; height:230px; margin:0 0 0 30px; float:left; } .b-advertising .b-advertising-content .video-preview .video-preview-item a.img-link{display:block; width:145px; height: 145px;} .b-advertising .b-advertising-content .video-preview .video-preview-item a.img-link .img{ width:145px; height: 145px; display: block; border-radius:8px; border:1px solid #fff} .b-advertising .b-advertising-content .video-preview .video-preview-item a.download{display: block; margin:10px 0 3px} .b-advertising .b-advertising-content .video-preview .video-preview-item a.h4-link{ text-decoration: none; font-weight: bold;} .b-advertising .b-advertising-content .b-items-category {display: none;} .b-advertising .b-advertising-content .b-items-category.active { display: block;} .b-advertising .b-advertising-content .video-player{} .b-advertising .b-advertising-content .video-player .flash{} .b-advertising .b-advertising-content .video-player .text{} .b-advertising .b-advertising-menu{ margin:30px 0 0 ; background:#fff url(../images/all/menu-bg.png) repeat-x; padding:0 20px 0; height:270px; width: 1206px;} .b-advertising .b-advertising-menu .menu-item{width:175px; float:left; margin:0 13px; position:relative; height:235px; border-radius: 0 0 5px 5px; } .b-advertising .b-advertising-menu .menu-item a {text-decoration: none; color:#824936; display: block; width:100%; height:100%;} .b-advertising .b-advertising-menu .menu-item a h3{ bottom:175px; left:15px; position:absolute;} .b-advertising .b-advertising-menu .menu-item .img { position:absolute; bottom:15px; left:15px; width:145px; height: 145px; display: block; border-radius:8px; border:1px solid #ede7db} .b-advertising .b-advertising-menu .menu-item.active,.b-advertising .b-advertising-menu .menu-item:hover {background:#f88a01;} .b-advertising .b-advertising-menu .menu-item.active a,.b-advertising .b-advertising-menu .menu-item:hover a{} .b-advertising .b-advertising-menu .menu-item.active a h3,.b-advertising .b-advertising-menu .menu-item:hover a h3{color:#fff} .b-advertising .b-advertising-menu .menu-item.active .img,.b-advertising .b-advertising-menu .menu-item:hover .img {border:1px solid #fff;} /* Попапы в разделе «Окно в Корею» -> Сервировка */ .pin { display: none; } /* Стили для подсказкии и метки */ .tooltip-up { position: absolute; width: 38px; height: 44px; } .tooltip { display: none; width: 200px; position: absolute; top: 20px; left: 50%; z-index: 999; margin-left: -115px; padding:15px; color: #222; background: #fff1d3; } .chips { margin-left: 70px; margin-top: -40px; } /* Вывод радио-роликов */ .radio-download { height: 100px !important; display: block; } .radio-download ul { overflow: hidden; float: left; } .radio-download li { height: 100px !important; width: 90px !important; float: none !important; } .radio-download a { display: block; text-align: center; color: #F58A00; width: 70px; font-size: 17px; text-decoration: none; } .radio-download a:hover { text-decoration: none; } .radio-download img { display: block; width: 70px; height: 70px; } .radio-name-size { float: left; } .radio-name-size strong, .radio-name-size span { display: block; } .radio-name-size strong { font-size: 25px; } /* POPUP SHARE */ .b-popup-share { position: absolute; height: 613px; width: 1055px; left: 38%; top: 94px; margin-left: -500px; z-index: 9999; display: none; } .b-popup-share__link-left { display: inline-block; height: 598px; width: 525px; /* background: url("../images/akcii/banner_3.png") no-repeat 0 0 transparent; */ background-size: 100%; position: relative; left: 20%; top: 10%; } .b-popup-share__link { display: inline-block; height: 598px; width: 525px; background: url("../images/akcii/banner_may2.png") no-repeat 0 0 transparent; background-size: 100%; position: relative; left: 14%; } .b-popup-share1{ position: absolute; height: 613px; width: 40%; left: 21%; top: 200px; /* margin-left: -527px; */ z-index: 9999; display: none; } .b-popup-share2{ position: absolute; height: 613px; width: 40%; left: 51%; top: 240px; /* margin-left: -527px; */ z-index: 9999; display: none; } .b-popup-share__link1 { display: block; height: 598px; /* width: 90%; */ background: url("../images/akcii/banner_2.png") no-repeat 0 0 rgba(0, 0, 0, 0); background-size: 79%; } .b-popup-share__link2 { display: block; height: 598px; /* width: 90%; */ background: url("../images/akcii/banner_1.png") no-repeat 0 0 rgba(0, 0, 0, 0); background-size: 70%; } .b-popup-share .button { display: inline-block; width: 180px; height: 64px; vertical-align: middle; background: url("../images/akcii/more.png") no-repeat 0 0 transparent; *display: block; *zoom: 1; line-height: 55px; padding: 0 35px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: absolute; bottom: 80px; left: 166px; font-size: 17px; color: #6b4026; font-weight: bold; font-family: Calibri, Arial, sans-serif; text-decoration: none; } .b-popup-share .button:hover { text-decoration: none; } .b-popup-share .close, .b-popup-share2 .close { display: block; width: 64px; height: 62px; background: url("../images/akcii/close.png") no-repeat 0 0 transparent; position: absolute; right: -100px; top: 100px; z-index: 9999; } .i-popup-shadow { display: none; background: #000000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); position: absolute; top: 0; left: 0; z-index: 9998; } .table-striped { border-collapse: collapse; text-align: left; } .table-striped .header td { font-family: 'Batke-Bold', sans-serif; color: #96855C; font-size: 14px; padding: 9px; } .table-striped .odd { background: #F6F2ED; } .table-striped td { color: #68554F; font-size: 14px; padding: 9px; } /*Новости на главной*/ .b-index-news ul { display: flex; list-style: none; margin: 0; padding: 0; } .b-index-news ul li { display: flex; font-size: 0; flex: 0 0 33%; vertical-align: top; } .b-index-news__img { display: block; margin-right: 10px; } .li_kpop { display: flex; justify-contant: space-between; width: 400px; } .b-index-news__img._disabled { pointer-events: none; } .b-index-news__txt { color: #ad7a8e; font-size: 12px; } .b-index-news__read { display: block; width: 45px; height: 14px; background: url(../images/all/read.png); margin-top: 10px; } .b-index-news__ttl { font-weight: bold; color: #373023; font-size: 14px; display: block; margin-bottom: 14px; text-decoration: none; } .b-index-news__ttl:hover { font-size: 14px; } .sale-page-content .logo { position: relative; left: -51px; } .sale-page-content p { margin: 0; } .sale-page-content { text-align: left; } .sale-page-content .content-left { float: left; width: 490px; margin-left: 41px; } .sale-page-content .content-right { float: right; margin-top: 50px; background-color: rgb(244, 241, 232); border-radius: 5px; padding: 0 25px; position: relative; } .sale-page-content .header { text-transform: uppercase; font-weight: bold; margin-top: 8px; } .sale-page-content .column { display: inline-block; } .sale-page-content .countries { font-weight: bold; font-style: italic; } .sale-page-content .countries:not(:last-child) { margin-right: 75px; } .sale-page-content .header-office { margin-bottom: 0px; font-weight: bold; padding-bottom: 0px; } .sale-page-content .text-office { margin-top: 0px; } .sale-page-content .element { position: absolute; top: 94px; left: -24px; } .sale-page-content .clearfix { clear: both; } .sale-page-content .hidden-text { visibility: hidden; } .sale-page-content .bold-childs p { font-weight: bold; } .sale-page-content .regions { background-color: rgb(244, 241, 232); border-radius: 5px; padding: 0 25px; margin-left: 36px; } .sale-page-content .regions .column:first-child { margin-right: 50px } .sale-page-content .regions .column:nth-child(2) { margin-right: 50px } .sale-page-content .regions .column:nth-child(3) { margin-right: 50px } .sizeimages img:hover { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); transition: 200ms; margin-bottom: 30px; } /* Стили для всплывающего баннера акции 2021 года */ .fullscreen { position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0,0,0,.5); z-index: 31; transition: background .5s ease-in-out; } .fullscreen > img { width: 500px!important; } .fullscreen > img:hover { -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 0; } .fullscreen > span { display: block; position: absolute; width: 64px; height: 62px; background: url("/templates/images/akcii/close.png") no-repeat 0 0 transparent; top: calc(50% - 300px); right: calc(50% - 380px); opacity: 0.8; transition: opacity .3s ease-in-out; } .fullscreen > span:hover { opacity: 1; } @keyframes main-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .fullscreen > img.promo-action { animation: 2s infinite linear main-rotate; } img.promo-action-info { position: absolute; width: 140px !important; bottom: 10px; opacity: 0; left: 20px; } img.promo-action-info.active { opacity: 1; pointer-events: none; transform: scale(1); } img.promo-action { transform: scale(1); } img.promo-action:hover { transform: scale(1.4); transition: .5s; margin-bottom: 30px; } img.promo-action:hover + img.promo-action-info.active { transform: scale(1.4); transition: .5s; margin-bottom: 30px; } .fullscreen > img.promo-action:hover { transform: none; margin-bottom: 0; } .fullscreen > img.promo-action:hover + img.promo-action-info.active { transform: none; margin-bottom: 0; } .fullscreen > img.promo-action-info { position: absolute; width: 400px !important; opacity: 0; bottom: 5vh; left: calc(50% - 200px); } .fullscreen > img.promo-action-info.active { opacity: 1; bottom: 15vh; transition: opacity 1s 1s, bottom 1s 1s; } .promo-action:hover { transform: none !important; }