/* CSS Document */

/*
Light		300	normal	
Regular		400	normal	
Italic		400	italic	
Bold		700	normal	
Bold Italic	700	italic	
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

html, body {font-family:"Lato", Verdana !important; color:#666}

.t1 {font-size: 12px; font-weight: 300; margin-bottom: 1px; padding-bottom: 0px; letter-spacing: .225em; white-space: nowrap}
.t2 {font-size: 28px; font-weight: 900; margin-top: 0px; white-space: nowrap}
.header {min-height: 100px; background-color:rgba(255,255,255,1.00); padding-top: 16px;
-webkit-box-shadow: 0px 12px 5px -9px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 12px 5px -9px rgba(0,0,0,0.2);
box-shadow: 0px 12px 5px -9px rgba(0,0,0,0.2);}

.bold {font-weight: 700;}

.hand {cursor: pointer;}

#m-menu {z-index: 1020;}


.h1 {font-size: 26px; color: #0E7DC1; font-weight: 700;}
.h2 {font-size: 21px; color: #0E7DC1;}
.h3 {font-size: 18px; color: #0E7DC1; font-weight: 700;}


.w1 {width: 100px !important;}
.w2 {width: 200px !important;}
.w3 {width: 300px !important;}

.menu {padding-left: 2px; font-size: 13px !important}
.menu ul li span {color:#0E7DC1}
.menu ul li {padding-bottom: 21px;}
.menu ul li a:hover ~ .menu ul li span {color:#E11CF4 !important;}
.menu p {padding-bottom: 21px;}
a {color: #0E7DC1;}
a.arearestrita {padding-left: 26px;}
a:hover {text-decoration: none;}
.circle {color:#FFFFFF; 
  display: inline-block;
  min-width: 21px;
  min-height: 21px;
  padding: 6px 12px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #0E7DC1;
  border-radius: 20px;
margin-top: -3px;

}

.error {font-weight: normal; color:#B9292C;}

.lista-tipo-1 ol[type="a"] li {list-style-type: lower-latin !important}

.label-info {
  background-color: #0E7DC1; padding: 6px; font-weight: 400; font-size:12px
}


.bold, strong {font-weight: 700;}
.ou {margin: 0px auto; font-weight: 700; font-size: 21px; background:#FFF !important; width: 60px; height: 60px; text-align:center}

@media (min-width: 768px) {
.menu-container {
    border-right: 1px solid #D8D8D8;
    padding-top: 21px; padding-bottom:30px;
  }
}
.menu-container {

    padding-top: 21px; padding-bottom:30px;
}

.btn-orange {
  color: #FFFFFF;
  background-color: #F9B027;
  border-color: #E99A06;
}

.btn-orange:hover {
  color: #ffffff;
  background-color: #E99A06;
  border-color: #E99A06;
}

.video-in-thumbnail {border-radius: 4px 4px 0px 0px; margin: -4px !important}

.fs13 {font-size: 13px !important;}

.hide-item{display:none;}

#box-accept {transition: all 2s;}