.navbar-brand{width:400px !important; margin-left: 50px; margin-right: 50px !important;}
.navbar-brand img{width:100% !important;}
.bg-darkblue{background: #005496 !important;}
.bg-darkp{background: #3a3697 !important;}
.bg-blue{background:#28508a !important;}
.bg-blue2{background: #91a6cf !important;}
.nav-item .nav-link{color:#28508a !important;}
.gray{color: #999 !important;}
h1,h2,h3,h4,h5,h6,h7{color:#28508a !important; font-weight: 700 !important;}
.resp{width: 100%;}

.countdown{display:contents; width:100%; min-width:320px; max-width:500px; -webkit-padding-start: 0px; list-style-type:none; position: relative; margin: 0 auto;}
.countdown li{ display: inline-block; background:rgba(0,0,0, 0.2);  position: relative; border-radius: 6px; border:2px solid #91a6cf; list-style-type:none !important; text-align:center; width: auto !important; padding:15px 15px 0px 15px;}
.countdown li div{color:#fff; font-weight: 300; text-align:center; font-size:64px; padding:0; margin: 0; line-height: 50px;}
.countdown li span{font-size: 12px; color:#b8b8b8; padding: 5px 0 5px 0; display: block; text-transform: uppercase; margin: 0px auto; width: 100%;} 

.chairman{ position: absolute; bottom:0; left:4%; width: 30%; z-index:2;}
.card-round{border-radius: 50px 50px 50px 0 !important;}

.input-rounded{border-radius: 32px !important;}

.form-control{border: 1px solid #66c !important;}
input[type='file']{ margin-top: 10px;}
.form-control:focus{box-shadow: 0 0 5px #333 !important;}

.slider h1{color: #fff !important; margin-bottom: 25px; font-size: 64px !important; line-height: 66px;}
.slider p{font-size: 18px; background:rgba(0,0,0, 0.6); display: inline; padding:5px 25px;}

.inner h1{color: #fff !important; font-size: 44px; font-weight: 600 !important; margin-bottom: 0;}
.inner p{color: #b7b7b7; display:inline-block; width: auto; line-height: 16px; font-size: 16px; border-radius: 32px; padding:8px 12px; background:rgba(0,0,0, 0.4);}

.text-md-justify{text-align: justify;}

.spc .card{background:#fff !important; box-shadow: 0px 0px 5px #000;}
.spc img{width: 42px; margin-bottom: 5px;}

.blink-btn {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.map iframe{width: 100%; border-radius: 100px 100px 100px 0; border:1px solid #91a6cf !important;}

h1{font-size: 34px !important;}
h2{font-size: 30px !important;}
h3{font-size: 28px !important;}
.speaker{width: 100%; position: relative;}
.spimg{border-radius: 100px 100px 100px 0 !important; transition: all, .3s; border:1px solid #6980b5;}
.speaker:hover .spimg{padding: 10px; border: 1px solid #dadada;}
.icon { position: absolute; top:0%; left:0%;}
.icon img{width: 32px; height: 32px; border-radius: 50%; border:1px solid #6980b5; padding: 2px; background: #fff; }
.title{font-size: 48px !important;}


@media screen and (max-width:900px){
h1{font-size: 28px !important;}
h2{font-size: 24px !important;}
h3{font-size: 22px !important;}
.title{font-size: 34px !important;}    
    .spc h5{font-size: 12px !important;}  
    .slider h1{font-size: 38px !important; line-height:42px !important;}
    .slider p{font-size: 12px;}   
    .inner h1{font-size: 34px;}
    .inner p{font-size: 12px;}
    .text-md-justify{text-align:left;}
    .info{text-align: right;}
    .info h2{font-size: 18px; }
    .info div{font-size: 11px;}
    .chairman{ position: absolute; bottom:0; left:4%; margin-right:50px; width: 30%; z-index:2}
   .countdown{width:600px !important;}
    .contdown li{padding:15px 15px 0px 15px;}
   .countdown li div{font-size:34px;  line-height: 30px !important;}
    .countdown li span{font-size: 12px; }
    .countdown li div{color:#fff;}
}