.lg01{margin-top:30px}
.txt01{font-size: 19px;font-weight:bolder;line-height: 22px;display: inline-block}
.txt02{font-size: 80px;color: #2b61a7;font-family: arial;font-weight: 900;margin-top: 30px;;width:80%}
.txt03{font-size: 30px;color: #2b61a7;font-family: arial;font-weight: 700;width:80%}
.al01{text-align: center}
.lg02{width:90%}
#dif01{background:rgba(255, 255, 255, 0.33);position: fixed;z-index: 1000;width: 100%;height: 100%;}
#textos{text-align: center}
#conte{position: absolute;top: 2%;margin: 30px}
#contact-form{margin-top: 0px}
.fp-slidesNav{top:44%}
.video-presentation iframe {
    width: 30vw; 
    height: 21.25vw;
}
#preloader{
    background: url(../images/bg_preloader2.jpg) center center no-repeat;
    background-size: cover;
}
h1,h2,h3{margin-bottom: 5px}

@media (max-width: 1140px) {
    .fp-slidesNav{top:46%}    
}
@media (max-width: 1111px) {
    .lg02{width:100%}    
}
@media (max-width: 1024px) {
    #preloader{
        background: url(../images/bg_preloader2.jpg) center center no-repeat;
        background-size: cover;
    }
}
@media (max-width: 870px) {
    h1,h2,h3{font-size: 40px;line-height: 37px}
    .c01{margin-top:0px}
    .tabs{width:100%}
    .tabs nav ul li {display: grid;}
    .box{font-size: 22px}
    .video-presentation iframe {
        width: 90vw; 
        height: 56.25vw;
    }
    .simple-button {
     float: none;
     display: block;
     font-size: 16px;
     max-width: 85%;
     margin: 25px auto;
     padding: 10px 15px;
    }
    .tooltip-inner .icon{display: none}
    .fp-slidesNav{top:42%}
    .active .screenshots-wrapper {
        max-width: 100%;
        margin-top: -25%;
        margin-right: -15%;
    }
    .aj01{
        margin-top: 60px;
    }
}
@media (max-width: 640px) {
    .b1{display: none}    
    .features{width:100% !important}
    .active .screenshots-wrapper {
        max-width: 100%;
        margin-top: -50%;
        margin-right: -30%;
    }
}
@media (max-width: 511px) {
    .lg01{width:100%}
}
@media (max-width: 480px) {
    #dif01{background:rgba(255, 255, 255, 0.52);}
    .txt02, .txt03{width:100%}
    .txt02{margin-top:40%}
    #conte{top: 0;margin: 15px}
}
@media (max-width: 380px) {
   .box{font-size: 18px}
    .active .screenshots-wrapper {
        max-width: 100%;
        margin-top: -50%;
        margin-right: -33%;
    }       
}
@media (max-width: 360px) {
    .br01{display: none}
    h1,h2,h3{font-size: 34px;line-height: 29px}
    .box{font-size: 16px}
    .active .screenshots-wrapper {
        max-width: 100%;
        margin-top: -60%;
        margin-right: -35%;
    }
}