body{
    font-family: "Roboto",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.navbar-nav .nav-link{
    font-family: "Roboto",sans-serif;
    font-weight: normal;
}
.nav-link.menu-active{
    font-weight: bolder;
    color: #181677!important;
}
.topnav{
    padding-top:10px;
	padding-bottom:10px;
    padding-right: 10px;
    background: #00b9f2;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
}
.navbar-grey{
    background: #dbe1e5;
    position: sticky;
    top: 32px;
    z-index: 999;
}
.navbar-dark .navbar-nav .nav-link{
    color: #464646;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 1rem;
    line-height: 2;
    letter-spacing: .5px;
}
.navbar-dark .navbar-nav .nav-link:hover{
    color: #464646;
}
.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
    color: #464646;
} 
.dropdown-menu,.dropdown-item.active, .dropdown-item:active,.dropdown-item.hover, .dropdown-item:hover{
    background: #dbe1e5;
}
.navbar-dark .navbar-nav .nav-link {
    font-family: "Roboto Condensed",sans-serif;
}
.dropdown-menu .dropdown-item{
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    color: #58595b;
    font-family: "Roboto Condensed",sans-serif;
    text-transform: uppercase;
    font-size: 16px;


}
.dropdown-menu .dropdown-item:hover{
    color: #26247b;
    font-weight: bolder;
}
.sub-head{
    position: absolute;
    font-size: 3vw;
    text-transform: uppercase;
    font-style: italic;
    color: #1b6b93;
    opacity: .8;
    font-family: "Roboto Condensed",sans-serif;
    top: 4vw;
    left: 15vw;
    letter-spacing: 4px;
    font-weight: 600;
}
.slider{
    height: 70vh;
    min-height: 560px;
    position: relative;
}
.sub-span{
    position: absolute;
    font-size: 3vw;
    text-transform: uppercase;
    font-style: italic;
    color: #1b6b93;
    opacity: .8;
    font-family: "Roboto Condensed",sans-serif;
    top: 6vw;
    left: 20vw;
    letter-spacing: 5px;
    font-weight: 400;
    margin-top: 10px;
}
.hero-heading{
    position: absolute;
    font-size: 7vw;
    top: 10vw;
    left: 5vw;
    color: #26247b;
    text-transform: uppercase;
    font-weight: bolder;
    letter-spacing: -3px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 600;
}
.sub-heading{
    position: absolute;
    top: 6vw;
    font-weight: 500;
    font-size: 7vw;
    left: 5vw;
    color: #26247b;
    text-transform: uppercase;
    font-weight: bolder;
    letter-spacing: -3px;
    font-family: "Roboto Condensed",sans-serif;
}
.gradient-divider{
    height: 11px;
    width: 100%;
    background-image: linear-gradient(15deg,#015eea,#00c0fa);

}
.bg-lighter{
    margin-bottom: 30px;
    background-image: linear-gradient(180deg,#d9dad9,#d9dad9,#d9dad9,#d9dad9,#fff);
    width: 100%;
}
.product-container{
    max-width: 1600px;
}
.product-left{
    background-color: #0c1c35;
    padding: 40px;
}
.nav-pills .nav-link{
    border: none;
    color: #a8b0b2 ;
    line-height: 1.5em!important;
    margin-bottom: 1em;
    font-size: 16px;
    padding: 0;
}
.product-head{
    
    font-family: "Roboto Condensed",sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    color: #fff;
}
.product-underline{
    height: 3px;
    width: 100px;
    padding-left: 10px;
    background-color: #75a1b8;
    margin-bottom: 30px;
}
.nav-pills .nav-link:hover,.nav-pills .nav-link.active{
    color: #75a1b8;
}
.heading{
    font-family: "Roboto",sans-serif;
}
.btn{
    font-weight: normal;
}
.intro-text{
    font-size: 20px;
    padding-top: 50px;
    color: #464646;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.card-relative{
    position: relative;
}
.card-body{
    padding: 30px;
    display: flex;
    justify-content: center;

}
.card-img-overlay{
    background: linear-gradient(135deg,hsla(0,0%,97.3%,.72),hsla(0,0%,97.3%,.72));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: calc(0.25rem - 1px);
}
.card-title{
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    letter-spacing: 1.3px;
    font-weight: 900;
}
.card-img-overlay:hover {
    background: #d7effc;
    background: linear-gradient(135deg,#d7effc,#86d5f7 19%,#488cca 46%,#255b98 71%,#1b2a58);
    opacity: .9;
    color: #fff;
}
.card-img-overlay:hover .card-title{
    color: #fff;
}
.industry{    background-color: #d0e3ee;
    padding: 7.4em 0;
    background-image: url(../images/backgrounds/ApplicationHero2.png);
    background-size: 1100px;
    background-repeat: no-repeat;
    background-position: -17% -147%;
    overflow-x: hidden;
}
.app-text{position: absolute;
    font-family: "Roboto Condensed",sans-serif;
    z-index: 1;
    color: #1b6b93;
    letter-spacing: 5px;
    font-size: 2em;
    text-transform: uppercase;
    top: 15px;
    right: 100px;
}
.process{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.process-item{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

}
.process-item p{
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1b6b93;
    margin: 0;
}
.process-item img{
    width: 50px;
}
.process-item p.en{
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1b6b93;
}
.industry-underline {
    position: absolute;
    height: 3px;
    width: 100px;
    background-color: #1b6b93;
    right: 6px;
    top: 41px;
}
.industry-link-container {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    font-size: 18px;
    font-weight: 900;
}
.industry-link-container a {
    line-height: 1em;
    color: #1b6b93;
    text-decoration: none;
    margin-top: 20px;
}
.resources-section{
    padding: 70px 25px;
    background: #dbe7f1;
    background: linear-gradient(180deg,#dbe7f1 60%,#fff);
}
.akribis-container {
    max-width: 1600px;
    width: 100%;
}
.resource-card {
    text-align: left;
    font-size: 1em;
    height: 100%;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;

}
.lt-quote{
    grid-area: 1/4/2/6;
    background-color: #121111;
    color: #fff;
}
.resource-card i {
    font-size: 4em;
    margin-bottom: 10px;
}
.resource-header {
    text-transform: uppercase;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 900;
    font-size: 2em;
    margin-left: 10px;
}
.resource-header:hover,.resource-card:hover{
    color: #fff;
}
.lt-news {
    grid-area: 2/6/3/8;
    background-color: #2b5d7d;
    color: #fff;
}
.svg-inline--fa.fa-w-18,.svg-inline--fa.fa-w-20{
    font-size: 2em;


}
.copyright-txt{
    color: #636363;
    letter-spacing: 3px;
    font-family: "Roboto Condensed",sans-serif;
}
.footer-container {
    display: flex;
    justify-content: center;
    padding-top: 0;
}
.footer-link, .social-icon{
    list-style-type: none;
    display: flex;
}

.footer-text{
    color: #58595b;
    font-family: "Roboto Condensed",sans-serif;
}
.hero-container {
    position: relative;
    height: 400px;
    overflow: hidden;
}
.hero-text-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hero-text-holder .page-hero-text {
    padding-left: 75px;
}
.hero-container .page-hero-text, .hero-container .sub-span {
    z-index: 1;
}
.page-hero-text, .sub-span {
    color: #fff;
    text-transform: uppercase;
}
.page-hero-text {
    font-family: "Roboto Condensed",sans-serif;
    left: 75px;
    top: 150px;
    letter-spacing: 12px;
    font-weight: 700;
    font-size: 4vw;
}
.hero-text-holder .sub-span {
    padding-left: 125px;
    display: block;
}
.product-sub-span {
    padding-left: 125px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5vw;
    font-weight: 400;
    letter-spacing: 4px;
    font-style: italic;
    opacity: .8;
    left: 125px;
    top: 230px;
} 
.hero-image {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.product-list-container {
    box-shadow: 7px 7px 40px -12px #58595b;
    margin-top: -100px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.product-overview {
    background-color: #fff;
    padding-top: 50px;
    padding-left: 60px;
    padding-right: 60px;
}
.product-overview .card{
    border: none;
    box-shadow: 0 0 0 0;
}
.product-name-header {
    color: #2b5d7b;
    font-size: 2.7em;
    font-weight: 800;
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: 1px;
    line-height: 1;
}
#models {
    background-color: #ebf8fd;
    padding: 25px 60px 50px;
    margin: 0;
}
.section-heading {
    text-transform: uppercase;
    color: #67abc6;
    font-size: 3em;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    padding-bottom: 25px;
    padding-top: 25px;
}
.hover-reveal-container {
    position: relative;
    background: linear-gradient(135deg,hsla(0,0%,97.3%,.72),hsla(0,0%,97.3%,.72));
}
.hover-filter {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(135deg,hsla(0,0%,97.3%,.72),hsla(0,0%,97.3%,.72));
}
.hover-reveal-container .hover-reveal-text {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding: 3em;
    color: #fff;
    opacity: 0;
    transition: opacity .3s;
    background: #00f;
    background-image: linear-gradient(109.5deg,#4cddf2 11.2%,#5c79ff 85.1%);
    background: #d7effc;
    background: linear-gradient(135deg,rgba(215,239,252,.93),rgba(134,213,247,.93) 19%,rgba(72,139,202,.93) 46%,rgba(37,91,152,.93) 71%,rgba(27,42,88,.93));
}
.hover-reveal-text p {
    line-height: 1.2;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1px;
    position: relative;
    z-index: 1;
}
.hover-product-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    display: flex;
    justify-content: center;
    color: #212529;
    font-size: 1.6em;
    letter-spacing: 1.3px;
    font-weight: 900;
}
.hover-reveal-container img {
    width: 100%;
}
.hover-reveal-container:hover .hover-reveal-text {
    opacity: 1;
}
.capability-body{
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.capability-card {
    box-shadow: 0 5px 10px rgba(88,89,91,.4);
    margin-bottom: 25px;
}
.design-img, .testing-img {
    min-height: 200px;
    background-position: 50%;
    background-size: cover;
}
.design-img {
    background-image: url(../images/brand/Akribis_Design_186127225_Preview.jpg);
}
.testing-img {
    background-image: url(../images/brand/Akribis_Testing-and-Measurement-AdobeStock_353815109_Preview.jpg);
}
.manufacturing-img {
    background-image: url(../images/brand/akribis_manufacturing.jpg);
}
.quality-img {
    background-image: url(../images/brand/Akribis_Quality_AdobeStock_51546117_Preview.jpg);
}
.manufacturing-img, .quality-img {
    min-height: 200px;
    background-position: 50%;
    background-size: cover;
}
.left-card {
    background-color: #2b5d7b;
}
.capability-text-left {
    font-size: 1em;
    color: #dbe1e5;
}
.capability-title-left {
    color: #fff;
}
.right-card {
    background-color: #d0e3ee;
}
.right-card .card-body ,.left-card .card-body {
    display: block;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 3.25rem;
}
.capability-text-right {
    font-size: 1em;
    color: #58595b;
}
.capability-title-left, .capability-title-right {
    font-family: "Roboto Condensed",sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 2px;
    font-weight: 200;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}
.contact-cta-btn {
    border-radius: 0;
    text-transform: uppercase;
    padding: 0.375rem 2rem;
    font-size: 1em;
    letter-spacing: 2px;
}
.industry-container {
    width: 85%;
    margin: -100px auto 0;
}
.industry-head {
    box-shadow: 7px 7px 40px -12px #58595b;
    background-color: #fff;
}
.left-col-styles {
    background: #d9dad9;
    position: relative;
    padding-top: 20px;
    padding-right: 0;
}
.triangle-left, .triangle-right {
    position: absolute;
    height: 0;
    width: 0;
    top: 50%;
    z-index: 1;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
}
.triangle-right {
    right: -20px;
    transform: translateY(-50%);
    left: auto;
    border-left: 20px solid #d9dad9;
}
.description-container {
    padding: 40px;
}
.left-panel-heading {
    font-size: 1.2em;
    font-weight: 700;
    color: #1b6b93;
    text-transform: uppercase;
}
.left-panel-description, .left-panel-list {
    font-size: 1em;
    font-weight: 500;
}
#buy-online .card-text p, #buy-online .card-text ul, ul {
    text-align: left!important;
}
.left-panel-list {
    color: #353434;
}
.btn-container-left, .btn-container-right {
    position: relative;
}
.learn-more-btn-left {
    right: 0;
}
.learn-more-btn-left, .learn-more-btn-right {
    position: static;
    top: -15px;
    z-index: 1;
    background: #1b6b93;
    border-radius: 0;
    width: 150px;
    border: 0;
    font-size: 1em;
}
.right-col-styles {
    background: #58595b;
    color: #fff;
    position: relative;
    padding-top: 20px;
}
.right-panel-heading {
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.right-panel-description, .right-panel-list {
    font-size: 1em;
    font-weight: 500;
}

.btn-container-left, .btn-container-right {
    position: relative;
}
.btn-secondary {
    color: #fff;
}
.panel-text{
    font-size: 18px;
    font-weight: 500;
    color: #58595b;
    padding: 50px 30px;
    text-align: center;
    margin: 0;
}
.img-left, .img-right {
    min-height: 200px;
    background-position: 50%;
    background-size: cover;
}
#semi-img {
    background-image: url(../images/brand/SemiconductorPreview.jpg);
}
#storage-img {
    background-image: url(../images/brand/Storage_Preview.jpg);
}
#displays-img {
    background-image: url(../images/brand/DisplaysPreview.jpg);
}
#lasers-img {
    background-image: url(../images/brand/LasersPreview.jpg);
}
#robotics-img {
    background-image: url(../images/brand/RoboticsPreview.jpg);
}
#renewable-img {
    background-image: url(../images/brand/RenewablePreview.jpg);
}
#additive-img {
    background-image: url(../images/brand/AdditivePreview.jpg);
}
#machine-img {
    background-image: url(../images/brand/MachinePreview.jpg);
}
#communications-img {
    background-image: url(../images/brand/Consumer_ElectronicsPreview.jpg);
}
#circuit-img {
    background-image: url(../images/brand/Printed_Circuit_BoardPreview.jpg);
}
#healthcare-img {
    background-image: url(../images/brand/Healthcare_MedicalPreview.jpg);
}
#biomedical-img {
    background-image: url(../images/brand/Biomedical_Preview.jpg);
}
.about-container{
    margin-top: -100px;
    height: 100%;
}
.about-container{
    width: 85%;
    padding-left: 0;
    padding-right: 0;
}
.address-container, .contact-form{
    box-shadow: 7px 7px 40px -12px #58595b;
    background-color: #fff;
}
.office-text{
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 19px;
    padding-top: 33px;
}
.office-name, .office-text{
    font-size: 1.4em;
    color: #1b6b93;
}
.contact-usa-address{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 25px;
    padding-bottom: 25px;
}.office-contact-details{
    list-style-type: none;
    font-size: 1em;
    margin-left: -20px;
}
.office-name, .office-text{
    font-size: 1.4em;
    color: #1b6b93;
}
.office-name{
    font-weight: 500;
}
.contact-form{
    margin-top: 30px;
    padding: 30px;
}
.about-main{
    box-shadow: 7px 7px 40px -12px #58595b;
    background-color: #fff;
    height: 100%;
    margin: 0;
}
.about-img-lg{
    padding: 0 0 25px;
}
.about-text{
    padding: 0 35px 25px;
    color: #58595b;
    font-size: 1em;
}
.about-img-grid{
    padding: 25px 35px;
}
#_form_3_:after, #_form_3_:before {
    content: " ";
    display: table;
}
#_form_3_ {
    position: relative;
    text-align: left;
    margin: 25px auto 0;
    padding: 40px;
    box-sizing: border-box;
    zoom: 1;
    border: 0 solid #b0b0b0!important;
    width: 100%;
    border-radius: 0!important;
    color: #000!important;
}
.contact-heading {
    color: #1b6b93;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
    margin-left: -21px;
}
.mb-10{
	margin-bottom:10px;
}
#_form_3_ ._submit {
    -webkit-appearance: none;
    cursor: pointer;
    font-family: arial,sans-serif;
    text-align: center;
    border: 0!important;
    -webkit-border-radius: 4px!important;
    color: #fff!important;
    padding: 10px!important;
    background: #1b6b93;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
}
 
@media(min-width: 1140px) {
    .akribis-footer-divider {
        background: #26247b;
        background: linear-gradient(90deg,#26247b,#26247b 48%,#fff 55%,#fff 68%,#26247b 71%,#26247b);
    }
}
@media (max-width: 767px){
	.topnav  .container{
		display:block !important;
		width:100%
	}
	.topnav  span{
		display:block;
		width:100%
	}
    .akribis-footer-divider{
        position: relative;
        overflow: hidden;
    }
    .btn-container{margin-top:2rem}}@media (max-width: 991px){.btn-container>.btn,.btn-container>.btn-group{margin-bottom:1rem}}@media (min-width: 992px){.btn-container>.btn,.btn-container>.btn-group{margin-right:1.5rem;margin-bottom:1rem}}@media (min-width: 1200px){.content:not(.content--boxed):not(.content--full){padding:0 0 0 240px}}@media (min-width: 576px) and (max-width: 1199px){.content:not(.content--boxed):not(.content--full){padding:102px 30px 0}}@media (max-width: 575px){.content:not(.content--boxed):not(.content--full){padding:87px 15px 0}}@media (min-width: 576px){.content--full{padding:102px 30px 0}}@media (max-width: 767px){.content--full{padding:87px 15px 0}}.content-inner{margin:auto;padding:30px 15px}.content-inner .example{margin-bottom:5rem}@media (max-width: 767px){.content-inner .example .btn{margin-bottom:1rem}}.header{width:100%;height:72px;color:#FFFFFF;padding:0 30px 0 2rem;z-index:10;display:flex;align-items:center;top:0;left:0;background:#FFF;border-bottom:1px solid #e9ecef}@media (max-width: 1199px){.header{position:fixed}}@media (max-width: 575px){.header{padding-left:15px;padding-right:15px}}.header::after{display:block;content:"";clear:both}.header .body-backdrop{position:absolute}.navigation-trigger{float:left;padding:2rem 2rem 2rem 2.4rem;margin-left:-2rem}.navigation-trigger:hover{cursor:pointer}.navigation-trigger.toggled .navigation-trigger-inner{transform:rotate(180deg)}.navigation-trigger.toggled .navigation-trigger-inner:before{transform:scale(1)}.navigation-trigger.toggled .navigation-trigger-line:first-child{width:12px;transform:translateX(8px) translateY(1px) rotate(45deg)}.navigation-trigger.toggled .navigation-trigger-line:last-child{width:11px;transform:translateX(8px) translateY(-1px) rotate(-45deg)}.navigation-trigger-inner,.navigation-trigger-line{width:18px;transition:all 300ms}.navigation-trigger-inner{position:relative}.navigation-trigger-inner:before{content:'';position:absolute;width:40px;height:40px;left:-11px;top:-14px;background-color:rgba(0,0,0,0.25);border-radius:50%;transition:all 300ms;transform:scale(0)}.navigation-trigger-line{height:2px;background-color:#333;display:block;position:relative}.navigation-trigger-line:not(:last-child){margin-bottom:3px}@media (min-width: 1200px){.header-brand{min-width:calc(270px - 2rem)}}.header-brand>h1{line-height:100%;font-size:1.3rem;font-weight:normal;margin:0}.header-brand>h1>a{color:#999}.header-nav .nav-link{padding:0 1rem;font-size:.765625rem;color:#adb5bd;transition:background-color 300ms}.header-nav .nav-link:hover{color:#343a40}.sidebar{width:240px;position:fixed;left:0;padding:0 0.5rem 0.5rem 1.5rem;height:100%;overflow:hidden;z-index:1050;background-color:#fff;border-right:1px solid #e9ecef}@media (max-width: 1199px){.sidebar{transition:transform 300ms, opacity 300ms}.sidebar:not(.toggled){opacity:0;transform:translate3d(-100%, 0, 0)}.sidebar.toggled{box-shadow:5px 0 10px rgba(0,0,0,0.08);opacity:1;transform:translate3d(0, 0, 0)}}.sidebar-brand{height:72px;padding:1rem 0}.sidebar-brand>h1{transform:translateY(50%);font-size:1.09375rem;font-weight:normal;margin:0}.sidebar-brand>h1>a{color:#343a40}.sidebar .scrollbar-inner>.scroll-element{margin-right:0}.sidebar--hidden{background-color:#FFFFFF;transition:transform 300ms, opacity 300ms}.sidebar--hidden:not(.toggled){opacity:0;transform:translate3d(-100%, 0, 0)}.sidebar--hidden.toggled{box-shadow:5px 0 10px rgba(0,0,0,0.08);opacity:1;transform:translate3d(0, 0, 0)}.navigation{list-style:none;padding:0;padding-bottom:4rem}.navigation .navigation-title{color:#adb5bd;font-weight:600;margin:0.875rem 0 0;padding:1rem 0rem 0.875rem}.navigation .navigation-item{color:#fff;font-weight:500}.navigation .navigation-link{display:block;padding:0.25rem 1rem;color:#495057;font-weight:500;-webkit-transition:background 0.3s, box-shadow 0.3s;transition:background 0.3s, box-shadow 0.3s;border-radius:.375rem;text-decoration:none}.navigation .navigation-link:hover,.navigation .navigation-link.active{color:#288cff}.scrollbar-inner{height:100%}.scrollbar-inner>.scroll-element{transition:opacity 300ms;margin-right:2px}.scrollbar-inner>.scroll-element.scroll-y{width:3px;right:0}.scrollbar-inner>.scroll-element.scroll-x{height:3px;bottom:0}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{transition:background-color 300ms}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:transparent}.scrollbar-inner:not(:hover) .scroll-element{opacity:0}.page-title{position:relative;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e9ecef}.page-title .heading{margin:0;padding:0;color:#212529}.page-title .heading a{color:#212529}@media (min-height: 600px) and (min-width: 767px){.background-image-holder[data-holder-type="hero"]{height:80vh}}.background-image-holder .holder-item{height:100%;padding:2rem 0}@media (max-width: 991px){.background-image-holder .holder-item{height:auto;padding:4rem 0}}.background-image-holder .swiper-container,.background-image-holder .container{position:relative;height:100%}.background-image-holder .swiper-container .swiper-slide .animated{opacity:0}.background-image-holder .swiper-container .swiper-slide .animated.animation-ended{opacity:1}.bg-cover{position:relative}.bg-size--cover{background-size:cover;background-repeat:no-repeat}.bg-size--contain{background-size:contain;background-repeat:no-repeat}.typeface-palette .typeface-entry{position:relative;display:block;padding:2rem;background:#fff;border:1px solid rgba(0,0,0,0.05);border-radius:.375rem}.typeface-badge{position:absolute;top:10px;right:10px}.color-palette .color-entry{position:relative;display:block;height:170px;color:#FFF;border-radius:.375rem}.color-palette .color-entry .color-code{background:#fff;color:#495057;padding:6px 10px;position:absolute;bottom:12px;right:12px}.content-docs h2[id]::before,.content-docs h3[id]::before,.content-docs h4[id]::before{content:"";display:block;height:3rem;margin-top:-3rem}.content-docs h2[id]:not(:first-child),.content-docs h3[id]:not(:first-child),.content-docs h4[id]:not(:first-child){margin-top:5rem}.content-docs h2[id],.content-docs h3[id],.content-docs h4[id]{margin-bottom:2rem}.highlight pre{padding:1.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem}.code-example{margin:2rem 0}.code-clipboard{position:relative}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#027de7}.toc-entry{display:block}.toc-entry a{display:block;padding:.125rem 1.5rem;color:#99979c}.toc-entry a:hover{color:#007bff;text-decoration:none}