.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;}
 .mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
 .mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}
 .mfp-container:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
 .mfp-align-top .mfp-container:before {display: none;}
 .mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}.mfp-ajax-cur {cursor: progress;}
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
 .mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
 .mfp-auto-cursor .mfp-content {cursor: auto;}
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
 .mfp-loading.mfp-figure {display: none;}
 .mfp-hide {display: none !important;}
 .mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}
 .mfp-preloader a {color: #CCC;}
 .mfp-preloader a:hover {color: #FFF;}
 .mfp-s-ready .mfp-preloader {display: none;}
 .mfp-s-error .mfp-content {display: none;}
 button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
 button::-moz-focus-inner {padding: 0;border: 0;}
 .mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace;}
 .mfp-close:hover, .mfp-close:focus {opacity: 1;}
 .mfp-close:active {top: 1px;}
 .mfp-close-btn-in .mfp-close {color: #333;}
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
 .mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}
 .mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
 .mfp-arrow:active {margin-top: -54px;}
 .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;}
 .mfp-arrow:before, .mfp-arrow:after {content: "";display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
 .mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}
 .mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7;}
 .mfp-arrow-left {left: 0;}.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px;}
 .mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F;}
 .mfp-arrow-right {right: 0;}.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px;}
 .mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}
 .mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
 .mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
 .mfp-iframe-holder .mfp-close {top: -40px;}
 .mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
 .mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}
 img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
 .mfp-figure {line-height: 0;}
 .mfp-figure:after {content: "";position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}
 .mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}
 .mfp-figure figure {margin: 0;}
 .mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
 .mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}
 .mfp-image-holder .mfp-content {max-width: 100%;}
 .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
    .mfp-img-mobile img.mfp-img {padding: 0;}
    .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
    .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
    .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}
    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
    .mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
    .mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}
}
@media all and (max-width: 900px) {
    .mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
    .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
    .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
    .mfp-container {padding-left: 6px;padding-right: 6px;}
}
.get-code-window {position: relative;background: #fff;padding: 2em 3em;width: auto;margin: 20px auto;max-width: 600px;}
#magnific_popup_documentation {font-size: 3em;margin-bottom: 1em;font-weight: 700;text-align: center;}
.grid-c h3 {margin-top: 0;}
.grid-c {clear: both;}
.grid-c p {margin-bottom: .5em;}
.grid-c {overflow: hidden;margin: 0 -1em;}
.gc3 {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 50%;float: left;padding: 1em;overflow: hidden;}
.grid-c .gc3:nth-of-type(odd) {clear: left;}
h1#magnific-popup-docs {display: none;}
#logo {height: 150px;text-align: center;position: relative;width: 100%;-webkit-user-select: none;-moz-user-select: none;padding: 0 3em;margin-left: -3em;cursor: pointer;margin-top: 50px;margin-bottom: 50px;}
#broken-glass {height: 100%;-webkit-tap-highlight-color: transparent;position: absolute;left: 0;top: 0;width: 100%;}
#logo:active h1 {top: 1px;}
#logo h1 {margin-top: 27px;font-size: 63px;line-height: 1.4;top: 0;}
#logo h1 {text-align: center;font-weight: 700;width: 100%;color: #000;position: absolute;left: 0;-webkit-user-select: none;-moz-user-select: none;cursor: pointer;}
h2.intro {font-size: 22px;line-height: 1.2;font-weight: 400;border: 0;margin-top: 0;}
#header-links {font-size: 16px;}
#markdown-toc {position: fixed;left: 0;top: 50px;padding: 20px 20px;background: rgba(255,255,255,.71);-webkit-backface-visibility: hidden;list-style: none;}
#markdown-toc a[href="#magnific-popup-docs"] {display: none;}
#markdown-toc ul {list-style: none;}
#markdown-toc ul ul {display: none;}
#markdown-toc:before {content: 'Table of contents';font-weight: 700;display: block;margin-bottom: 10px;}
@media all and (max-width: 75em) {
    #markdown-toc {position: static;padding: 0;background: 0 0;}
}
#markdown-toc a {text-decoration: none;border-bottom: 1px dotted;}
#markdown-toc ul {margin: 0;padding: 0;}
#markdown-toc .active a {text-decoration: none;color: #666;}
code,pre {font-family: Consolas,"Liberation Mono",Courier,monospace;}
code {background: #f8f8f8;padding: .1em .4em;color: #c82829;font-size: 13px;}
pre {background: 0 0;line-height: 18px;overflow: auto;padding: 20px 25px;border-radius: 2px;}
pre code {border: 0;padding: 0;background: 0 0;color: #000;font-size: 13px;}
.highlight {position: relative;margin-bottom: .5em;margin-left: -1.5em;width: 100%;padding: 0 1.5em;background-color: #f5fafc;}
pre code:before {display: block;position: absolute;right: 3px;top: 6px;padding: 3px 7px 0;color: #889499;font-size: 12px;line-height: 13px;}
code.html:before {content: 'HTML';}
code.javascript:before {content: 'JS';}
code.css:before {content: 'CSS';}
#mc_embed_signup {max-width: 350px;padding: 32px;background: #eee;}
#mc_embed_signup input[type=email] {border: 1px solid #ccc;border-top: 1px solid #999;padding: 5px;font-size: 18px;width: 200px;margin-right: 10px;height: 25px;transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
#mc_embed_signup input[type=email]:focus {background-color: #fff;border: 1px solid #3169b3;box-shadow: #3169b3 0 0 5px;-moz-box-shadow: #3169b3 0 0 5px;-webkit-box-shadow: #3169b3 0 0 5px;outline: 0;}
#mc_embed_signup input[type=submit] {border: 1px solid #3169b3;font-size: 13px;font-weight: 700;color: #fff;height: auto;padding: 8px 13px;cursor: pointer;background-color: #3169b3;display: inline-block;width: auto;-webkit-appearance: none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;vertical-align: top;}
.embed-form {position: relative;}
#mc_embed_signup p {font-size: 15px;color: #4f4f4f;}
#main-wrapper {background: 0 0;max-width: 800px;width: 100%;margin: 2em auto 4em;padding: 3em;padding-top: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.white-popup-block {background: #fff;padding: 60px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;}
#examples:after {content: 'to view source click on the title of example';opacity: .4;font-weight: 400;font-size: 14px;margin-top: 13px;float: right;}
.example {margin-bottom: 20px;position: relative;}
.example h3 {display: inline-block;cursor: pointer;border-bottom: 1px dotted #949494;}
.example h3:hover {color: #c00;}
.example h3:after {content: 'view source';padding-left: 8px;color: #999;position: absolute;top: 16px;font-family: Consolas,"Liberation Mono",Courier,monospace;font-size: 12px;}
.square-tmb {margin: 0 10px 0 0;cursor: pointer;}
.zoom-cursor {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.example a,a.popup-link {text-decoration: none;border-bottom: 1px dotted;}
.example a:hover,a.popup-link:hover {text-decoration: none;}
.example a {line-height: 26px;}
.example p a {text-decoration: underline;border: 0;line-height: 1.6;}
#image-gallery a,#single-image {border-bottom: none;}
.not-ready-yet-notice {padding: 20px 20px;background: #eee;}
#footer {border-top: 1px solid #ddd;padding-top: 3em;margin: 5em 0 0;width: 100%;text-align: center;opacity: .9;}
#conditional-lightbox-notice {display: none;}
#logo-status {opacity: 0;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;width: 100%;text-align: center;}
#logo-status.down {opacity: 1;}
.grid-of-images a {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;border-bottom: 0;height: 75px;display: block;float: left;margin: 0 5px 5px 0;width: 75px;}
.grid-of-images a:hover {opacity: .9;}
h3 em {opacity: .3;}
code.def {padding: 0;background: #fff;border: 0;display: block;margin-bottom: 8px;margin-top: -10px;color: #a3a3a3;}
@media all and (max-width: 50em) {
    #logo h1 {font-size: 52px;margin-top: 36px;}
}
@media all and (max-width: 30em) {
    #examples:after {display: none;}
    .gc3 {width: 100%;}
    .grid-c .gc3:nth-of-type(odd) {clear: none;}
    #main-wrapper {padding: 1em;margin-top: 0;}
    .highlight {padding: .2em 1em;margin: 1em -1em;}
    #logo {height: 95px;width: 100%;padding: 0;margin: 0 auto;margin-top: 0;margin-bottom: 2em;}
    #logo h1 {font-size: 32px;margin-top: 23px;}
    h2.intro {font-size: 20px;}
}
@media all and (max-width: 700px) {
    .zoom-cursor {cursor: pointer;}
    #conditional-lightbox-notice {display: block;padding: 10px;background: #ffeaea;}
}
#logo-overlay {width: 100%;height: 75px;}
#logo-overlay {opacity: 1;background: red;position: absolute;left: 0;top: 0;opacity: 0;}
#mfp-build-tool {background: #fff;padding: 30px 40px 40px 40px;max-width: 500px;text-align: left;margin: 10px auto;position: relative;}
#mfp-build-tool h2 {margin-top: 0;margin-bottom: .7em;}
#mfp-build-form label {display: block;margin-bottom: 5px;min-height: 18px;padding-left: 18px;}
#mfp-build-form input[type=checkbox] {margin: 3px 0;line-height: normal;cursor: pointer;width: auto;margin-right: 5px;float: left;margin-left: -18px;}
#mfp-build-status {min-height: 40px;}
#mfp-build-status .error {color: #830c0c;}
#mfp-build-status .success {color: #014b04;}
#mfp-build-status .progress {color: #000;}
#smashing {text-align: center;font-weight: 700;}
#smashing a {color: #ef4a35;}#smashing a:hover {color: #ff9369;}
#smashing strong {color: #ef4a35;}
.smashing-link {margin-left: 29px;position: relative;}
.smashing-link:before {content: '';display: inline-block;width: 24px;height: 24px;background: url("http://dimsemenov.com/images/sm-logo-24x24.png");position: absolute;top: -4px;left: -28px;}
#hackernews {margin-left: 24px;}#hackernews:before {background: url("http://dimsemenov.com/images/hn-logo-18x18.gif");width: 18px;height: 18px;top: -1px;left: -22px;}
.share-buttons {text-align: center;}
.share-buttons h2 {text-align: center;border: 0;}
.share-buttons {position: relative;margin: 70px 0;}
.share-buttons a {-moz-border-radius: 2px;border-radius: 2px;display: inline-block;padding: 10px 20px;margin: 10px;color: #fff;text-decoration: none;background: #5aaf63;font-size: 16px;line-height: 22px;cursor: pointer;}
.share-buttons a:hover {opacity: .7;}
#tweet {background: #0096c4;}
#like {background: #3b5998;}
#gplus {background: #d34836;}
#vkcom {background: #6e8fb1;}
pre .comment,pre .diff .header,pre .javadoc,pre .template_comment {color: #998;font-style: italic;}
pre .css .rule .keyword,pre .javascript .title,pre .keyword,pre .nginx .title,pre .request,pre .status,pre .subst,pre .winutils {color: #333;font-weight: 700;}
pre .hexcolor,pre .number,pre .ruby .constant {color: #099;}
pre .phpdoc,pre .string,pre .tag .value,pre .tex .formula {color: #d01040;}
pre .id,pre .title {color: #900;font-weight: 700;}
pre .clojure .title,pre .javascript .title,pre .lisp .title,pre .subst {font-weight: 400;}
pre .class .title,pre .haskell .type,pre .tex .command,pre .vhdl .literal {color: #458;font-weight: 700;}
pre .django .tag .keyword,pre .rules .property,pre .tag,pre .tag .title {color: navy;font-weight: 400;}
pre .attribute,pre .lisp .body,pre .variable {color: teal;}
pre .regexp {color: #009926;}
pre .class {color: #458;font-weight: 700;}
pre .built_in,pre .clojure .built_in,pre .lisp .title {color: #0086b3;}
pre .cdata,pre .doctype,pre .pi,pre .preprocessor,pre .shebang {color: #999;font-weight: 700;}
pre .deletion {background: #fdd;}pre .addition {background: #dfd;}
pre .diff .change {background: #0086b3;}
pre .chunk {color: #aaa;}
#documentation-intro {background: #2b2b2b;text-align: center;padding: 3em;width: 100%;margin-left: -3em;margin-bottom: 3em;}
#documentation-intro h1 {color: #fff;width: 100%;text-align: center;font-size: 44px;line-height: 1.1em;}#id1 {display: none;}
#documentation-intro h1 a {text-decoration: none;color: #fff;}
#documentation-intro p a {font-size: 15px;color: #7cb5ff;}
#documentation-intro a:hover {opacity: .75;text-decoration: underline;}
.hll {background-color: #ffc;}
.c {color: #998;font-style: italic;}
.err {color: #a61717;background-color: #e3d2d2;}
.k {color: #000;font-weight: 700;}
.o {color: #000;font-weight: 700;}
.cm {color: #998;font-style: italic;}
.cp {color: #999;font-weight: 700;font-style: italic;}
.c1 {color: #998;font-style: italic;}
.cs {color: #999;font-weight: 700;font-style: italic;}
.gd {color: #000;background-color: #fdd;}
.ge {color: #000;font-style: italic;}
.gr {color: #a00;}
.gh {color: #999;}
.gi {color: #000;background-color: #dfd;}
.go {color: #888;}
.gp {color: #555;}
.gs {font-weight: 700;}
.gu {color: #aaa;}
.gt {color: #a00;}
.kc {color: #000;font-weight: 700;}
.kd {color: #000;font-weight: 700;}
.kn {color: #000;font-weight: 700;}
.kp {color: #000;font-weight: 700;}
.kr {color: #000;font-weight: 700;}
.kt {color: #458;font-weight: 700;}
.m {color: #099;}.s {color: #d01040;}
.na {color: teal;}.nb {color: #0086b3;}
.nc {color: #458;font-weight: 700;}
.no {color: teal;}
.nd {color: #3c5d5d;font-weight: 700;}
.ni {color: purple;}
.ne {color: #900;font-weight: 700;}
.nf {color: #900;font-weight: 700;}
.nl {color: #900;font-weight: 700;}
.nn {color: #555;}
.nt {color: navy;}
.nv {color: teal;}
.ow {color: #000;font-weight: 700;}
.w {color: #bbb;}
.mf {color: #099;}
.mh {color: #099;}
.mi {color: #099;}
.mo {color: #099;}
.sb {color: #d01040;}
.sc {color: #d01040;}
.sd {color: #d01040;}
.s2 {color: #d01040;}
.se {color: #d01040;}
.sh {color: #d01040;}
.si {color: #d01040;}
.sx {color: #d01040;}
.sr {color: #009926;}
.s1 {color: #d01040;}
.ss {color: #990073;}
.bp {color: #999;}
.vc {color: teal;}
.vg {color: teal;}
.vi {color: teal;}
.il {color: #099;}
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: .8;}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: 0!important;-webkit-backface-visibility: hidden;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}
.mfp-container:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none;}
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {width: 100%;cursor: auto;}
.mfp-ajax-cur {cursor: progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {cursor: auto;}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure {display: none;}
.mfp-hide {display: none!important;}
.mfp-preloader {color: #ccc;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a {color: #ccc;}
.mfp-preloader a:hover {color: #fff;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}
button.mfp-arrow,button.mfp-close {overflow: visible;cursor: pointer;background: 0 0;border: 0;-webkit-appearance: none;display: block;outline: 0;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: .65;padding: 0 0 18px 10px;color: #DC0173;font-style: normal;font-size: 50px;font-family: Arial,Baskerville,monospace;}
.mfp-close:focus,.mfp-close:hover {opacity: 1;}
.mfp-close:active {top: 1px;}
.mfp-close-btn-in .mfp-close {color: #333;}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {color: #fff;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter {position: absolute;top: 0;right: 0;color: #ccc;font-size: 12px;line-height: 18px;white-space: nowrap;}
.mfp-arrow {position: absolute;opacity: .65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {margin-top: -54px;}
.mfp-arrow:focus,.mfp-arrow:hover {opacity: 1;}
.mfp-arrow:after,.mfp-arrow:before {content: "";display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}
.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: .7;}
.mfp-arrow-left {left: 0;}
.mfp-arrow-left:after {border-right: 17px solid #fff;margin-left: 31px;}
.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3f3f3f;}.mfp-arrow-right {right: 0;}
.mfp-arrow-right:after {border-left: 17px solid #fff;margin-left: 39px;}
.mfp-arrow-right:before {border-left: 27px solid #3f3f3f;}
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0,0,0,.6);background: #000;}
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
.mfp-figure {line-height: 0;}
.mfp-figure:after {content: "";position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0,0,0,.6);background: #444;}
.mfp-figure small {color: #bdbdbd;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title {text-align: left;line-height: 18px;color: #f3f3f3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}
.mfp-content p {margin-bottom: 24px;}
.mfp-content ul {margin-bottom: 15px;}
.mfp-content ul li {margin-bottom: 12px;}
@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
    .mfp-img-mobile img.mfp-img {padding: 0;}
    .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
    .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
    .mfp-img-mobile .mfp-bottom-bar {background: rgba(0,0,0,.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}
    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
    .mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
    .mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0,0,0,.6);position: fixed;text-align: center;padding: 0;}
}
@media all and (max-width: 900px) {
    .mfp-arrow {-webkit-transform: scale(.75);transform: scale(.75);}
    .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
    .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
    .mfp-container {padding-left: 6px;padding-right: 6px;}
}