body {font-family: 'Roboto', sans-serif !important;  margin:0; color: #505050 !important; background-color:#fff !important;}
    .clear {
    clear: both;     
    }
input {
       /* -webkit-appearance: none; */
        border: 2px #666 solid;
        font-size: 1em;
    }
h5 {font-size: 1.15rem;  padding: 5px;}
a {color:#0075bf !important; } 
a, button {-webkit-appearance: none;} 
p.fit {max-width: 550px;}
#resultado p {font-size: 1em; padding-right: 5px; padding-left: 5px;}
.lente-card {border: 1px solid rgba(0,0,0,.125) !important; border-radius: .5rem !important; width: 90%; max-width:500px; margin: auto; color: #fff; text-align:center !important;}
.lente-card .card-img-top {
    border-top-right-radius: calc(.5rem - 1px) !important;
    border-top-left-radius: calc(.5rem - 1px) !important;
}
.lente-card .card-img-bottom {
    border-bottom-right-radius: calc(.5rem - 1px) !important;
    border-bottom-left-radius: calc(.5rem - 1px) !important;
}
.lente-card .btn {background-color: #fff !important; color: #222 !important; text-decoration: none !important;}
.lente-card .card-body {padding: 0 !important;}
.card-sync3 {background-color:#acc630 !important;} .card-mystyle {background-color:#6a1c51 !important;} .card-lifestyle {background-color:#4cbcb5 !important;} .card-vxt {background-color:#202537 !important;}
.card-bks {background-color:#1d2b49 !important;} .card-workstyle {background-color:#4d3327 !important;} .card-miolight, .card-hiperlight  {background-color:#1d2b49 !important;} 
.card-sportive  {background-color:#25a0cd !important;} .card-enroute  {background-color:#d8b637 !important;} .card-bluecontrol  {background-color:#0067b3 !important;} .card-sensity  {background-color:#121517 !important;}
#accordion {margin: 6px auto 0 auto;}
#accordion .card-body p {font-size: 1em;}
#lentes-hoyalux, #accordion { max-width: 500px !important;}
.card-header:first-child {border-radius: 0 !important;}
.card {border:none !important; margin-bottom: 3px;}
.card-title {font-weight: bold !important;}
.card-header.collapsed {
    
    background-color: #0075bf !important;
    background-image: url(img/seta_fechado.png);
    background-position: 95% 20px;
    background-repeat: no-repeat;
    
}
.card-header:not(.collapsed) {
    background-color:#7a7a7a !important;
    background-image: url(img/seta_aberto.png);
    background-position: 95% 20px;
    background-repeat: no-repeat;
}
.mt-10 {margin-top: 10px;}     
#top { background-color: #fff; height: 60px; width:100%; overflow:hidden; margin:0; padding:0; position: relative; text-align: center; top:0;}
#top img {margin: auto; width: 250px;   max-width: 100%;}

    fieldset{ border:0; margin:auto; text-align: center;}
    fieldset ul li {
    margin: 0 0 10px 0;
    list-style: none;
    padding: 0;
    position: relative;
       
    }
        
     button, input[type=button], input[type=submit], #buscar_otica  {         
    cursor: pointer;
    font-family: Roboto, Arial, sans-serif;
    font-size: 20px;
    color: #0075bf;
    padding: 8px;
    border: 2px #0075bf solid;
    background: none;
    text-shadow: none;
    border-radius: .5rem;        
            
}
        h2 {font-size: 1.5em; color:#0075bf;}
        h3 {font-size: 1.5em !important; font-weight: bold; }
        p, h1, h2, h3{margin:10px;}  
        
    .slides {width:100%; position:absolute; z-index:1002; background:#ffffff; top:70px; text-align: center;}
        
        .slides div {margin: auto; max-width: 700px; width: 100%;}    
    .hide {
        display: none;
        }

    .error {
       
        color: red;
        text-align: center;;
        padding: 3px;

 
        }  

label.error {display: block; text-align: center; width: 100%; padding: 0 !important;}
p.holder { max-width: 500px; width: 90%; height: 40px; margin:auto;}
p.holder_erro { display: inline-table; width: 250px; text-align: center;margin:0;}    
#dia_a_dia .holder {max-width: 400px !important;}
#perfil{width:250px;}
#historico1{width:150px; min-inline-size: unset;}
#tec label {width: 250px !important; text-align: left;}
#tec .holder {height: 60px !important; max-width: 300px !important;}
#cadastro .holder {height: 80px !important; max-width: 300px !important;}
#cadastro label, #cadastro input {float: none !important; text-align: left;}
#cadastro input[type=text], #cadastro input[type=email] {width: 90%; height: 30px; border: none; border-bottom: 2px #666 solid; background-color: #f1f1f1;}
.pt0 label {padding-top: 0 !important ;}
input[type=radio], input[type=checkbox] {
            
           
            margin: 0;
            width: 30px;
            height: 30px;
            max-width: 600px;
            display: block;
            float: left;
        }   
        label { float:left; display: block; padding: 7px 0 0 10px;}
#formato .rosto {
    height: 50px !important;
    border-bottom: 2px #cdcdcd solid;
    margin-bottom: 10px;
    padding: 5px;}
#formato .rosto img {float: right; margin-right: 10px;}
#formato .rosto label {float: none !important; padding-top: 15px;}
#formato .rosto input[type=radio]{margin-top: 10px;}        
.center {text-align: center;}
#imagem_nivel img {max-width:450px;}
#footer {background-color: #fff; text-align: center; position:relative; color:#666;}
#footer #mais_info  {
    margin: auto;
    padding: 10px;
  }
#footer p {color:#666 !important;}
  
p#mais_info span {
    background: url(https://s3.amazonaws.com/ss-usa/companies/MzawMLEwMLM0BQA/uploads/checked2_2.jpg) no-repeat;
    padding: 0 5px 5px 40px;
    display: block;
  }
p#mais_info {max-width: 900px; margin-left: auto; margin-right: auto; text-align: left;}
p.blue { color: #179bb0 !important; text-align: center !important;}
p.blue2 { color: #0d5a67 !important;}
#a1, #b1, #a2, #b2, #erro, #erro_exibe {display:none;}
#carouselLentes .carousel-control-next, #carouselar .carousel-control-next, #carouselArm .carousel-control-next {right: -10px; width: 20px; opacity: 1;}
#carouselLentes .carousel-control-prev, #carouselar .carousel-control-prev, #carouselArm .carousel-control-prev {left: -10px; width: 20px; opacity: 1;}
#carouselLentes .carousel-control-next, #carouselLentes .carousel-control-prev, #carouselar .carousel-control-next, #carouselar .carousel-control-prev, #carouselArm .carousel-control-prev, #carouselArm .carousel-control-next  {
    color: #0075bf !important; font-size: 2em !important; 
}
.carousel-inner {box-shadow: 0 2px 3px #cdcdcd; border-radius: 10px;}

.a2a_kit a span {background-color: #0d5a67 !important;}
div#alerta p.class img {width:30px; height: auto;}
#footer div div #title-faq {color: #0d5a67 !important;}
#headingFour .btn-link, #headingOne .btn-link, #headingTwo .btn-link, #headingThree .btn-link { color:#fff !important; }
#accordionExample .card-header {background-color: #179bb2 !important; }
#accordionExample .btn-link {font-size:0.6em; }
#CTA {border: 2px #fff solid;  background-color: #2adb50 !important; font-size: 1em; }
#CTA:hover {background-color: #179bb2 !important; }
#credits {background-color:#0d5a67; color:#fff !important;}
#credits p {background-color:#0d5a67; color:#fff !important; font-size: 0.9em;}
#credits .nav {margin:auto;}
#credits .nav .nav-link {color:#1abbd7 !important;}
#credits .nav .nav-link:hover {color:#fff !important;}

#myModal {top: 100% !important; margin-top: -330px !important;}
#myModal .modal-dialog {
    width: 95% !important;
    max-width: 2000px !important; 
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
    border-radius: 5px;
   
}
#intro.naosei {
    max-width: 360px !important; 
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
    border-radius: 5px;
    color:#0075bf;
    margin: auto !important;
    padding: 10px;
 }
.alert {max-width: 550px !important; width:90% !important;}

#cta2 {background-color: #333; padding: 10px; }
#cta2 p a {color:rgb(245, 223, 223) !important;}
.seguir { max-width:500px !important; border: 1px solid rgba(0,0,0,.125) !important; border-radius: .5rem !important;}
.seguir img {max-width:120px;}
.alert {max-width:500px !important;}