.wy-grid-for-nav, .wy-nav-side {
    margin-top: 55px;
}

.wy-side-nav-search img {
    display: none !important;
}

.cta{border-radius:3px;display:inline-block;padding:1rem 1.5rem;text-decoration:none}
.cta:hover,.cta:active{background-color:#9786e6;color:#fff;outline:0}
.cta svg{margin-right:.25rem}
.cta--primary{background-color:#735cdd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#735cdd),color-stop(50%,#9786e6));background-image:-webkit-linear-gradient(top,#735cdd 50%,#9786e6 50%);background-image:linear-gradient(to bottom,#735cdd 50%,#9786e6 50%);background-size:100% 200%;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1);color:#fff;padding:calc(1rem + 2px) calc(1.5rem + 2px)}
.cta--primary:hover,.cta--primary:active,.cta--primary:focus{background-position:0 100%}
.cta--primary-ver{background-color:#6147d9 !important;color:#fff;padding:0}
.cta--primary-ver:hover .cta-text,.cta--primary-ver:active .cta-text{background-position:0 100%}
.cta--primary-ver span{display:inline-block;padding:1rem}
.cta--primary-ver .cta-ver{font-weight:bold}
.cta--primary-ver .cta-text{background-color:#735cdd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#735cdd),color-stop(50%,#9786e6));background-image:-webkit-linear-gradient(top,#735cdd 50%,#9786e6 50%);background-image:linear-gradient(to bottom,#735cdd 50%,#9786e6 50%);background-size:100% 200%;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1)}
.cta--secondary{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#9786e6));background-image:-webkit-linear-gradient(top,transparent 50%,#9786e6 50%);background-image:linear-gradient(to bottom,transparent 50%,#9786e6 50%);background-size:100% 200%;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1);border:2px solid #735cdd;color:#735cdd}
.cta--secondary:hover,.cta--secondary:active,.cta--secondary:focus{background-position:0 100%}
.cta--secondary:hover,.cta--secondary:active{border-color:#9786e6}
.cta--action{background-color:transparent !important;border-bottom:3px solid #5ca7dd;font-weight:bold;color:#777;padding:.3rem .75rem;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1)}
.cta--action:hover,.cta--action:active{-webkit-box-shadow:none;box-shadow:none;border-color:#86bee6;color:#777}
.cta--action:hover:after,.cta--action:active:after{padding-left:16px}
.cta--action:after{content:'ï„…';font-family:FontAwesome;padding-left:10px;-webkit-transition:.1s padding-left linear;transition:.1s padding-left linear}

#header {
    color: #404040;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 15px rgba(0,0,0,0.15);
}

.custom-logo-link{display:inline-block}
#header{background:#323031;height:55px;position:fixed;top:0;width:100%;z-index:1}
#header .header-container{height:100%;margin:auto;max-width:90rem}
#header .site-branding{display:inline-block;height:100%}
#header .site-branding a{height:100%;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#252424));background-image:-webkit-linear-gradient(top,transparent 50%,#252424 50%);background-image:linear-gradient(to bottom,transparent 50%,#252424 50%);background-size:100% 200%;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1)}
#header .site-branding a:hover,#header .site-branding a:active,#header .site-branding a:focus{background-position:0 100%}
#header .site-branding img{max-height:100%;max-width:none;padding:.5rem;position:relative;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;width:auto}
.primary-navigation{float:right;height:100%}
.primary-navigation>div{float:right;height:100%}
.primary-navigation ul{display:none;height:100%;list-style:none;margin:0;padding-left:0}
.primary-navigation ul ul{-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.primary-navigation ul ul ul{left:-999em;top:0}
.primary-navigation ul ul li:hover>ul,.primary-navigation ul ul li.focus>ul{left:100%}
.primary-navigation ul ul a{width:200px}
.primary-navigation ul li:hover>ul,.primary-navigation ul li.focus>ul{left:auto}
.primary-navigation li{float:left;height:100%;position:relative}
.primary-navigation a{color:#fff;display:block;height:100%;line-height:55px;font-weight:100;padding:0 1rem;text-decoration:none}
.primary-navigation a:hover,.primary-navigation a:active,.primary-navigation a:focus{border-bottom:3px solid #fff;outline:0}
.primary-navigation .current_page_item>a,.primary-navigation .current-menu-item>a,.primary-navigation .current_page_ancestor>a,.primary-navigation .current-menu-ancestor>a{font-weight:bold}
.primary-navigation .cta--primary{border:0;border-radius:0;margin-left:1rem;padding:0 .5rem}
.primary-navigation .cta--primary a{font-weight:400}
.primary-navigation .cta--primary a:hover,.primary-navigation .cta--primary a:active,.primary-navigation .cta--primary a:focus{background-color:transparent;border:0;color:#fff}
#off-canvas-toggle{border:0;color:white;cursor:pointer;font-size:24px;font-size:1.5rem;height:100%;outline:0;padding:0 1rem;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#252424));background-image:-webkit-linear-gradient(top,transparent 50%,#252424 50%);background-image:linear-gradient(to bottom,transparent 50%,#252424 50%);background-size:100% 200%;-webkit-transition:all .25s cubic-bezier(0.4,0,0.2,1);transition:all .25s cubic-bezier(0.4,0,0.2,1)}
#off-canvas-toggle:hover,#off-canvas-toggle:active,#off-canvas-toggle:focus{background-position:0 100%}

@media(min-width:1024px){
    .block--info .block__icon{display:grid;padding:.5rem}
    .entry-header{height:45vh}
    .footer__navigation{grid-template-columns:repeat(3,2fr) 3fr;padding:4rem 0 5rem}
    .footer__navigation>div{padding:0}
    .primary-navigation ul{display:block}
    #off-canvas-toggle{display:none}
    .page-template-flexible-content-page section:not(.hero):not(.info-block):not(.call-to-action-alt){margin:8rem 0}
    .download__header{height:45vh;padding:0}
    .download__header-container{grid-template-columns:3fr 1fr;text-align:left}
    .download__icon{display:block;font-size:160px;font-size:10rem;text-align:right}
    .single-download__others{grid-template-columns:repeat(3,1fr)}
    .single-post .entry-content{grid-template-columns:2fr 1fr;margin:2rem auto}
    .single-post .widget{display:block}
    .article__container{grid-template-columns:repeat(3,1fr)}
    .brand-showcase .wrap{grid-template-areas:'logos info';grid-template-columns:1fr 1fr}
    .brand-showcase__info{padding:2rem;text-align:left}
    .call-to-action__container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;grid-template-areas:'text icon';grid-template-columns:3fr 1fr;padding:3rem 1rem;text-align:left}
    .call-to-action__icon{color:#fff;display:block;font-size:160px;font-size:10rem;grid-area:icon;text-align:right}
    .call-to-action-alt__wrap{grid-gap:2rem;grid-template-columns:3fr 2fr;height:calc(100vh - 220px);padding:0}
    .call-to-action-alt__text{margin-bottom:0;text-align:left}
    .call-to-action-alt__buttons{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:right}
    .call-to-action-alt__buttons .cta{font-size:24px;font-size:1.5rem}
    .choices__text{margin-bottom:0}
    .choices__buttons{max-width:60%}
    .feature-images__inner{grid-template-columns:1fr 1fr}
    .info-block__wrap{height:calc(100vh - 220px);padding:0}
    .info-block__wrap--left{grid-template-areas:'text-box none';grid-template-columns:1fr 1fr;text-align:left}
    .info-block__wrap--center{max-width:50rem}
    .info-block__wrap--right{grid-template-areas:'none text-box';grid-template-columns:1fr 1fr;text-align:right}
    .info-block__text{margin:0}
    section.hero{height:calc(100vh - 220px)}
    .hero__wrap{padding:0}
    .hero__content h1{font-size:64px;font-size:4rem}
    .hero__calltoaction .cta{font-size:24px;font-size:1.5rem;margin:0}
}

svg:not(:root).svg-inline--fa {
 overflow:visible
}
.svg-inline--fa {
 display:inline-block;
 font-size:inherit;
 height:1em;
 overflow:visible;
 vertical-align:-.125em
}
.svg-inline--fa.fa-w-20 {
 width:1.25em
}