html {
                    -webkit-text-size-adjust: unset !important;
                }
                
                body { font-family: 'Exo 2' sans-serif !important; background-color: #f5f5f5; margin: 0; padding: 0;
                }
                .nav-wrapper {
                    position: relative;
                }
                .div-header {
                    height: 20px;
                    background-color: #416bb2;
                }
                .text-title {
                    margin: 15px;
                    font-weight: 900;
                }
                .div-title {
                    height: 2px;
                    background-color: #416bb2;
                }
                .title-color {
                    background-color: #0281b8;
                }
                .title-padding {
                    padding: 5px;
                    margin-top: 0px !important;
                    font-size: 32px;
                    text-align: center;
                }
                .text-box {
                    padding: 5px 40px;
                    font-size: 18px;
                }
                #logo {
                    height: auto;
                    margin: 15px;
                    width: 50%;
                    max-width: 500px;
                }
                .principal {
                    background-image: url(fundo_pesquisa_salarial.jpg);
                    background-attachment: fixed;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                }
                .solucoes {
                    background-color: white;
                    margin: 0px !important;
                    min-height: 20px;
                    flex: 1;
                }
                .top-ocupacoes{
                    margin: 0px !important;
                    min-height: 100px;
                    margin-top: 10px !important;
                    display: flex;
                }
                .row {
                    margin-left: auto !important;
                    margin-right: auto !important;
                    margin-bottom: 0 !important;
                    padding: 0 !important
                }
                .flex {
                    display: flex;
                    flex-wrap: wrap;
                }

                section#contacts { background-color: white;}
                section#contacts form { max-width: 600px; margin: 30px 0;}
                section#contacts .input-field label { font-size: 20px !important; top: -10px !important;}
                section#contacts .input-field input, section#contacts .input-field textarea { border: 1px solid #9e9e9e !important; border-radius: 6px !important; background: white !important;}
                section#contacts .input-field input { padding: 0 10px; width: calc(100% - 20px);}
                section#contacts .input-field textarea { min-height: 80px; padding: .8rem 10px;}
                .contacts { padding-top: 40px !important; padding: 0px; background-color: #efefef; color: white; text-align: center; fill: white; background-image: -webkit-linear-gradient(0deg, #285b7e, #2c7db3) !important; background-image: -moz-linear-gradient(0deg, #285b7e, #2c7db3) !important; background-image: linear-gradient(0deg, #285b7e, #2c7db3);}
                .image1 {     
                    background-image: url(https://www.mercadometro.com.br/images/logos/products/Mercadometro_Analyst_1.jpg);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    
                    height: 130px;
                    margin: 15px;
                }
                li {
                    margin-bottom: 23px !important;
                    line-height: 20px !important;
                }
                .CTA {
                    font-family: 'Exo 2';
                    font-size: 18px;
                    color: white;
                    text-decoration: none;
                    border: 1px solid;
                    border-color: #c55c30;
                    border-radius: 8px;
                    margin: 2px;
                    width: 50px;
                    padding: 5px 9px 5px 9px;
                    background: #f57c00;
                }
                .videoWrapper {
                    position: relative;
                    padding-bottom: 56.25%; /* 16:9 */
                    padding-top: 25px;
                    height: 0;
                }
                .videoWrapper iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                .col-1 {width: 8.33%;}
                .col-2 {width: 16.66%;}
                .col-3 {width: 25%;}
                .col-4 {width: 33.33%;}
                .col-5 {width: 41.66%;}
                .col-6 {width: 50%;}
                .col-7 {width: 58.33%;}
                .col-8 {width: 66.66%;}
                .col-9 {width: 75%;}
                .col-10 {width: 83.33%;}
                .col-11 {width: 91.66%;}
                .col-12 {width: 100%;}

                .card-header {
                    padding: .75rem 1.25rem;
                    margin-bottom: 0;
                    background-color: #0281B8;
                    font-family: 'Exo 2';font-size: 26px; color: #FFFFFF;
                    border-bottom: 1px solid rgba(0,0,AA,.8);
                }
                .card-body{
                    height: auto;
                    max-height: 1420px;
                    overflow: scroll;
                    margin-bottom: 0;
                    background-color: rgb(255, 255, 255);
                    
                    border-bottom: 1px solid rgba(0,0,AA,.8);
                    }

                .marTop {
                    margin-top: 25px;
                }
                .marBot {
                    margin-bottom: 25px;
                }

                .left{
                    margin-top: 14px !important;
                    margin: 0px;
                    padding: 0px;
                    background-color: lightslategrey;
                    border-radius: 10px;
                    float: left; 
                    width: 30px;
                    height: 180px;  
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-position: center;
                   }
                   .right{
                    margin-top: 14px;
                    margin-right: 2px;
                    padding: 0px;
                    background-color: lightslategrey;
                    border-radius: 10px;
                    float: right; 
                    width: 30px;
                    height: 180px;
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-position: center;

                   }

                   /*
                   #fundo1 {
                    float: left;
                    background-color: #EEEEEE;
                    text-align: left;
                    font-family: 'Exo 2';font-size: 16px; color: #0505A0;
                    
                  }
                    
                    #fundo2 {
                        
                    float: left;
                    background-color: #EEEEEE;
                    text-align: left;
                    font-family: 'Exo 2';font-size: 16px; color: #0505A0;
                    
                  }


                  style="background-color: white; width:300px; height:340px; margin: 24px; color: white; padding: 10px; border-radius: 10px; 
                  background-image: url("https://www.mercadometro.com.br/images/logos/products/Fundo%20Staff.jpg"); 
                  background-repeat: no-repeat; background-size: cover; background-position: center;"
                  */  

                   .divScroll {
                        overflow:hidden;
                        background-color: white;
                        margin: 0px !important;
                        min-height: 20px;
                        flex: 1;
                        
                    }

                   .solucoes3 {
                        background-color: white;                        
                        margin: 0px !important;
                        min-height: 20px;
                        flex: 1;
                    }

                    .divsolucoes3 {
                        margin-top: 10px;
                        background-color: white;
                        padding: 0px;
                        margin: 0px !important;
                        min-height: 450px;
                        flex: 1;
                    }
                    .solucoes-img{
                        background-color: white;
                        width: 300px;
                        height: 340px;
                        margin: 24px;
                        color: white;
                        padding: 10px;
                        border-radius: 10px;
                        background-image: url(https://www.mercadometro.com.br/images/logos/products/Fundo%20Prime.jpg);
                        background-repeat: no-repeat;
                        background-size: cover;
                        background-position: center;
                    }
                   
                    @media screen and (max-width: 400px) {
                        .solucoes-img {
                            background-color: white;
                            width: 75%;
                            height: 340px;
                            margin: 24px;
                            color: white;
                            padding: 10px;
                            border-radius: 10px;
                            background-image: url(https://www.mercadometro.com.br/images/logos/products/Fundo%20Prime.jpg);
                            background-repeat: no-repeat;
                            background-size: cover;
                            background-position: center;                        }
                      }

                      @media screen and (min-width: 401px) {
                        .solucoes-img {
                            background-color: white;
                            width: 30% !important ;
                           
                            margin: 24px;
                            color: white;
                            padding: 10px;
                            border-radius: 10px;
                            background-image: url(https://www.mercadometro.com.br/images/logos/products/Fundo%20Prime.jpg);
                            background-repeat: no-repeat;
                            background-size: cover;
                            background-position: center;                        }
                      }

                      td > div {
                          height: 120px !important ;
                          width: 40px !important ;
                          overflow: auto;
                      }
                      ::-webkit-scrollbar {
                        width: 0px;
                    }

                    span>a {
                        font-weight: 600;
                        font-size: 20px;
                        color: #03b0e5;
                    }
                    div>span {
                        color: black !important;
                    }
                    td > div {
                        height: 180px !important;
                        overflow: auto;
                        border-style: solid;
                        width: 350 !important;
                        border-radius: 15px !important;
                        border-color: dimgrey;
                        box-shadow: none !important;
                        border-width: 2px;
                    }

                    span > a > b, span > b {

                        font-weight: 600 !important;


                    }

		    .placeHolder::-webkit-input-placeholder {
			   color: #555;
			}

                   

/* 
                
                
                
                
                
    se der problema, pague daqui pra baixo
                
                
                
                
                
                
*/




/* CSS.css abaixo  */

.carousel-item { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
                    .carousel-item img { max-width: 100%; max-height: 100%; }
                    .carousel-item img.img-display { padding-bottom: 110px; }
                    .carousel-item a.zoom { cursor: zoom-in; }

                    .carousel-item:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
                    section .fixed-height-carousel { height: 500px !important; text-align: center; font-size: 16px; }
                    @media screen and (max-width: 600px) { section .fixed-height-carousel { height: 550px !important; } }
                    @media screen and (min-width: 992px) { section .fixed-height-carousel { height: 550px !important; } }
                    @media screen and (min-width: 1025px) { section .fixed-height-carousel { height: 500px !important; } }
                    section .fixed-height-carousel a { color: white; }
                    section .fixed-height-carousel .subtitle { font-weight: 600; font-size: 18px; margin-bottom: 15px; }


/*  home-screen.css abaixo   */                    


                    .carousel-item { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
                    .carousel-item img { max-width: 100%; max-height: 100%; }
                    .carousel-item img.img-display { padding-bottom: 110px; }
                    .carousel-item a.zoom { cursor: zoom-in; }

                    .carousel-item:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }

                    @media only screen and (min-width: 993px) { .container { width: 90%; } }

                    /* label color */
                    .input-field label { color: #000; }

                    /* label focus color */
                    .input-field input[type=text]:focus + label { color: #000; }

                    /* label underline focus color */
                    .input-field input[type=text]:focus { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }

                    /* valid color */
                    .input-field input[type=text].valid { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }

                    textarea.materialize-textarea.valid { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000; }

                    /* icon prefix focus color */
                    .input-field .prefix.active { color: #000; }

                    input[type=text]:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #2c7db3; box-shadow: 0 1px 0 0 #2c7db3; }

                    input[type=text]:not(.browser-default):focus:not([readonly]) + label { color: #2c7db3; }

                    textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #2c7db3; box-shadow: 0 1px 0 0 #2c7db3; }

                    textarea.materialize-textarea:focus:not([readonly]) + label { color: #2c7db3; }

                    .blue-indicators .indicator-item { background-color: rgba(28, 168, 195, 0.5) !important; }
                    .blue-indicators .indicator-item.active { background-color: #1ca8c3 !important; }

                    .orange-indicators .indicator-item { background-color: rgba(255, 108, 39, 0.5) !important; }
                    .orange-indicators .indicator-item.active { background-color: #ff6c27 !important; }

                    body { font-family: 'Exo 2', sans-serif !important; background-color: #f5f5f5; margin: 0; padding: 0; }

                    header, section, footer { margin: 0; padding: 1px; /* tweaked from 0 to 1px */ }

                    nav a { color: black !important; height: 100%; }
                    nav .blue a { color: white !important; }
                    nav img#logo { height: 30px; margin: 16px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; transition: 0.3s !important; }
                    nav img#logo:hover { height: 32px; background-color: rgba(0, 27, 114, 0.05); -webkit-box-shadow: 0 0 13px 6px rgba(0, 27, 114, 0.05); -moz-box-shadow: 0 0 13px 6px rgba(0, 27, 114, 0.05); box-shadow: 0 0 13px 6px rgba(0, 27, 114, 0.05); }
                    @media screen and (max-width: 600px) { nav img#logo { height: 20px; }
                    nav img#logo:hover { height: 22px; } }

                    section { background-repeat: no-repeat; background-size: cover; background-position: center; color: #285b7e; padding: 0px 0; }
                    @media screen and (min-width: 992px) { section .center-content { display: flex; align-items: center; } }
                    section .container { margin-bottom: 30px; }
                    section .section-title { font-family: 'Raleway', sans-serif !important; font-weight: 900; text-transform: uppercase; margin-bottom: 80px; font-size: 50px; }
                    @media screen and (max-width: 992px) { section .section-title { font-size: 30px; font-weight: 900; } }
                    section .section-subtitle { font-family: 'Raleway', sans-serif !important; font-weight: 600; text-transform: uppercase; margin-top: -70px; margin-bottom: 80px; font-size: 30px; }
                    @media screen and (max-width: 992px) { section .section-subtitle { font-size: 25px; } }
                    section .modal-title { font-family: 'Raleway', sans-serif !important; font-weight: 900; text-transform: uppercase; margin-bottom: 20px; font-size: 16px; }
                    section .fixed-height-carousel { height: 500px !important; text-align: center; font-size: 16px; }
                    @media screen and (max-width: 600px) { section .fixed-height-carousel { height: 550px !important; } }
                    @media screen and (min-width: 992px) { section .fixed-height-carousel { height: 550px !important; } }
                    @media screen and (min-width: 1025px) { section .fixed-height-carousel { height: 500px !important; } }
                    section .fixed-height-carousel a { color: white; }
                    section .fixed-height-carousel .subtitle { font-weight: 600; font-size: 18px; margin-bottom: 15px; }
                    section#features { color: white; background-color: #285b7e; background-image: url("/lp/assets/img/bg1.jpg"); }
                    section#reliability { color: white; background-color: #285b7e; background-image: url("/lp/assets/img/bg2.jpg"); }
                    section#testimonials { color: white; background-color: #285b7e; background-image: url("/lp/assets/img/bg3.jpg"); }
                    section#testimonials p { font-size: 18px !important; }
                    section#testimonials img { color: white; background-color: #bcbcbc; user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 50px; border-radius: 50%; height: 100px; width: 100px; }
                    section#testimonials a { color: white !important; }
                    section#testimonials #testimonials-container { max-width: 900px; min-height: 400px; margin: 0 auto; }
                    @media screen and (max-width: 992px) { section#testimonials #testimonials-container { min-height: 773px; } }
                    section#products { background-color: white; padding-bottom: 140px; }
                    section#products .flex { display: flex; flex-wrap: wrap; }
                    section#products #list { padding: 16px; display: flex; flex-wrap: wrap; position: relative; text-align: center; margin-bottom: 35px; }
                    section#products #list .steppers.seach_stepper_img { background-image: url("/images/logos/products/linha do tempo search.png"); }
                    section#products #list .steppers.analist_stepper_img { background-image: url("/images/logos/products/linha do tempo analyst.png"); }
                    section#products #list .steppers.staff_stepper_img { background-image: url("/images/logos/products/linha do tempo staff.png"); }
                    section#products #list .steppers.prime_stepper_img { background-image: url("/images/logos/products/linha do tempo prime.png"); }
                    section#products #list #search { background-image: url("/images/logos/products/Fundo search.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
                    section#products #list #Analist { background-image: url("/images/logos/products/Fundo analyst.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
                    section#products #list #Staff { background-image: url("/images/logos/products/Fundo Staff.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
                    section#products #list #Prime { background-image: url("/images/logos/products/Fundo Prime.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
                    section#products #list .flow-text { padding: 0 20px; color: white; border-radius: 20px; background-color: #285b7e; text-align: center; position: relative; }
                    section#products #list .flow-text p { margin: 15px; text-align: justify; font-size: 18px; margin-bottom: 100px; }
                    section#products #list .flow-text img { color: white; user-select: none; display: inline-flex; align-items: center; justify-content: center; margin: 15px; font-size: 50px; height: 50px; width: auto; }
                    section#products #list .flow-text .div_btn { position: absolute; bottom: 15px; width: calc(100% - 40px); padding-bottom: 10px; }
                    section#products #list .steppers { bottom: -36px; width: 45px; height: 45px; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; z-index: 1000; left: 50%; transform: translate(-50%, 0); background-color: #373335; border-radius: 50%; }
                    section#products .modal { border-radius: 0%; font-size: 16px; width: 75% !important; height: 75% !important; color: white; background-repeat: no-repeat; background-size: cover; background-position: center; }
                    section#products .modal h5 { text-align: center; }
                    section#products .modal a { left: 50%; transform: translate(-50%, 0); }
                    section#products .modal .img-logo { color: white; user-select: none; display: inline-flex; align-items: center; justify-content: center; margin: 0 15px; font-size: 50px; height: 50px; width: auto; }
                    section#products .modal ul, section#products .modal li { padding-left: 0 !important; margin-left: 20px; list-style-type: disc !important; }
                    section#products .modal iframe { margin: 60px 0; vertical-align: center; }
                    section#products #modal1 { background-image: url("/images/logos/products/Fundo search.jpg"); }
                    section#products #modal1 #entregas { margin: 0 15%; }
                    section#products #modal2 { background-image: url("/images/logos/products/Fundo analyst.jpg"); }
                    section#products #modal2 .image1 { background-image: url("/images/logos/products/Mercadometro_Analyst_1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 250px; height: 125px; margin: 15px; position: absolute; }
                    @media screen and (max-width: 600px) { section#products #modal2 .image1 { display: none; } }
                    section#products #modal2 .image2 { background-image: url("/images/logos/products/Mercadometro_Analyst_2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 250px; height: 125px; margin: 100px; position: absolute; }
                    @media screen and (max-width: 600px) { section#products #modal2 .image2 { display: none; } }
                    section#products #modal3 { background-image: url("/images/logos/products/Fundo Staff.jpg"); }
                    section#products #modal3 .image1 { background-image: url("/images/logos/products/Mercadometro_Staff_1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 300px; height: 190px; margin: 15px; position: absolute; }
                    @media screen and (max-width: 600px) { section#products #modal3 .image1 { display: none; } }
                    section#products #modal4 { background-image: url("/images/logos/products/Fundo Prime.jpg"); }
                    section#products #modal4 .modal-content { text-align: justify; }
                    section#products #modal4 .modal-content .div_btn { padding-top: 20px; text-align: center; }
                    section#products #modal4 .image1 { background-image: url("/images/logos/products/Mercadometro_Prime.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 300px; height: 230px; margin: 15px; position: absolute; }
                    @media screen and (max-width: 600px) { section#products #modal4 .image1 { display: none; } }
                    section#partnerships { background-color: white; }
                    section#partnerships img { height: auto; width: 80%; margin: 10%; bottom: 0; }
                    section#contacts .col-md-4 { margin-top: 20px; }
                    section#contacts form { max-width: 600px; margin: 0 auto; }
                    section#contacts .input-field label { font-size: 24px !important; top: -14px !important; }
                    section#contacts .input-field input, section#contacts .input-field textarea { border: 1px solid #9e9e9e !important; border-radius: 6px !important; background: white !important; }
                    section#contacts .input-field input { padding: 0 10px; width: calc(100% - 20px); }
                    section#contacts .input-field textarea { min-height: 80px; padding: .8rem 10px; }

                    .parent-content { overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; height: auto; padding: 20px; }
                    .parent-content div { flex-grow: 1; height: 100%; }

                    .content { height: 100%; flex-grow: 1; }

                    ul.descriptions { font-size: 23px; font-weight: 600; text-align: justify; padding-right: 60px; font-family: 'Raleway', sans-serif !important; padding-right: 60px; }
                    ul.descriptions ::first-letter { text-transform: capitalize !important; }
                    ul.descriptions li { margin-top: 20px; position: relative; }
                    ul.descriptions li img { position: absolute; display: inline-block; height: 40px; width: 40px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
                    ul.descriptions li p { margin: 0 0 0  50px; display: inline-block; width: calc(100% - 60px); line-height: 1.2; }

                    .side-content { margin-top: 25px; }

                    .video-container { position: relative; padding-bottom: 43.25%; padding-top: 30px; height: 0; overflow: hidden; height: 250px; }
                    .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 15px; left: 42px; width: 80%; height: 80%; opacity: 0.6; }

                    .nopd { padding: 0 !important; }

                    .pdl30 { padding-left: 30px !important; }

                    .display-flex { display: flex; align-items: center; }

                    .contacts { padding-top: 40px !important; padding: 0px; background-color: #efefef; color: white; text-align: center; fill: white; background-image: -webkit-linear-gradient(0deg, #285b7e, #2c7db3) !important; background-image: -moz-linear-gradient(0deg, #285b7e, #2c7db3) !important; background-image: linear-gradient(0deg, #285b7e, #2c7db3); }

                    .action-button { font-weight: 600; }

                    .floating-action { position: fixed; right: 0; height: 50px; font-size: 16px; top: 8px; line-height: 20px; padding: 3px 15px; border-radius: 20px 0px 0px 20px; color: white !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; transition: 0.3s !important; font-weight: 600; background-color: #f57c00; z-index: 9000; text-align: center; }
                    @media screen and (max-width: 992px) { .floating-action { top: 40px; } }
                    .floating-action:hover { background-color: #c97119be !important; }