html
{
    scroll-behavior: smooth;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 16px;
}

.logo
{
    position:relative;
    top:10px;
    width:120px;
}

.logofooter
{
    top:2px !important;
}

.period {
    display: none;
}

.euro
{
    display:inline;
  
}

.formnoborder
{
    margin:0px;
    padding:0px;
    border:0px;
    display:inline;
   
}

a {
    color: #0088ff;
    color: #2D64FF;
    text-decoration: none;
}

.TitleScadinavian
{
    font-size:18px;
   
    margin-top:-20px;
    margin-bottom:20px;
}

 

.LinkToTop {
    display: flex;
    align-items: center;
    max-width: 70px;
}

.svgUp
{
    pointer-events:none;
}

 

@media (min-width: 0px)
{
    .Logo1
    {
        font-size: 16px;
        padding: 7px;
    }
}

@media (max-width: 600px)
{
    .Logo1
    {
        font-size: 14px;
        padding: 5px;
    }
}

div,
img,
a
{
    box-sizing: border-box;
    outline: none;
    position: relative;
}

img {
    display: block;
    border: none !important;
}

.logoLink {
    cursor: pointer;
}

.homeEkstraLineHeight
{
  height:2px;
   
}
 

.ContactAndPricing .PageContent > .Center > div {
    max-width: 700px;
}

@media (min-width: 0px)
{
    .ContactAndPricing .PageContent > .Center > div:nth-child(2)
    {
        padding-top: 30px;
    }
}

@media (max-width: 600px)
{
    .ContactAndPricing .PageContent > .Center > div:nth-child(2)
    {
        padding-top: 20px;
    }

    .TitleScadinavian {
     
        margin-top: 0px;
        margin-bottom: 20px;
    }

}

.priceTable
{
    display: table;
    position: relative;
}

.priceTableTR
{
    display: table-row;
}

.priceTableTD1
{
    display: table-cell;
    border-bottom: 2px solid transparent;
}

.priceTableTD2
{
    display: table-cell;
    border-left: 10px solid transparent;
    vertical-align: middle;
}

@media (max-width: 340px)
{
    .priceTableTD1
    {
        max-width: 130px;
    }
}

.Features .PageContent > .Center img
{
    background-color: white !important;
}

@media (min-width: 0px)
{
    .Features .PageContent > .Center > div:nth-child(2) > div:first-child
    {
        padding-top: 50px;
    }
}

@media (max-width: 600px)
{
    .Features .PageContent > .Center > div:nth-child(2) > div:first-child
    {
        padding-top: 30px;
    }
}

.Features .PageContent > .Center > div:nth-child(2) > div
{
    max-width: 700px;
}

.Feature
{
    margin-right: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

@media (max-width: 600px)
{
    .Feature
    {
        margin-right: 0px;
    }

        /*every div that is the first child of its parent. If parent is .Feature*/
        .Feature > div:nth-child(1)
        {
            display: none;
        }
}

.Feature > div:nth-child(1) > img
{
    width: 48px;
    height: 48px;
    margin-right: 15px;
    margin-top:-3px;
    flex: 0 0 auto;
}

/*every div that is the second child of its parent . If parent is .Feature*/
.Feature > div:nth-child(2)
{
    flex: 0 1 100%;
    display: inline-flex; /*flex;*/
    flex-direction: column;
}

    .Feature > div:nth-child(2) > .Title
    {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .Feature > div:nth-child(2) > .Text:not(:last-child)
    {
        margin-bottom: 15px;
    }


.FeatureLinkList
{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    user-select:none;
}

@media (min-width: 0px)
{
    .FeatureLinkList
    {
        width: calc(100% + 30px);
        margin-bottom: -20px;
        margin-right: -20px;
    }
}

@media (max-width: 700px)
{
   

    .FeatureLinkList
    {
        width: calc(100% + 20px);
        margin-bottom: -10px;
        margin-right: -10px;
    }
}

.FeatureLinkList > .FeatureLink
{
    display: flex;
    padding: 10px;
    align-items: center;
}

@media (min-width: 0px)
{
    .FeatureLinkList > .FeatureLink
    {
        width: calc(33% - 10px);
        margin-bottom: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 700px)
{
    .FeatureLinkList > .FeatureLink
    {
        width: calc(50% - 0px);
        margin-bottom: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 500px)
{
    .FeatureLinkList > .FeatureLink
    {
        width: calc(100% - 0px);
        margin-bottom: 0px;
        margin-right: 0px;
    }

  
}

.seepricing {
    display: none;
}

@media (max-width: 500px) {
    .seepricing {
        display:inline-block;
    }
}



@media (max-width: 356px) {
    .homeEkstraLineHeight {
        height: 6px;
    }
}

    .FeatureLinkList > .FeatureLink > div:nth-child(1) > img {
        width: 48px;
        height: 48px;
    }

    .FeatureLinkList > .FeatureLink > div:nth-child(2) {
        padding-left: 10px;
    }

.Footer1 {
    width: 100%;
    background-color: #006699;
    background-color: #0974a7;
    font-size: 14px;
}

        .Footer1 > div {
        }

        .Footer1 > .FooterTop {
            background-color: rgba(255, 255, 255, 0.1);
        }

            .Footer1 > .FooterTop > div {
                display: flex;
                align-items: center;
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .Footer1 > .FooterBottom {
            display: flex;
            padding-top: 10px;
            padding-bottom: 40px;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .Footer1 > .FooterBottom > div {
                white-space: nowrap;
                padding: 10px;
                padding-bottom: 0;
            }

            .Footer1 > .FooterBottom > .Box1 {
                color: rgba(255, 255, 255, 0.5);
                display: flex;
                flex-direction: column;
            }

            .Footer1 > .FooterBottom > .Box2 {
                color: rgba(255, 255, 255, 0.5);
                /*display: flex;
            flex-direction: column;*/
                margin-right: auto;
            }

                .Footer1 > .FooterBottom > .Box2 > div {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                }

                    .Footer1 > .FooterBottom > .Box2 > div > a {
                        color: rgba(255, 255, 255, 1) !important;
                    }

            .Footer1 > .FooterBottom > .Box3 {
                color: rgba(255, 255, 255, 0.5);
                text-align: right;
            }

                .Footer1 > .FooterBottom > .Box3 > a {
                    color: rgba(255, 255, 255, 1) !important;
                }

    @media (max-width: 700px) {
        .Footer1 > .FooterBottom > .Box3 {
            text-align: left;
        }
    }
.Box3 {
     
    white-space:normal !important;
}

.Header1 > div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

        .Header1 > div:nth-child(1) > div {
            width: 800px;
            display: flex;
            align-items: center;
        }

    @media (min-width: 0px) {
        .Header1 > div:nth-child(1) {
            height: 60px;
        }
    }

    @media (max-width: 600px) {
        .Header1 > div:nth-child(1) {
            height: 40px;
        }
    }

    .Header1 > div:nth-child(2) {
        display: flex;
        justify-content: center;
    }

    @media (min-width: 0px) {
        .Header1 > div:nth-child(2) {
            height: 80px;
        }
    }

    @media (max-width: 600px) {
        .Header1 > div:nth-child(2) {
            height: 70px;
        }
    }

    .Header1 > div:nth-child(2) > div {
        width: 800px;
        display: flex;
    }

        .Header1 > div:nth-child(2) > div > div {
            height: 100%;
            display: flex;
            align-items: center;
        }

            .Header1 > div:nth-child(2) > div > div > a {
                display: flex;
                align-items: center;
            }



    @media (min-width: 0px) {
        #Layout1.Index .aIndex,
        #Layout1.Features .aFeatures,
        #Layout1.Screenshots .aScreenshots,
        #Layout1.ContactAndPricing .aContactAndPricing {
            color: #0088ff;
            color: #2D64FF;
        }

        .menulink > br {
            display: none;
        }

        .Header1 > div:nth-child(2) > div {
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
        }

            .Header1 > div:nth-child(2) > div > div:nth-child(1) {
                margin-right: 10px;
            }
    }

    @media (max-width: 730px) {
        .Header1 > div:nth-child(2) > div > div:nth-child(1) {
            width: 100%;
            margin-right: 0px;
        }

        .Header1 > div:nth-child(2) > div > div:nth-child(2) {
            display: none;
        }
    }

    @media (max-width: 400px) {
        .Header1 > div:nth-child(2) > div > div:nth-child(1) {
            justify-content: space-between;
        }
    }

.menulink {
    white-space: nowrap;
    color: black;
    user-select:none;
}

.whiteFooterLink {
    user-select: none;
}

@media (min-width: 0px) {
    .menulink {
            font-size: 16px;
            margin: 10px;
        }

        .menuLinkOuther{

        }
        /*.Header1 > div:nth-child(2) > div > div:nth-child(1) > a.linkCompressed
        {
            display: none;
        }*/
        .menuLinkFirst {
            margin-left: 0px;
        }

        .menuLinkLast {
            margin-right: 0px;
        }
    }

    @media (max-width: 660px) {
        .Header1 > div:nth-child(2) > div > div:nth-child(1) {
       
        }

        .logo {
            position: relative;
            top: 0px;
            width: 100px;
        }

        .menulink {
            padding: 0px;
        }

        .menuLinkFirst {
            margin-left: 0px;
        }

        .menuLinkLast {
            margin-right: 0px;
        }
    }



    @media (max-width: 650px) {
        .Header1 > div:nth-child(2) > div > div:nth-child(1) {
            justify-content: flex-start;
            flex-wrap: wrap;
            align-content: center;
            margin-right: -3px;
            margin-bottom: -3px;
        }

        .menulink {
            margin: 0px;
            margin-right: 3px;
            margin-bottom: 3px;
        }

        .Header1 > div:nth-child(2) > div > div:nth-child(1)::after {
            content: '';
            width: 100%;
        }

        .menuLinkOutherIndex {
            margin-left: -2px;
        }

        .menuLinkOutherReferences {
            order: 1; /*virker ikke p.t.*/
            margin-left: -2px;
        }

        .menuLinkOutherContactAndPricing {
            order: 2; /*virker ikke p.t.*/
        }

        .menuLinkLast {
            margin-right: 0px;
        }

        .menuLinkOuther {
            background-color: rgba(0, 136, 255, 0.1);
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 6px;
            padding-right: 6px;
            border-top: 2px solid white;
            border-bottom: 2px solid white;
            border-left: 2px solid white;
            border-right: 2px solid white;
        }

        #Layout1.Index .aIndex.menuLinkOuther,
        #Layout1.Features .aFeatures.menuLinkOuther,
        #Layout1.Screenshots .aScreenshots.menuLinkOuther,
        #Layout1.ContactAndPricing .aContactAndPricing.menuLinkOuther {
            background-color: red;
            border: 10px solid red;
        }

        #Layout1.Index .menuLinkOutherIndex,
        #Layout1.Features .menuLinkOutherFeatures,
        #Layout1.Screenshots .menuLinkOutherScreenshots,
        #Layout1.ContactAndPricing .menuLinkOutherContactAndPricing {
            background-color: rgba(0, 136, 255, 0.60);
        }

        .menulink { /*mobile button links*/
            font-weight: normal;
            color: #0088ff;
            color: #2D64FF;
            padding: 0px;
            height: unset;
            flex-grow: 0;
            justify-content: center;
            font-size: 15px;
        }



        #Layout1.Index .aIndex,
        #Layout1.Features .aFeatures,
        #Layout1.Screenshots .aScreenshots,
        #Layout1.ContactAndPricing .aContactAndPricing {
            color: white;
        }
    }

@media (max-width: 310px) {
    .menuLinkOuther {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .menulink {
        font-size: 14px;
    }
}

@media (max-width: 290px) {
    .menuLinkOuther {
        padding-top: 1px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .menulink {
        font-size: 13px;
    }
}

@media (max-width: 290px) {
    .menuLinkOuther {
        padding-top: 1px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border-width:1px;
    }

    .menulink {
        font-size: 11px;
    }

    .menuLinkOutherIndex {
        margin-left: -1px;
    }

    .menuLinkOutherReferences {
        order: 1; /*virker ikke p.t.*/
        margin-left: -1px;
    }
}

.Header1 > div:nth-child(2) > div > div:nth-child(2) > a {
    border: 1px solid #0088ff;
    border: 1px solid #2D64FF;
    color: #0088ff;
    color: #2D64FF;
    margin-right: 0px;
    padding: 5px;
    font-size: 14px;
    display: none;
}



    .Index .PageContent > .Center > .Section:first-child {
        max-width: 700px;
    }

        .Index .PageContent > .Center > .Section:first-child > .Title {
            /*opacity: 0.33;*/
        }

    .ReferenceList {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-top: -10px;
    }

    @media (min-width: 0px) {
        .ReferenceList {
            width: calc(100% + 30px);
            margin-bottom: -20px;
            margin-right: -20px;
        }
    }

    @media (max-width: 600px) {
        .ReferenceList {
            width: calc(100% + 20px);
            margin-bottom: -10px;
            margin-right: -10px;
        }
    }

    .ReferenceList > .Reference {
        display: flex;
        padding: 10px;
        font-size: 14px;
    }

    @media (min-width: 0px) {
        .ReferenceList > .Reference {
            width: calc(50% - 10px);
            margin-bottom: 10px;
            margin-right: 10px;
        }
    }

    @media (max-width: 600px) {
        .ReferenceList > .Reference {
            width: calc(100% - 0px);
            margin-bottom: 0px;
            margin-right: 0px;
        }
    }

    .ReferenceList > .Reference > div:nth-child(1) > div {
        display: flex;
        align-items: center;
        padding: 5px;
        /*background-color: @gray1_003;*/
        border: 1px solid rgba(0, 0, 0, 0.1);
        width: 85px;
        height: 85px;
        justify-content: center;
    }

        .ReferenceList > .Reference > div:nth-child(1) > div > img {
            height: auto;
            max-height: 100%;
            width: auto;
            width: 100%;
            max-width: 100%;
            background-color: transparent !important;
        }

    .ReferenceList > .Reference > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        padding-left: 10px;
        max-width: calc(100% - 90px);
        font-size: 14px;
    }

        .ReferenceList > .Reference > div:nth-child(2) > *:not(:first-child) {
            /*opacity: 0.5;*/
        }

        .ReferenceList > .Reference > div:nth-child(2) > div,
        .ReferenceList > .Reference > div:nth-child(2) > a {
            max-width: 100%;
        }

        .ReferenceList > .Reference > div:nth-child(2) > a {
            word-break: break-all;
        }



    #Layout1 {
        background-color: rgba(0, 0, 0, 0.03);
        width: 100%;
        min-height: 100%;
        overflow-y: scroll;
        min-width: 200px;
        display: flex;
        justify-content: center;
    }

        #Layout1 > #Container {
            width: 100%;
            min-height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 900px;
        }

    @media (min-width: 0px) {
        #Layout1 > #Container {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media (max-width: 600px) {
        #Layout1 > #Container {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    #Layout1 > #Container > div {
        width: 100%;
    }

    #Layout1 > #Container > #Header,
    #Layout1 > #Container > #Content,
    #Layout1 > #Container > #Footer {
        background-color: white;
    }

    @media (min-width: 0px) {
        #Layout1 > #Container > #Header,
        #Layout1 > #Container > #Footer > .Footer1 > .FooterTop,
        #Layout1 > #Container > #Footer > .Footer1 > .FooterBottom {
            padding-left: 50px;
            padding-right: 50px;
        }

        #Layout1 > #Container > #Footer > .Footer1 > .FooterBottom {
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    @media (max-width: 600px) {
        #Layout1 > #Container > #Header,
        #Layout1 > #Container > #Footer > .Footer1 > .FooterTop,
        #Layout1 > #Container > #Footer > .Footer1 > .FooterBottom {
            padding-left: 20px;
            padding-right: 20px;
        }

        #Layout1 > #Container > #Footer > .Footer1 > .FooterBottom {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

#Layout1 > #Container > #Content a,
#Layout1 > #Container > #Footer a {
    color: #0088ff;
    color: #2D64FF;
}

    #Layout1 > #Container > #Content {
        flex-grow: 1;
    }

    @media (min-width: 0px) {
        #Layout1 > #Container > #Content > .TopBox,
        #Layout1 > #Container > #Content > .TopBox2,
        #Layout1 > #Container > #Content > .PageContent {
            padding-left: 50px;
            padding-right: 50px;
        }
    }

    @media (max-width: 600px) {
        #Layout1 > #Container > #Content > .TopBox,
        #Layout1 > #Container > #Content > .TopBox2,
        #Layout1 > #Container > #Content > .PageContent {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    #Layout1 > #Container > #Content > .TopBox {
        background-color: #57d68c;
        color: white;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #Layout1 > #Container > #Content > .TopBox > div {
            width: 100%;
            max-width: 800px;
        }

            #Layout1 > #Container > #Content > .TopBox > div > div:not(:last-child) {
                padding-bottom: 10px;
            }

            #Layout1 > #Container > #Content > .TopBox > div > div:nth-child(1) {
                /*font-weight: bold;*/
                font-size: 28px;
            }

            #Layout1 > #Container > #Content > .TopBox > div > div:nth-child(2) {
                font-size: 24px;
            }

    #Layout1.Index > #Container > #Content > .TopBox > div > div:nth-child(1) {
        font-weight: bold;
    }


    #Layout1 > #Container > #Content > .TopBox2 {
        background-color: #2CAF99;
        color: white;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #Layout1 > #Container > #Content > .TopBox2 > div {
            width: 100%;
            max-width: 800px;
            font-size: 18px;
        }

            #Layout1 > #Container > #Content > .TopBox2 > div > div:not(:last-child) {
                padding-bottom: 15px;
            }

            #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(1) {
            }

            #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(2) {
                padding-bottom: 20px;
            }

            #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(3) {
                margin: -5px;
                display: flex;
                flex-wrap: wrap;
            }

                #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(3) > form > a {
                    display: inline-block;
                    border: 1px solid white;
                    padding: 10px;
                    padding-left:20px;
                    padding-right:20px;
                    flex-grow: 0;
                    flex-shrink: 1;
                    min-width:100px;
                    max-width: 360px;
                    text-align: center;
                    color: white !important;
                    margin: 5px;
                    user-select:none;
                }

    @media (max-width: 360px) {
        #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(3) > a {
            flex-basis: 100%;
            max-width: unset;
        }
    }

    #Layout1 > #Container > #Content > .PageContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px;
    }

        #Layout1 > #Container > #Content > .PageContent > div {
            width: 100%;
            max-width: 800px;
        }


    @media (min-width: 0px) {
        .Section:not(:first-child),
        .Feature:not(:first-child),
        .PageContent:not(:first-child) {
            padding-top: 40px;
        }
    }

@media (max-width: 600px) {

 


    .Section:not(:first-child),
    .Feature:not(:first-child),
    .PageContent:not(:first-child) {
        padding-top: 20px;
    }

    #Layout1 > #Container > #Content > .TopBox2 > div > div:nth-child(3) > form > a {
        min-width: 180px;
        max-width: 380px; 
       
    }
}

    .Section > .Title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .Section > .SubTitle {
        margin-bottom: 20px;
        font-weight: bold;
    }

    .Section > .Text:not(:last-child) {
        margin-bottom: 10px;
    }

    .Section > .Section {
        padding-top: 0px;
    }

        .Section > .Section:not(:first-child) {
            padding-top: 20px;
        }



    .Screenshots .PageContent > .Center > .Section:nth-child(1) a {
        display: block;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade2 > * {
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-name: fade2;
        animation-name: fade2;
        visibility: hidden;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

        .Screenshots .PageContent > .Center .Screenshot_Fade2 > *:not(:first-child) {
            position: absolute;
            left: 0;
            top: 0;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade2 > *:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade2 > *:nth-child(2) {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

    .Screenshots .PageContent > .Center .Screenshot_Fade3 > * {
        -webkit-animation-duration: 6s;
        animation-duration: 6s;
        -webkit-animation-name: fade3;
        animation-name: fade3;
        visibility: hidden;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

        .Screenshots .PageContent > .Center .Screenshot_Fade3 > *:not(:first-child) {
            position: absolute;
            left: 0;
            top: 0;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade3 > *:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade3 > *:nth-child(2) {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade3 > *:nth-child(3) {
            -webkit-animation-delay: 4s;
            animation-delay: 4s;
        }

    .Screenshots .PageContent > .Center .Screenshot_Fade5 > * {
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-name: fade5;
        animation-name: fade5;
        visibility: hidden;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:not(:first-child) {
            position: absolute;
            left: 0;
            top: 0;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:nth-child(2) {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:nth-child(3) {
            -webkit-animation-delay: 4s;
            animation-delay: 4s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:nth-child(4) {
            -webkit-animation-delay: 6s;
            animation-delay: 6s;
        }

        .Screenshots .PageContent > .Center .Screenshot_Fade5 > *:nth-child(5) {
            -webkit-animation-delay: 8s;
            animation-delay: 8s;
        }




.smsLargerLink
{
    padding-top:15px;
    text-align:left;
 
    width:100%;
}

.Screenshots .PageContent > .Center .Screenshot_Fade6 > * {
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-name: fade6;
    animation-name: fade6;
    visibility: hidden;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:not(:first-child) {
        position: absolute;
        left: 0;
        top: 0;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(2) {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(3) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(4) {
        -webkit-animation-delay: 6s;
        animation-delay: 6s;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(5) {
        -webkit-animation-delay: 8s;
        animation-delay: 8s;
    }

    .Screenshots .PageContent > .Center .Screenshot_Fade6 > *:nth-child(6) {
        -webkit-animation-delay: 10s;
        animation-delay: 10s;
    }

      

    @-webkit-keyframes fade2 {
        0% {
            visibility: visible;
        }

        50% {
            visibility: hidden;
        }
    }

    @keyframes fade2 {
        0% {
            visibility: visible;
        }

        50% {
            visibility: hidden;
        }
    }

    @-webkit-keyframes fade3 {
        0% {
            visibility: visible;
        }

        33.3333333333% {
            visibility: hidden;
        }
    }

    @keyframes fade3 {
        0% {
            visibility: visible;
        }

        33.3333333333% {
            visibility: hidden;
        }
    }

    @-webkit-keyframes fade4 {
        0% {
            visibility: visible;
        }

        25% {
            visibility: hidden;
        }
    }

    @keyframes fade4 {
        0% {
            visibility: visible;
        }

        25% {
            visibility: hidden;
        }
    }

    @-webkit-keyframes fade5 {
        0% {
            visibility: visible;
        }

        20% {
            visibility: hidden;
        }
    }

    @keyframes fade5 {
        0% {
            visibility: visible;
        }

        20% {
            visibility: hidden;
        }
    }

@-webkit-keyframes fade6 {
    0% {
        visibility: visible;
    }

    16.66667% {
        visibility: hidden;
    }
}

@keyframes fade6 {
    0% {
        visibility: visible;
    }

    16.66667% {
        visibility: hidden;
    }
}

    .ScreenshotSection {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .ScreenshotSection > .Title {
            margin-bottom: 10px;
            text-align: center;
        }

        .ScreenshotSection > .Background {
            background-color: rgba(0, 0, 0, 0.1);
            /*border: 1px solid @gray1_005;*/
            width: 100%;
            min-height: 100px;
            display: flex;
            padding: 10px;
            align-items: center;
            justify-content: center;
        }

    @media (max-width: 920px) {
        .ScreenshotSection > .Background {
            flex-wrap: wrap;
        }
    }

    .ScreenshotSection > .Background > .Arrow {
        display: flex;
        justify-content: center;
        opacity: 0.20;
        width: 40px;
    }

    @media (max-width: 920px) {
        .ScreenshotSection > .Background > .Arrow {
            width: 100%;
        }
    }

    .ScreenshotSection > .Background .Screenshot {
        margin: 10px;
        max-width: 100%;
    }

        .ScreenshotSection > .Background .Screenshot img {
            max-height: 300px;
            max-width: 100%;
        }

    @media (min-width: 0px) {
        .ScreenshotSection:not(:last-child) {
            padding-bottom: 40px;
        }
    }

    @media (max-width: 600px) {
        .ScreenshotSection:not(:last-child) {
            padding-bottom: 20px;
        }
    }

    .phonenumlink {
        color: rgb(0, 0, 0) !important;
        text-decoration: none;
        cursor: default;
    }

    .phonenumlinkFooter {
        color: white !important;
        text-decoration: none;
        cursor: default;
    }

    @media (max-width: 800px) {

        .phonenumlink {
            color: #0088ff !important;
            color: #2D64FF !important;
            text-decoration: none !important;
            cursor: initial !important;
        }

        .phonenumlinkFooter {
            color: white !important;
            color: red !important;
            text-decoration: none !important;
            cursor: initial !important;
        }
    }


    .imageHolder
    {
        display:flex;
         
    }



.andersboth
{
    width:150px;
}

.SectionAndersBoth {
    padding-left: 20px;
    padding-left: 0px;
}

.SectionAndersBoth .Text
{
    margin-bottom:10px;
}

.TextItalic
{
    margin-top:10px;
    font-style:italic;
}

.TextTrafic {
    margin-bottom: 8px;
   
}

.TextTraficLast {
     
}

@media (max-width: 490px) {
    .andersboth {
        width: 125px;
        margin-top: 5px;
    }

    .imageHolder {
        display: flex;
        flex-direction: column;
        
    }

    .SectionAndersBoth {
        padding-left: 0px;
        padding-top:0px;
        order:1;
    }

    .imageContainer
    {
        order:2;
    }
}