@charset "utf-8"; a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var, video, li .list-title { font-size: 100%; font-style: inherit; font-weight: inherit; line-height: inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; }  body, html { margin: 0; padding: 0; width: 100%; height: 100%; }  html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }  body { text-rendering: optimizeLegibility; }  body { font-size: 17px; line-height: 26px; color: #2a2d33; }  aside, footer, header, section { display: block; }  p { margin-bottom: 30px; font-size: 17px; line-height: 24px; }  h1, h2, h3 { line-height: normal; padding: 0; text-transform: uppercase; }  .navbar-collapse .nav > li > a { padding: 0 30px; }  .navbar-header h1 { margin-top: auto; margin-bottom: auto; }  .navbar-header { min-width: 370px; } a.navbar-brand:hover { color: rgba(255, 255, 255, .8); } .mobile-menu button { font-family: 'remixicon'; display: none; color: #fff; background: 0 0; line-height: 36px; font-size: 23px; }  .buy-button{ background: #f0d46b; } .navbar-inverse .navbar-nav > li > .buy-button:focus, .navbar-inverse .navbar-nav > li > .buy-button:hover, .navbar.navbar-inverse.affix .navbar-nav > li > .buy-button:hover { color: #ffffff; background: #22a0db; }  a { color: #f0d46b; }  h1 { font-size: 28px; margin-top: 6px; }  h2 { text-transform: uppercase; font-size: 26px; }  h2.page-header { font-size: 42px; color: #333; border-bottom: none; text-transform: none; }  h3 { font-size: 24px; text-transform: none; padding-bottom: 9px; padding-top: 35px; margin-bottom: 20px; border-bottom: 2px solid #f6f6f6; }  h4, li .list-title { font-size: 20px; line-height: normal; padding: 20px 0 10px 0; }  h5 { font-size: 14px; text-transform: none; }  h6 { font-size: 12px; text-transform: none; }  .addons, .lts, h4.shrts { font-size: 24px; line-height: normal; padding: 50px 0 10px 0; } .doc-nav li.active.trx-active-rolled ul { display: none!important; }  ol:not(.linenums) , ul:not(.linenums)  { margin-bottom: 0px; } ol:not(.linenums) { counter-reset: item; padding-left: 25px; }  .doc-content ul > li { display: block; padding-left: 20px; line-height: 1.5em; } .doc-content ul > li:before { margin: auto; margin-left: -20px; display: inline-block; height: 100%; position: relative; float: left; } ol:not(.linenums) li:last-child { border-bottom: none; } ol:not(.linenums) li { display: block; padding-left: 20px; padding-top: 15px; line-height: 1.5em; } ol:not(.linenums) li:last-child { border-bottom: none; }  ol:not(.linenums) li + li { margin-bottom: 0; }  ol:not(.linenums) li:before { content: counter(item) "."; counter-increment: item; margin: auto; margin-left: -20px; display: inline-block; height: 100%; position: relative; float: left; }  #header { width: 100%; z-index: 99999; height: 145px;   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #header.affix { height: 80px } .doc-nav.affix.active { top: 80px; } .doc-nav.affix-top.active { top: 145px; }  img { max-width: 100%; height: auto; margin: 20px 0; padding: 7px; border: 2px solid #eee; position: relative; display: block; } #pp_full_res img { display: inline-block; padding: 0; margin: 0; border: none; }  body .pswp { z-index: 99999; } p + img, p + .clearfix img, p + div img{ margin-top: 0; }  #header .container { display: flex; align-items: center; height: 100%; }  .doc-nav { position: absolute; top: 80px; width: 370px;  /*Scroll overflow screen*/ max-height: 75vh; overflow-y: scroll;  }.doc-nav.affix-bottom { position: relative; }  .doc-sidebar .nav > li > a { padding: 12px 30px 12px 30px; }  .doc-nav > li { background: #fafafc; position: relative; list-style: outside none none; }  .doc-nav > li a { font-size: 16px; white-space: nowrap; margin-bottom: 2px; border-left: 3px solid #edeef2; color: #2a2d33; outline: 0;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }  .doc-nav > li:last-child > a { margin-bottom: 0; }  .doc-nav ul li.active a, .doc-nav>li.active>a{ color: #f0d46b; }  .doc-nav > li a:hover { color: #f0d46b; }  a:hover { color: #f0d46b; }  .doc-content ul:not(.linenums) { padding: 0 15px 0 25px; } .doc-content ul:not(.linenums) > li { font-size: 17px; list-style: none; line-height: 1.5em; padding-bottom: 10px; color: #757f8f; } .doc-content ul:not(.linenums) > li::before { content: "•"; margin-right: 10px; font-size: 22px; color: #f0d46b; line-height: 1em; }  .doc-content ul:not(.linenums) ul > li::before { content: "▪"; }  .doc-content ul:not(.linenums) ul ul > li::before { content: "-"; }  .doc-nav { background-color: #fff; }  .doc-nav li ul { display: none; list-style-type: none; margin-bottom: 2px; background: #fff; padding: 18px 0 18px 30px; }  .doc-nav li.opened ul { display: block; }  .doc-nav li.active ul { display: block; }  .doc-nav li ul li a { font-size: 14px; border: none; }  .doc-sidebar .doc-nav li ul li a:hover { background: 0 0; }  .doc-nav li ul li a:before { content: '\e807'; display:inline-block; margin-right: 10px; font-family: 'remixicon'; font-size: 14px; color: #f0d46b; } .doc-nav li ul li a:hover:before { text-decoration: none; }  .doc-nav > li.active { border-left: 3px solid #f0d46b; }  .doc-nav ul li.active a, .doc-nav > li.active > a { border: none; }  .doc-nav::-webkit-scrollbar, .doc-nav > li ul::-webkit-scrollbar { width: 2px !important; } .doc-nav::-moz-scrollbar, .doc-nav > li ul::-moz-scrollbar { width: 2px !important; }   .doc-nav::-webkit-scrollbar{ background: #edeef2; }  .doc-nav > li ul::-webkit-scrollbar-track { background: #fff; } .doc-nav::-moz-scrollbar-track, .doc-nav > li ul::-moz-scrollbar-track { background-color: rgb(31, 31, 31); } .doc-nav::-webkit-scrollbar-thumb, .doc-nav > li ul::-webkit-scrollbar-thumb { /*background-color: rgb(235, 235, 235);*/ background-color:  #f0d46b; }  .doc-nav ul li.active a { color: #f0d46b; }  .toggle-button:before { z-index: 100; cursor: pointer; }  .doc-nav .docs-progress-bar { background: #edeef2; bottom: 0; left: 0; position: absolute; top: 0; max-height: 50px; display: none; }  .doc-nav .active .docs-progress-bar, .doc-nav .viewed .docs-progress-bar { display: block; }  .doc-sidebar .nav-list:before { background: #f0d46b none repeat scroll 0 0; color: #fff; content: "Doc Navigation"; display: block; margin-bottom: 2px; padding: 11px 0 9px 33px; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; }  .doc-content { padding-right: 70px; } .navbar-collapse { padding-right: 0; }  .doc-content > div { width: 100%; overflow: hidden; }  .navbar-collapse .navbar-nav:not(.navbar-right) li, .navbar-inverse .navbar-collapse .navbar-nav > li > a { font-size: 18px; line-height: 36px; } .navbar .navbar-collapse { width: 100%; line-height: 100%; }  .navbar-collapse .navbar-nav:not(.navbar-right) { margin-bottom: 0; }  .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #f0d46b; }  .fullwidth { width: 100%; }  .navbar { border-radius: 0; margin-bottom: 0; }  .navbar-inverse, .navbar.navbar-inverse.affix { background-color: #2a2d33; border-color: #2a2d33; }  .footer-wrapper { background-color: #2a2d33; }  .page-header { margin-top: 75px; }  .navbar-inverse .navbar-brand { margin: auto; height: auto; outline: 0; line-height: .9em; }  .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { color: #ffffff; font-size: 32px; font-weight: 100; }  .affix.navbar-inverse .navbar-brand { font-size: 23px; }  .affix.navbar-inverse .navbar-nav > li > a { font-size: 18px; }  .affix.navbar-inverse .navbar-brand .navbar-brand-descr { margin-bottom: 0px; }  .navbar-inverse .navbar-brand .navbar-brand-descr { display: block; margin-bottom: 10px; font-size: 14px; line-height: 1em; text-transform: none; color: #22a0db; }  .navbar.navbar-inverse.affix .custom-search-button, .navbar.navbar-inverse.affix .navbar-brand, .navbar.navbar-inverse.affix .navbar-nav > li > a { color: #fff; height: auto; font-weight: 100; } .navbar.navbar-inverse.affix .navbar-nav > li.active > a, .navbar.navbar-inverse.affix .navbar-nav > li.open > a, .navbar-inverse .navbar-nav > .open > a { color: #fff; } .navbar.navbar-inverse.affix .navbar-nav > li.open > a:hover { color: #fff; opacity: .8; }  .navbar.navbar-inverse.affix .custom-search-button:hover, .navbar.navbar-inverse.affix .navbar-brand:hover, .navbar.navbar-inverse.affix .navbar-nav > li > a:hover { color: #f0d46b; opacity: 1; }  .doc-sidebar .doc-nav > li a:hover { background-color: #efeff4; }  .highlight { background-color: #3f4045; color: #fff; }  .find_selected { background-color: #29739d; color: #fff; font-weight: 700; }  .custom-search-button { float: right; color: #fff; }  .custom-search-button input { background: 0 0; font-size: 14px; border: none; text-transform: uppercase; letter-spacing: .5px; }  .custom-search-button:hover { color: rgba(255, 255, 255, .8) !important; }  .custom-search-button .icon-search:before { font-size: 16px; margin-right: 0; }  .custom-search-button label { cursor: pointer; }  #findwindow { top: 160px !important; position: fixed !important; right: 36.12% !important; left: auto !important; font-size: 16px; }  #window_body { text-align: center }  #window_body input[type=button] { color: #4d4d4d; background: 0 0 !important; border: none !important; outline: 0; border: none; font-size: 14px; margin: 10px 10px 0 10px; padding: 5px 10px; }  #window_body input[type=button]:hover { color: #f0d46b; outline: 0; border: none; border: none; }  #window_body input[type=search] { outline: 0; border: none; margin-left: 20px; margin-top: 32px; }  #findwindow .close { opacity: 1; }  #findwindow .close:hover { color: #e65d4f !important; text-shadow: 0 1px 0 #e65d4f; }  #fwtext { font-size: 12px; margin-top: 20px; display: block; padding-left: 6px; color: #333 !important; }  footer { padding: 50px 0 0 0; width: 100%; color: #fff; margin-top: 140px; text-align: right; font-size: 16px; }  footer p { margin-left: 0; } footer p.social-wrap { text-align: left; } footer p.social-wrap a span { color: #ffffff; }  footer a { text-decoration: none !important; }  footer a, footer span { color: #f0d46b; } footer a:hover span, footer p.social-wrap a:hover span{ color: #22a0db; }  footer a:hover { color: #22a0db; }  .upToScroll { -webkit-appearance: none; position: fixed; height: 48px; bottom: 5%; right: 10%; cursor: pointer; z-index: 1001; }  .upToScroll a { display: inline-block; width: 48px; height: 48px; font-size: 14px; line-height: 46px; text-align: center; text-decoration: none; color: #fff; background-color: #f0d46b; outline: 0; border-radius: 100%; }  .upToScroll a:hover { background-color: #22a0db; }  img.small { width: 250px; float: left; overflow: hidden; }  .under_image_p { clear: both; padding-top: 1em; }  .upToScroll a.icon-edit { padding-left: 3px; }  .doc-content code { padding: 0 10px; font-family: 'Roboto Mono', sans-serif; font-size: 13px; font-weight: 400; color: #757f8f; background-color: #f5f6fa; border: none; } .doc-content .wrap-info code, .doc-content .wrap-danger code, .doc-content .wrap-warning code { color: #5b636f; background-color: #e4e5e9; }  .doc-content code.dark { font-size: 12px; color: #fff; background-color: #2e3138; } .doc-content code.light { padding: 0 3px; background-color: #def4fa; }  .wrap-warning, .wrap-danger, .wrap-info, .wrap-success { padding: 23px; border-radius: 3px; border: 2px solid #eee; background-color: #f5f6fa; line-height: 1.6em; vertical-align: middle; }  .wrap-warning img, .wrap-danger img, .wrap-info img, .wrap-success img { margin-bottom: 0; }   .label { position: relative; top: -3px; padding: 5px 9px; margin-right: 8px; font-size: 10px; font-weight: 400; text-transform: uppercase; }  .label-info { background-color: #f0d46b; }  .label-success { background-color: #00cc9c; }  .label-warning { background-color: #f0d46b; }  .label-danger { background-color: #f0d46b; }  p.padding { padding: 10px 0 15px 0; }  @media (max-width:1366px) { .upToScroll{ display: none!important; } }  @media (min-width: 1366px) and (max-width: 1750px) { .upToScroll { right: 3%; }  .upToScroll { height: auto; }  .upToScroll a { display: block; margin-bottom: 10px; } }  .toggle-button { position: absolute; top: 11px; right: 15px; cursor: pointer; color: #f0d46b; font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 10%; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }  .toggle-button:before { content: '\ea6e'; font-family: 'remixicon'; display: inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }  .toggle-button:hover { background-color: #f3f3f7; } li.trx-active-rolled.opened .toggle-button:before, li.trx-active-rolled.active .toggle-button:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } li.opened .toggle-button:before, li.active .toggle-button:before { -webkit-transform: none; -ms-transform: none; transform: none; }  .doc-nav li ul li a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }  p.padding { padding: 10px 0 15px 0; }  b, strong { font-weight: 700; }  strong.red { color: #f7744d; }  i.red { color: #f7744d; }  /*! * Bootstrap Docs (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see https://creativecommons.org/licenses/by/3.0/. */ .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }  .bs-callout h4 { margin-top: 0; margin-bottom: 5px; }  .bs-callout p:last-child { margin-bottom: 0; }  .bs-callout code { border-radius: 3px; }  .bs-callout + .bs-callout { margin-top: -5px; }  .bs-callout-danger { border-left-color: #ce4844 }  .bs-callout-danger h4 { color: #ce4844; }  .bs-callout-warning { border-left-color: #aa6708; }  .bs-callout-warning h4 { color: #aa6708; }  .bs-callout-info { border-left-color: #60bae7; }  .bs-callout-info h4 { color: #1b809e; }  /* Copy link -------------------------------------------------------------- */ .trx-copy-link { color: #f0d46b; padding: 0 10px; cursor: pointer; /*cursor: copy;*/ } .trx-copy-link:hover { color: #1b809e; } .trx-copy-link:before { content: '\e802'; font-family: 'icons'; font-size: 20px; font-weight: 500; }  /* Accordion -------------------------------------------------------------- */ .card { margin-top: 5px; background-color: #fafafc; } .card .card-header { position: relative; padding: 5px 50px 5px 30px; border-bottom: 2px solid #eee; } .card .card-header:after { content: '\e810'; font-family: 'icons'; position: absolute; right: 30px; top: 9px; line-height: 42px; font-size: 18px; color: #f0d46b; } .card .card-header.trx-collapsed:after { content: '-'; font-family: 'icons'; font-size: 35px; line-height: 35px; } .card .card-header.trx-collapsed { border-color: #f0d46b; } .card .card-header a { display: block; color: #f0d46b; text-transform: uppercase; } .card .card-body { padding: 30px; } .card .card-header { cursor: pointer; }  /* Code copy (Spoiler) -------------------------------------------------------------- */ .doc-content .spoil { border-left: none; }  .doc-content .spoil .sp_top { text-transform: uppercase; display: block; position: relative; top: 0; left: 0; width: auto; height: 35px; background: transparent; border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }  .doc-content .spoil .sp_button { font-family: 'Roboto Mono'; font-weight: 500; font-size: 10px; position: relative; width: auto; padding: 0 15px; height: 37px; margin-top: 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #f0d46b; box-sizing: border-box; border: 1px #f0d46b solid; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }  .doc-content .spoil .sp_text { position: relative; font-family: 'Roboto Mono'; font-weight: 500; font-size: 13px; margin: 20px 0 -20px 0; box-sizing: content-box; } .doc-content .spoil .sp_text span { font-family: 'Roboto Mono'; font-weight: 500; font-size: 13px; } body .mfp-bg, body .mfp-wrap { z-index: 999999; } .mfp-figure img { background: transparent; border: none; } .doc-content .prettyprint { background-color: #f5f5f5; border: 1px solid #e1e1e8; padding: 15px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-height: 350px; overflow-y: auto; }  .doc-content .prettyprint.linenums { padding: 15px 20px 15px 0px; }  .doc-content .str { color: #f0d46b; }  .doc-content .pln, .kwd, .prettyprint .tag { color: #757f8f; } .pun, .opn, .clo { color: #757f8f; }  .doc-content .spoil .sp_text .trx-copy-code { position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase; line-height: 12px; padding: 4px 5px; border-radius: 3px; color: #fff; background-color: #818c9e; cursor: pointer; }  .trx-copy-code-message { font-family: "HK Grotesk"; display: block; position: absolute; background: #e4e5eb; } .trx-copy-code-message:after { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; }  /* Live search -------------------------------------------------------------- */ /* Autocomplite dropdown*/ .ui-autocomplete { font-size: 14px; color: #5a5a5a; padding: 15px; border-radius: 3px; -moz-box-shadow:    0 0 9px 0 #a0a0a0;; -webkit-box-shadow: 0 0 9px 0 #a0a0a0;; box-shadow:         0 0 9px 0 #a0a0a0;; } .ui-menu .ui-menu { margin-top: 2px; } .ui-widget.ui-widget-content { border: 1px solid #fff; } .trx-search { position: relative; } .trx-search-input-wrapper { position: relative; display: inline-block; } .trx-search input {font-size: 15px; color: #818c9e; width: 370px; padding: 11px 110px 11px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow:    0 0 15px 2px #000000; -webkit-box-shadow: 0 0 15px 2px #000000; box-shadow:         0 0 15px 2px #000000; } .trx-search button { position: absolute; top: 0; right: 0; padding: 11px 15px; margin-left: -6px; font-family: 'remixicon'; color: #fff; background: #f0d46b; } .trx-search button[data-search="next"] { right: 36px; } .trx-search button:hover { background: #22a0db; } .trx-search-status { display: inline-block; position: absolute; top: 11px; right: 70px; width: 45px; text-align: center; font-size: 13px; color: #757f8f; }  .trx-hidden-status { visibility: hidden; } .ui-autocomplete-term { color: #ffffff; padding: 2px 0; background-color: #2b2d33; } .ui-menu .ui-menu-item { border-top: 1px solid #c1c1; } .ui-menu .ui-menu-item:first-child { border-top: none; } mark { background: yellow; padding: 0; }  mark.current { background: orange; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; background: #def4fa; font-weight: normal; color: #2a2d33; border-radius: 3px; } .ui-state-active, .ui-widget-content .ui-state-active .ui-autocomplete-term, .ui-widget-header .ui-state-active, a.ui-button:active .ui-autocomplete-term, .ui-button:active, .ui-button.ui-state-active:hover .ui-autocomplete-term{ color: #ffffff; padding: 2px 0; background-color: #a1b1b9; }  .trx-search-loader { display: none; position: absolute; top: 9px; right: 15px; border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid #9bb3c3; width: 18px; height: 18px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }  /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }  /* Responsive styles -------------------------------------------------------------- */    @media (min-width: 1366px) and (max-width: 1750px) { .upToScroll { right: 3%; }  .upToScroll a { display: block; margin-bottom: 10px; } }  @media (max-width: 1200px) { .navbar-collapse { padding-left: 30px; } .trx-search input { padding: 7px 30px 7px 10px; } .trx-search button { padding: 7px 15px; } .navbar-collapse .nav > li > a { padding: 0 10px; }   .doc-content { padding-right: 50px; } .doc-content.col-md-9 { width: 72%; } .doc-sidebar.col-md-3 { width: 28%; padding-left: 0; }  .navbar-collapse .nav > li > a.buy-button { margin-left: 1.2em; }  }    @media (max-width: 1000px) { .upToScroll { display: none !important; } .mobile-menu button { display: block; } .doc-sidebar .nav-list, .navbar-toggle, .trx-search { display: none; } .doc-content.col-md-9 { width: 100%; }  .navbar-right.mobile-menu { float: right; margin-right: 0; }  /* Mobile menu */ .doc-sidebar .nav-list.active { display: block; } .doc-sidebar .nav-list { position: fixed; width: 100%; right: 0; bottom: 0; left: 0; overflow: auto; z-index: 999999; max-height: 100vh; }  .doc-nav > li ul, .doc-nav > li .toggle-button { display: none!important; }  }  @media (max-width: 990px) { footer p, footer p.social-wrap { text-align: center; } .doc-content, .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-header { width: 100%; min-width: 250px; }  } @media (max-width: 992px) { .doc-banners div[class*="col-"] { padding-bottom: 10px; } } @media (max-width: 767px) {  } @media (max-width: 640px) { #header { height: 80px; } .doc-nav.affix-top.active { top: 80px; }  } @media (max-width: 479px) {  } @media (max-width: 320px) {  } .current:target:before, h3:target:before, h4:target:before { content:""; display:block; height:80px; /* fixed header height*/ } h2:target:before { content:""; display:block; height:15px; /* fixed header height*/ }  p + ol, p + ul { margin-top: -18px; }  .card ol, .card ul { margin-bottom: 0; } .card ol:last-child, .card ul li:last-child { margin-bottom: 0; padding-bottom: 0; }  div .card:last-child { margin-bottom: 40px; }  body div.pp_overlay { z-index: 99999; }  body div.pp_pic_holder { z-index: 999999; }  #navbar .navbar-right { margin-right: 7px; }   /*Pretty Photo*/ body div.pp_default .pp_close:before { content: '\e805'; color: #fff; font-size: 25px; font-weight: 200; line-height: 48px; width: 100%; display: inline-block; } body a.pp_close { text-indent: 0; color: transparent; } body div.pp_default .pp_close:hover { opacity: 1; background-color: #22a0db; } body div.pp_default .pp_close { font-family: 'icons'; font-size: 15px; text-align: center; width: 48px; height: 48px; background: 0 0; background-color: #f0d46b; border-radius: 50%; }  body div.pp_default .pp_details { position: absolute; top: -75px; right: 0; }  /* li .list-title equal to h4 */ .doc-content ul.paddings-big > li, .doc-content ol.paddings-big > li { padding-top: 30px; } .doc-content ul.paddings-medium > li, .doc-content ol.paddings-medium > li { padding-top: 15px; } .doc-content ul.paddings-small > li, .doc-content ol.paddings-small > li { padding-top: 0; } .doc-content li .list-title { padding-top: 0; margin-top: 0; }  /** * Banners */ .doc-banners { margin-right: -10px; } .doc-banners [class*="col-"]{ padding-right: 10px; padding-left: 0; } .doc-banners .doc-banner { background-color: #f5f6fa; padding: 45px 40px; } .doc-banners img { margin: 0; padding: 0; border: none; background-color: transparent; background: none; } .doc-banners h3 { font-size: 17px; letter-spacing: 0; padding-top: 7px; padding-bottom: 0; border-bottom: none; } .doc-banners p { font-size: 14px; line-height: 20px; margin-bottom: 24px; } .doc-banners .service-price { font-family: font-size: 18px; color: #2e3138; } .doc-banners .service-price del { color: #98a3b5; padding-right: 5px; } .doc-banners .doc-banner-bunner { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; margin-top: 6px; padding: 7px 30px; color: #fff; background-color: #f0d46b; } .doc-banners .doc-banner-bunner:hover { background-color: #21a0db; text-decoration: none; }  table { width: 100%; border: none; }  #t01 { font-size: 15px; }  #t01 th { background-color: #edeef2; border: 1px solid #22a0db; padding: 15px; }  #t01 td { border: 1px solid #22a0db; padding: 15px; }  /*!* Sticky sidebar *!*/ /*.doc-sidebar{*/ /*will-change: min-height;*/ /*}*/  /*.doc-nav{*/ /*transform: translate(0, 0); !* For browsers don't support translate3d. *!*/ /*transform: translate3d(0, 0, 0);*/ /*will-change: position, transform;*/ /*}*/ /*.sidebar-affixed {*/ /*margin-left: 15px;*/ /*}*/