﻿.carousel-item, .carousel-indicators
{
    display: none; /* hide until script and CSS loaded */
}

.carousel-indicators li
{
    border: 2px solid #000;
    background-color: #fff;
    width: 12px;
    height: 12px;
}
.carousel-indicators .active
{
    width: 16px;
    height: 16px;
}

.TechnologyHighlight 
{
    width: 253px; 
    display: inline-block; 
    height: 200px; 
    vertical-align: top;
}

.TechnologyHighlight a.HomePageRedesign:link span 
{
    font-size: 12pt;
}

a.HomePageRedesign:link, a.HomePageRedesign:visited, a.HomePageRedesign:hover, a.HomePageRedesign:active
{
    text-decoration: none;
    color: black;
    font-size: 17pt;
    font-family: Arial;
}

.SolutionsHolder
{
    margin-top: 35px;
    display: inline-block;
    width: 1024px;
    vertical-align: top;
    max-width: 100%;
}

.SolutionItemHolder
{
    width: 253px;
    display: inline-block;
    vertical-align: top;
}

.WhoWeAre
{
    width: 495px;
    height: auto;
}

.WhoWeAreHolder
{
    display: inline-block;
    width: 495px;
}

.WhoSolutionsNewsAnnualReportHolder 
{
    width: 1024px;
    display: block;
    max-width: 100%;
}

.HorizontalLinkButton1
{
    width: 495px;
    height: auto;
    margin-bottom: 15px;
}

.HorizontalLinkButtonHolder1
{
    display: inline-block;
    width: 495px;
    margin-left: 15px;
    position: relative;
    top: 15px;
}

.TechnologyHighlightsHolder1
{
    margin-top: 35px;
    display: block;
    width: 1024px;
    vertical-align: top;
    max-width: 100%;
}

.TechnologyHighlightsHeader
{
    margin-bottom: 15px;
    font-family: 'Heebo', sans-serif;
    font-size: 24pt;
    color: #900028;
    font-weight: 400;
}

.topTextHolder
{
    display: block;
    width: 70%;
    font-family: 'Heebo', sans-serif;
    font-size: 40pt;
    text-align: center;
    line-height: 1.15;
    font-weight: 900;
    margin-top: 15px;
}

.topTextHolder2
{
    display: block;
    width: 70%;
    text-align: center;
    font-family: Arial;
    font-size: 30pt;
    color: #900028;
}
/*
.backstretch-button-next, .backstretch-button-prev
{
    width: 27px;
    height: 100%;
    z-index: 60;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.backstretch-button-prev
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: -130px;
}
.backstretch-button-next
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: -130px;
}
*/
html, body
{
    height: 100%;
}
.swiper-slide
{
    background-size: 100% 100%;
    background-position: center;
}
.swiper-container-horizontal > div.swiper-pagination-bullets
{
    bottom: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet 
{
    margin: 0 12px;
    background: #fff;
}

    @media (max-width: 960px) {
        .SolutionsHolder {
            margin-top: 35px;
            display: inline-block;
            width: 510px;
            vertical-align: top;
        }
    }


    @media (max-width: 480px) {
        body.body {
            margin: 8px !important;
            -webkit-text-size-adjust: 100%;
        }

        .SolutionsHolder {
            margin-top: 35px;
            display: inline-block;
            width: 275px;
            vertical-align: top;
        }

        .SolutionItemHolder {
            width: 253px;
            display: inline-block;
            height: 210px;
            vertical-align: top;
        }

        .topTextHolder {
            display: block;
            width: 90%;
            font-family: 'Heebo', sans-serif;
            font-size: 26pt;
            text-align: center;
            line-height: 1.15;
            font-weight: 900;
            margin-top: 20px;
        }

        .topTextHolder2 {
            display: block;
            width: 90%;
            text-align: center;
            font-family: Arial;
            font-size: 22pt;
            color: #900028;
        }

        .WhoWeAre {
            width: 100%;
            height: auto;
        }

        .WhoWeAreHolder {
            width: 100%;
            margin-bottom: 15px;
        }

        .WhoSolutionsNewsAnnualReportHolder {
            margin-top: 5px;
            width: 100%;
            display: inline-block;
        }

        .HorizontalLinkButton1 {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
        }

        .HorizontalLinkButtonHolder1 {
            display: inline-block;
            width: 100%;
            margin: 0;
            top: 0;
        }

        .TechnologyHighlightsHolder1 {
            margin-top: 15px;
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }

        .TechnologyHighlightsHeader {
            margin-bottom: 15px;
            font-family: 'Heebo', sans-serif;
            font-size: 24pt;
            color: #900028;
            font-weight: 400;
        }

        .swiper-container {
            position: absolute;
            width: 100%;
            height: 660px;
            margin-left: auto;
            margin-right: auto;
        }

        #divFooter.divFooter {
            width: 100%;
            height: 40px;
            margin-left: 0px;
            margin-right: 0px;
            max-width: 600px;
        }

        .divFooterItems {
            width: 100%;
            height: 40px;
        }

        #divFooter .divFooterItem {
            height: 40px;
            margin-left: 15px;
        }

        #divFooter .divCopyright {
            text-align: center;
            width: 100%;
            float: none;
        }

        #divFooter .divSocial {
            margin-top: 20px;
            margin-bottom: 10px;
            width: 100%;
            text-align: center;
            height: 40px;
            float: none;
        }
    }