/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }*/
ol,ul { list-style:none;}
.bullet-design ol{list-style: decimal;padding-left: 45px;margin-top:15px;}
.bullet-design ul{list-style: disc;padding-left: 45px;margin-top:15px;}
caption,th {text-align:left;}

q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.last   {margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/**************************************************************************************/
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1 {font-size:60px;font-family: 'Playfair Display'}
h2 {font-size:40px;font-family: 'Playfair Display'}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p{color: #333333;font-size: 16px;  font-family: 'Heebo-Regular';margin-bottom: 0;}
/*---------------------------------------------------*/
html {}
body {color:#000000;  font-size:16px;width: 100%!important;  font-family: 'Heebo-Regular';overflow:hidden;}

.container{max-width: 1200px;margin: 0 auto;}
button:focus{outline: none;box-shadow: none;border:none;}
/*fonts */


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

button{ border:none; cursor:pointer; outline:none; }
@font-face {
  font-family: 'Heebo-Regular';
  src: url('../fonts/Heebo-Regular/Heebo-Regular.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/Heebo-Regular/Heebo-Regular.woff') format('woff'), 
   url('../fonts/Heebo-Regular/Heebo-Regular.ttf')  format('truetype'), 
   url('../fonts/Heebo-Regular/Heebo-Regular.svg#Heebo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**/
.login-bg{
  background-image:url(../images/login-bg.png);
  background-repeat: no-repeat;
  height: 100vh;
  background-position: center; 
  background-size: cover;
  }
 .login-wrapper-card{
    position: absolute;
    right: 50%;
    transform: translate(50%, 50%);
    bottom: 50%;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    max-width: 500px;
    min-width: 500px;
    border-radius: 12px;
  }
  .padding-fields{padding: 0 50px 0 50px;}
  .login-wrapper-card h2{font-size: 38px;font-family: Playfair Display;}
  .form-control, .form-control:hover, .form-control:focus{color:#000;font-size:16px;box-shadow: none;outline:0;border-color: #c3c3c3; font-family: 'Heebo-Regular';}

.form-control::-webkit-input-placeholder { /* Edge */
 font-size:16px;
  font-family: 'Heebo-Regular';
}

.form-control:-ms-input-placeholder { /* Internet Explorer */
 font-size:16px;
  font-family: 'Heebo-Regular';
}

.form-control::placeholder {
 font-size:16px;
  font-family: 'Heebo-Regular';
}
.formValidation .has-error .help-block {
    color: #d06868;
    font-size: 12px;
    line-height: 1.1;
   padding: 0 0 0 10px;
}
.validationClass .has-error .help-block {
  color: #d06868;
  font-size: 12px;
  line-height: 1.1;
 padding: 0 0 0 10px;
}
.login-submit{
  transform: translateX(50%);
    position: absolute;
    right: 50%;
    bottom: -40px;
}

/********filed transition label*********/
.vBubble{margin: 5px 0px;}
.kinput { /* The group of label + input */position: relative;}

.kinput label{ /* The placeholder label */ font-family: 'Heebo-Regular';
color: #333333;position: absolute;font-size: 16px;top: 8px;left: 10px;transform-origin: bottom left;transition: 150ms ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;pointer-events: none;}
.form-section-sechdule input:focus ~ label, .form-section-sechdule input:valid ~ label{
  transform: scale(.75) translateY(-45px);font-size: 16px;}
.kinput input:focus::placeholder, 
.kinput input:valid::placeholder{color: #666;}
.form-section-sechdule textarea{resize: none;}
.form-section-sechdule textarea:focus ~ label{transform: scale(.75) translateY(-34px);font-size: 16px;}
.ktextrea label{margin: 15px 20px;background-color: #3c3c3c;color: #666;position: absolute;font-size: 16px;top: 9px;left: 10px;transform-origin: bottom left;transition: 150ms ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all; pointer-events: none;}
/*********transition input filed transition end********/



.login-submit:focus{box-shadow: none;outline: 0;}
/************  CSS only for  IE9, IE10, IE11 *************r*******/
  @media screen and (min-width:0\0) {
  
}
/************  CSS only for  IE9, IE10, IE11 end ********************/


/***************  CSS only for  MS edge *****************/
@supports (-ms-ime-align: auto) {
   
}
/***************  CSS only for  MS edge END *****************/


button#mutebtn{ background:url(../images/playing.png) no-repeat;
  width:25px;
  height:25px;
  background-position: center;
    background-size: contain;
}
        

button#playpausebtn{  background:url(../images/189889.svg) no-repeat;
  width:30px;
  height:30px;
 
}
/* .inside-campus-bg{
  background-image: url(../images/campus-bg.png);background-repeat: no-repeat;background-repeat: no-repeat;
    height: 100vh;
    background-position: center;
    background-size: cover;} */
    .wrapper-campus{
    width: 464px;
    height: 175px;
    background-image: url(../images/curve-img.png);
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #fff; */
   /* clip-path: circle(50% at 51% 100%);
   -webkit-clip-path: circle(50% at 51% 100%); */
   /* -webkit-clip-path: circle(50% at 52% 90%)  padding-box;
    clip-path: circle(50% at 52% 90%)  padding-box; */
    }
    .wrap-align{position: fixed;
    right: 50%;
    bottom: 0;
    transition: .5s ease-out;
    transform: translateX(50%);}
    .bottom-195{bottom: -195px;}
    .music-btns{
      position: absolute;
      top:50%;
      left: 20px;
    }
        /****************  hambergur menu css******************/
    .hambergur{cursor: pointer;position: absolute;top: 50px;left: 50px;}
.right-added{left: 0;}
.sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -300px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
 
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.margin-left-0{left: 0;}
.side-menu .btn-link{width:250px;color: #666666;font-size: 20px;font-weight: 400;line-height: 1.8; font-family: 'Heebo-Regular';text-decoration: none;}
.side-menu .side-border{border:0;border-bottom: 1px solid #ccc !important;margin:10px 15px}
.body-align{
padding: 0 25px 0 25px
}

.body-align h5{font-size: 18px;font-family: 'Playfair Display';color: #666666;}
.side-menu .card-header {padding: 0px 25px 0px 25px  }
 .dropdown-btn{  transform: rotate(180deg);transition: .5s ease-out;}
 .collapsed .dropdown-btn{  transform: rotate(0deg);transition: .5s ease-out;}


 .close-side-bar{position: absolute;
    top: 50px;
    left: 310px;width: 40px;height: 40px;cursor: pointer;transition: .5s ease-out;
  }

 /****************  hambergur menu css end******************/





.vertical_scroll { overflow:auto;padding:0 0 25px 0;}
.horizontal_scroll{overflow:auto;}
.horizontalvertical_scroll{height:150px;overflow:auto}
.scroll_wrap h2 {padding:25px 0 25px 0;}
.blk {width:2000px;padding:0 0 25px 0;}

.scroll_wrap .mCSB_dragger .mCSB_dragger_bar,.scroll_wrap .mCSB_dragger:hover .mCSB_dragger_bar{background:#f00 !important;}

.wrapper-campus a {font-size: 25px;}
.bottom-header{position: fixed;bottom:-290px;left: 0;
    width: 100%;z-index:1;}
    .tabs-list .nav-item .nav-link{border:0;padding: 0;color: #666666;font-size:16px;}
    .tabs-list{background-color: #fff;}

 .tabs-list .nav-item{padding: 10px 25px 10px 0px;}
 .tabs-list .nav-item .nav-link.active{color: #000;}
 .tabs-list .nav-item .nav-link.active::after {
  content: "";
  width: 35px;
    height: 2px;
    background-color:#005aab;
    position: absolute;
    bottom: 0;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.nav-tabs .nav-item{margin-bottom: 0;}
/*slicker*/
/*.scrnshot-blk .slick-prev{font-size: 0;width: 40px;}*/
.scrnshot-blk .slick-prev {
    left: 0px;
   position: absolute;
    top: 35px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    z-index: 1;
    font-size: 0;
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
}
.scrnshot-blk .slick-next {
    right: 0px;
   position: absolute;
    top: 35px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    z-index: 1;
    font-size: 0;
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.sidenav{z-index: 100;}
.scrnshot-blk .slick-slide:focus{outline: 0;}
.click-floor{color: #ffffff !important;font-size: 16px;}
.scrnshot-slider h6{color: #ffffff;font-size: 16px;}
.bottom-0{bottom: 0;transition: .5s ease-out;}
.wrap-inside{cursor: pointer;}
.bottom-header{transition: .5s ease-out;}
iframe{width: 100%;height:100%;}
.click-floor{cursor: pointer;}


.wrapper-campus {
 /* animation: mouse 1s ease 0.2s infinite;*/
  cursor: pointer;
 
}

@keyframes mouse {
    0%   {
      transform: translateY(0px);
      opacity: 1;
    }

    50% {
      transform: translateY(10px);
      opacity: 0.5;
    }
  
    100% {
      transform: translateY(0px);
/*       opacity: 0; */
    }
}

/*.close-video{transform: translate(50%, 50%);
    position: absolute;
    bottom: 150px;
    right: 50%;cursor: pointer;}*/

    .close-video{margin: 15px auto;}
.hum-close-btn{position: absolute;left: 50%;transform: translateX(-50%);}
.vd-select-btn{cursor: pointer;}
    /*Raghu hegde*/
    .curve-fff{background-image: url(../images/curve-img.png);background-size: contain;background-repeat: no-repeat;background-position: center;height: 50px;width: 125px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

    .tab-content>.tab-pane{display: block;
  height: 0;
  overflow: hidden;}

  .tab-pane.active{height: auto;}
  
  .campus-inner-logo{animation: mouse 1s ease 0.2s infinite;}
  
  .vd-select-btn img{width: 60px;height: 50px;border-radius: 12px;object-fit: cover;}
  
  .scroll-div{white-space: nowrap;flex-wrap: nowrap;overflow: auto;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
      width: 8px!important;
      background-color: rgba(0, 0, 0, .4);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:focus{
      width: 8px!important;
      background-color: rgba(0, 0, 0, .4);
}


::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}


.mCSB_scrollTools .mCSB_draggerRail{
  background-color: rgba(255, 255, 255, .75);
}

.wid_150{
  max-width: 150px;
}
.mar_0{
  margin: 0 !important;
}