body > header  { 
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.17); 
    font-size: 1.5rem; 
    background-color: #FAFAFA;
} 

@media (min-width: 992px){ 
  body > header  { 
    overflow-x: hidden;
  } 
}     

body > header  { 
    position: relative;
} 

@media (min-width: 992px){ 
  body > header  { 
    margin-bottom: 20px;
  } 
}     

@media all{ 
  :selection { 
    background: #17abdfa9; 
    color: #fff;
  } 

  .container { 
    position: relative; 
    margin: 0 auto; 
    padding: 0 16px; 
    width: 100%;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    padding: 0 12px; 
    max-width: 1296px;
  } 

  .sub-header { 
    position: relative;
  } 

  .sub-header { 
    min-width: 835px;
  } 
}     

.container { 
    padding: 0 16px; 
    max-width: 1296px;
} 

.sub-header  { 
    text-transform: uppercase; 
    font-size: 1.4rem; 
    position: relative; 
    background-color: #FAFAFA;
} 

.sub-header  { 
    background: #FAFAFA; 
    padding-top: 18px;
} 

@media (min-width: 992px){ 
  .sub-header  { 
    padding-top: 10px;
  } 

  .sub-header  { 
    min-height: 115px; 
    min-width: 115px; 
    padding-bottom: 0;
  } 
}     

@media all{ 
  .sidebarMenu { 
    margin: 0;
  } 

  .sidebarMenu:before { 
    opacity: 0; 
    position: fixed; 
    z-index: 999991; 
    background: rgba(0,0,0,.3); 
    transition: .5s opacity ease; 
    top: 0; 
    left: 0; 
    right: 100%; 
    bottom: 0;
  } 

  .row { 
    clear: both; 
    display: flex; 
    flex-wrap: wrap; 
    margin: 0 -8px;
  } 
}     

@media (min-width: 992px){ 
  .row { 
    margin: 0 -12px;
  } 
}     

.sub-header .row  { 
    align-items: center; 
    justify-content: space-between;
} 

@media all{ 
  .sidebarMenu > ul  { 
    overflow-y: auto; 
    width: 300px; 
    z-index: 9999999; 
    position: fixed; 
    background: #fff; 
    transition: .3s ease; 
    top: 0; 
    bottom: 0; 
    left: -400px; 
    border-right: 1px solid #ccc; 
    box-shadow: rgba(0,0,0,.1) 4px 0px 6px 1px;
  } 

  [class*="col-"] { 
    position: relative; 
    padding: 0 8px; 
    min-height: 1px;
  } 

  .col-s-3 { 
    width: 25%;
  } 
}     

@media (min-width: 992px){ 
  [class*="col-"] { 
    padding: 0 12px;
  } 

  .col-l-1 { 
    width: 8.33333333%;
  } 
}     

.menu-button { 
    height: 23px; 
    text-align: left; 
    position: static; 
    z-index: 9999; 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: left; 
    align-items: center;
} 

@media (min-width: 992px){ 
  .col-l-3 { 
    width: 25%;
  } 

  .sidebar-social-wrapper.sidebar-social-left  { 
    margin-top: 5px; 
    text-align: right; 
    position: static; 
    z-index: 9999; 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: right; 
    align-items: center;
  } 

  body.new-exp-logada:not(.fixed) .sub-header .sidebar-social-wrapper.sidebar-social-left  { 
    display: inline-block;
  } 
}     

@media all{ 
  .col-s-6 { 
    width: 50%;
  } 
}     

@media (min-width: 992px){ 
  .col-l-4 { 
    width: 33.33333333%;
  } 
}     

.brand-logo { 
    text-align: center;
} 

.sub-header .search-area  { 
    text-align: right; 
    position: static; 
    z-index: 9999; 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: right; 
    align-items: center;
} 

@media (min-width: 992px){ 
  .sub-header .search-area  { 
    position: relative;
  } 
}     

@media all{ 
  .search-area  { 
    align-items: center;
  } 
}     

@media (min-width: 992px){ 
  body:not(.fixed).new-exp-logada .search-area  { 
    min-height: 5px;
  } 
}     

@media all{ 
  .col-s-12 { 
    width: 100%;
  } 
}     

.main-menu  { 
    padding: 12px 0; 
    margin: 12px 0 0; 
    flex-grow: 4; 
    position: relative; 
    text-align: center; 
    font-family: "Source Serif Pro", serif; 
    font-size: 1.5rem;
} 

.main-menu:before { 
    content: ""; 
    position: absolute; 
    top: -1px; 
    left: -100%; 
    right: -100%; 
    height: 1.5px; 
    background: rgba(0, 0, 0, 0.17);
} 

@media all{ 
  .sidebarMenu > ul li  { 
    display: block; 
    text-align: left;
  } 

  .sidebarMenu > ul > li:first-child  { 
    position: relative; 
    border-bottom: 1px solid #cecece;
  } 

  .sidebarMenu .assine-btn  { 
    padding: 10px 0 !important;
  } 

  body:not(.logged-block) .sidebarMenu .assine-btn  { 
    margin-top: 17px;
  } 
}     

.sidebarMenu ul:not(.container, .menu) > .menu-item  { 
    border-top: 1px solid #cecece;
} 

.sidebarMenu ul:not(.container, .menu) > .menu-item ~ .menu-item  { 
    border-top: none;
} 

@media all{ 
  button { 
    cursor: pointer;
  } 
}     

button { 
    text-decoration: none; 
    border: none; 
    background: transparent; 
    cursor: pointer;
} 

button { 
    font-family: "Roboto", sans-serif; 
    font-size: 1.4rem;
} 

.menuOpener { 
    font-size: 1.4rem; 
    text-transform: uppercase; 
    display: flex; 
    align-items: center;
} 

.menu-button button.menuOpener  { 
    color: #000000; 
    font: Bold 15px/16px "Hind", sans-serif;
} 

.sub-header .sidebar-social  { 
    margin-bottom: 0;
} 

@media all{ 
  a { 
    cursor: pointer;
  } 

  a { 
    transition: .2s ease-in-out;
  } 
}     

a { 
    text-decoration: none; 
    border: none; 
    background: transparent; 
    cursor: pointer;
} 

a { 
    color: #AE0F09;
} 

a { 
    color: #D1204E;
} 

@media all{ 
  a:hover { 
    filter: saturate(130%);
  } 

  a:hover:after { 
    text-indent: 0;
  } 
}     

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .sub-header .sidebar-social-wrapper.sidebar-social-right  { 
    display: none;
  } 
}     

@media all{ 
  body.new-exp-logada:not(.fixed) .new-exp-logada-enter  { 
    display: flex; 
    align-items: center; 
    border-right: 1px solid; 
    padding-right: 20px; 
    height: 36px;
  } 

  body.new-exp-logada:not(.fixed) .sub-header .search-area .sidebar-sign-search  { 
    position: relative;
  } 
}     

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .sub-header .search-area .sidebar-sign-search  { 
    display: flex; 
    height: 36px; 
    justify-content: center; 
    align-items: center; 
    padding-left: 20px;
  } 
}     

@media all{ 
  .sidebarMenu > ul a  { 
    color: #000; 
    display: block; 
    font-weight: 300; 
    font-size: 1.4rem; 
    padding: 14.5px 20px; 
    text-decoration: none; 
    text-transform: uppercase; 
    border-bottom: 1px solid #cecece;
  } 
}     

header .sidebarMenu > ul a  { 
    font: Bold 14px/15px "Hind", sans-serif;
} 

@media all{ 
  .sidebarMenu > ul > li:first-child a  { 
    width: 70%; 
    border: none; 
    display: inline-block;
  } 

  .sidebarMenu > ul li:not(:nth-child(3)) a  { 
    padding-left: 15px; 
    border-left: 5px solid transparent;
  } 

  .sidebarMenu > ul li > a:hover { 
    background: #f9f9f9;
  } 

  .sidebarMenu > ul > li:first-child a:hover { 
    background: 0 0;
  } 
}     

header .sidebarMenu > ul li:not(:nth-child(3)) a:hover { 
    border-left-color: #D1204E;
} 

@media all{ 
  .sidebarMenu .menuCloser  { 
    font-size: 25px; 
    float: right; 
    padding: 17px 20px; 
    cursor: pointer;
  } 
}     

.sidebarMenu .sidebar-social  { 
    margin-bottom: 0; 
    height: 40px; 
    padding-bottom: 12px; 
    margin-top: 8px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 100%;
} 

@media (min-width: 992px){ 
  .sidebarMenu .sidebar-social  { 
    display: none;
  } 
}     

@media all{ 
  .sidebarMenu .assine-btn a  { 
    text-align: center;
  } 
}     

.sidebarMenu .assine-btn a  { 
    margin-bottom: 10px;
} 

@media (min-width: 992px){ 
  .sidebarMenu .assine-btn a  { 
    margin-top: 10px;
  } 
}     

@media all{ 
  .sidebarMenu > ul > li.assine-btn a  { 
    font-weight: 500; 
    text-align: center;
  } 

  .sidebarMenu > ul > li.assine-btn a  { 
    color: #fff; 
    margin: 0 20px; 
    padding: 10px 20px; 
    background: #ae0f09;
  } 
}     

header .sidebarMenu > ul > li.assine-btn a  { 
    display: block; 
    margin: 0 20px; 
    padding: 10px 20px;
} 

header .sidebarMenu > ul > li.assine-btn a  { 
    font-weight: 600; 
    background: #00A5BC;
} 

@media all{ 
  .sidebarMenu > ul > li.assine-btn a:hover { 
    background: #980c07;
  } 
}     

header .sidebarMenu > ul > li.assine-btn a:hover { 
    background: #00A5BC;
} 

@media all{ 
  .sidebarMenu > ul > li.assinante a  { 
    color: #837b7b; 
    padding-bottom: 17px; 
    text-transform: inherit; 
    text-decoration: underline; 
    font-weight: 500; 
    text-align: center;
  } 

  .sidebarMenu > ul li.assinante a  { 
    border-bottom: none;
  } 

  .sidebarMenu > ul > li.assinante a:hover { 
    border-left-color: transparent; 
    background: 0 0;
  } 

  .sidebarMenu > ul > li #logout2  { 
    padding-top: 0;
  } 
}     

@media (min-width: 992px){ 
  .sidebarMenu > ul > li #logout2  { 
    border-bottom: 1px solid #cecece;
  } 
}     

.sidebarMenu > ul > li #logout2  { 
    padding-bottom: 15px !important;
} 

@media all{ 
  .icon { 
    font-family: 'icons'; 
    speak: none; 
    font-style: normal; 
    font-weight: 400; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1;
  } 
}     

.sub-header .icon  { 
    vertical-align: middle; 
    font-size: 2rem; 
    position: relative;
} 

.sub-header .icon:first-child  { 
    padding-right: 5px;
} 

@media all{ 
  .icon.menu:before { 
    content: "\e900";
  } 
}     

.sub-header .menuOpener span  { 
    font-weight: 600;
} 

.brand-logo svg  { 
    max-width: 105px;
} 

.brand-logo svg  { 
    max-width: 196px;
} 

@media all{ 
  .search-area.col-s-3 a  { 
    display: none;
  } 
}     

.sub-header .search-area a  { 
    margin-right: 15px; 
    display: none; 
    pointer-events: none;
} 

@media all{ 
  .new-exp-logada-enter a  { 
    background: 0 0;
  } 
}     

.sub-header .search-area a  { 
    color: #FFF; 
    background: #00A5BC; 
    padding: 3px 15px; 
    font: 600 15px/16px "Hind", sans-serif, sans-serif; 
    margin-right: 5px !important;
} 

.sub-header .search-area .new-exp-logada-enter a  { 
    background: transparent;
} 

@media all{ 
  body.new-exp-logada:not(.logged):not(.logged-block) .sub-header .search-area a#logintopHome  { 
    margin-right: 0; 
    padding: 0;
  } 

  #user-exp-login { 
    margin: 0; 
    display: flex; 
    justify-content: right; 
    align-items: center; 
    padding: 10px 0;
  } 

  #user-exp-login  { 
    display: none;
  } 

  .header-user-exp { 
    position: relative; 
    color: #fff; 
    padding: 0;
  } 
}     

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .header-user-exp  { 
    padding: 0;
  } 
}     

@media all{ 
  #header-user-exp-ctrl { 
    display: none;
  } 

  body.new-exp-logada:not(.logged) #header-user-exp-ctrl  { 
    display: none;
  } 
}     

.sub-header .search-area button  { 
    text-transform: uppercase;
} 

.sub-header .search-area button  { 
    font: 600 15px/16px "Hind", sans-serif;
} 

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .sub-header .search-area .sidebar-sign-search button.searchOpener  { 
    display: flex; 
    gap: 10px; 
    align-items: center;
  } 
}     

.sub-header .search-area form  { 
    z-index: 9; 
    position: absolute; 
    overflow-x: hidden; 
    height: 0; 
    width: 100%; 
    padding: 0 20px; 
    background: white; 
    border: 0px solid transparent; 
    top: 100%; 
    left: 0; 
    right: 0; 
    transition: .3s ease;
} 

@media (min-width: 992px){ 
  .sub-header .search-area form  { 
    opacity: 0; 
    top: 19px; 
    left: 5px;
  } 

  .sub-header .search-area form  { 
    left: auto; 
    padding: 0; 
    border: 0; 
    height: auto; 
    width: 0;
  } 

  .sub-header .search-area form  { 
    top: 14px;
  } 
}     

header .sidebarMenu > ul > li:first-child a svg  { 
    max-width: 137px;
} 

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .sub-header .search-area .new-exp-logada-enter button  { 
    display: flex; 
    gap: 5px; 
    align-items: center;
  } 
}     

@media all{ 
  .header-user-exp #user-exp-ctrl  { 
    display: flex; 
    align-items: center; 
    gap: 5px; 
    position: relative; 
    font-family: inherit; 
    font-weight: 400; 
    cursor: pointer;
  } 

  .user-alert-icon  { 
    width: 8px; 
    position: absolute; 
    height: 8px; 
    background: red; 
    border-radius: 50%; 
    border: 1px solid #fff;
  } 
}     

@media (min-width: 992px){ 
  .user-alert-icon  { 
    left: 16px; 
    top: 14px;
  } 
}     

.searchOpener .hide-s  { 
    display: none !important;
} 

@media (min-width: 992px){ 
  body.new-exp-logada:not(.fixed) .sub-header .search-area .sidebar-sign-search button.searchOpener .icon  { 
    top: -2px;
  } 
}     

@media all{ 
  .icon.search:before { 
    content: "\e986";
  } 
}     

.main-menu li  { 
    display: inline; 
    padding: 0 5px;
} 

.sub-header .main-menu li  { 
    padding: 0 8px;
} 

.sub-header .main-menu li:last-child  { 
    margin: 0; 
    padding: 0; 
    border: 0;
} 

@media all{ 
  .new-exp-logada-enter button img  { 
    position: relative; 
    vertical-align: middle; 
    width: 23px; 
    height: 23px;
  } 
}     

@media (min-width: 992px){ 
  .new-exp-logada-enter button img  { 
    margin-right: 6px;
  } 
}     

a,.btn { 
    text-decoration: none; 
    border: none; 
    background: transparent; 
    cursor: pointer;
} 

@media all{ 
  #user-exp-login a  { 
    font-size: 1.3rem; 
    color: #fff; 
    padding: 4px 8px; 
    border: 1px solid #fff; 
    float: right; 
    margin-top: -5px;
  } 

  body.new-exp-logada:not(.logged):not(.logged-block) .sub-header .search-area a#logintop  { 
    margin-right: 0; 
    padding: 0;
  } 

  .new-exp-logada-enter #header-user-exp-ctrl #user-avatar-clickable  { 
    width: 23px; 
    height: 23px; 
    border-radius: 50%; 
    background: #1f0a0a; 
    margin-right: 5px; 
    border: 1px solid #a7a7a7; 
    min-height: 23px; 
    min-width: 23px; 
    object-fit: cover; 
    position: relative;
  } 
}     

.sub-header .search-area input  { 
    width: 100%; 
    height: 35px; 
    padding: 0 35px 0 15px; 
    border: 1px solid rgba(0, 0, 0, 0.17); 
    font-size: 16px!important; 
    -webkit-transition: font-size .25s ease;
} 

.sub-header .search-area form button  { 
    border: 0; 
    padding: 0 12px; 
    position: absolute; 
    top: 10px; 
    right: 20px; 
    background: #ae0f09; 
    color: white; 
    font-weight: 300; 
    text-transform: capitalize; 
    bottom: 10px;
} 

@media (min-width: 992px){ 
  .sub-header .search-area form button  { 
    color: #000; 
    padding: 0; 
    background: transparent; 
    top: 7px; 
    right: 7px;
  } 
}     

.main-menu a  { 
    color: #000; 
    text-transform: uppercase;
} 

.sub-header .main-menu li a  { 
    font: Bold 15px/16px "Hind", sans-serif, sans-serif;
} 

@media (min-width: 992px){ 
  .sub-header form .icon  { 
    top: -2px;
  } 

  .hide-l { 
    display: none!important;
  } 
}     


/* These were inline style tags. Uses id+class to override almost everything */
#logintopHome.style-S57Xk {  
   pointer-events: all;  
    display: inline-block;  
}  
#logintop.style-DK6e1 {  
   display: inline-block;  
    pointer-events: all;  
}  
#logout.style-xCWLK {  
   display: inline-block;  
    pointer-events: all;  
}  
#style-9Gtre.style-9Gtre {  
   pointer-events: all;  
    display: inline-block;  
}  
#assinemenu.style-kt3zv {  
   display: block;  
}  
#logout2.style-dnMzr {  
   font-size:14px;  
    text-align: right;  
    margin-top: -17px;  
    padding-bottom: 40px;  
   display:none;  
}  
/* These were inline style tags. Uses id+class to override almost everything */
#logintopHome.style-UkiB5 {  
   pointer-events: all;  
    display: inline-block;  
}  
#logintop.style-Mh2Zz {  
   display: inline-block;  
    pointer-events: all;  
}  
#logout.style-UxhXp {  
   display: inline-block;  
    pointer-events: all;  
}  
#style-zXzoV.style-zXzoV {  
   pointer-events: all;  
    display: inline-block;  
}  
#assinemenu.style-SHFvK {  
   display: block;  
}  
#logout2.style-nL1wB {  
   font-size:14px;  
    text-align: right;  
    margin-top: -17px;  
    padding-bottom: 40px;  
   display:none;  
}  


@media (max-width: 480px) {
  .main-menu, .sidebar-social-left, .menu-button, .sidebar-sign-search {
    display: none !important;
  }
  .brand-logo svg {
    max-width: 100px;
    width: 100%;
  }
}