#spinner {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background:rgba(255,255,255, .9) url(../../loading.gif) no-repeat center center;
  z-index: 7777;
}
.spinner{ float: right; display: none;   
   width: 22px; margin-left: 10px; margin-top:3px;
   height: 22px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#fff 94%,#ffffff) top/5px 5px no-repeat,
   conic-gradient(#0000 30%,#ffff);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
   animation: spin-c7wet2 1s infinite linear;
}
@keyframes spin-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}

.img-hover-text {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.img-hover-text img {
  display: block;
  width: 100%;
  height: auto;
}

.hover-text a{ color: #FFF;}

.hover-text{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  color: white;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: opacity 0.4s ease;
  backdrop-filter: blur(4px);
}

.img-hover-text:hover .hover-text {
  opacity: 1;
}

.feature-content h5{font-size: 16px;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 26px;}
h4{font-size: 24px;}
h5{font-size: 18px;}
p{font-size: 14px !important;}

h1,h2,h3,h4,h5{ color: #212859;}
.bg-blue { background: #212859;}
.text-blue { color: #212859;}

.bg-lightblue{ background: #6A68A1;}
.text-lightblue { color: #6A68A1;}

input[type=checkbox]{padding:20px !important; margin-left: 5px !important;  width:25px !important; height:25px !important;}
.inner{width: 100%; padding:15% 0; margin: 0; height:auto; background-size:100%;}
.countdown{display:inline-block; width:100%; overflow:hidden; -webkit-padding-start: 0px; list-style-type:none; padding: 100px 0 0 0;}

.countdown li{margin:0; width:33.3%;  display:block; float: left; position: relative; list-style-type:none; border-radius:6px; text-align:center; font-weight: 200; text-transform: uppercase; color: #000; border: 0px solid #ddd;}

.countdown li div{font-size:5em; padding-bottom:40px; color: #2cbec8; font-weight: 300; width: 100%; text-align: center;}
.xl{font-size: 18px !important;}
.countdown li span{font-size: 16px;  text-align:left; text-transform: uppercase; left:30%; top:0px; position: absolute; width: 100%; letter-spacing: 3px; color: #666;}
.bg-dark{background: #212859;}

.main-menu li{padding: 0 !important; margin: 0 !important;}
.main-menu li a{font-weight:600; margin: 0 !important; font-size: 12px !important; background: #6A68A1;  color: white; padding:6px 10px !important;
}
.main-menu li a:hover{color: #6A68A1 !important;}
.hero-subtitle{color: #585857 !important; padding:5px !important; text-transform: uppercase; border:0px solid #2cbec8 !important;}
.hero-title{color:#2e3876; font-weight: 500;  text-transform: uppercase;}
.hero-text{color: #fff !important; background:#2e3876; padding:0 15px; border-radius: 15px 0 15px 0;}
.bold{font-weight: 600;}
.normal{font-weight: 500;}
.upper{text-transform: uppercase;}
.caps{text-transform: capitalize;}
.copyright-wrap{background: #2e3876 !important;}
.team-name{font-size: 16px;}
.team-degi{font-size: 14px; color: #666 !important;}
.team-content img{width: 38px; height: 38px; padding: 3px; border: 2px solid #00bfca; border-radius: 32px;}
.bg-blue{background: #2e3876;}
.bg-ortho{background: #2e3876;}
p{color: #444 !important; font-size: 16px;}
.btn-otrho{background: #fff; padding: 3px 8px; border: 2px solid #2e3876; border-radius: 32px; color: #585857; font-size: 14px; cursor: pointer; display:inline-block; width: auto;}
.vs-btn{color: #fff; padding:10px 20px;}
.cs-btn:hover{background: #fff !important;}
.link{color:#2cbec8 !important;}
.btn-primary{ background: #2e3876 !important;}
.link:hover{color:#2e3876 !important;}
.text-justify{text-align: justify;}
.text-ortho{color: #2cbec8 !important;}
iframe{width: 100%; height:600px;}
.input-rounded{border-radius: 32px !important;}
.border-2{border: 2px solid #2cbec8;}
.btn-default:hover{background: #f1f1f1;}
.bg-none{background:transparent !important;}
.shadow-0{box-shadow: none !important;}
.pull-right{float: right !important;}
.team-style1{max-width:100%;}
.team-style1 .team-degi{line-height: 12px !important; ont-size: 12px;}
.team-style3 .team-img img{padding:10px; margin-bottom: 20px; border: 1px solid #00bfca; border-radius:20px !important;}
.team-img{background: #f1f1f1; padding:5px; border: 5px solid #fff; box-shadow: 0 0 5px #dadada;}
.team-img img{padding-top:7px;}
.team-content{border:0px solid #fff !important;}
.small{font-size: 12px;}
.spcinner .btn{ padding:3px 8px; border-radius: 32px; background:#fff; display:inline-block; cursor: pointer !important; border: 2px solid #00bfca; color: #00bfca; transition:all 0.3s;}
.c-img img{border:1px solid #ddd; border-radius: 100%;}
.spcinner .btn:hover{background: #00bfca; color: #fff; border: 2px solid #00bfca;}
.btn-close{color: #000 !important; border: 2px solid #333; float: right !important;}
.btn-xs{border-radius: 32px;}
.btn-default{border: 2px solid #333;}
@media (max-width:600px){ 
.team-style1 .team-img {width: 190px !important; height: 190px !important;}
.team-name{font-size: 14px !important;} 
.team-content .btn-xs{font-size: 12px; border-width: 1px;} 
    .team-content img{width:30px; height:30px; padding:2px; border-width: 1px;}    
.countdown li div{font-size:46px !important; padding-bottom:20px; color: #2cbec8; font-weight: 300; width: 100%; text-align: center;}
    .countdown li{font-size: 14px !important;}    
}


.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  color:#fff;
  background-color:#6A68A1 !important;
  border-radius: 50%;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color:#212859;
  color:#FFF;
}

@media screen and (max-width:900px){
.vs-menu-wrapper{min-width: 95% !important;}    
.feature-content h5{font-size: 14px !important;}    
.hidden-xs{display: none !important;}    
}
@media (max-width:320px){
.vs-menu-wrapper{min-width: 95% !important;} 
}
@media (max-width:600px){ 
.vs-menu-wrapper{min-width: 95% !important;}    
.inner{width: 100%; padding:60% 0; margin: 0; height:auto; background-size:cover;}    
}