/* default */ .b_company{display:table; width:100%;} .b_company ul{margin:0; padding:0;} .b_company__content{display:table-cell; vertical-align:top; font-size:16px; line-height:24px; color:#000;} .b_company__content img{display:inline-block; vertical-align:top; width:auto; height:auto;} .b_company__content h1{font-size:30px; font-weight:bold; line-height:40px; margin:0; padding:0px 0 30px 0;} .b_company__content h2{font-size:24px; font-weight:bold; line-height:31px; margin:0; padding:0 0 20px 0; color:#000;} .b_company__content h3{font-size:18px; font-weight:bold; line-height:24px; margin:0; padding:0 0 20px 0; color:#000;} .b_company__content p{font-size:16px; line-height:24px;} .b_company__content a{font-size:16px; color:#106edc; text-decoration:none;} .b_company__content a:hover{color:#ff4c14;} .b_company__nav{display:none;} /* default pda */ #wrapper .page{padding-top:15px;} #wrapper .b_company{display:block; position:relative;} #wrapper .b_company__content{display:block;} #wrapper .b_company__content h1{font-size:20px; padding:0 0 5px 0;} #wrapper .b_company__content h2{font-size:24px;line-height: 26px;} /* menu */ .b_company__nav__close{position:absolute; top:-4px; right:0; width:30px; height:30px; cursor:pointer; z-index:10; display:none;} .b_company__nav__close:before, .b_company__nav__close:after{position:absolute; content:""; height:13px; width:2px; right:14px; top:8px; background:#767579; opacity:1; transition:all 0.3s ease 0s;} .b_company__nav__close:hover:before, .b_company__nav__close:hover:after{background:#000;} .b_company__nav__close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);} .b_company__nav__close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .b_company__nav__root{position:relative; font-size:16px; line-height:20px; color:#767579; padding:0 0 10px 18px; display:inline-block; vertical-align:top; cursor:pointer;} .b_company__nav__root:after{content:""; border:1px solid #767579; border-width:2px 0 0 2px; width:8px; height:8px; position:absolute; left:0; top:4px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .b_company__menu{display:table-cell; vertical-align:top; width:240px; padding:0 20px 0 0;} .b_company__menu-list a{text-decoration:none;} .b_company__menu-list a:hover{color:#ff4c14;} .b_company__menu-list > li{color:#3b393f; font-size:14px; line-height:20px; padding:10px 0;} .b_company__menu-list > li > a{color:#3b393f; font-weight:bold;} .b_company__menu-list > .active > a, .b_company__menu-list > .active > a{color:#ff4c14;} .b_company__menu-list > li > ul{padding:10px 0 0 20px; margin-bottom:-10px;} .b_company__menu-list > li > ul > li{color:#767579; padding:10px 0;} .b_company__menu-list > li > ul > li > a{color:#767579;} .b_company__menu-list > li > ul > li.active > a{color:#ff4c14;} /* menu pda */ #wrapper .b_company__nav{display:block; padding:0 0 0 11px;} #wrapper .b_company__menu{display:none; width:auto; position:absolute; z-index:20; padding:0; top:-15px; left:0; right:0; margin:0 -10px; background:#fff; transition:all 0.3s ease 0s;} #wrapper .b_company__menu-list{padding:0 10px 30px;} #wrapper .b_company__menu-list > li{border-bottom:1px solid #ebebeb; padding:15px 0} #wrapper .b_company_act .b_company__nav__close{display:block;} #wrapper .b_company_act .b_company__menu{display:block;} #wrapper .b_company_act .b_company__content{display:none;} /* default cms slider style */ .scrollbar-slider-wrapper{min-width:320px;max-width:620px;overflow:hidden; margin:39px 0 0;} .scrollbar-slider-wrapper .scrollbar-contentwrapper{margin:0;} .scrollbar-slider{display:inline-block;white-space:nowrap;} .scrollbar-slider__item{display:inline-block;vertical-align:top;padding:0 0px 47px;} .scrollbar-slider__img{text-align:center;padding:0 0 20px 0;} .scrollbar-slider__href{text-align:center;font-size:14px;line-height:18px;color:#9d9c9f; margin:-5px 0 0;} .mobile img {width:340px;} .scrollbar-slider-wrapper .scrollbar-navBar{position:absolute;top:35%;top:calc(50% - 67px);bottom:0;cursor:pointer;display:inline-block;border:1px solid #767579;border-width:2px 0 0 2px;vertical-align:middle;transform:rotate(-45deg);width:17px;height:17px;} .scrollbar-slider-wrapper .scrollbar-navBar__left{left:5px;} .scrollbar-slider-wrapper .scrollbar-navBar__right{transform:rotate(135deg);right:5px;} .scrollbar-markers{position:absolute;left:0;right:0;bottom:0;text-align:center;} .scrollbar-marker{width:10px;height:10px;display:inline-block;vertical-align:top;margin:0 4px;background:#ebebeb;cursor:pointer;border-radius:50%;} .scrollbar-marker_active{background:#9d9c9f;} /* css is not pda ;) */ .scrollwrapper{position:relative;overflow:hidden;} .scrollwrapper .scrollbar{position:relative;} .scrollwrapper .scrollarea{position:absolute;background:#e4e4e2;} .scrollwrapper .scrollareaY{right:0;top:0;bottom:0;width:6px;background:#e4e4e2;} .scrollwrapper .scrollareaX{left:0;right:0;bottom:0;height:6px;background:#e4e4e2;} .scrollwrapper .scrollareaY .scroller{position:absolute;right:0;top:0;width:100%;background:#636361;opacity:0.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .scrollwrapper .scrollareaX .scroller{position:absolute;left:0;top:0;width:100%;background:#636361;opacity:0.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:100%;} @media screen and (max-width:719px){ .scrollbar-slider-wrapper{margin:0 -10px;} .scrollbar-slider__item{padding-left:0;padding-right:0;} .scrollbar-slider__img img{max-width:560px; width:100%; height:auto;} .mobile img {width:300px;} } /* pages */ /* karkas shapka */ .social-likes{overflow:hidden; text-align:center; padding:0 0 0px 0; margin:31px auto 0px;} .social-likes .social-likes__widget{display:inline-block;vertical-align:top;overflow:hidden;margin:0 5px 10px 5px;cursor:pointer;} .social-likes .social-likes__button{float:left;width:30px;height:30px;background:url('/static/pr/nw/nv2015/socials.png') no-repeat 0 0;text-indent:-9999px;} .social-likes .social-likes__counter{float:left;width:30px;height:30px;background:#41658b;line-height:30px;text-align:center;color:#fff;font-weight:bold;} .social-likes .social-likes__button_odnoklassniki{background-position:-30px 0;} .social-likes .social-likes__button_facebook{background-position:-60px 0;} .social-likes .social-likes__button_twitter{background-position:-90px 0;} .social-likes .social-likes__button_plusone{background-position:-120px 0;} .social-likes .social-likes__button_mailru{background-position:-150px 0;} .social-likes .social-likes__widget_odnoklassniki .social-likes__counter{background-color:#f47200;} .social-likes .social-likes__widget_facebook .social-likes__counter{background-color:#39579a;} .social-likes .social-likes__widget_twitter .social-likes__counter{background-color:#50abf1;} .social-likes .social-likes__widget_plusone .social-likes__counter{background-color:#bd3106;} .social-likes .social-likes__widget_mailru .social-likes__counter{background-color:#008be5;} /* company page */ .b_company .main-section {max-width:640px; margin:0 0;} .b_company .main-section p {font-size:16px;line-height:19px; margin:20px 0; text-align:left;} .b_company .main-section h2 {margin:36px 0 0; padding:0;} .b_company .main-section ol + h2 {margin: 51px 0 10px;} .b_company .main-section .begfield {margin:34px 0 62px; height:310px;} .b_company .main-section .ebukva {margin:0 0;} .b_company .main-section .ebukva img {vertical-align:top; width:100%;} .b_company .bottom-block {max-width:640px; text-align:center; background-color:#efeee9; padding:17px 0 60px; margin:60px 0 0;} .b_company .bottom-block .sharelinks {font-size:0; line-height:0; margin:19px 0 0;} .b_company .bottom-block .sharelinks:after {content:"";clear:both; display:block;} .b_company .bottom-block .sharelinks div {display:inline-block;margin:10px;} @media screen and (max-width:939px){ .b_company .main-section p {font-size:14px; line-height:20px; margin:20px 0 23px;} .b_company .main-section h2 {margin:23px 19px 0;} .b_company .main-section .begfield {margin:-12px 0 0; height:160px;} .b_company .main-section .ebukva {margin:19px 0 40px;} .b_company .main-section .ebukva img {vertical-align:top; width:100%;} .b_company .bottom-block {background:#efeee9; padding:1px 0 20px; margin:25px 0 0!important;} .b_company .bottom-block .sharelinks {font-size:0; line-height:0; margin:0px 0 0;} .b_company .bottom-block .sharelinks:after {content:"";clear:both; display:block;} .b_company .bottom-block .sharelinks div {display:inline-block; margin:0 10px 20px 10px;} .b_company .bottom-block .sharelinks div img {height:50px;} } /* contact page */ .page_contact {max-width:702px;} .page_contact h3 {font-size:20px;font-weight:bold;line-height:22px;} .page_contact p{font-size:16px;line-height:24px;margin:8px 0 0;} .page_contact .inside_block {display:block;font-size:0;line-height:0;margin:30px -10px 30px;} .page_contact .inside_block .content_item {width:340px;font-size:16px;font-weight:bold;line-height:50px;border-radius:3px;margin:10px 10px;padding:0 0 0 15px;display:inline-block; color:#000; background:#F5F5F5 url(/static/pr/okompany/i/dark_arrow.svg) 314px center no-repeat;} .page_contact .inside_block a.content_item:hover {color:#2E2E2E; background: #F5F5F5 url(/static/pr/okompany/i/light_arrow.svg) 314px center no-repeat;} .page_contact .map_block {margin:20px 0 33px;} .page_contact .requisite {margin:0px 0 30px;} @media screen and (max-width:939px){ .page_contact {min-width:300px;} .page_contact h3 {font-size:18px;} .page_contact p{margin:8px 0 0;} .page_contact .inside_block {margin:30px -10px 30px;} .page_contact .inside_block .content_item {width:300px;font-size:14px;line-height:50px;margin:10px 10px;padding:0 0 0 15px;display:block;background-position-x:280px;} .page_contact .inside_block a.content_item:hover {background-position-x:280px;} .page_contact .map_block {margin:20px 0 33px;} .page_contact .requisite {margin:0px 0 30px;} } /* press-slugba */ .b_company .press-section {max-width:840px;} .b_company .press-section h2 {line-height:25px;} .b_company .press-section h3 {font-size:16px; line-height:19px; font-weight:bold; margin:20px 0 0 0;} .b_company .press-section p {margin:0;} .b_company .press-section .pr-block {margin:0 auto 26px; overflow:hidden; padding:24px 0 24px; text-align:left; max-width:840px; border-top:1px #d8d8d9 solid; border-bottom:1px #d8d8d9 solid;} .b_company .press-section .pr-block >div {font-size:16px; line-height:28px;} .b_company .press-section .pr-block .pic {float:left; margin:0 51px 0 31px;} .b_company .press-section .fake-h2 {font-size:22px; font-weight:bold; line-height:30px; margin:25px 0 0;} .b_company .press-section .download-logo {margin:27px -49px 55px;} .b_company .press-section .download-logo >div {display:inline-block; padding:0px 78px} .b_company .press-section .download-logo .link {margin:25px 0 0;} .b_company .press-section .info-press-reliz {margin:33px 0 0; text-align:left;} .b_company .press-section .info-press-reliz ul {margin:17px 0 20px 10px; list-style-type:none;} .b_company .press-section .info-press-reliz ul li {padding:0px 0 1px 25px; font-size:16px; line-height:20px; background:url('https://www.litres.ru/static/pr/okompany/bg-li.png') no-repeat 0 6px;} .b_company .press-section .glady {font-size:20px; line-height:30px; font-weight:bold; margin:14px 0 0; text-align:left;} @media screen and (max-width:959px){ .b_company .press-section {min-width:320px; margin:31px auto; padding:0 20px 60px;} .b_company .press-section h2{line-height:19px; margin:30px 20px 6px} .b_company .press-section h3{font-size:14px; line-height:20px;} .b_company .press-section .pr-block {margin:0 auto 27px; border-top:0px;} .b_company .press-section .pr-block .pic {float:none; margin:0; display:inline-block; vertical-align:middle;} .b_company .press-section .pr-block .pic img {width:120px;} .b_company .press-section .pr-block .pr-menejer {margin:0 0 0 20px; display:inline-block; vertical-align:middle; font-size:14px; line-height:21px; color:#767579;} .b_company .press-section .pr-block .pr-menejer strong {color:#3b393f;} .b_company .press-section .pr-block .contacts {width:100%; text-align:center; margin:21px 0 7px; font-size:16px; line-height:24px;} .b_company .press-section .pr-block .together {white-space:nowrap;} .b_company .press-section .download-logo {margin:6px 0 -6px;} .b_company .press-section .download-logo .link {margin:13px 0 0; font-size:16px; line-height:30px;} .b_company .press-section .download-logo >div {padding:24px 0 10px; display:block;} .b_company .press-section .info-press-reliz {margin:0px 0 0;} .b_company .press-section .info-press-reliz ul {margin:15px 0 20px 10px;} .b_company .press-section .info-press-reliz ul li {padding:0px 0 1px 25px; font-size:14px; line-height:20px; background-position:0px 8px;} .b_company .press-section .glady {font-size:14px; line-height:20px; margin:21px 0 0;} } /* comand page */ .whole_page {max-width:1024px; text-align:center;} .whole_page .biography {margin:22px auto 50px; padding:0 109px 0; overflow:hidden; text-align:left;} .whole_page .biography .wrap-picture {margin:96px 0px 0 0; float:left;} .whole_page .biography .wrap-picture img {width:208px;} .whole_page .biography .postfio { padding-left:258px;} .whole_page .biography .postfio .name {font-weight:bold; font-size:36px; line-height:39px;} .whole_page .biography .postfio .post {font-size:14px; line-height:20px; margin:8px 11px 0;} .whole_page .biography .info {margin:31px 0 0; padding-left:248px;} .whole_page .biography .info p {font-size:16px; line-height:22px; margin:21px 0 0;} .whole_page .biography .info a {display:inline;} .whole_page .biography .info .fotoforsmi {font-size:16px; margin:20px 0 0;} .whole_page .favorite-books {line-height:0; font-size:0; margin:11px 0 24px;} .whole_page .favorite-books:after{clear:both; content:""; display:block;} .whole_page .favorite-books > div{display:inline-block; margin:20px 10px 0;} .whole_page .bosses {background:#efeee9; padding:20px 0 0px;} .whole_page .bosses .item {margin:10px 0px; padding:10px 8px 27px; text-align:center; width:145px; display:inline-block; vertical-align:top; box-sizing:unset; position:relative;} .whole_page .bosses .item:hover {background:#fff;} .whole_page .bosses .item:hover .initial .name a {color:#ff4c00;} .whole_page .bosses .item .initial {margin:11px 0 0;} .whole_page .bosses .item .initial .name {color:#106edc; font-size:14px; line-height:20px; font-weight:bold;} .whole_page .bosses .item .initial .job {color:#4a4a4a; font-size:14px; line-height:20px;} .whole_page .bosses .active-on{background:#fff;} .whole_page .bosses .active-on .initial .name, .whole_page .bosses .item:hover .name{color:#ff4c00;} .whole_page .bosses .boss-link{display:block;top:0;left:0;width:100%;height:100%;position:absolute;} .whole_page .workers {font-size:0; line-height:0; margin:20px 0 0;} .whole_page .workers .each {display:inline-block; position:relative; vertical-align:top; width:165px; height:165px;} .whole_page .workers .each .text {font-size:14px; width:100%; position:absolute; height:100%; top:0; left:0; line-height:16px; text-align:left; color:#fff; background:#00f; opacity:0; transition:all 0.7s ease 0s;} .whole_page .workers .each .on {opacity:1;} .whole_page .workers .each .text:hover {opacity:1;} .whole_page .workers .each .text .st{padding:0 10px; display:table-cell; width:165px; background:#ff4c00; height:165px; vertical-align:middle; wortd-break:break-all;} @media screen and (max-width:939px){ .whole_page {margin:0 auto; padding:0 0px;} .whole_page .bosses {display:table; margin:1px 0px; padding:0px 0px 29px; background:#fff;box-sizing:unset;} .whole_page .bosses:after {clear:both; content:""; display:block;} .whole_page .bosses .item {padding:30px 0px 29px; margin:0 auto; display:table-row; width:100%; display:inline-block; border-bottom:1px #d8d7d9 solid;box-sizing:unset;} .whole_page .bosses .item > div {display:table-cell; vertical-align:middle;} .whole_page .bosses .item .foto img {width:120px; vertical-align:top;} .whole_page .bosses .item .initial {padding:0 0 0 20px; text-align:left;} .whole_page .bosses .item .initial .name {font-size:14px; line-height:20px;} .whole_page .bosses .item .initial .job { margin:1px 0 0; font-size:14px; line-height:20px;} .whole_page .workers {background:#efeee9; margin:0 -10px 0; padding:20px 0 40px;} .whole_page .workers .each {width:140px; height:140px;} .whole_page .workers .each .text .st{padding:0 20px; width:140px; height:140px; wtord-break:break-all;} .whole_page .workers div img {width:140px;} .whole_page .dosye {padding:0 0px; border-bottom:1px #d8d7d9 solid;} .whole_page .biography {margin:28px auto 25px; padding:0 0px 0; overflow:hidden; text-align:left;} .whole_page .biography .wrap-picture {margin:0px 0px 0 0; float:left;} .whole_page .biography .wrap-picture img {width:120px;} .whole_page .biography .postfio {padding-left:20px; height:181px; display:table;} .whole_page .biography .postfio .intcell {display:table-cell; vertical-align:middle;} .whole_page .biography .postfio .name {font-size:14px; line-height:16px; margin:auto} .whole_page .biography .postfio .post {font-size:14px; line-height:20px; margin:2px auto 0;} .whole_page .biography .info {padding:0px; margin:50px 0 0;} .whole_page .biography .info p {font-size:14px; line-height:19px; margin:24px 0 0;} .whole_page .biography .info a {display:inline;} .whole_page .biography .info .fotoforsmi {font-size:16px; margin:28px 0 0; text-align:center;} .whole_page .favorite-books {margin:7px 0 24px;} } /* vacancies page */ .b_company .vacancies {max-width:640px; margin:0 0;} .b_company .vacancies .accordion {text-align:left; margin:16px 0 0;} .b_company .vacancies .accordion .otrasl { padding:7px 15px 0; margin:0; font-size:16px; font-weight:bold; line-height:26px; cursor:pointer; color:#000;} .b_company .vacancies .accordion .otrasl:hover {color:#ff4c14;} .b_company .vacancies .accordion .otrasl.active {color:#ff4c14;} .b_company .vacancies .accordion .hider {margin:10px 0 10px 20px; padding:0px 10px; /* display:none */;} .b_company .vacancies .accordion .hider p {margin:5px 0;} .b_company .vacancies .accordion .hider p a {color:#000;} .b_company .vacancies .accordion .hider p a:hover {color:#ff4c14;} .b_company .vacancies .accordion .hider p a:visited {color:#767579;} .b_company .vacancies__info{text-align:left; padding:15px 0 0 0;} .b_company .vacancies__info h3{padding:0 0 15px 0;} .b_company .vacancies__info p{padding:0 0 10px 0;} /* blog-news */ .b_company .blog {max-width:840px; font-size:16px; line-height:24px;} .b_company .blog .text {font-weight:400;} .b_company .blog .itemlist {display:table; margin:15px auto 0; width:100%; border-bottom:1px #d8d8d9 solid;} .b_company .blog .itemlist:after{content:""; clear:both; display:block;} .b_company .blog .itemlist .item {width: -webkit-fill-available;} .b_company .blog .itemlist > div {display:table; width:100%; min-height:151px; border-top:1px solid #d8d8d9;} .b_company .blog .itemlist > div:hover {background-color:#efeee9;} .b_company .blog .itemlist> div:first-child {border-top:0;} .b_company .blog .itemlist .one {display:table-cell; text-align:center; width:100px; padding:23px 42px 23px 23px; vertical-align:middle;} .b_company .blog .itemlist .one img{width:100px; max-width:none;} .b_company .blog .itemlist .two {display:table-cell; text-align:left; padding:23px 30px 23px 0; vertical-align:middle;} .b_company .blog .itemlist .two .data {color:#9b9b9b; font-size:14px; line-height:16px; text-transform:uppercase;} .b_company .blog .itemlist .two .autor {margin:18px 0 12px; font-size:16px; font-weight:700; line-height:18px;} .b_company .blog .itemlist .two .name {margin:8px 0 0;} .b_company .blog .itemlist .two .name a{color:#106edc; font-size:22px; font-weight:700; line-height:29px;} .b_company .blog .itemlist .two .name a:hover {text-decoration:underline;} .b_company .blog .itemlist .two .annotation {font-size:16px; font-weight:400; line-height:19px;} .b_company .blog .pagination {margin:30px 0 0;} .b_company .blog .pagination ul{margin:0; padding:0; text-align:center; font-size:0; line-height:0; list-style-type:none;} .b_company .blog .pagination li{display:inline-block; vertical-align:top; background:#efeee9; font-size:18px; padding:0; margin:1px;} .b_company .blog .pagination li.active {line-height:50px; width:50px; height:50px;} .b_company .blog .pagination a {display:block; text-align:center; width:50px; height:50px; padding:0;} .b_company .blog .pagination a, .pagination a:visited{background:#efeee9; text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:50px;} .b_company .blog .pagination a:hover, .b_company .blog .pagination .active{color:#fff; background-color:#3b393f;} /* news */ .b_company .news .text {font-size:16px; line-height:20px;} .b_company .news .itemlist > div:first-child {border-top:1px solid #d8d8d9;} .b_company .news .itemlist .two {padding:30px 30px 34px 0;} /* interview */ .b_company .interview .itemlist .two .name a{font-style:italic; font-family:Georgia;} /* dayli news pages */ .daynews h1.permanent {display:block; margin:24px auto 26px;} .daynews h4 {font-size:18px; margin:20px 0 10px;} .daynews p {margin:10px 0 0;} .daynews .data_ {text-align:center; text-transform:uppercase; color:#9b9b9b; font-size:14px; font-weight:400; line-height:16px;} .daynews .quote-block {margin:36px 0;} .daynews .quote {border-top:1px #d8d8d9 solid; padding:29px 0; margin:0px 0 -1px; border-bottom:1px #d8d8d9 solid;} .daynews .quote p {text-align:center; margin:0;} .daynews .quote .quote-text {color:#3b393f; margin:0px 0 12px; font-family:Georgia; font-size:20px; font-style:italic; line-height:24px;} .daynews .left_side_img {float:left; margin:0px 25px 8px 0;} .daynews .right_side_img {float:right; margin:20px 0 25px 25px;} .daynews .wrap_img {max-width:300px; border:none !important;} .daynews .wrap_img img{max-width:100;} .bibliotable{display:inline-block;vertical-align:top;max-width:100%;overflow-x:auto; border-collapse:collapse;border-spacing:0;} .bibliotable{-webkit-overflow-scrolling:touch;} .btn-green-18{font-size:16px;font-weight:bold;height:50px;line-height:50px;color:#fff !important; background:#0e920e;transition:all 0.3s ease 0s;} .btn-green-18:visited{color:#fff;} .btn-green-18:hover{background:#0b750b;} .person_cms__content .b_company .topNnavigation{display:none;} .person_cms__content .daynews .data_{display:none;} .reviews {max-width:806px; margin:58px 0 0;} .reviews .item{border-top:1px #d8d8d9 solid; padding:29px 82px 23px 11px; font-size:0; line-height:0; border-bottom:1px #d8d8d9 solid;} .reviews .item > div {display:inline-block; vertical-align:middle;} .reviews .item .person{width:167px; margin:0 41px 0 0;} .reviews .item .person .name{margin:3px 0 0 0; font-size:14px; line-height:22px;} .reviews .item .speech{font-family:Georgia; padding:0px 7px; text-align:left; width:463px; font-size:20px; font-style:italic; line-height:24px; color:#3b393f;} .principles{margin:63px 0 0} .principles h2 {margin:55px 0 -6px} .principles h3 {margin:32px 0 11px;} .principles p{margin:0 0 10px 0; font-size:16px; font-weight:400; line-height:19px;} .principles p.contact{margin:55px 125px 0px; font-size:18px; font-weight:700; line-height:21px;} /* design 959 to 640 */ @media screen and (max-width:959px){ /* blog */ .b_company .blog {margin:31px auto; padding:0 0px;} /* news */ .b_company .blog {padding:0 0px;} .b_company .blog .itemlist > div {display:block; min-height:151px; border-top:1px solid #d8d8d9;} .b_company .blog .itemlist .one {display:block; width:100%; padding:18px 0 0; vertical-align:top;} .b_company .blog .itemlist .one img{height:100px;} .b_company .blog .itemlist .two {display:block; width:100%; padding:14px 0 23px; vertical-align:top; text-align:center;} .b_company .blog .itemlist .two .data {font-size:14px; line-height:16px;} .b_company .blog .itemlist .two .name a{font-size:16px; line-height:19px;} .b_company .blog .itemlist .two .annotation {font-size:14px; line-height:20px; text-align:left; padding:5px 0 0;} /* dayli news pages */ .daynews h1.permanent {margin:28px auto 26px; font-size:18px; line-height:22px;} .daynews h2 {margin:10px auto 5px; font-size:16px;} .daynews p {font-size:14px; line-height:20px;} .daynews .quote-block {margin:36px 0;} .daynews .quote {padding:29px 0; margin:0px 0 -1px;} .daynews .quote p {text-align:center; margin:0;} .daynews .quote .quote-text {margin:0px 0 12px; font-size:18px; line-height:24px;} } /* design 639 to 420 */ @media screen and (max-width:459px){ .daynews .wrap_img {float:none; text-align:center; margin:0 auto;} } @media screen and (max-width:959px){ .top_text {margin:31px 0 0;} .top_text p {margin:20px 0 0 0;} .reviews {margin:27px auto 0;} .reviews .item{ padding:29px 0px 23px;} .reviews .item .person{width:auto; text-align:center; margin:0 0 0 0;} .reviews .item .person .name{margin:22px 0 0 0; ;} .reviews .item .speech {margin:20px 0 0; font-size:18px; line-height:22px; width:auto; text-align:center;} .principles{margin:57px auto 0;} .principles h2 {margin:55px 0 0px;} .principles h3 {margin:27px 0 12px;} .principles p.contact{margin:62px 0 0px; text-align:center; font-size:16px; font-weight:700; line-height:18px;} } /* referral page */ .page_referral {max-width:722px; text-align:left;} .page_referral h2 {color:#000000;font-size:24px; font-weight:bold; line-height:31px;} .page_referral p {font-size:16px;line-height:24px;} .page_referral a {text-decoration:none;} .page_referral .border_radius_3 {border-radius:3px;} .page_referral .wrap_link {margin:-11px 18px 0 -22px;border-bottom:2px #F5F5F5 solid;padding:0px 22px 43px;} .page_referral .wrap_link p {color:#3B393F;max-width:476px;margin:0px 0 49px 0;} .page_referral .wrap_link a {border-radius:3px;font-size:18px;font-weight:bold;line-height:50px;text-align:center;display:inline-block;text-transform:uppercase;padding:0 19px;margin:0 16px 0 0;} .page_referral .wrap_link a.orange {background-color:#FF4C00; color:#FFFFFF;} .page_referral .wrap_link a.grey {background-color:#EBEBEB;color:#3B393F;} .page_referral .monoline {font-size:0;line-height:0;} .page_referral .monoline > div {display:inline-block;vertical-align:top;width:33.3%;} .page_referral .monoline p {margin:87px 0 0;} .page_referral .monoline div.bg_1 {background:url(/static/pr/okompany/i/icon1_partners.svg) 0 0 no-repeat;} .page_referral .monoline div.bg_2 {background:url(/static/pr/okompany/i/icon2_.svg) 0 0 no-repeat;} .page_referral .monoline div.bg_3 {background:url(/static/pr/okompany/i/icon3_1.svg) 0 0 no-repeat;} .page_referral .monoline div.bg_4 {background:#F5F5F5 url(/static/pr/okompany/i/icon_34_4.png) 30px 30px no-repeat;} .page_referral .monoline div.bg_5 {background:#F5F5F5 url(/static/pr/okompany/i/icon_42_3.png) 30px 30px no-repeat;} .page_referral .monoline div.bg_6 {background:#F5F5F5 url(/static/pr/okompany/i/icon_33_2.png) 30px 30px no-repeat;} .page_referral .profit {margin:-1px -15px 0 -30px;padding:73px 0px 48px 30px;} .page_referral .profit p {max-width:200px;} .page_referral .statistics {margin:4px -30px 0 -41px;padding:0 20px 0;} .page_referral .statistics > div {margin:15px 0px 0 15px;padding:60px 30px 36px;width:230px;min-height:220px;} .page_referral .statistics > div:first-child {margin-left:0;} .page_referral .statistics p {margin:25px 0 0;} .page_referral .table_area {display:table; margin:53px 19px 73px -22px; padding:39px 30px 40px 30px; background:#F5F5F5;} .page_referral .table_area > div {display:table-cell;vertical-align:middle;} .page_referral .table_area p {font-weight:bold;} .page_referral .table_area a.green{display:inline-block;color:#FFFFFF;font-size:16px;font-weight:bold;line-height:20px;text-align:center;background-color:#0E920E;text-transform:uppercase;line-height:50px; width:196px;text-align:center;} .page_referral .tools_p {margin:1px 0 0;} .page_referral .partners_tools {margin:11px 0 94px;} .page_referral .partners_tools > div {font-size:16px;line-height:24px;margin:32px 0 0;padding:0 28px 0 0;} .page_referral .partners_logo {margin:0 20px 72px -20px;border-bottom:2px #F5F5F5 solid;padding:0 19px 15px;} .page_referral .partners_logo img {margin:10px 26px 30px 0;vertical-align:middle;} .page_referral .partners_logo img.h_42 {height:42px;} .page_referral .feedback{max-width:480px; margin:0px 0 0px;} .page_referral .feedback p {color:#070C2A;margin:0px 0 25px 0px;} .page_referral .feedback form {margin:0px; padding:0px; width:100%; text-align:left;} .page_referral .feedback .parnter-inp {width:100%;padding:15px 9px;line-height:18px;border:1px solid #9D9C9F;background-color:#FFFFFF;margin:10px 0;font-size:16px;} .page_referral .feedback label {margin:85px 0;} .page_referral .feedback textarea { min-height:94px; font-family:Arial, Helvetica, Verdana;} .page_referral .feedback .wrap-button {font-size:0;line-height:0;display:table;margin:-21px 0 0;} .page_referral .feedback .wrap-button input.button {display:table-cell; -webkit-appearance:none; vertical-align:middle;padding:0 27px;font-weight:bold;line-height:50px;border:0;cursor:pointer;color:#fff;font-size:18px;margin:24px 0;background-color:#FF4C00;} .page_referral .feedback .wrap-button p {display:table-cell;vertical-align:middle;color:#070C2A;padding:0 0 0 10px;color:#070C2A;font-family:Arial;font-size:16px;line-height:24px;} @media screen and (max-width:939px){ .page_referral {min-width:300px;} .page_referral .wrap_link {margin:0 0px 0 0px;border-bottom:none;padding:0px 0px 0px;} .page_referral .wrap_link p {margin:9px 0 39px 0px;max-width:100%;} .page_referral .wrap_link a {width:300px; font-size:14px;line-height:40px;display:block;padding:0 19px;margin:10px auto;} .page_referral .monoline > div {display:block;vertical-align:top;width:100%;} .page_referral .monoline p {margin:0px 0 0;} .page_referral .profit {margin:26px 0px 76px;padding:0px 0px 0px 0px;} .page_referral .profit > div {padding:158px 0 0;text-align:center;} .page_referral .monoline div.bg_1 {background-position:center 63px;} .page_referral .monoline div.bg_2 {background-position:center 56px;} .page_referral .monoline div.bg_3 {background-position:center 56px;} .page_referral .profit p {max-width:100%;} .page_referral .h2-statistic {background-color:#F5F5F5;padding:35px 0 14px 20px; margin:0 -10px;} .page_referral .statistics {margin:0 -10px 0px;padding:0px 0px 0;} .page_referral .statistics > div {margin:0 0px 0 0px;padding:0 47px 0px 110px ;width:100%;min-height:137px;} .page_referral .statistics > div:first-child {margin-left:0;} .page_referral .monoline div.bg_4 {background-position:42px 28px;} .page_referral .monoline div.bg_5 {background-position:40px 28px;} .page_referral .monoline div.bg_6 {background-position:45px 28px;} .page_referral .statistics p {padding:25px 0 0;} .page_referral .table_area {display:block;margin:75px 0px 73px 0px;padding:40px 40px 41px;background:#F5F5F5;} .page_referral .table_area > div {display:block;vertical-align:middle;} .page_referral .table_area p {font-weight:bold;margin:0 0 19px;} .page_referral .table_area a.green{display:inline-block;color:#FFFFFF;font-size:16px;font-weight:bold;line-height:20px;text-align:center;background-color:#0E920E;text-transform:uppercase;line-height:40px; width:300px;text-align:center;} .page_referral .table_area a.w_220 {width:220px;} .page_referral .tools_p {margin:-7px 0px 0;} .page_referral .partners_tools {margin:40px 0px 70px;} .page_referral .partners_tools > div {font-size:16px;line-height:24px;margin:32px 0 0;padding:0 0px 0 0;} .page_referral .partners_logo {margin:-13px 0px 56px 0px;border-bottom:none;padding:0 10px 15px;text-align:center;} .page_referral .partners_logo img {margin:29px 29px 0px 0;vertical-align:middle;} .page_referral .feedback{max-width:480px; margin:0px 0 0px;} .page_referral .feedback p {color:#070C2A;margin:-2px 0 10px 0px;} .page_referral .feedback form {margin:0px; padding:0px; width:100%; text-align:left;} .page_referral .feedback .parnter-inp {width:100%;padding:10px 9px;line-height:18px;border:1px solid #9D9C9F;background-color:#FFFFFF;margin:10px 0;font-size:16px;} .page_referral .feedback label {margin:85px 0;} .page_referral .feedback textarea { min-height:94px; font-family:Arial, Helvetica, Verdana;} .page_referral .feedback .wrap-button {font-size:0;line-height:0;display:block;margin:-21px 0 0; -webkit-appearance:none;} .page_referral .feedback .wrap-button input.button {display:block; -webkit-appearance:none; vertical-align:middle;padding:0 27px;font-weight:bold;line-height:40px;border:0;cursor:pointer;color:#fff;font-size:18px;margin:24px 0 23px;background-color:#FF4C00;width:100%;} .page_referral .feedback .wrap-button p {display:block;vertical-align:middle;color:#070C2A;padding:0 0 0 0px;color:#070C2A;font-family:Arial;font-size:16px;line-height:24px;} } /* best_practice page */ .best_practice {max-width:620px;} .best_practice h3 {color:#3B393F;font-size:18px;line-height:24px;padding:0 0 0;} .best_practice .block {margin:0 0 38px;} .best_practice .block p {color:#767579;font-size:16px;line-height:24px;margin:14px 0 0px;} .best_practice .block .slider {border:1px black solid;height:395px;margin:43px 0 0px;} .best_practice .block .wrap_img {text-align:center;margin:36px -20px 68px;} .wrap_img img {width:100%;} .orig_width img {max-width:379px;} .best_practice .block .wrap_img p {text-align:center;color:#9D9C9F;font-size:14px;line-height:16px;margin:17px 0 0px;} .best_practice .block .buttons {margin:39px 0 68px;} .best_practice .block .buttons > div {margin:15px 0 0;} .best_practice .block .buttons > div a {display:inline-block;text-decoration:none;font-size:14px;line-height:40px;border-radius:3px;padding:0 25px;color:#fff;} .best_practice .block .buttons .green {background-color:#0E920E;} .best_practice .block .buttons .orange{background-color:#FF4C00;} @media screen and (max-width:640px){ .best_practice .wrap_img img {width:100%;} } @media screen and (max-width:620px){ .best_practice .scrollbar-slider-wrapper {margin:27px auto 0;} .best_practice .block .wrap_img { margin:25px auto 68px;} } @media screen and (max-width:580px){ .best_practice h3 {font-size:20px !important; line-height:26px; padding:0 0 0;} .best_practice .block {margin:0 0 13px;} .best_practice .scrollbar-slider-wrapper {margin:27px -10px 0;} .best_practice .block .wrap_img { margin:25px -10px 68px;} .best_practice .block .wrap_img p {margin:17px 0 0px;} .best_practice .block .buttons {margin:39px 0 80px;} .best_practice .block .buttons > div {margin:15px 0 0;} .best_practice .block .buttons > div a {padding:0 20px;} } /* ux-research-now page */ .research * {box-sizing:content-box;} .research {max-width:940px; text-align:left;margin:0 0;line-height:20px;} .research h2, .research h3 {margin:0!important; padding:0!important;} .research h3 {font-size:18px; font-weight:bold; line-height:24px;} .research .top {font-size:16px;line-height:24px;margin:0 0 34px;} .research .top .info {display:table;} .research .top .info > div {display:table-cell;vertical-align:middle;} .research .top .info .txt {padding:0 60px 0 0;} .research .top .info .birka {background:url(/static/pr/company2019/stuff1.png) left center no-repeat;padding:0 30px 0 0;width:240px;} .research .main_r {background: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 30px; margin-bottom: 30px;} .research .main_r h3 {padding-bottom: 20px !important;} .research .main_r .wrap {display: flex;} .research .main_r .wrap .block_left {padding-right: 35px} .research .main_r .btn_gray {color: #3B393F; background: #EBEBEB; border:none; width: 220px;} .research .main_r .btn_gray:hover {background: #e3e3e3;} .research .descr_cancel {padding-right: 200px;} #wrapper .research{padding:0 0px;} #wrapper .research .top{margin-bottom:30px;} #wrapper .research .top .info > div {display:table-cell;vertical-align:middle;} #wrapper .research .top .info .txt{padding-right:20px;} @media screen and (max-width:719px){ #wrapper .research .top{margin-bottom:24px;} #wrapper .research .top .info .birka{margin: 0 0 30px; padding: 0; height:60px;} #wrapper .main_r .wrap {display: flex; flex-direction: column;} #wrapper .main_r .wrap .block_left {padding-bottom: 40px;} #wrapper .research .top .info > div{display:block;} #wrapper .research .top .info .txt{margin:0 0 25px 0} #wrapper .research .descr_cancel {padding-right: 0;} } /* litres-school page */ .download-logo .link {margin:14px 0 0;} .download-logo img.logotip {height:20px;} .download-logo .link a {background:url(/static/pr/bibliolitres/logo/icon_download_gray.svg) 0 -1px no-repeat; padding:0 0 0 18px; background-size:12px auto; line-height:22px;} .download-logo .link a:hover {opacity:0.7;} .sch_block {margin:20px 0;} .sch_block p {margin:10px 0 6px;} .sch_block ul {margin:0 0 0 20px; list-style-type:none;} .sch_block ul>li {padding:4px 0 4px 10px; font-size:16px; line-height:20px; background:url('/static/pr/bg_li_3434.png') no-repeat 0 10px;} .sch_block ul li ul li {background:none;} .wrpbutton {text-align:center; margin:10px auto 20px;} .wrpbutton a.button {margin:0 auto; font-size:16px;font-weight:bold;line-height:50px;text-align:center;color:#FFFFFF;border-radius:3px;background-color:#FF4C00;width:auto; padding:0 20px; text-decoration:none; white-space:nowrap; display:inline-block;margin:0px 0 0 0;} .wrpbutton a.button:hover {background-color:#eb3b00; color:#FFFFFF} .wrpbutton a.button:visited {color:#fff;} /* Библиотека */ .library {max-width:720px;} .library .library-header {padding: 0px 0 15px 0;} .library__tabs {display:flex;border-bottom:1px solid #9D9C9F;} .library__tabs .library__tabs_tab {font-size:14px;line-height:20px;color:#3B393F;padding:10px 20px;} .library__tabs .library__tabs_tab.active {position:relative;font-weight:bold;color:#000000;} .library__tabs_tab.active:after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#FF4C00;} .library__header {position:relative;display:flex;margin-bottom:40px;} .library__header .library__grey-block {margin:0;} .library__header .library__grey-block_text p {margin-bottom:10px;} .library__grey-block_buttons {position:absolute;left:20px;bottom:30px;} .library__header_video {position:relative;height:310px;width:310px;min-width:310px;flex-grow:1;cursor:pointer;} [data-user="librarian"] .library__header_video, [data-user="reader"] .library__header_video {background:url(/static/pr/company2019/library/youtube_reader.jpg) 0 0 no-repeat;} [data-user="librarian-school"] .library__header_video, [data-user="reader-school"] .library__header_video {background:url(/static/pr/company2019/library/youtube_school.jpg) 0 0 no-repeat;} .library__header_video:after {content:'';position:absolute;top:50%;left:50%;margin:-28px 0 0 -38px;width:81px;height:57px;background:url(/static/pr/company2019/library/youtube.svg) 0 0 no-repeat;} .library__header_video_label {position:absolute;bottom:25px;width:100%;text-align:center;color:#fff;font-size:14px;line-height:20px;text-transform:uppercase;font-weight:bold;} [data-user="reader"] .library__header h1 {padding-bottom:12px;} /* DEV-12085 убрать видюшку */ .without-video { /* display: block; */ } .without-video .library__grey-block_buttons { position: unset; margin: 20px 0 0; } .library__grey-block {position:relative;background:#F5F5F5;padding:40px 20px;margin-bottom:40px;} .library__grey-block_text {font-size:16px;line-height:24px;color:#3B393F;} .library__header .library__grey-block {padding:30px 20px;background:#EFEEE9;} [data-user="librarian-school"] .library__header .library__grey-block, [data-user="reader-school"] .library__header .library__grey-block {padding:20px;} .library__header .library__grey-block_text {position:relative;} .library__grey-block_text p {margin-bottom:5px;} [data-user="librarian-school"] > .library__grey-block {padding-bottom:33px;margin-bottom:70px;} [data-user="reader-school"] > .library__grey-block {padding-bottom:90px;margin-bottom:80px;} .library__grey-block .library__grey-block_list {font-size:16px;line-height:24px;color:#000000; /* margin-bottom:30px; /* DEV-7188 */} .library__grey-block .library__grey-block_list li {margin-bottom:6px;} .library__grey-block .library__grey-block_list a:before {content:'—';position:absolute;top:0;left:0;margin-right:4px;} .library__grey-block .library__grey-block_list a:after {content:url(/static/pr/company2019/library/arrow.svg);margin-left:8px;vertical-align:middle;} .library__grey-block .library__grey-block_list a:hover:after {content:url(/static/pr/company2019/library/arrow_hover.svg);} .library .library__try-button {font-size:18px;line-height:50px;width:326px;height:50px;background:#FF4C00;color:#ffffff;} .library .library__try-button:hover, .library .library__try-button:visited {color:#ffffff;} .library__header .library__try-button, .library__slider .library__try-button {width:310px;} .library__text {font-size:16px;line-height:24px;color:#3B393F;} .library > .library__text {margin-left:20px;} .library__text p {margin-bottom:8px;} .library__text_note {color:#C4C4C4;} .library__text_note p {line-height:20px;} [data-user="librarian-school"] .library__list {margin:0 20px 30px 20px;} .library__list li {margin-bottom:10px;} .library h5 {font-size:18px;line-height:24px;color:#000000;font-weight:bold;margin-bottom:30px;} .library > h5 {margin-left:20px;} .library__icons {margin:80px 0 40px 20px;} .library__icons_row {display:flex;width:100%;} .library__icons_row:last-child {margin-top:30px;} .library__icon {font-weight:bold;font-size:16px;line-height:24px;text-align:center;color:#000000;margin-bottom:29px;} [data-user="librarian"] .library__icon {width:220px;} [data-user="librarian"] .library__icon[data-icon="2"], [data-user="librarian"] .library__icon[data-icon="5"] {width:230px;} [data-user="reader"] .library__icon {width:50%;} .library__icon:not(:last-child) {margin-right:15px;} .library__icon_image {width:110px;height:110px;border-radius:110px;margin:0 auto 18px auto;} .library__icon[data-icon="1"] .library__icon_image {background:url(/static/pr/company2019/library/icon_1.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="2"] .library__icon_image {background:url(/static/pr/company2019/library/icon_2.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="3"] .library__icon_image {background:url(/static/pr/company2019/library/icon_3.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="4"] .library__icon_image {background:url(/static/pr/company2019/library/icon_4.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="5"] .library__icon_image {background:url(/static/pr/company2019/library/icon_5.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="6"] .library__icon_image {background:url(/static/pr/company2019/library/icon_6.png) #EFEEE9 center center no-repeat;} .library__icon[data-icon="7"] .library__icon_image {background:url(/static/pr/company2019/library/icon_7.png) #EFEEE9 center center no-repeat;} .library__icon_label {font-weight:bold;font-size:16px;line-height:24px;text-align:center;color:#000000;} .library__icons_school {margin-top:70px;margin-bottom:80px;} .library__icon_school {padding-top:52px;} .library__icon_school:not(:last-child) {margin-right:20px;} [data-user="librarian-school"] .library__icon_school {width:220px;} [data-user="reader-school"] .library__icon_school {width:50%;} .library__icon_school[data-icon="1"] {background:url(/static/pr/company2019/library/icon_school_1.png) 0 0 no-repeat;} .library__icon_school[data-icon="2"] {background:url(/static/pr/company2019/library/icon_school_2.png) 0 0 no-repeat;} .library__icon_school[data-icon="3"] {background:url(/static/pr/company2019/library/icon_school_3.png) 0 0 no-repeat;} .library__icon_school[data-icon="4"] {background:url(/static/pr/company2019/library/icon_school_4.png) 0 0 no-repeat;} .library__icon_school[data-icon="5"] {background:url(/static/pr/company2019/library/icon_school_5.png) 0 0 no-repeat;} .library__icon_school[data-icon="6"] {background:url(/static/pr/company2019/library/icon_school_6.png) 0 0 no-repeat;} .library__icon_school[data-icon="7"] {background:url(/static/pr/company2019/library/icon_school_7.png) 0 0 no-repeat;} .library__icon_school[data-icon="8"] {background:url(/static/pr/company2019/library/icon_school_8.png) 0 0 no-repeat;} .library__icon_school_label {font-weight:bold;font-size:16px;line-height:20px;margin-bottom:12px;} .library__icon_school_label_note {font-size:14px;line-height:20px;color:#3B393F;} .library__more-info {display:flex;width:100%;margin-top:60px;margin-bottom:70px;} [data-user="librarian"] .library__more-info {/*height:284px;*/ height:auto;} /* DEV-7188 */ [data-user="librarian-school"] .library__more-info {/*height:207px;*/ height:auto;} /* DEV-7188 */ .library__more-info_image {width:180px; min-height:136px; /* DEV-7188 */ background:url(/static/pr/company2019/library/info.png) center center no-repeat;background-color:#FAEBD1;} .library__more-info .library__grey-block {flex-grow:1;padding-left:60px;margin:0;} .library__more-info .library__grey-block li {margin-bottom:9px;} .library__more-info .library__grey-block li:last-child {margin-bottom:0;} /* DEV-7188 */ [data-user="librarian-school"] .library__more-info .library__grey-block li {margin:0;} [data-user="librarian-school"] .library__more-info .library__grey-block h5 {margin-bottom:13px;} .library__more-info .library__grey-block a{line-height:30px;position:relative;padding-left:20px;display:block;} .library__questions {font-weight:bold;font-size:18px;line-height:24px;margin:0 20px 20px 20px;} [data-user="librarian-school"] .library__questions {margin-top:72px;} .library__contacts {display:flex;width:100%;} .library__contacts_column {border-radius:3px;width:50%;height:140px;padding:72px 20px 0 20px;} .library__contacts_column:not(:last-child) {margin-right:20px;} .library__contacts_phone {background:url(/static/pr/company2019/library/phone.png) #F5F5F5 24px 24px no-repeat;} .library__contacts_chat {background:url(/static/pr/company2019/library/chat.png) #F5F5F5 24px 24px no-repeat;position:relative;} .library__contacts_chat .call_helpdesk {position:absolute;top:0;left:0;bottom:0;right:0;} .library__contacts_mail {background:url(/static/pr/company2019/library/mail.png) #F5F5F5 24px 24px no-repeat;} .library__contacts_text a {color:#000000;} .library__contacts_text a:hover {color:#FF4C00;} .library > .library__apps {margin:20px 0 70px 20px;} .library__apps a {margin-right:6px;display:inline-block;} .library__map {margin-top:20px;margin-bottom:67px;} .library__map_img {cursor:pointer;} .library__map_list {display:flex;font-size:14px;line-height:18px;color:#9D9C9F;margin:20px 0 12px 20px;counter-reset:list;} .library__map_list_column {width:33.3%;padding-right:20px;} .library__map_list_column:last-child {padding-right:0;} .library__map_list_district:before {counter-increment:list;content:counter(list);display:inline-block;width:30px;} .library__map_zoom {float:right;font-size:14px;line-height:18px;color:#9D9C9F;cursor:pointer;margin-top:9px;margin-right:34px;} .library__map_zoom:hover {color:#FF4C00;} .library__map_zoom:before {content:'';display:inline-block;width:20px;height:20px;background:url(/static/pr/company2019/library/zoom.svg) 0 0 no-repeat;vertical-align:middle;margin-right:10px;} .library__map_zoom:hover:before {background-image:url(/static/pr/company2019/library/zoom_hover.svg);} .library__stages {display:flex;width:100%;position:relative;margin-top:40px;margin-bottom:70px;margin-left:10px;} .library__stages:before {content:'';position:absolute;width:481px;height:6px;background:#FF4C00;top:37px;left:120px;} .library__stage {width:33.3%;text-align:center;z-index:1;} .library__stage_num {display:inline-block;width:80px;height:80px;border-radius:80px;background:#FF4C00;color:#FFFFFF;font-weight:bold;font-size:21px;line-height:24px;text-align:center;padding:28px;margin-bottom:30px;} .library__stage_label {font-weight:bold;font-size:16px;line-height:24px;} .library__slider {position:relative;border:8px solid #F3F3F3;margin:20px 0 90px 0;} .library__slider .library__try-button {position:absolute;display:block;left:50%;margin-left:-155px;bottom:-25px;} .library__slider .scrollbar-slider-wrapper {margin:0;max-width:704px;} .library__slider .scrollbar-slider__item {padding-bottom:44px;} .library__slider .scrollbar-slider__img img {max-width:704px;padding:0;cursor:pointer;} .library__slider .scrollbar-markers {bottom:35px;} .library__slider .scrollbar-marker {width:8px;height:8px;vertical-align:middle;margin:0 5px;background:#3B393F;} .library__slider .scrollbar-marker_active {background:#3B393F;width:12px;height:12px;} .library__header_video_popup iframe {border:6px solid #FFFFFF;background:url(/static/pr/company2019/library/loader.gif) #fff center center no-repeat;} .library-popup {position:fixed;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out;} .library-popup.open {opacity:1;pointer-events:auto;} .library .library-popup .close {height:18px;width:18px;position:absolute;top:2px;right:-30px;cursor:pointer;display:block;z-index:1;background:none;} .library .library-popup .close:hover:before, .library .library-popup .close:hover:after {background-color:#FFFFFF;} .library .library-popup .close:before, .library .library-popup .close:after {position:absolute;left:7px;content:"";height:18px;width:2px;background-color:#FFFFFF;} .library .library-popup .close:before {transform:rotate(45deg);} .library .library-popup .close:after {transform:rotate(-45deg);} .library .library-popup .library-popup__finger {display:none;} #main-page .library .library-popup .library-popup__finger {position:fixed;top:15px;left:20px;display:block;opacity:1;z-index:1;background:url(/static/pr/company2019/library/finger.svg) 0 0 no-repeat;font-weight:bold;font-size:16px;line-height:18px;color:#6A6A6A;padding:70px 0 0 0;} .library__map_popup, .library__slider_popup {width:870px;background:#FFFFFF;max-height:100vh;} .library__map_popup {height:740px;} @media screen and (min-width:1444px){ .library__map_popup, .library__slider_popup.library-popup {width:960px;} .library__slider_popup.library-popup .scrollbar-slider-wrapper {max-width:960px;} } .library__map_popup_inner {position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;} .library__map_popup_img {width:100%;height:100%;min-width:860px;background:url(/static/pr/company2019/library/map_zoom.png) center center no-repeat;background-size:contain;} .library__map_popup .library__map_list {width:850px;} .library__slider_popup {border:6px solid #FFFFFF;} .library__slider_popup .scrollbar-slider-wrapper {max-width:870px;margin:0;} .library__slider_popup img{width:100%;height:auto;} .library__video_iframe {border:3px solid #F5F5F5;margin:30px 0 65px 20px;} .library__common-questions {margin-bottom:80px;border-top:1px solid #EBEBEB;margin-left:20px;} .library__common-question_label {position:relative;height:50px;font-size:16px;line-height:50px;color:#3B393F;cursor:pointer;} .library__common-question_label:hover {color:#000000;} .library__common-question_more {position:absolute;right:10px;top:50%;margin-top:-7px;width:16px;height:16px;} .library__common-question_more:before, .library__common-question_more:after {position:absolute;left:15px;content:"";height:16px;width:2px;-webkit-transition:-webkit-transform .5s;transition:transform .5s;background:#767579;} .library__common-question_label:hover .library__common-question_more:before, .library__common-question_label:hover .library__common-question_more:after {background:#000000;} .library__common-question_more:before {-webkit-transform:rotate(90deg);transform:rotate(90deg);} .library__common-question_more:after {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .library__common-question[data-active='1'] .library__common-question_more:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .library__common-question[data-active='1'] .library__common-question_more:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .library__common-question_text {padding:18px 0 76px 0;border-bottom:1px solid #EBEBEB;} .library__common-question img{max-width:100%;margin:10px 0;} .library__common-questions .library__common-questions_more {display:inline-block;font-size:16px;height:50px;line-height:50px;} .library__common-questions .library__common-questions_more:after {content:'';display:inline-block;background:url(/static/pr/company2019/library/arrow.svg) 0 0 no-repeat;width:6px;height:10px;margin-left:6px;} .library__common-questions .library__common-questions_more:hover:after {background-image:url(/static/pr/company2019/library/arrow_hover.svg);} .library__common-question p {margin-bottom:8px;} .library__common-question h5 {margin:20px 0;} .library__common-questions_instruction {height:50px;line-height:50px;} .library__libraries-map {margin:30px 0 70px 0;position:relative;} .library__libraries-map img {display:none;margin:0 auto;cursor:pointer;} #main-page .library-popup {top:0 !important;left:0 !important;width:100%;height:100vh;} #main-page .library-popup .close {position:fixed;height:60px;width:60px;top:0;right:0;cursor:pointer;z-index:11;} #main-page .library-popup .close:before, #main-page .library-popup .close:after {position:absolute;content:"";height:14px;width:2px;top:22px;left:30px;background:#3B393F;transition:all 0.3s ease 0s;} #main-page .library-popup .close:before {transform:rotate(45deg);} #main-page .library-popup .close:after {transform:rotate(-45deg);} @media screen and (max-width:719px){ #main-page .library {margin:0 -10px;} #main-page .library__header {display:block;} #main-page .library__header .library__grey-block {background:#fff;} #main-page .library__tabs {padding-top:67px;} #main-page .library__header .library__grey-block h1 {position:absolute;top:-108px;left:20px;} #main-page .library__grey-block_buttons {position:static;margin:20px 0 0 0;text-align:center;} #main-page .library__try-button {width:280px;display:block;margin:0 auto; font-size:16px; /* DEV-7188 */} #main-page .library > .library__text {margin-right:20px;} #main-page .library__icons_row {display:block;} #main-page .library__icon {margin:0;width:100%;} #main-page .library__icon .library__icon_image {width:38px;height:38px;background-size:contain;background-color:#fff;margin:0 0 14px 0;border-radius:unset;} #main-page .library__icon_label {text-align:left;font-size:18px;margin-bottom:27px;} #main-page .library__icons {margin:70px 20px;} #main-page .library__more-info {/* margin:40px 0 94px 0;*/ margin:40px 0 70px 0; /* DEV-7188 */ width:auto;height:auto;} #main-page .library__more-info_image {background:#FAEBD1;width:10px;height:auto;} #main-page .library__more-info .library__grey-block {/*padding:40px 16px 0 22px;*/ padding:40px 16px 40px 22px; /* DEV-7188 */ margin:0;} #main-page .library__more-info .library__grey-block li {margin-bottom:12px;} #main-page .library__more-info .library__grey-block li:last-child {margin-bottom:0px;} #main-page .library__more-info .library__grey-block a {line-height:20px;} #main-page .library__slider {margin-top:15px;margin-bottom:84px;} #main-page .library__slider .scrollbar-slider-wrapper {min-width:auto;padding:0;} #main-page .scrollbar-contentwrapper .scrollbar-markers {display:none;} #main-page .library__slider .scrollbar-slider__item {padding-bottom:36px;} #main-page .library__slider .scrollbar-slider__img {position:relative;padding-bottom:10px;} #main-page .library__slider .scrollbar-slider__img:after {content:'';display:block;background:url(/static/pr/company2019/library/zoom.svg) 0 0 no-repeat;background-size:contain;width:40px;height:40px;position:absolute;margin:-20px 0 0 -20px;top:50%;left:50%;cursor:pointer;} #main-page .library__slider .library__try-button {bottom:-22px;margin-left:-140px;} #main-page .library__questions {margin-bottom:44px;} #main-page .library__contacts {display:block;width:auto;margin:0 10px;} #main-page .library__contacts_column {position:relative;width:100%;margin:0 0 20px 0;height:140px;} #main-page .library__apps {white-space:nowrap;} #main-page .library > .library__apps {padding-bottom:40px;border-bottom:1px solid #F3F3F3;margin-bottom:50px;} #main-page .library__apps a {margin-right:5px;} #main-page .library__text_note {line-height:20px;} #main-page .library__video_iframe {margin-left:0;width:100%;height:56.25%;} #main-page .library__common-questions {padding-top:16px;margin-right:20px;} #main-page .library__common-question_label {height:auto;line-height:24px;padding:15px 25px 15px 0;} #main-page .library__common-question_more {right:8px;} #main-page [data-user="librarian-school"] .library__header .library__grey-block, #main-page [data-user="reader-school"] .library__header .library__grey-block {padding:30px 20px;} #main-page .library__icon_school {width:100%;padding-top:55px;margin-bottom:40px;} #main-page .library__icon_school_label {margin-bottom:6px;} #main-page .library__map {margin:25px 0 92px 0;} #main-page .library__map > img {width:100%;height:auto;} #main-page .library .library__map > .library__map_list {display:none;} #main-page .library__map_zoom {margin-top:4px;margin-right:20px;} #main-page [data-user="reader-school"] > .library__grey-block {margin-bottom:70px;padding-bottom:40px;} #main-page .library__stages {flex-direction:column;width:auto;margin:46px 0 21px 25px;} #main-page .library__stage {position:relative;width:100%;height:86px;text-align:left;padding-left:57px;} #main-page .library__stage_num {position:absolute;top:0;left:0;width:32px;height:32px;border-radius:32px;padding:4px;} #main-page .library__stages:before {width:3px;height:180px;top:14px;left:14px;} #main-page .library__stage_label {margin:-4px 0 0 0;line-height:20px;} #main-page .library__slider_popup {max-width:704px;} #main-page .library__slider_popup_inner {width:100%;height:100%;overflow-x:auto;background:#fff;} #main-page .library .library__slider_popup img {width:auto;height:100%;padding-bottom:70px;} #main-page .library .library__slider_popup .library__try-button {position:fixed;left:50%;margin-left:-140px;bottom:20px;} #main-page [data-user="librarian"] .library__header_video, #main-page [data-user="reader"] .library__header_video {background:url(/static/pr/company2019/library/youtube_reader_pda.jpg) 0 0 no-repeat;} #main-page [data-user="librarian-school"] .library__header_video, #main-page [data-user="reader-school"] .library__header_video {background:url(/static/pr/company2019/library/youtube_school_pda.jpg) 0 0 no-repeat;} #main-page .library__header_video {height:192px;width:320px;min-width:320px;margin:0 auto;} #main-page .library__header_video:after {margin:-26px 0 0 -40px;} #main-page .library__header_video_popup iframe {width:100%;height:auto;max-width:720px;} #main-page .library__header_video_popup {display:flex;align-items:center;} #main-page .library__header_video_popup.library-popup .close:before, #main-page .library__header_video_popup.library-popup .close:after {background:#fff;} #main-page .library__header_video_iframe {width:100%;position:relative;padding-bottom:56.25%;height:0;} #main-page .library__header_video_popup iframe {border:none;position:absolute;top:0;left:0;width:100%;height:100%;} #main-page .library__libraries-map_iframe {display:none;} #main-page .library__libraries-map img {display:block;} #main-page .library__libraries-map:after {content:'';display:block;background:url(/static/pr/company2019/library/zoom.svg) 0 0 no-repeat;background-size:contain;width:40px;height:40px;position:absolute;margin:-20px 0 0 -20px;top:50%;left:50%;cursor:pointer;} } /* Программа лояльности */ .b_company__content .btn{font-size:18px; height:50px; line-height:50px; padding:0 17px;} .b_company__content .btn_black, .b_company__content .btn_black:hover{color:#fff;} .loyalty__bonus{max-width:720px; padding:0 0 20px 0;} .loyalty__bonus .btn_black{display: flex!important;padding: 4px 17px;min-width: 200px;max-width: 300px;min-height: 50px;height: auto;line-height: 22px;align-items: center;justify-content: center;} .bonus__program{display:flex; justify-content:space-between; padding:18px 0 6px 20px; color:#3B393F;} .bonus__program h1{padding:0 0 21px 0;} .bonus_program__txt{max-width:368px; padding:0 0 12px 0;} .bonus__program_img{padding:50px 2px 27px 0;} .bonus_corners{padding:24px 19px; margin:0 0 20px 0; display:flex; justify-content:space-between; border:1px solid #EBEBEB; box-sizing:border-box; border-radius:3px;} .bonus_corners__txt{padding-right:25px; color:#3B393F;} .loyalty__bonus h2{font-size:21px; line-height:24px; padding:0 0 12px 0;} .bonus_corners__txt h3{padding:0 0 12px 0;} .bonus_corners__txt p{max-width:340px; padding:0 0 24px 0;} .bonus_corners__txt p:last-child{padding:0;} .bonus_corners__right{padding-top:35px;} .bonus__how-many{background:url('/static/pr/okompany/bonus/how-many.png') no-repeat right bottom; margin:0 0 48px 0;} .bonus__carusel{background:#FBE7C1; background: linear-gradient(0deg, #F5F5F5, #F5F5F5), linear-gradient(0deg, #F0EFEA, #F0EFEA), #FBE7C1; border-radius:3px; padding:20px 20px 25px 20px; display: flex; justify-content: space-between; margin:0 0 58px 0;} .bonus__carusel .item{display:inline-block; vertical-align:top;} .bonus_carusel__title{padding:0 0 2px 0; color:#3B393F;} .bonus_carusel__longtitle{font-family:Arial, PT Sans; font-weight:bold; font-size:26px; line-height:36px; padding:0 0 5px 0; color:#000;} .bonus_carusel__txt{color:#3B393F;} /* кнопки */ .b_company__content .user_button__add{font-size:14px; color:#3B393F;} .b_company__content .user_button__add:hover{font-size:14px; color:#3B393F;} .user_button__wrapper{position:relative;margin:0 0 30px 0; padding-left:60px;} .user_button__wrapper:before{content:"";position:absolute;display:block;width:40px;height:40px;top:0;left:0;} .user_button{width:200px;line-height:38px;font-size:14px;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:0 12px 0 15px;cursor:pointer; display:block;} .user_button__add{border:1px solid #767579;color:#3B393F;background:#fff; border-radius:4px; text-align:left;} .user_button__add:hover{border-color:#FF4C00;color:#3B393F;} .user_button__add[data-bonuses]:after{content:'+50'; color:#FF4C00; padding-right:20px; float:right; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 15C8.76142 15 11 12.7614 11 10C11 7.23858 8.76142 5 6 5C3.23858 5 1 7.23858 1 10C1 12.7614 3.23858 15 6 15ZM6 13C7.65685 13 9 11.6569 9 10C9 8.34315 7.65685 7 6 7C4.34315 7 3 8.34315 3 10C3 11.6569 4.34315 13 6 13Z' fill='%23FF4C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.08398 5.08373C5.51436 2.7599 7.55176 1 10.0002 1C12.7616 1 15.0002 3.23858 15.0002 6C15.0002 8.44852 13.2402 10.486 10.9163 10.9163C10.9713 10.6192 11 10.313 11 10C11 9.61186 10.9558 9.23405 10.8721 8.87133C12.1037 8.49782 13.0002 7.3536 13.0002 6C13.0002 4.34315 11.6571 3 10.0002 3C8.64666 3 7.50247 3.89641 7.12893 5.12796C6.76614 5.04424 6.38827 5 6.00005 5C5.68715 5 5.38096 5.02874 5.08398 5.08373Z' fill='%23FF4C00'/%3E%3C/svg%3E%0A") no-repeat right 3px center;} .user_button__remove{position:relative; border:1px solid #EBEBEB; background-color:#EBEBEB;color:#767579;text-align:center;padding:0;} .user_button__remove:before{content:""; display:inline-block; background:url(/static/litres/i/pages/personal_cabinet/success.svg) no-repeat; width:12px; height:9px; margin-right:8px;} .user_button__remove:hover{color:#767579;} .user_button__title{display:none;} /* соцсети */ .user_social:before{background: url(/static/litres/i/social/socials.svg?v4);} .user_social__vk:before{background-position: 0 0;} .user_social__fb:before{background-position: -50px 0;} .user_social__ok:before{background-position: -100px 0;} .user_social__tw:before{background-position: -200px 0;} .user_social__ya:before{background-position: -250px 0;} .user_social__gp:before{background-position: -300px 0;} .user_social__sb:before{background-position: -150px 0;} .user_social__ma:before{background-position: -350px 0;} .user_social__ms:before{background-position: -400px 0;} .user_social__ig:before{background-position: -450px 0;} .user_socials .user_form__input_error-text{display:block; font-size:14px; line-height:20px; margin:10px 0 0 0; color: #FF1A00; max-width:182px;} .user_social__folders:before{ background: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.3' y='5' width='32' height='35' rx='3' fill='%23C4C4C4'/%3E%3Crect x='4' y='13' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='15' width='14' height='2' fill='%23C4C4C4'/%3E%3Crect x='4' y='21' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='23' width='14' height='2' fill='%23C4C4C4'/%3E%3Crect x='4' y='29' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='31' width='14' height='2' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C12 1.34315 13.3431 0 15 0H17C18.6569 0 20 1.34315 20 3H22C22.5523 3 23 3.44772 23 4V8C23 8.55228 22.5523 9 22 9H10C9.44772 9 9 8.55228 9 8V4C9 3.44772 9.44772 3 10 3H12ZM15 2C14.4477 2 14 2.44772 14 3C14 3.55228 14.4477 4 15 4H17C17.5523 4 18 3.55228 18 3C18 2.44772 17.5523 2 17 2H15Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A") no-repeat center center;);} background: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.3' y='5' width='32' height='35' rx='3' fill='%23C4C4C4'/%3E%3Crect x='4' y='13' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='15' width='14' height='2' fill='%23C4C4C4'/%3E%3Crect x='4' y='21' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='23' width='14' height='2' fill='%23C4C4C4'/%3E%3Crect x='4' y='29' width='6' height='6' fill='%23C4C4C4'/%3E%3Crect x='14' y='31' width='14' height='2' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C12 1.34315 13.3431 0 15 0H17C18.6569 0 20 1.34315 20 3H22C22.5523 3 23 3.44772 23 4V8C23 8.55228 22.5523 9 22 9H10C9.44772 9 9 8.55228 9 8V4C9 3.44772 9.44772 3 10 3H12ZM15 2C14.4477 2 14 2.44772 14 3C14 3.55228 14.4477 4 15 4H17C17.5523 4 18 3.55228 18 3C18 2.44772 17.5523 2 17 2H15Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A") no-repeat center center;);} .bonus_review{margin:0 0 46px 0;} .bonus_review p{padding-bottom:9px;} .bonus_review__warning:before{content:"";background: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7415 1.8719C10.9761 0.516006 9.02334 0.516006 8.25803 1.8719L0.27427 16.0167C-0.47825 17.3499 0.485031 18.9998 2.01598 18.9998H17.9835C19.5144 18.9998 20.4777 17.3499 19.7252 16.0167L11.7415 1.8719ZM8.99994 7.99976C8.99994 7.44747 9.44765 6.99976 9.99994 6.99976C10.5522 6.99976 10.9999 7.44747 10.9999 7.99976V11.9998C10.9999 12.552 10.5522 12.9998 9.99994 12.9998C9.44765 12.9998 8.99994 12.552 8.99994 11.9998V7.99976ZM9.99994 15.9998C10.5522 15.9998 10.9999 15.5521 10.9999 14.9998C10.9999 14.4475 10.5522 13.9998 9.99994 13.9998C9.44766 13.9998 8.99994 14.4475 8.99994 14.9998C8.99994 15.5521 9.44766 15.9998 9.99994 15.9998Z' fill='%23C4C4C6'/%3E%3C/svg%3E%0A") no-repeat 0 0; display:inline-block; vertical-align:top; width:20px; height:19px; padding-right:3px;} .bonus_review__count{font-size:14px; line-height:20px; font-weight:bold; color:#FF4C00; display:inline-block; vertical-align:top; padding:0 17px 0 12px;} .bonus_review__count:after{content:""; display:inline-block; vertical-align:top; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 15C8.76142 15 11 12.7614 11 10C11 7.23858 8.76142 5 6 5C3.23858 5 1 7.23858 1 10C1 12.7614 3.23858 15 6 15ZM6 13C7.65685 13 9 11.6569 9 10C9 8.34315 7.65685 7 6 7C4.34315 7 3 8.34315 3 10C3 11.6569 4.34315 13 6 13Z' fill='%23FF4C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.08398 5.08373C5.51436 2.7599 7.55176 1 10.0002 1C12.7616 1 15.0002 3.23858 15.0002 6C15.0002 8.44852 13.2402 10.486 10.9163 10.9163C10.9713 10.6192 11 10.313 11 10C11 9.61186 10.9558 9.23405 10.8721 8.87133C12.1037 8.49782 13.0002 7.3536 13.0002 6C13.0002 4.34315 11.6571 3 10.0002 3C8.64666 3 7.50247 3.89641 7.12893 5.12796C6.76614 5.04424 6.38827 5 6.00005 5C5.68715 5 5.38096 5.02874 5.08398 5.08373Z' fill='%23FF4C00'/%3E%3C/svg%3E%0A") no-repeat 1px 2px; width:16px; height:16px; padding:1px 0 2px 0;} .bonus__receive h2{padding:0 0 30px 20px;} .bonus_spend{padding:40px 20px 40px 40px; background:#F5F5F5; border:none; margin:0 0 48px 0;} .bonus_spend_link{padding:29px 0 0 0;} .b_faq{margin:0 20px 30px;} .b_faq-questions{padding:0 0 16px 0;} .b_faq-question{border-top:1px solid transparent;} .b_faq-question_label{position:relative;font-size:16px; line-height:20px; color:#3B393F;cursor:pointer; padding:15px 50px 15px 0;} .b_faq-question_label:hover {color:#000;} .b_faq-question_label:hover:before, .b_faq-question_label:hover:after{background:#000;} .b_faq-question_label:before, .b_faq-question_label:after {content:"";width:16px;height:2px;background:#767579;position:absolute;right:-6px;top:50%; -webkit-transition:0.3s ease;transition:0.3s ease;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .b_faq-question_label:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);z-index:-1;} .b_faq-question[data-active='1']{border-top:1px solid #C4C4C6;} .b_faq-question[data-active='1'] .b_faq-question_label{color:#000;} .b_faq-question[data-active='1'] .b_faq-question_label:before {-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg); background:#000;} .b_faq-question[data-active='1'] .b_faq-question_label:after {webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg); background:#000;} .b_faq-question_text{padding:7px 60px 15px 0; border-bottom:1px solid #C4C4C6; color:#000;} .b_faq-questions .b_faq-questions_more {display:inline-block;font-size:16px;height:50px;line-height:50px;} .b_faq-questions .b_faq-questions_more:after {content:'';display:inline-block;background:url(/static/pr/company2019/library/arrow.svg) 0 0 no-repeat;width:6px;height:10px;margin-left:6px;} .b_faq-questions .b_faq-questions_more:hover:after {background-image:url(/static/pr/company2019/library/arrow_hover.svg);} .b_faq-question p:last-child {padding:0; margin:0;} .b_faq-question h5 {margin:20px 0;} .b_faq-questions_instruction {height:50px;line-height:50px;} .b_faq-question img{max-width:100%;margin:10px 0;} #wrapper .loyalty__bonus p{max-width:none;} #wrapper .loyalty__bonus h1{font-size:21px; line-height:24px; padding:0 0 12px 0;} #wrapper .loyalty__bonus h2{font-size:18px; line-height:24px; padding:0 20px 12px 20px;} #wrapper .bonus__program{display:block; padding-bottom:22px;} #wrapper .bonus_program__txt{max-width:none; padding:0 20px 12px 0;} #wrapper .bonus__program_img{padding:0; background:url(/static/pr/okompany/bonus/program_pda.png) no-repeat 0 0; background-size:260px 219px; width:280px; height:219px; margin:0 auto;} #wrapper .bonus__program_img img{display:none;} #wrapper .bonus_corners.bonus__how-many{display:none;} #wrapper .bonus__carusel{background:none; overflow:auto; display:block; white-space:nowrap; margin:0 0 24px 0; padding-left:10px; padding-right:10px;} #wrapper .bonus__carusel .item{width:244px; height:134px; background:#F5F5F5; border-radius:12px; padding:21px 0 0 35px; margin:0 5px 20px;} #wrapper .bonus_carusel__title{font-size:14px; line-height:20px; padding:0 0 8px 0;} #wrapper .bonus_carusel__longtitle{padding:0 0 8px 0;} #wrapper .bonus_carusel__txt{font-size:14px; line-height:20px;} #wrapper .bonus_corners{display:block; border:none;} #wrapper .bonus_corners__txt{padding:0;} #wrapper .bonus_corners__txt h3{font-weight:bold; font-size:16px; line-height:24px; color:#3B393F; padding:0 0 8px 0;} #wrapper .bonus__receive .bonus_corners{margin:0;} #wrapper .bonus__receive .bonus_corners__right{padding-top:20px;} #wrapper .bonus_socials{margin:0; padding-bottom:4px;} #wrapper .bonus_socials .bonus_corners__right{padding-top:21px;} #wrapper .bonus_folders{margin:0;} #wrapper .bonus_folders .bonus_corners__right{text-align:center; padding-top:22px; margin-left:-4px;} #wrapper .bonus_folders .bonus_corners__right .user_social__folders{padding-left:56px;} #wrapper .bonus_review{margin:0;} #wrapper .bonus_review .bonus_corners__right{text-align:center; padding-top:45px; margin:0 0 0 9px;} #wrapper .loyalty__bonus .btn_black{width:280px; margin:0 auto; display:block;} #wrapper .loyalty__bonus .user_socials{margin:0 auto; max-width:280px;} #wrapper .loyalty__bonus .user_socials .user_button__wrapper{padding:0; margin:0; width:40px; height:40px; display:inline-block; vertical-align:top; margin:0 15px 21px;} #wrapper .loyalty__bonus .user_socials .user_button__wrapper > *{display:none;} #wrapper .loyalty__bonus .user_social__folders{margin:0 auto; width:260px;} #wrapper .bonus_spend{padding:40px 20px;} #wrapper .bonus_spend h2{padding-left:0px; padding-right:0;} .banner__top{padding:0 0 30px 0;} #wrapper .banner__top{padding:0 0 20px 0; margin:0 -10px;} #wrapper .banner__top img{width:100%; height:auto;} #wrapper .b_info_banner{font-size:14px; line-height:24px;} #wrapper .b_info_banner p, #wrapper .b_info_banner a{font-size:14px; line-height:24px;} #wrapper .b_info_banner ul{padding:0; margin:0;} .b_company ul.black_dots {margin:17px 0 20px 10px; padding:0 0;} .b_company ul.black_dots > li {background: url(/static/pr/cms/cms_ul_li.png) no-repeat 0 8px; padding: 0 0 18px 12px;} /* [DEV-12007] статья [10809] */ .library__offer-block {} .library__offer-block table {} .library__offer-block table th {} .library__offer-block table td {} .library__offer-block ul {} .library__offer-block ul li {} .library__offer-block .library__btn_acces {font-size:14px; width:auto;} /* [DEV-12007] статья [10809] 2 */ .library__offer-block {margin: 0 0 50px;} /* hide scrollbar but allow scrolling */ .library__offer-block { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: scroll; } .library__offer-block::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .library__offer-block table {width:100%;} .library__offer-block table th { border: 1px #000 solid; vertical-align: middle; font-weight: bold; padding: 20px 10px; width:33.3%; } .library__offer-block table td { border: 1px #000 solid; padding: 20px 0px 99px; position: relative; min-width: 200px; width:33.3%; } .library__offer-block ul { margin: 0 20px!important; } .wrap_library__btn_acces {text-align: center;position: absolute;bottom: 0;margin: 0 0 20px; width:100%;} .library__offer-block .library__btn_acces {font-size:14px!important; width:170px!important; padding:0 10px!important;} /* [DEV-14046] */ .fake_dizain_link{color:#3D3DC7; font-weight:500;} /* [DEV-14349] страница Коммерческие предложения */ .comm-offer {} h2.comm-offer_h2 {font-size:20px!important;padding: 0 0 0;} .comm-offer__block {margin: 0 0 60px;} .comm-offer__block_item {clear: both; overflow: hidden; margin: 20px 0 0;} .comm-offer__block_icon {background: #FFCBB1; width: 108px; text-align: center; vertical-align: middle; line-height: 56px; border-radius: 30px; float: left;} .comm-offer__block_icon img {vertical-align: middle;} .comm-offer__block_text {padding: 0 0 0 128px;} .comm-offer__feedback {background:#F4F4FC;padding: 20px;border-radius: 16px;margin: 50px 0 0;} .comm-offer__feedback-dwn {background:url('/static/pr/company2019/offer/dwnld.svg') no-repeat 0 0;padding: 0 0 0 50px;line-height: 40px;margin: 0 0 22px 0;} .comm-offer__feedback-email {background:url('/static/pr/company2019/offer/mail.svg') no-repeat 0 0;line-height: 40px;padding: 0 0 0 50px;} #wrapper .comm-offer {} #wrapper h2.comm-offer_h2 {padding: 0 0 0;margin: 0 0 -8px;} #wrapper .comm-offer__block {margin: 0 0 40px;} #wrapper .comm-offer__block_item {/* clear: none; *//* overflow: auto; */margin: 28px 0 0;} #wrapper .comm-offer__block_icon {float: none;} #wrapper .comm-offer__block_text {padding: 8px 0 0 0px;} #wrapper .comm-offer__feedback {padding: 20px; margin: 50px 0 0;} #wrapper .comm-offer__feedback-dwn {line-height: 40px; padding: 0 0 0 50px; margin: 0 0 22px 0;} #wrapper .comm-offer__feedback-email {line-height: 40px;padding: 0 0 0 50px;}