.mainscreen,
.intro{
    background-color:#000f9f;
}


.mainscreen .title {
    color: #fff;
    font-size: 1.8em;
    font-weight:500;
    display: inline-block;
}

.mainscreen .subtitle {
    color: #fff;
    font-size: 1.3em;
}

.mainscreen img{
    object-fit:cover;
}

.mainscreen .whatwedo {
    font-size: 1.05em;
    color: #fff;
    margin-top: 2em;
}


.mainscreen section.slide .slider-container .slider-wrapper li .capa p.figure {
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 0.3em 1em;
    font-size: 0.9em;
    margin: 0;
    position: relative;
    top: calc(100% - 3.8em);
}


.accomplishments{
    padding:4em 0 3em 0;
}

.accomplishments h2{
    text-align:center;
    margin-bottom:1em;
}

.accomplishments .item{
    width:100%;
    background:#f3f3f3;
    padding:2em;
    text-align:center;
    margin-bottom: 2em;
    min-height: 11em;
}

.accomplishments .item .count{
    color:#000f9f;
    font-size:2.7em;
    font-weight:500;
}

.accomplishments .item .highlighted{
    color:#000f9f;
    font-size:1.4em;
    line-height:1.3em;
    font-weight:500;
}



.accomplishments .item .count.finish:after{
    content:'+';
}


.accomplishments .item .label{
    display:block;
    color:#000f9f;
    font-weight:500;
}


.projects{
    margin:4em 0;
}

.projects h2{
    text-align:center;
}

.engineered{

}


.engineered .nav{
    padding-bottom:2em;
    display:inline-block;
}

.engineered .nav .nav-item{
    display:inline-block;
    text-align:center;
}

.engineered .nav .nav-item .nav-link{
    color:#fff;
}


.engineered > div{
    background:#000f41;
    padding:2em;
}


.engineered h2{
    color:#fff;
    text-align:center;
    margin-bottom:1em;
}


.engineered .item{
    display: flex;
    flex-direction: row;
    margin-bottom:2em;
    height:17em;
    border:2px solid #000f41;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:rgba(0,0,0,0.4);
    text-decoration:none;
    transition:all 0.2s ease;
}

.engineered .item:hover{
    border:8px solid #000f41;
    background-color:rgba(0,0,0,0.8);
    background-blend-mode: darken;
    /*background-color:rgba(0,0,0,0.2);*/
    /*background-image:none !important;
    background-color:rgba(0,0,0,0.0);*/
    /*background-color: rgba(0,15,65,0.85);*/
}

.engineered .item .title{
    color:#fff;
    align-self: center;
    flex: 1;
    height:5em;
    padding:1em;
    font-size:1.25em;
    font-weight:bold;
    line-height: 1.2em;
    text-align:center;
    text-shadow: 3px 4px 5px #000000;
}

.engineered .item:hover .title{
    transform:scale(0.9);
    text-wrap: stable;
}


.engineered .item .title .icon-right-arrow{
    font-size:1.8em;
    line-height:0;
    float:right;
    position: relative;
    top: -0.2em;
}




.engineered .viewall{
    text-align:center;
    padding:2em 0 1em 0;
}

.engineered .viewall a{
    color:#fff;
    font-size:1.3em;
    text-decoration:none;
}


.partnerships{
    margin:8em 0 8em 0;
}

.partnerships h2{
    text-align:center;
    margin-bottom:1.5em;
}

.partnerships > div{
    background:#f5f5f5;
    padding: 2em;
}

.partnerships p{
    color:#000;
    font-size:1.4em;
    font-weight:300;
    background:#fff;
    padding:2em;
    border:1px solid #ccc;
}

#homeIntroCarousel .darkbg{
    background:rgba(0,0,0,0.7);
}

#homeIntroCarousel .carousel-item > img{
    display:block;
    width:100%;
    height:32em;
    object-fit:cover;
}

#homeIntroCarousel .carousel-caption{
    left:0;
    right:0;
}

#homeIntroCarousel .carousel-caption.pantechnic{
    background:rgba(0,0,0,0.7);
}

#homeIntroCarousel .carousel-caption.pantechnic h1{
    font-size:1.5em;
    font-weight:300;
    line-height:1.8em;
    position:relative;
    top:0.5em;
}

#homeIntroCarousel .carousel-caption.pantechnic .logo{
    height:3em;
}

#homeIntroCarousel .carousel-caption.eshop .rightcol{
    font-size:1.2em;
    text-align:left;
}

#homeIntroCarousel .carousel-caption.eshop .rightcol a{
    display:inline-block;
    color: #faef4a;
    font-weight:500;
    text-decoration:none;
    margin-top:0.5em;
}


#homeIntroCarousel .carousel-caption.quote{
    height:100%;

}

#homeIntroCarousel .carousel-caption.quote > div{
    font-size:1.5em;
    font-weight:300;
    background:rgba(0,0,0,0.7);
    display:inline-block;
    padding:2em;
    position: relative;
    top: 25%;
    width: 70%;
}

#homeIntroCarousel .carousel-caption.quote > div a{
    color: #25c8e8;
    text-decoration:none;
    font-weight:500;
}

#homeIntroCarousel .carousel-caption.quote > div .clock{
    text-align:center;
    font-size:3em;
}

#homeIntroCarousel .carousel-caption.quote a{
    display:inline-block;
    margin-top:0.5em;
}


/* =============================================== */

.scrollboxes-wrapper{
    width: 100%;
    height: 130px;
    margin: auto;
    overflow: hidden;
    bottom: 50%;
}

.scrollboxes {
    position:relative;
}

.box {
    height:170px;
    position:absolute;
    background:transparent;
    font-size: 40px;
    line-height:150px;
    text-align:center;
    color: #fff;
    text-transform: uppercase;
}

.box a{

}

.box img{
    max-width:170px;
    height:130px;
    object-fit:contain;
}

.show-all{
    text-align: center;
}

.partners-lnk{
    font-size:1.1em;
    display:inline-block;
    text-decoration:none;
    padding:0.5em 1.4em;
    color:#000;
    background-color:#1aff80;
    border-radius:1em;
    position:relative;
    top:5em;
    transition:0.2s ease all;
}

.partners-lnk:hover{
    color: #ccc;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {


}




/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .intro > div{
        padding:0;
    }

}



/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .mainscreen{
        padding-top:2em;
    }

    .intro{
        margin-top:9em;
    }

    #homeIntroCarousel .carousel-item > img{
        height:38em;
    }


    .accomplishments .item{
        margin-bottom:1em;
    }

}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {



}