* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { line-height: 1; font-weight: normal; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button { background: none; } img { vertical-align: top; } body { background: #fff; font-family: Ubuntu; font-size: 13px; color: #333; line-height: 18px; } body.hidden_scroll-y { overflow-y: hidden; } body.body-fixed { position: fixed; width: 100%; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } body.show-block-mobile { transform: translate3d(-290px, 0, 0); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } body.show-block-mobile .mobile-menu-hidden { z-index: 3; opacity: 1; } a { color: #02a8d2; outline: none !important; } a:hover { color: #02a8d2; text-decoration: underline; } a:active { color: #029cc7; } .style, [class*="section-box"], section, footer, header { width: 100%; float: left; } [class*="section-box"], section, footer, header { position: relative; } section, header, nav, article, aside, footer, address { display: block; } .container { min-width: 303px; } .btn_, .button-wr button { display: block; float: left; height: 42px; line-height: 42px; color: #fff !important; text-align: center; text-transform: uppercase; border: 1px solid #02a8d2; background: #02a8d2; padding: 0 11px 0 11px; text-decoration: none !important; position: relative; border-radius: 2px; width: 172px; max-width: 100%; font-weight: 700; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .btn_:hover, .button-wr button:hover { background: #02b2dc; border: 1px solid #02b2dc; } .btn_:active, .button-wr button:active { background: #029cc7; border: 1px solid #029cc7; } .btn_.add-book, .button-wr button.add-book { background: #65ba04; border: 1px solid #65ba04; } .btn_.add-book span, .button-wr button.add-book span { position: relative; padding-left: 35px; } .btn_.add-book span:before, .button-wr button.add-book span:before { width: 20px; height: 24px; background: url("../images/ico/icon_book_01.svg"); background-size: 20px 24px; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; margin-top: -12px; content: ''; } .btn_.add-book:hover, .button-wr button.add-book:hover { background: #7BD304; border: 1px solid #7BD304; } .btn_.add-book:active, .button-wr button.add-book:active { background: #4c9804; border: 1px solid #4c9804; } header { padding: 9px 0; } header.header-border { border-bottom: 1px solid #cccccc; } .logo-wrapp { padding-right: 0 !important; } .btns_header a { margin-left: 10px; } .btns_header a:first-child { margin-left: 0; } .header-menu ul li { float: left; line-height: 42px; margin-left: 47px; } .header-menu ul li:first-child { margin-left: 0; } .header-menu ul li a { color: #333; text-transform: uppercase; font-weight: 700; } .login, .auth { position: relative; padding-right: 38px; line-height: 42px; text-transform: uppercase; font-weight: 700; color: #333; float: right; } .login:before, .auth:before { position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url("../images/ico/icon_cab_01.svg"); background-size: 24px 24px; background-repeat: no-repeat; content: ''; } .login:hover, .auth:hover { color: inherit; } .auth { padding-right: 0; font-size: 11px; } .auth:before { display: none; } .logo img { margin-top: 1px; width: 139px; max-width: 100%; } .first-bg-wrapp { height: 460px; background: url("../images/bg-1-big.jpg"); background-attachment: fixed, scroll; background-repeat: no-repeat; background-position: 50% 0%; } .first-bg-wrapp .container, .first-bg-wrapp .row, .first-bg-wrapp [class*="col-"], .first-bg-wrapp .title-p-first-bg-wr { height: 100%; } .title-p-first-bg-wr table { width: 100%; height: 100%; } .title-p-first-bg-wr table tr td { vertical-align: top; color: #fff; text-align: center; height: 50%; } .title-p-first-bg-wr table tr:first-child td { vertical-align: bottom; } .title-first-bg { font-size: 72px; text-transform: uppercase; font-family: "Times New Roman"; font-weight: 700; line-height: normal; } .p-first-bg { font-size: 33px; position: relative; font-weight: 300; margin-top: 20px; display: inline-block; padding-bottom: 45px; } .p-first-bg:before { position: absolute; background: #5a5a5a; height: 1px; width: 92%; bottom: 0; left: 50%; margin-left: -46%; content: ''; } .title-blocks { text-transform: uppercase; font-family: "Times New Roman"; font-size: 24px; font-weight: 700; } .title-blocks.first-title-blocks { margin-top: 59px; } .books-wrapp-img img { width: 100%; max-width: 262px; box-shadow: 2px 3px 12px 0px rgba(80, 80, 80, 0.75); position: relative; z-index: 2; } .books-wrapp-text { padding-right: 0 !important; } .book-t-a-t { min-height: 229px; padding-bottom: 21px; position: relative; } .book-t-a-t:before, .book-t-a-t:after { content: ''; position: absolute; left: -15px; bottom: 0; width: 100%; height: 1px; background: #cccccc; z-index: 1; } .book-t-a-t:after { left: -30px; } .books-title { font-weight: 700; font-size: 18px; margin-top: -2px; } .books-wrapp { margin-top: 30px; } .books-wrapp:nth-child(2n+3) { clear: both; } .books-autor { font-weight: 700; margin-top: 8px; font-size: 15px; } .books-text { margin-top: 22px; font-size: 15px; position: relative; } .percent-price-block-wrapp { position: relative; margin-top: 16px; } .percent-block { position: absolute; width: 66px; height: 66px; left: 0; top: 4px; } .price-block-wrapp { float: left; padding-left: 82px; } .price-block p { font-size: 16px; margin-top: 3px; letter-spacing: -0.5px; } .price-block p:first-child { margin-top: 0; } .price-block p b { font-size: 18px; letter-spacing: 0; } .price-block p span { color: #02a8d2; } .price-block p span.have { color: #65ba04; } .price-block p span.supporters { color: #888888; } .caldendar-books { margin-top: 9px; } .caldendar-books p { padding-left: 26px; position: relative; font-size: 16px; letter-spacing: -0.5px; } .caldendar-books p:before { width: 18px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; content: ''; background: url("../images/ico/icon_calen_01.svg"); background-size: 18px 18px; background-repeat: no-repeat; } .caldendar-books p b { font-size: 15px; } .books-btn { margin-top: 34px; } .books-btn.books-btn-buy { margin-top: 20px; } .books-btn.books-btn-buy .btn_, .books-btn.books-btn-buy .button-wr button, .button-wr .books-btn.books-btn-buy button { background: #65ba04; border-color: #65ba04; } .books-btn.books-btn-buy .btn_:hover, .books-btn.books-btn-buy .button-wr button:hover, .button-wr .books-btn.books-btn-buy button:hover { background: #7BD304; border-color: #7BD304; } .books-btn.books-btn-buy .btn_:active, .books-btn.books-btn-buy .button-wr button:active, .button-wr .books-btn.books-btn-buy button:active { background: #4c9804; border-color: #4c9804; } .books-btn.books-btn-new { margin-top: 20px; } .all-projects-link { margin-top: 55px; text-align: center; } .all-projects-link a { text-decoration: none !important; text-transform: uppercase; color: #888888; font-weight: 700; position: relative; } .all-projects-link a:before { width: 100%; height: 1px; background: #02a8d2; position: absolute; left: 0; bottom: -2px; content: ""; transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; } .all-projects-link a:hover:before { opacity: 0; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .section-books { padding-bottom: 80px; background: url("../images/paper_bg.jpg"); background-attachment: fixed, scroll; } .percent-bl { color: #02a8d2; display: inline-block; text-align: left; position: relative; } .percent-bl p { text-align: center; font-weight: bold; color: #333; font-size: 18px; white-space: nowrap; position: relative; overflow: hidden; z-index: 1; margin: 0; } .percent-bl canvas { position: absolute; } .percent-bl.green { color: #65ba04; } .books-bg-links { background: url("../images/book_bg.jpg"); background-position: 50% 100%; background-repeat: no-repeat; color: #fff; } .books-bg-links table { width: 100%; height: 188px; } .books-bg-links table tr td { vertical-align: middle; width: 25%; } .books-bg-links table tr:first-child td { width: 75%; } .books-bg-links-title { color: #65ba04; font-weight: 700; font-size: 36px; line-height: normal; } .books-bg-links-text { font-size: 16px; letter-spacing: -0.5px; margin-top: 13px; } .books-bg-links-link { width: 100%; float: left; padding-left: 24px; } .books-bg-links-link .btn_, .books-bg-links-link .button-wr button, .button-wr .books-bg-links-link button { background: none; border-color: #fff; } .books-bg-links-link .btn_:hover, .books-bg-links-link .button-wr button:hover, .button-wr .books-bg-links-link button:hover { background: #fff; color: #333 !important; } .books-bg-links-link .btn_:active, .books-bg-links-link .button-wr button:active, .button-wr .books-bg-links-link button:active { background: #cbcbcb; border-color: #cbcbcb; } .box-news { background: #f6f6f6; padding-bottom: 95px; margin-bottom: -60px; } .box-items-news a { color: #333; display: block; width: 100%; float: left; max-width: 360px; } .box-items-news a:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transition: scale(1.08); -o-transform: scale(1.08); transition: 0.55s; -webkit-transition: 0.55s; -moz-transition: 0.55s; -ms-transition: 0.55s; -o-transition: 0.55s; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100); -ms-filter: grayscale(100); -o-filter: grayscale(100); -moz-filter: grayscale(100); } .box-items-news-img { width: 100%; float: left; margin-top: 30px; overflow: hidden; } .box-items-news-img img { width: 360px; max-width: 100%; max-height: 230px; transition: 0.18s; -webkit-transition: 0.18s; -moz-transition: 0.18s; -ms-transition: 0.18s; -o-transition: 0.18s; } .box-items-news-title { font-weight: 700; font-size: 18px; width: 100%; float: left; margin-top: 18px; } @media (max-width: 1200px) { .books-wrapp-text { padding-right: 15px !important; padding-left: 0 !important; } } @media (max-width: 991px) { .books-wrapp-text { padding-left: 15px !important; } .book-t-a-t:after { left: -70px; } .first-bg-wrapp { height: 400px; } } @media (max-width: 893px) { .books-wrapp-img { width: 41.66666667% !important; } .books-wrapp-text { width: 58.33333333% !important; } .book-t-a-t:after { left: -105px; } } @media (max-width: 767px) { .box-items-news a { float: none; margin: 0 auto; } .title-first-bg { font-size: 52px; } .p-first-bg { font-size: 22px; padding-bottom: 20px; } .books-bg-links { padding: 31px 0; } .books-bg-links table { height: auto; } .books-bg-links table tr td { width: 100% !important; float: left; display: block; } .books-bg-links-link { padding-left: 0; margin-top: 28px; } .books-bg-links-text { margin-top: 7px; } } @media (max-width: 694px) { .books-wrapp-img { width: 50% !important; } .books-wrapp-text { width: 50% !important; } } @media (max-width: 590px) { .book-t-a-t { margin-bottom: 20px; } .books-wrapp-img { width: 100% !important; text-align: center; } .books-wrapp-text { width: 100% !important; text-align: center; } .books-title, .books-autor, .books-text, .percent-price-block-wrapp, .books-btn { float: none; width: 262px; text-align: left; margin-left: auto; margin-right: auto; } .books-title { margin-top: 11px; } .book-t-a-t:after { left: auto; right: -15px; } .book-t-a-t { min-height: auto; } .books-wrapp { margin-top: 50px; } .books-wrapp:first-child { margin-top: 30px; } .books-btn .btn_, .books-btn .button-wr button, .button-wr .books-btn button { margin-top: 34px; } .books-btn.books-btn-new .btn_, .books-btn.books-btn-new .button-wr button, .button-wr .books-btn.books-btn-new button { margin-top: 0; } .books-btn.books-btn-buy .btn_, .books-btn.books-btn-buy .button-wr button, .button-wr .books-btn.books-btn-buy button { margin-top: 20px; } .price-books-catalog { margin-bottom: -29px !important; } .price-books-catalog div { margin-top: 27px; } } @media (max-width: 580px) { .books-bg-links-title { font-size: 28px; } } @media (max-width: 390px) { .title-first-bg { font-size: 34px; } .p-first-bg { font-size: 16px; } } .section-box-footer { background: #2f2f2f; color: #fff; padding: 31px 0; margin-top: 60px; } .footer-menu li { float: left; } .footer-menu li a { color: inherit; text-transform: uppercase; padding-left: 24px; padding-right: 24px; font-weight: 700; } .footer-menu li:first-child a { padding-left: 0; } .footer-btn { position: absolute; width: 25%; height: 42px; top: 50%; margin-top: -21px; right: 0; padding-left: 15px; } @media (max-width: 991px) { .footer-btn { width: 172px; right: 15px; padding-left: 0; } .section-box-footer .footer-btn { position: relative; margin: 0; top: auto; right: auto; width: 100%; float: left; } .section-box-footer .footer-btn .btn_, .section-box-footer .footer-btn .button-wr button, .button-wr .section-box-footer .footer-btn button { float: none; margin: 0 auto; } .section-box-footer nav { display: none; } } .menu_mob { position: absolute; cursor: pointer; width: 48px; height: 56px; top: -9px; right: 0; z-index: 2; } .menu_mob div { position: absolute; width: 22px; height: 2px; background: #333; top: 0; margin-top: 33px; left: 50%; margin-left: -11px; } .menu_mob div:first-child { margin-top: 21px; } .menu_mob div:first-child:before { width: 100%; height: 100%; position: absolute; background: #333; top: 0; left: 0; margin-top: 6px; content: ''; } .mob-overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 10; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); top: 0; left: 0; cursor: default; } .close-menu-mob, .mob-catalog-close { position: relative; width: 100%; height: 52px; background: red; text-transform: uppercase; color: #fff; line-height: 52px; font-size: 18px; font-weight: 700; padding-left: 15px; } .close_mob, .mob-catalog-close:before { content: ''; position: absolute; right: 10px; top: 0; width: 32px; height: 100%; cursor: pointer; background: red; } .off-scroll { overflow-y: hidden; height: 100%; position: relative; } .mobile-menu-hidden { width: 290px !important; height: 100%; position: fixed; margin-right: -290px; right: 0; background: #2f2f2f; z-index: 1; opacity: 0; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; overflow-y: scroll; padding-bottom: 80px; } .close-mobile-menu { position: absolute; right: 0; top: 0; width: 54px; height: 54px; background: #029cc7; cursor: pointer; text-align: center; } .close-mobile-menu:before, .close-mobile-menu:after { background: #fff; position: absolute; left: 50%; top: 50%; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .close-mobile-menu:before { width: 24px; height: 2px; margin-left: -12px; margin-top: -1px; } .close-mobile-menu:after { width: 2px; height: 24px; margin-left: -1px; margin-top: -12px; } .btns-menu-mob { padding: 0 10px; margin-top: 30px; } .btns-menu-mob .style, .btns-menu-mob [class*="section-box"], .btns-menu-mob section, .btns-menu-mob footer, .btns-menu-mob header { margin-top: 15px; } .btns-menu-mob .style:first-child, .btns-menu-mob [class*="section-box"]:first-child, .btns-menu-mob section:first-child, .btns-menu-mob footer:first-child, .btns-menu-mob header:first-child { margin-top: 0; } .btns-menu-mob .btn_, .btns-menu-mob .button-wr button, .button-wr .btns-menu-mob button { width: 100%; } .close-lang-mob { height: 54px; line-height: 54px; color: #fff; text-transform: uppercase; padding-left: 10px; font-weight: 700; background: #02a8d2; font-size: 18px; } .mob-list ul li { width: 100%; float: left; } .mob-list ul li a { font-size: 18px; color: #a7a7a7; padding: 0 10px; line-height: 44px; border-bottom: 1px solid #a7a7a7; width: 100%; float: left; text-decoration: none !important; } .mobile-menu-hidden .login { float: left; color: #fff; line-height: 44px; padding-left: 10px; } @media (max-width: 991px) { .mobile-menu-hidden { display: block !important; } .off-scroll { position: fixed; } } ul.breadcrumb { border: 0; background: none; width: 100%; float: left; padding-top: 27px; padding-bottom: 24px; white-space: nowrap; position: relative; overflow: hidden; } ul.breadcrumb:before { position: absolute; height: 18px; right: 0; top: 27px; content: ''; width: 40px; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); } ul.breadcrumb li { display: inline-block; color: #888888; margin-left: 17px; font-size: 13px; } ul.breadcrumb li:first-child { margin-left: 0; } ul.breadcrumb li a { color: inherit; position: relative; } ul.breadcrumb li a:before { background: url("../images/arrow_bl_01.svg") 50% 50% no-repeat; background-size: 4px 7px; content: ""; width: 4px; height: 7px; position: absolute; right: -12px; top: 50%; margin-top: -3px; font-size: 7px; } ul.breadcrumb li a span { color: inherit; } ul.breadcrumb li span { color: inherit; } .price-books-catalog { font-size: 15px; margin-top: 27px; margin-bottom: -9px; } .price-books-catalog div { text-align: center; width: 172px; display: inline-block; } .section-books-catalog .books-wrapp { margin-top: 60px; } .section-books-catalog .title-blocks { margin-bottom: -30px; } @media (max-width: 590px) { .price-books-catalog { float: none; width: 262px; text-align: left; margin-left: auto; margin-right: auto; } } .pagination-wrapper { background: #fff; position: relative; } ul.pagination { width: auto; position: relative; display: table; margin: 0 auto; float: none; margin-top: 56px; } ul.pagination li { float: left; list-style: none; height: 38px; width: 38px; border: 1px solid #cccccc; line-height: 38px; text-align: center; margin: 3px 6px 0 6px; position: relative; z-index: 1; display: block; border-radius: 2px; } ul.pagination li a { text-decoration: none; color: #333; font-size: 14px; font-weight: 700; display: block; height: 38px; width: 38px; text-align: center; } ul.pagination li:active { background: #949494; border: 1px solid #949494; } ul.pagination li:active a { transition: 0.05s; -webkit-transition: 0.05s; -moz-transition: 0.05s; -ms-transition: 0.05s; -o-transition: 0.05s; } ul.pagination li.active { background: #cccccc !important; border: 1px solid #cccccc !important; box-shadow: none !important; } ul.pagination li.active a { cursor: default; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transition: scale(1); -o-transform: scale(1); } ul.pagination li.prev, ul.pagination li.next { opacity: 0; cursor: pointer; border: 0; width: 38px; box-shadow: none !important; background: #fff !important; width: 0; height: 0; } ul.pagination li.prev span, ul.pagination li.prev a, ul.pagination li.next span, ul.pagination li.next a { font-size: 0; color: #fff; } ul.pagination li.prev a, ul.pagination li.next a { position: absolute; top: 0; left: 0; } ul.pagination li.prev:before, ul.pagination li.next:before { content: "\e916"; font-size: 16px; line-height: 32px; color: #555; } ul.pagination li.prev.next:before, ul.pagination li.next.next:before { content: "\e917"; font-size: 16px; line-height: 32px; color: #555; } ul.pagination li.prev.disabled, ul.pagination li.next.disabled { cursor: default; } ul.pagination li.prev.disabled:before, ul.pagination li.next.disabled:before { color: #c1c1c1; } ul.pagination li:hover { box-shadow: 0px 0px 12px 0px rgba(151, 151, 151, 0.35); } ul.pagination li:hover.prev:before, ul.pagination li:hover.next:before { color: #333; } ul.pagination li:hover.prev.disabled:before, ul.pagination li:hover.next.disabled:before { color: #c1c1c1; } ul.pagination li:active.prev:before, ul.pagination li:active.next:before { color: #444444; } ul.pagination li:active.prev.disabled:before, ul.pagination li:active.next.disabled:before { color: #969696; } @media (max-width: 767px) { ul.pagination li { margin-left: 3px; margin-right: 3px; height: 31px; width: 31px; line-height: 31px; } ul.pagination li a { height: 31px; width: 31px; } ul.pagination li.prev.disabled, ul.pagination li.next.disabled { margin: 0; } } .card-img-col { text-align: center; } .card-img { display: inline-block; width: 100%; max-width: 262px; position: relative; z-index: 2; } .card-img img { max-width: 100%; box-shadow: 2px 3px 12px 0px rgba(80, 80, 80, 0.75); } .card-title { text-align: center; font-size: 24px; font-weight: 700; text-transform: uppercase; font-family: "Times New Roman"; line-height: 29px; margin-top: -2px; } .card-autor-wrapp { margin-top: 23px; } .autor-img { text-align: center; } .autor-img div { background: #888888; width: 84px; height: 84px; line-height: 84px; overflow: hidden; color: #fff; text-transform: uppercase; border-radius: 100%; font-size: 42px; display: inline-block; } .autor-img div img { width: 100%; height: 100%; } .autor-name { margin-top: 9px; text-align: center; font-size: 15px; font-weight: 500; } .card-btns-price-wr { padding-top: 22px; margin-top: 29px; position: relative; } .card-btns-price-wr:before { width: 100%; height: 1px; background: #cccccc; content: ''; left: -45px; top: 0; position: absolute; box-sizing: content-box; padding-left: 45px; } .card-btns-price-wr > div { width: 50%; float: left; } .card-btns-price-wr .books-btn.books-btn-new { margin-top: 12px; } .card-btns-price-wr .price-books-catalog { margin-top: 24px; } .card-seti-wr { margin-top: 27px; text-align: center; } .card-seti-wr p { color: #888888; font-size: 15px; } .card-seti-wr ul { margin-top: 11px; display: inline-block; } .card-seti-wr ul li { width: 72px; height: 30px; float: left; margin: 0 2px; } .card-seti-wr ul li a { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-color: #888888; border-radius: 2px; transition: 0.35s; } .card-seti-wr ul li a:hover { background-color: #888888 !important; } .card-seti-wr ul li.card-s1 a { background-color: #496194; background-image: url("../images/card/card-seti-1.png"); } .card-seti-wr ul li.card-s2 a { background-color: #28c3ff; background-image: url("../images/card/card-seti-2.png"); } .card-seti-wr ul li.card-s3 a { background-color: #ff6d4a; background-image: url("../images/card/card-seti-3.png"); } .card-text { background: url(../images/paper_bg.jpg) 50% 50% no-repeat; position: relative; padding: 46px 20px 40px 20px; } .card-text p { font-size: 14px; font-style: italic; line-height: 20px; margin-top: 20px; letter-spacing: -0.17px; } .card-text p:first-child { margin-top: 0; } .card-text:before { position: absolute; width: 3px; height: 35px; background: #cccccc; left: 19px; top: 0; content: ''; } .section-card-description, .section-card-title { background: #f6f6f6; padding-top: 44px; padding-bottom: 30px; margin-top: 54px; } .card-desk-title { font-size: 24px; font-weight: 700; text-transform: uppercase; font-family: "Times New Roman"; line-height: 29px; } .card-desk-text { margin-top: 20px; } .section-card-title { background: #fff; } .comments-card-wr { font-size: 15px; line-height: 20px; margin-top: 24px; } .comments-card-wr:first-child { margin-top: 50px; } .comments-card-autor { font-weight: 700; } .answers-wr { margin-top: 1px; } .answers-wr span { color: #02a8d2; cursor: pointer; } .comments-card-ansvers-text-wr { margin-top: 14px; padding-left: 33px; } .comments-card-ansvers-text-wr .comments-card-text { font-style: italic; } .card-form-add-wrapp { background: #f6f6f6; border-radius: 2px; box-shadow: 0px 0px 12px 0px rgba(172, 171, 171, 0.6); padding: 29px 30px 30px 30px; margin-top: 23px; } .card-form-add-wrapp form { width: 100%; float: left; } .card-form-add-wrapp .input-wr, .card-form-add-wrapp .button-wr { padding: 0; } .title-add-comments-form { font-size: 18px; font-weight: 700; text-align: center; } .hidden-comments-form-card.vis_ { display: block !important; } .mob-card-desk-btn { font-size: 13px; text-align: center; } .mob-card-desk-btn span { border-bottom: 1px solid #02a8d2; cursor: pointer; } @media (max-width: 1200px) { .card-btns-price-wr > div { width: 100%; text-align: center; } .price-block { text-align: center; } .card-btns-price-wr .books-btn { width: auto; float: none; display: inline-block; } } @media (max-width: 820px) { .card-btns-price-wr { padding-top: 0; } .card-btns-price-wr:before { display: none; } } @media (max-width: 800px) { .card-seti-wr ul li { width: 66px; } } @media (max-width: 767px) { .mob-card-desk-btn { display: block !important; } .card-form-add-wrapp { margin-top: 36px; } .card-title { margin-top: 28px; } .card-text { margin-top: 21px; } .card-desk-title { text-align: center; } .card-desk-text { height: 440px; overflow: hidden; } .card-desk-text.show_ { height: auto; } } .blog-view { font-size: 15px; line-height: 20px; } .blog-view p, .blog-view h1, .blog-view h2, .blog-view h3, .blog-view h4, .blog-view h5, .blog-view h6, .blog-view table { margin-bottom: 20px; line-height: normal; } .blog-view ul, .blog-view ol { margin-bottom: 20px; } .blog-view p { line-height: 20px; } .blog-view img { opacity: 1 !important; vertical-align: top; max-width: 100%; } .blog-view table { max-width: 100%; } .blog-view ol li, .blog-view ul li { margin-top: 2px; position: relative; } .blog-view ul { list-style: none !important; } .blog-view ul li { padding-left: 12px; } .blog-view ul li:before { width: 5px; height: 5px; border-radius: 100%; background: #02a8d2; position: absolute; left: 0; top: 7px; content: ''; } .blog-view ol { padding-left: 15px; list-style-position: outside; list-style-type: decimal; } .blog-view ol li { padding-left: 8px; } .blog-view-section .blog-view { margin-top: 20px; position: relative; } .blog-view-section .blog-view:after { width: 100%; height: 1px; background: #cccccc; content: ''; margin-top: 7px; display: block; } .blog-view-section .blog-view img { margin-right: 30px; margin-bottom: 30px; height: auto !important; } .blog-view-section .items-blog-tags { margin-top: 16px; } .blog-view-section .card-desk-title { margin-top: 53px; } .blog-view-section .icons-blog-wr { margin-top: 25px; } .blog-view { height: auto; } #overlay { position: fixed; z-index: 9; width: 100%; height: 100%; background: #000; opacity: 0.85; top: 0; left: 0; } #modal_close { width: 40px; height: 72px; position: absolute; top: 0; right: 0; cursor: pointer; display: block; z-index: 11; } #modal_close:before { display: block; color: #fff; line-height: 40px; text-align: center; font-size: 16px; content: "\e90f"; transition: 0.05s; -webkit-transition: 0.05s; -moz-transition: 0.05s; -ms-transition: 0.05s; -o-transition: 0.05s; } #modal_close:active:before { transform: scale(1.35); -webkit-transform: scale(1.35); -moz-transform: scale(1.35); -ms-transition: scale(1.35); -o-transform: scale(1.35); } .forms_ { z-index: 10; display: none; position: absolute; width: 555px; border-radius: 4px; left: 50%; margin-left: -277px; top: 0; opacity: 0; } .forms_.forms_750 { width: 750px; margin-left: -375px; } .forms_ label { font-size: 14px; } .forms_ form { width: 100%; background: #fff; padding-bottom: 30px; float: left; padding-top: 29px; } .form-title { height: 72px; color: #fff; line-height: 72px; background: #02a8d2; font-weight: 700; text-transform: uppercase; font-size: 24px; text-align: center; } .input-wr, .button-wr { width: 100%; float: left; } .button-wr { margin-top: 30px; } .button-wr button { width: 174px; margin: 0 auto; float: none !important; border: 1px solid #02a8d2 !important; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none !important; color: #02a8d2 !important; box-shadow: none !important; } .button-wr button:hover { border: 1px solid #02a8d2 !important; background: #02a8d2 !important; color: #fff !important; } .button-wr button:active { box-shadow: 0px 0px 12px 0px rgba(151, 151, 151, 0.35) !important; } .button-wr.green button { color: #65ba04 !important; border: 1px solid #65ba04 !important; box-shadow: none !important; } .button-wr.green button:hover { border: 1px solid #7BD304 !important; background: #7BD304 !important; color: #fff !important; } .button-wr.green button:active { border: 1px solid #4c9804 !important; background: #4c9804 !important; } .login-wrapper { background: #fff; width: 100%; float: left; padding-bottom: 30px; } .login-wrapper form { padding-bottom: 0; } .login-wrapper .btns_reg { float: none; margin: 0 auto; margin-top: 43px; } .forms_ .sidebar_checks input + label:before, .forms_ .sidebar_checks textarea + label:before, .forms_ .sidebar_checks select + label:before, .forms_ .radio_custom input + label:before, .forms_ .radio_custom textarea + label:before, .forms_ .radio_custom select + label:before, .forms_pages .sidebar_checks input + label:before, .forms_pages .sidebar_checks textarea + label:before, .forms_pages .sidebar_checks select + label:before, .forms_pages .radio_custom input + label:before, .forms_pages .radio_custom textarea + label:before, .forms_pages .radio_custom select + label:before { border: 1px solid #02a8d2 !important; top: 1px; } .forms_ .sidebar_checks input:checked + label:before, .forms_ .sidebar_checks textarea:checked + label:before, .forms_ .sidebar_checks select:checked + label:before, .forms_ .radio_custom input:checked + label:before, .forms_ .radio_custom textarea:checked + label:before, .forms_ .radio_custom select:checked + label:before, .forms_pages .sidebar_checks input:checked + label:before, .forms_pages .sidebar_checks textarea:checked + label:before, .forms_pages .sidebar_checks select:checked + label:before, .forms_pages .radio_custom input:checked + label:before, .forms_pages .radio_custom textarea:checked + label:before, .forms_pages .radio_custom select:checked + label:before { border: 0 !important; } /*********login form restore/register************/ .btns_reg { width: 210px; text-align: center; margin-top: 43px; float: left; } .btns_reg a, .btns_reg span { width: 100%; float: left; font-size: 13px; } .restore_password_ { border-bottom: 1px solid silver; text-decoration: none; padding-bottom: 11px; } .no_account_yet { font-size: 14px; text-transform: uppercase; font-weight: 700; margin-top: 13px; } .to-register-link { margin-top: 9px; } /**********************************/ /****************restore******************/ .email-remind-txt, .emails_txt, .txt_reg_page, .add_inform { font-size: 13px; color: #888; margin-top: 10px; } /**********************************/ .button-left button { float: left; } .button-right button { float: right; } /**********************************/ /**********************************/ .txt-forms_ { background: #fff; width: 100%; padding: 15px; width: 100%; float: left; } .txt-forms_overflow { height: 500px; overflow-x: hidden; } /**********************************/ /**************success*******************/ #success_form { width: 420px; height: 152px; border-radius: 4px; position: absolute; top: 30px; left: 50%; margin-left: -210px; display: none; z-index: 99998; background: #fff; padding: 0 15px; } .txt-success { width: 420px; height: 152px; display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; color: #363636; } .txt-success span { font-size: 20px; } .txt-success p { margin-top: 3px; } /**********************************/ .modal-forms-wrapp { background: #fff; padding: 26px 15px 29px 15px; } #hot_line { text-align: center; } .model-name-test { text-align: center; font-size: 18px; text-transform: uppercase; color: #333; } [class*="hot_line-txt-"] { font-size: 15px; line-height: 15px; } .hot_line-txt-1 { margin-top: 37px; } .hot_line-txt-1, .hot_line-txt-5 { font-weight: 700; } .hot_line-txt-2 { font-size: 24px; margin-top: 18px; } .hot_line-txt-3 { margin-top: 12px; } .hot_line-txt-4 { font-size: 13px; color: #898989; margin-top: 9px; } .hot_line-txt-5 { margin-top: 28px; } .hot_line-txt-6 { margin-top: 13px; } .hot_line-txt-7 { font-size: 11px; color: #898989; margin-top: 49px; } /*****************inform*****************/ .inform_form-wr form { margin-top: 20px; padding-top: 0; } #inform .modal-body { padding: 0 15px; float: left; } #inform .input-wr, #inform .button-wr { padding: 0; } #inform label { font-size: 13px; margin-top: 0; } .paym_form-txt { line-height: 15px; margin-top: 36px; } .paym_form-txt-2 { line-height: 15px; margin-top: 15px; } .inform_form-wr { margin-top: 0; padding: 0 38px; } [class*="input-wr"] { float: left; width: 100%; } .form-bg-wr { padding: 17px 30px 11px; background: #f5f5f5; border-radius: 3px; float: left; width: 100%; } .input-wr-num { width: 165px; } .input-wr-name { width: 360px; float: right; } .download_file { margin-top: 22px; } .download_file-txt { font-size: 13px; line-height: 15px; } .input-wr-file input, .input-wr-file textarea, .input-wr-file select { width: 0; height: 0; padding: 0; border: 0; background: 0 0; display: none; } .input-wr-file-txt { font-size: 13px; color: #888; width: 140px; height: 30px; line-height: 30px; } .new_wrapp_in { padding: 0 30px; margin-top: 15px; } .new_wrapp_in [class*="input-wr"] { margin-top: 12px; } .input-wr-sum { width: 165px; } .input-wr-sum-txt { font-size: 13px; color: #888; width: 360px; float: right; height: 56px; padding-top: 24px; } .input-wr-bank { width: 262px; } .input-wr-payment:first-child { margin-left: 0; width: 164px; } .input-wr-payment { width: 165px; margin-left: 30px; } /**********************************/ .help-block { display: none !important; width: 100%; float: left; font-size: 13px; color: #888; margin-top: 5px; } @media (max-width: 767px) { .login-wrapper .btns_reg { margin-top: 20px; } } @media (max-width: 555px) { .forms_ { width: 100%; left: 0; margin-left: 0; border-radius: 0; padding: 0 15px; } .forms_ label { font-size: 16px; } #modal_close { right: 15px; } .form-title { font-size: 20px; } } @media (max-height: 550px) { .txt-forms_overflow { height: 350px; } } @media (max-height: 450px) { .txt-forms_overflow { height: 250px; } #success_form { width: 300px; margin-left: -150px; } } @media (max-height: 350px) { .txt-forms_overflow { height: 200px; } } @media (max-height: 300px) { .txt-forms_overflow { height: 150px; } } @media (max-height: 250px) { .txt-forms_overflow { height: 100px; } } @media (max-height: 200px) { .txt-forms_overflow { height: 50px; } } @media (max-height: 150px) { .txt-forms_overflow { height: 30px; } } input, textarea, select { width: 100%; float: left; outline: none !important; height: 38px; background: #fff; border: 1px solid #cccccc; padding-left: 8px; margin-top: 8px; resize: none; box-shadow: none; } input:focus, textarea:focus, select:focus { transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; box-shadow: 2px 3px 4px 0px rgba(238, 238, 238, 0.75) inset; } textarea { padding-top: 8px; min-height: 96px; max-height: 96px; max-width: 100%; } .section-books-support textarea { min-height: 108px; max-height: 108px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/arrow-dawn.svg) 98% 50% no-repeat; background-size: 10px 6px; } select:focus { background: #fff url(../images/arrow-up.svg) 98% 50% no-repeat; background-size: 10px 6px; } button[type="submit"] { display: block; outline: none !important; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; cursor: pointer; } label { margin-top: 12px; float: left; font-size: 15px; } .has-error input, .has-error textarea, .has-error select, .has-error textarea, .has-error select { border: 1px solid #c23142 !important; } .required label { position: relative; } .required label:before { display: block; content: "*"; color: #c23142 !important; position: absolute; top: 0; right: -11px; } .help-block { display: none; width: 100%; float: left; font-size: 13px; color: #888; margin-top: 5px; } .section-books-support { margin-top: 33px; padding-bottom: 6px; } .title-support { text-align: center; } .support-form-col { padding-left: 0 !important; padding-right: 0 !important; } .support-form-wr { background: #f6f6f6; border-radius: 2px; box-shadow: 0px 0px 12px 0px rgba(172, 171, 171, 0.6); padding: 29px 30px 30px 30px; margin-top: 34px; } .support-form-wr form { width: 100%; float: left; } .title-support-form { font-weight: 700; font-size: 18px; } .autor-support-form { font-weight: 500; font-size: 15px; margin-top: 8px; margin-bottom: 15px; } .price-input { width: 158px; margin: 0 auto; } .price-input input, .price-input textarea, .price-input select { height: 53px; text-align: center; font-weight: 700; font-size: 24px; padding: 0; } .search-support { position: relative; } .search-support:before { position: absolute; bottom: 10px; right: 10px; width: 18px; height: 18px; background: url("../images/search-svg.svg") 50% 50% no-repeat; background-size: 18px 18px; content: ''; } .search-support input, .search-support textarea, .search-support select { padding-right: 33px; } .select-support { position: relative; } .select-support select { padding-right: 29px; } .input-else { text-align: center; font-size: 13px; color: #5d5d5d; font-style: italic; margin-top: 18px; width: 100%; float: left; } .support-link { margin-top: 16px; text-align: center; width: 100%; float: left; } .support-link a { text-transform: uppercase; text-decoration: none !important; font-weight: 700; font-size: 13px; color: #888888; } .support-link a span { border-bottom: 1px solid #02a8d1; } .support-link a:hover span { border-bottom: 1px solid transparent; } .support-shecks { margin-top: 13px !important; } .select2 { float: left; margin-top: 8px; } .select2-container--krajee .select2-selection--single { height: 38px; border: 1px solid #cccccc; border-radius: 0; line-height: 25px; } .select2-container--krajee .select2-selection--single .select2-selection__arrow { border: 0; height: 38px; width: 34px; border-left: 0; top: 0; } .select2-container--krajee .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--krajee .select2-selection--single .select2-selection__arrow:before { position: absolute; top: 50%; margin-top: -3px; left: 50%; margin-left: -6px; width: 12px; height: 6px; background: url("../images/arrow_dw_01.svg") 50% 50% no-repeat; background-size: 12px 6px; content: ''; } .select2-container--krajee .select2-search--dropdown .select2-search__field { border-radius: 0; background-position: right 10px top 10px; background-repeat: no-repeat; } .select2-container--krajee .select2-results > .select2-results__options { float: left; width: 100%; } .select2-container--krajee .select2-selection--single .select2-selection__clear { right: 27px; top: 7px; } .add-book-last-step-title { margin-top: 29px; } .add-book-last-step-title p { font-weight: 700; text-align: center; font-size: 18px; line-height: 22px; } .add-book-last-step-title p:first-child { margin-top: 0; } .buttons-last-step-add { margin-top: 14px; text-align: center; } .buttons-last-step-add > div { display: inline-block; margin-top: 9px; } .buttons-last-step-add > div:first-child a { display: block; float: left; line-height: 42px; text-transform: uppercase; color: #888888; font-size: 13px; text-decoration: none !important; margin-right: 37px; } .buttons-last-step-add > div:first-child a span { border-bottom: 1px solid #02a8d2; } .buttons-last-step-add > div:first-child a:hover span { border-bottom: 1px solid transparent; } .buttons-last-step-add > div .btn_, .buttons-last-step-add > div .button-wr button, .button-wr .buttons-last-step-add > div button { width: 204px; background: none; border: 1px solid #65ba04; color: #65ba04 !important; transition: 0.2s; } .buttons-last-step-add > div .btn_:hover, .buttons-last-step-add > div .button-wr button:hover, .button-wr .buttons-last-step-add > div button:hover { background: #65ba04; color: #fff !important; } .buttons-last-step-add > div .btn_:active, .buttons-last-step-add > div .button-wr button:active, .button-wr .buttons-last-step-add > div button:active { background: #4c9804; border: 1px solid #4c9804; } .add-book-form-column { width: 50%; float: left; } .input-wr-file-wrapp { display: inline-block; width: 200px; float: none; } .input-wr-file { width: 124px; padding-top: 8px; position: relative; float: left; } .input-wr-file label { box-shadow: -1px 4px 12px 0px rgba(220, 220, 220, 0.75); margin: 0; padding: 0; background: #fff; width: 124px; height: 184px; cursor: pointer; position: relative; } .input-wr-file label:before { width: 24px; height: 24px; background: #02a8d2; text-align: center; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; content: '+'; color: #fff; line-height: 22px; font-size: 20px; } .img-file { width: 100%; height: 100%; position: absolute; left: 0; top: 8px; z-index: 3; } .img-file.vis_ { display: block !important; } .img-file img { max-width: 100%; max-height: 100%; } .img-size { font-size: 13px; color: #a2a2a2; font-weight: normal; position: absolute; left: 0; top: 24px; text-align: center; width: 100%; z-index: 2; } .remove-img-file { position: absolute; right: -9px; top: -9px; cursor: pointer; width: 18px; height: 18px; } .remove-img-file:before { width: 18px; height: 18px; background: #d22600; text-align: center; border-radius: 100%; position: absolute; top: 0; left: 0; content: '+'; color: #fff; line-height: 16px; font-size: 20px; transform: rotate(135deg); } .mce-container.mce-panel.mce-tinymce { margin-top: 38px !important; } @media (max-width: 425px) { .buttons-last-step-add > div:first-child a { margin-right: 12px; } .buttons-last-step-add > div:first-child { width: 100%; } .buttons-last-step-add > div:first-child a { margin-right: 0; float: none; } } .label-fix { margin-top: 1px; } .sidebar_checks, .radio_custom { width: 100%; float: left; margin-top: 12px; } .sidebar_checks label, .radio_custom label { margin-top: 0; font-weight: normal; font-size: 13px; } .sidebar_checks input, .sidebar_checks textarea, .sidebar_checks select, .radio_custom input, .radio_custom textarea, .radio_custom select { display: none; } .sidebar_checks input + label, .sidebar_checks textarea + label, .sidebar_checks select + label, .radio_custom input + label, .radio_custom textarea + label, .radio_custom select + label { font-size: 13px; color: #333; position: relative; padding-left: 25px; cursor: pointer; line-height: 18px; } .sidebar_checks input + label:before, .sidebar_checks textarea + label:before, .sidebar_checks select + label:before, .radio_custom input + label:before, .radio_custom textarea + label:before, .radio_custom select + label:before { position: absolute; content: ''; width: 18px; height: 18px; top: 0; left: 0; background: #fff; border: 1px solid #d7d7d7; cursor: pointer; } .sidebar_checks input + label a, .sidebar_checks textarea + label a, .sidebar_checks select + label a, .radio_custom input + label a, .radio_custom textarea + label a, .radio_custom select + label a { text-decoration: none !important; padding-left: 0; float: none; } .sidebar_checks input + label a:before, .sidebar_checks textarea + label a:before, .sidebar_checks select + label a:before, .radio_custom input + label a:before, .radio_custom textarea + label a:before, .radio_custom select + label a:before { display: none; } .sidebar_checks input + label p, .sidebar_checks textarea + label p, .sidebar_checks select + label p, .radio_custom input + label p, .radio_custom textarea + label p, .radio_custom select + label p { color: #333; display: inline-block; } .sidebar_checks input + label p.disabled, .sidebar_checks textarea + label p.disabled, .sidebar_checks select + label p.disabled, .radio_custom input + label p.disabled, .radio_custom textarea + label p.disabled, .radio_custom select + label p.disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .sidebar_checks input:hover + label:before, .sidebar_checks textarea:hover + label:before, .sidebar_checks select:hover + label:before, .radio_custom input:hover + label:before, .radio_custom textarea:hover + label:before, .radio_custom select:hover + label:before { border-color: #02b2dc; } .sidebar_checks input:hover + label a, .sidebar_checks textarea:hover + label a, .sidebar_checks select:hover + label a, .radio_custom input:hover + label a, .radio_custom textarea:hover + label a, .radio_custom select:hover + label a { color: #02b2dc; } .sidebar_checks input:active + label:before, .sidebar_checks textarea:active + label:before, .sidebar_checks select:active + label:before, .radio_custom input:active + label:before, .radio_custom textarea:active + label:before, .radio_custom select:active + label:before { border-color: #029cc7; } .sidebar_checks input:active + label a, .sidebar_checks textarea:active + label a, .sidebar_checks select:active + label a, .radio_custom input:active + label a, .radio_custom textarea:active + label a, .radio_custom select:active + label a { color: #029cc7; } .sidebar_checks input:checked + label:before, .sidebar_checks textarea:checked + label:before, .sidebar_checks select:checked + label:before, .radio_custom input:checked + label:before, .radio_custom textarea:checked + label:before, .radio_custom select:checked + label:before { background-image: url("../images/checked.png"); background-repeat: no-repeat; background-position: 50% 50%; line-height: 18px; } .sidebar_checks input[disabled="disabled"] + label:before, .sidebar_checks textarea[disabled="disabled"] + label:before, .sidebar_checks select[disabled="disabled"] + label:before, .radio_custom input[disabled="disabled"] + label:before, .radio_custom textarea[disabled="disabled"] + label:before, .radio_custom select[disabled="disabled"] + label:before { cursor: default; border-color: #ddd !important; background: #ddd !important; color: #333 !important; } .sidebar_checks a, .radio_custom a { line-height: 18px; font-size: 14px; color: #333; position: relative; padding-left: 30px; cursor: pointer; text-decoration: none !important; float: left; } .sidebar_checks a:before, .radio_custom a:before { position: absolute; content: ''; width: 18px; height: 18px; top: -1px; left: 0; background: #fff; border: 1px solid #d7d7d7; cursor: pointer; } .sidebar_checks a p, .radio_custom a p { color: #333; display: inline-block; } .sidebar_checks a p.disabled, .radio_custom a p.disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .radio_custom input + label:before, .radio_custom textarea + label:before, .radio_custom select + label:before { border-radius: 100%; border-top: 1px solid #d7d7d7 !important; border-bottom: 1px solid #d7d7d7 !important; border-right: 1px solid #d7d7d7 !important; border-left: 1px solid #d7d7d7 !important; } .radio_custom input:checked + label:before, .radio_custom textarea:checked + label:before, .radio_custom select:checked + label:before { background: #02a8d2; border-top: 1px solid #02a8d2 !important; border-bottom: 1px solid #02a8d2 !important; border-right: 1px solid #02a8d2 !important; border-left: 1px solid #02a8d2 !important; content: ''; } .radio_custom input:checked + label:after, .radio_custom textarea:checked + label:after, .radio_custom select:checked + label:after { position: absolute; content: ''; width: 8px; height: 8px; top: 6px; left: 5px; background: #fff; border-radius: 100%; } .checked a:before { background: #02a8d2; border: 1px solid #02a8d2; content: "\e901"; color: #fff; font-size: 8px; text-align: center; line-height: 18px; } #login_modal .sidebar_checks input + label:before, #login_modal .sidebar_checks textarea + label:before, #login_modal .sidebar_checks select + label:before { top: 0; } .input-wr.sidebar_checks, .sidebar_checks.button-wr { margin-top: 19px; } .account-save.button-wr { text-align: center; } .account-save.button-wr button, .account-save.button-wr .account-cancel { display: inline-block; } .account-save.button-wr .account-cancel { cursor: pointer; padding: 0 39px; } .account-save.button-wr .account-cancel b { font-weight: 700; color: #888888; font-size: 13px; text-transform: uppercase; border-bottom: 1px solid #02a8d1; line-height: 42px; } .account-save.button-wr .account-cancel:hover b { border-bottom: 0; } .change-password-link { margin-top: 11px; } .change-password-link span, .change-password-link a { color: #02a8d2; font-size: 13px; cursor: pointer; } .change-password-link span:hover, .change-password-link a:hover { text-decoration: underline; } .section-block-account .input-wr-file { width: 184px; } .section-block-account .input-wr-file label { width: 184px; } .section-block-account .card-form-add-wrapp { border-top-left-radius: 0; margin-top: 0; } .tabs-account { margin-top: 23px; } .tabs-account ul { float: left; } .tabs-account ul li { margin-left: 5px; padding: 0 20px; line-height: 42px; cursor: pointer; float: left; border: 1px solid #c9c9c9; border-bottom: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; position: relative; } .tabs-account ul li:first-child { margin-left: 0; } .tabs-account ul li span { display: block; font-weight: 700; font-size: 18px; color: #02a8d2; } .tabs-account ul li.active { background: #f6f6f6; border-color: #f6f6f6; box-shadow: 0px 0px 12px 0px rgba(172, 171, 171, 0.6); } .tabs-account ul li.active span { color: #333; } .tabs-account ul li.active:before { width: 100%; height: 7px; background: inherit; content: ''; position: absolute; left: 0; bottom: -6px; z-index: 3; } .tabs-account-forms { display: none; } .tabs-account-forms.active { display: block; } .account-number { font-size: 15px; font-weight: 500; color: #333; } .account-title { font-size: 18px; font-weight: 700; color: #333; margin-top: 1px; } .account-edit { font-size: 13px; color: #02a8d2; margin-top: 3px; } .account-columns-row { margin-top: 15px; } .account-columns-row:first-child { margin-top: -4px; } .account-columns { width: 50%; float: left; padding-left: 15px; position: relative; } .account-columns:before { position: absolute; content: ''; left: -15px; top: 0; width: 1px; height: 100%; background: #cccccc; } .account-columns:first-child { padding-left: 0; padding-right: 15px; } .account-columns:first-child:before { display: none; } .account-pagination { margin-top: 35px; } .account-pagination .pagination { margin-top: 0; } .add-project-btn { margin-bottom: 37px; } .add-project-btn a { font-size: 13px; text-transform: uppercase; position: relative; padding-left: 36px; line-height: 24px; } .add-project-btn a:before { width: 24px; height: 24px; background: #65ba04; text-align: center; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -12px; content: '+'; color: #fff; line-height: 22px; font-size: 20px; } @media (max-width: 550px) { .account-columns { padding-left: 0; padding-right: 0; width: 100%; margin-top: 15px; } .account-columns:first-child { margin-top: 0; } .account-columns:before { display: none; } .add-book-form-column { width: 100%; } .tabs-account ul li { padding: 0 15px; } .tabs-account ul li span { font-size: 16px; } } .section-blog-index { height: 379px; background: url("../images/blog/blog-bg.jpg") 50% 50% no-repeat; color: #fff; margin-top: -69px; padding-top: 67px; position: relative; z-index: 2; } .title-blog-index, .title-blog-view, .read-more-blog-view { font-size: 24px; color: inherit; text-transform: uppercase; font-family: 'Times New Roman'; } .blog-page .section-breadcrumb { z-index: 3; } .blog-page ul.breadcrumb:before { display: none; } .blog-page ul.breadcrumb li { color: #fff; } .blog-tags { float: left; margin-left: -10px; } .blog-tags li { float: left; margin-left: 10px; } .blog-tags li a { display: block; line-height: 30px; padding: 0 20px; border: 1px solid #cccccc; border-radius: 2px; text-transform: uppercase; font-size: 13px; font-weight: 700; text-decoration: none !important; } .blog-tags li a:hover { color: #333; } .blog-tags li.active a { color: #333; background: #ccc; } .section-blox-index-next { margin-top: 60px; } .blog-items-img { text-align: center; } .blog-items-img img { max-width: 458px; width: 100%; } .icons-blog-wr span { display: block; float: left; line-height: 18px; padding-left: 26px; color: #888888; margin-right: 28px; background-repeat: no-repeat; background-position-x: 0; background-position-y: 50%; background-size: 18px 18px; } .icons-blog-wr span:last-child { margin-right: 0; } .icons-blog-wr span:nth-child(1) { background-image: url("/images/blog/blog-ico-1.svg"); } .icons-blog-wr span:nth-child(2) { background-image: url("/images/blog/blog-ico-2.svg"); background-size: 18px 11px; } .icons-blog-wr span:nth-child(3) { background-image: url("/images/blog/blog-ico-3.svg"); } .blog-list-title { margin-top: 24px; } .blog-list-title a { font-size: 24px; font-weight: 700; color: #333; font-family: 'Times New Roman'; line-height: 29px; } .blog-list-txt { margin-top: 14px; max-height: 103px; overflow: hidden; margin-bottom: 2px; } .blog-list-txt p { font-size: 15px; line-height: 20px; margin-top: 20px; } .blog-list-txt p:first-child { margin-top: 0; } .blog-list-more { margin-top: 21px; } .items-blog-tags { margin-top: 12px; } .items-blog-tags a { float: left; text-decoration: none !important; display: block; height: 22px; line-height: 20px; padding: 0 6px; margin-right: 10px; border: 1px solid #cccccc; } .items-blog-tags a:hover { color: #333; } .border-blog-items { margin-top: 20px; position: relative; } .border-blog-items:before { width: 100%; height: 1px; content: ''; display: block; background: #cccccc; } .blog-items-width { width: 100%; text-align: left; display: inline-block; } .blog-items { margin-top: 30px; } .blog-tags { margin-bottom: 10px; } .title-blog-view { text-transform: uppercase; } .border-blog-comments:after { width: 100%; height: 1px; background: #cccccc; content: ''; margin-top: 28px; display: block; } .read-more-blog-view { margin-top: 63px; font-weight: 700; } .items-blog-view-wr { text-align: center; } .items-blog-view { margin-top: 4px; width: 100%; display: inline-block; max-width: 360px; text-align: left; } .items-blog-view img { width: 100%; max-width: 100%; } .title-items-blog-view { margin-top: 10px; width: 100%; float: left; } .title-items-blog-view p { font-size: 24px; font-weight: 700; color: #333; font-weight: 700; font-family: 'Times New Roman'; line-height: 20px; margin-top: 13px; } .blog-view-section .items-blog-tags { margin-top: 17px; } @media (max-width: 767px) { .blog-items-width { margin-top: 19px; max-width: 458px; } .read-more-blog-view { text-align: center; } .blog-view-section .blog-view img { float: none !important; } } .modal-link { cursor: pointer; } .padding-r-none { padding-right: 0 !important; } .padding-l-none { padding-left: 0 !important; } .empty { color: #707376; font-size: 16px; padding: 0 15px; } .empty-15 .empty { padding-left: 15px; } .section-box-content { overflow: hidden; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: 0.25em; } @media (max-width: 767px) { .container { padding-left: 10px !important; padding-right: 10px !important; } .row { margin-left: -10px !important; margin-right: -10px !important; } [class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] { padding-left: 10px !important; padding-right: 10px !important; } [class*="col-xs-"].items_wr_full, [class*="col-sm-"].items_wr_full, [class*="col-md-"].items_wr_full, [class*="col-lg-"].items_wr_full { padding-left: 0 !important; padding-right: 0 !important; } } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm, .visible_all { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 940px) { .visible_940 { display: block !important; } } @media (max-width: 939px) { .visible-mobile { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md, .visible_all { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg, .visible_all { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; } /*# sourceMappingURL=style.css.map */