:root {
    --global-header: #FFF;
    --global-orange: #ED6D04;
    --global-text: #444444;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.orange {
   color: var(--global-orange)
}
.grey {
   color: var(--global-text)
} 
.footer {
    background: #FDC603;
}
.section-title {
   color: var(--global-orange)
}
.footer__content {
  min-height: auto;
  padding-bottom: 0px;
}
.footer .col-xs-12, .footer [class^="col-"] {
  margin-bottom: 7px !important;
  }
.nav>li>a {
    padding: 10px;
}
.navbar-brand h3 {
  font-size: 22px;
}
.banner {
    position: relative;
    text-align: left;
}
.banner__content {
    text-align: right;
    display: block;
    position: relative;
    max-width: 50%;
    width: 100%;
}
.banner__tint {
    position: relative;
}
.banner__desc {
    max-width: 100%;
}
.banner__title {
  font-size: 52px;
}
.page-header__title {
    color: var(--global-header) !important;
}
.page-header {
background-image: url(/conf-data/PractiCORR/images/slider_1.jpg);
}

.countdown {
    text-align: right;
}

  
.logo50 img { max-width: 40%; }

@media (max-width: 768px) {  
  .logo50 img { max-width: 80%; }
}
@media (min-width: 768px) {
    .page-header .page-header__title {
        width: 40%;
        text-align: right;
    }
}
@media (min-width: 1200px) {
  nav .container {
    width: 1180px;
  }
}
@media (min-width: 1300px) {
  nav .container {
    width: 1280px;
  }
}
@media (min-width: 1400px) {
  nav .container {
    width: 1380px;
  }
}
  
  
.basic_close{
 position: absolute;
 top: 5px;
 right: 8px;
 color: #333;
 font-size: 25px;
 cursor: pointer;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.basic_close:hover{
 -webkit-transform: rotateZ(90deg);
 -ms-transform: rotate(90deg);
 transform: rotateZ(90deg);
}
#basic img{
 max-width: 100%;
 height: auto;
}
#basic{
 display: none;
 margin: auto 10px; 
}