::root{
    --filter: brightness(3) invert(0);
    --darkblue: #002452 !important;
    --darkgray: #3f9d9a !important;
    --gray: #bcbec0 !important;
}

iframe{width: 100%; height: 650px;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.caps{text-transform: capitalize !important;}
.uppercase{text-transform: uppercase !important;}

.bg-darkblue{background:#002452;}
.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;}
.nav-link:hover{color: #dadada;}
@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;}    
}