/* Container DIV - automatically generated */

.simply-scroll-container {
    position: relative;
}


/* Clip DIV - automatically generated */

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}


/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
}


/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */


/* Container DIV */

.simply-scroll {
    width: 576px;
    height: 200px;
    margin-bottom: 1em;
}


/* Clip DIV */

.simply-scroll .simply-scroll-clip {
    width: 576px;
    height: 200px;
}


/* Explicitly set height/width of each list item */

.simply-scroll .simply-scroll-list li {
    float: left;
    /* Horizontal scroll only */
    width: 290px;
    height: 200px;
}

.homepagebanner {
  
    background-image: url('images/Homepage_image2.png');
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.presentation {
    top: 10%;
}

.homebtn {
    border-radius: 5px;
    /*background-color: #4aa831;*/
    background-color: #3B3E45;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.mobile1 {
    display: none;
}

.mobile2 {
    display: none;
}

.desktop2 {
    display: none;
}

.mobile3 {
    display: none;
}

@media only screen and (min-width: 220px)and (max-width: 438px) {
    .mobile2 {
        display: none;
    }
    .video-container video {
        margin-left: 0%;
        margin-right: 45%;
        vertical-align: middle;
    }
    .mobile1 {
        display: block;
    }
    .desktop1 {
        display: none;
    }
    .desktop2 {
        display: none;
    }
    .mobile3 {
        display: none;
    }
    .seemore {
        text-align: center;
    }
    .homebtn {
        border-radius: 5px;
        background-color: #4aa831;
        border: none;
        color: white;
        padding: 3px 5px;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }
}

@media only screen and (min-width: 439px)and (max-width: 638px) {
    .mobile2 {
        display: none;
    }
    .desktop1 {
        display: none;
    }
    .video-container video {
        margin-left: -25%;
        margin-right: 3%;
        vertical-align: middle;
    }
    .seemore1 {
        text-align: center;
    }
    .mobile2 {
        display: block;
    }
    .desktop2 {
        display: none;
    }
    .mobile3 {
        display: none;
    }
}

@media only screen and (min-width: 638px)and (max-width: 738px) {
    .video-container video {
        margin-left: -18%;
        margin-right: 3%;
        vertical-align: middle;
    }
    .mobile1 {
        display: none;
    }
    .desktop1 {
        display: none;
    }
    .desktop2 {
        display: block;
    }
    .mobile2 {
        display: none;
    }
    .mobile3 {
        display: none;
    }
    .seemore2 {
        text-align: center;
    }
}

@keyframes workwith {
    from {
        right: -100%
    }
    to {
        right: 100%
    }
}

#animate {
    margin: 0 auto;
    position: relative;
    animation: workwith 100s linear infinite;
    animation-delay: 0s;
}

@media only screen and (min-width: 738px)and (max-width: 991px) {
    .mobile1 {
        display: none;
    }
    .desktop1 {
        display: none;
    }
    .desktop2 {
        display: none;
    }
    .mobile2 {
        display: none;
    }
    .mobile3 {
        display: block;
    }
}

@media only screen and (min-width: 220px)and (max-width: 738px) {
    .zoomin div {
        height: 74px;
        width: 100%;
    }
    .zoominzero div {
        height: 0px;
    }
    .zoominzero img {
        height: 0px;
    }
    .zoominzero video {
        height: 0px;
    }
    .zoominco div {
        background-color: #74a91a;
        display: inline-block;
        width: 120%;
        left: -30px;
    }
    .changeWidth table {
        width: 100%;
    }
    .appdemo {
        display: none;
    }
}

@media only screen and (min-width: 739px)and (max-width: 5560px) {
    .zoominzeroGmain div {
        height: 0px;
        width: 100%;
    }
    .zoominzero img {
        height: 64px;
        width: 112px;
    }
    .zoominzeroGpicsNavleft-right spnan {
        height: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 220px)and (max-width: 438px) {
    .video-container video {
        margin-left: 0%;
        margin-right: 0%;
        vertical-align: middle;
    }
    .productname {
        display: none;
        content: "";
    }
    .appdemo {
        display: none;
    }
    .appdemoshow {
        display: block;
    }
    .viewdesktop {
        display: none;
    }
}

@media only screen and (min-width: 439px)and (max-width: 638px) {
    .video-container video {
        margin-left: -25%;
        margin-right: 3%;
        vertical-align: middle;
    }
    .appdemo1 {
        display: none;
    }
    .appdemoshow1 {
        display: block;
    }
    .viewdesktop {
        display: none;
    }
}

@media only screen and (min-width: 638px)and (max-width: 738px) {
    .video-container video {
        margin-left: -18%;
        margin-right: 3%;
        vertical-align: middle;
    }
    .appdemo2 {
        display: none;
    }
    .appdemoshow2 {
        display: block;
    }
    .mobileview {
        display: none;
    }
}

@media only screen and (min-width: 739px)and (max-width :1206px) {
    .appdemo3 {
        display: none;
    }
    .appdemoshow3 {
        display: block;
    }
    .mobileview {
        display: none;
    }
}

@media only screen and (min-width: 1207px)and (max-width :50000px) {
    .appdemo31 {
        display: none;
    }
    .mobileview {
        display: none;
    }
}


/* Create three equal columns that floats next to each other */

.column9 {
    float: left;
    width: 50%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
}
.columnnav {
    float: left;
    width: 33%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
}
.columnm {
    float: left;
    width: 30%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
   
}
.columnf {
    float: left;
    width: 70%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
}
.columnmu {
    float: left;
    width: 40%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
}
.columnfe {
    float: left;
    width: 60%;
    /*padding: 5px;*/
    /* background-color: #ccc; */
    /* height: 250px; */
}
.column10 {
    float: left;
    width: 100%;
   
}

.column9 a {
    float: none;
    /* color: black; */
    padding: 5px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.column10 a {
    float: none;
 font-size: 15px;
    text-decoration: none;
    display: block;
    text-align: center;
}


/* .column a:hover {
    background-color: #ddd;
} */


/* Clear floats after the columns */

.row:after {
    content: "";
    display: table;
    clear: both;
}

        
        .support a {
            color: #74a91a!important;
            font-size: 16px;
            font-family:Arial,Helvetica, sans-sarif; 
            text-align: center !important;
        }
        
        .support a:hover{
/*            color: #4CAF50!important;
            font-size: 17px;*/
font-weight: bolder;
/*font-weight: 800px;*/
        }

   .image-radius{
            border-radius: 20px;
        }