header{
    background:#e5e2e2;
    position:relative;
    height:475px;
}
header .github-buttons{
    text-align:center;
}

header.inner-header .links-row:last-child{
    margin-bottom:0;
}
header.inner-header .links-row .links-label,header.inner-header .links-row .links{
    display:inline-block;
    margin:0;
}
header .release-info{
    font-size:14px;
    margin:20px 0;
    font-weight:400;
    text-align:center;
    letter-spacing:0.02em;
}
header .release-info a{
    color:inherit;
    text-decoration:none;
}
header .release-info a:hover{
    text-decoration:underline;
}
header .links{
    margin:20px 0;
    font-weight:400;
    text-align:center;
}
header .links a{
    color:#fff;
    display:inline-block;
    border:1px solid #fff;
    border-right:none;
    text-decoration:none;
    height:27px;
    line-height:27px;
    font-size:13px;
    width:100px;
    text-align:center;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    -ms-transition:200ms;
    -o-transition:200ms;
    transition:200ms;
}
header .links a:first-child{
    border-radius:5px 0 0 5px;
}
header .links a:last-child{
    border-radius:0 5px 5px 0;
    border-right:1px solid #fff;
}
header .links a:hover{
    background:rgba(255,255,255,0.1);
}
header .links a:active,header .links a.active{
    background:#fff;
    color:#1e70cd;
}
.header-swipers{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.header-swipers .swiper-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.header-swipers .swiper-container .swiper-slide{
    box-sizing:border-box;
}
.header-swipers .swiper-pagination{
    bottom:70px;
}
.header-swipers .header-swiper-back-2 .swiper-slide{
    height:580px;
    width:880px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid rgba(0,0,0,0.2);
    background:rgba(0,0,0,0.05);
}
.header-swipers .header-swiper-back-1{
    opacity:0.5;
}
.header-swipers .header-swiper-back-1 .swiper-slide{
    height:540px;
    width:840px;
    margin-top:auto;
    margin-bottom:auto;
    border:1px solid rgba(255,255,255,0.5);
}
.header-swipers .header-swiper-front .swiper-slide{
    height:400px;
    width:580px;
    margin-top:auto;
    margin-bottom:auto;
}
.header-swipers .slide-title,.header-swipers .slide-subtitle{
    font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:50px;
    font-weight:300;
    line-height:1;
    margin-bottom:40px;
}
.header-swipers .slide-subtitle{
    font-weight:300;
    font-size:45px;
}
.header-swipers .demo-iframe-title{
    position:absolute;
    background:rgba(30,112,205,0.5);
    left:0;
    top:0;
    padding:10px;
    margin:0;
    z-index:100;
    font-weight:300;
    font-size:31px;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
.header-swipers .slide-features-list{
    list-style:none;
    margin:0;
    padding:0;
    font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:21px;
    font-weight:300;
}
.header-swipers .slide-features-list li{
    float:left;
    width:50%;
    position:relative;
}
.header-swipers .slide-features-list li:before{
    width:12px;
    height:6px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    position:absolute;
    right:100%;
    margin-right:8px;
    content:'';
    top:8px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0.7;
}
.header-swipers .swiper-slide.swiper-slide-gallery{
    padding:0;
    border:none;
}
.header-swipers .swiper-gallery-top .swiper-slide,.header-swipers .swiper-gallery-thumbs .swiper-slide{
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center;
    border:none;
    padding:0;
    height:100%;
}
.header-swipers .swiper-gallery-top{
    height:79%;
    margin-bottom:1%;
    position:relative;
    left:0;
    top:0;
}
.header-swipers .swiper-gallery-thumbs{
    height:20%;
    position:relative;
    left:0;
    top:0;
}
.header-swipers .swiper-gallery-thumbs .swiper-slide{
    opacity:0.5;
    cursor:pointer;
}
.header-swipers .swiper-gallery-thumbs .swiper-slide-active{
    opacity:1;
}
.header-swipers .swiper-slide.last-centered-slide{
    text-align:center;
    padding-top:180px;
}
.home-block{
    margin:100px 0;
    position:relative;
    font-size:19px;
    font-family:"myriad",Helvetica Neue,Helvetica,Arial,sans-serif;
}
.home-block:first-child{
    margin-top:50px;
}
.home-block h2{
    font-size:47px;
    letter-spacing:-1px;
    line-height:1.25;
}
.home-intro h1{
    font-size:47px;
    margin-bottom:20px;
    font-weight:400;
}
.home-features{
    font-size:17px;
}
.home-features h2{
    text-align:center;
}
.home-features ul{
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
}
.home-features li{
    float:left;
    width:30%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.home-features li:nth-child(3n - 1){
    margin:0 5%;
}
.home-features li:nth-child(3n + 1){
    clear:both;
}
.home-features h3{
    color:#333;
    margin-top:0;
    margin-bottom:14px;
    line-height:1.2;
}
.home-logos{
    text-align:center;
}
.home-logos .logos{
    overflow:hidden;
}
.home-logos .logo{
    float:left;
    width:18%;
    margin-right:2.5%;
}
.home-logos .logo:nth-child(5n){
    margin-right:0;
}
.home-logos .logo:nth-child(5n + 1){
    clear:both;
}
.home-logos .logo img{
    width:100%;
    height:auto;
}
.home-donate{
    text-align:center;
}
.home-donate a{
    border:1px solid #1e70cd;
    color:#1e70cd;
    text-decoration:none;
    border-radius:5px;
    padding:0 20px;
    display:inline-block;
    text-align:center;
    line-height:44px;
    margin:0 20px;
}
.home-donate a:hover{
    background:rgba(30,112,205,0.1);
}
.home-free{
    text-align:center;
}
.home-free p a{
    border:1px solid #1e70cd;
    color:#1e70cd;
    text-decoration:none;
    border-radius:5px;
    padding:0 20px;
    display:inline-block;
    text-align:center;
    line-height:44px;
    margin:0 20px;
}
.home-free p a:hover{
    background:rgba(30,112,205,0.1);
}
.home-products{
    text-align:center;
}
.home-products .product{
    text-align:center;
    float:left;
    width:33.33%;
    margin:1em 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 20px;
}
.home-products .title{
    font-size:25px;
    font-weight:400;
}
.home-products a{
    text-decoration:none;
}
.home-products a:hover img{
    opacity:0.8;
}
.home-products img{
    width:150px;
}
.home-products .text{
    color:#333;
}
.home-products .more-products{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.content{
    padding:40px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    min-height:800px;
}
.content.with-left-nav{
    padding-left:0!important;
    position:relative;
}
.content img{
    max-width:100%;
}
.centered{
    text-align:center;
}
.github-buttons iframe{
    border:none;
}
.github-buttons .flattr-button{
    display:inline-block;
}
.github-buttons .flattr-button+iframe{
    margin-left:5px;
}
.share-line{
    background:#1758a1;
    border-top:1px solid #2c8dfb;
    padding:15px 0;
}
.share-line .center{
    padding:0 40px;
}
.share-line .github-buttons{
    float:right;
}
.share-line .share{
    white-space:nowrap;
    text-align:center;
}
.share-line .share-button{
    float:left;
    margin-right:5px;
}
.inner-header+.share-line .share,.content+.share-line .share,.share-line-home .share{
    white-space:nowrap;
    float:left;
    width:590px;
}
.inner-header+.share-line .addthis_toolbox,.content+.share-line .addthis_toolbox,.share-line-home .addthis_toolbox{
    display:block;
}
.inner-header+.share-line .flattr-button,.content+.share-line .flattr-button,.share-line-home .flattr-button{
    float:right;
    margin-left:0;
}
.share-line-home{
    height:150px;
    box-sizing:border-box;
}
.share-line-home .addthis_toolbox{
    margin-top:20px;
}
.share-line-home .share{
    position:absolute;
    right:50%;
    width:300px;
    margin-right:20px;
    overflow:hidden;
    text-align:right;
    white-space:normal;
}
.share-line-home .share .share-button{
    float:none!important;
    display:block;
    margin-right:9px;
    margin-bottom:10px;
    height:21px;
}
.inner-header+.share-line .center,.content+.share-line .center{
    padding:0 30px;
}
.inner-header+.share-line .flattr-button,.content+.share-line .flattr-button{
    height:24px;
    float:left;
    position:relative;
}
footer{
    background:#113f74;
    text-align:center;
    color:#fff;
    color:rgba(255,255,255,0.7);
    padding-top:20px;
    padding-bottom:20px;
}
footer a{
    color:rgba(255,255,255,0.7);
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,0.2);
}
footer a:hover{
    color:#fff;
}
footer .links a{
    margin:0 10px;
}
footer .links{
    margin-bottom:10px;
}
footer .sponsors{
    text-align:center;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}
footer .sponsors a{
    margin:0 10px;
    border:none;
    text-align:left;
    margin-bottom:20px;
    font-size:14px;
    box-sizing:border-box;
    display:inline-block;
    opacity:0.97;
    color:#fff;
    font-family:inherit;
    position:relative;
    overflow:hidden;
    float:none;
}
footer .sponsors a img{
    border:none;
    outline:0;
}
footer .sponsors a:hover{
    opacity:1;
}
footer .sponsors a.adhere{
    border:1px solid rgba(255,255,255,0.4);
    text-align:center;
    width:220px;
    height:65px;
    background:none;
    font-family:inherit;
    line-height:63px;
    font-weight:normal;
}
footer .sponsors a.adhere:hover{
    background:rgba(255,255,255,0.05);
}
.api-nav{
    width:200px;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background:#f1f1f1;
    box-sizing:border-box;
    padding:10px 20px;
    line-height:1.4;
    z-index:100;
}
.api-nav>ul{
    top:0;
    position:-moz-sticky;
    position:-webkit-sticky;
    position:sticky;
    max-height:100vh;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    z-index:200;
}
.api-nav ul{
    list-style:none;
    margin:0;
    padding:0;
    font-weight:500;
}
.api-nav ul ul{
    margin-left:20px;
    font-size:13px;
    font-weight:normal;
}
.api-nav a{
    color:inherit;
}
.api-nav a:hover{
    color:#1e70cd;
}
.api-content{
    margin-left:240px;
}
table{
    width:100%;
    color:#333;
    font-size:13px;
}
table th,table td{
    padding:5px;
    border:1px solid #ddd;
}
table th:first-child,table td:first-child{
    border-left-color:#ccc;
}
table th:last-child,table td:last-child{
    border-right-color:#ccc;
}
table.params-table th,table.params-table td{
    vertical-align:top;
}
table.params-table tbody td:first-child,table.params-table tbody td:nth-child(2),table.params-table tbody td:nth-child(3):not(:last-child){
    font-size:12px;
    color:#8c2418;
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
}
table.params-table tbody td:nth-child(2){
    color:#006700;
}
table.params-table tbody th[colspan="4"]{
    background:#eee;
    border-color:#ccc;
}
table.params-table td p:first-child{
    margin-top:0;
}
table.params-table td p:last-child{
    margin-bottom:0;
}
table.params-table code{
    white-space:pre-wrap;
}
table.params-table .subparam-row td:first-child{
    padding-left:2em;
}
.method-wrap{
    background:#f8f8f8;
    padding:10px;
    border:1px solid #eee;
    margin:1em 0px;
}
.method-wrap p:first-child{
    margin-top:0;
}
.method-wrap p:last-child,.method-wrap ul:last-child{
    margin-bottom:0;
}
p.method,span.method{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#000;
    font-size:15px;
}
p.method span,span.method span{
    color:#8c2418;
}
ul.method-parameters{
    margin-top:-10px;
    margin-bottom:20px;
    padding-left:30px;
}
ul.method-parameters .parameter{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#8c2418;
}
ul.method-parameters .parameter-type{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#006700;
}
.method-returns{
    list-style:none;
    font-style:italic;
}
table.methods-table th,table.methods-table td{
    vertical-align:top;
}
table.methods-table tbody td:first-child:not(:last-child){
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#000;
    white-space:nowrap;
    font-size:12px;
}
table.methods-table tbody td:first-child:not(:last-child) span{
    color:#8c2418;
}
table.methods-table .parameter-type{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size:12px;
    color:#006700;
}
table.methods-table ul.method-parameters{
    margin:0;
    padding-left:20px;
}
table.methods-table ul.method-parameters .parameter,table.methods-table ul.method-parameters .parameter-type{
    font-size:12px;
}
table.methods-table th[colspan="2"]{
    background:#eee;
}
table.methods-table.dom7-table td{
    vertical-align:top;
}
table.methods-table.dom7-table tbody td:first-child:not(:last-child){
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#000;
    white-space:normal;
    font-size:12px;
}
table.methods-table.dom7-table tbody td:first-child:not(:last-child) span{
    color:#8c2418;
}
table.methods-table td p:first-child{
    margin-top:0;
}
table.methods-table td p:last-child{
    margin-bottom:0;
}
table.events-table tbody td:nth-child(2) span{
    white-space:nowrap;
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#8c2418;
    font-size:12px;
    display:block;
}
table.events-table tbody td:first-child{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
    color:#000;
    white-space:nowrap;
    font-size:12px;
}
.important-note{
    padding:5px 10px 5px 10px;
    background:#ffebeb;
    color:#000;
    border-left:3px solid #ff9999;
}
.important-note ul{
    margin:0;
    padding-left:20px;
}
.important-note code:not(.hljs){
    background:#ffcccc;
    padding:2px 5px;
    border:none;
}
.demo{
    margin-bottom:40px;
}
.demo .demo-iframe{
    margin:1em auto;
    box-shadow:0px 0px 1px 0px #aaa;
    background:#eee;
    position:relative;
}
.demo .demo-iframe:after{
    content:'Loading...';
    position:absolute;
    left:0;
    width:100%;
    height:30px;
    line-height:30px;
    margin-top:-15px;
    color:#fff;
    top:50%;
    text-align:center;
    color:#555;
}
.demo .demo-iframe.loaded:after{
    display:none;
}
.demo iframe{
    display:block;
    width:100%;
    border:none;
    margin:0;
    box-sizing:border-box;
    height:400px;
    width:1px;
    min-width:100%;
}
.demo h3{
    margin-bottom:0;
}
.demo .demo-links a{
    position:relative;
    margin-right:20px;
    text-decoration:none;
    color:#b72f20;
    padding-right:15px;
}
.demo .demo-links a:after{
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    border-radius:2px;
    border:1px solid #b72f20;
    right:0;
    top:50%;
    margin-top:-5px;
}
.demo .demo-links a:before{
    width:4px;
    height:4px;
    border-right:1px solid #b72f20;
    border-top:1px solid #b72f20;
    content:'';
    right:3px;
    top:50%;
    margin-top:-2px;
    position:absolute;
}
.demo .demo-links a:hover{
    text-decoration:underline;
}
.clearfix:before,.clearfix:after{
    content:" ";
    display:table;
}
.clearfix:after{
    clear:both;
}
.carbon{
    float:right;
    width:300px;
    font-size:13px;
    line-height:1.4;
    color:#fff;
    padding:8px 10px 8px;
    overflow:hidden;
    border-radius:3px;
    margin-top:0px;
    border:1px solid rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.02);
    margin-top:26px;
}
.carbon a{
    color:#fff;
    display:block;
}
.carbon img{
    display:block;
    width:130px;
    height:100px;
}
.carbon .carbon-img{
    display:block;
    float:left;
}
.carbon .carbon-text{
    margin-top:3px;
    margin-left:140px;
}
.carbon .carbon-poweredby{
    opacity:0.8;
    font-size:12px;
    margin-top:10px;
    margin-left:140px;
}
.carbon.carbon-home{
    border:1px solid #f2f2f2;
    float:right;
    margin-top:0!important;
    margin-left:40px;
    margin-bottom:30px;
}
.carbon.carbon-home a,.carbon.carbon-home{
    color:#333;
}
.carbon.carbon-share{
    margin-top:0!important;
    float:none;
    margin-left:50%;
    position:relative;
    left:20px;
}
@media (max-width: 1080px) {
    header.inner-header .subtitle{
        font-weight:300;
        font-size:24px;
    }
    header.inner-header .carbon{
        margin-top:18px;
    }
}
@media (max-width: 1024px) {
    .center,.content{
        padding-left:30px;
        padding-right:30px;
    }
    header.inner-header .carbon{
        margin-top:18px;
    }
    header.inner-header .links-row .links a{
        width:85px;
        font-size:13px;
        font-weight:400;
    }
}