@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600');
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 500;
    src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CLMItyTA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 500;
    src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CFMIs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CLMItyTA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(https://fonts.gstatic.com/s/dosis/v8/HhyXU5sn9vOmLzG3L-CFMIs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* GERAL */

body{
    margin:0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
}

a{
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6,
footer,
nav,
.btn{
    font-family: 'Dosis', sans-serif;
}

/* BOTOES */
.btn{
    padding: 0.375em 1.4em;
    padding-bottom: 0.5625em;
    margin: 0 0.1875em;
    font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: middle;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    position:relative;
    text-decoration: none;
    text-transform: lowercase;
    border-radius: 1.875em;
    cursor: pointer;
    letter-spacing: 1.2px;
    border: none;
    font-weight: 500;
}
.btn-green{
    color: #ffffff;
    background-color: #1ca538;
}
.btn-green:hover{
    background-color: #ffffff;
    box-shadow: inset 9.375em 0 0 0 #ffffff;
    color: #1ca538;
}
.btn-white{
    color: #1ca538;
    background-color: #fafafa;
}
.btn-white:hover{
    background-color: #1ca538;
    box-shadow: inset 9.375em 0 0 0 #1ca538;
    color: #ffffff;
    letter-spacing: 1.4px;
}

/*//////////////////////////////////////// INDEX/HOME */
#section01{
    color: #ffffff;
}
#section02 img{
    margin-top: 4em; /*10vh*/
    margin-bottom: 1.5625em; /*4vh*/
}
#section02 .btn{
    margin-top: 1.5625em; /*4vh*/
}

#section03 .btn{
    margin-bottom: 1em;
}

/*//////////////////////////////////////// PRODUCT */
#section11{
    padding-bottom: 2.5em;
}
#section11 h2,
#section14 h1{
    color: #1ca538;
}

.s1{
    color: #ffffff;
    text-align: center;
}
.s2{
    color: #ffffff;
    text-align: center;
}
.s3{
    color: #ffffff;
    text-align: center;
}
.s1 ul, 
.s2 ul, 
.s3 ul{
    text-align: center;
    margin: 2.5em 2.9em 3em 1.6em;
}
.s1 li, 
.s2 li, 
.s3 li{
    text-align: left;
    margin-bottom: 0.5em;
}

#section13{
    background-color: #107f59;
    background-image: linear-gradient(90deg, #199762, #107f59);
    padding: 5em 0;
}
#section14{
    background-color: #ffffff;
}
/*//////////////////////////////////////// RESULTS */
#section20{
    background-color: #107f59; 
    background-image: linear-gradient(200deg,  #107f59, #13444c); 
}
#section20 h3{
    font-size: 2.3em;
}
#section21 img{
    margin-top: 16em;
}
#section21 h2{
    color: #ffffff;
    margin-top: 1em;
}
#section25 img{
    margin-top: 3em;
}
#section25 .btn{
    margin-bottom: 3em;
}

/*//////////////////////////////////////// ABOUT */
#section31{
    width: auto;
    background-image: url(../media/foto/about_2.png);
    background-repeat: no-repeat;
    background-position: center left;
    color: #ffffff;
}

/*/////////////////////////////////////// CONTACT */
#section41 p > img{
    margin: 0 .3em;
    margin-top: -0.2em;
}

/*////////////////////////////////////// TRIAL */
#section51{
    background-color: #107f59; 
    background-image: linear-gradient(200deg,  #107f59, #13444c);
}
#section51 img{
    margin: 8em 0 1em 0em;
}
#section51 h4{
    color: #ffffff;
    margin-bottom: 2em;
}
#section51 .form-group{
    margin-left: auto;
    margin-right: auto;
}
/*////////////////////////////////////// THANKS */
#section61 p{
    font-family: "dosis";
    color: #ffffff;
    font-size: 3.5em;
    letter-spacing: 0.1em;
}
#section61 img{
    margin-top: 8em;
}

/*///////////////////////////////////////////////////////////////////////////// mobile*/
@media only screen and (max-width: 600px) {
    /* MENU MOBILE */
    .navbar-nav {
        text-align: center;
        letter-spacing: 1px;
        font-size: 1.8em;
    }
    .txtm{
        font-size: 1.1em;
        text-align: left;
        margin-left: 1em ;
    }
    .mnone{
        display: none;
    }
    /*//////////////////////////////////////// INDEX/HOME */
    #section01{
        height: 50em;
        width: auto;
        background-image: url(../media/foto/index_m.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }
    #section01 img{
        margin-top: 6em; /*15vh*/
        margin-bottom: 4em; /*10vh*/
    }
    #section01 .btn{
        margin-top: 6em; /*15vh*/
    }
    #section03{
        height: 50em;
        width: auto;
        background-image: url(../media/foto/van_transport_m.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    #section03 h3{
        font-size: 3em;
        color: #ffffff;
        margin-top: 4em; /*25vh*/
        margin-bottom: 3em; /*15vh*/
    }
    /*//////////////////////////////////////// PRODUCT */
    #section11 img{
        margin-top: 5em;
        margin-bottom: 1.2em;
    }
    #section11 h2{
        margin-bottom: 0.8em;
    }
    #section14{
        height: 51.6em;
        width: auto;
        background-image: url(../media/foto/product_m.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    #section14 h1{
        margin-top: 1.2em;
        margin-bottom: 1em ;
    }
    #section14 .btn{
        margin-top: 2em;
        margin-bottom:  2em;
    }
    /*//////////////////////////////////////// RESULTS */
    #section21{
        height: 50em;
        width: auto;
        background-image: url(../media/foto/results_m.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    #section20 h3, #section20 h1{
        margin: 2em 0 1.2em 0em;
        color: #ffffff;
    }
    .grph{
        width: 100vw;
        height: auto;
        margin-left: -1.9em;
    }

    /*///////////////////////////////////////// ABOUT */
    #section31{
        width: auto;
        background-image: url(../media/foto/about_2.png);
        background-repeat: no-repeat;
        background-position: center left;
        color: #ffffff;
    }
    #section31 img{
        margin-top: 9em;
        margin-bottom: 1.2em;
    }
    #section31 h2{
        margin-bottom: 1em;
    }
    #section31 .btn{
        margin-top: 1em;
    }
    #section31 .col{
        margin-bottom: 3em;
    }

    /*////////////////////////////////////// CONTACT */
    #section41{
        background-image: url(../media/foto/contact_m.png);
        background-repeat: no-repeat;
        background-position: center;
        color: #ffffff;
    }
    #section41 img.logo{
        margin-top: 9em;
        margin-bottom: 1.2em;
    }
    #section41 h2{
        margin-bottom: 1em;
    }  
    .square{
        background-color: rgba(16,127,89,0.7);/*107f59*/
        background-image: linear-gradient(200deg,  rgba(16,127,89,0.8), rgba(19,68,76,0.8)); /*13444c*/
        border: none;
        padding: 1em;
        padding-top: 1.7em;
        margin: 1em 1em;
    }
    #section41 .btnc{
        text-align: center;
        margin-top: 2em;
        margin-bottom: 3em;
    }
    /*////////////////////////////////////// TRIAL */
    #section51 .btn{
        margin: 1em 0 2em 0;
    }
    #section51 img{
        margin-bottom: 3em;
    }
    /*////////////////////////////////////// THANKS */
    #section61{
        height: 46.8em;
        width: auto;
        background-image: url(../media/foto/thanks_m.png);
        background-repeat: no-repeat;
        background-position: bottom right;
    }
}

/*///////////////////////////////////////////////////////////////////////////// desktop*/
@media only screen and (min-width: 601px) {
    .dnone{
        display: none;
    }
    /*//////////////////////////////////////// INDEX/HOME */
    #section01{
        height: 50em;
        width: auto;
        background-image: url(../media/foto/index.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }
    #section01 img{
        margin-top: 12em; /*15vh*/
        margin-bottom: 20em; /*10vh*/
    }
    #section01 .btn{
        margin-top: 2em; /*15vh*/
        text-align: left;
    }
    #section02  .vsl{
        width: 10em;
        margin-top: 2em;
    }
    #section03{
        height: 50em;
        width: auto;
        background-image: url(../media/foto/van_transport-01.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }
    #section03 h3{
        font-size: 4em;
        color: #ffffff;
        margin-top: 4em; /*25vh*/
        margin-bottom: 3em; /*15vh*/
    }
    #section02 p{
        text-align: left;
        font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));
    }
    /*//////////////////////////////////////// PRODUCT */
    #section11{
        margin: 8em 0 3em 0;
    }
    #section11 img{
        margin: 1em;
    }
    #section11 h2{
        margin: 1em 3em 2em 3em;
        line-height: 1.5em;
    }
    #section11 .container-fluid,
    #section14 .container-fluid{
        margin: 0;
        padding: 0;
    }
    #section13,section14 {
        background-color: #107f59; 
        background-image: linear-gradient(200deg,  #107f59, #13444c); 
    }
    .fyft{
        color: #000000;
        padding-left: 3em;
        padding-right: 3em;
        margin: 2.2em 0;
    }
    .fyft h1{
        margin-bottom: 1.2em;
    }
    .fyft .btn{
        margin-top: 2em;
    }
    #section14 .txtm{
        text-align: left;
        font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));
    }
    /*//////////////////////////////////////// RESULTS */
    #section21{
        height: 60em;
        width: auto;
        background-image: url(../media/foto/results.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    #section20 h1{
        margin: 2em 0 1.2em 0em;
        color: #ffffff;
    }
    #section22,
    #section23,
    #section24{
        background-color: #fff;
        color: #1ca538;
        margin: 10em 0;
    }
    #section24{
        margin-bottom: 2em;
    }
    h3{
        margin: 1em 0;
    }
    .grph{
        width: 40em;
        height: auto;
    }
    /*/////////////////////////////////////// ABOUT */ 
    #section31{
        width: auto;
        background-image: url(../media/foto/about.png);
        background-repeat: no-repeat;
        background-position: center center;
        color: #ffffff;
    }
    #section31{
        padding-top: 8em;
    }
    #section31 .l3{
        margin-top: 2em;
    }
    #section31 h2{
        margin-top: 1em;
        margin-bottom: 2em;
    }
    #section31 p{
        text-align: left;
        font-size: 1.3em
    }
    #section31 .btn{
        margin: 3em;
    }

    /*/////////////////////////////////////// CONTACT */    
    #section41{
        background-image: url(../media/foto/contact.png);
        background-repeat: no-repeat;
        background-position: center;
        color: #ffffff;
    }
    #section41 img.logo{
        margin-top: 8em;
    }
    #map{
        margin-top: 3em;
        width: 46em;
        height: 28em;
        z-index: 1000;
    }
    .square{
        position: absolute;
        margin-left: 63%;
        margin-top: -18em;
        width: 16em;
        color: #ffffff;
        background-color: #17915d;
        background-image: linear-gradient(-90deg, #0a4250, #17915d);
        z-index: 2000;
        padding: 2em;
    }
    #section41 .btnc{
        text-align: center;
        margin: 3em;
    }

    /*////////////////////////////////////// TRIAL */ 
    #section51 .btn{
        margin: 2em 0 1em 0;
    }
    #section51 p{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    /*////////////////////////////////////// THANKS */   
    #section61{
        height: 46.8em;
        width: auto;
        background-image: url(../media/foto/thanks.png);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

}

/*////////////////////////////////////// IMDEX VISUALS */
@media only screen and (max-width: 1200px){
    #section02  .vsl{
        width: 8em;
    }
}

/*////////////////////////////////////// iPad Pro */
@media only screen and (min-width:1024px) and (orientation:portrait) {

    #section41{
        height: 67em;
        background-image: url(../media/foto/contact.png);
        background-repeat: space;
        background-position: center;
    }
    #section41 img.logo{
        margin-top: 18em;
    }
    #section31{
        height: 67em;
        background-image: url(../media/foto/about_m.png);
        background-repeat: space;
        background-position: center left;
        color: #ffffff;
    }

    .w-100 .btn{
        margin-top: 5.7em;
    }
    .s1 .btn{
        margin-top: 1em;
    }
    .s1 ul{
        margin: 2.5em 5.3em 3em 13.8em;
    } 
    .s2 ul{
        margin: 2.5em 14.8em 3em 13.8em;
    } 
    .s3 ul{
        margin: 2.5em 5.3em 3em 21.8em;
    }

}

/*////////////////////////////////////// iPad */
@media only screen and (orientation:portrait) and (min-width: 767px){
    .w-100 .btn{
        margin-top: 5.7em;
    }
    .s1 .btn{
        margin-top: 1em;
    }
    .s1 ul{
        margin: 2.5em 5.3em 3em 5.8em;
    } 
    .s2 ul{
        margin: 2.5em 4.8em 3em 5.8em;
    } 
    .s3 ul{
        margin: 2.5em 5.3em 3em 11.8em;
    }
}
@media only screen and (orientation:portrait) and (max-width: 800px){
    #section02  .vsl{
        width: 6em;
        margin-top: 1em;
    }
}

/*////////////////////////////////////// SWIPER */
@media only screen and (orientation:portrait) {
    .pnone{
        display: none;
    }
    /* SWIPER */
    .w-100 {
        height: 45em;
        width: auto;
        background-color: #199762;
    }
    .modinfo,
    .btswp{
        text-align: center; 
        margin: 3em 2em;
        margin-bottom: 0em;
    }

    ol .active:after{
        display: none;
        border-bottom: none;
    }
    .s1{
        background-image: linear-gradient(90deg, #0a4250, #17915d);
    }
    .s2{
        background-image: linear-gradient(90deg, #17915d, #17915d);
    }
    .s3{
        background-image: linear-gradient(-90deg, #0a4250, #17915d);
    }
}
@media only screen and (orientation:landscape) {
    .lnone{
        display: none;
    }
    .s1{
        padding-left: 3em;
    }
    .s2 .btn{
        margin-top: 6em
    }
    .s3{
        padding-right: 1em;
    }
}