/* Start:/css/style.css?1679858378217257*/ :root { --brand: #7300fe; --brand2: #9a00ff; --brand3: #ffb400; --brand4: #f1df21; } ::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; } ::-webkit-scrollbar-thumb { background: var(--brand2); border-radius: 10px; } ::-webkit-scrollbar-track-piece { background: transparent; } @font-face{font-family:'ALSRubl';src:url('/css/fonts/rouble.eot');src:url('/css/fonts/rouble.eot?#iefix') format('embedded-opentype'), url('/css/fonts/rouble.woff') format('woff'), url('/css/fonts/rouble.ttf') format('truetype'), url('/css/fonts/rouble.svg#ALSRublRegular') format('svg');font-weight:normal;font-style:normal;font-display: swap} *{margin:0;padding:0;border:0 none;outline:none;} ul li{list-style-type:none;} img{border:none;} input, textarea{outline:none;font-family:'Roboto', 'sans-serif';font-size:15px;font-style:italic;font-weight:300;} h1{font-size:40px;line-height:40px;font-weight:400;font-family:'Comic Sans MS';margin:0 0 40px;} h4{font-size:20px;font-weight:300;} html, body{width:100%;height:100%;} a{color:#7b29c5;text-decoration:none;border-bottom:1px solid rgba(123,41,197,0.5);} a:hover{color:#b15bff;border-bottom:1px solid rgba(177,91,255,0.5);} a.img_link{border:none;} body{min-height:100%;position:relative;background:url(/css/../i/fon_pattern.webp);min-width:1000px;font-family:'Roboto', 'sans-serif';font-size:15px;font-weight:300;} .hidden{display:none;} .clear{clear:both;} input.light{border:2px solid #d7beed;border-radius:15px;height:30px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 10px;} input.light.error{border:2px solid #ef9083;} .price i, .price em{font-style:normal;font-family:'ALSRubl';} .form_block{border:2px solid #a269d6;border-radius:10px;padding:0 30px;-moz-box-sizing:border-box;box-sizing:border-box;} .form_block .cont{padding:20px 0 0;} .modal .form_block .cont{padding:0;} .form_block h4{margin:0 0 25px;} .form_block form input[type="text"]{border:1px solid #bd94e2;height:30px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin:0 0 10px;width:100%;padding:0 8px;font-size:12px;} .form_block form textarea{border:1px solid #bd94e2;height:135px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin:10px 0 20px;width:100%;padding:4px 8px 0;resize:none;} .form_block form input[type="text"].error, .form_block form textarea.error{border:1px solid #ef9083;} .form_block form .form_error{/*width:170px;position:absolute;*/font-size:15px;color:#f11c1c;line-height:16px;/*margin:-31px 0 0 120px;*/} .big_btns .big_btn_block{float:left;} .big_btn_block{position:relative;} .big_btn_block .big_btn{ display:flex !important; align-items:center; font-size:13px;width:124px;height:70px;display:inline-block;background:url(/css/../i/big_btn.png) no-repeat scroll 0 0 transparent;margin:0 10px 0 0;border-radius:8px;position:relative;z-index:5;color:#fff;line-height:1.2;text-decoration:none;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px; border:none;text-align:center;-webkit-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);-moz-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);} /* #dop_header .big_btns .big_btn_block:nth-child(2) a, #dop_header .big_btns .big_btn_block:nth-child(2) > span{ padding: 10px 10px 0; line-height:1.2; } */ #footer .big_btns .big_btn_block:nth-child(3) a, #footer .big_btns .big_btn_block:nth-child(3) > span{ /*padding: 12px 10px 0; line-height:1.2;*/ } #footer .big_btns .big_btn_block:nth-child(4) a{ padding: 26px 10px 0; } .big_btn_block .big_btn:hover{background:url(/css/../i/big_btn.png) no-repeat scroll 0 -70px transparent;} .big_btn_block.opened .big_btn, .big_btn_block.opened .big_btn.active{background:url(/css/../i/big_btn.png) no-repeat scroll 0 -210px transparent;border-radius:8px;z-index:1;} .big_btn_block .big_btn.active{background:url(/css/../i/big_btn.png) no-repeat scroll 0 -210px transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .big_btn_block .big_btn_green{color:#000;background:url(/css/../i/big_btn_green.png) no-repeat scroll 0 0 transparent;} .big_btn_block .big_btn_green:hover{background:url(/css/../i/big_btn_green.png) no-repeat scroll 0 -70px transparent;} .big_btn_block.opened .big_btn_green, .big_btn_block.opened .big_btn_green.active{background:url(/css/../i/big_btn_green.png) no-repeat scroll 0 -210px transparent;} .big_btn_block .big_btn_green.active{background:url(/css/../i/big_btn_green.png) no-repeat scroll 0 -210px transparent;} .big_btn_block .submenu{position:absolute;z-index:2;top:70px;left:0;border:1px solid #c284e6;border-radius:0 0 8px 8px;background:#fff;display:none;-webkit-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);-moz-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);} .big_btn_block.opened .submenu{display:block;} .big_btn_block .submenu a{display:block;white-space:nowrap;text-decoration:none;border:none;} .big_btn_block .submenu a i{font-style:normal;color:#000;border-bottom:1px solid rgba(0,0,0,0.5);} .big_btn_block .submenu a:hover i{color:#a543fd;border-bottom:1px solid rgba(165,67,253,0.5);} .big_btn_block .submenu > ul{padding:8px 15px 0 10px;} .big_btn_block .submenu > ul > li{margin:0 0 20px;} .big_btn_block .submenu > ul > li:last-child{margin:0 0 15px;} .big_btn_block .submenu > ul > li > ul{padding:8px 0 0 5px;} .big_btn_block .submenu > ul > li > ul > li{color:#7b29c5;background:url(/css/../i/li_mark_small_disc.png) no-repeat scroll 0 9px transparent;padding:0 0 0 13px;margin:0 0 5px;} .big_btn_block .submenu > ul > li > ul > li > a{font-size:20px;line-height:20px;} .big_btn_block .submenu > ul > li > ul > li > a i{font-size:15px;} .btn30yellow{display:inline-block;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:url(/css/../i/btn30yellow.png) repeat-x scroll 0 0 transparent;font-weight:300;font-size:15px;cursor:pointer;color:#000;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(181, 148, 37, 0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(181, 148, 37, 0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(181, 148, 37, 0.5);} .btn30yellow:hover{background:url(/css/../i/btn30yellow.png) repeat-x scroll 0 -30px transparent;} .btn30yellow:active{background:url(/css/../i/btn30yellow.png) repeat-x scroll 0 -60px transparent;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} .btn30phiolet{display:inline-block;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 0 transparent;font-weight:300;font-size:15px;cursor:pointer;color:#fff;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);} .btn30phiolet:hover{background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -30px transparent;} .btn30phiolet:active{background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -60px transparent;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} .btn40phiolet{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:20px;background:url(/css/../i/btn40phiolet.png) repeat-x scroll 0 0 transparent;font-weight:300;font-size:20px;cursor:pointer;color:#fff;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);} .btn40phiolet:hover{background:url(/css/../i/btn40phiolet.png) repeat-x scroll 0 -40px transparent;} .btn40phiolet:active{background:url(/css/../i/btn40phiolet.png) repeat-x scroll 0 -80px transparent;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} .btn_phone{display:inline-block;cursor:pointer;width:30px;height:30px;border-radius:15px;background:url(/css/../i/icon_phone.png) no-repeat scroll 0 0 transparent;-webkit-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);-moz-box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);box-shadow:0px 5px 10px -5px rgba(83, 37, 128, 0.5);} .btn_phone:hover{background:url(/css/../i/icon_phone.png) no-repeat scroll -30px 0 transparent;} .btn_phone:active{background:url(/css/../i/icon_phone.png) no-repeat scroll -60px 0 transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .search_form_block{/*width:180px;*/ width: 18%; height:30px;position:relative; z-index:100;} .search_form_block input[type="text"]{width:100%;padding:0 25px 0 10px;} .search_form_block .submit_form{display:inline-block;position:absolute;top:0;right:0;width:30px;height:30px;cursor:pointer;background:url(/css/../i/icon_search.png) no-repeat scroll center center transparent;} .navigation{border-top:1px solid #bd94e2;position:relative;} .navigation .prev{position:absolute;width:30px;height:30px;display:inline-block;top:10px;left:5px;background:url(/css/../i/navi_prev.png) no-repeat scroll center center transparent;border:none;} .navigation .next{position:absolute;width:30px;height:30px;display:inline-block;top:10px;right:5px;background:url(/css/../i/navi_next.png) no-repeat scroll center center transparent;border:none;} .navigation .cont{text-align:center;line-height:30px;padding:10px 0 75px;} .navigation .cont a{display:inline-block;width:30px;height:30px;text-decoration:none;color:#7B29C5;border:none;} .navigation .cont a:hover{color:#b15bff;} .navigation .cont span{cursor:default;display:inline-block;width:30px;height:30px;color:#fff;background:url(/css/../i/navi_active.png) no-repeat scroll 0 0 transparent;} .modal{position:fixed;width:100%;height:100%;left:0;right:0;z-index:110;display:none;} .modal .fon{position:absolute;width:100%;height:100%;left:0;right:0;z-index:110;background:rgba(0,0,0,0.3);} .modal .window{position:absolute;z-index:120;background:#fff;left:50%;margin:0 0 0 -170px;width:340px;border:2px solid #7b29c5;border-radius:15px;box-sizing:border-box;-moz-box-sizing:border-box;padding:30px;-webkit-box-shadow:0px 5px 40px -25px rgba(123, 41, 197, 0.5);-moz-box-shadow:0px 5px 40px -25px rgba(123, 41, 197, 0.5);box-shadow:0px 5px 40px -25px rgba(123, 41, 197, 0.5);} .modal .window.form_block { top: 0 !important; } .modal .window .close, #popup_cookie .close{display:inline-block;cursor:pointer;position:absolute;width:15px;height:15px;right:25px;top:25px;background:url(/css/../i/modal_close.png) no-repeat scroll 0 0 transparent;} .modal .window .close:hover, #popup_cookie .close:hover{background:url(/css/../i/modal_close.png) no-repeat scroll -15px 0 transparent;} .modal .window .close:active, #popup_cookie .close:active{background:url(/css/../i/modal_close.png) no-repeat scroll -30px 0 transparent;} .modal .window .h2, .modal .window .h4{font-weight:300;font-size:25px;margin:0 0 30px;} .modal .window .h4{line-height:10px;} .modal .window p{line-height:24px;margin:0 0 25px;} .modal .window .submit{margin:10px 0 0;} .modal .success p{margin:0;} .modal.modal_show_at_map .window{width:900px;height:500px;top:50%;margin:-250px 0 0 -450px;} #we_are{width:840px;height:370px;} .review_text{width:100%;border:2px solid #d7beed;padding:10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;border-radius:10px;position:relative;margin:20px 0 0;} .review_text .corner{position:absolute;display:inline-block;width:14px;height:16px;left:10px;top:-16px;background:url(/css/../i/review_baloon_corner.png) no-repeat scroll 0 0 transparent;} .review_text .review_content{overflow:hidden;} .review_text .review_content p{margin:0 0 10px;line-height:24px;} .dynamic_podmenu { margin: -20px -10px 40px; } .dynamic_podmenu a{border:none;padding:0 13px;} .dynamic_podmenu a i{font-style:normal;border-bottom:1px solid rgba(123,41,197,0.5);height:30px;line-height:30px;} .dynamic_podmenu a:hover{display:inline-block;padding:0 13px;height:30px;line-height:30px;border-radius:15px;background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -30px transparent;font-weight:300;font-size:15px;color:#fff;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5);} .dynamic_podmenu a:hover i{border:none;} .dynamic_podmenu span{display:inline-block;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -60px transparent;font-weight:300;font-size:15px;cursor:default;color:#fff;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} ._content{padding:0 0 60px;} ._content p{line-height:24px;margin:0 0 10px;} ._content h2{font-size:20px;font-weight:300;margin:25px 0 15px;} ._content h3{font-size:20px;font-weight:400;margin:25px 0 15px;} ._content h4{font-size:20px;font-weight:300;margin:30px 0 10px;} ._content ul > li{padding:0 0 0 35px;margin:0 0 8px;} ._content ul > li:before{display:inline-block;/*position:absolute;*/content:'—';margin:0 0 0 -15px;color:#7b29c5;} ._content blockquote{background:#e5d4f3;padding:10px 20px;border-radius:10px;line-height:24px;} ._content table tr td{vertical-align:top;} ._content table.table{border-spacing:0;margin:0 0 10px;} ._content table.table thead tr td{background:#bd94e2;color:#fff;} ._content table.table tr:first-child td:first-child{border-top-left-radius:10px;} ._content table.table tr:first-child td:last-child{border-top-right-radius:10px;} ._content table.table thead + tbody tr:first-child td{border-top:none;} ._content table.table thead + tbody tr:first-child td:first-child{border-radius:0;} ._content table.table thead + tbody tr:first-child td:last-child{border-radius:0;} ._content table.table tr td{border-bottom:1px solid #bd94e2;padding:7px 20px 7px;} ._content table.table tr td:first-child{border-left:2px solid #bd94e2;} ._content table.table tr td:last-child{border-right:2px solid #bd94e2;} ._content table.table tbody tr:first-child td{border-top:2px solid #bd94e2;} ._content table.table tbody tr:last-child td{border-bottom:2px solid #bd94e2;} ._content table.table tbody tr:last-child td:last-child{border-radius:0 0 10px 0;} ._content table.table tbody tr:last-child td:first-child{border-radius:0 0 0 10px;} ._content ol{counter-reset:item;} ._content ol > li{margin:0 0 8px 35px;list-style-type:none;} ._content ol > li:before{display:inline-block;position:absolute;content:counter(item) ". ";counter-increment:item;margin:0 0 0 -15px;color:#7b29c5;} ._content ol ul{margin:5px 0 0;} #main_maket{width:100%;min-height:100%;background:url(/css/../i/fon_rectangle.png) repeat-y scroll center 0 transparent;overflow:hidden;} #main_maket .center_maket { padding: 0 20px; width: 1060px; margin: 0 auto; position: relative; } #header{width:1050px;background:#fff;margin:0 0 0 -45px;position:relative;padding:0 0 0 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:0px 5px 25px -10px rgba(123, 41, 197, 0.5);-moz-box-shadow:0px 5px 25px -10px rgba(123, 41, 197, 0.5);box-shadow:0px 5px 25px -10px rgba(123, 41, 197, 0.5);} #header .header_container{height:40px;position:relative;} #header u{display:inline-block;position:absolute;height:40px;width:25px;background:#fff;top:0;} #header u.left{left:-25px;} #header u.right{right:-25px;} #header .top_menu_with_submenu{float:left;} #header .top_menu_with_submenu > ul > li{display:inline-block;position:relative;height:40px;float:left;} #header .top_menu_with_submenu > ul > li > a, #header .top_menu_with_submenu > ul > li > span{text-decoration:none;display:inline-block;position:relative;height:40px;padding:0 15px 0 30px;line-height:40px;color:#4c4c4c;font-weight:300;border:none;} #header .top_menu_with_submenu > ul > li:hover > a, #header .top_menu_with_submenu > ul > li:hover > span{color:#7b29c5;} #header .top_menu_with_submenu > ul > li{cursor:pointer;} #header .top_menu_with_submenu > ul > li.active > a, #header .top_menu_with_submenu > ul > li.active > span{color:#fff;box-shadow:inset 0 10px 20px rgba(0,0,0,0.5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #7B21DC), color-stop(1, #993BE6));background-image:-o-linear-gradient(bottom, #7B21DC 0%, #993BE6 100%);background-image:-moz-linear-gradient(bottom, #7B21DC 0%, #993BE6 100%);background-image:-webkit-linear-gradient(bottom, #7B21DC 0%, #993BE6 100%);background-image:-ms-linear-gradient(bottom, #7B21DC 0%, #993BE6 100%);background-image:linear-gradient(to bottom, #7B21DC 0%, #993BE6 100%);} #header .top_menu_with_submenu > ul > li > a > span, #header .top_menu_with_submenu > ul > li > span > span{position:absolute;height:42px;width:10px;top:0;left:12px;background:url(/css/../i/top_menu_arrow.png) no-repeat scroll 0 center transparent;} #header .top_menu_with_submenu > ul > li > a:hover > span, #header .top_menu_with_submenu > ul > li > span:hover > span{background:url(/css/../i/top_menu_arrow.png) no-repeat scroll -10px center transparent;} #header .top_menu_with_submenu > ul > li.active > a > span, #header .top_menu_with_submenu > ul > li.active > span > span{background:url(/css/../i/top_menu_arrow.png) no-repeat scroll -20px center transparent;} #header .top_menu_with_submenu > ul > li.current > a > span, #header .top_menu_with_submenu > ul > li.current > span > span{background:url(/css/../i/top_menu_arrow.png) no-repeat scroll -30px center transparent;} #header .top_menu_with_submenu > ul > li.current.active > a > span, #header .top_menu_with_submenu > ul > li.current.active > span > span{background:url(/css/../i/top_menu_arrow.png) no-repeat scroll -20px center transparent;} #header .top_menu_with_submenu > ul > li > ul{display:none;position:absolute;z-index:10;top:40px;left:0;border:1px solid #7b29c5;border-radius:0 0 8px 8px;background:#fff;padding:5px 0 8px;} #header .top_menu_with_submenu > ul > li > ul > li > a, #header .top_menu_with_submenu > ul > li > ul > li > span{text-decoration:none;display:block;height:27px;padding:0 45px 0 10px;white-space:nowrap;border:none;} #header .top_menu_with_submenu > ul > li > ul > li > a i{color:#000;font-weight:300;font-size:15px;font-style:normal;border-bottom:1px solid rgba(0,0,0,0.5);} #header .top_menu_with_submenu > ul > li > ul > li > a:hover i{color:#7b29c5;border-bottom:1px solid rgba(123,41,197,0.5);} #header .top_menu_with_submenu > ul > li.active > ul{display:block;} #header .top_menu_with_submenu > ul > li.current{background:#8a29e2;} #header .top_menu_with_one_lvl_only{float:left;} #header .top_menu_with_submenu > ul > li.current > a, #header .top_menu_with_submenu > ul > li.current > span{color:#fff;} #header .top_menu_with_one_lvl_only ul li{float:left;padding:0 12px;line-height:40px;} #header .top_menu_with_one_lvl_only ul li a{display:inline-block;height:40px;line-height:40px;text-decoration:none;border:none;} #header .top_menu_with_one_lvl_only ul li a i{font-style:normal;border-bottom:1px solid rgba(76,76,76,0.5);color:#4c4c4c;font-size:15px;font-weight:300;} #header .top_menu_with_one_lvl_only ul li a:hover i{color:#7b29c5;border-bottom:1px solid rgba(123,41,197,0.5);} #header .top_menu_with_one_lvl_only ul li.active{color:#fff;background:#8a29e2;} #header .search_form_block{float:right;/*margin:5px 45px 0 0;*/ margin: 5px 82px 0 0;} @-moz-document url-prefix(){ .header_address{font-size: 11px !important;} .search_form_block{ width:16%; } } #dop_header{height:80px;padding:40px 0 70px;position:relative;} #dop_header .logo_img{float:left;width:305px;} #dop_header .logo_img a{border:none;} #dop_header .big_btns{float:left;} #dop_header .phone_block{float:right;text-align:center;} #dop_header .phone_block .phone{display:flex; justify-content:flex-end;} #dop_header .phone_block .phone{text-align:right;padding:0 0 /*40px */10px 0;/*height:30px;line-height:30px;*/position:relative;font-size:25px;font-weight:300;} /*#dop_header .phone_block .phone .btn_phone{position:absolute;right:0px;top:-2px;}*/ #dop_header .phone_block .phone .btn_phone {margin-left:10px;} #dop_header .phone_block .feedback_btn{/*margin-left:15px; display: block; width: 50%; margin-top: 13px;*/ text-align:center;} .main_slider_block{width:1100px;height:580px;margin:0 0 0 -70px;position:relative;} .main_slider_block .cont{width:100%;height:100%;position:relative;} .main_slider_block .cont .item{width:100%;height:100%;position:absolute;z-index:1;background-repeat:no-repeat;background-position:70px 25px;display:none;} .main_slider_block .cont .item.slide02{background-position:0px -45px;} .main_slider_block .cont .item .slider_content{width:440px;margin:50px 0 0 550px;} .main_slider_block .cont .item .slider_content .h2{font-size:40px;line-height:48px;font-family:'Comic Sans MS';margin:0 0 15px;} .main_slider_block .cont .item .slider_content .text{font-size:20px;line-height:30px;padding:0 0 25px;} .main_slider_block .cont .item .slider_content .main_link{font-size:20px;font-weight:500;} .main_slider_block .cont .item .slider_content .dop{color:#4c4c4c;padding:0 0 0;line-height:24px;} .main_slider_block .cont .item .slider_content .dop a{color:#4c4c4c;border-bottom:1px solid rgba(76,76,76,0.5);} .main_slider_block .cont .item .slider_content .dop a:hover{border-bottom:1px solid rgba(76,76,76,1);} .main_slider_block .cont .item .slider_content .order{padding:20px 0 0;} .main_slider_block .cont .item .slider_content .order .btn30phiolet{float:left;margin:0 15px 0 0;} .main_slider_block .cont .item .slider_content .order .price{line-height:30px;float:left;} .main_slider_block .cont .item .slider_content .order .price label{cursor:default;font-size:20px;font-weight:400;} .main_slider_block .cont .item .slider_content .order .area{line-height:30px;float:left;display:inline-block;height:30px;border-left:1px solid #D7BEED;margin:0 0 0 15px;padding:0 0 0 15px;} .main_slider_block .cont .item .slider_content .order .area span{font-size:20px;font-weight:400;} .main_slider_block .bullets{height:25px;text-align:center;margin:-55px 0 0;position:absolute;z-index:15;width:1100px;} .main_slider_block .bullets span{width:22px;height:25px;display:inline-block;cursor:pointer;background:url(/css/../i/slider_bullets.png) no-repeat scroll 0 0 transparent;} .main_slider_block .bullets span.active{background:url(/css/../i/slider_bullets.png) no-repeat scroll -22px 0 transparent;} .main_slider_block .arrow{background:url(/css/../i/main_slider_arrow.png) no-repeat scroll 0 0 transparent;position:absolute;width:28px;height:50px;cursor:pointer;z-index:15;top:50%;margin:-25px 0 0;} .main_slider_block .arrow.prev{left:70px;} .main_slider_block .arrow.next{right:70px;background:url(/css/../i/main_slider_arrow.png) no-repeat scroll -28px 0 transparent;} .banner_block { overflow: hidden; padding: 20px 0 0; } .banner_block img { margin: -10px 0 30px; } .three_columns_block{padding:0 0 60px;} .three_columns_block .column{width:280px;margin:0 0 0 60px;float:left;overflow:hidden;position:relative;padding:0 0 10px;} .three_columns_block .column h2, p.seoh2{font-size:25px;font-family:'Comic Sans MS';margin:0 0 25px;} .three_columns_block .column h2 a, p.seoh2 a{text-decoration:none;color:#7b29c5;border-bottom:1px solid rgba(123,41,197,0.5);} .three_columns_block .column h2 a:hover, p.seoh2 a:hover{color:#b15bff;border-bottom:1px solid rgba(177,91,255,0.5);} .three_columns_block .column:first-child{margin:0;} .three_columns_block .column .review_text{padding:10px 15px 15px;} .three_columns_block .column .review_text .review_content{height:145px;} .three_columns_block .column .review_text .review_content p{font-style:italic;} .three_columns_block .column .review_text .more, a.more{color:#4c4c4c;text-decoration:none;font-size:15px;border-bottom:1px solid rgba(76,76,76,0.5);display:inline-block;margin:15px 0 0;} .three_columns_block .column .review_text .more:hover, a.more:hover{color:#000;border-bottom:1px solid rgba(0,0,0,0.5);} .three_columns_block .column .lenta_news{padding:0 0 5px;} .three_columns_block .column .lenta_news{-webkit-box-shadow:0 10px 20px -15px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 10px 20px -15px rgba(123, 41, 197, 0.5);box-shadow:0 10px 20px -15px rgba(123, 41, 197, 0.5);} .three_columns_block .column .lenta_news li{line-height:20px;margin:0 0 20px;} .three_columns_block .column .lenta_news li span{color:#808080;} .three_columns_block .column .subscribe_news{padding:20px 0 15px;} .three_columns_block .column .subscribe_news h4{font-weight:300;font-size:20px;margin:0 0 10px;} .three_columns_block .column .subscribe_news form{width:100%;position:relative;} .three_columns_block .column .subscribe_news form .light{width:200px;padding:0 30px 0 10px;} .three_columns_block .column .subscribe_news form .light.error{width:200px;padding:0 30px 0 10px;} .three_columns_block .column .subscribe_news form .submit_form{top:0;right:0;position:absolute;} .three_columns_block .column .subscribe_news form .form_error{width:220px;position:absolute;font-size:15px;color:#f11c1c;line-height:16px;margin:5px 0 0 0px;} ._more_about_block{border:2px solid #fdd726;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;margin:0 0 70px;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 15px 40px -25px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -25px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -25px rgba(123, 41, 197, 0.5);} ._more_about_block ._more_about_header{height:60px;line-height:60px;cursor:pointer;-webkit-box-shadow:0px 5px 30px -15px rgba(223, 184, 0, 0.5);-moz-box-shadow:0px 5px 30px -15px rgba(223, 184, 0, 0.5);box-shadow:0px 5px 30px -15px rgba(223, 184, 0, 0.5);} ._more_about_block ._more_about_header p{font-size:25px;font-weight:400;font-family:'Comic Sans MS';padding:0 50px 0 20px;background:url(/css/../i/more_arrow.png) no-repeat scroll right 13px transparent;display:inline;} ._more_about_block.opened ._more_about_header p{background:url(/css/../i/more_arrow.png) no-repeat scroll right -172px transparent;} ._more_about_block ._more_about_content{padding:20px 20px 10px;display:none;} ._more_about_block ._more_about_content p{line-height:24px;margin:0 0 10px;} #footer { width: calc(100% + 40px); background: url(/css/../i/fon_footer.png) repeat-y scroll center 0 transparent; margin: 0 -20px; color: #fff; padding: 0 20px; box-sizing: border-box; } #footer .top_part{padding:40px 0 30px;} #footer .top_part ._left{width:240px;margin:0 40px 0 0;float:left;} #footer .top_part ._left .address{padding:15px 0 0;} #footer .top_part ._left .address p{margin:0 0 3px;} #footer .top_part ._left .address a{color:#d7b3f5;border-bottom:1px solid rgba(215,179,245,0.5);text-decoration:none;} #footer .top_part ._left .address a:hover{color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);} #footer .top_part ._left .feedback{padding:0;} #footer .top_part ._left .feedback p{font-size:15px;margin:0 0 2px;} #footer .top_part ._left .feedback .backcall_btn{cursor:pointer;color:#fdd726;border-bottom:1px dotted rgba(253,215,38,0.5);display:inline-block;margin:0 0 5px;} #footer .top_part ._left .feedback .backcall_btn:hover{color:#fff;border-bottom:1px dotted rgba(255,255,255,0.5);} #footer .top_part ._left .feedback a{font-size:15px;color:#d7b3f5;border-bottom:1px solid rgba(215,179,245,0.5);text-decoration:none;} #footer .top_part ._left .feedback a:hover{color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);} #footer .top_part ._left .feedback .btn30yellow{margin:20px 0 0;} #footer .top_part ._right { width: 100%; float: left; } #footer .top_part ._right ._top{height:100px; display:flex; justify-content:space-between;} #footer .top_part ._right ._bottom { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; } #footer .top_part ._right ._bottom div[style="clear:both"] { display: none; } #footer .top_part ._right ._bottom .column { width: calc(20% - 30px); box-sizing: border-box; } #footer .top_part ._right ._bottom .column:nth-child(4){padding-right: 0px !important; } #footer .top_part ._right ._bottom .column h4, p.seoh4{font-weight:300;font-size:17px;margin:0 0 10px;} #footer .top_part ._right ._bottom .column ul li{margin:0 3px 13px;} #footer .top_part ._right ._bottom .column ul li a{text-decoration:none;font-size:13px;display:block;border:none;} #footer .top_part ._right ._bottom .column ul li a i{font-style:normal;color:#d7b3f5;border-bottom:1px solid rgba(215,179,245,0.5);} #footer .top_part ._right ._bottom .column ul li a:hover i{color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);} #footer .top_part ._right ._bottom .column ul li span{font-size:15px;} #footer .top_part ._right ._bottom .column.last { width: 100%; float: none; margin: 20px 0 0; align-items: center; display: flex; justify-content: center; } #footer .top_part ._right ._bottom .column.last ul li{margin:10px 60px 0px 0; float:left; } #footer .top_part ._right ._bottom .column.last ul li a{font-size:15px;border:none;} #footer .top_part ._right ._bottom .column.last ul li a i{color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);} #footer .top_part ._right ._bottom .column.last ul li a:hover i{color:#d7b3f5;border-bottom:1px solid rgba(215,179,245,0.5);} #footer .top_part ._right ._bottom .column.last ul li span{font-size:15px; } #footer .bottom_part{display:flex;border-top:2px solid rgba(255,255,255,0.3);min-height:120px;} #footer .bottom_part .alniko{text-decoration:none;color:#d7b3f5;display:inline-block;float:left;font-size:15px;line-height:15px;padding:0 110px 0 0;margin:45px 0 0;background:url(/css/../i/alniko.png) no-repeat scroll right center transparent;border:none;} #footer .bottom_part .alniko:hover{color:#fff;} #footer .bottom_part .copyright>div{margin-top:45px;} #footer .bottom_part .volga{text-decoration:none;color:#d7b3f5;display:inline-block;float:right;font-size:15px;line-height:15px;padding:25px 140px 5px 0;background:url(/css/../i/volga.png) no-repeat scroll right bottom transparent;margin:15px 0 0 70px;border:none;} #footer .bottom_part .volga:hover{color:#fff;} #footer .bottom_part{position:relative;} #footer .bottom_part .counters{float:right;padding:45px 0 0;z-index:-1;position:relative;} #footer .search_form_block{float:right;} .reviews_list_block{padding:0 0 20px;} .reviews_list_block li{padding:0 0 40px;} .reviews_list_block li .review{float:left;} .reviews_list_block li .review .review_text_block{float:left;} .reviews_list_block li .review .review_text_block > p{font-size:20px;} .reviews_list_block li .review .image{float:left;margin:0 20px 0 0;} .reviews_list_block li .review .image img{border-radius:10px;} .reviews_list_block li .review_item{width:200px;float:right;margin:0 0 0 40px;padding:45px 0 0;} .reviews_list_block li .review_item p{margin:0 0 10px;} .reviews_list_block li .review_item img{border-radius:10px;margin:0 0 5px;} .reviews_list_block li .review_item a{color:#7b29c5;font-weight:400;line-height:24px;text-decoration:none;} .reviews_list_block li .review_item a:hover{color:#b15bff;} .reviews_list_block li .review_item .order{padding:10px 0 0;} .reviews_list_block li .review_item .order .btn30phiolet{float:left;margin:0 20px 0 0;} .reviews_list_block li .review_item .order .price{font-weight:400;line-height:30px;float:left;} .reviews_list_block li .review_item a.fancybox{border:none;} .reviews_list_block li .review_item i{font-style:normal;} #where_to_play_map{width:960px;height:500px;margin:0 0 80px;border-radius:10px;-webkit-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);} .gallery_block{padding:0 0 80px;} .gallery_block ul li{float:left;width:320px;height:230px;} .gallery_block ul li a{border:none;} .gallery_block ul li a img{border-radius:10px;border:1px solid #fff;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;width:320px;height:230px;} .dealers_list_block ul{padding:0 0 40px;} .dealers_list_block ul li{margin:0 0 30px;} .dealers_list_block ul li ._header{cursor:pointer;display:inline-block;} .dealers_list_block ul li ._header i{font-size:20px;font-style:normal;color:#7b29c5;border-bottom:1px dotted rgba(123,41,197,0.5);} .dealers_list_block ul li ._header:hover i{color:#b15bff;border-bottom:1px dotted rgba(177,91,255,0.5);} .dealers_list_block ul li .dealer_body{padding:20px 0;display:none;-moz-box-sizing:border-box;box-sizing:border-box;} .dealers_list_block ul li .dealer_body .dealer_info{border:2px solid #bd94e2;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 10px 10px;position:relative;padding:20px;-webkit-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);} .dealers_list_block ul li .dealer_body .dealer_info .corner{width:14px;height:14px;position:absolute;left:10px;top:-14px;background:url(/css/../i/dealer_baloon_corner.png) no-repeat scroll 0 0 transparent;} .dealers_list_block ul li .dealer_body .dealer_info .info{float:left;width:196px;margin:0 20px 0 0;} .dealers_list_block ul li .dealer_body .dealer_info .info p{margin:0 0 10px;} .dealers_list_block ul li .dealer_body .dealer_info .info a{text-decoration:none;} .dealers_list_block ul li .dealer_body .dealer_info .map{float:left;width:700px;height:330px;position:relative;border-radius:10px;} .dealers_list_block ul li .dealer_body .dealer_info .map .preloader{display:inline-block;position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background:url(/css/../i/preloader.gif) no-repeat scroll 0 0 transparent;} .contacts_block{padding:0 0 50px;} .contacts_block .row{padding:0 0 30px;} .contacts_block .row ._left{width:340px;margin:0 60px 0 0;float:left;} .contacts_block .row h4{font-weight:300;font-size:20px;margin:0 0 15px;} .contacts_block .row ._left .phone{font-size:40px;padding:0 0 15px;line-height:40px;} .contacts_block .row ._right table tr td{padding:0 20px 0 0;vertical-align:top;} .contacts_block .row ._right table tr td p{margin:0 0 3px;} .contacts_block .row ._right table tr td p a{display:inline-block;padding:10px 0 0;} #contacts_map {height:420px;width:560px;border-radius:10px;-webkit-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);overflow:hidden;} #contacts_yandex_map {height:420px;width:100%;border-radius:10px;-webkit-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);overflow:hidden;} .contacts_block .row ._left .form_block{height:515px;-webkit-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);-moz-box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);box-shadow:0 15px 40px -30px rgba(123, 41, 197, 0.5);} .contacts_block .row ._left .form_block h4{margin:0 0 25px;} .news_block{padding:0 0 10px;} .news_block ul li{padding:0 0 20px;} .news_block ul li .date{color:#808080;font-size:15px;} .news_block ul li h2{font-size:20px;font-weight:400;margin:0 0 10px;} .news_block ul li p{line-height:24px;margin:0 0 10px;} /* centrostudio edition */ .news_block { display: block; position: relative; padding: 0 0 100px; } .news_block ul, .news_block ul li {display: block;margin: 0;padding: 0;list-style: none;} .news_block ul li[id] { display: block; position: relative; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px dotted #d7d7d7; } .news_block ul li[id] h2 { font-size: 24px; font-weight: 500; margin: 0 0 20px; } span.newsItemDate { display: block; font-size: 13px; margin: 0 0 5px; color: #555; } .newsListBlock, .newsListBlock * { box-sizing: border-box; } .newsListBlock { display: flex; flex-direction: column; position: relative; width: 100%; margin: 0 0 50px; } .newsListItem { display: flex; flex-wrap: wrap; position: relative; margin: 0 -20px 50px; border-bottom: 1px dotted #d5d5d5; padding: 0 20px 50px; align-items: self-start; } a.nliImage { display: flex; position: relative; align-items: CENTER; justify-content: center; overflow: hidden; width: 260px; border-radius: 7px; border: 0; box-shadow: 0px 5px 25px rgb(0 0 0 / 18%); } a.nliImage> img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; width: 0; min-width: 100%; min-height: 100%; transition: all 1s linear; } a.nliImage::before { content: ''; display: block; padding-top: 75%; } .newsListItem:hover .nliImage> img { transform: scale(1.5); transition: all 3s linear; } .nliContent { display: flex; flex-direction: column; position: relative; width: 100%; padding: 0 0 0 30px; } .nliImage + .nliContent { width: calc(100% - 260px); } .newsListItem:last-child { margin-bottom: 0; } .newsListItem:first-child { padding-top: 15px; } .nliContent> h2 { display: block; margin: -4px 0 10px; font-size: 24px; font-weight: 500; color: #222; } .nliContent> span.nliDate { display: block; font-size: 12px; color: #999; margin: 0 0 20px; } .nliContent> .context { margin: 0 0 15px; } .nliFullButton> a { font-size: 13px; padding: 0 15px; height: 40px; } .newsListBlock.clientsList { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .newsListBlock.clientsList .newsListItem { width: calc(50% - 15px); margin: 0 0 30px; padding: 20px; border: 1px solid #e3e3e3; border-radius: 8px; flex-direction: column; } .newsListBlock.clientsList a.nliImage { width: 100%; height: initial; margin: 0 0 20px; box-shadow: none; align-items: flex-start; justify-content: flex-start; max-width: 220px; height: 80px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 9%); padding: 10px; } .newsListBlock.clientsList a.nliImage[data-padding] { padding: 15px; } .newsListBlock.clientsList a.nliImage::before { display: none; } .newsListBlock.clientsList a.nliImage> img { position: relative; left: initial; top: initial; right: initial; bottom: initial; object-fit: initial; width: auto; max-width: 100%; height: auto; max-height: 100px; min-width: initial; min-height: initial; } .newsListBlock.clientsList .newsListItem:hover .nliImage> img { transform: none; } .newsListBlock.clientsList .nliContent { padding: 0; } .newsListBlock.clientsList .nliImage + .nliContent { width: 100%; } .newsListBlock.clientsList .nliContent> h2 { margin-bottom: 20px; } .newsFull { display: block; position: relative; margin: 0 0 30px; } .newsFull.fullClient { display: flex; flex-direction: column; align-items: flex-start; position: relative; } .newsFull.fullClient .nliImage { width: 100%; height: initial; margin: 0 0 20px; box-shadow: none; align-items: flex-start; justify-content: flex-start; max-width: 220px; height: 80px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 9%); padding: 10px; border-radius: 8px; } .centroSort { display: block; position: relative; z-index: 10; } .centroSort ul, .centroSort ul li { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .centroSort> ul { position: relative; display: inline-flex; flex-direction: column; } .centroSort> ul> li { display: block; position: relative; } .centroSort> ul> li> ul { display: none; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; background: #fff; box-shadow: 0px 5px 30px rgb(68 2 131 / 19%); border-radius: 8px; } .centroSort> ul> li> a { display: block; position: RELATIVE; width: 260px; text-decoration: none; border: 2px solid #d7beed; padding: 7px 30px 7px 15px; font-size: 14px; border-radius: 8px; color: #333; font-weight: 400; font-size: 13px; } .centroSort> ul> li> ul> li { display: block; border-bottom: 1px dotted rgb(214 189 237); } .centroSort> ul> li> ul> li:last-child { border: 0; } .centroSort> ul> li> ul> li> a { display: block; padding: 7px 15px; font-size: 13px; font-weight: 400; text-decoration: none; border: 0; } .centroSort> ul> li> ul> li:not(.active)> a:hover { background: rgb(212 186 235 / 15%); color: #333; } .centroSort> ul> li> ul> li.active> a { font-weight: 400; color: #000; } .centroSort> ul> li> a::before { content: ''; display: block; width: 6px; height: 6px; position: absolute; top: calc(50% - 2px); right: 12px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUwMy43NTQgNTAzLjc1NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDkyLjY1NCwzODIuMDI1bC0xODcuNTItMzI1LjEyYy01LjUzMy05Ljk1Ny0xMy43NDItMTguMTY3LTIzLjY5OS0yMy42OTljLTI5LjQ1NS0xNi4zNjYtNjYuNjAxLTUuNzU2LTgyLjk2NywyMy42OTkgICAgTDguMTc0LDM4Ni43MTlDMi44MDgsMzk2LjAxNC0wLjAxMiw0MDYuNTYsMCw0MTcuMjkzYzAuMDM3LDMzLjY5NywyNy4zODQsNjAuOTgzLDYxLjA4MSw2MC45NDZoMzgwLjU4N2wxLjcwNy0wLjIxMyAgICBjMzMuMzY0LTAuMzUsNjAuMjU5LTI3LjQzNSw2MC4zNzMtNjAuOEM1MDMuOTMzLDQwNC42MDQsNTAwLjA0MywzOTIuMjYsNDkyLjY1NCwzODIuMDI1eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPg0KCTwvZz4NCjwvZz4NCjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8L2c+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPC9nPg0KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjwvZz4NCjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8L2c+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPC9nPg0KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjwvZz4NCjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8L2c+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPC9nPg0KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjwvZz4NCjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8L2c+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPC9nPg0KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjwvZz4NCjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8L2c+DQo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPC9nPg0KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjwvZz4NCjwvZz48L3N2Zz4=') center no-repeat; background-size: 6px; filter: opacity(0.6); transition: all 0.45s; transform: rotate(180deg); } .centroSort> ul> li.active> a::before { transform: rotate(0deg); } a.addcompare { display: block; position: absolute !important; top: 50px; right: 50px; border: 0; width: 24px; height: 24px; z-index: 1; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhM2EzYTMiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyA2VjRoMTh2Mkgzem0wIDd2LTJoMTh2Mkgzem0wIDd2LTJoOHYySDN6bTE4LTJ2MmgtMi41djIuNWgtMlYyMEgxNHYtMmgyLjV2LTIuNWgyVjE4SDIxeiIvPjwvc3ZnPg==) center no-repeat; background-size: 100%; } a.addcompare:not(.compared):hover { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyA2VjRoMTh2Mkgzem0wIDd2LTJoMTh2Mkgzem0wIDd2LTJoOHYySDN6bTE4LTJ2MmgtMi41djIuNWgtMlYyMEgxNHYtMmgyLjV2LTIuNWgyVjE4SDIxeiIvPjwvc3ZnPg=='); } a.addcompare.compared { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlYzAwMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyA2VjRoMTh2Mkgzem0wIDd2LTJoMTh2Mkgzem0wIDd2LTJoOHYySDN6bTE4LTJ2MmgtMi41djIuNWgtMlYyMEgxNHYtMmgyLjV2LTIuNWgyVjE4SDIxeiIvPjwvc3ZnPg=='); } .podelBlock { display: flex; align-items: center; justify-content: center; margin: 10px 0 0; } .podelBlock a { text-decoration: none; border: 0; } .podelBlock> a { display: flex; align-items: center; margin: 0 15px 0 0; font-size: 13px; } .podelBlock> a img {margin: -1px 5px 0 0;} .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more { background: none !important; border: 0 !important; font-size: 13px !important; font-family: 'Roboto', sans-serif !important; color: #7b29c5 !important; } .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { filter: opacity(0.4); margin: 0 2px 0 0; } .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title { color: #7b29c5 !important; } .ya-share2__link { padding: 3px 5px; } .bx_filter.bx_blue.bx_horizontal { margin: 30px 0 20px; } a.addcompareMobile { display: none; } .bx_filter .bx_filter_title { display: none; } a.openFiltersMobile { display: none; position: relative; background: linear-gradient(180deg, #9443f1 0%, #812edf 100%); height: 44px; border-radius: 8px; align-items: center; padding: 0 0 0 50px; font-weight: 400; color: #fff; margin: 0; box-shadow: inset 0px 22px 0px rgb(255 255 255 / 4%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(129 46 223 / 21%); } a.openFiltersMobile:hover { color: #fff; } a.openFiltersMobile> svg:first-child, a.openFiltersMobile> svg:last-child { width: 22px; position: absolute; height: 22px; top: calc(50% - 12px); left: 15px; } a.openFiltersMobile> svg:last-child { left: initial; right: 15px; width: 12px; height: 12px; top: calc(50% - 6px); } .cHeaderTopRight { display: flex; align-items: center; } .compare_list_count { margin: 0 20px 0 0; } .bx_catalog_compare_count { display: flex; align-items: center; position: relative; border: 0 !important; } .bx_catalog_compare_count span { font-weight: 300; display: block; color: #A408F2; border-bottom: 1px dotted; transition: all 0.1s; } a.bx_catalog_compare_count:hover { color: #222; } a.bx_catalog_compare_count:hover svg { fill: #222; } a.bx_catalog_compare_count:hover span { color: #222; } .bx_catalog_compare_count> svg { height: auto; width: 18px; margin: 0 5px 0 0; } .compare_added { display: none; position: fixed; bottom: 15px; right: 15px; background: rgb(0 0 0 / 78%); z-index: 9999; color: #fff; padding: 20px 45px; font-size: 14px; border-radius: 8px 6px 0 6px; } .compare_added> svg { width: 20px; height: initial; position: absolute; top: 19px; left: 15px; } .compare_added> svg path { fill: #b96cff; } .compare_added> a.cclose { display: block; position: absolute; width: 18px; top: 5px; right: 5px; border: 0; } .compare_added> a.cclose svg { width: 100%; height: initial; } .compare_added> span { display: block; margin: 0 0 10px; } .compare_added> a:not(.cclose) { border: 0; background: #9742e5; display: inline-flex; color: #fff; font-weight: 400; padding: 8px 13px; border-radius: 8px; font-size: 13px; } .compare_added> a.cclose svg path { fill: #fff; } form.smartfilter, form.smartfilter * { box-sizing: border-box; } .bx_filter .bx_filter_section { padding: 0; background: transparent; border: 0; } form.smartfilter { display: flex; flex-wrap: wrap; margin: 0 -3px -6px; } .bx_filter.bx_horizontal .bx_filter_parameters_box { float: initial; display: block; margin: 0 3px 6px; padding: 0; width: initial; position: relative; } .bx_filter .bx_filter_parameters_box_title { font-size: 14px; border: 0; display: block; position: relative; border: 1px solid #d7beed; border-radius: 8px; padding: 0 26px 0 10px; display: flex; align-items: center; height: 33px; color: #333; font-weight: 400; font-size: 13px; margin: 0; } .bx_filter .bx_filter_parameters_box_title:after { right: 10px; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block { display: none; } .bx_filter .bx_filter_block { position: absolute; top: calc(100% + 5px); left: 0; z-index: 100; background: #fff; min-width: 100%; padding: 15px; box-sizing: border-box; box-shadow: 0px 5px 30px rgb(68 2 131 / 19%); border-radius: 8px; width: max-content; } .bx_filter .bx_filter_parameters_box_container { max-height: 200px; overflow-x: hidden; overflow-y: overlay; } .bx_filter .bx_filter_block #set_filter { margin: 10px 0 0; padding: 0 15px; text-transform: initial; font-style: normal; font-size: 13px; height: 40px; width: 100%; } .bx_filter.bx_horizontal .bx_filter_parameters_box.allfilters { display: none; } a.allfiltersLink { display: block; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: #fff; border: 0; margin: 0 6px 12px; border-radius: 8px; border: 2px solid #d7beed; box-sizing: border-box; position: relative; } a.allfiltersLink::before { content: '+'; font-size: 21px; font-weight: 500; color: #d7beed; } .tabmaps { display: flex; justify-content: space-between; } .tabmaps .tabmap { border: 0; width: calc(50% - 5px); display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px; padding: 15px 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; } .tabmaps .tabmap.active { border-color: transparent; background: #9d3aff; color: #fff; } @media(min-width: 768px) { .bx_filter .bx_filter_section { display: block !important; } } @media(max-width: 768px) { .bx_filter .bx_filter_section { display: none; } form.smartfilter { margin: 0; } .bx_filter .bx_filter_block { position: relative; top: initial; left: initial; width: 100%; box-shadow: none; padding: 0; } .bx_filter .bx_filter_parameters_box_container { padding: 0; } .bx_filter .bx_filter_block #set_filter { margin: 0 0 15px; } a.allfiltersLink { display: none; } .bx_filter.bx_horizontal .bx_filter_parameters_box.allfilters { display: block; } .bx_filter.bx_horizontal .bx_filter_parameters_box { width: 100% !important; float: initial; } a.addcompare { display: none; } li.prodItem .available, li.prodItem .notavailable { display: flex; align-items: center; white-space: nowrap; font-size: 13px; } li.prodItem .available a.btn30phiolet, li.prodItem .notavailable a.btn30phiolet { margin-right: 0; } span.avitext { flex-grow: 1; } .insertMob { display: flex; align-items: center; justify-content: center; } a.addcompareMobile { display: block; width: 24px; height: 24px; float: right; margin: 0 15px 0 0 !important; border: 0; background: url('data:image/svg+xml;base64,PHN2ZyBjb2xvcj0icmdiYSgzMywgMzIsIDMxLCAwLjMpIiBhcmlhLWhpZGRlbj0idHJ1ZSIgY2xhc3M9Il8xRzR3UyBfMkViM2wgd213TVogXzNiV2FmIiBkYXRhLXRpZD0iOTAyYjczOSA4OTBiYzU0MiIgZGF0YS10aWQtcHJvcD0iODkwYmM1NDIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bHVtaW5vc2l0eSI+PHBhdGggZD0iTS43NSA5LjVhOC43NTMgOC43NTMgMCAwIDAgNS41ODkgOC4xNjFBOC43NSA4Ljc1IDAgMSAwIDE3LjY2MiA2LjMzOCA4Ljc1IDguNzUgMCAwIDAgLjc1IDkuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii41IiBzdHJva2Utd2lkdGg9Ii41Ij48L3BhdGg+PHBhdGggb3BhY2l0eT0iLjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOS41YTYuNSA2LjUgMCAwIDEtNy44NTggNi4zNTggNi41IDYuNSAwIDAgMSA3LjcxNi03LjcxNmMuMDkzLjQzOC4xNDIuODkyLjE0MiAxLjM1OHptLTEuMDEzLTMuNDg2YTguNSA4LjUgMCAwIDAtOC45NzMgOC45NzMgNi41IDYuNSAwIDEgMSA4Ljk3My04Ljk3M3ptMi40OC41MThBOC41IDguNSAwIDEgMCA2LjUzMyAxNy40NjcgOC41IDguNSAwIDEgMCAxNy40NjcgNi41MzN6bS41MiAyLjQ4MWE4LjUgOC41IDAgMCAxLTguOTczIDguOTczIDYuNSA2LjUgMCAxIDAgOC45NzMtOC45NzN6IiBmaWxsPSIjMjEyMDFGIj48L3BhdGg+PHBhdGggZD0iTTkuNDk5IDE4YTguNSA4LjUgMCAwIDAgOC40ODYtOC45ODcgNi41IDYuNSAwIDEgMS04Ljk3MyA4Ljk3M2MuMTYuMDEuMzIzLjAxNC40ODcuMDE0em01LjQ4OC0xMS45ODZhOC41IDguNSAwIDAgMC04Ljk3MyA4Ljk3MyA2LjUgNi41IDAgMSAxIDguOTczLTguOTczeiIgZmlsbD0iI2ZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik05LjUgMTZhNi41IDYuNSAwIDAgMCA2LjM1OC03Ljg1OCA2LjUgNi41IDAgMCAwLTcuNzE2IDcuNzE2QTYuNTMgNi41MyAwIDAgMCA5LjUgMTZ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PHBhdGggZD0iTTkuNSAxNmE2LjUgNi41IDAgMCAwIDYuMzU4LTcuODU4IDYuNSA2LjUgMCAwIDAtNy43MTYgNy43MTZBNi41MyA2LjUzIDAgMCAwIDkuNSAxNnoiIGZpbGw9IiMyMTIwMUYiIGZpbGwtb3BhY2l0eT0iLjE1Ij48L3BhdGg+PC9nPjwvc3ZnPg==') center no-repeat; background-size: 100%; } a.addcompareMobile.compared { background-image: url('data:image/svg+xml;base64,PHN2ZyBjb2xvcj0iI2ZhM2UyYyIgYXJpYS1oaWRkZW49InRydWUiIGNsYXNzPSJfMUc0d1MgXzJFYjNsIHdtd01aIF8zYldhZiIgZGF0YS10aWQ9IjhmYTY0MzM5IDg5MGJjNTQyIiBkYXRhLXRpZC1wcm9wPSI4OTBiYzU0MiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpub3JtYWwiPjxwYXRoIGQ9Ik0uNzUgOS41YTguNzUzIDguNzUzIDAgMCAwIDUuNTg5IDguMTYxQTguNzUgOC43NSAwIDEgMCAxNy42NjIgNi4zMzggOC43NSA4Ljc1IDAgMCAwIC43NSA5LjV6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9wYXRoPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOS41YTYuNSA2LjUgMCAwIDEtNy44NTggNi4zNTggNi41IDYuNSAwIDAgMSA3LjcxNi03LjcxNmMuMDkzLjQzOC4xNDIuODkyLjE0MiAxLjM1OHptLTEuMDEzLTMuNDg2YTguNSA4LjUgMCAwIDAtOC45NzMgOC45NzMgNi41IDYuNSAwIDEgMSA4Ljk3My04Ljk3M3ptMi40OC41MThBOC41IDguNSAwIDEgMCA2LjUzMyAxNy40NjcgOC41IDguNSAwIDEgMCAxNy40NjcgNi41MzN6bS41MiAyLjQ4MWE4LjUgOC41IDAgMCAxLTguOTczIDguOTczIDYuNSA2LjUgMCAxIDAgOC45NzMtOC45NzN6IiBmaWxsPSIjRkM1MjMwIj48L3BhdGg+PHBhdGggZD0iTTkuNDk5IDE4YTguNSA4LjUgMCAwIDAgOC40ODYtOC45ODcgNi41IDYuNSAwIDEgMS04Ljk3MyA4Ljk3M2MuMTYuMDEuMzIzLjAxNC40ODcuMDE0em01LjQ4OC0xMS45ODZhOC41IDguNSAwIDAgMC04Ljk3MyA4Ljk3MyA2LjUgNi41IDAgMSAxIDguOTczLTguOTczeiIgZmlsbD0iI0ZDNTIzMCI+PC9wYXRoPjxwYXRoIGQ9Ik05LjUgMTZhNi41IDYuNSAwIDAgMCA2LjM1OC03Ljg1OCA2LjUgNi41IDAgMCAwLTcuNzE2IDcuNzE2QTYuNTMgNi41MyAwIDAgMCA5LjUgMTZ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg=='); } .available a, .notavailable a { margin: 0; } a.openFiltersMobile { display: flex; } form.smartfilter { display: flex; flex-wrap: wrap; } .bx_filter.bx_horizontal .bx_filter_parameters_box { border-bottom: 1px solid #e9e9e9; padding: 0; margin: 0; } .bx_filter .bx_filter_parameters_box_title { border: 0; width: 100%; margin: 0 !important; padding: 15px 0; } .bx_filter .bx_filter_parameters_box_title:after { right: 0; } .bx_filter_parameters_box_container { padding: 10px 0 30px; } .bx_filter .bx_filter_button_box .bx_filter_parameters_box_container { padding: 15px 0 0; } .bx_filter .bx_filter_button_box { padding: 0; } .tabmaps { padding: 0 20px; } .tabmaps .tabmap { line-height: 20px; padding: 10px; } } @media(max-width: 420px) { .tabmaps .tabmap { font-size: 12px; line-height: 18px; } } /*! Hint.css - v2.7.0 - 2021-10-01 * https://kushagra.dev/lab/hint/ * Copyright (c) 2021 Kushagra Gour */ [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.hint--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:initial}.hint--no-arrow:before{display:none} .msVideoSlide { display: flex; align-items: center; justify-content: center; width: 840px; height: 540px; margin: 0px auto; background: url('/i/igrenok_slide.webp') center no-repeat; } .mvVideo { position: relative; overflow: hidden; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0px -3px 2px rgb(0 0 0 / 10%), 4px -3px 2px rgb(0 0 0 / 10%), -4px -3px 2px rgb(0 0 0 / 10%), 0px 1px 3px #ffe675; width: 640px; height: 360px; } .mvVideo> video { display: block; width: 100%; margin: 0; padding: 0; height: auto; } h2.mainTitleH2 { display: block; text-align: center; font-size: 26px; font-weight: 600; font-family: 'Comic Sans MS', sans-serif; color: #333; margin: 0 0 30px; } .mainSlider { margin: -30px -20px 30px; } .mainSlider ul.slick-dots { margin: 30px 0 0; } .mainSlider button.slick-prev.slick-arrow { left: 40px; } .mainSlider button.slick-next.slick-arrow { right: 40px; } .slideItem { background-position: 70px 25px; display: block; position: relative; background-repeat: no-repeat; } .slideItem .slider_content { width: 440px; padding: 50px 0 0 550px; } .slideItem .slider_content .h2{font-size:40px;line-height:48px;font-family:'Comic Sans MS';margin:0 0 15px;} .slideItem .slider_content .text{font-size:20px;line-height:30px;padding:0 0 25px;} .slideItem .slider_content .main_link{font-size:20px;font-weight:500;} .slideItem .slider_content .dop{color:#4c4c4c;padding:0 0 0;line-height:24px;} .slideItem .slider_content .dop a{color:#4c4c4c;border-bottom:1px solid rgba(76,76,76,0.5);} .slideItem .slider_content .dop a:hover{border-bottom:1px solid rgba(76,76,76,1);} .slideItem .slider_content .order{padding:20px 0 0;} .slideItem .slider_content .order .btn30phiolet{float:left;margin:0 15px 0 0;} .slideItem .slider_content .order .price{line-height:30px;float:left;} .slideItem .slider_content .order .price label{cursor:default;font-size:20px;font-weight:400;} .slideItem .slider_content .order .area{line-height:30px;float:left;display:inline-block;height:30px;border-left:1px solid #D7BEED;margin:0 0 0 15px;padding:0 0 0 15px;} .slideItem .slider_content .order .area span{font-size:20px;font-weight:400;} .slideItem#bx_651765591_33 { background-position: 0px -45px; height: 490px; } .slideItem#bx_651765591_34 { height: 440px; } .slideItem#bx_651765591_35 { height: 520px; } .fotorama__fullscreen-icon { transform: none !important; opacity: 1 !important; border-radius: 100px; background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ4OC40IDQ4OC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iNDQxLjEsNDA3LjggMzM4LjgsMzA1LjUgMzA1LjUsMzM4LjggNDA3LjgsNDQxLjEgMzI4LjMsNDQxLjEgMzI4LjMsNDg4LjQgNDg4LjQsNDg4LjQgNDg4LjQsMzI4LjMgNDQxLjEsMzI4LjMgDQoJCQkJCQkJIiBmaWxsPSIjNTYwMGFkIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BvbHlnb24+DQoJCQk8cG9seWdvbiBwb2ludHM9IjMzOC44LDE4MyA0NDEuMSw4MC42IDQ0MS4xLDE2MC4xIDQ4OC40LDE2MC4xIDQ4OC40LDAgMzI4LjMsMCAzMjguMyw0Ny4zIDQwNy44LDQ3LjMgMzA1LjUsMTQ5LjYgCQkJIiBmaWxsPSIjNTYwMGFkIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BvbHlnb24+DQoJCQk8cG9seWdvbiBwb2ludHM9IjE0OS42LDMwNS41IDQ3LjMsNDA3LjggNDcuMywzMjguMyAwLDMyOC4zIDAsNDg4LjQgMTYwLjEsNDg4LjQgMTYwLjEsNDQxLjEgODAuNiw0NDEuMSAxODMsMzM4LjggCQkJIiBmaWxsPSIjNTYwMGFkIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BvbHlnb24+DQoJCQk8cG9seWdvbiBwb2ludHM9IjE2MC4xLDQ3LjMgMTYwLjEsMCAwLDAgMCwxNjAuMSA0Ny4zLDE2MC4xIDQ3LjMsODAuNiAxNDkuNiwxODMgMTgzLDE0OS42IDgwLjYsNDcuMyAJCQkiIGZpbGw9IiM1NjAwYWQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcG9seWdvbj4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvZz48L3N2Zz4=') center no-repeat !important; background-size: 20px !important; } .fotorama--fullscreen .fotorama__fullscreen-icon { background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz4NCjxnPg0KCTxnIGlkPSJmdWxsc2NyZWVuX3g1Rl9leGl0X3g1Rl9hbHQiPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIHN0eWxlPSIiIHBvaW50cz0iMjIuNTg2LDI1LjQxNCAyOS4xNzIsMzIgMzIsMjkuMTcyIDI1LjQxNCwyMi41ODYgMjgsMjAgMjAsMjAgMjAsMjggCQkJIiBmaWxsPSIjNTYwMGFkIiBkYXRhLW9yaWdpbmFsPSIjMDMwMTA0IiBjbGFzcz0iIj48L3BvbHlnb24+DQoJCQk8cG9seWdvbiBzdHlsZT0iIiBwb2ludHM9IjYuNTQ3LDkuMzcxIDQsMTIgMTEuOTYxLDExLjk1NyAxMiw0IDkuMzc1LDYuNTQzIDIuODI4LDAgMCwyLjgyOCAJCQkiIGZpbGw9IiM1NjAwYWQiIGRhdGEtb3JpZ2luYWw9IiMwMzAxMDQiIGNsYXNzPSIiPjwvcG9seWdvbj4NCgkJCTxwb2x5Z29uIHN0eWxlPSIiIHBvaW50cz0iMCwyOS4xNzIgMi44MjgsMzIgOS40MTQsMjUuNDE0IDEyLDI4IDEyLDIwIDQsMjAgNi41ODYsMjIuNTg2IAkJCSIgZmlsbD0iIzU2MDBhZCIgZGF0YS1vcmlnaW5hbD0iIzAzMDEwNCIgY2xhc3M9IiI+PC9wb2x5Z29uPg0KCQkJPHBvbHlnb24gc3R5bGU9IiIgcG9pbnRzPSIyOC4wMzEsMTIgMjUuNDM4LDkuNDA0IDMyLDIuODM4IDI5LjE2NCwwIDIyLjU5OCw2LjU2NiAyMCwzLjk3MSAyMCwxMiAJCQkiIGZpbGw9IiM1NjAwYWQiIGRhdGEtb3JpZ2luYWw9IiMwMzAxMDQiIGNsYXNzPSIiPjwvcG9seWdvbj4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvZz48L3N2Zz4=') center no-repeat !important; background-size: 20px !important; } .fotorama__fullscreen-icon { top: 10px !important; right: 10px !important; } .news_block img { max-width: 100%; height: auto; vertical-align: bottom; } .centerbutton { display: block; position: relative; margin: 0 0 50px; text-align: CENTER; } .cbtn { display: inline-flex; position: relative; background: linear-gradient(90deg, #7300fe 0%, #9a00ff 100%); height: 44px; border-radius: 8px; align-items: center; font-weight: 500; color: #fff; margin: 0; box-shadow: inset 0px 22px 0px rgb(255 255 255 / 12%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 15px -5px rgb(133 0 254 / 46%); cursor: pointer; border: 0; outline: 0; padding: 0 30px; transition: all 0.15s; align-items: center; justify-content: center; } @media(hover) { .cbtn:hover { color: #fff; text-shadow: 0px 0px 7px #fff; border: 0; box-shadow: inset 0px 22px 0px rgb(255 255 255 / 17%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 15px -5px rgb(133 0 254 / 66%); } } .cbtn:active { opacity: 0.5; } .bx-breadcrumb .bx-breadcrumb-item{ white-space: normal !important; } .mainFullCatLink { width: 220px; height: 50px; box-sizing: border-box; } #tab_buttons_new { display: flex; position: relative; margin: 50px -5px 20px; } #tab_buttons_new> span { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 5px; font-size: 13px; font-weight: 400; border: 0; padding: 12px 15px; border-radius: 10px; cursor: pointer; box-shadow: inset 0px 18px 0px rgb(255 255 255 / 0%), inset 0px -2px 0px rgb(0 0 0 / 0%), 0px 10px 20px -5px rgb(129 46 223 / 0%), 0px 0px 0px 2px #d7beed inset; transition: all 0.15s; } #tab_buttons_new> span.active { background: linear-gradient(180deg, #9443f1 0%, #812edf 100%); box-shadow: inset 0px 18px 0px rgb(255 255 255 / 8%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(129 46 223 / 40%); border: 0; color: #fff; } #tab_buttons_new> span:not(.active):hover { background: #d7beed; } ul.noli, ul.noli ul, ul.noli li { display: block; margin: 0; padding: 0; list-style: none; } .features_block> ul { display: flex; position: relative; flex-direction: column; } .features_block> ul> li { display: flex; justify-content: space-between; align-items: flex-end; position: relative; margin: 0 0 15px; font-size: 14px; } .features_block> ul> li> b { font-weight: 400; padding: 0 5px 0 0; background: #fff; z-index: 1; position: relative; } .features_block> ul> li> span { padding: 0 0 0 5px; background: #fff; z-index: 1; position: relative; } .features_block> ul> li::before { content: ''; display: block; position: absolute; border-bottom: 1px dotted #c5c5c5; left: 0; width: 100%; bottom: 3px; } .bxs, .bxs * { box-sizing: border-box; } .cHeader { display: block; position: relative; margin: 0 -20px 30px; z-index: 100; display: flex; flex-direction: column; } .cHeaderTop { display: flex; position: relative; align-items: center; justify-content: space-between; padding: 0 20px; background: #fbf7ff; height: 36px; border-bottom: 1px solid #f7edff; font-size: 13px; color: #555555; } .cHeaderTopLeft { display: flex; align-items: center; } .chAddress, .chTime { display: flex; align-items: center; margin: 0 20px 0 0; } .chTime { margin: 0; } .chAddress svg, .chTime svg { width: 16px; height: auto; margin: -1px 3px 0 0; fill: #A408F2; } .chAddress a, .chTime a, .chTime p { border: 0; color: #555555; transition: all 0.1s; } .chAddress a:hover { color: #A408F2; } .ctopLogin { display: flex; align-items: center; border: 0 !important; } .ctopLogin svg { height: auto; width: 14px; margin: 0px 5px 0 0; fill: #A408F2; transition: all 0.1s; } .ctopLogin b { font-weight: 300; display: block; color: #A408F2; border-bottom: 1px dotted; transition: all 0.1s; } .ctopLogin:hover b { color: #333; } .ctopLogin:hover svg { fill: #333; } .cHeaderMiddle { display: flex; flex-wrap: wrap; align-items: center; height: 94px; padding: 0 20px; } a.chLogo { display: flex; flex-direction: column; border: 0 !important; position: relative; font-family: 'Comic Sans MS'; margin: -4px 50px 0 0; } a.chLogo b { font-weight: 400; color: #333; font-size: 13px; } a.chLogo img { margin: 0 0 1px; } .chMenu { display: flex; align-items: center; flex-grow: 1; position: relative; height: 40px; } .chMenu ul.noli { display: flex; align-items: center; } .chMenu ul.noli> li { display: block; position: relative; margin: 0 5px 0 0; } .chMenu ul.noli> li> a, .chMenu ul.noli> li> span { display: block; position: relative; border: 0 !important; font-size: 14px; font-weight: 400; padding: 10px 15px; border-radius: 8px; transition: all 0.1s; } .chMenu ul.noli> li> a:hover { background: #f7edff; color: #333; } .chMenu a.flag { border: 0 !important; margin: 0 0 0 10px; } .chMenu a.flag svg { height: auto; width: 16px; margin: 0 0 -3px 0; transition: all 0.2s; } .chMenu a.flag:hover svg { transform: scale(1.2); } a.chSearch { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%; width: 40px; height: 40px; border: 0 !important; transition: all 0.15s; } a.chSearch:hover { background: #f7edff; } a.chSearch> svg { height: auto; width: 20px; fill: #8003e3; } .chPhone { display: flex; align-items: center; margin: 0 0 0 15px; } .cppPhone { display: flex; flex-direction: column; margin: 0 15px 0 0; } .cppPhone> a { display: block; font-size: 18px; font-weight: 500; color: #333333; border: 0 !important; margin: 0 0 3px; transition: all 0.15s; } .cppPhone> span { font-size: 12px; color: #838383; font-weight: 400; } .cppPhone> a:hover { color: #A408F2; } .ybtn { background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 22px 0px rgb(255 255 255 / 25%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); color: #342700; text-shadow: 0px 1px 0px rgb(255 255 255 / 14%); transition: all 0.1s; font-weight: 500; } .ybtn:hover { color: #523d00; box-shadow: inset 0px 22px 0px rgb(255 255 255 / 20%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 30px -5px rgb(254 185 4 / 93%); } .chPhone .openmodal { height: 40px; padding: 0 16px; font-size: 13px; } .chPhone .mail_btn { margin: 0 0 0 5px; height: 40px; width: 40px; padding: 0; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; padding: 0 0 2px 0; } .cNavigation { display: block; position: relative; padding: 0 20px; } .cNavigation> ul { display: flex; background: linear-gradient(180deg, #9209ff 0%, #7d00df 100%); border-radius: 8px; height: 58px; box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 10px 22px -7px rgb(127 1 226 / 49%), inset 0px 15px 25px rgb(255 255 255 / 17%); } .cNavigation> ul> li { flex: auto; display: flex; align-items: CENTER; justify-content: center; text-align: center; transition: background 0.15s; position: relative; box-shadow: 1px 0px 0px rgb(0 0 0 / 19%), 2px 0px 0px rgb(255 255 255 / 13%); } .cNavigation> ul> li> div { display: none; position: absolute; top: 100%; left: 0; width: 200px; } .cNavigation> ul> li.bigNavItem { flex: initial; max-width: 140px; } .cNavigation> ul> li> a, .cNavigation> ul> li> span { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; cursor: pointer; border: 0 !important; padding: 10px; } .cNavigation> ul> li.big_btn_green { background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 22px 0px rgb(255 255 255 / 4%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); color: #342700; text-shadow: 0px 1px 0px rgb(255 255 255 / 14%); } .cNavigation> ul> li> a> span, .cNavigation> ul> li> span> span { font-size: 13px; font-weight: 400; color: #fff; text-shadow: 0px 1px 3px rgb(0 0 0 / 57%); line-height: 17px; } .cNavigation> ul> li:not(.big_btn_green):hover { background: rgb(0 0 0 / 10%); } /* .cNavigation> ul> li.current { */ /* background: rgb(0 0 0 / 10%); */ /* } */ .cNavigation> ul> li:first-child { border-radius: 6px 0 0 6px; } .cNavigation> ul> li:last-child { border-radius: 0 6px 6px 0; box-shadow: none; width: min-content; } .cNavigation> ul> li> span> svg polyline { stroke: #fff !important; } .cNavigation> ul> li> span> svg { margin: 2px 0 0 5px; filter: drop-shadow(0px 1px 2px rgb(0 0 0 / 57%)); } .cNavigation> ul> li.big_btn_green> a> span, .cNavigation> ul> li.big_btn_green> span> span { color: #342700; text-shadow: 0px 1px 0px rgb(255 255 255 / 14%); } .cNavigation> ul> li.big_btn_green> span> svg polyline { stroke: #342700 !important; } .cNavigation> ul> li.big_btn_green> span> svg { filter: drop-shadow(0px 1px 1px rgb(255 255 255 / 14%)); } .cNavigation> ul> li:nth-last-child(2)> div, .cNavigation> ul> li:nth-last-child(1)> div { left: initial; right: 0; } .cNavigation> ul> li> div> ul { display: BLOCK; position: relative; margin: 10px 0 0; background: #fff; border-radius: 8px; box-shadow: 0px 8px 30px rgb(0 0 0 / 20%); border-top: 2px solid #7c04d8; overflow: hidden; } .cNavigation> ul> li> div> ul> li { display: block; position: relative; border-bottom: 1px solid #e9e9e9; } .cNavigation> ul> li> div> ul> li:last-child { border: 0; } .cNavigation> ul> li> div> ul> li> a, .cNavigation> ul> li> div> ul> li> span { display: block; border: 0 !important; text-align: initial; padding: 10px 15px; font-size: 13px; font-weight: 400; color: #333; line-height: 19px; } .cNavigation> ul> li> div> ul> li> span { background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 22px 0px rgb(255 255 255 / 4%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); color: #342700; text-shadow: 0px 1px 0px rgb(255 255 255 / 14%); } .cNavigation> ul> li> div> ul> li> a:hover { color: #fff; background: linear-gradient(180deg, #9209ff 0%, #7d00df 100%); box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 10px 22px -7px rgb(127 1 226 / 49%), inset 0px 15px 25px rgb(255 255 255 / 17%); text-shadow: 0px 1px 3px rgb(0 0 0 / 57%); } .podCSearch { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10; } .podCSearch> form { display: BLOCK; position: relative; width: 100%; height: 100%; } .podCSearch> form> input { width: 100%; height: 100%; border: 1px solid #EFE0F3; border-radius: 8px; background: #FAF6FB; padding: 0 45px 0 15px; font-size: 13px; } .podCSearch> form> button { display: flex; width: 40px; height: 40px; position: absolute; top: 0; right: 0; border: 0; outline: 0; cursor: pointer; align-items: center; justify-content: center; background: transparent; } .podCSearch> form> button> svg { height: auto; width: 20px; fill: #8003e3; transition: all 0.15s; } .podCSearch> form> button> svg:hover { fill: #333; } .mobilePanel { display: none; } ul.productsList { display: flex; flex-wrap: wrap; position: relative; margin: 0px -10px; } .svyazProducts { width: 100%; display: block; position: relative; } .svyazProducts ul.productsList { width: 100%; } .svyazProducts ul.productsList .slick-list { width: 100%; } li.productItem { display: block; position: relative; width: calc(33.333% - 20px); margin: 0 10px 20px !important; border: 1px solid #ebebeb; border-radius: 8px; box-shadow: 0px 1px 10px rgb(0 0 0 / 8%); } ul.productsList, ul.productsList * { box-sizing: border-box; } a.productImage { display: flex; width: 100%; height: 340px; align-items: center; justify-content: center; border: 0; padding: 15px; position: relative; } a.productImage img, img.resp { max-width: 100%; height: auto; max-height: 100%; width: auto; vertical-align: bottom; } .markers { display: flex; flex-wrap: wrap; position: absolute; top: 10px; left: 10px; margin: 0 0 -5px; } .markers> .markerItem { display: flex; margin: 0 5px 5px 0; font-size: 10px; text-transform: uppercase; background: #9600ff; padding: 2px 6px; color: #fff; font-weight: 500; border-radius: 4px; } .markerItem.marker_NEW { background: #1baf00; } .markerItem.marker_HIT { background: #e33c3c; } .markerItem.marker_SKIDKA { background: #ffc800; color: #000; } a.productName { display: block; position: relative; padding: 0 15px 10px; border: 0; font-family: 'Comic Sans MS', sans-serif; font-size: 16px; } .productItemInfo { display: flex; flex-direction: column; position: relative; padding: 0 15px 15px; } .productItemInfo p { display: block; margin: 0 0 5px; font-size: 13px; color: #666; } .productItemInfo p:last-child { margin: 0; } .productItemNalCompare { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 15px; font-size: 13px; font-weight: 400; color: #666; } .productItemNal { display: flex; flex-direction: column; } .productItemNal> div { display: flex; align-items: center; } .productItemNal> div:first-child { margin: 0 0 4px; } .productItemNal svg, .productItemNal img { height: auto; width: 12px; margin: -1px 4px 0 0; } .productItemCompare { display: flex; align-items: center; } .productItemCompare a.addcomparePpage { display: flex; align-items: center; border: 0; } .productItemCompare a.addcomparePpage svg { height: auto; width: 16px; margin: 0 3px 0 0; } .productItemPriceButton { display: flex; position: relative; align-items: center; padding: 0 15px 15px; justify-content: space-between; } .productItemPrice { display: block; position: relative; padding: 0 15px 0 0; } span.pipPrice { display: flex; align-items: flex-end; font-size: 14px; color: #333; font-weight: 400; } span.pipPrice b { margin: 0 0 -2px 5px; font-size: 18px; font-weight: 500; } .productItemButton { display: block; position: relative; } .productItemButton .cbtn { height: 36px; padding: 0 20px; font-weight: 500; } ul.mainProductsSlider { margin-bottom: 10px; } .revSlider.rsMain { display: block; position: relative; margin: -15px 5px 30px; } .revSlider.rsMain .revItems { margin: 0 -5px; } .revSlider.rsMain .revItem { margin: 0 5px; display: flex; flex-direction: column; align-items: CENTER; justify-content: center; height: 70px !important; padding: 10px; } .revSlider.rsMain .revItem> .revLogo { display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; padding: 10px; box-sizing: border-box; border: 0; width: initial; } .revSlider.rsMain .revItem> .revLogo img { max-width: 100px; max-height: 50px; height: auto; height: initial; width: 100%; } .revSlider.rsMain .slick-initialized .slick-slide.revItem { display: flex; } @media screen and (max-width: 1024px) { .revSlider.rsMain .revSlider { display: block; position: relative; margin: 20px 0 30px; padding: 0 20px; } } .subsForm { display: flex; position: relative; justify-content: space-between; align-items: center; margin: 0 0 50px; background: #F8F4FB; border-radius: 8px; padding: 20px 50px; margin: 0 -20px; border-radius: 0; } .subsFormLeft { display: flex; align-items: CENTER; } .subsFormLeft svg { margin: 0 25px 0 0; } .sflText { display: flex; flex-direction: column; position: relative; font-size: 14px; color: #666; } .sflText b { display: block; font-family: 'Comic Sans MS', sans-serif; font-size: 18px; font-weight: 400; color: #7c0cd4; margin: 0 0 4px; } .subsFormRight { display: block; position: relative; width: 400px; height: 40px; } .subsFormRight form { width: 100%; height: 100%; position: relative; } .subsFormRight form input[type="email"] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 0 13px; border-radius: 8px; border: 1px solid #e6dfeb; font-size: 13px; font-style: normal; } .subsFormRight form button { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; cursor: pointer; border: 0; background: transparent; width: 40px; height: 40px; } .subsFormRight form button svg { height: auto; width: 20px; } .subsFormRight form button:active { opacity: 0.5; } .sform_error { position: absolute; display: block; top: calc(100% + 5px); right: 0; font-size: 11px; color: red; } .subsFormRight p.success { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 13px; font-weight: 500; color: #12b92c; } .subsForm.subsFormProfile { flex-direction: column; padding: 20px; margin: 0; } .subsForm.subsFormProfile .subsFormLeft { margin: 0 0 20px; } .mainSeotext { display: flex; flex-wrap: wrap; position: relative; margin: 30px 0 0; justify-content: space-between; align-items: flex-start; } .mainSeotext> .msText { display: flex; flex-direction: column; position: relative; align-items: flex-start; width: calc(100% - 320px); } .mainSeotext> .msImage { display: flex; align-items: center; justify-content: center; } .msTextHide { display: none; } .msText h1 { display: block; margin: 0 0 20px; font-size: 36px; font-weight: bold; color: #222; } .msText p { display: block; margin: 0 0 15px; } .msText { font-size: 14px; font-weight: 400; color: #555555; line-height: 22px; } a.cbtn.msTextShow { height: 38px; padding: 0 15px; } .msText h2, .msText h3 { font-family: 'Comic Sans MS'; display: block; margin: 15px 0 15px; font-weight: 400; color: #222; } .nadFooter { display: block; position: relative; margin: 50px 0 50px; background: url(/images/footermap.webp) center no-repeat; background-size: cover; display: flex; flex-wrap: wrap; padding: 80px 50px 65px; overflow: hidden; border-radius: 8px; margin: 50px -20px 0; border-radius: 0; } .nadFooter::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); } .nfooterItem { display: flex; flex-direction: column; position: relative; z-index: 1; text-align: right; margin: 0 0 0 40px; color: #fff; text-shadow: 0px 1px 3px rgb(0 0 0 / 63%); } .nfooterItem.first { flex-grow: 1; text-align: left; margin: 0; } .nfooterItem> b { display: BLOCK; font-size: 21px; font-weight: 500; margin: 0 0 10px; } .nfooterItem> b> a { color: #fff; border: 0; } .nfooterItem> span { display: block; font-size: 12px; font-weight: 400; } .nfooterItem> span> a { display: block; color: #fff; border: 0; } .nfooterLinks { margin: 30px 0 0; display: flex; align-items: center; margin: 30px -5px 0; } .nfooterLinks> a { display: flex; align-items: center; margin: 0 5px; background: #fff; border: 0; padding: 0 15px; height: 36px; font-size: 13px; border-radius: 8px; font-weight: 400; text-shadow: none; color: #444; transition: all 0.1s; } .nfooterLinks> a:hover { opacity: 0.6; } .nfooterLinks> a> svg { margin: 0 5px 0 0; height: auto; width: 16px; } /************************************************** Modal ************************************************/ .text_cont .smodalContent a { background: initial; background-image: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; -webkit-text-fill-color: initial; } .sform { display: flex; position: relative; opacity: 0; animation: fadeInLeft .5s ease-in-out .9s forwards; } .sform a { border: 0; } .sform> form { display: block; position: relative; width: 500px; height: 66px; } .sform> form> input { -webkit-appearance: none; border: 0; width: 100%; height: 100%; border-radius: 100px; padding: 2px 200px 0 30px; font-size: 15px; box-shadow: 0px 20px 44px 0px rgb(45 41 80 / 10%); background: #fff; } .sform> form> button { width: 190px; position: absolute; top: 5px; right: 5px; } .sform> form> input::placeholder { color: #eeeeee; } .sform> form> input:disabled { background: linear-gradient(45deg, #eeffed 30%, #fff 100%); } .sform> form> .error, .sform> .error { display: block; position: absolute; top: calc(100% + 10px); left: 0; right: 0; background: rgb(255 64 64 / 29%); border-radius: 6px; padding: 15px; color: #563838; font-size: 13px; margin: 0 0 20px; } .sform> .error { position: relative; top: initial; } #smodal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.8); z-index: 99999; } .smodal { display: flex; position: absolute; width: 100%; height: 100%; padding: 50px 0; max-height: 100vh; overflow-y: overlay; align-items: baseline; justify-content: center; -webkit-overflow-scrolling: touch; } .smodalContent { display: flex; width: calc(100% - 40px); max-width: 600px; background: #fff; margin: auto; padding: 25px 50px; flex-direction: column; position: relative; box-shadow: 0px 10px 100px -30px rgb(78 0 232 / 37%); align-items: center; border-radius: 6px; } .maxModal { display: block; position: relative; min-width: 100%; } .smodal.Contact .maxModal { max-width: 360px; width: 100%; } .smodalContent a.smodalClose { display: flex !important; width: 32px; height: 32px; align-items: center; justify-content: center; position: absolute; top: 17px; right: 17px; z-index: 1; border-radius: 100%; background-color: #d5d5d5; transition: background-color 0.1s; opacity: 0; animation: fadeInRight .5s ease-in-out .5s forwards; } a.smodalClose:hover { background-color: var(--brand); } .smodalContent> .maxModal> .title { display: block; font-weight: 600; font-size: 18px; margin: 0 0 20px; opacity: 0; animation: fadeInLeft .5s ease-in-out .3s forwards; } .sform { display: flex; flex-direction: column; position: relative; opacity: 0; animation: fadeInLeft .5s ease-in-out .5s forwards; } .sform> .item, .sform> .itemSwitcher, .sform> .itemCheckbox, .sform> .itemButton { display: flex; flex-direction: column; margin: 0 0 20px; } .sform> .itemButton:last-child { margin: 0; } .sform> .item:last-child { margin: 0; } .sform> .item:only-child { margin: -15px 0 0; } .sform> .item> label { display: block; font-weight: 400; font-size: 14px; margin: 0 0 7px; color: #444444; } .sform> .item> label span.required { color: #ff6767; } .sform> .item> input[type="text"], .sform> .item> input[type="tel"], .sform> .item> select, .sform> .item> input[type="password"], .sform> .item> input[type="email"], .sform> .item> textarea { width: 100%; height: 46px; border: 0px; border: 1px solid #d5d5d5; transition: border-color 0.15s; font-weight: 400; font-size: 14px; color: #444444; border-radius: 0; padding: 0px 15px; border-radius: 6px; background: #fdf8fc; font-style: normal; } .sform> .item> input[type="text"]::placeholder, .sform> .item> input[type="tel"]::placeholder, .sform> .item> input[type="password"]::placeholder, .sform> .item> input[type="email"]::placeholder, .sform> .item> textarea::placeholder { color: #afafaf; text-align: left; font-weight: 400; font-size: 14px; padding: 0; } .sform> .item> input[type="text"]:focus, .sform> .item> input[type="tel"]:focus, .sform> .item> select:focus, .sform> .item> input[type="password"]:focus, .sform> .item> input[type="email"]:focus, .sform> .item> textarea:focus { border-color: var(--brand); } .sform> .item> textarea { padding: 15px; min-height: 90px; } p.cinfo { display: block; position: relative; padding: 15px; margin: 0 0 20px; background: #e6e2ff; border-radius: 8px; font-size: 14px; line-height: 19px; font-weight: 400; } .sform> .itemSwitcher { display: flex; width: 100%; background: #fdf8fc; border-radius: 3px; position: relative; padding: 2px; flex-direction: row; height: 40px; } .sform> .itemSwitcher> label { display: flex; width: 50%; cursor: pointer; } .sform> .itemSwitcher> label> input { display: none; } .sform> .itemSwitcher> label> span { font-size: 14px; color: #999999 !important; transition: all 0.15s; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: 6px; } .sform> .itemSwitcher> label:hover> input:not(:checked) + span { color: var(--brand); } .sform> .itemSwitcher> label> input:checked + span { background-color: #fff; box-shadow: 0px 6px 12px -4px rgb(0 0 0 / 13%); color: #000 !important; } .sform> .item> .beforeSelect { width: 100%; height: 40px; position: relative; border-radius: 3px; background: #fdf8fc; border: 1px solid #d5d5d5; } .beforeSelect::before { content: ''; display: block; width: 12px; height: 12px; position: absolute; right: 10px; top: calc(50% - 6px); background: url('/images/select.svg') center no-repeat; } .beforeSelect> select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; cursor: pointer; -webkit-appearance: none; background: transparent; font-size: 16px; color: #444444; text-align: left; padding: 0 10px; font-size: 14px; } .beforeSelect> select option { color: #444444; text-align: left; font-size: 14px; } .sform> .itemCheckbox> label { display: block; position: relative; cursor: pointer; } .sform> .itemCheckbox> label> input { display: none; } .sform> .itemCheckbox> label> span { display: block; position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 13px; line-height: 15px; color: #999999; } .sform> .itemCheckbox> label> span a { font-size: 13px; color: var(--brand); text-decoration: underline; } .sform> .itemCheckbox> label> span a:hover { color: #444; } .sform> .itemCheckbox> label> span::before, .sform> .itemCheckbox> label> span::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 2px; border: 1px solid #d5d5d5; transition: all 0.15s; } .sform> .itemCheckbox> label> span::after { border: 0px; background: url('/images/check.svg') center no-repeat; opacity: 0; } .sform> .itemCheckbox> label> input:checked + span::before { border-color: transparent; background-color: var(--brand); } .sform> .itemCheckbox> label> input:checked + span::after { opacity: 1; } .sform> .itemButton { align-items: center; } .sform> .item.forgot { margin-top: -10px; padding-bottom: 10px; font-size: 14px; } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } } #imodal, #imodal * { box-sizing: border-box; } #imodal { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; text-align: left; } .imodal { display: flex; width: 100%; height: 100%; align-items: baseline; justify-content: center; overflow: auto; max-height: 100%; padding: 40px 0; background: linear-gradient(45deg, rgb(67 44 228 / 82%) 0%, rgb(78 57 229 / 51%) 100%); cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABa1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+kjy6FAAAAeHRSTlMABhkYAdMWFdfS+hNJyvnth4YH/UqnZ4WI+FTr9/US/KryJFbDzCyzLrAMUkjsU0uEG7tlEe7W2Ef2RgsKqMbJ+4FqllDxuB3HeeSrz3hZ0WnQd+PidlzhpOom875MlFGyK7HZLQ1Vg1sjayIcTxpsHkSmaLqXZFdShrvvAAACQElEQVRIx9WWVXfjMBCF5W2cZO0wYwNtk7ThpMzMzLjMzHt//ua0ji1bhp59q55GI3+WdGdGEiEPpw2FYsWxEUEYcT7zuYasv7fVt+KgWiobspkTfTyQmY2WC8McN1yo+deDwF7CBLi8Bs5OmrSreXgMtPJGxOkVLtqc1stFksjt6u/CB5z36o2IYeCtzo5svyG0jeaPCFhiGT/SLuNdhtJoaH1/IbjMpPzuwalGqyv8MZc/gpxKN9s1zq2CHMYvVQRx0WuFiFXUqEl4tK1zaR8Himp1nMkR7B+w09/ZB/q7ZuAIikJbOJFtN3iKsfNwy50dzHTN1/HMF9nveAznI7rTIw+tBVNTkunCLLUUilEThMxhXLJiiBI9RksQH/ySVcRTosMwBElgULJe4jlhGZYgr+CULC+0cewIxfMq6e5+haRkecDUVYdhCRJA3BjprIrSmkX+Y2FjKLDb71HF9K6V5O0XUWYJTR7ctjeyyEqE1DFnGCXmFazrESzjxmT3EE5lmkQ3E9XMt+DEdNfO4vA+yb+BsHLk4Pg+JbaJilLIe/hpXchfsU0dfzUkRSvC4cUy3W/hhxWSxaqqn88hYk4sYuW95i5CZtmMqM/jndbXQDpkTNykscBeFksQDNe2OI8neldSAwjr6ubIQmeO27abQ3WfqbbABy9W+ozmz7eAo51PtGttYxNY/WgiTPkACM75EiWR48RSIubuXOLbny2eCq6ZFP1UmAhXbNa5NDXufzHq9Xiqo4PRyekH9JL6Bz3ae53SF4bAAAAAAElFTkSuQmCC'), pointer; -webkit-overflow-scrolling: touch; } .cmodal { display: none; position: relative; z-index: 2; width: fit-content; max-width: 600px; background: #fff; margin: auto; color: #555; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 50px; cursor: initial; border-radius: 6px; box-shadow: 0px 30px 120px -45px rgb(53 0 86 / 75%); min-width: 460px; } .cmodal.couponView { width: 100%; max-width: 800px; padding: 0; } .modalTitle { display: flex; flex-direction: column; margin: 0 0 20px; opacity: 0; animation: fadeInLeft .5s ease-in-out .25s forwards; } .modalTitle> img { max-width: 140px; max-height: 80px; margin: 0 0 15px; } .modalTitle> span { display: block; font-size: 20px; font-weight: 500; color: #000; } .modalBodyText { display: block; } .modalBodyText .table-responsive { min-height: 0.01%; overflow-x: auto; } .modalBodyText .table-responsive table {width: max-content;border-collapse: collapse;} .modalBodyText .table-responsive table td { border: 1px solid; } .modalBodyText> p { display: block; margin: 0 0 15px; } .modalBodyText> p:last-child { margin: 0; } a.mclose { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 32px; z-index: 99; border: 0; opacity: 0; animation: fadeInRight .5s ease-in-out .5s forwards; } a.mclose svg { width: 30px; height: 30px; fill: transparent; stroke: var(--brand); stroke-width: 28px; } .jsModal .sad { display: flex; flex-direction: COLUMN; align-items: center; text-align: center; font-size: 15px; line-height: 22px; } .jsModal .sad> img { width: 90px; margin: 0 0 15px; } .sortabc a { font-size: 14px; font-weight: 600; } .uk-button { border-radius: 6px; } .input-file-row { display: block; position: relative; } .input-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } label.input-file { cursor: pointer; display: inline-flex; } label.input-file span.btn.ybtn { padding: 14px 30px; border-radius: 8px; border: 0; } .input-file-list { position: relative; flex-direction: column; display: flex; } .input-file-list-item { display: flex; align-items: center; flex-wrap: wrap; position: relative; margin: 15px 0 0; font-size: 14px; font-weight: 400; color: #000; } .input-file-list-item:last-child { margin-bottom: 10px; } .input-file-list-item:first-child { margin-top: 25px; } .input-file-list-item:only-child { margin: 25px 0 10px; } .input-file-list-item> a { margin: 0 0 0 5px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; background: #ffc1c1; border-radius: 100%; color: #000; font-size: 11px; font-weight: 500; } /****************** ProductPage *********************/ .centroProduct, .centroProduct * { box-sizing: BORDER-BOX; } .centroProduct img { border: 0; outline: 0; max-width: 100%; max-height: 100%; width: auto; } .centroProduct { display: flex; position: relative; width: 100%; margin: 0 0 40px; padding: 30px 0 0; flex-wrap: wrap; } .centroProduct a { border: 0; } .block_sl { display: flex; width: 100%; position: relative; flex-wrap: wrap; } .centroProductLeft { display: block; width: 540px; margin: 0 30px 0 0; position: relative; } .centroProductLeftMini { width: 100px; display: block; position: relative; margin: 0 20px 0 0; } .centroProductRight { display: BLOCK; position: relative; width: calc(100% - 570px); } .centroProductLeftBig { display: block; position: RELATIVE; width: calc(100% - 120px); display: flex; flex-direction: column; } .cpSliderMini.slick-vertical .slick-slide { border: 0; } .cplmItem { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100%; height: 100px; margin: 5px 0; border-radius: 8px; padding: 10px; border: 1px solid #e1e1e1; box-shadow: 0px 1px 6px rgb(0 0 0 / 11%); transition: all 0.15s; } button.slick-arrow.slick-verical { background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 14px 0px rgb(255 255 255 / 25%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); width: 100%; height: 28px; position: relative; left: initial; border-radius: 8px; top: initial; right: initial; margin: 0; } button.slick-prev.slick-arrow.slick-verical { left: initial; transform: none; margin: 0 0 5px; padding: 0 0 2px 0; } button.slick-arrow.slick-verical svg { width: 18px; fill: #000 !important; } button.slick-prev.slick-arrow.slick-verical svg { transform: rotate(-90deg); } button.slick-next.slick-arrow.slick-verical { right: initial; transform: none; margin: 5px 0 0; } button.slick-next.slick-arrow.slick-verical svg { transform: rotate(90deg); } button.slick-arrow.slick-verical:hover { color: #523d00; box-shadow: inset 0px 14px 0px rgb(255 255 255 / 20%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 30px -5px rgb(254 185 4 / 93%); } .cpSliderMini .slick-list { margin: 0 -5px; padding: 0 5px; } .slick-current .cplmItem { border-color: var(--brand); box-shadow: 0px 1px 6px rgb(115 0 255 / 30%); } .cplmItem:hover { border-color: #ababab; } .cplmItem img { border-radius: 8px; } .cpSliderBig .slick-slide { height: 100%; } .cpSliderBig .slick-track { height: 100%; } .cpSliderBig .slick-list { height: 100%; } .cpSliderBig { height: 468px; } .cplbItem { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border: 1px solid #f1f1f1 !important; border-radius: 8px; padding: 10px; } .cplbItem img { vertical-align: bottom; display: block; position: relative; border-radius: 8px; } .comparesButtons { display: flex; width: 100%; height: 28px; margin: 10px 0 0; align-items: center; justify-content: center; } .comparesButtons.mbv { display: none; } .comparesButtons .podelBlock { font-size: 13px; margin: 0; } .centroProductRight h1 { display: block; margin: -10px 0 20px; font-size: 28px; font-family: 'Roboto', sans-serif; font-weight: 500; } .h1haractiristics { display: flex; position: relative; flex-wrap: wrap; margin: 0 0 5px; } .h1haractiristics> span { display: block; position: relative; padding: 0 0 0 15px; margin: 0 15px 15px 0; font-size: 12px; font-weight: 400; color: #666; } .h1haractiristics> span::before { content: ''; display: block; position: absolute; top: 1px; left: 0; width: 10px; height: 10px; border-radius: 100%; background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 22px 0px rgb(255 255 255 / 25%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); } .topPrice { display: flex; flex-wrap: wrap; position: relative; margin: 0 0 20px; } .topPrice> span { margin: 0 20px 0 0; font-size: 24px; font-weight: 500; color: var(--brand2); } .topPrice> span:only-child { margin: 0; } .topPrice> span> span { font-weight: 600; } .variantsBlock { display: flex; flex-direction: column; position: relative; background: linear-gradient(270deg, #9209ff 0%, #7d00df 100%); border-radius: 8px; box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 10px 22px -7px rgb(127 1 226 / 49%), inset 0px 15px 25px rgb(255 255 255 / 17%); padding: 5px; z-index: 10; } .vbItem { display: flex; flex-direction: column; position: relative; background: #fff; border-radius: 8px; box-shadow: 0px 1px 5px rgb(0 0 0 / 35%); padding: 15px; } .vbItem.labelsList> label { display: flex; align-items: flex-end; justify-content: space-between; position: relative; margin: 0 0 15px; font-size: 14px; font-weight: 400; cursor: pointer; } .vbItem.labelsList> label> input { display: none; } .vbItem.labelsList> label:last-child { margin: 0; } .vbItem.labelsList> label> span { display: block; z-index: 2; position: relative; background: #fff; padding: 0 6px 0 24px; } .vbItem.labelsList> label> span::before, .vbItem.labelsList> label> span::after { content: ''; display: block; width: 14px; height: 14px; border: 1px solid #d2bbe5; position: absolute; top: 0; left: 0; border-radius: 5px; transition: all 0.15s; background: #fbf5ff; } .vbItem.labelsList> label> span::after { opacity: 0; background: linear-gradient(180deg, #9209ff 0%, #7d00df 100%); box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 3px 8px -1px rgb(127 1 226 / 44%), inset 0px 15px 25px rgb(255 255 255 / 17%); width: 10px; height: 10px; margin: 3px 0 0 3px; border: 0; border-radius: 3px; } .vbItem.labelsList> label> input:checked + span::after { opacity: 1; } .vbItem.labelsList> label> input:checked + span::before { border-color: var(--brand2); } .vbItem.labelsList> label> b { font-weight: 400; color: #ababab; transition: all 0.15s; z-index: 2; position: relative; background: #fff; padding: 0 0 0 6px; white-space: nowrap; } .vbItem.labelsList> label::before { content: ''; display: block; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 1px dotted #dbdbdb; } .vbItem.labelsList> label:hover> b { color: #555; } .vbItem.labelsList> label input:checked ~ b { color: #000; } span.getInfoGame { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 100%; line-height: initial; font-size: 12px; margin: 0 0 0 5px; background: linear-gradient(90deg, #7300fe 0%, #9a00ff 100%); box-shadow: inset 0px 4px 0px rgb(255 255 255 / 12%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 3px 9px -1px rgb(133 0 254 / 62%); color: #fff; text-shadow: 0px 1px 4px rgb(0 0 0 / 59%); font-weight: 500; } .vbItem.labelsList> label::before { content: ''; display: block; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 1px dotted #dbdbdb; } .variantsBlock> h3 { display: block; margin: 30px 0 10px; font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 4px rgb(0 0 0 / 39%); padding: 0 0 0 15px; } .setGameDesctiption { display: none; position: absolute; z-index: 100; left: 0; top: calc(100% + 10px); background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0px 5px 25px rgb(0 0 0 / 23%); font-size: 14px; line-height: 22px; color: #555; cursor: default; opacity: 0; animation: fadeInUp .2s ease-in-out 0s forwards; } span.sgdClose { position: absolute; cursor: pointer; top: 0; right: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 32px; z-index: 99; border: 0; } span.sgdClose svg { width: 30px; height: 30px; fill: transparent; stroke: var(--brand); stroke-width: 28px; } .centroProductRight h1 { opacity: 0; animation: fadeInRight .5s ease-in-out 0s forwards; } .h1haractiristics, .topPrice { opacity: 0; animation: fadeInRight .5s ease-in-out 0.1s forwards; } .centroProductLeftMini { opacity: 0; animation: fadeInLeft .5s ease-in-out 0.1s forwards; } .centroProductLeftBig { opacity: 0; animation: fadeInLeft .5s ease-in-out 0.2s forwards; } .variantsBlock { opacity: 0; animation: fadeIn .5s ease-in-out 0s forwards; } .variantsBlock> *:nth-child(1) { opacity: 0; animation: fadeInRight .5s ease-in-out 0.2s forwards; z-index: 30; } .variantsBlock> *:nth-child(2) { opacity: 0; animation: fadeInRight .5s ease-in-out 0.3s forwards; z-index: 29; } .variantsBlock> *:nth-child(3) { opacity: 0; animation: fadeInRight .5s ease-in-out 0.4s forwards; z-index: 28; } .variantsBlock> *:nth-child(4) { opacity: 0; animation: fadeInRight .5s ease-in-out 0.5s forwards; z-index: 27; } .variantsBlock> *:nth-child(5) { opacity: 0; animation: fadeInRight .5s ease-in-out 0.6s forwards; z-index: 26; } .centroItogo { display: flex; justify-content: space-between; margin: 30px 0 0; } .productDopLinks { display: flex; flex-wrap: wrap; margin: 30px 0 0; justify-content: space-between; } .centroItogo> span:not(.openmodal) { display: flex; align-items: center; font-size: 27px; color: #222; } .centroItogo> span> b { font-weight: 500; margin: 0 8px 0 0; } .centroItogo> span> span { font-weight: 500; } .centroItogo> span> span> span { font-weight: 700; color: #000; } .centroItogo> span.openmodal { font-size: 18px; height: 54px; padding: 0 40px; color: #000; } .productDopLinks> a { display: block; position: relative; padding: 0 0 0 15px; margin: 0 15px 15px 0; font-size: 13px; font-weight: 400; } .productDopLinks> a::before { content: ''; display: block; position: absolute; top: 1px; left: 0; width: 10px; height: 10px; border-radius: 100%; background: linear-gradient(180deg, #f1df21 0%, #ffb400 100%); box-shadow: inset 0px 22px 0px rgb(255 255 255 / 25%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 10px 20px -5px rgb(254 185 4 / 53%); } .centroProductAll, .centroProductAll * { box-sizing: border-box; } .centroProductAll a { border: 0; } ul.jTabs { display: flex; flex-wrap: WRAP; position: relative; border: 1px solid #ebebeb; border-radius: 8px; padding: 10px 10px 0; box-shadow: 0px 1px 10px rgb(0 0 0 / 8%); margin: 0px -10px 30px; } ul.jTabs> li { margin: 0 10px 10px 0; } ul.jTabs> li> a { display: block; padding: 2px; font-size: 14px; font-weight: 500; } ul.loginTabs.jTabs { padding: 0; margin: 0 -5px 15px; justify-content: space-between; border: 0; box-shadow: none; } ul.loginTabs.jTabs> li { margin: 0 5px; flex: 1 1 auto; } ul.jTabs> li> a> span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 2px 20px 0; background: #fff; border-radius: 8px; transition: all 0.15s; } ul.jTabs> li.active> a> span { background: transparent; text-shadow: 0px 1px 1px #f6e053; } .context { font-size: 14px; display: block; color: #444; position: relative; line-height: 22px; font-weight: 400; } .context p, .context ul, .context ol { font-size: 14px; line-height: 22px; } .context p { display: block; position: relative; padding: 0px 0px 15px; margin: 0px; } .context> p:first-child { margin-top: -10px; } .context> p:last-child { margin-bottom: 0px; padding-bottom: 0px; } .context p.start { font-size: 22px; line-height: 30px; color: #000; } .context p b { color: #222; } .context h2 { font-size: 22px; font-weight: 500; margin: 0px 0px 20px; } .context p + h2 { margin: 20px 0px 20px; } .context h3 { font-size: 19px; font-weight: 500; margin: 0px 0px 15px; } .context p + h3 { margin: 15px 0px 15px; } .context h4 { font-size: 19px; font-weight: 600; margin: 0px 0px 15px; display: block; } .context p + h4 { margin: 15px 0px 15px; } .context ul { margin: 0px; padding: 0px 0px 15px 0px; } .context h4 + ul { padding: 8px 0px 15px 0px; } .context ul li { display: block; position: relative; margin: 0px; padding: 0 0 10px 20px; } .context ul li::before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 6px; left: 0px; background: #FEC000; border-radius: 100px; } .context ol { margin: 0px; padding: 0px 0px 15px 0px; counter-reset: myCounter; } .context h4 + ol { padding: 8px 0px 15px 0px; } .context ol li { display: block; position: relative; list-style: none; margin: 0px; padding: 0px 0px 15px 30px; } .context ol li::before { counter-increment: myCounter; content: counter(myCounter)'.'; position: absolute; top: 0px; left: 0px; color: #FEC000; } .context blockquote { display: block; position: relative; margin: 0 0 30px; padding: 30px 30px 32px; font-size: 22px; box-shadow: 0 15px 25px -10px rgb(254 175 0 / 61%); background: linear-gradient(to right,#ffa600,#fec000); color: #000; border-radius: 6px; } .context blockquote> p:last-child { padding: 0; } .context img { border-radius: 8px; width: auto; max-width: 100%; max-height: 100%; height: auto; } .context img[align="left"] { float: left; margin: 0 15px 15px 0 !important; position: relative; bottom: -4px; max-width: 400px; } .content_slider { display: block; position: relative; margin: 0px 0px 30px; } button.white.conslider.slick-arrow { top: initial; bottom: 32px; } button.white.conslider.prev { left: 30px; } button.white.conslider.next { right: 30px; } .content_slider .item { position: relative; } .content_slider .item> .text { display: flex; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; justify-content: center; align-items: flex-end; overflow: hidden; } .content_slider .item> .text> span { display: block; position: relative; z-index: 1; color: #fff; font-size: 17px; line-height: 26px; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.52); padding: 30px 90px 30px; background: linear-gradient(to top, rgba(0, 0, 0, 0.43) 0%,rgba(0,0,0,0) 100%); width: 100%; text-align: CENTER; } .context center { display: block; padding: 0px 0px 15px; } .context table { width: 100%; min-width: 700px; position: relative; border-collapse: collapse; } .context table tr td, .context table tr th { border: 1px solid #DDDDDD; font-size: 19px; font-weight: 400; color: #666; padding: 12px 20px; } .context table tr th { text-align: left; background: #F0F0F0; color: #333; } .stable { display: block; position: relative; margin: 0px 0px 30px; max-width: 100%; overflow-x: overlay; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .stable.scroll { padding: 0px 0px 20px; } .stable.scroll::-webkit-scrollbar { height: 10px; background: #F0F0F0; } .stable.scroll::-webkit-scrollbar-thumb { background: #CACACA; } .shadow_stable { display: block; position: relative; } .shadow_stable.scroll { overflow: hidden; } .shadow_stable.scroll::after { content: ''; display: block; width: 15px; top: 0px; right: -15px; background: #f7f7f7; position: absolute; bottom: 50px; box-shadow: 0px 0px 40px 25px #f7f7f7; transition: all 0.2s; opacity: 1; } .shadow_stable.scroll.hidescroll::after { opacity: 0; } .hiddentext { display: block; position: relative; margin: 0px 0px 15px; } .hiddentext> p.hide { display: none; } .hiddentext> p.hide + a { display: inline-block; font-size: 19px; font-weight: 400; color: #FEC000; border-bottom: 1px dotted; margin: -5px 0px 10px; } .slideshow { display: block; position: relative; margin: 0px -17px 30px; } .slideshow .item { margin: 0px 17px; } .slideshow .item> a { display: block; position: relative; } .slideshow .item> a> img { min-width: 100%; z-index: 1; } .slideshow .item> a::before { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(107 12 81 / 81%); z-index: 2; transition: all 0.2s; opacity: 0; } .slideshow .item> a::after { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/css/../images/lupa.png) center no-repeat; z-index: 3; transition: all 0.2s; opacity: 0; } @media(hover) { .slideshow .item> a:hover::before, .slideshow .item> a:hover::after { opacity: 1; } } button.sshow.prev, button.sshow.next { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA8CAMAAAA5W+hcAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMAARYaIjIzODlBQmJjbm9wdnd8fX6AgYKDiIqMjY6PkJiZmu7w8fL1/f5CplXwAAAAlklEQVR4Ad3WyQ6CUAyF4YPzPOOsqIhK3/8BNdGyuz0kornwr7+cVReFXQO04HLvcSOiyjIv1TXNWYSqrXy61tiOyKP/c3PKYaLCzcBpjtygqubgmdn/0YRq0qHT7AraCaIMjeBuLdoM4Aebjr/dyqlWpVbLTM0rq0Lv1cIrtVF0qxtq+jZxE2AqbgFMJW2wJkmHGn1DnsUbV8mrHxKIAAAAAElFTkSuQmCC') center no-repeat; background-size: 12px; display: block; position: absolute; background-color: #000; width: 27px; height: 38px; cursor: pointer; border: 0px; z-index: 1; transition: all 0.1s; opacity: 0.5; top: calc(50% - 19px); } button.sshow.prev { left: 27px; } button.sshow.next { right: 27px; transform: scale(-1, 1); } @media(hover) { button.sshow.prev:hover, button.sshow.next:hover { opacity: 1; } } .context .postimg { display: block; margin: 0 0 30px; } .mopis { display: flex; flex-wrap: wrap; position: relative; } .mopis_left { width: 370px; } .mopis_right { width: calc(100% - 370px); padding: 0 0 0 50px; } .centroProdctContents .features_block> ul> li { width: calc(50% - 40px); margin: 0 20px 20px; } .centroProdctContents .features_block> ul { flex-direction: row; flex-wrap: wrap; margin: 0 -20px; } .videoProductSlider { margin: 0 -5px; } a.videoItem { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; overflow: hidden; border-radius: 8px; } a.videoItem::after { display: BLOCK; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 17%); border-radius: 8px; } a.videoItem> img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; width: 0; min-width: 100%; min-height: 100%; transition: 3s linear; transform: scale(1); } a.videoItem:hover> img { transform: scale(1.2); } a.videoItem::before { content: ''; display: block; padding-top: 54.5%; } .cbtn span + svg { margin: 0 0 0 10px; } .notReviews { display: block; margin: 0 0 20px; padding: 10px 0 0; } .blockInfo { display: block; position: relative; padding: 17px 15px 15px 60px; background: #fcf7ff; border: 1px solid #eed3ff; border-radius: 8px; font-size: 13px; color: #333; font-weight: 400; min-height: 70px; display: flex; align-items: center; } .blockInfo svg { position: absolute; left: 15px; width: 32px; height: auto; height: 32px; top: calc(50% - 16px); } .blockInfo svg path { fill: #7604bb; } .rating-area { overflow: hidden; width: auto; margin: 0 0 0; } .rating-area:not(:checked) > input { display: none; } .rating-area:not(:checked) > label { float: right; width: 26px; padding: 0; cursor: pointer; font-size: 32px; line-height: 32px; color: lightgrey; text-shadow: 1px 1px #bbb; margin: 0 10px 0 0; } .rating-area:not(:checked) > label:before { content: '★'; } .rating-area > input:checked ~ label { color: gold; text-shadow: 1px 1px #c60; } .rating-area:not(:checked) > label:hover, .rating-area:not(:checked) > label:hover ~ label { color: gold; } .rating-area > input:checked + label:hover, .rating-area > input:checked + label:hover ~ label, .rating-area > input:checked ~ label:hover, .rating-area > input:checked ~ label:hover ~ label, .rating-area > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod; } .rate-area > label:active { position: relative; } .rating-area > input:first-child + label {margin: 0 !important;} .addrating { display: flex; } .reviewsList { display: flex; flex-direction: column; position: relative; padding: 40px 0 0; } .rwlItem { display: flex; flex-direction: column; position: relative; margin: 0 0 50px; border-bottom: 1px dotted #dfdfdf; padding: 0 0 50px; align-items: flex-start; } .rwlItem:last-child { margin: 0; padding: 0; border: 0; } .rwlItemHeader { display: flex; flex-wrap: wrap; position: relative; align-items: CENTER; margin: 0 0 0px; width: 100%; } .rwlItemUserO { display: FLEX; align-items: center; justify-content: center; margin: 0 15px 0 0; width: 50px; height: 50px; background: #f4ecfd; border-radius: 100%; font-size: 24px; font-weight: 900; color: #fff; text-shadow: 0px 2px 5px rgb(0 0 0 / 9%); } .rwlItemUserName { display: flex; align-items: center; flex-grow: 1; font-size: 15px; font-weight: 500; } .rwlItemRatingDate { display: flex; align-items: center; position: relative; } .rwlItemRating { display: flex; align-items: center; padding: 0 15px; position: RELATIVE; } .rwlItemDate { font-size: 12px; color: #999; font-weight: 300; } .rwlItemText, .rwlItemOtvet {display: block;font-size: 14px;color: #444;position: relative;line-height: 22px;font-weight: 400;padding: 0 0 0 65px;width: 100%;} .rwlItemOtvet { display: inline-block; position: relative; margin: 10px 0 0 65px; padding: 15px 30px; border-radius: 0 8px 8px 8px; width: initial; background: linear-gradient(270deg, #9209ff 0%, #7d00df 100%); box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 10px 22px -7px rgb(127 1 226 / 49%), inset 0px 15px 25px rgb(255 255 255 / 17%); color: #fff; text-shadow: 0px 1px 4px rgb(0 0 0 / 36%); } .rwlItemText { } .rwlItemOtvet> b.adm { display: block; font-weight: 500; } .rwlItemPhotos { display: flex; margin: 15px -5px -10px 60px; flex-wrap: wrap; position: relative; } .rwlItemPhotos> a { display: flex; align-items: CENTER; justify-content: center; width: 100px; height: 100px; overflow: hidden; border-radius: 8px; margin: 0 5px 10px; position: relative; } .rwlItemPhotos> a> img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; width: 0; min-width: 100%; min-height: 100%; transition: 2s linear; transform: scale(1); } .rwlItemPhotos> a::after { display: BLOCK; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 17%); border-radius: 8px; } .rwlItemPhotos> a:hover> img { transform: scale(1.2); } .rating-mini { display: inline-block; font-size: 0; } .rating-mini span { padding: 0; font-size: 20px; line-height: 1; color: lightgrey; } .rating-mini > span:before { content: '★'; } .rating-mini > span.active { color: gold; } .centroProdctContents { margin: 0 0 100px; } /****************** END ProductPage *********************/ .prevlinkn { display: block; margin: 0 0 30px; } .prevlinkn a.cbtn { font-size: 13px; height: 40px; } .eislogos { display: flex; justify-content: space-between; position: relative; margin: 0 0 30px; } .eislogos> .eisitem { display: flex; align-items: center; justify-content: center; flex: 1 1 0; padding: 0 10px; } .eislogos> .eisitem> img { height: auto; width: 100%; max-width: 60px; } .dynamic_podmenu_bg { display: block; width: 100%; position: relative; overflow-y: hidden; padding: 0; background: #fbf7ff; border: 1px solid #f7edff; box-sizing: border-box; border-radius: 8px; overflow-x: overlay; padding: 0 5px; margin: -15px 0 30px; } .dynamic_podmenu_bg::-webkit-scrollbar { width: 5px; height: 5px; background: transparent; } .dynamic_podmenu_bg::-webkit-scrollbar-thumb { background: rgb(171 84 255 / 0%); border: 0; border-radius: 10px; } .dynamic_podmenu_bg::-webkit-scrollbar-track-piece { background: transparent; } .dynamic_podmenu_bg::before { display: block; position: absolute; top: 0; left: 0; height: calc(100% - 10px); background: #fbf7ff; border: 1px solid #f7edff; box-sizing: border-box; border-radius: 8px; right: 0; } .dynamic_podmenu_bg, .dynamic_podmenu_bg * { box-sizing: border-box; } .dynamic_podmenu_new { display: flex; position: relative; z-index: 10; padding: 10px 0; white-space: nowrap; width: fit-content; } .dynamic_podmenu_new> li { display: block; } .dynamic_podmenu_new a, .dynamic_podmenu_new span { display: flex; text-align: center; align-items: center; justify-content: center; border: 0; background: #fff; font-size: 13px; font-weight: 400; padding: 5px 15px; margin: 0 5px; box-shadow: 0px 1px 5px rgb(0 0 0 / 5%); border-radius: 8px; height: 36px; } .dynamic_podmenu_new a> i, .dynamic_podmenu_new span> i { font-style: normal; } .dynamic_podmenu_new span, .dynamic_podmenu_new a.active, .dynamic_podmenu_new .active a { background: linear-gradient(90deg, #7300fe 0%, #9a00ff 100%); box-shadow: inset 0px 19px 0px rgb(255 255 255 / 12%), inset 0px -2px 0px rgb(0 0 0 / 6%), 0px 6px 9px -5px rgb(133 0 254 / 46%); color: #fff; text-shadow: 0px 1px 3px rgb(0 0 0 / 58%); position: relative; } .dynamic_podmenu_new span::before, .dynamic_podmenu_new a.active::before, .dynamic_podmenu_new .active a::before { content: ''; display: block; border: 9px solid transparent; border-top: 7px solid #7e00ef; position: absolute; top: 100%; } #headerFixed, #headerFixed * { box-sizing: border-box; } #headerFixed { display: block; position: fixed; top: 0; left: 0; z-index: 9990; background: rgb(255 255 255 / 75%); backdrop-filter: blur(0px); right: 0; box-shadow: 0px 1px 50px rgb(0 0 0 / 13%), inset 0px 0px 50px #fff; transform: translate(0px, calc(-100% - 50px)); opacity: 0; } #headerFixed.fixed { transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, opacity 0.3s linear 0s; opacity: 1; transform: translate(0); backdrop-filter: blur(5px); } .headerFixed { display: flex; width: 100%; max-width: 1100px; margin: 0px auto; padding: 0 20px; height: 60px; align-items: center; position: relative; z-index: 1; } #headerFixed::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: rgb(255 255 255 / 31%); } a.setChLogo { border: 0; margin: -2px 30px 0 0; display: flex; position: relative; flex-direction: column; font-family: 'Comic Sans MS'; font-size: 7px; color: #333; } a.setChLogo b { font-weight: 400; } a.setChLogo img { height: auto; width: 90px; } .verticalcNavigation { display: flex; position: relative; flex-direction: column; margin: 0 30px 0 0; } .verticalcNavigation> .cNavigation { display: none; position: ABSOLUTE; top: calc(100% + 8px); left: 0; padding: 0; max-height: calc(100vh - 60px); overflow-x: hidden; overflow-y: overlay; } .verticalcNavigation> .cNavigation::-webkit-scrollbar-track { background: rgb(0 0 0 / 0.15); border-radius: 100px; } .verticalcNavigation> .cNavigation::-webkit-scrollbar-thumb { border-radius: 100px; background: rgb(0 0 0 / 0.15); max-height: 100px; } .verticalcNavigation> .cNavigation::-webkit-scrollbar { width: 6px; height: 6px; } .verticalcNavigation> span.cbtn { padding: 0 20px 0 15px; font-size: 14px; text-transform: uppercase; } .verticalcNavigation> span.cbtn> svg { margin: 0 7px 0 0; width: 24px; height: auto; } .verticalcNavigation> span.cbtn> svg line { stroke: #fff !important; } .verticalcNavigation> .cNavigation> ul { flex-direction: column; min-width: 100%; width: 240px; max-width: 240px; height: auto; border-radius: 0 0 8px 8px; } .verticalcNavigation> .cNavigation> ul> li:first-child { border-radius: 0; } .verticalcNavigation> .cNavigation> ul> li:last-child { border-radius: 0 0 6px 6px; box-shadow: none; } .verticalcNavigation> .cNavigation> ul> li { max-width: initial !important; width: 100%; box-shadow: 0px 1px 0px rgb(0 0 0 / 19%), 0px 2px 0px rgb(255 255 255 / 13%); flex-direction: column; } .verticalcNavigation> .cNavigation> ul> li> a, .verticalcNavigation> .cNavigation> ul> li> span { padding: 12px 15px; justify-content: space-between; } .verticalcNavigation> .cNavigation> ul> li> div { left: initial; right: initial; top: initial; position: relative; width: 100%; } .verticalcNavigation> .cNavigation> ul> li> div ul { margin: 0 10px 10px; } .flexwidth { flex-grow: 1; } .verticalcNavigation> span.cbtn.openNav { display: none; } .terminalsGames, .terminalsGames * { box-sizing: border-box; } .terminalsGames { display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; } .tgItem { display: flex; position: relative; flex-wrap: wrap; width: calc(50% - 20px); margin: 10px 0 40px; } .tgItem> .tgiImage { margin: 0 20px 0 0; } .tgItem> .tgiImage> a { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 8px; border: 0; box-shadow: 0 3px 47px rgb(0 0 0 / 20%); } .tgItem> .tgiImage> a> img { vertical-align: bottom; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; width: 0; min-width: 100%; min-height: 100%; } .tgItem> .tgiImage> a::before { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: -50%; width: 100%; height: 100%; background: linear-gradient(316deg, hsl(0deg 0% 100% / 22%), transparent); transform: skewX(-45deg); } .tgItem> .tgiImage> a::after { content: ''; display: block; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 0px 3px rgb(0 0 0 / 4%); border-radius: 9px; } .tgItem> .tgiInfo { display: flex; position: relative; flex-wrap: wrap; flex-direction: column; width: calc(100% - 220px); align-items: flex-start; } .tgItem> .tgiInfo> a.tgiTitle { display: block; position: relative; border: 0; font-size: 20px; font-weight: 400; /* color: #000; */ margin: 0 0 15px; font-family: 'Comic Sans MS'; } .tgItem> .tgiInfo p { font-size: 14px; color: #555; line-height: 22px; } .tgItem> .tgiInfo> a.cbtn { margin: 15px 0 0; } .tgiLangsTitle { display: block; position: relative; margin: 20px 0 5px; font-size: 13px; font-weight: 400; } .tgiLangs { display: flex; flex-wrap: wrap; margin: 0px -3px -6px; position: relative; } .tgiLangs> img { margin: 0 3px 6px; border-radius: 4px; } .terminalsGamesMain { display: block; position: relative; margin: 0 -10px 10px; } .tgItemMain { display: block; margin: 0 10px; position: relative; } .tgItemMain> .tgiImage { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 8px; border: 0; box-shadow: 0 3px 16px rgb(0 0 0 / 12%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; } .tgItemMain::before { display: block; position: relative; padding-top: 100%; content: ''; } .tgItemMain> .tgiImage> img {vertical-align: bottom;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;object-fit: cover;width: 0;min-width: 100%;min-height: 100%;} .tgItemMain> .tgiImage> span.cbtn.ybtn { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3px 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; background: rgb(255 255 255 / 85%); backdrop-filter: blur(3px); box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 24%); text-shadow: none; z-index: 10; transform: translateZ(50px) translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; white-space: nowrap; transition: all 0.3s; } @media(hover) { .tgItemMain> .tgiImage> span.cbtn.ybtn:hover { background: #fff; transform: translateZ(50px) translateY(-50%) translateX(-50%) scale(1.2); } } .tgItemMain> .tgiImage> span.cbtn.ybtn> svg { margin: 1px 0 0; width: 18px; height: auto; } .tgItemMain> .tgiImage::before { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: -50%; width: 100%; height: 100%; background: linear-gradient(316deg, hsl(0deg 0% 100% / 22%), transparent); transform: skewX(-45deg); } .tgItemMain> .tgiImage::after { content: ''; display: block; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 4%); border-radius: 9px; } .terminalsGamesMain .slick-list { padding: 20px 0; } .tgItemMainInfo { display: block; padding: 10px 10px 0; font-size: 14px; text-align: CENTER; font-family: 'Comic Sans MS', sans-serif; color: #333; } .terminalsGamesMain .slick-list + ul.slick-dots { margin: -10px 0 20px; } .galleryTabsResults {display: block;position: relative;} .galleryResults { display: BLOCK; position: relative; height: 1380px; margin: 0 -5px; } .galleryResults .grItem { display: block; margin: 0 5px 10px; width: calc(20% - 10px); } .galleryTabsResults, .galleryTabsResults * { box-sizing: BORDER-BOX; } .galleryResults .grItem img { max-width: 100%; height: auto; vertical-align: bottom; z-index: 1; transition: all 1s linear; } .galleryResults .grItem a { display: flex; align-items: center; justify-content: center; overflow: hidden; border: 0; border-radius: 8px; position: relative; } .dynamic_podmenu_bg.gtr { margin-top: 50px; } .galleryResults .grItem a::before, .galleryResults .grItem a::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 25%); z-index: 2; transition: all 0.3s; filter: opacity(0); } .galleryResults .grItem a::after { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00NTYuNjksNDIxLjM5LDM2Mi42LDMyNy4zYTE3My44MSwxNzMuODEsMCwwLDAsMzQuODQtMTA0LjU4QzM5Ny40NCwxMjYuMzgsMzE5LjA2LDQ4LDIyMi43Miw0OFM0OCwxMjYuMzgsNDgsMjIyLjcyczc4LjM4LDE3NC43MiwxNzQuNzIsMTc0LjcyQTE3My44MSwxNzMuODEsMCwwLDAsMzI3LjMsMzYyLjZsOTQuMDksOTQuMDlhMjUsMjUsMCwwLDAsMzUuMy0zNS4zWk05Ny45MiwyMjIuNzJhMTI0LjgsMTI0LjgsMCwxLDEsMTI0LjgsMTI0LjhBMTI0Ljk1LDEyNC45NSwwLDAsMSw5Ny45MiwyMjIuNzJaIj48L3BhdGg+PC9zdmc+') center no-repeat; } .galleryResults .grItem a:hover::before, .galleryResults .grItem a:hover::after { filter: opacity(1); } .galleryResults .grItem a:hover img { transform: scale(1.2); transition: all 5s linear; } .centroWhereMap { display: block; position: relative; margin: 0 -20px; } .cwMap { display: block; position: relative; overflow: hidden; /* border-radius: 20px; */ /* box-shadow: 0px 0px 0px 2px #fff, 0px 15px 50px rgb(0 0 0 / 11%); */ } #cwMap { width: 100%; height: 540px; } form.centroWhereFilter, form.centroWhereFilter * { box-sizing: border-box; } form.centroWhereFilter { display: flex; flex-wrap: wrap; position: relative; background: rgb(255 255 255 / 88%); margin: 0 0 -35px; z-index: 10; border-radius: 8px; box-shadow: 0px 5px 25px rgb(0 0 0 / 14%); backdrop-filter: blur(3px); font-size: 14px; } form.centroWhereFilter> .cwfItem { display: flex; flex-direction: COLUMN; position: relative; width: calc(33.333%); padding: 30px; border-right: 1px solid rgb(0 0 0 / 5%); align-items: flex-start; opacity: 0; animation: fadeInDown .4s ease-in-out 0.2s forwards; /* flex: 1 1; */ } form.centroWhereFilter> .cwfItem:nth-child(2) { animation: fadeInDown .4s ease-in-out 0.4s forwards; } form.centroWhereFilter> .cwfItem:nth-child(3) { animation: fadeInDown .4s ease-in-out 0.6s forwards; } form.centroWhereFilter> .cwfItem:last-child { border: 0; } form.centroWhereFilter> .cwfItem> b { display: block; font-size: 16px; font-weight: 500; margin: 0 0 20px; } form.centroWhereFilter> .cwfItem> b> svg { display: none; } form.centroWhereFilter> .cwfItem> .cselect { margin: 0 0 15px; } .cselect { display: block; position: relative; width: 100%; } .cselect> .cselectItems { display: none; position: absolute; z-index: 100; left: 0; top: calc(100% + 10px); background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0px 5px 25px rgb(0 0 0 / 23%); font-size: 14px; line-height: 22px; color: #555; cursor: default; opacity: 0; animation: fadeInUp .2s ease-in-out 0s forwards; min-width: 100%; max-height: 300px; overflow-x: hidden; overflow-y: overlay; } .cselect> .cselectItems::-webkit-scrollbar { width: 5px; height: 5px; background: rgb(0 0 0 / 5%); border-radius: 0 100% 100% 0; } .cselect> .cselectItems::-webkit-scrollbar-thumb { background: var(--brand); border: 0; border-radius: 10px; } .cselect> .cselectItems::-webkit-scrollbar-track-piece { background: transparent; } .cselect> a { display: block; position: relative; border: 0; padding: 10px 15px; border-radius: 8px; border: 1px solid #ebebeb; background: #f9f9f9; color: #000; padding-right: 40px; } .cselect> a> svg { position: ABSOLUTE; top: calc(50% - 5px); right: 15px; } .cselect.getCity {display: none;} label.centroLabel { cursor: pointer; display: block; position: relative; } label.centroLabel> input { display: none; } label.centroLabel> span { display: block; z-index: 2; position: relative; background: #fff; padding: 0 6px 0 24px; } label.centroLabel> span::before, label.centroLabel> span::after { content: ''; display: block; width: 14px; height: 14px; border: 1px solid #d2bbe5; position: absolute; top: 0; left: 0; border-radius: 5px; transition: all 0.15s; background: #fbf5ff; } label.centroLabel> span::after { opacity: 0; background: linear-gradient(180deg, #9209ff 0%, #7d00df 100%); box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 3px 8px -1px rgb(127 1 226 / 44%), inset 0px 15px 25px rgb(255 255 255 / 17%); width: 10px; height: 10px; margin: 3px 0 0 3px; border: 0; border-radius: 3px; } label.centroLabel> input:checked + span::after { opacity: 1; } label.centroLabel> input:checked + span::before { border-color: var(--brand2); } form.centroWhereFilter label.centroLabel { margin: 0 0 5px; } form.centroWhereFilter label.centroLabel:last-child { margin: 0; } a.findme { display: flex; border: 0; align-items: center; width: 100%; height: 40px; background: #f3f3f3; border-radius: 8px; padding: 1px 15px 0; font-size: 13px; color: #000; } a.findme> svg { height: auto; width: 18px; margin: 0 7px 0 0; } label.centroLabel:hover> span { color: #000; } .cselectItemsFull { display: flex; flex-direction: column; position: relative; width: 100%; flex-wrap: wrap; } .cselectItemsFull.csiftwo { margin: 0 -5px; flex-direction: row; } .cselectItemsFull> label.centroLabel { width: 100%; } .cselectItemsFull.csiftwo> label.centroLabel { width: calc(50% - 10px); margin: 0 5px 5px !important; } .whereLoading { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgb(255 255 255 / 88%); border-radius: 10px; backdrop-filter: blur(3px); padding: 10px 0 0; font-weight: 400; color: var(--brand); } .centroWhereList { display: flex; flex-wrap: wrap; position: relative; margin: -35px 0 50px; z-index: 10; border-radius: 8px; font-size: 14px; min-height: 100px; } .centroWhereList, .centroWhereList * { box-sizing: border-box; } .balloonNewContent { display: block; position: relative; font-size: 13px; font-family: 'Roboto', sans-serif; line-height: 18px; } .balloonNewContent b { display: block; font-size: 15px; font-weight: 500; margin: 0 0 10px; } .balloonNewContent a { margin: 13px 0 0; } .centroWhereListEmpty { display: flex; width: 100%; height: 100%; padding: 15px; align-items: center; justify-content: center; font-size: 13px; font-weight: 400; box-shadow: 0px 5px 25px rgb(0 0 0 / 14%); backdrop-filter: blur(3px); background: rgb(255 255 255 / 95%); border-radius: 8px; } .cwResults { display: flex; flex-wrap: wrap; position: relative; width: 100%; justify-content: space-between; } .cwrItemBlock { display: flex; position: relative; width: calc(50% - 10px); margin: 0 0 20px; flex-wrap: wrap; border-radius: 8px; align-items: center; background: rgb(255 255 255 / 75%); box-shadow: 0px 5px 25px rgb(0 0 0 / 14%); backdrop-filter: blur(3px); padding: 15px; opacity: 0; transition: box-shadow 0.3s, border-color 0.15s; border: 2px solid transparent; } @media(hover) { .cwrItemBlock:hover { box-shadow: 0px 5px 25px hsl(270deg 99% 56% / 23%); border-color: var(--brand); } } .cwrItemBlock.findok { box-shadow: 0px 5px 25px hsl(270deg 99% 56% / 23%); border-color: var(--brand); } .cwrItemBlock:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) { animation: fadeIn .4s ease-in-out 1.1s forwards; } .cwrItemBlock:nth-child(1) { animation: fadeInLeft .4s ease-in-out 0.2s forwards; } .cwrItemBlock:nth-child(2) { animation: fadeInLeft .4s ease-in-out 0.4s forwards; } .cwrItemBlock:nth-child(3) { animation: fadeInLeft .4s ease-in-out 0.6s forwards; } .cwrItemBlock:nth-child(4) { animation: fadeInLeft .4s ease-in-out 0.8s forwards; } .cwrItemBlock:nth-child(5) { animation: fadeInLeft .4s ease-in-out 0.9s forwards; } .cwrItemBlock:nth-child(6) { animation: fadeInLeft .4s ease-in-out 1s forwards; } .cwrItemBlock> .cwrPhoto { display: flex; width: 140px; position: relative; } .cwrItemBlock> .cwrInfo { display: flex; flex-direction: COLUMN; position: relative; width: 100%; font-size: 13px; font-weight: 400; color: #333; line-height: 18px; align-items: flex-start; } .cwrItemBlock> .cwrPhoto + .cwrInfo { padding: 0 0 0 20px; width: calc(100% - 140px); } .cwrItemBlock> .cwrPhoto> a.cwrPhotoBg { display: flex; align-items: center; justify-content: center; position: relative; border: 0; } .cwrItemBlock> .cwrPhoto> a.cwrPhotoBg> img { border-radius: 8px; max-width: 100%; height: auto; vertical-align: bottom; } .cwrpPlus { display: flex; position: absolute; z-index: 1; background: #fff; border-radius: 8px; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; color: #000; padding: 3px 6px; bottom: 5px; right: 5px; } .cwrpPlus svg { height: auto; width: 17px; margin: 0 5px 0 0; } .cwrItemBlock> .cwrInfo> b { display: block; border: 0; font-size: 16px; font-weight: 500; color: #000; margin: 0 0 10px; } .cwrItemBlock> .cwrInfo> .cwrItem { display: block; margin: 0 0 10px; } .cwrItemBlock> .cwrInfo> a[data-cords] { display: flex; border: 0; align-items: center; height: 36px; background: #f3f3f3; border-radius: 8px; padding: 1px 10px 0 11px; font-size: 13px; color: #000; font-weight: 300; } .cwrItemBlock> .cwrInfo> a[data-cords] svg { margin: 0 5px 0 0; height: auto; width: 16px; } .cwrItemBlock.findok { opacity: 1; animation: findClass 1s ease-in-out 0s forwards !important; z-index: 10; } @keyframes findClass { 0% { background-color: #fff; transform: scale(1); } 50% { background-color: #f8eeff; transform: scale(1.2); } 100% { background-color: #fff; transform: scale(1); } } .dynamic_podmenu_bg.whereCentroTabs { display: none; } .indexFitches { display: flex; justify-content: space-between; margin: 50px 0px 80px; } .indexFitches> .item { display: flex; flex-direction: column; align-items: center; border: 0 !important; max-width: 200px; text-align: center; margin: 0 15px; font-size: 15px; line-height: 22px; } .indexFitches> .item b { font-weight: 400; } .indexFitches> .item svg { width: auto; height: 58px; margin: 0 0 10px; } /***************************************************** END Centrostudio edition *************************************/ /***************************************************** Start Centrostudio MEDIA *************************************/ @media screen and (max-width: 1100px) { .cHeader { margin: 0 -20px 30px; } } @media screen and (max-width: 1024px) { .msVideoSlide { width: initial; height: initial; background: transparent; } .mvVideo { margin: 5px 0 15px; box-shadow: 0px 0px 0px 5px #ffd100, 0px 14px 15px -10px #ffb900; } .mainSlider { margin: 0 auto 30px; } .slideItem .slider_content { padding: 0 15% 0; width: 70%; padding-top: 200px; } .slideItem { background-size: 240px; background-position: top center; } .slideItem .slider_content .h2{font-size:24px;line-height:normal;} .slideItem .slider_content .text{font-size:18px;line-height:normal;margin:0;} .slideItem .slider_content .order .btn30phiolet{display:block;float:none;text-align:center;max-width:300px;} .slideItem#bx_651765591_33 { background-position: top center; height: initial; background-size: 300px; } .slideItem#bx_651765591_34 { height: initial; background-size: 220px; } .slideItem#bx_651765591_35 { height: initial; background-size: 220px; } .mvVideo { width: calc(100% - 52px); height: initial; max-width: 480px; } #tab_buttons_new { width: calc(100% - 52px); margin: 20px auto 15px; flex-direction: column; } #tab_buttons_new.tbnProduct { width: 100%; } #tab_buttons_new> span { margin: 0; border-radius: 0; margin: -2px 0 0; font-size: 13px; } #tab_buttons_new> span:first-child { border-radius: 10px 10px 0 0; } #tab_buttons_new> span:last-child { border-radius: 0 0 10px 10px; } .podelBlock { margin: 10px 0 20px; } #main_maket .center_maket { width: auto; overflow: hidden; padding: 0 20px !important; } .centroProductLeftMini { width: 80px; } .cplmItem { height: 80px; } .centroProductLeftBig { width: calc(100% - 100px); } .centroProductLeft { width: 460px; } .cpSliderBig { height: 388px; } .centroProductRight { width: calc(100% - 490px); } .center_maket .centroProductRight h1 { margin: -10px 0 20px; font-size: 28px; line-height: 38px; } .tgItem> .tgiImage> a { width: 100px; height: 100px; } .tgItem> .tgiImage { margin: 0 15px 0 0; } .tgItem> .tgiInfo { width: calc(100% - 115px); } .tgItem> .tgiInfo> a.tgiTitle { font-size: 16px; margin: 0 0 10px; } .tgItem> .tgiInfo p { font-size: 13px; line-height: 20px; } .tgItem> .tgiInfo> a.cbtn { font-size: 13px; padding: 0 15px 0 20px; height: 40px; } .tgiLangs { margin-top: 15px; } } @media screen and (max-width: 960px) { .chPhone { flex-direction: column; align-items: flex-end; position: relative; } .cppPhone { margin: 0 0 5px; align-items: flex-end; } .chPhone .openmodal { height: 26px; font-size: 12px; margin: 0 60px 0 0; } .chPhone .mail_btn { height: 26px; width: 26px; font-size: 12px; position: absolute; bottom: 0; right: 0; } .chPhone .mail_btn.call_btn { right: 30px; margin: 0; } .centroProductLeftMini { display: none; } .centroProductLeftBig { width: 100%; } .centroProductLeft { width: 380px; } .centroProductRight { width: calc(100% - 410px); } } @media screen and (max-width: 800px) { .chMenu { display: none; } .cMobGrow { flex-grow: 1; } .chPhone { margin: 0; } a.chSearch { display: none; } .chAddress a { font-size: 10px; font-weight: 500; } .chAddress { font-size: 10px; margin: 0; } a.ctopLogin { font-size: 10px; white-space: nowrap; } .ctopLogin b { font-weight: 500; } a.chLogo { margin: -4px 0 0; } a.chLogo img { width: 108px; height: auto; margin: 0 0 3px; } a.chLogo b { font-size: 9px; } .cppPhone> a { font-size: 16px; } .cppPhone> span { font-size: 11px; } .chPhone .openmodal, .chPhone .mail_btn { display: none; } .cppPhone { margin: 0; padding: 0 50px 0 0; } .chPhone .mail_btn.call_btn { display: flex; top: 0; height: 100%; width: 35px; right: 0; } .cHeaderMiddle { height: 70px; } .cNavigation { display: none; } .mobilePanel { display: flex; position: relative; justify-content: space-between; margin: 0 20px; background: linear-gradient(180deg, #9209ff 0%, #7d00df 100%); border-radius: 8px; height: 48px; box-shadow: inset 0px 29px 0px rgb(255 255 255 / 5%), inset 0px -3px 0px rgb(0 0 0 / 2%), 0px 10px 22px -7px rgb(127 1 226 / 49%), inset 0px 15px 25px rgb(255 255 255 / 17%); position: relative; position: absolute; top: 54px; left: 140px; margin: 0; height: 38px; } span.openNav { display: flex; align-items: center; padding: 0 20px; color: #fff; text-shadow: 0px 1px 3px rgb(0 0 0 / 45%); text-transform: uppercase; font-size: 14px; font-weight: 500; border-right: 1px solid rgb(0 0 0 / 10%); box-shadow: 1px 0px 0px rgb(233 205 255 / 22%); cursor: pointer; border: 0; box-shadow: none; padding: 0 13px 0 10px; font-size: 12px; font-weight: 600; } span.openNav> svg { height: auto; width: 24px; margin: 0 5px 0 0; filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 25%)); } span.openNav> svg line { stroke: #fff !important; } .mobileSearch { position: absolute; top: 4px; left: 4px; width: calc(100% - 48px); height: calc(100% - 8px); display: none; } .mobileSearch .podCSearch { background: transparent; display: block !important; } span.openMobileSearch { display: flex; width: 48px; height: 100%; align-items: center; justify-content: center; cursor: pointer; display: none; } span.openMobileSearch> svg { height: auto; width: 18px; fill: #fff; } .podmmenu { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .podmmenuclose { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .mmenubg { display: none; position: fixed; top: 0px; bottom: 0px; left: -400px; width: 100%; max-width: 320px; background: rgb(255, 255, 255); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12); box-sizing: border-box; z-index: 9999; transition: left .4s ease 0s,opacity .4s ease 0s; opacity: 0; } .mmenubg.active { left: 0px; opacity: 1; } .mmenu { display: block; position: relative; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } a.mmenu_close { display: block; position: absolute; top: 19px; right: 20px; width: 20px; height: 20px; cursor: pointer; overflow: hidden; text-indent: -9999px; } a.mmenu_close::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; transform: rotate(45deg); left: 0px; top: 50%; } a.mmenu_close::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; transform: rotate(-45deg); left: 0px; top: 50%; } a.mmenu_close::before, a.mmenu_close::after { background: #000; transition: all 0.15s; } .mmenu_header { display: block; position: relative; padding: 20px; } .mmenu_logo { width: 80px; display: block; float: left; } .mmenu_nav { display: block; padding: 0px 0px 20px; } .mmenu_nav> ul> li { position: relative; padding: 0px 20px; transition: all 0.2s; } .mmenu_nav> ul> li.active { background: #F8F9FB; border: 1px solid #eceff5; border-width: 1px 0px; } .mmenu_nav> ul> li> div { display: none; padding: 0px 0px 10px; } .mmenu_nav> ul> li> a, .mmenu_nav> ul> li> span { display: flex; align-items: CENTER; width: 100%; cursor: pointer; } .mmenu_nav> ul> li> a> span, .mmenu_nav> ul> li> span> span { display: block; position: relative; min-height: 38px; line-height: 38px; font-size: 14px; color: #333; transition: all 0.2s; text-transform: uppercase; font-weight: 400; } .mmenu_nav> ul> li> a> span> i { display: block; width: 20px; height: 20px; position: absolute; top: 8px; right: 0px; text-align: center; line-height: 20px; transform: rotate(-90deg); font-size: 10px; transition: all 0.2s; } .mmenu_nav> ul> li.active> a> span { color: #000; font-weight: 500; } .mmenu_nav> ul> li.active> a> span> i { transform: rotate(0deg); top: 6px; } .mmenu_nav> ul> li> div> ul> li> a { display: block; padding: 6px 0px 6px 13px; color: #555; position: relative; } .mmenu_nav> ul> li> div> ul> li> a::before { content: ''; display: block; position: absolute; top: 12px; left: 0px; width: 4px; height: 4px; background: #d5dbe8; } .mmenu_nav> ul> li> div> ul> li> div { display: none; padding: 0px 0px 10px; } .mmenu_nav> ul> li> div> ul> li> a> span> i { display: block; width: 20px; height: 20px; position: absolute; top: 4px; right: 0px; text-align: center; line-height: 20px; transform: rotate(-90deg); font-size: 10px; transition: all 0.2s; } .mmenu_nav> ul> li> div> ul> li.active> a> span> i { transform: rotate(0deg); top: 6px; } .mmenu_nav> ul> li> div> ul> li> div> ul> li> a { display: block; padding: 6px 0px 6px 26px; color: #555; position: relative; } .mmenu_nav> ul> li> div> ul> li> div> ul> li> a::before { content: ''; display: block; position: absolute; top: 12px; left: 0px; width: 4px; height: 4px; background: #d5dbe8; } .mmenu_footer { display: block; padding: 0px 20px 20px; font-weight: 300; color: #888; } .mmenu_footer .focopy { font-size: 13px; line-height: 21px; } .mmenu_footer .fospan> a { display: block; margin: 10px -20px; padding: 10px 20px; background: #f8f9fb; color: #333; font-size: 20px; } .mmenu_footer .folinks> a { display: block; text-transform: uppercase; } .mmenu_footer .folinks { padding: 10px 0px 0px; } .mmenu_logo img { height: auto; max-width: 100%; max-height: 100%; width: auto; } .clr::after { content: ''; display: BLOCK; clear: both; } .podmmenu a { border: 0 !important; } .mmenu_nav> ul> li> span> span { margin: 0 5px 0 0; } .center_maket { padding: 0 20px; box-sizing: border-box; } #main_maket .center_maket { padding: 0 20px !important; } h2.mainTitleH2 { font-size: 22px; } a.armainImage { height: 100px; } #main_maket .center_maket .cHeader { margin: 0 -20px 20px; border-bottom: 1px solid #f7efff; } ul:not(.mainProductsSlider) li.productItem { width: calc(50% - 20px); } .centroProduct.prodItem { flex-direction: column; padding: 10px 0 0; } .centroProductLeft { width: 100%; } .cpSliderBig { height: 250px; } .cplbItem { padding: 60px 10px; border-radius: 0; border: 0 !important; transition: all 0.5s; } .cplbItem img { transition: all 0.3s; } .slick-center .cplbItem { padding: 0; } .centroProductLeftBig { overflow-y: hidden; overflow-x: overlay; padding: 0 0 15px; margin: 0 0 15px; } .cpSliderBig { display: flex; flex-wrap: wrap; width: max-content; } .comparesButtons { position: absolute; bottom: 0; left: 0; } .cplbItem { padding: 0; width: 100px; } .cpSliderBig> div { height: 100%; margin: 0 25px; display: block; position: RELATIVE; } .cpSliderBig> div:first-child .cplbItem {margin: 0 0px 0 calc(50vw - 75px);} .cplbItem.active { /* width: 200px; */ z-index: 10; position: relative; } .cplbItem img { height: auto; max-height: 100%; } .cplbItem.active2 img { height: 250px; } .cplbItem.active img { transform: scale(1.5); } .centroProductLeftBig.scrl { -webkit-overflow-scrolling: touch; } .cpSliderBig> div:last-child .cplbItem { margin: 0 calc(50vw - 75px) 0 0; } .comparesButtons.pkv { display: none; } .comparesButtons.mbv { display: flex; margin: 0 0 20px; position: relative; bottom: initial; left: initial; justify-content: space-between; } .centroProductLeftBig.scrl::-webkit-scrollbar-track { background: transparent; box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.12); border-radius: 100px; } .centroProductLeftBig.scrl::-webkit-scrollbar-thumb { border-radius: 100px; background: #8203e5; max-height: 100px; } .centroProductLeftBig.scrl::-webkit-scrollbar { width: 6px; height: 6px; } .centroProductLeft .block_sl { position: relative !important; width: 100% !important; left: initial !important; top: initial !important; } .centroProductRight { width: 100%; } .center_maket .centroProductRight h1 { margin: 0 0 20px; font-size: 22px; font-weight: 600; line-height: 130%; } .centroItogo { flex-direction: COLUMN; } .centroItogo> span:not(.openmodal) { justify-content: center; text-align: center; margin: 0 0 15px; font-size: 24px; } .centroProduct.prodItem { margin: 0 0 30px; } ul.jTabs { flex-direction: column; padding: 10px; } ul.jTabs> li { margin: 0; } ul.jTabs> li:first-child> a { border-radius: 8px 8px 0 0; } ul.jTabs> li> a { border-radius: 0; align-items: center; justify-content: center; display: flex; padding: 5px; } ul.jTabs> li:last-child> a { border-radius: 0 0 8px 8px; } ul.loginTabs.jTabs { flex-direction: row !important; flex-wrap: initial; } ul.jTabs.loginTabs> li:last-child> a, ul.jTabs.loginTabs> li:first-child> a { border-radius: 8px; } .centroProdctContents .features_block> ul { margin: 0; } .centroProdctContents .features_block> ul> li { width: 100%; margin: 0 0 20px; } .rwlItemRatingDate { flex-direction: COLUMN; align-items: flex-end; } .rwlItemRating { padding: 0 0 3px; } .rwlItemUserO { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 0 0; } .rwlItemText, .rwlItemOtvet { padding: 0 0 0 50px; font-size: 13px; } .rwlItemPhotos { margin: 10px -5px -10px 45px; width: calc(100% - 40px); } .rwlItemPhotos> a { width: calc(25% - 10px); height: auto; } .rwlItemPhotos> a::before { content: ''; display: block; padding-top: 100%; } .rwlItem { margin: 0 0 20px; padding: 0 0 20px; } .rwlItemOtvet { margin: 15px 0 0 50px; padding: 10px 15px; font-size: 13px; } .verticalcNavigation> span.cbtn.openNav { display: flex; } .verticalcNavigation> span.cbtn:not(.openNav) { display: none; } .galleryResults .grItem { width: calc(33.333% - 10px); } form.centroWhereFilter> .cwfItem { padding: 15px; font-size: 13px; } .cwrItemBlock { align-items: flex-start; } .cwrItemBlock> .cwrPhoto { width: 100px; } .cwrItemBlock> .cwrInfo> b { font-size: 14px; } .cwrItemBlock> .cwrPhoto + .cwrInfo { width: calc(100% - 100px); } .mmenu_search .podCSearch { position: relative; display: block; width: 100%; padding: 0; margin: 0; height: 40px; margin: 0 0 10px; } .mmenu_search { padding:0 20px; position: relative; z-index: 30; } .mmenu_search, .mmenu_search * { box-sizing: BORDER-BOX; } div.title-search-result { z-index: 9999; max-height: calc(100vh - 130px); overflow-y: overlay; } div.title-search-result { z-index: 9999 !important; } .catalog-compare-list { position: relative !important; right: initial !important; bottom: initial !important; } a.catalog-compare-count { display: inline-flex !important; margin: 0 0 0 20px !important; width: calc(100% - 40px) !important; box-sizing: border-box !important; border-radius: 7px !important; } .cHeaderTop .compare_list_count { display: none; } .cHeaderTop .chTime { display: none; } .indexFitches> .item { font-size: 14px; line-height: 20px; } .mmenu_footer .compare_list_count { margin: 0 0 20px; font-size: 14px; } .phoneToTime { display: flex; margin: 0 0 20px; flex-wrap: wrap; } .phoneToTime .cppPhone { padding: 0; width: 120px; margin: 0 20px 0 0; } .phoneToTime .chTime { display: block; position: relative; width: calc(100% - 140px); font-size: 12px; line-height: 18px; padding: 0 0 0 20px; box-sizing: border-box; } .phoneToTime .chTime> svg { position: absolute; top: 2px; left: 0; } .mmenu_footer span.openmodal.cbtn.ybtn { height: 40px; font-size: 14px; padding: 0 15px; } a.nliImage { width: 180px; } .nliImage + .nliContent { width: calc(100% - 180px); } .nliContent { padding: 0 0 0 20px; } .nliContent> h2 { font-size: 20px; margin: -3px 0 10px; } .context img[align="left"] { max-width: 240px; } } .podmmenu { display: none; } @media screen and (max-width: 767px) { body .mainArNews { flex-direction: COLUMN; margin: 0 0 20px; } body .mainArNews .manItem { margin: 0 0 20px; width: 100%; } body .mainSlider { margin: -30px auto 30px; } .subsForm { padding: 20px; flex-direction: COLUMN; align-items: center; justify-content: center; } .subsFormLeft { margin: 0 0 20px; } #footer .top_part ._right { justify-content: center; text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0; } body #footer .top_part ._right ._bottom .column { float: initial; width: 50%; margin: 0 0 30px; } #footer .top_part ._right ._bottom .column.last { } #footer .top_part ._right ._bottom .column.last ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #footer .top_part ._right ._bottom .column.last ul li { margin: 0 15px 20px; } body #footer { margin: 0 -20px; width: calc(100% + 40px); } .nadFooter { padding: 20px; flex-direction: column; align-items: center; justify-content: center; } .nfooterItem { margin: 40px 0 0; align-items: center; text-align: center; justify-content: center; } .nfooterItem> b { font-size: 18px; margin: 0 0 10px; } .nfooterLinks { margin: 10px -5px 0; } .nadFooter::before { background: rgb(0 0 0 / 70%); } ul.productsList:not(.mainProductsSlider) { margin: 0 -5px; } ul:not(.mainProductsSlider) li.productItem { width: calc(50% - 10px); margin: 0 5px 20px !important; } ul:not(.mainProductsSlider) .productItemNalCompare { flex-direction: column; align-items: flex-start; } ul:not(.mainProductsSlider) .productItemNal { margin: 0 0 10px; } .imodal { padding: 10px; } .cmodal { max-width: initial; width: 100%; padding: 30px; min-width: initial; } .centroProfile { flex-direction: column; } .cpBar { width: 100%; margin: 0 0 20px; } .cpContent { width: 100%; } .eislogos { margin: 20px 0 25px; flex-wrap: wrap; } .eislogos> .eisitem { flex: auto; padding: 10px; } .eislogos> .eisitem> img { max-width: 40px; } .tgItem { flex-direction: column; align-items: center; margin: 10px 0 60px; } .tgItem> .tgiImage { margin: 0 0 15px; } .tgItem> .tgiImage> a { width: 200px; height: 200px; } .tgItem> .tgiInfo { align-items: center; text-align: CENTER; width: 100%; } form.centroWhereFilter { flex-direction: column; } form.centroWhereFilter> .cwfItem { width: 100%; border: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); } .cselectItemsFull> label.centroLabel { background: #f3f3f3; width: auto !important; padding: 7px 5px; border-radius: 8px; margin: 0 5px 5px !important; } .cselectItemsFull> label.centroLabel> span { background: transparent; } .cselectItemsFull { flex-direction: row !important; margin: 0 -5px; } div#cwMap { min-height: 240px; height: 320px; } .cwResults { flex-direction: column; } .cwrItemBlock { width: 100%; margin: 0 0 15px; } .centroWhereMap { display: none; position: relative; margin: 0; border-radius: 8px; overflow: hidden; margin: 0 0 15px; box-shadow: 0px 3px 15px rgb(133 84 0 / 18%), 0px 0px 0px 1px #febc4c2b; } form.centroWhereFilter { margin: 0 0 15px; z-index: 100; } .centroWhereList { margin: 0; } form.centroWhereFilter> .cwfItem.cwfLocation { flex-direction: row; flex-wrap: wrap; justify-content: space-between; z-index: 1; } form.centroWhereFilter> .cwfItem.cwfLocation> b { width: 100%; margin: 0 0 20px; } form.centroWhereFilter> .cwfItem> b { margin: 0; } form.centroWhereFilter> .cwfItem.cwfLocation> .cselect { width: calc(50% - 5px - 23px); margin: 0; } a.findme> span { display: none; } a.findme { width: 37px; height: 37px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } a.findme> svg { margin: 0; } .cselectItemsFull { height: 0; overflow: hidden; transition: all 0.3s; opacity: 0; } .active .cselectItemsFull { height: auto; overflow: overlay; opacity: 1; padding: 20px 0 0; } form.centroWhereFilter> .cwfItem> b.mdr_down { display: flex; cursor: pointer; align-items: center; width: 100%; margin: -10px; padding: 10px; } form.centroWhereFilter> .cwfItem> b.mdr_down> svg { display: block; width: 14px; height: auto; margin: 2px 0 0 5px; /* transform: scale(1, -1); */ transition: all 0.3s; } form.centroWhereFilter> .cwfItem.active> b.mdr_down> svg { transform: scale(1, -1); } .dynamic_podmenu_bg.whereCentroTabs { display: block; margin: 25px 0; } .mainSeotext> .msImage { width: 200px; } .mainSeotext> .msImage img { height: auto; width: 100%; } .mainSeotext> .msText { width: calc(100% - 210px); font-size: 13px; line-height: 18px; } .center_maket .msText h1 { font-size: 24px; margin: 0 0 15px; } .center_maket .msText h2, .center_maket .msText h3 { line-height: initial; font-size: 16px; margin: 6px 0 10px; } #footer .top_part { padding: 0; display: flex; flex-direction: COLUMN; } #footer .top_part ._right { display: flex; flex-direction: column; margin: 0; padding: 0; justify-content: flex-start; } #footer .top_part ._right ._bottom { display: flex; flex-direction: column; padding: 10px 0 0; } body #footer .top_part ._right ._bottom .column { display: FLEX; flex-direction: column; position: relative; width: 100%; margin: 0 0 15px; border: 1px solid rgb(255 255 255 / 12%); padding: 10px; border-radius: 7px; } body #footer .top_part ._right ._bottom .column p.seoh4 { display: block; cursor: pointer; margin: 0; font-size: 14px; } body #footer .top_part ._right ._bottom .column> ul { display: none; margin: 20px 0 0; padding: 0; } #footer .top_part ._right ._bottom .column.last { border: 0; padding: 0; } #footer .top_part ._right ._bottom .column.last ul { margin: 0; } .indexFitches { margin: 40px 0 40px; flex-direction: column; } .indexFitches> .item { width: 100%; max-width: initial; align-items: flex-start; flex-direction: revert; align-items: CENTER; margin: 0 0 20px; text-align: left; } .indexFitches> .item:last-child { margin: 0; } .indexFitches> .item> .image { margin: 0 15px 0 0; } .indexFitches> .item svg { margin: 0; height: auto; width: 40px; } } @media screen and (max-width: 560px) { a.setChLogo { margin: 0 10px 0 0; } .verticalcNavigation> span.cbtn { height: 37px; font-size: 12px; padding: 0 10px; font-weight: 600; } .terminalsGames { flex-direction: column; } .tgItem { width: 100%; } .mainSeotext { flex-direction: column-reverse; } .mainSeotext> .msText { width: 100%; } .mainSeotext> .msImage { width: 100%; margin: 0 0 15px; align-items: flex-start; justify-content: flex-start; } .mainSeotext> .msImage img { width: initial; max-width: 100%; } } @media screen and (max-width: 480px) { .slideItem .slider_content .h2{font-size:20px;line-height:normal;} .slideItem .slider_content .text{font-size:14px;line-height:normal;margin:0;padding-bottom:10px;} .slideItem .slider_content .main_link{font-size:10px;} .slideItem .slider_content .order .price, .slideItem .slider_content .order .price label, .slideItem .slider_content .order .area, .slideItem .slider_content .order .area span {font-size:12px;} .slideItem .slider_content .dop a {font-size:12px;} a.productImage { height: 240px; } a.productName { padding: 0 10px 10px; font-size: 14px; } .productItemInfo { padding: 0 10px 15px; } .productItemNalCompare { padding: 0 10px 15px; } .productItemPriceButton { flex-direction: COLUMN; } .productItemPrice { padding: 0 0 10px; width: 100%; } .productItemButton { width: 100%; } .terminals_list_block h2 { margin-top: 10px; margin: 0; text-align: center; width: 100%; font-size: 18px; margin: 0 0 20px; } h2.mainTitleH2 { font-size: 18px; margin: 0 0 20px; } a.armainImage { height: 100px; } .subsFormRight { width: 100%; } span.openNav span { display: none; } span.openNav> svg { margin: 0; } span.openNav { padding: 1px 0 0; height: 36px; width: 36px; align-items: center; justify-content: center; } a.chLogo {margin: 3px 0 0;} a.chLogo img, a.setChLogo img { width: 80px; } a.chLogo b, .setChLogo b { font-size: 7px; } .mobilePanel { left: 115px; } .mvVideo { width: Calc(100% - 10px); } .verticalcNavigation> span.cbtn { height: 36px; padding: 0; width: 36px; } .verticalcNavigation> span.cbtn> span { display: none; } .verticalcNavigation> span.cbtn> svg { margin: 0; } .verticalcNavigation { margin: 0; } .galleryResults .grItem { width: calc(50% - 10px); } ul:not(.mainProductsSlider) li.productItem { width: calc(100% - 10px) } .newsListItem { flex-direction: column; margin-bottom: 30px; padding-bottom: 30px; } a.nliImage { width: 100%; max-width: 340px; margin: 0px auto 20px; } .newsListItem:first-child { padding-top: 0; } .nliContent, .nliImage + .nliContent { padding: 0; width: 100%; } .nliContent> h2 { font-size: 18px; } .context img[align="left"] { float: initial; display: block; max-width: 100%; margin: 0 0 15px; } } @media screen and (max-width: 374px) { .headerFixed { padding: 0 10px; } .cppPhone { padding: 0 42px 0 0; } .cppPhone> a { font-size: 11px; font-weight: bold; margin: 0 0 3px; } .cppPhone> span { font-size: 9px; } .chPhone .mail_btn.call_btn { height: 32px; width: 32px; align-items: center; justify-content: center; top: -2px; } a.chLogo img { width: 70px; } a.chLogo b { display: block; } .cHeaderMiddle { padding: 0 10px; } .cHeaderTop { padding: 0 10px; } .chAddress { padding: 0 10px 0 0; } .chAddress a { font-size: 9px; font-weight: 400; } .mobilePanel { left: 105px; width: 32px; height: 32px; top: 56px; } span.openNav { width: 100%; height: 100%; } #main_maket .center_maket { padding: 0 10px !important; } #main_maket .center_maket .cHeader { margin: 0 -10px 15px; } .mvVideo { width: Calc(100% - 10px); } } /* END centrostudio edition MEDIA */ .terminals_list_block h1{margin:-30px 0 30px;text-align:center;} .terminal_info_block{padding:0 0 30px;border-bottom:1px solid #bd94e2;margin:0 0 10px;} .terminal_info_block h2{font-size:40px;line-height:40px;font-weight:400;font-family:'Comic Sans MS';margin:-30px 0 30px;} .terminal_info_block .column_left{width:440px;margin:0 40px 0 0;padding:15px 0 0;float:left;position:relative;} .terminal_info_block .column_left .image{text-align:center;position:absolute;width:440px;top:10px;} .terminal_info_block .column_left .image.fixed{position:fixed;} .terminal_info_block .column_left .image.fixed_bottom{position:absolute;} .terminal_info_block .column_right{width:480px;float:left;} .terminal_info_block .column_right .chars{padding:0 0 10px;} .terminal_info_block .column_right .chars span{display:inline-block;border-left:1px solid #d7beed;padding:0 10px; font-size: 14px;} .terminal_info_block .column_right .chars span:first-child{border:none;padding:0 5px 0 0;} .terminal_info_block .column_right h4{font-weight:300;font-size:20px;margin:0 0 10px;} .terminal_info_block .column_right .terminal_tabs_block .tabs li{height:28px;line-height:28px;padding:0 15px;float:left;cursor:pointer;position:relative;border-bottom:1px solid #bd94e2;border-top:1px solid #bd94e2;border-left:1px solid #bd94e2;} .terminal_info_block .column_right .terminal_tabs_block .tabs li:first-child{border-radius:5px 0 0 5px;} .terminal_info_block .column_right .terminal_tabs_block .tabs li:last-child{border-right:1px solid #bd94e2;border-radius:0 5px 5px 0;} .terminal_info_block .column_right .terminal_tabs_block .tabs li:hover{background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -30px transparent;color:#fff;border:none;height:30px;line-height:30px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px 0 16px;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} .terminal_info_block .column_right .terminal_tabs_block .tabs li:last-child:hover, .terminal_info_block .column_right .terminal_tabs_block .tabs li:last-child.active:hover, .terminal_info_block .column_right .terminal_tabs_block .tabs li:last-child.active{padding:0 16px;} .terminal_info_block .column_right .terminal_tabs_block .tabs li.active, .terminal_info_block .column_right .terminal_tabs_block .tabs li.active:hover{color:#fff;border:none;height:30px;line-height:30px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px 0 16px;cursor:default;background:url(/css/../i/btn30phiolet.png) repeat-x scroll 0 -60px transparent;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);} .terminal_info_block .column_right .terminal_tabs_block .tabs li span{display:inline-block;position:absolute;width:10px;height:5px;bottom:-5px;left:50%;margin:0 0 0 -5px;background:url(/css/../i/terminal_tab_corner.png);display:none;} .terminal_info_block .column_right .terminal_tabs_block .tabs li.active span{display:block;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks{padding:10px 0 0;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block{border:2px solid #d7beed;border-radius:10px;-moz-box-sizing:border-box;box-sizing:border-box;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .main_info{padding:20px;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .main_info img{float:left;margin:0 20px 0 0;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .main_info ._header{font-size:25px;line-height:20px;margin:0 0 10px;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info{border-top:1px solid #d7beed;padding:20px 20px 15px;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .order .btn40phiolet{margin:0 0 30px;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .order .price{float:right;font-size:30px;font-weight:400;line-height:40px;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .dop_menu_block{border-top:1px solid #e6e6e6;font-size:15px;padding:5px 0 0;text-align:center;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .dop_menu_block a{margin:0 8px 0 0;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .dop_menu_block p{margin:10px 0 0;line-height:16px;} .terminal_info_block .column_right .desc_block{padding:40px 0 0;} .terminal_info_block .column_right .desc_block p{line-height:24px;margin:0 0 10px;} .terminal_info_block .terminal_gallery_block{padding:20px 0 30px;} .terminal_info_block .terminal_gallery_block h4{margin:0 0 15px;text-align:center;} .terminal_info_block .terminal_gallery_block ul li{width:160px;height:115px;float:left;} .terminal_info_block .terminal_gallery_block ul li a{border:none;} .terminal_info_block .terminal_gallery_block ul li a img{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;border-radius:10px;width:160px;height:115px;} .terminal_info_block .column_right .terminal_video_block { padding: 10px 0 0; } .terminal_video_block .video { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 30px; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; border-radius: 10px; } .terminal_video_block .video:last-child { margin: 0; } .terminal_video_block .video iframe { width: 100%; height: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .terminal_info_block .configure_block ._part{padding:10px 20px 15px;border-bottom:1px solid #d7beed;} .terminal_info_block .configure_block ._part u{font-size:20px;text-decoration:none;} .terminal_info_block .configure_block ._part .row{line-height:30px;padding:0 0 0 5px;} .terminal_info_block .configure_block ._part .price{float:right;font-weight:400;line-height:30px;} .terminal_info_block .configure_block ._part .row label{display:block;} .terminal_info_block .configure_block ._part .row label .price{opacity:0.4;} .terminal_info_block .configure_block ._part .row label.chosen .price{opacity:1;} .terminal_info_block .configure_block ._part .row input[type="radio"]{margin:0 5px 0 0;} .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .configure_block .dop_info{border:none;} .terminal_info_block .configure_block ._kolvo_part._part{height:25px;line-height:28px;} .terminal_info_block .configure_block ._kolvo_part._part u{float:left;} .terminal_info_block .configure_block ._kolvo_part._part input[type="text"]{height:30px;border:1px solid #bd94e2;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;font-style:normal;width:40px;padding:0 7px;float:left;margin:0 0 0 15px;} .terminal_info_block .configure_block ._kolvo_part._part .counter{float:right;} ._content.games_pack_info_content{padding:0 0 30px;border-bottom:1px solid #d7beed;} .games_block .main_info{ border-bottom: 1px solid #d7beed; margin: 0 0 40px; box-sizing: border-box; border-radius: 10px; padding: 10px; /*margin-bottom: 10px !important;*/ } .games_block.games_pack_list{border-bottom:1px solid #d7beed;margin:0 0 30px;} .games_block.games_pack_list .main_info{border:none;margin:0 0 25px 0;width: 49%; display: block;float: left; min-height:140px;} .games_block .main_info > img{float:left;margin:0 20px 0 0;} .games_block .main_info ._header{font-size: 15px;font-weight: 400;line-height:20px;margin: 0px 10px 10px 10px;} .games_block .games_list_block{margin:0 0 90px;} .games_block .games_list_block ul{width:960px;} .games_block .games_list_block ul li{display:block;margin:0 0 40px;} .games_block .games_list_block ul li .img{display:inline-block;width:33%;height:170px;float:left;margin:0 30px 0 0;border:0;} .games_block .games_list_block ul li .img img{margin:0 0 5px;border-radius:10px;} .games_block .games_list_block ul li .text{float:left;width:63%;} .games_block .games_list_block ul li .text h3{font-weight:300;font-size:24px;margin:0 0 10px;} .games_block .games_list_block ul li .text p{line-height:24px;} .subscribe_block{padding:0 0 80px;} .game_block .image{width:440px;float:left;margin:0 40px 0 0;} .game_block .desc{float:left;width:480px;} .game_block .desc h2{margin:0 0 15px;} .game_block .desc p + h2{margin:25px 0 15px;} .search_results_block .search_form_block{width:500px;margin:0 0 10px;} .search_results_block .search_results{padding:30px 0 20px;margin:20px 0 0;border-top:1px solid #BD94E2;} .search_results_block .search_results .row{padding:0 0 15px;} .search_results_block .search_results .row .number{width:30px;float:left;} .search_results_block .search_results .row .text{width:930px;float:left;} .search_results_block .search_results .row .text p{padding:5px 0 0;} .gm-style .gm-style-iw{font-size:15px !important;} .gm-style .gm-style-iw p{white-space:nowrap;} .prev_next_terminal{margin:0 0 20px;height:20px;} .prev_next_terminal .next_arr{float:right;} #where_to_play_after_map ul{padding:0 0 40px;} #where_to_play_after_map ul li{margin:0 0 30px;} #where_to_play_after_map ul li ._header{cursor:pointer;display:inline-block;} #where_to_play_after_map ul li ._header i{border-bottom:1px dotted rgba(123, 41, 197, 0.5);color:#7b29c5;font-size:20px;font-style:normal;} #where_to_play_after_map ul li .address_body{box-sizing:border-box;display:none;padding:20px 0;} #where_to_play_after_map ul li .address_body .info{float:left;margin:0 20px 0 0;} #where_to_play_after_map ul li .address_body .img{border-radius:10px;float:left;height:330px;overflow:hidden;position:relative;width:700px;} #where_to_play_after_map ul li .address_body .img img{border-radius:10px;} .icon_facebook{width:46px;height:37px;float:left;background:url(/design/tmp/vkontakte_widget.jpg) no-repeat;background-position:0 0px;} .icon_scipe{width:46px;height:37px;float:left;background:url(/design/tmp/vkontakte_widget.jpg) no-repeat;background-position:-47px 0;} .icon_odnocl{width:46px;height:37px;float:left;background:url(/design/tmp/vkontakte_widget.jpg) no-repeat;background-position:-94px 0;} .icon_mail{width:46px;height:37px;float:left;background:url(/design/tmp/vkontakte_widget.jpg) no-repeat;background-position:-141px 0;} .icon_google{width:46px;height:37px;float:left;background:url(/design/tmp/vkontakte_widget.jpg) no-repeat;background-position:-187px 0;} .pluso{width:277px;height:51px;overflow:hidden;} .vk_class{margin-left:30px;} .vk_vidget{margin-left:6px;} .facebook_vidget{margin-left:7px;margin-top:10px;} a.a_id_news{color:black;text-decoration:none;border-bottom:none;} .chars span{font-size:15px;} a.nodecor{text-decoration:none;border-bottom:none;} .social-links .h4{margin-bottom:8px;} .social-links a img{border-radius:3px;} #footer .social-links{margin-top:16px;/*margin-bottom:-20px;*/} #footer .social-links .h4{display:none;} .games_block .column{float:right;margin-top:-50px;} #dop_header .logo_img div{font-family:'Comic Sans MS';font-size:23px;font-weight:400;} .whereplay-info{margin:0px 0px 20px 0px;font-family:'Comic Sans MS';} ul.no-marker > li:before{content:'';} ._content .gallery_block{padding:0;} ._content .gallery_block ul > li{padding:0;margin:0px 0px 15px 0px;height:auto;} .time-work{ /*position: absolute; right: -14px; top: 12px; font-size: 15px;*/ /*padding-left: 30px;*/ padding-top: 7px; /*float: none;*/ font-size:15px; } .listInContent li{padding-left:0 !important;} ._content .listInContent ul > li:before{display:none;} .contentText h2{font-size:1.3em;} .contentText p{margin-bottom:10px;} .contentText ul, .contentText ol{margin-left:20px;margin-bottom:15px;margin-top:10px;} .h4{font-size:20px;font-weight:300;} .form_block .h4{margin:0 0 25px;} #footer .top_part ._right ._bottom .column .h4{font-weight:300;font-size:20px;margin:0 0 10px;} ._more_about_block ._more_about_header p{margin-right:35px;} ._more_about_block ._more_about_header{text-align:right;height:40px;} ._more_about_block p{line-height:24px;margin-bottom:10px;} ._more_about_block ul li{list-style:disc;line-height:24px;margin-left:40px;} ._more_about_block{padding:20px 20px 10px;} ._more_about_block ._more_about_content{padding:0px;} .text p{line-height:24px;margin-bottom:10px;} .text ul li{list-style:disc;line-height:24px;margin-left:40px;} ._more_about_block h1{margin-bottom:0px;} .google_powered{margin:50px 0 0 184px;display:block;float:left;color:white;} .table-primer{margin:0 auto;} .table-primer th{text-transform:uppercase; border-bottom:3px solid #ffffff; border-top:15px solid #ffffff; color:#FFFFFF; background:#000000; font-weight:normal;} .table-primer th:nth-child(3){color:#ff0000;} .table-primer tr:nth-child(7) th{background:#99BB58;} .table-primer tr:nth-child(13) th{background:#C04F4D;} .table-primer tr:nth-child(19) th{background:#8064A1;} .table-primer tr:nth-child(2) td,.table-primer tr:nth-child(4) td{background:#CBCBCB;} .table-primer tr:nth-child(3) td,.table-primer tr:nth-child(5) td{background:#E7E7E7;} .table-primer tr td{border-bottom:1px solid #ffffff;padding: 0 2px;} .table-primer tr:nth-child(8) td,.table-primer tr:nth-child(10) td{background:#DEE7D3;} .table-primer tr:nth-child(9) td,.table-primer tr:nth-child(11) td{background:#F0F3EA;} .table-primer tr:nth-child(14) td,.table-primer tr:nth-child(16) td{background:#E8D0D0;} .table-primer tr:nth-child(15) td,.table-primer tr:nth-child(17) td{background:#F4E8E8;} .table-primer tr:nth-child(20) td{background:#D7D3E1;} .table-primer tr:nth-child(21) td{background:#EDEBF0;} .table-primer tr td,.table-primer tr th{border-right:1px solid #ffffff;} .table-primer tr td:last-child,.table-primer tr th:last-child{border-right:none;} .bx-composite-btn{ display: none !important; } /*for mobile*/ @media screen and (max-width: 1024px) { #main_maket .center_maket{ width: auto; overflow: hidden; padding: 0; } #header { /*height: 100%;*/ width:100%; margin: 0; padding: 0; } #dop_header .logo_img { float: none; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } /* .main_slider_block, .videoslide.item.slide02 { display: none; width:100%; margin:0; } .main_slider_block .cont .item .slider_content{ margin-left:50%; width:45%; } .main_slider_block .arrow.prev{ left:5px; } .main_slider_block .arrow.next{ right:5px; } .main_slider_block .videoslide video{ width:100%; } */ .main_slider_block{width:100%;margin:0;} .main_slider_block .cont .item .slider_content{margin-left:50%;width:45%} .main_slider_block .arrow.prev{left:5px} .main_slider_block .arrow.next{right:5px} .main_slider_block .videoslide video{margin:0 30px !important; padding:8% !important; width:calc(84% - 60px) !important;} .main_slider_block .cont .item .slider_content .h2{font-size:24px;line-height:normal;} .main_slider_block .cont .item .slider_content .text{font-size:18px;line-height:normal;margin:0;} .main_slider_block .cont .item .slider_content {margin:0 15% 0;width:70%;padding-top:200px;} .main_slider_block .cont .item, .main_slider_block .cont .item.slide02 {background-size:240px;background-position: top center;} .main_slider_block .cont .item .slider_content .order .btn30phiolet{display:block;float:none;text-align:center;max-width:300px;} .main_slider_block .bullets {width:100%;} .time-work { left: 3px; width: 340px; } #dop_header { height: 100%; width: 100%; text-align: center; } #dop_header .phone_block { display:none; float: left; margin-top: 100%; margin-left: 100%; } .banner_block{ display: none; } .big_btn_block .big_btn { width: 114px; } .three_columns_block .column, .three_columns_block .column:first-child{ float: none; margin: 0 auto; } .three_columns_block { width: 100%; /*375px;*/ } ._more_about_block { width: 100%; /*375px;*/ } #footer { width: 100%; /*375px;*/ margin: 0; padding: 0; } #footer .top_part ._right{ float: none; width: 100%; /*375px;*/ margin-top: 15px; } #footer .top_part > div{ float: none !important; } #header u.right { right: auto; } body { min-width: 100%; /*375px;*/ } #footer .search_form_block{ display: none; } .dynamic_podmenu{ padding: 10px; } .three_columns_block { padding: 0 0 15px; } .news-detail h2 { margin: 13px 0 4px 0; } .news-detail ul{ margin-left: 30px; } .news-detail ul li { list-style: disc; } .terminal_info_block .column_left .image{ position: static !important; } .terminal_info_block .column_right { width: 100%; /*375px;*/ } .search_form_block input[type="text"] { width: 1px; float: right; z-index: 1; padding: 0 16px 0 10px; } #header .search_form_block { float: right; margin: 63px 26px 0 0; } #header .top_menu_with_one_lvl_only ul li { padding: 0 4px; } .google_powered { display: none; } .volga { display: none !important; } .social-links p { float: left; width: 100%; /*375px;*/ margin-bottom: 10px; } } @media screen and (max-width: 480px) { .main_slider_block .cont .item .slider_content .h2{font-size:20px;line-height:normal;} .main_slider_block .cont .item .slider_content .text{font-size:14px;line-height:normal;margin:0;padding-bottom:10px;} .main_slider_block .cont .item .slider_content .main_link{font-size:10px;} .main_slider_block .cont .item .slider_content .order .price, .main_slider_block .cont .item .slider_content .order .price label, .main_slider_block .cont .item .slider_content .order .area, .main_slider_block .cont .item .slider_content .order .area span {font-size:12px;} .main_slider_block .cont .item .slider_content .dop a {font-size:12px;} } .russia_free { /*float: left; margin-left: 50px;*/ font-size: 15px; /*margin-top: -7px;*/ text-align: center; /*left;*/ box-sizing: border-box; display: block; /*padding-left: 13px;*/ } .header_address { /*font-size: 15px; float: left; margin-top: -10px; margin-left: 3px;*/ font-size: 12px; } #dop_header .phone_block { float: right; width: 252px; } #dop_header .phone_block .phone { clear: both; padding-top: 0px; /* margin-left: -30px; width: 210px;*/ } #dop_header .phone_block .phone .tel{text-align: center; /*left;*/} [id^=ex_tab] { display: none; } #ex_tab1 { display: block; } .tab_button { display: block; position: relative; float: left; padding: 10px 24.5px; outline: 1px solid #f1f1f1; cursor: pointer; } .tab_button.active:before { content: " "; background: #6bd162; width: 100%; height: 5px; position: absolute; left: 0px; top: 0px; } #tab_buttons { margin-top: 25px; } .same_elements_title { font-size: 18px; font-weight: bold; display: block; margin-top: 15px; } .games_list_block ul > li::before{ content: ""; } .btn40phiolet11 { display: inline-block; padding: 0 20px; height: 25px; line-height: 25px; border-radius: 20px; margin-top: 4px; background: url(/css/../i/btn40phiolet.png) repeat-x scroll 0 0 transparent; font-weight: 300; font-size: 14px; cursor: pointer; color: #fff; box-shadow: inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5); -webkit-box-shadow: inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5); -moz-box-shadow: inset 0 0 5px 2px rgba(252,252,252,0.5), 0px 5px 5px -3px rgba(83, 37, 128, 0.5); } .btn40phiolet11:hover{background:url(/css/../i/btn40phiolet.png) repeat-x scroll 0 -40px transparent;color: #fff;} .btn40phiolet11:active{background:url(/css/../i/btn40phiolet.png) repeat-x scroll 0 -80px transparent;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);color: #fff;} .games_block{ overflow: hidden; height: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .hideblock{ height: 0; } .activeblockgame{ box-shadow: inset 0px 0px 15px #B9B9B9; } .activeblockgame .listgames{ display: none; } .activeblockgame .hidelist{ display: inline-block; } .hidelist{ display: none; } .listgames:after{ content: '↓'; } .activeblockgame .hidelist:after{ content: '↑'; } .show_branding1{ color: #7b29c5; font-weight: 300; text-decoration: none; border-bottom: 1px solid rgba(123,41,197,0.5); } .show_branding1:hover{ cursor: pointer; } .modal_brending{ display: none; z-index: 400; position: absolute; width: 500px; background: #fff; box-sizing: border-box; padding: 30px; border: 2px solid #7b29c5; border-radius: 15px; } .pp_overlay{ background: #000; opacity: 0.8; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 300; } .modal_brending .close{ background:url(/css/../i/modal_close.png) no-repeat scroll 0 0 transparent; width: 15px; height: 15px; position: absolute; right: 15px; top: 15px; } .modal_brending .close:hover{ background:url(/css/../i/modal_close.png) no-repeat scroll -15px 0 transparent; cursor: pointer; } .adre { display: block; position: absolute; width: 320px; left: 380px; top: 120px; font-size:15px; } .adre p{ display: block; float: left; margin-left: 10px; } .hiddenmat{ cursor: pointer; } ._content h2 { font-weight: bold; } .enflag{ display: block; float: left; margin-top: 9px; /*margin-left: 9px;*/ } ._content .terminals_list_block ul > li::before { content: ""; } /* правки */ #header .top_menu_with_one_lvl_only ul li:nth-child(1), #header .top_menu_with_one_lvl_only ul li:nth-child(2){ display: none; } .big_btn_block .btn30yellow { padding: 15px 75px; background-size:cover; font-size:20px; margin-bottom:20px; } .big_btn_block .btn30yellow:hover { background-position: 0 -60px;box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-webkit-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5);-moz-box-shadow:inset 0 0 5px 2px rgba(252,252,252,0.5); color: #542682; background-size:cover; } .flags { padding-right:10px; /*float:right;*/ } .flags img { margin-right:5px !important; height:20px !important; width:auto !important; } .available { font-size:16px; margin:10px 0 30px; font-weight: 400; padding-left:30px; line-height: 30px; background: url(/images/available.png) left center no-repeat; } .notavailable { font-size:16px; margin:10px 0 30px; font-weight: 400; padding-left:30px; line-height: 30px; background: url(/images/notavailable.png) left center no-repeat; } .available a, .notavailable a { float:right; margin-right:20px; } .avail { color: #008000; font-weight: 400; } .hsm_lnk { position: absolute; left: 430px; bottom: 30px; color: #fff; } /* meanna mobile */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } button.slick-arrow { width: 46px; height: 46px; position: absolute; top: 50%; margin-top: -23px; z-index: 10; border: 0px; cursor: pointer; border-radius: 100px; background: #fff; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14); display: flex !important; align-items: center; justify-content: center; } button.slick-prev.slick-arrow { left: -10px; padding: 0 0 0 2px; transform: scale(-1, 1); } button.slick-next.slick-arrow { right: -10px; padding: 0 0 0 5px; } button.slick-prev.slick-arrow.left0 { left: 0px; } button.slick-next.slick-arrow.right0 { right: 0px; } button.slick-arrow svg { width: 24px; transition: all 0.15s; opacity: 0.6; } @media(hover) { button.slick-arrow:hover svg { opacity: 1; } } @media(touch) { button.slick-arrow svg { opacity: 1; } } ul.slick-dots { display: block; text-align: center; position: relative; margin: 10px 0px 0px 0px; z-index: 1; width: 100%; } ul.slick-dots> li { display: inline-block; position: relative; list-style: none; margin: 0px; padding: 0px; } ul.slick-dots> li> button { display: inline-block; text-indent: -9999px; width: 12px; height: 12px; margin: 0px 4px; border-radius: 100px; cursor: pointer; background: #d6d6d6; border: 0px; } ul.slick-dots> li.slick-active> button { background: #8A29E2; } @media screen and (max-width: 1024px) { #header { /*height:60px;*/ position: fixed; z-index:100; } #header .header_container{height:60px;} #header .top_menu_with_one_lvl_only ul li:nth-child(1), #header .top_menu_with_one_lvl_only ul li:nth-child(2){ display: block; margin:5px 0; } #header .top_menu_with_one_lvl_only ul li:nth-child(1) a, #header .top_menu_with_one_lvl_only ul li:nth-child(2) a { line-height: 1.3; } #header .top_menu_with_one_lvl_only ul li:nth-child(1) span, #header .top_menu_with_one_lvl_only ul li:nth-child(2) span{ line-height: 1.3; display: block; padding:10px 0; margin:10px 0; } ul.prodsItems { margin: 0 -10px; } #header .top_menu_with_submenu { background: #fff; float: left; position: relative; width: 250px; z-index: 90; border-right: 1px solid #933DE6; border-left: 1px solid #933DE6; display: none; position: absolute; z-index:101; margin-left:50px; } #header .top_menu_with_one_lvl_only { background: #fff; float: left; position: relative; width: 250px; z-index: 20; border-right: 1px solid #933DE6; border-bottom: 1px solid #933DE6; border-left: 1px solid #933DE6; margin-left:50px; position: absolute; top:200px; display: none; } #header .top_menu_with_submenu.active, #header .top_menu_with_one_lvl_only.active { display: block; } #header .top_menu_with_submenu > ul > li { display: block; float: none; } #header .top_menu_with_one_lvl_only ul li { float: none; padding-left: 30px; } .enflag { float: right; margin-right: 20px; margin-top: 20px; } #header .search_form_block { float: right; margin: 15px 15px 0 0; width: 250px; } .search_form_block input[type="text"] { width: 240px; } .big_btn_block .big_btn { width:100%; /*350px;*/ margin-left: auto; margin-right: auto; font-size:17px; line-height: 0.8; } .big_btn_block .big_btn { background: #812EDF !important; height: 50px; margin-bottom: 10px; padding: 18px 10px !important; font-size: 17px; line-height: 0.8 !important; justify-content: center; } .big_btn_block .big_btn_green { background: #8FEB79 !important; } #dop_header { padding: 100px 0 0px !important; height:160px; } #dop_header .big_btns, .big_btns .big_btn_block { float: none; } #dop_header .phone_block { float: none; position: absolute; top: 0; width: 100%; margin-left:20px; } #dop_header .phone_block .phone .btn_phone { left: 0; } .terminals_list_block h2 { margin-top:30px; width:80%; margin-left:10%; } #dop_header .phone_block .phone .tel { padding-left: 40px !important; width: 190px; } #dop_header .phone_block .phone .tel a{ font-size: 25px; font-weight: 300; line-height: 30px; color: #000; border-bottom: none; } .time-work { left: auto; padding: 0; position: absolute; right: 40px; top: 0; width: 80px; } #dop_header .phone_block .feedback_btn { margin-left:35px; width:120px; margin-top:10px; background: none; border: none; border-radius: 0; padding:0; box-shadow:none; border-bottom: 1px dashed #812EDF; color: #812EDF; } #dop_header .big_btns { display: none; } #dop_header .adre{ display:none; } .social-links { padding-left: 0; /*60px;*/ } .social-links .h4 { font-size:14px; margin-top:20px; } .social-links p { width: 120px; margin-top:20px; } ._more_about_block { width:80%; margin-left:10%; overflow: visible; } ._more_about_block h1 { font-size:20px; line-height:1.2; } ._more_about_block p { line-height:1.2; } ._more_about_block ._more_about_header { line-height: 32px; background: none; } ._more_about_block ._more_about_header p { font-size:13px; background: none; padding:0; } #footer { box-sizing: border-box; padding: 0 20px; width: 100%; /*335px;*/ } #footer .top_part ._left { width:100%; } #footer .top_part ._left .feedback p.tel { float:left; margin-right:15px; } #footer .top_part ._left .feedback p.tel a { font-size:25px; border: none; } #footer .top_part ._left .feedback p.email { float:left; } #footer .top_part ._left .feedback p { float:right; } #footer .top_part ._left .feedback .btn30yellow { display: inline-block; /*margin: -10px 0 10px;*/ } #footer .top_part ._right ._bottom .column { float: left; margin-right: 5%; width: 45%; max-width: unset; } ._bottom .column:nth-child(3) { clear:both; } #footer .top_part ._right ._top { height: auto; margin-bottom: 20px; } .big_btn_block .big_btn { width: 100%; /*330px;*/ } #footer .social-links p { float: none !important; } /*.three_columns_block .column { margin-left:40px; }*/ #footer .bottom_part .alniko { margin-left:0;/*70px;*/ } #footer .bottom_part .counters { padding:0; } .russia_free { text-align: center; width: 215px; } #header u.left { left: 0px; background: #812EDF url(/images/mobile.png) center center no-repeat; background-size:contain; width:50px; height: 60px; position: absolute; left:0; top:0; z-index:100; cursor:pointer; } .center_maket h1 { margin-left: 0; margin-right: 0; font-size: 30px; line-height: 1.1; } .dynamic_podmenu { margin-left: 0; margin-right: 0; margin-bottom: 0px; padding: 0; } .dynamic_podmenu a { padding:0 25px 0 0; } /* ._content { padding: 10px 25px !important; } */ .table-primer { width: 100% !important; } .contacts_block { margin-left:20px; margin-right:20px; padding-bottom: 0; } #contacts_map, #contacts_yandex_map { height: 320px; width: 100%; /*325px;*/ float: none; } .text { margin-left:20px; margin-right:20px; padding-bottom:20px; } .text h2, .text h3 { font-weight: normal; margin-bottom:15px; line-height:1.2; } .games_block { /*margin-left:20px !important; margin-right:20px !important;*/ overflow: visible; } .games_list_block { margin-left:0; /*-40px !important;*/ } .games_list_block ul li{ padding: 0px !important; width:300px; margin-bottom: 20px !important; } .games_block .games_list_block ul li .text { width:100%; } .games_block .games_list_block ul li .img { width: 100%; margin: 0 30px 20px 20px; } .games_pack_list .main_info strong { font-size: 12px; } .news_block { padding: 20px 0 100px; } div.news-detail { padding: 20px 25px; } .comeback { text-align: center; margin-bottom:30px; } .gallery .item { width:45%; } .gallery .item img{ max-width:95%; } .fancybox-overlay { max-width:375px; } .cat-detail { padding: 0 0px 30px; } .cat-detail .terminal_info_block .column_right { width: 335px; } .cat-detail .terminal_info_block .column_left { width:100%; } .cat-detail .terminal_info_block { width: 335px; } .cat-detail .terminal_info_block .column_left .image { width:100%; } .cat-detail .terminal_info_block img { max-width:100%; } .cat-detail .terminal_info_block .column_right .chars { margin:10px 0; text-align: left; /*center;*/ } .cat-detail .terminal_info_block .column_right .chars span { display: inline; } .configure_block label span { display: inline-block; line-height: 1.5; max-width: 180px; } .terminal_info_block .configure_block ._part u { display:inline-block; font-size: 16px; margin:10px 0; } .terminal_info_block .configure_block ._part > div{ margin:10px 0; } .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .order .btn40phiolet { display: block; text-align: center; } .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .dop_info .order .price { float: none; margin-bottom:20px; text-align: center; } .terminal_info_block .configure_block ._kolvo_part._part input[type="text"] { text-align: center; } .desc_block h3 { font-weight: normal; margin:15px 0; } #ex_tab1, #ex_tab2, #ex_tab3 { clear: both; } #ex_tab2 .video iframe { width:100%; } #terminal_options label { position:relative; padding-left:20px; } #terminal_options input[type=checkbox] { position:absolute; left:0; top:5px; } .table-responsive { min-height: 0.01%; overflow-x: auto; } .table-responsive table { width: auto !important; margin: 20px 0 !important; } .gallery_block ul li { width:160px; height: auto; } .gallery_block ul li a img { width: 100%; height:auto; margin-left:26px; margin-right: 26px; } /*.videoslide video { background: none !important; height: 230px !important; margin: 0 auto 30px !important; padding: 0 !important; width: 320px !important; }*/ .reviews_list_block { padding: 0 20px; } .review_text_block { width:100% !important; } .reviews_list_block li .review_item { float: left; margin: 0 0 0 80px; padding: 45px 0 0; width: 100%; } .review_text .review_content p { line-height: 18px; } .review_btn { display: block; margin: 0 auto; text-align: center; width: 200px; } .ithive_office_plus_search .section_select { float: none !important; height: auto !important; width: 100% !important; padding-left:20px; } .filter_1, .filter_2 { width:100% !important; padding-left:20px; } .ithive_office_plus_search_form_buttons { float: left; margin-top:20px; padding-left:20px; height: 50px; position: static !important; } #YMapID { width:100% !important; height:600px !important; } #YMapID .ymaps-map { height:400px !important; } #YMapID2{ width:100% !important; } .left-form, .right-form { float: none !important; margin-bottom: 0 !important; margin-top: 0 !important; width: 100% !important; } .right-form { padding-left:0 !important; } .left-form { padding-bottom:70px !important; } .ithive_office_plus_result_head { /*display: none;*/ } .ithive_office_plus_odd_grey_head { margin:0; } .pdf-file { width:200px !important; } .show-more-btn { left: -15px !important; top:4px !important; } .tab_button { font-size:13px; padding:10px 7px; } .dynamic_podmenu span { margin-right:25px; } /* #fancybox-left, #fancybox-right { display: block !important; }*/ #fancybox-right { left: auto !important; right: 0 !important; } #fancybox-left { left: 0 !important; right: auto !important; width: auto !important; } .dealers_list_block { padding: 0 25px; } .contacts_block ._left { margin-bottom:30px !important; } .contacts_block .row ._right table tr td p a { display: inline; } .contacts_block .form_block { margin-bottom:10px; } #we_are { overflow: hidden; width: 300px; } #we_are > ymaps{ left: 0px !important; width: 300px !important; } .modal.modal_show_at_map .window { width:370px !important; margin: -250px 0 0 -185px !important; } ._content table.table tr td:last-child { width: 70px; } .branding_block ul li { width:100%; } #header .top_menu_with_submenu > ul > li > ul { max-width:250px; } #header .top_menu_with_submenu > ul > li > ul li { max-width:250px; } #header .top_menu_with_submenu > ul > li > ul > li > a { white-space:normal; height: auto; margin:10px 0; } /*.formparol { display: block !important; }*/ .formparol a { margin-right: 10px !important; } .cat-detail .terminal_info_block .column_right .chars span { white-space:nowrap; } #footer .top_part ._left .feedback{ max-width:250px; } .ithive_office_plus_search, .ithive_office_plus_search_form{ display:block; height:auto; padding:0; } #whereusta{ padding:0 20px; } .item_title{ font-size:100%; } .dynamic_podmenu { margin-top: -20px; } .fotorama__arr{ background-size: 90px 60px !important; } .dynamic_podmenu a i{ white-space:nowrap; } .terminal_info_block .configure_block ._part .row label{ /*display:flex; align-items: baseline;*/ } .terminal_info_block .configure_block ._part .row input[type="radio"]{ float:left; margin:3px 5px auto 0; } .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .configure_block .dop_info>div{ text-align:center; } .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .configure_block .dop_info .credit-btn{ display: none !important; } .terminal_info_block .column_right .terminal_tabs_block .tab_blocks .tab_block .configure_block .dop_info .order_btn{ float: none !important; } .dop_menu_block a{ margin-bottom:5px !important; display:inline-block; } } .priceold i, .priceold em { font-style: normal; font-family: 'ALSRubl'; } p.seoh2 { font-weight: bold; } .modal p.seoh4 { font-size: 20px; font-weight: 300; } hr.divider { height: 1px; background-color: black; margin-bottom: 20px; } @media screen and (max-width: 840px) { .news-detail img{ width:100%; max-width: 384px; height:auto; } .games_block.games_pack_list .main_info{ width:100%; } #footer .bottom_part{ flex-direction:column; } #footer .bottom_part .alniko{ margin:10px 0 0; } #footer .bottom_part .footer_pc{margin:0;padding:10px 0;} #footer .bottom_part .copyright>div{margin:0 0 10px;} } @media screen and (max-width: 768px) { } @media screen and (max-width: 580px) { ul.prodsItems { margin: 0; } } @media screen and (max-width: 430px) { #header .search_form_block{ width:calc(100% - 140px); } .search_form_block input[type="text"] { width:100%; } .center_maket h1 { font-size: 26px; margin: 0 0 20px; } .dynamic_podmenu_bg { margin: 0 0 10px; } .dynamic_podmenu { margin-top: 0px; } #footer .top_part ._right ._bottom .column.last ul li{ float:none; } .bx-breadcrumb .bx-breadcrumb-item{ white-space: normal !important; } .footer_pc{ margin:10px 0 20px !important; padding:0 !important; font-size:10px !important; text-align:justify; } .bx_filter.bx_blue.bx_horizontal { margin: 20px 0; } } @media screen and (max-width: 320px) { .logo_img, .logo_img img{margin:0; width:100% !important;height:auto;} .center_maket h1{font-size:24px;margin:0;} } #YMapID2, #YMapID { background: url(/i/map_loading.webp) no-repeat top left; margin: 20px 0; overflow: hidden; border-radius: 8px; width: 100% !important; } .modal_feedback .form_button{ padding:10px 0; text-align:center; } .footer_pc{ display:block; font-size:13px; padding:10px; margin:0 20px; } .link_flag{float:right;text-decoration:none !important;border-bottom:none;} .hiddenmat a::before{ display:inline-block; content:''; width:14px; height:14px; background:url('/i/lock14.png') top left no-repeat; } .share_terminal_caption{ margin:10px 0; } .ya-share2__link{ border-bottom:none; } #popup_cookie{ position:fixed; bottom:10px; left:10px; width:400px; padding:30px 45px; background:#ffffff; z-index:3000; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); } @media screen and (max-width: 500px) { #popup_cookie{left:10px;right:10px;width:auto;} } #footer .search_form_block{width:250px;} .footer_pc a{color:#d7b3f5; border-color:#d7b3f5;} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.list/topsale/style.css?16639410561579*/ #top_sale{ display:block; } #top_sale2{ display:none; } .topsale_container{ width:100%; height:50px; background-color:#ffd100; display:flex; justify-content:center; align-items:center; overflow:hidden; } .topsale_container>*{ padding:0 50px; } .topsale_text{ font-size: 18px; font-weight:normal; color:#7b29c5; text-align:center; } .topsale_text.small{font-size:12px;} .topsale_text.middle{font-size:24px;} .topsale_text.large{font-size:36px;} .topsale_text.bold{ font-weight:bold; } .topsale_pic { height:100%; } .topsale_pic>img{ object-fit:contain; height:100%; } { } @media (max-width: 1024px) { #top_sale{ display:none; } #top_sale2{ display:block; } .topsale_text{ font-size: 14px; } .topsale_text.small{font-size:12px;} .topsale_text.middle{font-size:18px;} .topsale_text.large{font-size:30px;} .topsale_container>*{ padding:0 10px; } } @media (max-width: 780px) { .topsale_text{ font-size: 12px; } .topsale_text.small{font-size:12px;} .topsale_text.middle{font-size:16px;} .topsale_text.large{font-size:20px;} .topsale_container>*{ padding:0 10px; } } @media (max-width: 600px) { .topsale_text{ font-size: 10px; } .topsale_text.small{font-size:10px;} .topsale_text.middle{font-size:12px;} .topsale_text.large{font-size:16px;} } @media (max-width: 360px) { .topsale_text{ font-size: 8px; } .topsale_text.small{font-size:8px;} .topsale_text.middle{font-size:12px;} .topsale_text.large{font-size:12px;} } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/search.title/chSearch/style.css?1673630067827*/ div.title-search-result { display: block; z-index: 200; background: #fff; border-radius: 8px; box-shadow: 0px 5px 25px rgb(0 0 0 / 20%); } table.title-search-result { display: flex; flex-direction: column; position: relative; width: 100%; border: 0; border-collapse: collapse; } table.title-search-result> tbody { display: block; } table.title-search-result> tbody> tr[id] { display: block; } table.title-search-result> tbody> tr[id]> td { display: block; } table.title-search-result> tbody> tr[id]> td> a { display: block; padding: 5px 10px; font-size: 14px; position: relative; padding: 5px 10px 5px 25px; } table.title-search-result> tbody> tr[id]> td> a> img { position: ABSOLUTE; top: 5px; left: 7px; } table.title-search-result> tbody> tr[id]> td> a> b { font-weight: 400; color: #d95656; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1611143014448*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/inner/template_styles.css?1772537198116*/ .sitemap_block { float: left; } .page_404_content_block { float: left; } .notshowmenu{ display:none!important; } /* End */ /* /css/style.css?1679858378217257 */ /* /bitrix/templates/.default/components/bitrix/news.list/topsale/style.css?16639410561579 */ /* /bitrix/templates/.default/components/bitrix/search.title/chSearch/style.css?1673630067827 */ /* /bitrix/templates/.default/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1611143014448 */ /* /bitrix/templates/inner/template_styles.css?1772537198116 */