#faq-body, #faq-body * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #faq-category-block, #faq-link-block, #faq-search-block, #faq-post-block, .faq-item-footer {display:inline-block;width:100%;margin:0;} u.faq-highlight {background-color:#ffe787;text-decoration:none;} h1 {font-size: 32px; line-height: 36px; font-weight: bold;} h2 {font-size: 22px; line-height: 26px; font-weight: bolder;} #faq-body h1 {text-align:center;margin:15px 0;font-weight:bold;} #faq-body h2 {margin:15px 0;display: inline-block; width: 100%; max-width: 760px; text-align: left;} #faq-body.faq-theme-sigma h1 {font-weight:normal;} .faq-home-empty {display:inline-block;width:100%;text-align:center;font-size:16px;line-height:20px;padding:100px 20px;} #faq-search-block {margin:0 0 30px 0;} #faq-search-block .faq-search-form {display:inline-block;width:100%;margin:0;padding:120px 20px;text-align:center;background:transparent url('../img/cover.svg') no-repeat center center;background-size:800px;} #faq-search-block .faq-search-inside {display:inline-block;width:100%;position:relative;max-width:540px;} #faq-search-block .faq-search-inside > div.has-placeholder {display:inline-block;width:100%;position:relative;} #faq-search-block .faq-search-inside > div.has-placeholder label {line-height:48px;text-align:left;} #faq-search-block input[name="pattern"] {margin:0;outline:none;background-color: #ffffff; border: none; border-radius: 6px; box-shadow: 0 1px 2px 0 rgb(0,0,0,0.3), 0 1px 3px 1px rgb(0,0,0,0.15);color: #222; display: block; font-size: 16px; height: 48px; padding: 10px 15px; width: 100%;-webkit-appearance: none;} #faq-search-block button[type="submit"], #faq-search-block div.button {box-shadow:none;position:absolute;background:none!important;border:none!important;padding:8px!important;width:44px;height:44px;margin:0!important;top:2px;right:2px;border-radius:4px;} #faq-search-block button[type="submit"] svg, #faq-search-block div.button svg {width:28px;height:28px;} #faq-search-block div.button > span {margin:0;padding:0;text-indent:-9999px;overflow:hidden;color:transparent;font-size:1px;} #faq-search-block div.button > span > button {opacity:1!important;cursor:pointer;z-index:9;top: 0px; right: 0px;display:block;background:#fff;border-radius:4px;} #faq-category-block {text-align:center;margin:0 0 20px 0;} #faq-category-block .faq-category-inside {display:inline-block;width:100%;max-width:760px;text-align:left;} #faq-category-block .faq-category {float:left;transition:0.1s;display:inline-block;width:240px;padding:25px 20px;height:260px;border-radius:10px;background:#dfdfdf;text-align:center;margin:0 20px 20px 0px;} #faq-category-block .faq-category:nth-child(3n+3) {margin-right:0;} #faq-category-block .faq-category:hover {background:#d0d0d0;} #faq-category-block .faq-category img {max-width:96px;max-height:96px;width:auto;height:auto;margin:0 0 20px 0;display:inline-block;} #faq-category-block .faq-category strong {text-align:left;font-size:18px;font-weight:bold;line-height:22px;color:#000;margin:0 0 5px 0;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #faq-category-block .faq-category span {text-align:left;font-size:15px;height:60px;overflow:hidden;line-height:20px;color:#666;display:inline-block;width:100%;} #faq-post-block {text-align:center;margin:0 0 15px 0;} #faq-post-block .faq-post-inside {text-align:left;display:inline-block;width:100%;max-width:760px;background:#fff;border-radius:8px;} #faq-post-block .faq-row {display:inline-block;width:100%;border:1px solid #ccc;color:#222;position:relative;border-bottom:none;} #faq-post-block .faq-row:first-child, #faq-post-block .faq-row:first-child .faq-top {border-top-left-radius:8px;border-top-right-radius:8px;} #faq-post-block .faq-row:last-child {border-bottom-left-radius:8px;border-bottom-right-radius:8px;} #faq-post-block .faq-row:not(.faq-expanded):last-child .faq-top {border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid #ccc;} #faq-post-block .faq-row.faq-expanded:last-child .faq-bottom {border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid #ccc;} #faq-post-block .faq-row .faq-top {display:inline-block;width:100%;line-height:20px;font-size:16px;font-weight:bolder;color:#222;text-decoration:none;transition:0.1s;padding:16px 62px 16px 16px;} #faq-post-block .faq-row:not(.faq-expanded) .faq-top:hover {background:#f0f0f0;text-decoration:none;color:#000;} #faq-post-block .faq-collapse-icon {position:absolute;right:6px;top:6px;width:40px;height:40px;padding:9px;} #faq-post-block .faq-collapse-icon svg {width:22px;height:22px;fill:#1a73e8;display:block;} #faq-post-block .faq-collapse-icon svg.faq-up {display:none;} #faq-post-block .faq-row.faq-expanded .faq-collapse-icon svg.faq-up {display:block;} #faq-post-block .faq-row.faq-expanded .faq-collapse-icon svg.faq-down {display:none;} #faq-post-block .faq-row .faq-bottom {display:inline-block;width:100%;line-height:26px;font-size:15px;padding:16px;background:#f0f0f0;} #faq-post-block .faq-row .faq-bottom .faq-description img {max-width:100%;width:auto;height:auto;} #faq-post-block .faq-item-footer {padding:15px 0 3px 0;margin:16px 0 0 0;border-top:1px solid #ccc;text-align:right;font-size:14px;color:#888;} #faq-post-block .faq-helpful {float:right;line-height:24px} #faq-post-block .faq-helpful > span {float:left;margin-right:14px;} #faq-post-block .faq-helpful > a {float:left;margin-right:14px;color:#888;font-weight:bolder;transition:0.2s;text-decoration:none;} #faq-post-block .faq-helpful.faq-disabled > a {opacity:0.5;text-decoration:none;} #faq-post-block .faq-helpful:not(.faq-disabled) > a:not(.faq-voting-disabled):hover {color:#333;text-decoration:underline;} #faq-post-block .faq-helpful > a.faq-active {color:#111;} #faq-post-block .faq-helpful > a.faq-negative {margin-right:0;} #faq-post-block .faq-helpful > a svg {float:left;width:20px;height:20px;fill:#999;transition:0.2s;} #faq-post-block .faq-helpful > a.faq-positive svg {margin:0px 4px 4px 0;} #faq-post-block .faq-helpful > a.faq-negative svg {margin:3px 4px 1px 0;} #faq-post-block .faq-helpful:not(.faq-disabled) > a:not(.faq-voting-disabled):hover svg {fill:#444;} #faq-post-block .faq-helpful > a.faq-active svg {fill:#1a73e8;} #faq-post-block .faq-description ul {list-style: disc; padding-left: 17px;} #faq-post-block .faq-description p {margin-bottom:8px;} #faq-link-block {text-align:center;margin:0 0 20px 0;} #faq-link-block .faq-link-inside {display:inline-block;width:100%;position:relative;max-width:760px;text-align:left;} #faq-link-block .faq-link-inside a {font-size:14px;line-height:18px;} #faq-post-block .faq-post-empty {display:inline-block;width:100%;font-size:16px;padding:10px 0;line-height:20px;} #faq-body .faq-category-header {text-align:center;} #faq-body .faq-category-header h1 {display: inline-block; width: 100%; max-width: 760px; text-align: left;margin-bottom:10px;} #faq-body .faq-category-header h2 {margin:0 0 20px 0;} #faq-body.faq-search, #faq-body.faq-category {min-height:480px;} #faq-body.faq-theme-alpha #faq-post-block .faq-bottom, #faq-body.faq-theme-beta #faq-post-block .faq-bottom, #faq-body.faq-theme-gamma #faq-post-block .faq-bottom {background:#fff;} #faq-body a.faq-link-back {display:inline-block;clear:both;margin:15px 0;} #faq-body.faq-theme-careerjob, #faq-body.faq-theme-elena, #faq-body.faq-theme-patricia, #faq-body.faq-theme-sofia, #faq-body.faq-theme-starter, #faq-body.faq-theme-stela, #faq-body.faq-theme-tatiana, #faq-body.faq-theme-zara, #faq-body.faq-theme-veronika {padding-top:30px;padding-bottom:30px;} #faq-body.faq-theme-careerjob h1, #faq-body.faq-theme-elena h1, #faq-body.faq-theme-patricia h1, #faq-body.faq-theme-sofia h1, #faq-body.faq-theme-starter h1, #faq-body.faq-theme-stela h1, #faq-body.faq-theme-tatiana h1, #faq-body.faq-theme-zara h1, #faq-body.faq-theme-veronika h1 {font-size: 32px; line-height: 36px;} #faq-body.faq-theme-careerjob h2, #faq-body.faq-theme-elena h2, #faq-body.faq-theme-patricia h2, #faq-body.faq-theme-sofia h2, #faq-body.faq-theme-starter h2, #faq-body.faq-theme-stela h2, #faq-body.faq-theme-tatiana h2, #faq-body.faq-theme-zara h2, #faq-body.faq-theme-veronika h2 {font-size: 24px; line-height: 28px;} @media screen and (max-width: 767px) { #faq-search-block .faq-search-form {background-size: 110%;padding:80px 15px;} #faq-category-block .faq-category {width:calc(33.33% - 8px);margin:0 12px 12px 0;height:250px;padding-bottom:10px;} #faq-category-block .faq-category:nth-child(3n+3) {margin-right:0;} #faq-category-block {margin-bottom:0px;} #faq-search-block, #faq-post-block {margin-bottom:10px;} } @media screen and (max-width: 490px) { #faq-category-block .faq-category {width: calc(50% - 6px);background-size: 120%;} #faq-category-block .faq-category:nth-child(3n+3) {margin-right:12px;} #faq-category-block .faq-category:nth-child(2n+2) {margin-right:0;} #faq-search-block .faq-search-form {padding:60px 10px;} } @media screen and (max-width: 360px) { #faq-category-block .faq-category {padding:12px;height: 202px;} #faq-category-block .faq-category img {max-width:80px;max-height:80px;margin-bottom:10px;} #faq-search-block .faq-search-form {padding:35px 10px;} }