/* css Analista de sistema---> Wissae Lima */

@media screen and (max-width: 700px) {
  .metaspormenu {
    display: none !important;
  }


.buttonmobilemenu{
	display: block !important;
}
.imgmobileabaixar{
	position: relative;
	top: 30px !important;
}


 .metasportmobile {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.95);
    padding: 20px;
    z-index: 999;
  }

  .metasportmobile ul {
    list-style: none;
    margin: 60px 0 0 0;
    
  }

  .metasportmobile li {
    margin-bottom: 25px !important;
  }

  .metasportmobile a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
  }

  .metasportmobile a:hover {
    text-decoration: underline;
  }

  /* quando tiver essa classe, o menu aparece */
  .metasportmobile.menu-open {
    display: block;
  }

.metasportermo{
    width: 100%;height: auto;
    padding: 5px !important;
    background: white;
}

.metasportalinharorcamentos{
    width: 95% !important;
    height:  auto;
    padding: 10px !important;
    margin:  0 auto;
}

.metasportsection{
	width: 100%;
	height: auto;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	padding: 3px;
	
background: linear-gradient(90deg, rgba(5, 5, 10, 1.000) 0.000%, rgba(5, 5, 10, 1.000) 7.692%, rgba(9, 10, 14, 1.000) 7.692%, rgba(9, 10, 14, 1.000) 15.385%, rgba(13, 14, 18, 1.000) 15.385%, rgba(13, 14, 18, 1.000) 23.077%, rgba(18, 19, 22, 1.000) 23.077%, rgba(18, 19, 22, 1.000) 30.769%, rgba(22, 23, 26, 1.000) 30.769%, rgba(22, 23, 26, 1.000) 38.462%, rgba(26, 27, 30, 1.000) 38.462%, rgba(26, 27, 30, 1.000) 46.154%, rgba(30, 31, 34, 1.000) 46.154%, rgba(30, 31, 34, 1.000) 53.846%, rgba(34, 35, 38, 1.000) 53.846%, rgba(34, 35, 38, 1.000) 61.538%, rgba(38, 39, 42, 1.000) 61.538%, rgba(38, 39, 42, 1.000) 69.231%, rgba(41, 42, 45, 1.000) 69.231%, rgba(41, 42, 45, 1.000) 76.923%, rgba(44, 45, 48, 1.000) 76.923%, rgba(44, 45, 48, 1.000) 84.615%, rgba(46, 47, 51, 1.000) 84.615%, rgba(46, 47, 51, 1.000) 92.308%, rgba(48, 49, 53, 1.000) 92.308% 100.000%)
}

.metasporteventos{
	width: 100%;height: auto;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
		padding: 3px;
	background: white;


}
.padding-mobilemetasport{
	padding-bottom: 20px !important;
}

.metasportconteudo{
    width: 100%;height: auto;
  padding-top: 30px !important;
	padding-bottom: 10px !important;
		padding: 3px;
    background: rgb(0, 72, 81);
}

.metasportnewsletter{
    width: 100%;height: auto;
   padding-top: 30px !important;
	padding-bottom: 10px !important;
		padding: 3px;
  background: rgb(58, 58, 58);

}
.metasporalinhar{
    width: 90% !important;height: auto;
      padding-top: 5px !important;
	padding-bottom: 20px !important;
		padding: 3px;
    margin:  0 auto;
}

.metasporalinhar p{
	font-size: 16px !important;
}
.buttonmobilemetasportassinar{
	position: relative;top: 15px !important;
	width: 100% !important;
	bottom: 20px;
	border-radius: 6px !important;
}

.metasportaumentainput{
	width: 100% !important;
	float: left;
	border-radius: 6px !important;
}

.padding-bottom-mobile{
  margin-bottom: 20px !important;
}



  .metasportlogin{
    width: 100%;height: 1180px !important;
    padding: 5px !important;
   background: rgb(26, 26, 26);
}

   .boz00001 {
        position: relative !important;          
        top: -1140px;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 100% !important;
        margin: 5px auto;  
        height: auto;         
        padding: 15px 18px;         
        border-radius: 16px;
    }

    .boz00001 .row > [class*="col-"] {
        margin-bottom: 10px !important;       
    }


    .mobiletamanho{
      width: 100% !important;
      padding: 16px !important;
    }


    .metasportepedido{
    width: 90% !important;
    height: auto;
    margin:  0 auto;
    padding-bottom: 20px !important;
    
}

.mobiletamanh000001{
  width: 115px !important;
}
.btn-pagar{
  padding: 15px !important;
}


.metasportfooter{
    width: 100%;height: auto;
    padding: 5px !important;
   background: rgb(26, 26, 26);
}

}