::root{
    --filter: brightness(3) invert(0);
    --darkblue: #002452 !important;
    --darkgray: #3f9d9a !important;
    --gray: #bcbec0 !important;
}
html {
  scroll-behavior: smooth;
}
iframe{width: 100%; height: 400px;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.caps{text-transform: capitalize !important;}
.uppercase{text-transform: uppercase !important;}
.card{box-shadow: none;}
.bg-darkblue{background:#004258;}
.bg-darkgray{background:#3f9d9a;}
.bg-gray{background:#bcbec0;}
.resp{width: 100%;}

h1,h2,h3,h4,h5,h6,h7{color: #002452 !important;}
.input-rounded{border-radius: 32px !important;}
.btn-sm, .btn-lg, .btn-xs{font-weight: 600;}
.btn-lg{font-size: 16px;}
.btn-sm{font-size: 14px; }
.btn-xs{font-size: 12px; }
.btn{border-radius: 32px !important;}

.flage{
  position: absolute;
  bottom:12%;
  right:6%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  height: 42px;
  width: 42px; padding: 2px;
  background-color: #ffffff;
  border-radius: 100% !important;
}

.nav-link{color: #FFF; text-transform: uppercase; margin: 0 !important; padding: 0 10px !important;}
.nav-link:hover{color: #dadada;}

.lead{ display: inline-block; font-size: 18px; background: #004258; color: #FFF; padding: 4px 15px; margin: 10px;}
p{ text-align: justify;}

#speakers .card{ background: transparent !important;}
.spc img{
    transition: all 1s;
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    background: linear-gradient(45deg, #6DA7C4, #2A86A5, #004258)
}
.spc:hover img{
    border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; padding: 10px;
}
.spc h5{ font-size: 18px !important; color: #FFF !important;}

.form-control{ border: 1px solid #2A86A5;}
.form-control:hover, .form-control:focus{ border: 1px solid #004258; box-shadow: 0 0 5px #004258;}

.error, #error{ font-size: 18px; color: #f00;}

@media (max-width:900px){
.lead{ display: block; max-width:400px; font-size: 16px; background:transparent; color: #004258; padding: 4px 5px; margin: 10px 0; font-weight: 700;}
.spc h5{ font-size: 14px !important; color: #FFF !important;}
p{ text-align: left; font-size: 14px;}    
}



@media screen and (max-width:990px){
.flage{
  position: absolute;
  bottom:20%;
  right:12%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  height: 32px;
  width: 32px; padding: 1px;
  background-color: #ffffff;
  border-radius: 100%;
}
    .item-inner h5{font-size: 14px;}    
}