#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: 32px; margin-left: 10px; margin-top:0px;
   height: 32px;
   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);
   }
}
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:#fff url('../img/inner2.jpg') no-repeat center center; background-size:100%;}
.countdown{display:inline-block; width:100%; overflow:hidden; -webkit-padding-start: 0px; list-style-type:none; padding: 50px 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;}

.main-menu li{padding: 0 !important; margin: 0 .5% !important;}
.main-menu li a{font-weight:600;}
.main-menu li a:hover{color: #2cbec8 !important;}
.hero-subtitle{color: #FFF !important; padding:5px !important; text-transform: uppercase; border:0px solid #2cbec8 !important;}
.hero-title{color:#FFF; font-weight: 500;  text-transform: uppercase;}
.hero-text{color: #fff !important; background:#333; 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:var(--bg-ortho) !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;}

p{color: #444 !important; font-size: 16px;}
.btn-otrho{background: #fff; padding: 3px 8px; border: 2px solid #2cbec8; border-radius: 32px; color: #585857; font-size: 14px; cursor: pointer; display:inline-block; width: auto;}
.vs-btn{color: #fff;}
.cs-btn:hover{background: #fff !important;}
.link{color:#2cbec8 !important;}
.link:hover{color:#585857 !important;}
.text-justify{text-align: justify;}
.text-ortho{color:var(--bg-ortho) !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;}




.hero-layout2 .hero-shape-01 {
  top: 60px;
  left: 16%;
}
.hero-layout2 .hero-shape-02 {
  top: 133px;
  width: 31px;
  height: 32px;
  left: 52.5%;
}
.hero-layout2 .hero-shape-03 {
  top: 218px;
  left: 48%;
}
.hero-layout2 .hero-shape-04 {
  top: 85px;
  left: 36%;
}
.hero-layout2 .hero-shape-05 {
  top: 85px;
  left: 60%;
}
.hero-layout2 .hero-shape-06 {
  top: 166px;
  left: 64.5%;
}
.hero-layout2 .hero-shape-07 {
  top: 244px;
  width: 31px;
  height: 32px;
  left: 63.8%;
}
.hero-layout2 .hero-shape-08 {
  top: 339px;
  left: 63.5%;
}
.hero-layout2 .hero-shape-09 {
  top: 337px;
  left: 58%;
}
.hero-layout2 .hero-shape-010 {
  top: 293px;
  left: 78.5%;
}
.hero-layout2 .hero-shape-011 {
  top: 239px;
  left: 74%;
}
.hero-layout2 .hero-shape-012 {
  top: 270px;
  left: 80%;
}
.hero-layout2 .hero-shape-013 {
  top: 360px; filter:invert(100%);
  left: 25%;
}
.hero-layout2 .hero-shape-014 {
  top: 280px;
  left: 54.5%;
}
.hero-layout2 .hero-shape-015 {
  top: 724px;
  left: 51%;
}
.hero-layout2 .hero-shape-016 {
  top: 100px;
  width: 31px;
  height: 32px;
  left: 49%;
}

.bg-speakers{background:#d5e3e6;}

@media (max-width:980px){
    h1{font-size: 26px;}
    h2,.sec-title{font-size: 20px; font-weight: 700 !important;}
     h5{font-size: 16px;}
    .sec-subtitle{font-size: 14px;}
    p, .accordion-body ul{font-size: 12px;}
    .copyright-text{font-size:10px; color:#fff !important; }
.hero-layout2 .hero-img {
  position: relative;
  max-width:320px; margin: 0 auto; padding: 30px 0;
}    
.vs-btn{padding:10px 15px; font-size: 12px;}    
.hero-text{color: #fff !important; background:#333; padding:0 5px; border-radius:32px; font-size: 12px !important;}    
.header-top{background: #FFF !important;}    
.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{display:inline-block; width:100%; overflow:hidden; -webkit-padding-start: 0px; list-style-type:none; padding: 20px 0 0 0;}    
.countdown li div{font-size:32px !important; padding-bottom:0px; color:var(--bg-ortho); font-weight: 300; width: 100%; text-align: center;}
    .countdown li{font-size: 11px !important; font-weight: 600; color: var(--bg-ortho3)}    
}