/*header, footer, .hd-shadow{display: none;}*/

/******************** changes in 575 *************************/
/*@media (max-width: 575px){
.pd-lr0-575{padding-right: 0px; padding-left: 0px}
.col-576{padding-left: 0px; padding-right: 0px}
.pd-2-35 {padding-left: 0px; padding-right: 0px;}
.pd-2-35 .row{margin-left: 0px; margin-right: 0px}
.mrg-top-18{margin-top: 18px}
.mrg-btm-18{margin-bottom: 18px}
}*/


/******************** fonts used *************************/
/*font-family: 'comfortaaregular'; ubuntu, font-family: 'uni_neuelight';*/

/*html{scroll-behavior: smooth;} for smooth scrolling but not working in safari*/

/*body*/
body
{background-color:white !important;color:#3c3c3c !important; font-family: 'ubunturegular'; font-size: 14px; }

      
  

/*other*/
/*handbook*/
.handbook-box{height: auto !important; padding: 50px !important; text-align: center; border:1px solid silver;}
.hand-name {
    margin-bottom: 12px !important;
    display: table;
    margin: 0 auto;
}

.hand-name img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
}

.hand-p {
    display: inline-block;
    position: relative;
    top: 3px;
    padding-left: 9px;
    width: calc(100% - 32px);
    vertical-align: middle;
    font-size: 18px; 
}

.hand-name img, .hand-p {
    float: left;
}



/**************************************************************************************************/
/*******************************************  header   *******************************************/
/**************************************************************************************************/



/************* header divs *************/ 
.hd-shadow{box-shadow: 0px 26px 72px 98px rgb(14 14 14 / 55%);
    width: 100%;
    position: absolute;
    z-index: 4;}
header{font-size: 13px; z-index: 5;}
.rel-cont{padding-top: 20px; min-height: 108px;}
.header-top { padding-top: 0px; }
.hd-main{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.hd-main{position: absolute;width: 100%; top:0px; left:0px;z-index: 56}
.logo-col{display: block;/* z-index: 18;*/ padding-bottom: 6px; position: relative;/*float: left;*/}

.other-col{/*float: right; padding-left: 30px*/}
.logo{ /*max-height: 83px;*/    position: relative;
    z-index: 17;
    margin: 0px auto; display: block; width: auto; }
/*.logo-div{border-right: 1px solid rgba(255,255,255,.4);}*/
.hd-main .cal-para,
.hd-main .navbar-nav>li>a,
.hd-main ul.header-social li a .fa
{color: white !important; opacity: 1 !important}



.bars-link{padding: 2px 11px 1px 12px !important;
   /* border: 2px solid white;
    margin-top: 3px !important;*/
    margin-top: 10px !important;
    margin-right: 10px;}

.header-student .has-dropdown {padding-right: 5px; padding-left: 5px}
.header-student .has-dropdown a{padding:5px 15px;}
.header-student .has-dropdown.active a{background-color: #f98012; color: white !important}






/*3 layer mega menu*/
.sub3{
    position: absolute;
    border-left: 1px solid #dedede;
    background-color: white !important;
    right: 0px;
    top: 0;
    width: 900px;
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 0px 0px 0px 10px;
    text-align: left;
    min-height: 240px;
    padding-right: 600px;
}

.sub1 li:hover .sub3 {
    display: block !important;
}

.fstshw .sub3 {
    display: block !important;
}

.layer3-menu .sub1 {
    padding-right: 900px;}

.sub4{padding-top: 15px}

.sub4 li{padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    border-right: 3px solid rgba(255,255,255,.2);}


.sub4 > li > a {
    border-bottom: 1px solid #dedede;
    border-left: 2px solid transparent;
    vertical-align: middle;
    display: table-cell;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 44px;
    width: 100%;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}


.sub5{
    position: absolute;
    border-left: 1px solid #dedede;
    background-color: white !important;
    right: 0px;
    top: 0;
    width: 600px;
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 0px 0px 0px 10px;
    text-align: left;
    min-height: 240px;

}

.sub4 li:hover .sub5 {
    display: block !important;
}

.sub4 .fstshw .sub5 {
    display: block !important;
}








/*#########################################################################*/
/****************  for old style website *********************/
/*#########################################################################*/

#old .hd-main {position: static;}
#old .has-dropdown .list-link {
    color: #000000;}

#old .home {box-shadow: none; background-color: #f98012;}

#old .enter-email {
    background-color: rgb(16 16 16 / 12%);color: #333 !important}


#old .list-link:hover {
    color: #f98012 !important;
}


#old-bd .slide-div{/*height: calc(100vh - 157px)*/ height: 400px}

/*#old-bd .slide-div.bg-bg{background-position: center center;}*/

#old-bd .flip-cont-main{position: relative;overflow: hidden;}

#old-bd .flipper-cont {
     margin-top: 0px; bottom:auto; 
    top: 48px; /*right: -284px*/ /*right: -430px*/
right:-1070px;}






/*####################### Departments #########################*/
.dpt-main{background-color: #efefef}
.dpt-main h3{ padding-top: 14px; padding-bottom: 10px;}
.dpt-main .my-box{margin-bottom: 20px !important}
.dpt-col{padding-left: 10px; padding-right: 10px}
.dpt-col .my-box {padding: 0px;}



/*####################### vision mission #########################*/

.mission-main
{position: relative;margin-bottom: 60px}
/*.vision-float-bg{position: absolute;width: 50%; height: 100%; right: 0px; top:0px; color: white !important;
background-image: url(../img/events/5.jpg); background-repeat: no-repeat; background-size: cover; 
background-position: bottom center;}*/
.mission-float-bg{position: absolute;width: 50%; height: 100%; left: 0px; top:0px; background-color: white; 
background-image: url(../img/images/mis-vis-bg.jpg); background-repeat: no-repeat; background-size: cover; 
background-position: center center;}
/*.mission-col, .mission-main, .vision-float-bg, .mission-float-bg{min-height: 400px;}*/
.mission-cont{padding-right: 35px; height: 100%;}
.vision-cont{padding-left: 35px}
.clr-white{color: white !important}
.mission-main .boxes-btn, .mission-main .boxes-btn span{color: white}
.mission-main .boxes-btn:before{background-color: white}
.mission-main .boxes-btn:hover{color: white}
.vision-float-bg-overlay, .mission-float-bg-overlay {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    /*background-color: rgba(0,0,0,.4);*/
}

.vision-float-bg-overlay
{right: 0px;}

.mission-float-bg-overlay
{left: : 0px;}

.mis-box img, .vis-box img{    width: 80px;
    height: 80px;
    padding: 10px;
    border-radius: 4px;
    background-color: #09eaac;
    border: 2px solid #07c78f; margin-right: 10px}

.ft-para{line-height: 24; max-height: 68px;
    line-height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;
}

.mis-div .line{height: 6px}
.read {
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    display: table;
    margin-top: 20px;
    padding: 11px 26px 10px;
    text-align: center;
    border-radius: 4px;
    font-family: 'rubikmedium';
}
.mis-div .read{background-color: transparent; color: white; border:2px solid  #06ca93;}
.mis-div .read:hover{background-color: transparent; color: white; border:2px solid white;}
.mis-div h2{font-size: 24px; margin-bottom: 5px;font-family: 'rubikmedium'; letter-spacing: 0px}
.mis-box{background-color: #f98012d4;
    color: white;
    padding: 40px;    margin-top: 90px;}

.typewrite{color: white !important}
.typewrite:hover {color: white !important}
.swiper-slide{ background: transparent !important; }
.swiper-pagination-bullet-active{background-color: #756b6b !important}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 0px;}
.swiper-cont-main{padding-left: 0px; padding-right: 0px; position: relative; height: 200px}


/*.anm-para{padding-right: 30px}*/
/*.ml2 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}
*/



/**********************************************************************************************/
/*swiper slider general*/
/**********************************************************************************************/

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

/*swiper events*/
.swiper-events{position: relative; /*background-color: #e6f4ee;*/ background-color: #fcf6e2;
 height: 460px;border-radius: 10px;/* padding-left: 140px; padding-right: 100px*/}
.swiper-events .swiper-slide{    padding-top: 20px; padding-bottom: 20px;}
.swiper-events .com{font-size: 14px}

.swiper-events .swiper-button-next:after,
.swiper-events .swiper-button-prev:after
{font-size: .8em}

.swiper-events .swiper-button-next,
.swiper-events .swiper-button-prev{border-radius: 4px;
    line-height: 30px;
    padding: 10px;
    height: 24px;
    width: 24px;
    background-color:rgb(249 128 18);
    border-radius: 100%;
    color: wheat;
    transform: rotate(90deg)
}


.swiper-events .swiper-button-next
{top:80px;}
/*.swiper-events .swiper-container{padding-right: 40px}*/

.swiper-events .swiper-button-prev{right: 10px !important;
    left: auto;top:50px;}




/*####################### events with photo #########################*/
.eve-img {height: 146px; overflow: hidden; position: relative; }
.eve-img  img{ margin: 0 auto; width: 100%}
.eve-img-cont{width: 200px}
.eve-dtl-cont{width: calc(100% - 200px); padding-left: 20px}
.no-image .eve-dtl-cont{width: 100%; padding-left: 0px;margin-bottom: 10px}
.eve-img-cont, .eve-dtl-cont{float: left;}
.eve-date{color: #a9a7a7;
    font-family: 'rubiklight';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; margin-bottom: 6px;margin-top: 0px}

.news-date-ev{position: absolute;
    width: 80px;
    height: 54px;
    padding: 11px 6px;
    font-size: 12px;
    text-transform: capitalize;
    background-color:rgb(249 128 18 / 83%);
    color: white;
    right: 0px;
    top: 0px;
    text-align: center;
    margin-bottom: 0px;}



#marquee-vertical2 li a{display: block; float: left;}
#marquee-vertical2 li{margin-bottom: 15px; display: block; float: left;}
.news-title{font-size: 14px;
    margin-bottom: 5px;
    color: #272727;
    font-family: 'comfortaaregular';
    text-transform: capitalize;
    font-weight: bolder;}


.mission-cont
{/*background-color: rgb(218 93 5 / 85%)*/;
    background-color: rgb(49 49 49 / 65%);
    color: white;
    padding: 23px 23px;
  /*  margin-top: 180px;*/}


.mission-cont h3{color: white; display: table; border-bottom: 3px dashed #f98012; padding-bottom: 5px}

/*.mission-cont .owl-dot {background-color: #5f3c1c !important}*/





/*####################### principal's message #########################*/

.str-princ figure{    width: 57%;
    margin: 0 auto;}

.str-princ .princ-row {
    padding: 15px 0px; margin-bottom: 0px; box-shadow: 3px 4px 20px 0px rgb(249 128 18 / 34%)}

.str-princ .princ-name {
    font-family: 'uni_neueheavy_italic';
    color: #f98012;
    font-size: 18px;
    margin-bottom: 13px; margin-top: 10px;
    border-bottom: 1px solid #f98f2e;
    text-align: center;
}

.str-princ .princ-pos {text-align: center; margin-bottom:10px;}

.website{color:#333;}


/*####################### space #########################*/
.g-a-space{margin-top: 20px}
.space-para{margin-top: 30px}
.str-space .list-group-item3 {width: calc(100% / 10 - 4px); margin-left: 2px; margin-right: 2px}
.str-space .stream-list img{display: none;}
.str-space .click-div{margin-bottom: 30px}
.str-space div.bhoechie-tab-menu3 div.list-group3>a.active:after
{  left: 45%;
    bottom: -12% !important;
    top: auto;
    transform: rotate(90deg);}


#space{width: 100%}

#space .carousel-inner img {
    width: 100%;
     height: auto !important; 
}


#space .carousel-indicators li{width: auto !important; height: auto !important; text-indent: 0px; 
    color: white; text-align: center; opacity: 1; border:none; background-color: transparent;}
#space .carousel-indicators li a{  background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    /* height: 100px; */
    height: 50px;
    border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;}

#space .carousel-indicators li.active a{
    background-color: #f98012;
    color: white;}

#space .carousel-indicators{position: static; margin: 0 auto; margin-bottom: 10px}

#space .carousel-inner{padding-left: 66px; padding-right: 66px}



/*black*/
#black #space .carousel-indicators li a {
    background-color: #363535;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    border: 1px solid rgb(242 242 242 / 44%);
    width: 100%;
    border-radius: 3px;
    padding: 5px 8px;
    line-height: 16px;
    color: rgb(244 243 243 / 95%);
    overflow: hidden;
}


#black #space .carousel-indicators li.active a {
    background-color: #f98012;
    color: white;
}

#black h2{color: white}
#black .gen-para{color: white}

#black .space {
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgb(0 1 1 / 10%);
    border: none !important;
    background-color: rgb(11 11 11 / 50%);
}

#black .my-box {
    height: 100%;
    display: block;
    padding: 2px;
    background: #f98012 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgb(0 1 1 / 10%);
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}



#black .demo-gallery li img{border:1px solid #f98012;}

#black .b-line:after{background-color: white}
#black .b-line:before{background-color: #f98012}
#black #space .carousel-inner {
    padding-left: 40px;
    padding-right: 46px;
    padding-right: 40px;
}

#black .view:hover, #black .morebtn:hover{color: white !important}

#black .demo-gallery.home-gal li a.view{overflow: initial;}



/*####################### card design #########################*/
/*.card-main{background-image: url(../img/slides/slide1.jpg);}
.card-overly{background-color: rgba(255,255,255,.6)}*/
.card-main{background: linear-gradient(to bottom,rgba(244,252,255,0) 0,#f9f9f9 90%);}
.card-main .card{    border: 1px solid #c3c3c3;}
.card-main .card-icon{ width: 50px;
    padding: 10px;
    opacity: .8;
}
.card-main figure{ display: table;
    margin: 0 auto;
    margin-bottom: 2px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    box-shadow: inset 2px 2px 20px -2px #e4e4e4;
    border-top: 2px solid #f98012 !important;}


.card-cont .card{width: calc(100% / 5 - 10px); margin-left: 5px; margin-right: 5px;  float: left;display: block;
    color: #3c3c3c;
}

.card-cont .card-body{ padding: 12px 15px;}

.card-cont .card, .card-main figure
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.card-cont{padding-left: 120px; padding-right: 120px}

.card-cont .card:hover  figure{border: 2px solid transparent !important; box-shadow: none; background-color: white}

.card-cont .card:hover  figure img{animation-name: swing; animation-duration: .5s}
.card-cont .card:hover{background-color: #f98012; color: white; border:1px solid #f98012; }





/*####################### awards & achievementsyear wise #########################*/

i.big {
    font-size: 120px;
    margin-bottom: 0px;
    display: block; float: none; clear: both; width: 100%; color: #756b6b}

 div.bhoechie-tab-content2 h3.aw-h3{font-size: 22px !important; color: #756b6b!important;
    font-family: 'ubuntubold';}
.bhoechie-tab2{ padding-left: 30px;}
.str-awards{background: linear-gradient(to bottom,rgba(244,252,255,0) 0,#f5f5f5 90%)}







/*####################### VALUES CHARTER  #########################*/

.round-small{z-index: 1; border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    background: #f98012;
    margin-bottom: 15px;
    display: inline-block;
    border: solid 9px #fff;}

i.round-small:after {
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    content: " ";
    border-radius: 50%;
    position: absolute;
    border: 1px solid #756b6b;}

.value h3{font-size: 17px; color: #ff9535;
    margin-top: 0px; margin-bottom: 8px}

.value{margin-bottom: 18px; color: white}

.value-col4{width: 38% !important; max-width: 38% !important; flex:38% !important;}

.value-col8{width: 62% !important; max-width: 62% !important; flex:62% !important;}







/*####################### slider side list  #########################*/

.side-list-cont {
    position: absolute;
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.slide-list {
    width: 1040px;
    margin: auto;
}

.slide-list li {
/*    animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1s;*/
    display: block;
    float: left;
    margin-bottom: 0px;
}

.slide-list li:last-child a
{border-right: none;}

.slide-list li:first-child {
    margin-left: 0px;
}

.slide-list li a {
    padding: 0px 10px 0px 10px;
    display: block;
    text-align: center;
    width: 130px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: .2px;
    /* border: 2px solid rgba(255, 255, 255, 0.62); */
    /* font-family: 'rubikmedium'; */
    /* background: rgba(45, 148, 241, 0.83); */
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    cursor: pointer;
    /*border-right: 1px dashed rgb(251 164 84);*/
    position: relative;
    display:block;
}

.slide-list li a:after{    content: '';
    position: absolute;
    top: 22px;
    right: 0px;
    width: 1px;
    height: 38px;
    z-index: 5;
    background-color: rgb(251 164 84);}

.slide-list li a:before{content: '';
    position: absolute;
    top: 34px;
    right: -5px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #fba454;
    z-index: 6;
    background-color: rgb(80 78 78);}

.slide-list li:last-child a:after, .slide-list li:last-child a:before{display: none;}

.slide-list li a .box {
    width: 100%;
    /*border-bottom: 4px solid #2d94f1;*/
    border-radius: 6px;
    padding-bottom: 0px;
    color: white;
}

.slide-list li .sub-box1 {
    padding-right: 0px;
}

.slide-list li .sub-box {
    display: block;
    text-align: center;
}

.slide-list li a figure, .slide-list li a .slide-icon {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

.slide-list li figure {
display: table;
    margin: 0 auto;
    margin-bottom: 2px !important;
    border: 7px solid rgba(255, 255, 255, 0.28);
    /* font-family: 'rubikmedium'; */
    background: rgb(249 128 18);
    padding: 12px 12px 12px 12px;
    border-radius: 40px 40px 40px 4px;
}

.slide-icon {
    width: 38px;
    margin: 0 auto;
/*    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);*/
}

.slide-list li a p{font-size: 14px;
    background-color: rgb(0 0 0 / 31%);
    border-radius: 20px;}


.slide-list li a:hover figure{animation-name: swing; animation-duration: 1s;}










/************* high ul *************/ 
.high-ul{border-left: 1px solid rgba(255,255,255,.4); height: 42px;  padding-left: 20px; margin-top: -28px;}
.high-ul img{width: 20px; filter: invert(1) brightness(18); margin-top: -4px;}

/*social media*/
.social-cont{
    position: absolute;
    /*top: calc(55% - 192px / 2);*/
    top: calc(50% - 192px / 2);
    right: 20px;
    z-index: 9;
    /* background-color: rgba(35, 35, 36, 0.65); */
    border-radius: 8px;
    border-left: none;
    /* border-top: 5px solid #0089cf;*/
}

.social-cont:after,
.social-cont:before
{    content: '';
    width: 1px;
    height: 30px;
    background-color: white;
    position: absolute;
    border-radius: 20px;
}

.social-cont:after {
    left: 10px;
    top: -40px;}

.social-cont:before {
    left: 10px;
    bottom: -40px;}


ul.social{
display: inline-block;
  margin-bottom: 0;
}
ul.social li{
  float: left;display: block;
}
ul.social li a{
  display: block;
  width: 24px;
  height: 24px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  font-size: 17px
}

.social-cont ul.social li{margin-bottom: 10px}
.social-cont ul.social li a{/*background-color: rgba(0, 0, 0, 0.4) !important;*/
    border-radius: 4px;}

ul.social li a .fa{
line-height: 25px;
    font-size: 13px;
    border-radius: 4px;
    display: block;
    text-align: center;
    color: rgba(0,0,0,.8);
    background-color: rgb(255 255 255);
    border-radius: 100%;
}
footer ul.social li a .fa{color: #f77703;}
.footer-social-cont{ margin-bottom: 20px; text-align: center;}
ul.social li a:hover{ border-radius: 4px;transform: rotate(360deg);}
ul.social li a:hover .fa{
  border-radius: 4px;
  color: #fff !important;
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-iteration-count: 1;
}
ul.social li a:hover .fa-facebook{
  background-color: #3a5797;
}

ul.social li a:hover .fa-twitter{
  background-color: #1d9dec;
}
ul.social li a:hover .fa-instagram{
  background-color: #c4007e;
}
ul.social li a:hover .fa-linkedin{
  background-color: #0271ae;
}
ul.social li a:hover .fa-pinterest{
  background-color: #ce252c;
}
ul.social li a:hover .fa-youtube-play{
  background-color: #f4000f;
}
ul.social li a:hover .fa-whatsapp
{background-color: #31be32}



.yel .fa{background-color: #f4000f !important; color: white!important}
.fb .fa-facebook{background-color: #3a5797 !important; color:white !important;}
.ins .fa-instagram {background-color: #c4007e !important; color: white !important}


header .social{margin-right: 30px}
header .social li a{border-left: 1px solid rgba(255,255,255,.2)}
header .social li:first-child a{border-left: none;}


ul.social.vertical li{float: none !important;}

.logo-div{display: block;}



/*search ul*/
/*dropdown toggle*/
.search-ul{position: absolute;top:36px; right: 0px; z-index: 18;}
.search-ul li.dropdown{float: left;}
.dropright .dropdown-toggle::after{display: none;}
.search-drop{width: 250px; padding: 0px; background-color: transparent;/*border: 1px solid rgb(255 255 255 / 26%);*/
margin-left: 0px; margin-right: 0px; border-radius: 3px; left: -15px !important}
.dropdown-menu.right{right: 0px}
.search-ul i.icon-search{color: white; font-size: 18px}
.f-search{width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgb(208 202 197 / 40%);
    border-radius: 100%;
    display: block;
    line-height: 33px;    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.f-search:hover{background-color: #f98012}
.enter-email {
    width: calc(100% - 42px) !important;
    padding: 15px 15px;
    border-top-left-radius: 3px  !important;
    border-bottom-left-radius: 3px !important;
    border: 1px solid #d3d3d3;
    background-color: rgb(16 16 16 / 73%);
    color: white !important;
    margin-bottom: 0px !important;
    float: left;
    min-height: 40px !important;
    height: 40px;
}
input[type=text].enter-email:focus{border-bottom: 1px solid #f98012 !important;}
.subscribe_button {
background-color: #f98012;
    text-transform: uppercase;
    color: #fffcfc;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 40px;
    line-height: 43px;
    width: 42px;
    position: relative;
    top: 0px;
    float: right;
    text-align: center;
}

.moodle{margin-left: 10px;
   /* margin-top: 6px;*/}

/*********************************************************************************************/
/****************************************** mobile menu **************************************/
/*********************************************************************************************/

/*menu btn*/
.menu-btn{-webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 32px; 
    padding: 6px; line-height: 30px; height: 30px;
}
.bg-dark{background-color: #f98012 !important}
.menu-btn span {
    height: 2px;
    width: 100%;
    display: block;
    float: left;
}
.menu-btn>span:nth-child(2) {
    margin: 4px 0 4px auto;
    width: 75%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.menu-btn>span:nth-child(3) {
    margin-left: auto;
    width: 45%;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
}

.menu-btn:hover>span:nth-child(2), .menu-btn:hover>span:nth-child(3) {
    width: 100%;
}

.cd-dropdown-wrapper{margin-bottom: 0px; z-index: 20;}

.cd-dropdown-content li a{font-size: 15px; color: #333 !important}

.cd-dropdown li a:hover {
    color: #f98012 !important;
}


.center-image{width: auto;}

.cd-dropdown-content form
{ margin-top: 3px; border-radius: 0px}

/*********************************************************************************************/
/**************************************** desktop menu ***************************************/
/*********************************************************************************************/
.home{box-shadow: inset 2px 2px 20px 1px #f98012; 
    padding: 2px 10px !important;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
.home i{color: white}
.home:hover{background-color: #f98012 }
.list-link.home:hover:before{opacity: 0;}
.angle-down{margin-left: 5px}
.has-dropdown .angle-down{padding-left: 0px}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}

.border-ul li a
{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;

display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 5px 15px;
    width: auto;
    height: 62px;
    margin: 0px;
    margin-right: 5px;
    line-height: 20px !important;
    border: 1px solid #dedede;
    border-radius: 4px;
    color: #333;
    letter-spacing: .5px


}

.border-ul li{margin-bottom: 4px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
    border-right: 3px solid rgba(255,255,255,.2);
    width: calc(100% / 3 - 0px);
    float: left;
    text-align: center;}

.border-ul li:last-child{border-bottom: none;}




.border-ul li:hover>a {
border: 1px solid #f98012;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}

.neg-mrg-15{margin-left: -15px; margin-right: -15px}

.menu-image{border-radius: 6px}

.sub1>li img.dpt-img {
    margin-bottom: 17px !important;
    margin: 0 auto;
    width: 100%
}





/*topbar*/
.top-bar{float: none;}

ul.top-bar-dropdown {
    min-width: 250px;
    position: absolute;
    z-index: 200;
    right: -15px;
    padding: 12px 12px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    background-color: white;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
}

.top-bar-dropdown li:last-child{margin-bottom: 0px}

.has-dropdown:hover .top-bar-dropdown{
     opacity: 1;
    visibility: visible;
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    position: relative;
    z-index: 201;

    margin-bottom: 5px;
    padding-right: 5px !important;
    padding: 0px 5px;
    display: block;
}

.top-bar-dropdown a {

    border: 1px solid #dedede;
    border-radius: 4px;
    display: block;
    color: #333 !important;
    padding-left: 35px !important;
    position: relative;
    line-height: 36px;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.top-bar-dropdown li{margin-left: 0px !important; text-align: left; display: block !important;}
.top-bar-dropdown li:hover a {
    padding-left: 25px !important;
    background-color: #f98012;border: 1px solid #f98012;
    color: white !important;
}
.top-bar-dropdown li:hover {background-color: white;}



/*new menu*/
.menu-wrapper {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:1300px;

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.has-dropdown{padding: 0px 12px 0px;}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    font-size: 17px;
    line-height: 24px;
    font-family: 'ubunturegular';
    letter-spacing: 0px;
  
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    
    line-height: 30px;
    display: block;
    color: white;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
}

.list-link
{color: #333}

.list-link:hover{color:white !important}

.list-link:before{position: absolute;
    right: 50%;
    bottom: 0;
    height: 1px;
    background-color: rgba(255,255,255,.5);
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;    left: 50%;
    content: ' ';}

.list-link:hover:before
    {left: 0;
    right: 0;
    opacity: 1;}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden; 
}


.menu-cont-desk{position: relative;}
.menu-cont{float:left; width: 100%;/* position: relative;*/ margin-left: 0px;  max-height: 1000px;
    padding-left: 0px; padding-right: 0px;
     }

.main-menu-ul{display: table;display: table;
    margin: 0 auto; /*margin-top: 20px !important;
        float: right;*/}


.flex-cont{width: calc(100% - 300px);float: left; padding-right: 10px;}



@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    /*left: 50%;
    transform: translateX(-50%);*/
    left: 0px;
    width: 100%;
    z-index: 201;
    /*visibility: hidden;*/
    display: none;
    /*display: block;*/
}

.main-menu-ul li.has-dropdown{ z-index: 200;}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
   /* visibility: visible;*/
   display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
    animation-name: zoomIn;
    animation-duration: .4s;
    padding: 0px 20px;
    border-radius: 4px;
}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 15px 15px 20px;
    display: block;
    position: relative;
    height: 100%;
}

.menu-title {
    font-size: 17px;
    line-height: 24px;
    color: #333;
    display: block;
    margin: 0 0 3px 0;
    -webkit-transition: none;
    transition: none;
}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    background-color: #8a1a4a;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}


.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    opacity: .8;
 
}

li.drop-list:nth-child(3n+1) a.drop-list-link::before {
    opacity: 0;}

li.drop-list li.drop-list:nth-child(n):hover a.drop-list-link::before
{opacity: .8;}

}



.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}
.vrt-bottom .sub-box{vertical-align: bottom;}


.fstshw{background-color: white !important}
.sub1{position: relative; padding-right: calc(735px - 180px);  padding-top: 15px;
    overflow: hidden;
    overflow-y: auto;
    
    
}
.sub1 > li {
    
    padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    border-right: 3px solid rgba(255,255,255,.2);
   
}
.sub1 > li:last-child a.bor-link{border-bottom: none !important;}
.sub1 > li > a {
    border-bottom: 1px solid #dedede;
    border-left: 2px solid transparent;
    vertical-align: middle;
    display: table-cell;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 44px !important;
    width: 100%;
    text-decoration: none !important;
    font-size: 13px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}

.sub1>li:hover>a{padding-left: 25px !important;border-left: 3px solid #f98012; border-radius:6px 0px 0px 6px;

   }
.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{
    float: left;
    margin-right: 12px;
    margin-top: 9px;
/*    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);*/
    }

.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    position: absolute;
    border-left: 1px solid #dedede;
    background-color: white !important;
    right: 0px;
    top: 0;
    width: calc(735px - 180px);
    bottom: 0;
    display: none;
    overflow: auto;
    padding:0px 0px 0px 10px;
    text-align: left;
    min-height: 240px
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:35px;
    text-transform: capitalize !important;;
    display: block;
    border-radius: 5px;
}


.sub1>li:hover .sub2 .sep-ul li a
{ border-left: 3px solid #f98012;}


.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

figure{overflow: hidden;}


.bars{font-size: 18px; position: relative;top:2px;}

.cd-dropdown-trigger{ 
    margin-top: -60px;
    margin-bottom: 0px;
    /* float: left; */
    border: 2px solid #f98012;
    padding: 3px 3px 0px 9px;
    border-radius: 20px;
    width: 86.08px;
    height: 37px;
    position: relative;
    z-index: 19;
}


.cd-dropdown-trigger .orange{padding-top: 3px; font-size: 14px}





/*sep ul*/

.sep-ul{ padding-top: 15px;}
.sep-ul li{float: left;
    margin-bottom: 10px;
    display: table;
    padding: 0 5px;
    width: calc(100% / 2);}


.sep-ul li a{    color: #777;
    border-radius: 3px;
    width: 100%;
    height: 42px;
    line-height: 28px !important;
    padding: 5px;
    border: 1px solid #eee;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sep-ul li a:hover{background-color: #f98012;border: 1px solid #f98012; color: white !important}

/********************** creating a side div for images in the right (menu) ******************************/
.menuevt {
    width: 300px;
    float: right;
    margin-top: 10px;
}

.menu-side-div
{border: 1px solid #ddd!important; margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;}

.imgbox {
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.infobox {
    padding: 0 10px 10px;
}

.inf-head{font-family: 'ubuntubold';font-size: 15px; margin-bottom: 8px}

.menu-para{    font-size: 13px;
    line-height: 22px;
    max-height: 70px;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0px;}






/*button ul*/
.button-ul {
    position: absolute;
    top:45%;
    right: 10px;
    z-index: 6;}


.adm {
    display: block;
    line-height: 13px;
    z-index: 20;
    cursor: pointer;
    color: #fff;
    width: 111px;
    font-size: 14px;
    margin: auto;
    background-color: rgba(0,0,0,.5);
    border-radius: 3px;
    padding: 7px;
    box-shadow: 0 0 0 1px #f98012;
    text-align: center;
}

.button-ul li a .sub-box {
    display: block;
    font-size: 13px;
}

.button-ul li a img {
    filter: brightness(0.5) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0.5) invert(1);
    width: 35px;
    margin: 0 auto;
    margin-bottom: 6px;
}


.adm:hover{color: white}


.button-ul li a:hover img{animation-name: jello; animation-duration: 2s}





/*tag line*/
.tag-main{background-color:#f95212; border-top:6px solid #fb8a54;}
.tag-head{ font-size: 13px;margin-top: -1px !important; letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0px;
    font-family: 'comfortaaregular';
    /* font-weight: bolder; */
    background-color: #1691d8;
    display: table;
    margin: 0 auto;
    padding: 3px 22px;
    border-radius: 0px 0px 40px 40px;}
.tag-line{ font-size: 45px;
    /* letter-spacing: -1px; */
    line-height: 25px;
    font-family: 'Ubuntubold', sans-serif;
    color: white;
    margin-bottom: 15px;}
.info-box{/*background: url(../img/images/pattern-dot.png) repeat scroll 0 0 #EEEEEE !important;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid #e4e4e4;*/
       padding: 50px 0;
    margin-top: 0;}

.info-box-inner{/*background-image: linear-gradient(bottom, #fafafa 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #fafafa 0%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fff 100%);
    background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fff 100%);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid #e4e4e4;*/
    padding: 0px 17px 17px; text-align: center;}



.shadow-large:before, .shadow-large:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 9px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);}

.shadow-large:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}


.shadow-large{position: relative;}








/*sticky*/
.sticky {
  position: fixed; 
  top: 0; left:0px;
  width: 100%;
  background-color: #565454;
  -moz-animation: dropStickyNav 0.5s ease-in 1;
  -webkit-animation: dropStickyNav 0.5s ease-in 1;
  animation: dropStickyNav 0.5s ease-in 1;
  z-index: 70;
  box-shadow: 0px 6px 19px -11px rgba(0, 0, 0, 0.47);
}


.sticky.hd-main .cal-para, .sticky.hd-main .navbar-nav>li>a, .sticky.hd-main ul.header-social li a .fa,
.sticky .call-nav span, .sticky .square-ul.main-menu-ul li.has-dropdown .list-link
{color: rgba(0,0,0,.5) !important}

.sticky .rel-cont {
    padding-top: 0px;
}
.sticky .header-bottom{background-color: #5a5a5c}

.sticky .rel-cont{min-height: 66px;}

.sticky .logo-col{ padding-bottom: 6px;}

.sticky .main-menu-ul {
    margin-top: 10px !important;}

.sticky .call-nav-cont {
    margin-top: 10px;}


.sticky .header-bottom{display: none;}
header:hover .sticky .header-bottom{display: block;}

.sticky .ico-menu {filter: invert(1);}


.sticky .cd-dropdown-trigger {margin-top: 18px}

.sticky .menu-btn{ background-color: #f98012;}

@-moz-keyframes dropStickyNav {
  0% {
    -moz-transform: translateY(-40px); }
  100% {
    -moz-transform: translateY(0); } }
@-webkit-keyframes dropStickyNav {
  0% {
    -webkit-transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes dropStickyNav {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0); } }




.sticky .logo{height: 44px}




/**********************************************************************************************/
/*slider*/
/**********************************************************************************************/
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }



.slide-div{height: 100vh}





/*carousel indicators*/
.carousel-indicators.round li
{width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: 10px;
    background-clip:inherit;
}

.caption{padding-top: 80px}

.cap-head{ font-size: 52px;
    color: #ffffff;
    /*font-family: 'nunito_sanslight';*/
    font-family: 'uni_neuelight';
    font-weight: bolder;
    line-height: 60px;
    margin-bottom: 25px;}

.b-blue{color: #0089cf}

.bar{color: #0089cf; font-family: 'rubiklight'}
.cap-text{font-size: 27px;
    line-height: 39px;
    letter-spacing: .2px;
    text-transform: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px !important;
    max-width: 620px;
    margin: 0 auto; font-family: 'nunito_sanslight';}
.cap-text-first{margin-top: 19%}
.cap-text-second{margin-top: 8px}
.carousel-caption .line{margin: 0 auto}


.bg-bg{background-size: cover;  background-repeat: no-repeat;}

.ht100vh{height: 100vh}

.s-small{font-size: 18px;}

.slide-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(58, 55, 55, .2)}



.home-slide-overlay{position: absolute;left: 0px; top:0px; width: 100%; height: 100%; 
    background-color: rgba(18, 23, 35, 0.22)}






@media (max-width: 768px){
.item-image1{background-image: url(../img/slides/mob-slide1.jpg); }
.item-image2{background-image: url(../img/slides/mob-slide2.jpg); }
.item-image3{background-image: url(../img/slides/mob-slide4.jpg); }
}






/*hero*/
/*vertical align middle slide*/
.hero {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
    color:black;
    text-align: left;
    padding-left: 100px;
    padding-right: 100px
}

.hero1{ left: 90px;}

.hero2{width: 650px}

.hgroup {
    height: 100%;
}

.hero .box{width: 100%; height: 100%; text-align:left;}
.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; 
}

.cap-head{animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s ; }

.cap-text{animation-name: fadeInDown; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }

.online-btn{animation-name: fadeInUp; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 2s }


.hero .read, .hero .boxes-btn{animation-name: fadeInLeft; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s   }

.hero .boxes-btn{margin-top: 20px; color: white}

.hero .boxes-btn:before{background-color: white;}

.hero .boxes-btn:hover{color: white}


.slide-image{position: absolute; left:60px; bottom: 0px; width: auto !important; height:80% !important;
 animation-name: slideInLeft; animation-duration: 2s;}

.slide-image.banana{left:0px;}

.slide-image-small{position: absolute; right:80px; bottom: 0px; width: auto !important; height:auto !important;
 animation-name: fadeInDownBig; animation-duration: 2.8s;  }

 .white{color: white !important}


.s-cap-head{font-size: 58px;
    font-family: 'rubikregular'; letter-spacing: -1px; display: block;}


@media (min-width: 992px) and (max-width: 1199px) {
.cap-head{ font-size: 54px;}  
.hr-box-2{padding-left: 14%;}
.hr-box-3{padding-left: 18%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.cap-head{ font-size: 44px; line-height: 46px} 
.cap-text{font-size: 22px; line-height: 26px}

}

@media (min-width: 576px) and (max-width: 767px) {
.cap-head{ font-size: 34px; line-height: 36px} 
.cap-text{font-size: 18px; line-height: 20px}
.slider-wrapper {
    font-size: 41px;
    line-height: 52px;}
.slider div{line-height: 55px;}
.hero{padding-left: 65px}
}

@media (max-width: 575px) {
.slider-wrapper {
    font-size: 26px;
    line-height: 34px;}
.slider div{line-height: 36px;}
.slider {top: 26px;}
.cap-head{ font-size: 26px; line-height: 30px} 
.cap-text{font-size: 16px; line-height: 20px}
.hero{padding-left: 30px; padding-right: 30px}
}

@media (max-width: 767px) {
.slide-list li a { padding: 10px 12px 10px; font-size: 14px}
.slide-icon {width: 28px;}
.video-box .sub-box .slide-list { width: 166px !important;}

}





.down-cont{  height:46px; width: 50px;
text-align:center; display: block;
position: absolute; z-index: 55; /*bottom: 10px; left:calc(50% - 25px);*/
bottom: 20px;
right: 10px;
animation-iteration-count: infinite;
webkit-animation: ani_sttb 1.5s infinite ease-in-out;
animation: ani_sttb 1.5s infinite ease-in-out;
-webkit-transform-origin: center center;
transform-origin: center center;
}

@-webkit-keyframes ani_sttb{0%{-webkit-transform:translate(0,-10px)}50%{-webkit-transform:translate(0,10px)}100%{-webkit-transform:translate(0,-10px)}}@keyframes ani_sttb{0%{transform:translate(0,-10px)}50%{transform:translate(0,10px)}100%{transform:translate(0,-10px)}}

.down-cont a{ filter: brightness(0) invert(1); 
    /* -webkit-filter: brightness(1) invert(1); */
    -moz-filter: brightness(0) invert(1);
    display: block;
    /* background-color: rgba(0, 0, 0, 0.52); */
    /* padding: 10px; */
    background-size: 100%;
    background-repeat: no-repeat;
    /* color: white; */
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 0 auto;
    background-image: url(../img/icons/mouse.svg);
    background-position: center;
    cursor: pointer;

}
.down{width: 46px; height: 46px; margin: 0 auto}

.down-cont:hover {
    animation-name: none; 
}




/*transition*/
.down-cont a, .carousel-indicators li, .welcome-ul li, .blog-overlay-title, .m-more, .online-btn, .b-big,
.menu-brand-fig, .sh-overlay, .sh-overlay .ad-div{
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}





/*carousel indicators*/
.carousel-indicators{bottom: 15px; 
    margin-right: 5%;}
.carousel-indicators .active{
    background-color: #f98012;
    border: 1px solid #f98012;
}

.carousel-indicators.float
 {

    bottom: 10px;
    left: 20.5px;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float li {
    display: block; margin: 8px 0px}

.carousel-indicators.float .active {
    width: 10px;
    height: 34px;
    margin: 0;
    background-color: #f98012;
    border:1px solid #f98012;}

.carousel-indicators li
{background-color: rgb(0 0 0 / 82%); border:1px solid rgb(0 0 0 / 82%); width: 13px;
    height: 5px;}



.carousel-indicators.float-down
 {

    bottom: 10px;
    left: 20.5px;
    right: auto;;
    width: auto;
    margin-left: 0px;}


.carousel-indicators.float-down li {
    margin: 0px 4px; border-radius: 40px;}

.carousel-indicators.float-down .active {
    height: 7px; margin-top: -2px !important;
    width: 34px; border-radius: 40px;
    margin: 0;
    background-color: #f98012;
    border:1px solid #f98012;}




/**********************************************************************************************/
/*************************************** general ***************************************/
/**********************************************************************************************/
b.high{font-size: 15px}
.margin-top{float: none; clear: both;margin-top: 50px}
figure{margin-bottom: 0px}
.loadimg{display: block;}
.mrg-top-18{margin-top: 18px; width: 100%}
.mrg-btm-18{height: 18px; width: 100%; clear: both; float: none;}
.mrg-btm-20{height: 20px; width: 100%; clear: both; float: none;}
.mrg-top-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-30{height: 36px; width: 100%; clear: both; float: none;}
.mrg-btm-60{height: 60px; width: 100%; clear: both; float: none;}
.wel-top-bottom{padding-top:60px; padding-bottom: 60px }
.pd-2-15{padding-left: 15px; padding-right: 15px}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}
button{border:none;}
.no-padding
{padding-right: 0px !important;padding-left: 0px !important}

.pd-2-35{padding-left: 45px; padding-right: 45px}

a, a:hover
{text-decoration: none !important;}

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.sub-box2
{padding-left: 15px}

.box.vrt-middle .sub-box{vertical-align: middle !important;}
.box.vrt-top .sub-box{vertical-align: top !important;}


.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}


.img-auto
{margin: 0 auto; float: none; margin-bottom: 30px; }

.img-gen{margin-bottom: 15px}
.img-border{border-radius: 5px;}

.gen-para{font-size: 14px; line-height: 28px; text-align: justify; margin-bottom: 18px}
.gen-para.text-left{text-align: left;}
.gen-para.text-center{text-align: center !important;}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}


.com{max-height: 70px;
    line-height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}


h1{ font-family: 'comfortaaregular';
    font-weight: bolder;
   color: #272727;
    /* font-size: 19px;
    line-height: 32px;*/
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 28px;
    margin-top: 0px;
    line-height: 30px !important;
    font-size: 28px;


}

.orange{ color: #fd7c05;}

h2 {
    color: #272727;
    font-family: 'comfortaaregular';
    font-weight: bolder;
    font-size: 26px;
    line-height: 34px;
    padding-bottom: 5px;
    margin-bottom: 26px;
    margin-top: 0px;
}
.in-body h2{ font-size: 19px; margin-bottom: 6px;}
h3{ font-size: 16px;
    margin-bottom: 20px;
    color: #272727;
    font-family: 'comfortaaregular';
    text-transform: capitalize;
    font-weight: bolder;}

h4{ font-size: 15px;  color: black}


/********* divider *********/
.b-line {
    position: relative;
    margin-bottom: 30px;
    margin-top: 10px;
}

.b-line:before {
content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fdfdfd;
    border: 2px solid #f98012;
    display: inline-flex;
    position: absolute;
    left: 10px;
    bottom: -4px;
}

.b-line:after {
content: '';
    width: 63px;
    height: 2px;
    background-color: #756b6b;
    display: block;
}


.b-line.white:before {
    background: #f98012;
    border: 2px solid #f98012;}

.b-line.white:after {
    background-color: #ffffff;}

.text-center .b-line{margin: 0 auto; display: table; margin-bottom: 30px; margin-top: 10px;}



.partition{background-image: url(../img/images/new-line1.png); 
    background-size: auto; background-position: center; margin-top: 45px; margin-bottom: 45px}




.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: left;
}


.flex-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.align-items-end{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}



.bg{background-size: cover; background-position: center; background-repeat: no-repeat;}







/*owl dots*/
.owl-dots{text-align: center;}
.owl-nav{display: none;}
.owl-dot{    width: 11px;
    height: 8px;
    border-radius: 40px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #f98012 !important;}
.owl-dot.active{background-color: #756b6b !important;
    width: 26px;}




/************ modal ***********/
.modal-content {
    border: 5px solid #f98012 !important;
    border-radius: 12px !important;}
.modal form.message{box-shadow: none;}
.closebtn{height: 30px;
    width: 30px;
    border-radius: 100% !important;
position: absolute;
    right: -9px;
    top: -9px;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: white;
    background: #f98012;
    outline: 0!important;

}


.modal-h3{margin-bottom: 10px}
.modal-h3.first{margin-top: 10px}

.round-icon
{  border: 1px solid rgb(255 181 113) !important;
    text-align: center;
    background-color: #fdf3d2;
    color: #f98012 !important;
    font-size: 15px;
    line-height: 30px;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 2px;}


.details{margin-bottom: 5px}
.fac-mod-dtl{margin-bottom: 30px}
.modal .b-line {margin-bottom: 18px;}





/**********************************************************************************************/
/********************* button style ************************/
/**********************************************************************************************/
.viewall, .submit
{     transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}
    
    
.view{color: #f98012}

.view:hover{color: #756b6b}


.viewall {
    display: inline-block;
    color: #f98012;
    border: 1px solid;
    padding: 5px 12px 6px;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    z-index: 8;
    line-height: 22px;
}

table .viewall{line-height: 17px; width: 99.34px}

.viewall:hover{background-color:  #756b6b; border:1px solid #756b6b; color: white;}

.viewall i{padding-left: 2px}

.submit{ padding: 11px 25px;    display: inline-block;
    text-align: center;
    color: white;
    background-color:#f98012;
    border-radius: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
}

.submit:hover{box-shadow: 0px 17px 20px -16px rgb(0 0 0 / 57%); transform: translateY(-8px); 
    background-color: #756b6b; color: white}


/************************* Download button ******************************/
.dwn-btn{ padding: 5px 25px;
    text-align: center;
    color: white;
    background-color:#f98012;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
/*    font-size: 13px;
    font-family: 'robotomedium';
    letter-spacing: 1px;*/

    font-size: 12px;
    letter-spacing: .05em;
}

.dwn-btn i{margin-left:3px; position: relative; top: 3px;}

.dwn-btn span{ top: -2px;}

.dwn-btn:hover, .dwn-btn:visited{color:white; }
.dwn-btn:hover{background-color: rgba(27, 26, 26, 0.67);}
.dwn-btn.last{margin-bottom:30px;}




/*-----------------------------
    News Ticker
------------------------------*/
.acme-news-ticker li a
{color: #3c3c3c}
.acme-news-ticker {
  background: #eaeaea;
  position: relative;
  height: 45px;
  margin-top: 45px; }
  @media (min-width: 768px) {
    .acme-news-ticker {
      margin-top: 0; } }
  .acme-news-ticker-label {
font-family: 'comfortaaregular';
    text-transform: uppercase;
    background: #f98012;
    padding: 10px 15px;
    width: auto;
    float: left;
    margin-right: 15px;
    line-height: 25px;
    height: 100%;
    color: #fff;
    border-radius: 0px 0px 25px 0px;
    border-right: 5px solid yellow; }
    @media (max-width: 575px) {
      .acme-news-ticker-label {
        position: absolute;
        top: -45px; } }
  .acme-news-ticker-box {
    height: 100%;
    padding-top: 12px;
    overflow: hidden; }
    @media (max-width: 575px) {
      .acme-news-ticker-box {
        padding-left: 10px;
        padding-right: 120px; } }
    .acme-news-ticker-box ul {
      width: 100%;
      list-style-type: none !important;
      padding: 0;
      margin: 0; }
      .acme-news-ticker-box ul li a {
        text-decoration: none; }
  .acme-news-ticker-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0; }
    .acme-news-ticker-controls span {
      height: 100%;
      background: #f6f6f6;
      padding: 0;
      width: 40px;
      border-color: #eeeeee;
      border-style: solid;
      border-width: 0 0 0 1px;
      cursor: pointer;
      display: inline-block; }
      .acme-news-ticker-controls span:hover {
        background: #eeeeee; }
      .acme-news-ticker-controls span.acme-news-ticker-arrow {
        margin: 0;
        display: inline-block;
        position: relative; }
        .acme-news-ticker-controls span.acme-news-ticker-arrow:after {
          border-color: #999;
          border-bottom-style: solid;
          border-bottom-width: 2px;
          border-right-style: solid;
          border-right-width: 2px;
          content: '';
          display: inline-block;
          height: 8px;
          left: 50%;
          position: absolute;
          top: 50%;
          width: 8px; }
      .acme-news-ticker-controls span.acme-news-ticker-pause {
        position: relative;
        display: inline-block; }
        .acme-news-ticker-controls span.acme-news-ticker-pause:before {
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          border-color: #999;
          border-style: solid;
          border-width: 0 2px 0;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          left: 50%;
          top: 50%; }
    .acme-news-ticker-controls.acme-news-ticker-horizontal-controls span.acme-news-ticker-prev:after {
      -webkit-transform: translate(-50%, -50%) rotate(135deg);
          -ms-transform: translate(-50%, -50%) rotate(135deg);
              transform: translate(-50%, -50%) rotate(135deg); }
    .acme-news-ticker-controls.acme-news-ticker-horizontal-controls span.acme-news-ticker-next:after {
      -webkit-transform: translate(-50%, -50%) rotate(315deg);
          -ms-transform: translate(-50%, -50%) rotate(315deg);
              transform: translate(-50%, -50%) rotate(315deg); }
    .acme-news-ticker-controls.acme-news-ticker-vertical-controls span.acme-news-ticker-prev:after {
      -webkit-transform: translate(-50%, -50%) rotate(225deg);
          -ms-transform: translate(-50%, -50%) rotate(225deg);
              transform: translate(-50%, -50%) rotate(225deg); }
    .acme-news-ticker-controls.acme-news-ticker-vertical-controls span.acme-news-ticker-next:after {
      -webkit-transform: translate(-50%, -50%) rotate(405deg);
          -ms-transform: translate(-50%, -50%) rotate(405deg);
              transform: translate(-50%, -50%) rotate(405deg); }





/**********************************************************************************************/
/**************************************** flipper **********************************************/
/**********************************************************************************************/
.carousel.slide{overflow: hidden;}
.flipster__item img {
    max-width: 100%;
    border: 3px solid white;
    border-radius: 4px;box-shadow: 3px 4px 20px 0px rgb(72 67 62 / 34%);margin-bottom: 20px; margin-top: 10px}

.flipper-cont{margin-top: -180px;position: absolute;bottom: 30px; right: -230px;z-index: 33;
    display: table;
    float: right;
    width: auto;
    overflow: hidden;}

.flipster {
    overflow-y: hidden !important;}

.flipster__button {
    position: absolute;
    top: auto !important;
    bottom: 19px !important;}

.flipster__button svg {
    width: 1em !important;}

.flipster__button--prev {
    left: 45% !important;
}

.flipster__button--next {
    right: 45% !important;
}

.flipster__nav{display: none !important;}

.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #bfbebf !important;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 11px !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    opacity: .7 !important;
}

.flipster__button {
    margin: -1em 80px !important;
 }

/*flipper ny editing*/
/*.flip-items{padding: 20px !important}*/
.flipster__item__content{/*width: 280px;*/  width:400px;}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: rotateY(-45deg) scale(.8) !important;
    transform: rotateY(-45deg) scale(.8) !important;
}


/*to hide the 3rd item before and after the center (to make only total 3 items visible)*/
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    -webkit-transform: translateX(25%) rotateY(40deg) scale(.35) !important;
    transform: translateX(25%) rotateY(40deg) scale(.35) !important;
    opacity: 0;
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: translateX(-25%) rotateY(-40deg) scale(.35) !important;
    transform: translateX(-25%) rotateY(-40deg) scale(.35) !important;
    opacity: 0;
}


.flipster--carousel .flipster__item--future .flipster__item__content .image-title,
.flipster--carousel .flipster__item--past .flipster__item__content .image-title
{opacity: 0}


.image-title{text-align: center; display: table; margin: 0 auto; border-radius: 20px; padding: 2px 20px; color: white;
background-color: #756b6b}

 


/**********************************************************************************************/
/**************************************** mision vision **********************************************/
/**********************************************************************************************/
/*carousel*/
#demo2 .slide-div{height: 300px;
    border-radius: 10px;
    border: 3px solid #f98012;}

#demo2 .carousel-inner{    margin-top: 50px;   margin-bottom: 50px;}
.vis-h3{color: #f98012 !important}

.mis-vis-main{background-color: #f9f9f9}

.mis-vis-overlay{ /*background: rgb(215,81,3);
    background: linear-gradient(231deg, rgb(215 81 3 / 83%) 50%, rgb(249 128 18 / 85%) 100%);*/
/*background: rgb(236 89 3);
    background: linear-gradient(213deg, rgb(206 64 6 / 81%) 34%, rgb(249 128 18 / 87%) 72%, rgb(255 223 8 / 78%) 94%);*/
/*background-color: rgb(93 89 87 / 87%)*/
background: rgb(236 89 3);
    background: linear-gradient(213deg, rgb(206 64 6 / 94%) 34%, rgb(82 59 38 / 94%) 72%, rgb(22 22 23 / 68%) 94%);
}

.mis-vis-fig{ 
    padding: 16px;
    border: 2px solid #f98012 !important;
    border-radius: 100%;}

.mis-vis-icon {
    width: 45px !important;/*filter: invert(1) brightness(2);*/
/*    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);*/
}

.wel-img {
    /*margin-top: -50px;*/
    position: absolute;
    bottom: 0px;
    z-index: 7;

}

.mis-vis{/*color: white; */margin-bottom: 20px; padding-top: 20px;}
.mis-vis h3{font-size: 20px; margin-top: 10px; margin-bottom: 15px !important}
.mis-vis-top-bottom{padding-top: 60px;/*padding-bottom: 80px*/}

.mis-vis .sub-box{display: table; margin: 0 auto; text-align: center;}
.mis-vis-dtl h3, .mis-vis-dtl .gen-para{margin: 0 auto}
.mis-vis .sub-box1{padding-right: 0px; padding-bottom: 10px}
.col-6-mission{padding-right: 350px}


/*swiper slider*/
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}







/************************************ slant-div **********************************************/
.slant-div-right{    margin-bottom: -21px;}
.slant-right, .slant-left{  height:100px;
    position:relative;}
.slant-right:before{z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 82% 100%;
    -webkit-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);}

.slant-div-left{    margin-top: -21px;}
.slant-left:before{z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 58% 100%;
    -webkit-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);}






/**********************************************************************************************/
/******************************************** events *****************************************/
/**********************************************************************************************/
#owl-car-news .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.news-date, .news-item i.more
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.news-cont{height:100%; padding-bottom:30px; position:relative; color: #3c3c3c; display: block;}
.news-content{padding:55px 15px 5px 15px; position: relative; text-align: center; }
.owl-car-news .item{padding: 10px; padding-bottom: 30px; height: 100%}
.news-item{height:100%; padding: 5px; background: #fff none repeat scroll 0 0; border:1px solid silver;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 1, 1, 0.1);}
.news-fig{margin-bottom: 0px}
.news-fig img{border-radius: 8px}
.news-date{background: #f98012 none repeat scroll 0 0; color: white;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    font-weight: 500;
    height: 68px;
    width: 68px;
    text-align: center;}

.news-cont .news-date
{
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: -32px;
}

.entry-day{ font-family: 'comfortaaregular';
    font-weight: bolder;
    font-size: 18px;
    line-height: 15px;
    margin-top: 16px;}
.entry-month{font-family: 'comfortaaregular'; text-transform: capitalize;
    font-weight: bolder;
/*    width: 3.3ch;*/
    overflow: hidden;
    font-size: 17px;
    line-height: 20px;
    margin: 0 auto;}
.entry-day, .entry-month, .entry-year{display: block;}

.news-item i.more
{    background: #f98012 none repeat scroll 0 0;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    top: auto;
    
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 46px;
    text-align: center;
    
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: 17px;
    cursor: pointer

}

.news-item:hover i.more{
    opacity: 1;
    visibility: visible;
    bottom: -25px;
}

.news-item i.more:hover {
    background: #756b6b;
}


.news-item:hover .news-cont{color: #3c3c3c;}

.news-item:hover .news-date{background-color: #756b6b; }

.events-main .viewall{margin-top: -30px}

.viewall-col{ margin-top: -20px;}

.owl-car-news .owl-dots{text-align: right;}

.view-news-col .viewall{margin-top:0px;}

.view-news-col{margin-top:20px !important;}

.news-content h3{font-size: 14px}


/**********************************************************************************************/
/************************************* principal message ************************************/
/**********************************************************************************************/

.princ-cont{padding-left: 100px; padding-right: 100px}
.princ-top-bottom{padding-top: 100px;padding-bottom: 180px}
.princ-main{background-image: url(../img/images/princ-bg.jpg);}
.princ-overlay{background-color: rgba(0,0,0,.3);}
.r-row{margin-left: 0px; margin-right: 0px}
.princi{border:2px solid #f98012; border-radius: 12px}
.princ-name{font-family: 'uni_neueheavy_italic'; color: #f98012; font-size: 20px; margin-bottom: 3px}
.princ-pos{ color: #f98012; margin-bottom: 25px; font-size: 15px;}
.princ-row{border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 1, 1, 0.1);
    padding: 40px;
    background-color: white;
    margin-bottom: -300px;}

.quote-span {
    float: left;
}

.quote-span .quote {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-right: 10px;
}






/**********************************************************************************************/
/************************************* block news ************************************/
/**********************************************************************************************/
.block-hdnews {
    background-color: white;
    text-align: left;
    box-shadow: 0px 12px 20px 3px rgba(12, 1, 72, 0.1);
    padding: 30px 20px;
    border-radius:10px;
    height: calc(400px + 60px);
    overflow: hidden;
}


.list-wrpaaer {
    height: 400px;
    position: relative;
    overflow: hidden;
    background-color: white;
}




.news{padding-top: 0px; padding-bottom: 30px}
.block-hdnews .sub-box{vertical-align: top}

.list-aggregate{position: absolute; top: 0px; left: 0px; }
span.clear-fix{display: block;}

ul.news{padding:0px; padding: 0px}
.news li{margin-bottom: 20px; padding: 0px 0px; background-color: white; }
.news li a{display: block; color: #444343; cursor: pointer; }
.news li a .box{width: 100%}
.news li, .news li a{-webkit-transition: all 0.5s; transition: all 0.5s;-moz-transition: all 0.5s;}
.news hr{ border-bottom: 1px dashed silver; border-top:none; margin-bottom: 0px; margin-top: 20px}
.news li a:hover .news-date{background-color: #756b6b}


.sub-box-nws{width: 68px}
.scroll-news-cont{width: calc(100% - 68px);padding-left: 18px}
.scroll-news-cont .com{line-height: 26px; max-height: 76px}
.news-head{margin-bottom: 8px}


/*welcome*/
.clg-name{color: #f98012;
    line-height: 36px !important;
    text-transform: uppercase;
    font-size: 40px;}






/*************************************************************************/
/*side list home*/
/*************************************************************************/
.side-list li a, .icon-list li a{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.brain-main{background-color: #f9f9f9}
.side-list li a{/*box-shadow: 2px 3px 10px rgba(0,0,0,.1); */
    border-left: 5px solid #f98012 !important;
    border: 1px solid rgb(117 107 107 / 17%);
    background-color: white;
    padding: 12px 15px;
    display: block;
    margin: 0 -8px;
    border-radius: 3px;
    color: #007e7c;
    white-space: nowrap;
    overflow: hidden;

}

.side-list li a:hover{background-color:#f98012;color: white !important;  }

.side-list li
{width: 100%;
    float: left;
    margin-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;}


.icon-list img{display: block; width: 45px; margin: 0 auto 5px auto;filter: saturate(1.6);}
.icon-list p{    margin-bottom: 0;
    line-height: 16px;
    /*height: 32px;*/
    overflow: hidden;}

.icon-list li
{    width: calc(100% / 6); margin-bottom: 5px;
    float: left;
    text-align: center;
    display: table;
    /*padding: 5px;*/}

.icon-list li a{    background-color: #fff; 
    display: table-cell;
    vertical-align: middle;
    height: 100px;border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;}


.icon-list li a:hover img{animation-name: wobble; animation-duration: 1s;}
.icon-list li a:hover {border: 1px solid #f98012; background-color: #fdf3d2 }


.q-links{font-family: 'ubuntubold';
    color: #f98012;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 20px;
    border-radius: 40px;
    margin-bottom: 10px;
    /*border: 1px solid #f3af72;*/
    font-size: 16px;
    background-color: #efefef;
}




/**********************************************************************************************/
/************************************* streams ************************************/
/**********************************************************************************************/

.stream-list img{display: block; width: 45px; margin: 0 auto 5px auto;/*filter: saturate(1.6);*/}
.stream-list p{    margin-bottom: 0;
    line-height: 16px;
    /*height: 32px;*/
    overflow: hidden;}

.stream-list li
{    width: 100%;
    float: left;
    text-align: center;
    display: table;
    padding: 5px;}

.stream-list li a{    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 100px;border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;}


.stream-list li a:hover img{animation-name: wobble; animation-duration: 1s;}
.stream-list li a:hover {border: 1px solid #f98012; background-color: #fdf3d2 }



.strm-div
{background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    /*height: 100px;*/
    height: 56px;
    border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;
}


.course-list{width: 100%}

.course-list li {
    width: calc(100% / 3 - 6px);
    float: left;
    text-align: center;
    display: table;
     margin: 2.5px; 
}

.course-list li a {
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
   /* height: 100px;*/
    height: 150px;
    border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;
}


.course-list img {
    display: block;
    width: 45px;
    margin: 0 auto 5px auto;
    filter: saturate(1.6);
}


.course-list p {
    margin-bottom: 0;
    line-height: 16px;
    /* height: 32px; */
    overflow: hidden;
}


.list-group-item3{    text-align: center;
    display: table !important; width: 100%;
    padding: 5px 0px;}

.list-group-item3.active .strm-div {
    background-color: #f98012; color: white}

.list-group-item3.active .strm-div img{ filter: invert(0) brightness(20);;}

/*  bhoechie tab */
div.bhoechie-tab-container, div.bhoechie-tab-container2, div.bhoechie-tab-container3{
  padding: 0px !important;
  z-index: 10;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu, div.bhoechie-tab-menu2, div.bhoechie-tab-menu3{
 padding-bottom: 0;}

div.bhoechie-tab-menu div.list-group, div.bhoechie-tab-menu2 div.list-group2
{margin-bottom: 0;display: inline-block;float: right;}
div.bhoechie-tab-menu div.list-group>a, div.bhoechie-tab-menu2 div.list-group2>a
{margin-bottom: 0;text-transform: uppercase;
letter-spacing: 1px;}
div.bhoechie-tab-menu3 div.list-group3>a
{margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa, 
div.bhoechie-tab-menu2 div.list-group2>a .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a .fa,
div.bhoechie-tab-menu3 div.list-group3>a .glyphicon,
div.bhoechie-tab-menu3 div.list-group3>a .fa
{color: #000;}
div.bhoechie-tab-menu div.list-group>a:first-child,
 div.bhoechie-tab-menu2 div.list-group2>a:first-child,
  div.bhoechie-tab-menu3 div.list-group3>a:first-child
{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child, 
div.bhoechie-tab-menu2 div.list-group2>a:last-child,
div.bhoechie-tab-menu3 div.list-group3>a:last-child
{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;
 }
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa, 
div.bhoechie-tab-menu2 div.list-group2>a.active,
div.bhoechie-tab-menu2 div.list-group2>a.active .glyphicon,
div.bhoechie-tab-menu2 div.list-group2>a.active .fa
{color: black !important;font-weight: bold;border-right:3px solid black;
}
div.bhoechie-tab-menu div.list-group>a.active:after,
  div.bhoechie-tab-menu3 div.list-group3>a.active:after{
  content: '';
  position: absolute;
  left: 99%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 13px solid #f98012 ;

}

div.bhoechie-tab-menu2 div.list-group2>a:hover{color: #f98012}

 div.bhoechie-tab-menu2 div.list-group2>a.active:after
 {
      content: '';
  position: absolute;
  left: 102%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 13px solid #f98012 ;
 }


div.bhoechie-tab-menu div.list-group>a.active,
 div.bhoechie-tab-menu2 div.list-group2>a.active,
  div.bhoechie-tab-menu3 div.list-group3>a.active
{position: relative;
}




div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}



/*different*/
div.bhoechie-tab-content{
  background-color: #ffffff;
  margin-top: 30px;
  padding-bottom: 30px;}

div.bhoechie-tab-content h3, div.bhoechie-tab-content2 h3{color: #000 !important;font-weight: 400;margin-top: 10px !important;margin-bottom: 20px;font-size: 19px !important;}
div.bhoechie-tab-content h3 span, div.bhoechie-tab-content2 h3 span{border-bottom: 1px solid #c4d9cc;padding-bottom: 5px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}
.list-group-item.active, .list-group-item.active:focus{   /* border-color: #c3d8cb !important;*/}
.list-group-item, .list-group-item2{color:#282828;}
.listpara > li, .listpara > li {padding-left: 10px;margin-bottom: 5px;color: #666;}
.bhoechie-tab-content .listpara li,
.bhoechie-tab-content2 .listpara li,
.bhoechie-tab-content3 .listpara li
{border:none;padding: 10px;font-weight: 100;background-color:#fff !important;line-height: 24px;letter-spacing: 0.2px;color: #000;  padding-top: 0 !important}
.list-group-item i, .list-group-item2 i{width: 24px !important;}
.list-group-item, .list-group-item2{text-align: left;
    padding: 15px 20px;
    border-radius: 0 !important;
    border-right: 1px solid #282828;
    font-size: 20px;
    display: block;
 }
 .list-group-item3
  {border-radius:0 !important;
  color:#3B3C42; /*font-size:18px;*/ display: block; width: 100%; float: left; text-align: center;}




/*second*/
div.bhoechie-tab2 div.bhoechie-tab-content2:not(.active){display: none;}
.list-group-item2.active, .list-group-item2.active:focus{   /* border-color: #c3d8cb !important;*/}

/*third*/
div.bhoechie-tab3 div.bhoechie-tab-content3:not(.active){display: none;}
.list-group-item3.active, .list-group-item3.active:focus{   /* border-color: #c3d8cb !important;*/}


div.bhoechie-tab-container3{min-height: 600px}

/*different*/
div.bhoechie-tab-content2{
  margin-top: 10px;
  padding-bottom: 10px;}
/**/





/*left brain list*/
.left-brain-list{width: 100%}

.left-brain-list li {
    width: calc(100% / 5 - 5px);
    float: left;
    text-align: center;
    display: table;
     margin: 2.5px; 
}

.left-brain-list li a {
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    border: 1px solid rgb(117 107 107 / 30%);
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    line-height: 16px;
    color: #666;
    overflow: hidden;
}


.left-brain-list img {
    display: block;
    width: 45px;
    margin: 0 auto 5px auto;
    filter: saturate(1.6);
}


.left-brain-list p {
    margin-bottom: 0;
    line-height: 16px;
    /* height: 32px; */
    overflow: hidden;
}







/**********************************************************************************************/
/************************************* space ************************************/
/**********************************************************************************************/

.owl-space .item{padding: 15px}
.space{padding: 15px; border-radius: 20px;  box-shadow: 0 4px 8px rgba(0, 1, 1, 0.1);
 border: 1px solid #f98012 !important;}
.space-icon{width: 55px !important}
.space-count{margin-bottom: 3px; margin-top: 7px;
    font-family: 'comfortaaregular';
    font-weight: bolder;
    font-size: 22px;
    line-height: 22px;
    color: #f98012;}
.space-name{font-family: 'uni_neueheavy_italic';
    color: #f98012;
    font-size: 20px;
    margin-bottom: 15px;}

.space-row{margin-top: 30px}


/*space gallery*/
.gal-name{    padding: 9px 10px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
position: relative;}

.gal-name:after{
    content: '';
    position: absolute;
    left: 26px;
    top: -8px;
    /* margin-top: -13px; */
    border-left: 0;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 13px solid #f98012;
}

.overlay{
position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 38px;
    border-radius: 100%;
    border: 5px solid rgba(255,255,255, 0.2);
    background-color: rgb(249 128 18 / 57%);
    /* border-radius: 4px; */
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}


.demo-gallery li a:hover .overlay {
    bottom: 30%;
    animation-name: fadeInUp;
    animation-duration: 1s ;
}



.demo-gallery.home-gal li a.view{border-radius: 0px !important;box-shadow: none !important;
    background-color: transparent !important; float: none!important; display: inline-block!important; position: static!important;
    color: #f98012 !important;line-height: initial;
    overflow: initial;}

.demo-gallery.home-gal li a.view:hover{color: #333 !important}

.demo-gallery.home-gal li { padding-left: 8px;
    padding-right: 8px;}


/*space video*/

.video-inn-overlay {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(69, 70, 70, 0.22);
    border-radius: 6px;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}



.video-inn-icon {
    position: absolute;
    display: block;
    z-index: 7;
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: #f98012;
    border-radius: 100%;
    color: white;
    left: calc(50% - 80px/2);
    top: calc(50% - 80px/2);
    text-align: center;
    margin-bottom: 0px;
}

.video-inn-icon i {
    font-size: 50px;
    margin-top: 9px;
    margin-left: 12px;
}

.round {
    position: absolute;
    display: block;
    z-index: 6;
    width: 90px;
    height: 90px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgba(37, 38, 40, 0.48);
    border-radius: 100%;
    color: white;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-bottom: 0px;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
















/**********************************************************************************************/
/************************************* awards & achievements **********************************/
/**********************************************************************************************/
.feathers-main{ background-color: #f9f9f9;}
.awd-cont{    background-color: #f98012;
    color: white;
    padding: 40px;
    transform: translateX(-80px);
    width: calc(100% + 80px);}

.awd-img{     border-radius:200px 200px 20px  400px;
    border: 4px solid #f98012;
    box-shadow: 14px 20px 40px -4px #06060657;}

.feathers-car-cont{    height: 100%; background-color: #fdf3d2;
    padding-bottom: 8px;
    position: relative;
    color: #3c3c3c;
    display: block;}

.feathers-content h3{margin-top: 12px;}

.feathers-content{padding-right: 5px; padding-left: 5px}

.feathers-content .year{font-size: 12px; padding-top: 3px}

.feathers-car-cont:hover{color: #333}

.feather-col{padding-left: 100px; padding-right: 100px}
#owl-car-feather .owl-dots{padding-left: 15px; padding-right: 15px}

#owl-car-feather .news-item{border:1px solid #d9ac85;}
.feathers-car-cont h3 {
    font-size: 13px;
    color: #d56c11;
    font-weight: bold;
    letter-spacing: .3px; line-height: 17px
}

.feathers-car-cont .year{
font-size: 12px;
    padding-top: 4px;
    display: inline-block;
    color: #201c19;}
    

/**********************************************************************************************/
/************************************* awards & achievements **********************************/
/**********************************************************************************************/

.video-hub-ul{width: 100%}
.video-hub-ul li {
    width: calc(100% / 2 - 20px);
    float: left;
    display: inline-block;
    margin: 3px 10px;
}

.video-hub-ul li a {
    background-color: rgba(255, 255, 255, 0.4);
    color: #000000;
    display: block;
    border: 1px solid #f98012;
    border-radius: 4px;
    text-align: center;
    padding: 20px 10px;
}

.video-hub-ul li a:hover {
    border: 1px solid #f98012;
}

.video-hub-ul li a:hover .strange-img img {
    animation-name: zoomIn;
    animation-duration: 1s;
    transform: none !important;}

.strange-img img
{width: 65px;
    margin: 0 auto;
    margin-bottom: 10px !important;
    margin: 0 auto;
    border-radius: 2px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}


.video-hub-ul li a p{margin-bottom: 0px; font-size: 18px}



.vid-sub{margin-bottom: 15px}


.vid-vid{border:2px solid white; box-shadow: 3px 4px 20px 0px rgb(249 128 18 / 34%); border-radius: 6px}

.vid-vid .embed-responsive {border-radius: 6px 6px 0px 0px}

.vid-vid .gal-name{ background-color: #f98012;border-radius: 0px 0px 6px 6px}






/**********************************************************************************************/
/*legends*/
/**********************************************************************************************/
.legends-icon{background-color: #f3f3f3}



/**********************************************************************************************/
/*footer*/
/**********************************************************************************************/

.address{ line-height: 20px;}
footer{color: #ffffff;
    position: relative;
    background-color: #3a3839;}
.footer-main{padding-top: 60px; padding-bottom: 10px}
.foot-head{ font-size: 18px; color: #f98012;
    font-family: 'comfortaaregular';
    font-weight: bolder;
   /* text-transform: uppercase;*/}
.footer-logo{/*max-height: 74px;*/  /*margin-top: 18px;*/}
.quick-links li{margin-bottom: 5px}
.quick-links li a{transition: all .3s ease; color: white}
.quick-links li a:hover{color: white !important; padding-left: 8px}
.follow-col{padding-top: 0px; padding-bottom: 40px}
footer ul.social{ top: 6px; position: relative; margin: 0 auto;}
footer ul.social li{margin-right: 10px;}
.bottom-footer-cont{background-color: #f77703; padding-top: 16px;}
.bottom-footer{font-size: 13px;}
.srv, .srv:hover{color: white}
.top-footer-col{padding-bottom:30px;  border-bottom: 1px solid rgb(255 255 255 / 34%);}
.credits{padding-left: 10px; font-size: 12px; color: #adadad}
.phone-icon-box{margin-bottom: 5px}

footer i.icon{color: #f77703; font-size: 18px;}

.top-most-footer .r-row{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgb(247 119 3 / 42%)}






/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/
.mrg-top-0{margin-top: 0px !important}
.mrg-btm-0{margin-bottom: 0px !important}
.pd-top-0{padding-top: 0px !important}
.inn-cont{padding-top: 80px; padding-bottom: 80px}
.img-right{ margin-bottom: 30px; margin-left: 30px}
.img-left{margin-bottom: 20px; margin-right: 20px}
.in-body h1{margin-bottom: 15px}
.wel-top-bottom-inn-first{ padding-top: 50px; padding-bottom: 60px;}
@media (max-width: 991px){
.img-right{float: none !important; margin: 0 auto; margin-bottom: 18px}
.img-left{float: none !important; margin: 0 auto; margin-bottom: 18px}
}



/*innerpage slider*/
.inner-page-slide {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 280px;
}

.in-bg1{background-image: url(../img/images/in-bg1.jpg);}


.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color:rgba(58, 55, 55, .4);
}

.inner-slide-cont {
    height: 100%; position: relative;
}

.inner-slide-cont .box.in-slide-box
{padding-left: 15px; padding-right: 15px}

.inner-slide-cont .box.in-slide-box, .inner-slide-cont .box.in-slide-box .sub-box {
    height: 100%;
}

.inner-slide-cont .box.in-slide-box
{width: 100%;}

.inner-slide-cont .box.in-slide-box .sub-box {
    vertical-align: bottom;
}

.inner-slide-cont .box.in-slide-box.vert-middle .sub-box{vertical-align: middle;}

.in-slide-box .button-ul li{margin-bottom: 35px; margin-right: 0px}

.in-slide-box .button-ul{display: table;float: right;}


.in-slide-head{color: #f98012;     font-family: 'comfortaaregular';
    font-weight: bolder;font-size: 52px;line-height: 54px; margin-top: 157px; margin-bottom: -4px !important;
    border-bottom: 6px solid #f98012;text-align:center;}



  

/*breadcrumb*/
.breadcrumb-div{padding-left: 15px; padding-right: 15px}
.breadcrumb {
    background-color: rgba(198, 199, 199, 0.45);
    display: table;
    border-radius: 0px 0px 15px 15px;
    margin-top: 4px;
    padding: 8px 15px;
    margin-bottom: 0px !important;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    color: #756b6b;
    font-size: 14px;
}
.breadcrumb>li+li:before {  
    color: #b2b2b5;}
.breadcrumb li.active a{color: #f17300 !important; }
.breadcrumb>li+li:before{     content: "\f28d";
    font-family: 'FontAwesome';
    font-size: 12px;
    position: relative;
    bottom: 0px; padding-left: 7px; padding-right: 7px}
.breadcrumb li.active:before{color: #f98012 !important;}





/*gen list*/
.gen-list{margin-bottom: 40px}
.gen-list li{padding-left: 23px; margin-bottom: 10px; line-height: 28px; position: relative;}
.gen-list.small-list li{line-height: 24px;}
.gen-list li:before{     content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #f98012;
    border-radius: 40px;
    /* background-image: url(../img/logo/favicon.png); */
    position: absolute;
    left: 0px;
    top: 11px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;

}

.gen-list li:after{ content: "";
    width: 13px;
    position: absolute;
    left: -3px;
    top: 8px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #756b6b;
    display: inline-block;}



.gen-sub-list{margin-top: 15px}
.gen-sub-list li:before{color: #192f59;}
.gen-list-just li{text-align: justify;}

.li-span{border-right:2px solid #f98012; padding-right: 5px; display: inline-block; margin-right: 5px; line-height: 12px;}

.hst-head{font-size: 16px; font-weight: bold;}
.hst-col{margin-top: 20px}



/*pagination*/
/*.pagination {*/
/*  display: inline-block; margin-bottom: 15px;*/
/*}*/

/*.pagination a {*/
/*    color: #f98012;*/
/*    float: left;*/
/*    padding: 5px 12px;*/
/*    text-decoration: none;*/
/*    transition: background-color .3s;*/
/*    border: 1px solid #d6d6d68f;*/
/*    margin: 0 4px;*/
/*    box-shadow: 2px 3px 10px -2px rgb(0 0 0 / 15%)*/
/*}*/

/*.pagination a.active {*/
/*  background-color: #f98012;*/
/*  color: white;*/
/*  border: 1px solid #f98012;*/
/*  box-shadow: none;*/
/*}*/

/*.pagination a:hover:not(.active) {background-color: #f3f3f3;}*/



/*pagination style*/
.pagination .page-item.active .page-link{background-color: #ed7d12;border-color: #e17d12;}
.pagination .page-link{color: #e17d12;}
/*pagination style*/






/*form*/
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border:none;
    min-height: 46px;
    line-height: 30px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 155px;
}

input[type=text]:focus, textarea:focus{border-bottom:1px solid #5EB007 !important;}




input[type="text"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="text"]::-moz-placeholder {
 font-size: 13px;
}

input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="text"]:-moz-placeholder {
  font-size: 13px;
}




input[type="number"]::-webkit-input-placeholder {
 font-size: 13px;
}

input[type="number"]::-moz-placeholder {
 font-size: 13px;
}

input[type="number"]:-ms-input-placeholder {
  font-size: 13px;
}

input[type="number"]:-moz-placeholder {
  font-size: 13px;
}


textarea::-webkit-input-placeholder {
 font-size: 13px;
}

textarea::-moz-placeholder {
 font-size: 13px;
}

textarea:-ms-input-placeholder {
  font-size: 13px;
}

textarea:-moz-placeholder {
  font-size: 13px;
}

.send{    background-color: #e90404;
    color: white !important;
    margin-bottom: 18px;
    border-radius: 6px;
    line-height: 32px;
    padding: 6px 18px;
    border: 2px solid #e90404;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.send i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.send:hover{background-color:#f98012; border: 2px solid #f98012; color:white;padding: 6px 25px;}

.message{ padding: 20px; box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3); 
    border-radius: 6px; margin-bottom: 25px;
}

.height100{height:100%;}

/*if form message*/
.message input[type=text], .message input[type=number],
.message input[type=tel],.message input[type=email],.message input[type=password],.message input[type=date],
.message textarea, .message select {
    margin-bottom: 0px;
    border: 1px solid #cfcfcf !important;
    border:none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #707070;
}

.message select {font-size: 13px}

.message input[type=text]:focus, .message input[type=number]:focus,
.message textarea:focus, .message input[type=date]:focus, .message select:focus {

    border: 1px solid #f98012 !important;}



/*if icon form*/
.icon-form input, .icon-form textarea{padding-left: 42px !important;}
.icon-form .send-btn{width: 100%}
.icon-form .form-group{position: relative;}
.frm-icon{    position: absolute;
    left: 15px;
    top: 14px;
    width: 15px;
    height: 15px;}


/*floating label*/
.form-group input, .form-group textarea{margin-bottom: 0px}

.form-group{margin-bottom: 20px !important}

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

.floating-label {
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  pointer-events: none;
  left: 34px;
  top: 13px !important;
  transition: 0.2s ease all; text-transform: capitalize; color:#756b6b !important ; font-size: 13px; font-size: 13px
}

.inputText-cont{position: relative;}


label{font-weight:normal;text-transform: uppercase;}
label, input, textarea{
  transition: all 0.2s;
  touch-action: manipulation;
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown) + label.floating-label,
input:focus + label.floating-label,
textarea:not(:placeholder-shown) + label.floating-label,
textarea:focus + label.floating-label
 {
  cursor: pointer;
  font-size: 11px;
  top:-8px !important;
  color: #f98012 !important;
  background-color: white;
}

input:focus~.frm-icon,
textarea:focus~.frm-icon
{color: #f98012 !important}


/*file upload button*/
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
    margin-bottom: 15px;
}

input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 5px;
    height: 46px !important;
    width: calc(100% - 115px) !important;
}

input[type=button].fileInputButton {
   float: right;
    color: white;
    border: solid 1px #003a63;
    background: #003a63;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    height: 43px !important;font-size: 13px;
    border-radius: 4px;}






/*table responsive*/
/*table*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{border-top: 1px solid white;}
.color-table th{font-weight: normal;   font-size: 17px; color: #1E7D47;}
tr.first-row>td, tr.first-row>th{border-top:none !important;}



.table-responsive {
    /* border: none; */
    color: black;
    border-radius: 6px;
    border: 1px solid rgb(251 215 183);
    margin-bottom: 30px;
    padding: 0px;
}

.table-responsive.last{margin-bottom:0px !important;}


.table-responsive .table{margin-bottom: 0px; }
.table>tbody>tr>th{padding: 12px 18px !important;}
.first-row {
    background-color: #5EB007 !important;
}

.first-row th{color: white !important}

.table>tbody>tr>th {
    /*color: #057b4c !important;*/
    font-weight: 700;
    font-size: 15px; 
}

.table>tbody>tr>td{ line-height: 20px; font-size: 13px;}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top: 1px solid rgb(251 215 183);
    border-right: 1px solid rgb(251 215 183) !important;
    padding: 12px 15px;
    color: #383636;
}

.table>tbody>tr:first-child>td, .table>tbody>tr:first-child>th
{border-top: none !important;}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child{border-right: none !important;}

.table>tbody>tr:nth-child(even) {
    background-color:#fdf3d2;
 }


.table>tbody>tr:nth-child(odd) {
       background-color:rgb(255, 255, 255); }

.table thead th, .table th{border-right: 1px solid rgb(251 215 183 / 45%) !important;font-family: 'ubuntubold'; 
font-weight: normal;font-size: 15px;
    border-bottom: none;
    color: #ffffff;
    border-top: none !important;}
.table thead th:last-child{border-right: none !important;}

thead tr{ background-color:#f98012;}


.table-hover tbody tr:hover {
    box-shadow: 14px 14px 30px 6px #f98012;
    color: #f98012;
    background-color: rgb(0 0 0 / 0%);
}

.table-hover tbody tr
{
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}


.tablegreen{
    box-shadow: 4px 6px 20px #DCEDC8;
    border: 1px solid #cecece;
}
.tablegreen .table>tbody>tr>td, .tablegreen .table>tfoot>tr>td, .tablegreen .table>thead>tr>td, .tablegreen .table>tbody>tr>th{
    border-top: 1px solid rgb(184 255 186);
    border-right: 1px solid rgb(184 255 186) !important;
}
.tablegreen .table>tbody>tr:nth-child(even){
    background-color: #f9fbe7;
}
.tablegreen .table>tbody>tr:nth-child(odd) {
    background-color: #f1f8e9;
}



/*rewriting default settings*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}
.navbar-toggle{ background-color: #414241; border-radius: 0px; cursor: pointer !important}





/*accordion*/
/*rewriting default style*/
.card-header {
    background-color: #fdf3d2;
    border-bottom: none;
    border-radius: 4px !important;
    padding: .8rem 1.25rem;
}

.card{border: 1px solid rgb(251 215 183); margin-bottom: 10px}

.card-link{display: block;}

.card-link, .card-link:hover{color:  #f98012}

.card-body h3{margin-bottom: 12px; font-size: 15px}







/*date acco*/
.date-acco .card-header{ padding: 0px 0px; display: block;}
.date-acco .card-header .card-link{padding: .8rem 1.25rem; display: block; width: 100%;
    position: relative;padding-right:105px }
.acc-date-cont{width: 150px;position: absolute;right: 0px; top:0px;}
.date-acco .card-header .card-link, .acc-date-cont{float:left;}
.acc-date-cont{padding: .8rem 1.25rem; text-align: right;}
.acc-date{padding: 7px 10px; background-color: white; box-shadow: 2px 2px 10px -2px #f98012; border-radius:4px;
color: #f98012; font-size: 13px}
.date-acco .hovereffect{height: 106px}



/*box design*/
.my-box img.my-box-img-big
{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.my-box{height: 100%; display: block;
    padding: 5px;
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px rgba(0, 1, 1, 0.1);
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}


.my-box.gen-my-box
{height: auto;}

.my-box-cont{
    height: 100%;
    position: relative;
    color: #3c3c3c;
    display: block;
}

.my-box-dtl{
    padding: 30px 15px 30px 15px;
    position: relative;
    text-align: center;
}

.my-box-img{
    width: 70px;
    margin: auto;
}

.my-box-fig{padding-top: 30px; }

.my-box:hover img.my-box-img{animation-name: bounceIn; animation-duration: .8s;}



.my-box-img-big{border-radius: 8px; margin:0 auto;height:100%;object-fit:cover;}
.my-box-fig-big{border-radius: 8px; text-align: center;height:220px;}
.my-box-dtl-big {
    padding: 38px 15px 38px 15px;
    position: relative;
    text-align: center;
}



.my-box:hover img.my-box-img-big
{ transform: scale(1.1);}



/*side list innerpage*/
.in-side-col{padding-left: 30px}

.in-side-menu
{    padding: 20px 0px 20px 20px;
    height: 100%;
    box-shadow: -11px 0px 30px -32px #000000a6;
}
.side-list-inn li a, .icon-list li a{    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;}

.brain-main{background-color: #f9f9f9}
.side-list-inn li a{box-shadow: 2px 3px 10px -2px rgba(0,0,0,.1); 
    border: 1px solid rgb(117 107 107 / 17%);
    background-color: white;
    padding: 9px 23px;
    display: table; width: 100%;
    /* margin: 0 -8px; */
    border-radius: 3px;
    color: #3c3c3c;
    white-space: nowrap;

}

.side-list-inn li a:hover{background-color:#f98012;color: white !important;  }

.side-list-inn li
{width: 100%;
    margin-bottom: 6px;
}

.side-list-inn li img {
    width: 27px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 0px;
/*    filter: brightness(0) invert(0.6);
    -webkit-filter: brightness(0) invert(0.6);
    -moz-filter: brightness(0) invert(0.6);*/
}

.iim {
    display: none;
    padding-right: 10px;
    border: none;
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
/*    border: 1px solid rgba(161, 230, 211, 0.68);*/
    border-radius: 4px;
    width: 40px;
}


.side-list-inn .iim{display: table-cell;}
.side-list-inn .iim-text{display: table-cell; width: calc(100% - 40px)}
.side-list-inn .iim, .side-list-inn .iim-text{vertical-align: middle; }

.side-list-inn li.active a{position: relative;background-color: #f98012; color: white !important;}

.side-list-inn li.active a:hover
{background-color: #f98012; color: white !important; box-shadow:  2px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgb(117 107 107 / 17%);}

.side-list-inn li.active a:after
{content: '';
    position: absolute;
    right: 99%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 13px solid #f98012;}
.side-list-inn li.active a img{filter: brightness(0) invert(1.5);
    -webkit-filter: brightness(0) invert(1.5);
    -moz-filter: brightness(0) invert(1.5);}

.side-list-inn li:hover a{border: 1px solid rgb(251 215 183); color: #3c3c3c !important;
    background-color: #fdf3d2; box-shadow: none;}




/*faculty general design*/

.fac-name{font-family: 'ubuntumedium';
    color: #3c3c3c;line-height: 20px;
    font-size: 16px; margin-bottom: 2px; margin-top: 5px}

.profile-btn{    background-color: #f98012; width: 95px; text-align: center;cursor: pointer;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #f98012;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
}

.fac-pos{font-size: 13px}

.profile-btn:hover{color: white; background-color: #756b6b; border:1px solid #756b6b;}

.fac-dtl{position: relative;}
.fac-dtl .profile-btn{position: absolute;top: -10px; left: 50%; transform: translateX(-50%);}



.faculty-cont{padding-left: 10px; padding-right: 10px}

.faculty-col{margin-bottom: 30px; padding-left: 5px; padding-right: 5px}


/*management council*/
/*.mng-row .my-box{margin-bottom: 30px}*/







/*gallery*/
.demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
            }
            .demo-gallery > ul > li a {
              /*border: 3px solid #FFF;*/
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }


@media (max-width: 575px){
    .demo-gallery > ul > li{width: 50%; max-width: 50%; flex:50%;}
    #lightgallery{margin-left: -5px; margin-right: -5px}
}


.demo-gallery li img{
        -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    border-radius: 6px 6px 6px 6px;
    width: 100%
     }
.demo-gallery li{padding-left: 5px; padding-right: 5px; margin-bottom: 10px}
.gallery-col{padding-left: 10px; padding-right: 10px}

.demo-gallery li a{border-radius: 6px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 29%);
    background-color: #f98012;
    color: white;}
.demo-gallery li a:hover img{ }
.photos-col .demo-gallery li img,
.video-col .demo-gallery li img  {
    border-radius: 6px 6px 6px 6px;}

.demo-gallery.home-gal {margin-bottom: 20px}


.hovereffect{position: relative;}


/*don bosco page*/
.don{
    width: 240px;
}


/*history*/
.college{width: 65%}
#scroll-div{overflow: hidden;}

#scroll-div .flip-cont-main{position: relative;height: 320px}
#scroll-div .flipper-cont{left:50%; transform: translateX(-50%); top:0px; margin-top: 0px}


/*Provincial Superior*/
.person-box{width:240px; height: auto;}
.person-box.float-left{margin-right:25px; margin-bottom: 25px }
.person-box-dtl {
    padding: 20px 5px 10px 5px;
    text-align: center;
}
.person-name{font-family: 'ubuntubold'; text-transform: uppercase; color: #272727; font-size: 14px; margin-bottom: 5px; }



/*principal*/
.person-box.pric-in-box
{width: 390px;
background-color: #f7f7f7;
border: 1px solid #f98012;
box-shadow: none;
}

.person-box.pric-in-box img{width: 100%}
.ad-div {
    text-align: center;
    margin-bottom: 22px;
    font-size: 13px;
}
.ad-div i {
    border: 2px solid #f98012 !important;
    background-color: #f98012;
    color: #ffffff !important;
    font-size: 20px;
    line-height: 35px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 6px;
}

.phone-no.first {
    margin-bottom: 3px !important;
}

.phone-no.last{margin-bottom: 5px}



/*coat of arms*/
.coat-img{padding: 10px}


/*facilities*/
.faci-h2{margin-bottom: 6px;}
.grey-box{
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 20px 10px;}


/*iqac*/
.team-table tr th
{    background-color: #f98012;
    color: white !important;
    border-bottom: 1px solid rgb(249 161 84) !important;
    font-family: 'ubunturegular' !important; font-weight: normal!important;
    text-transform: uppercase; font-size: 13px !important;
}





/*contact*/
.cnt-fl{    background-image: url(../img/images/map-bg.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center top;}
.contact-inn .contact-box {margin-bottom: 20px}
.cnt-iframe{width: 100%; height:350px; border:none; border-radius: 6px; margin-bottom: 10px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1); margin-top:30px;
border:2px solid white;}

.cnt-col{background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 12px}
.cnt-address,.cnt-form{padding: 40px 50px;}
.cnt-address{background-color: #f98012; color: white; border-radius: 12px 0px 0px 12px}
.col-pd-5{padding-left: 5px; padding-right: 5px}
.row-mrg-5{margin-left: -5px; margin-right: -5px}
.message button.read{background-color:white;}
label{font-size:15px; /*color: #f98012;*/}

.contact-adr{border-radius: 6px; height: 100%;
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .3);
 padding: 20px 15px 20px 15px !important;}

.cn-ad, .cn-msg, .cn-cn{margin-bottom: 18px }
.cn-cn h3{margin-top: 8px;}
.iframe{width: 100%; height:350px;}




/*achievemnts*/
.grid-link{overflow: hidden; display: block; box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 29%); border-radius: 6px;
margin-bottom: 15px;}
.grid-link img{    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    border-radius: 6px 6px 6px 6px;
    width: 100%;}

.grid-link .overlay i {color: white}


.grid-link:hover .overlay {
    bottom: 30%;
    animation-name: fadeInUp;
    animation-duration: 1s;}


.org-hr{border-top:1px dotted #f98012;}






/*testimonials*/

.test-more{padding-top:10px; display:inline-block;}

.testi-img {
    margin-top: 15px !important;
    margin: 0 auto;
    /* border-bottom: 2px solid #f98012 !important; */
    border-radius: 100%;
    /* margin-top: calc(-140px / 2); */
    width: 120px;
    border: 1px solid #ffffff;
    box-shadow: 5px 10px 10px -7px rgb(0 1 1 / 62%);
}


.test-card-column .card{margin-bottom: 30px; box-shadow: 2px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgb(117 107 107 / 17%);}

.testibox{
    text-align: center;
    min-height:394px;
}
.testibox h3{
    color: #333;
}
.testibox .year{
    color: #756b6b;
    height: 58px;
    overflow: hidden;
    display: block;
}
.testibox p.desc{
    max-height: 62px;
    overflow: hidden;
    color: #666;
    margin-bottom: 0;
    margin-top: 10px;
}
.testibox a.morebtn{
    display: inline-block;
    margin-bottom: 1rem;
    color: #f77703;
}
.testibox .news-image{
    width: 100px;
    height: 100px;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f77703;
    align-items: center;
    border: 2px solid #f77703;
    margin: auto;
    margin-top: 10px;
}



.table-responsive .dwn-btn,.panel .dwn-btn  {
    min-width: 102px;
    padding: 2px 12px;
    text-align: center;
    color: white;
    background-color: #f98012;
    border-radius: 4px;
    float: left;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    display: inline-block;
    transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;
    
}

.table-responsive .dwn-btn:hover, .panel .dwn-btn:hover{   color: #f98012;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 1px rgba(45, 148, 241, 0.72);
}

.table-responsive .dwn-btn:hover i, .panel .dwn-btn:hover i{animation-name:zoomIn; animation-duration:.2s;}

.table-responsive.text-center .dwn-btn, .panel .dwn-btn{padding: 2px 16px;
    border-radius: 4px;
    float: none;
     margin-right: 0px; 
    margin-bottom: 0px;
    margin: 0 auto !important;
}


.table-responsive .dwn-btn i, .panel .dwn-btn i{margin-right:3px;}





.new-bg-testi .testibox .news-image{margin-top: 0px}
.new-bg-testi .feathers-car-cont{padding-top: 30px; padding-bottom: 30px}

.new-bg-testi .testibox {min-height: auto; height: 100%}

.new-bg-testi .item {height:100% !important;}

.new-bg-testi .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.new-bg-testi .news-item{border:1px solid #f5bb88;}

.new-bg-testi .desc b{margin-bottom: 15px;margin-top: 15px;
    display: block;
    color: #2c2b2a;}
    
.new-bg-testi .testibox p.desc{margin-top:0px !important;}



/*feedback*/
.feedback-ul{width: 410px; margin: 0 auto}
.feedback-ul li{display: table; margin: 0 auto; float: left; margin-bottom: 20px}

.feedback-ul li a{    width: 185px;
    height: 185px;
    display: block;
    background-color: white;
    border: 1px solid #c0c0c063;
    /* background-color: #efefef; */
    text-align: center;
    padding: 15px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
    box-shadow: 3px 4px 5px -2px rgb(31 31 31 / 11%)}

.feedback-ul li .strange-img img {
    width: 55px;   }


.feedback-ul li .strange-img{ margin-top: 35px;}

.feedback-ul li a p{background-color: #f1f1f1; margin-bottom: 0px; color: black;
    border-radius: 20px;
    display: table;
    margin: 0 auto;
    padding: 1px 11px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;

}
.feedback-row{background-color: #fbfafa;
    padding-top: 40px;
    padding-bottom: 30px;}

.feedback-ul li a:hover img{animation-name: zoomIn; animation-duration: 1s}

.feedback-ul li a:hover p{background-color: #f98012; color: white}




/*complaints*/
.griev-col{padding: 50px; border-top:10px solid #f98012; width: 900px; margin: 0 auto; background-color: white;}
.repeat-cont{background-image: url(../img/images/repeat.jpg); background-repeat: repeat; background-attachment: fixed}




/*psco co*/
.pso-h2{ border-bottom: 1px dashed orange;
    box-shadow: 1px 16px 10px -10px #f9801259;
    border-radius: 0px 0px 12px 12px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #f98012;
    padding-top: 5px;
    border-top: 4px solid #756b6b;}

.pso-p{    /* border-left: 4px solid #f98012; */
    padding-left: 10px;
    text-align: center;
    margin: 0 auto;
    display: table;
    /* color: #f98012 !important; */
    background-color: #efefef;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 'ubuntubold';
    padding: 3px 18px;
    border-radius: 20px;
    position: relative;}

.pso-p:after{content: '';
    height: 15px;
    width: 1px;
    background-color: #f98012;
    position: absolute;
    left: 50%;
    bottom: -15px;}




/*snehaveedu video*/
.sub-para{font-size: 40px;font-family: 'Ubuntubold', sans-serif;    letter-spacing: -1px;line-height: 40px; margin-bottom: 30px; color: #f98012}
.snehaveedu-main{background-color: #f5f5f5}


/*solar main*/
.solar-main{background-image: url(../img/images/solar-bg.jpg); background-size: cover; background-position: top center;
padding-top: 40px; padding-bottom: 40px}





/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 13px 20px 13px 20px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }



@media (min-width: 1300px){
    .pd-2-35{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}

}

@media (max-width: 1299px){


}

@media (min-width: 1200px) and (max-width: 1290px){
.has-dropdown .list-link{ padding: 5px 0px 0px;}
.flipster__item__content{ width:364px;}
#old-bd .flipper-cont{right: -975px;}
/*#old-bd .flipper-cont {
right:-500px;}*/
}


@media (min-width: 1200px){
.mob-menu{display: none !important;}
.desk-menu{display: block !important;}
}


@media (max-width: 1199px){
.search-ul{display: none;}
.cd-dropdown-trigger{    top: -58px;
    margin-bottom: 0px !important;margin-top: 0px !important}
.menu-cont{height: 0px}
#old-bd .flip-cont-main{height: 380px; max-width: 612px; margin: 0 auto}
#old-bd .flipper-cont{right: -1070px !important}
.logo-div {
    border-right: none;
}
.square-ul.main-menu-ul{display: none !important;}
.cd-close{    background-color: #003a63;
    border: 2px solid white;
    box-shadow: 4px 7px 11px 1px rgb(0 0 0 / 32%);}
.mob-logo-close {
    position: relative;
    z-index: 10;
    padding: 10px !important;
    box-shadow: 1px 12px 18px -12px rgb(18 18 19 / 46%);
}
.cd-dropdown .cd-close {
    top:5px;
    right: 5px;
    height: 30px;
    width: 30px;
    border-radius: 100%
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before
{height: 14px}
.menu-btn {
    float: left;
}
.sticky .bg-dark {
    background-color: rgba(0,0,0,.5) !important;}
.mob-menu{display: block !important;}
.desk-menu{display:none !important;}
#space .carousel-inner {
    padding-left: 15px;
    padding-right: 15px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {

.fac-name {
    line-height: 16px;
    font-size: 13px;}
.rel-cont {
    padding-top: 12px;}
.col-6-mission {
    padding-right: 27%;
}

.test-card-column.card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;}
}



@media (min-width: 768px) and (max-width: 991px) {
.slide-icon {width: 32px;}
.slide-list li a{width: 104px;}
.slide-list {width: 729px;}
.slide-list li a p {
    font-size: 13px;
    line-height: 15px;
    padding: 4px 10px;}
.swiper-events .swiper-button-next, .swiper-events .swiper-button-prev
{right:0px !important;}

.tag-line {
    font-size: 45px;
    line-height: 42px;}

.modal-dialog.modal-lg {
    max-width: 700px !important; width: 700px !important
}
.pd-2-35 {padding-left: 20px;padding-right: 20px;}
header .social {margin-right: 30px;}

.eve-img-cont{width: 142px}
.eve-dtl-cont{width: calc(100% - 142px)}
}


@media (min-width: 768px){
.legents-main .icon-list li{width: calc(100% / 6 - 6px); margin-left: 3px; margin-right: 3px}
.mob-dept{display: none;}
.desk-dept{display: flex;justify-content: center;}

.desk-logo{display: block;}
.mob-logo{display: none;}
}



@media (max-width: 767px){
.desk-logo{display: none;}
.mob-logo{display: block;}
.logo{margin: 0px;}
.dis-none-767{display: none;}
.foot-col-first{margin-bottom: 30px}
.foot-col-first.one, .foot-col-second, .ft-address-first{border-right: 1px solid #cf771485}
.ft-logo-first{border-bottom: 1px solid rgb(247 119 3 / 42%); margin-bottom: 40px;}
footer .phone-icon-box{margin: 0 auto}
.icon-list li {
    width: calc(100% / 4);}
.legents-main .icon-list li{width: calc(100% / 3 - 6px); margin-left: 3px; margin-right: 3px}
.home-stay-view{margin-bottom: 20px;}
.list-group-item, .list-group-item2{ padding: 15px 12px; font-size: 18px;}
.events-main .viewall {margin-top: 0px;
    margin-bottom: 40px;}

#space .carousel-indicators{display: block;}
#space .carousel-indicators li{width: calc(100% / 5 - 6px) !important; margin-left: 3px; margin-right: 3px; margin-bottom: 6px;
    float: left;
 display: table;}
 #space .carousel-indicators li a{width: 100%;}
.card-cont .card-body {
    padding: 10px 10px;
}
.card-text{font-size: 12px; line-height: 14px !important}
.mob-dept{display: block;}
.desk-dept{display: none;}
.mission-float-bg, .mission-float-bg-overlay, .col-6-mission
{height: 440px !important;}
.col-6-mission{padding-right:15px !important;}
.mission-cont{width: 300px; height: 100%;}
.person-box.float-left{float: none !important; margin: 0 auto !important; margin-right: 0px;
 margin-bottom: 20px !important}
.footer-logo{margin-top: 0px}

footer{text-align: center;}

.modal-h3.first {
    margin-top: 30px !important;}
.grey-box{margin-top: 10px}

#old-bd .flip-cont-main {
    height: 340px;
    max-width: 512px;}

.flipster__item__content {
    width: 330px;
}

#old-bd .flipper-cont {
    right: -890px !important;
}

.test-card-column.card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;}

}





@media (max-width: 991px){
.str-princ .princ-row{margin-bottom:30px;}
.feather-col{padding-left: 0px; padding-right: 0px}
.griev-col { padding: 30px 15px;}
.griev-col{width: 100%}
.cd-dropdown-trigger{float: right;}
.rel-cont {padding-top: 12px;}
.space-name.library-hd{margin-top: 20px}
.footer-social-cont {
    margin-bottom: 35px;}
.footer-logo{margin: 0 auto; }
.ft-logo-box{text-align: center;}
.top-most-footer .r-row {
    margin-bottom: 30px;}
.foot-head {font-size: 14px;}
#space .carousel-indicators{padding-left: 15px; padding-right: 15px; font-size: 12px}
.space {
    padding: 20px;}
.value-col8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% !important;
    padding-bottom: 48px;
}
.card-cont {
    padding-left: 15px;
    padding-right: 15px;
}
.value-col4 {
display: none;
}
.mission-float-bg, .mission-float-bg-overlay, .col-6-mission{width: 100%; height: 480px; margin-bottom: 40px}
/*.mission-cont{margin-top: 40px;}*/
.col-6-mission{padding-right: 480px;}

.search-ul{display: none;}
.fac-name {
    line-height: 16px;
    font-size: 13px;}

.college{width: auto;}
.rights-col, .power-col{width: 100%; float: none; flex: 100%; max-width: 100%; text-align: center;}
.rights.text-left, .powered-by.text-right, .credits-col {text-align: center !important;}
.credits{padding-left: 0px; font-size: 11px; display: block; margin-top: 3px}
.rights{margin-bottom: 8px}
.in-side-col {padding-left: 15px;}
.in-side-menu{box-shadow: 0px -11px 30px -32px rgb(0 0 0 / 65%); margin-top: 20px;}
.side-list-inn li.active a:after{right: 100%;
    margin-top: -10px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f98012;
}
.in-side-menu { padding: 20px 0px 0px 0px;}


h1 {font-size: 30px;}
h2{font-size: 28px}

.dis-none-991{display: none;}

}


@media (max-width: 767px){
    .slide-list li:nth-child(5) a:before,
    .slide-list li:nth-child(5) a:after
    {display:none;}
}





@media (min-width: 576px) and (max-width: 767px) {
.slide-list li a{ width: 110px;}
.slide-list li a {padding: 10px 3px 10px;}
.tag-line {
    font-size: 35px;
    line-height: 35px;}
.in-slide-head {
    font-size: 44px;
    line-height: 44px;}

#old-bd .slide-div{height: 300px}
.pd-2-35{padding-left: 15px; padding-right: 15px}
.cont-main {
    height: 340px;
    max-width: 612px;
    margin: 0 auto;
}

.slide-list li a{ padding: 5px 0px 5px;width: 84px;}
.slide-list li a p {line-height: 15px;
    font-size: 11px;padding-left: 3px; padding-right: 3px}
.slide-list{width: 295px;}

.slide-list li{width: 50%; float: left; text-align: center;}
.slide-list li:nth-child(3),.slide-list li:nth-child(4), .slide-list li:nth-child(5)
{width:calc(100% / 3 - 10px); margin-left: 5px; margin-right: 5px}
.slide-list li:nth-child(2) a:before, .slide-list li:nth-child(2) a:after{display: none;}
.slide-list li:nth-child(1), .slide-list li:nth-child(6){padding-left: 45px; padding-right: 5px}
.slide-list li:nth-child(2), .slide-list li:nth-child(7){padding-right: 45px; padding-left: 5px}
.slide-list li figure{padding:10px 10px 10px 10px;}
.slide-list li a{width: auto;}
}



@media (min-width: 601px){
.list-600{display: none;}
}

@media (max-width: 600px){

}


@media (min-width: 576px){
.card-main .card-columns{column-count:4;}
}
 

@media (max-width: 575px){
.slide-list li a{ padding: 2px 0px 2px;width: 84px;}
.slide-list li figure{padding: 8px 8px 8px 8px;}
.slide-list li a p {
    font-size: 11px; line-height:14px;padding-left: 3px; padding-right: 3px}
.slide-list{width: 295px;}

.slide-list li{width: 50%; float: left; text-align: center;}
.slide-list li:nth-child(3),.slide-list li:nth-child(4), .slide-list li:nth-child(5)
{width:calc(100% / 3 - 10px); margin-left: 5px; margin-right: 5px}
.slide-list li:nth-child(2) a:before, .slide-list li:nth-child(2) a:after{display: none;}
.slide-list li:nth-child(1), .slide-list li:nth-child(6){padding-left: 45px; padding-right: 5px}
.slide-list li:nth-child(2), .slide-list li:nth-child(7){padding-right: 45px; padding-left: 5px}
.slide-list li a{width: auto;}

#scroll-div .flip-cont-main{position: relative;height: 220px}
#owl-car-testi{padding-left:15px; padding-right:15px;}

.test-card-column.card-columns {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;}

.tag-head {
    font-size: 16px;}
.tag-line {
    font-size: 30px;
    line-height: 35px;}
.sub-para{font-size: 32px;}
#owl-project .vid-sub{padding-left: 10px; padding-right: 10px}
.date-acco .card-header .card-link {
    padding-bottom:38px; padding-right: 1.25em}
.date-acco .card-header .card-link, .acc-date-cont{float: none; bottom: 0px; top:auto; right: auto;}
.acc-date{ display: inline-block;}
.acc-date-cont { padding: .4rem 0rem .8rem;}
.acc-date {padding: 2px 6px;    font-size: 11px;}
.acc-date-cont{text-align: left;}
.date-acco .card-header .card-link{width: 100%}
.date-acco .hovereffect{height: 170px}
.feedback-ul{width: 100%; margin: 0 auto}
.feedback-ul li {width: 50%; }
.feedback-ul li a{    width: calc(100% - 20px); 
    height: 185px; margin-left: 10px;margin-right: 10px}

.rel-cont {
    min-height: 85px;
}
.cd-dropdown-trigger {
    padding: 3px 3px 0px 6px;
    border-radius: 20px;
    width: 47px;
    margin-right: 0px;
    height: 37px;
}
.cd-dropdown-trigger span.orange{display: none;}
#old-bd .slide-div{height: 280px}
.ft-logo-box{padding-left: 15px; padding-right: 15px}
.foot-col-second{margin-bottom: 30px}
    .icon-list li {
    width: calc(100% / 3);
}
div.bhoechie-tab-content2 h3.aw-h3 {
    font-size: 15px !important;}
.click-div{width:100px; flex:100px;max-width: 100px }
.bhoechie-tab2{width: calc(100% - 100px); float: left; padding-left: 5px}
.list-group-item, .list-group-item2 {
    padding: 15px 5px;
    font-size: 13px;}
.cr-box.first{margin-bottom: 10px}
.space-lib-box{margin-bottom: 20px}
.space-lib-box.last{margin-bottom: 0px}
.space {padding: 15px;}
.card{margin-bottom: 4px;}
.card-cont .card{margin-left: 2px;
    margin-right: 2px;}
.value h3 { font-size: 16px;}
.news-title{font-size: 13px}
.com{line-height: 20px}
.str-princ figure {
    width: auto;}

.mission-cont {
    width: 100%;
}
.flipster__button{margin: 0 0 !important}
#space .carousel-indicators li{width: calc(100% / 4 - 6px) !important;}
.card-cont .card {
    width: calc(100% / 3 - 4px);}

.iframe{height: 280px}
.card-body {padding: 1.25rem 10px;}

.form-group {
    margin-bottom: 15px !important;
}
.fil-col{text-align: center;}
.message {padding: 15px;}
.person-name{font-size: 12px}
.faculty-col{width: 50%; max-width: 50%;flex:50%;}
.gal-name{ font-size: 10px;}
.person-box.pric-in-box{width: auto;}   
.breadcrumb li a{font-size: 12px}
.in-slide-head {
    font-size: 34px;
    line-height: 40px;
}

.wel-top-bottom-inn-first {
    padding-top: 30px;
    padding-bottom: 40px;
}

.wel-top-bottom{
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-0-575{padding-left: 0px;padding-right: 0px}

.pd-2-35 {padding-left: 0px; padding-right: 0px;}

footer, .rights.text-left {text-align: center;}
footer .phone-icon-box{margin: 0 auto;margin-bottom: 5px}

.gen-list li {
    line-height: 24px;}

.in-main-col, .inn-cont {
    padding-top: 40px;
    padding-bottom: 40px;
}

.inner-page-slide{height: 220px}

h1 {font-size: 23px;
    line-height: 32px !important;}
.in-body h1 {
    margin-bottom: 6px;
}
h2 {font-size: 24px; line-height: 27px;}
.in-body h2{ font-size: 18px;}

h4 {font-size: 14px;}


body, footer{font-size: 13px}
.gen-para { line-height: 25px; font-size: 13px;}
.navbar-nav>li>a{font-size: 14px; padding: 10px 18px;}

}




@media (min-width: 426px) and (max-width: 575px) {
.logo {
    max-height: 60px;
    margin: 0px;}
.center-image{width: 350px}
.eve-img-cont{width: 155px}
.eve-dtl-cont{width: calc(100% - 155px)}

#old-bd .flip-cont-main {
    height: 302px;
    max-width: 412px!important;
    margin: 0 auto;
}
.flipster__item__content {
    width: 230px;
}
#old-bd .flipper-cont{right:-590px !important;}
}


@media (max-width: 425px){
.legents-main .icon-list li {
    width: calc(100% / 3 - 4px);
    margin-left: 2px;
    margin-right: 2px;
}

.handbook-box { padding: 20px 20px !important;}
.hand-p{font-size: 15px;}


.feedback-ul li{margin-bottom: 10px}
.feedback-ul li a {
    width: calc(100% - 10px);
    height: 185px;
    margin-left: 5px;
    margin-right: 5px;
}
.feedback-ul li a{height: 140px;}
.feedback-ul li .strange-img {
    margin-top: 12px;
}
.rel-cont {
    min-height: 75px;
}
.logo {
    max-height: 50px;
    margin: 0px;}
.cd-dropdown-trigger{width: 35px; border:none;}
.center-image {
    width: 301px;
    padding-top: 24px;
}

.news-date-ev{font-size: 11px; padding: 2px 6px; height: 39px; width: 68px}
.block-hdnews{padding: 30px 10px}
.eve-dtl-cont{padding-left: 10px}
.eve-img-cont{width: 120px}
.eve-dtl-cont{width: calc(100% - 120px)}
#old-bd .flip-cont-main {
    height: 256px; 
    max-width: 412px!important;
    margin: 0 auto;
}
.flipster__item__content {
    width: 200px;
}
#old-bd .flipper-cont{right:-490px !important;}
}





@media (min-width: 376px){
 .swiper-events .swiper-container-vertical>.swiper-wrapper{
    width: 295px;
    margin: 0 auto;}
}



@media (max-width: 375px){
#space .carousel-indicators li{width: calc(100% / 3 - 6px) !important;}
#old-bd .flipper-cont{right:-533px !important;}
.in-slide-head {
    font-size: 28px;
    line-height: 37px;
}
}

.owl-dots{
    display:none !important;
}


.info-box .princ-row{
    transition: .3s;
}

.info-box .princ-row:hover{
transform: translateY(-5px);
}

/*.info-box .princ-row.box1{*/
/*            background-color: rgb(223 255 216 / 95%);*/
/*}*/

/*.info-box .princ-row.box2 {*/
/*    background-color: rgb(255 239 239);*/
/*}*/


/*.info-box .princ-row.box3 {*/
/*    background-color: #d1fff8;*/
/*}*/

.info-box .princ-row{
    position: relative;
    transition: .3s;
    border-radius: 60px 60px 60px 5px;
    padding: 30px 30px !important;
    overflow: hidden;
    /*cursor: pointer;*/
    /* padding: 5px; */
    border: 3px solid #ffffffd1;
    background-color: rgb(255 232 199);
}
.info-box .princ-row a{
    color: #3c3c3c;
    transition: .3s;
}
.info-box .princ-row a:hover{
    color: #e87d1d;
    transition: .3s;
}





.info-box .princ-row:after{
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    background: #f9801230;
    right: 0;
    bottom: 0;
    border-radius: 200px 0 20px 0;
    transition: .3s;
}
.info-box .princ-row:hover:after{
        background: #f98012;
}

.info-box .princ-row h5{
            color: #e87d1d;
    /* font-weight: 700; */
    /*font-family: 'ubuntubold';*/
        font-family: "Bakbak One", sans-serif;
        font-size: 1.3rem;
}

.info-box .gen-list li{
        font-size: 1rem;
}
.info-box .b-line {
    margin-bottom: 15px;
}






/*####################### Data Collection DBASC #########################*/
.log-dbasc{
    width: 300px;
}
.log-dbasc img{
    width: 100%;
}
.header-dbasc{
    position: fixed;
    width: 100%;
    z-index: 9;
    background: #fff;
}
.headflex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-right{
    display: flex;
    gap: 30px;
    font-size: 17px;
    align-items: center;
}
.condbsc{
    padding: 10px 30px;
    background: #2f2e7f;
    border-radius: 20px;
    color: #fff !important;
    transition: all .2s;
}
.condbsc:hover{
    color: #fff;
}
.head-right a{
    transition: all .3s;
    color: #e33911;
}
.head-right a:hover{
    color: #000;
}
.dbascimg{
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.dbadm h5{
    color: #e33911;
    font-size: 1rem;
}
.dbadm h1{
    font-size: 2.5rem;
    line-height: normal !important;
}
.dbadm{
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    gap: 15px;
}
.dbabtn{
    display: flex;
    gap: 20px;
}
.dbabtn a{
    border: 1px solid #000;
    padding: 10px 28px 10px 28px;
    border-radius: 10px;
    transition: all .3s;
    color: #333;
}
.dbabtn a:hover{
    background-color: #000;
    color: #fff;
}
.dbabtn a i, .clarification a i{
    margin-right: 10px;
}
.clarification{
    background-color: #003a63;
    height: 100%;
}
.clarification h2{
    font-size: 26px;
    color: #fff;
    width: 700px;
    margin: auto;
    text-align: center;
    max-width: 100%;
}
.clarbtn{
    padding: 16px 35px 16px 35px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
    transition: all .3s;
}
.clar{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.clarbtn:hover{
    background-color: #fff;
    color: #333;
}
.dbasccontent{
    padding-top: 70px;
}
.dbascfoot{
    background-color: #eee;
    color: #333;
}
.footer-dbasc{
    display: flex;
    gap: 20px;
    justify-content: center;
    font-size: 18px;
}
.footer-dbasc a{
    color: #333;
    transition: all .3s;
}
.powered-dbasc{
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    margin-top: 10px;
    gap: 8px;
}
.comp{
    color: #333;
}
.ug{
    padding-top: 90px;
}
.ugform{
    border: 1px solid #33333338;
    border-radius: 10px;
    height: 100%;
}
.uginput{
    padding: 20px;
}
.uginput input, .uginput select{
    border: 1px solid #eee;
    border-radius: 10px;
    color: #3333339e; 
}
.uginput input:focus{
    border-bottom: 1px solid #eee !important;
}

input::placeholder {
    color: #3333339e; 
    opacity: 1;
}
.radiogrp{
    display: flex;
    gap: 10px;
    align-items: center;
    height: 100%;
}

.ugsecond h2, .ugthird h2, .ugfourth h2, .ugfifth h2{
    color: brown;
}
.checkgrp{
    display: flex;
    align-items: center;
    gap: 10px;
}
.checked{
    display: flex;
    gap: 15px;
    align-items: center;
    flex-flow: wrap;
}
html {
    scroll-behavior: smooth;
  }
/* responsive */
@media(max-width: 991px){
    .head-right, .footer-dbasc, .powered-dbasc p{
        font-size: 15px;
    }
    .dbadm h1{
        font-size: 2rem;
    }
    .clarification h2{
        font-size: 25px;
    }
}

@media(max-width: 767px){
    .head-right{
        display: none;
    }
    .log-dbasc{
        margin: auto;
    }
    .dbadm{
        margin-top: 15px;
    }
}

@media(max-width: 575px){
    .ug, .dbasccontent{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.placement-video{
  position: absolute;
    right: 15px;
    top: 45px;  
}
.placement-video button{
      background: rgb(249 128 18);
    padding: 15px;
    color: #fff;
    border-radius: 10px;
    display: flex
;
    gap: 7px;
    flex-direction: column;
    align-items: center;
    border:4px solid #fba354;
}

.placement-video button img{
    width: 24px;
}