/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

.navbar-brand-text {
  display: none;
}

/* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 43.75rem !important;

}

.carousel-item>img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 43.75rem;
}


/* MARKETING CONTENT
  -------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing h2 {
  font-weight: 400;
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
  ------------------------- */

.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
  -------------------------------------------------- */

@media (min-width: 40em) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.thres {


  margin-top: 40px;
  width: 100%;
  background-color: #cc0ebc;
  z-index: 2;
  border-top-right-radius: 20px;
}

.ner {
  height: auto;
  margin-top: 20px;

}

.in-new-left {
  margin-bottom: 2rem;
}
.three-screen{background: url('carousel3_bg.jpg');height:100%;margin-bottom: 10rem;}
@media (min-width: 768px) {
  body {
    padding-top: 6.2rem;

  }
  .three-screen{margin-bottom: 0rem;}
  .in-new-left {
    margin-bottom: 0;
  }

  .lb_cas .carousel-control-prev {
    left: 46% !important;

  }

  .lb_cas .carousel-control-next {
    right: 46% !important;
  }

  .thres {
    position: relative;
    padding: 20px 22px;
    width: 120%;
  }

  .ner {

    margin-top: 100px;

  }

  .bg-dark {
    height: 100px;
  }

  .pc992 {
    padding-left: 90px;
  }

  .navbar-brand-text {
    display: block;
  }

  .navbar-nav {
    justify-content: center !important;
  }

  .mr-auto {
    margin: auto !important;
  }
}

.in_button_three {
  display: none;
}

.in-news .news-latest {
  padding-left: 1.5rem;
}

.in-news .news-more {
  padding-right: 1.5rem;
}

.in-new-left {
  padding-right: 0px;
}

@media (min-width: 992px) {
  .in_button_three {
    display: block !important;
  }

  .in-news .news-latest {
    padding-left: 1rem;
  }

  .in-news .news-more {
    padding-right: 1rem;
  }

  .in-new-left {
    padding-right: 5.2rem;
  }

}

.lb_cas .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 30%;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.lb_cas .carousel-indicators li {
  width: 100%;
  height: auto;
  text-indent: 0px;
  overflow: hidden;
  background: none;
  font-weight: bold;
  position: relative;


}

.lb_cas .in_title {
  color: #3d0d39;
  z-index: 1;
  padding: 5px;
  font-weight: 900;

}

.lb_cas .active .in_title {
  color: #fff;

}

.in_title_bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  overflow: hidden;
  background: #cc0ebc;
  transform: translate3d(-100%, 0px, 0px);
  transition: all 1s;
}

.lb_cas .active .in_title_bg {

  transform: translate3d(0%, 0px, 0px);

}

.lb_cas .carousel-control-prev {
  left: 40%;

}

.lb_cas .carousel-control-next {
  right: 40%;
}

.lb_cas .carousel-control-prev-icon,
.lb_cas .carousel-control-next-icon {
  background: 50% / 100% 100% no-repeat;

}

.lb_cas .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.lb_cas .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.lb_cas .carousel-control-prev,
.lb_cas .carousel-control-next {
  position: absolute;
  top: 340px !important;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #000 !important;
  text-align: center;
  background: none;
  border: 1px solid #777 !important;
  border-radius: 50%;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.lb_cas .carousel-control-prev:hover,
.lb_cas .carousel-control-next:hover {
  border: 1px solid #cc0ebc !important;
  background: #cc0ebc;
}

.lb_cas .carousel-control-prev:hover .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.lb_cas .carousel-control-next:hover .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.lb_cas .carousel-item-n {
  padding: 20px 0;
}

.navbar-brand-img {
  background: url(logo.png) no-repeat left top;
  height: 40px;
  width: 40px;
}

.carousel-item-bgimg {

  height: 43.75rem;
}

.navbar-dark .navbar-toggler {
  color: rgba(17, 17, 17, 0.5) !important;
  border-color: rgba(17, 17, 17, 0.5) !important;

}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 17, 17, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:hover {
  color: #131313;
}

.navbar-dark .navbar-nav .nav-link {
  color: #343a40;
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #cc0ebc;
}

.bg-dark {
  background-color: #ffffff !important;
}

.btn-outline-successin {
  color: #cc0ebc;
  border-color: #cc0ebc;
}

.btn-outline-successin:hover {
  color: #fff;
  background-color: #cc0ebc;
  border-color: #cc0ebc;
}

.btn-primary-carousel {
  color: #fff;
  background-color: #cc0ebc;
  border-color: #cc0ebc;
}

.btn-primary-carousel:hover {
  color: #fff;
  background-color: #74096b;
  border-color: #74096b;
}


.btn-secondary {
  color: #fff;
  background-color: #cc0ebc;
  border-color: #cc0ebc;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #74096b;
  border-color: #74096b;
}

nav {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.navbar-nav .nav-item:hover {
  color: #fff;
  background-color: #cc0ebc;
}

.navbar-nav .nav-item:hover a {
  color: #fff !important;

}

.navbar-nav .nav-item:hover .dropdown-menu a {
  color: #131313 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #cc0ebc;
}

.navbar-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.trebox {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;

}

.trebox .title {
  position: absolute;
  width: 100%;
  top: 50%;
  color: #525252 !important;
  transition: 0.5s;
}

.trebox:hover .title {
  opacity: 0;
  -webkit-transform: translateY(-45px);
  transform: translateY(-45px)
}

.nr_int {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10%;
  transform: translate3d(100%, 0px, 0px);
  transition: all 1s;
  background: rgba(0, 0, 0, .5);
}

.trebox:hover .nr_int {
  transform: translate3d(0%, 0px, 0px);
}

.trebox .nr_int .prc {
  color: #fff !important;
}

.market_k {
  padding-top: 50px;
  padding-bottom: 40px;
}

.imgscale,
.cfimgscale {
  transition: 0.5s;
}

.carousel-item-bgimg {
  transition: 5s;
}

.trebox:hover .imgscale,
.active .carousel-item-bgimg {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.cfimgscale:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.sepcontainer {
  max-width: 1360px;
  width: 100%;
  margin: auto;
}



.mun {
  height: 60px;
  margin-bottom: 12px;
  font-size: 50px;
  font-family: 'Geometr415 Blk BT';
  color: #fff;
}

.zi {
  color: #fff;
}

.form-control {
  background-color: #F6F6F6;
  border: #F6F6F6;
}

.float-right a {
  color: #5a5a5a;
}

.in-news {
  background-color: #f7f7f7;
  padding: 40px 0;
}

.in-news-left-date,
.in-news-right-date {
  margin: 1rem 0;
  font-weight: bold;
  color: #cc0ebc;
}

.in-news-left-n {
  margin: 1rem 0;
  font-size: 1rem;
  color: #7c7c7c;
}

.in-news-title {
  margin-bottom: 2rem;
}

.in-news-right li {
  list-style: none;
}

.in-news-right-item {
  border-bottom: 1px solid #dadada;
  padding-bottom: 1.8rem;
  margin-bottom: 1.8rem;
}

.in-news-right-item>.row>.col-5 {
  overflow: hidden;
}

.in-news-right-item>.row>.col-5>.img-fluid {
  transition: 0.1s;
}

.in-news-right-item:hover>.row>.col-5>.img-fluid {
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

.in-news-right-item:hover>.row {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 1rem #f9e4fd;
}

.in-news-right-item:hover {
  border-bottom: 1px solid #f7f7f7;

}


.in-news-right-t>h5 {
  line-height: 1.8rem;
}

.contact {
  padding-top: 3.5rem;
}

.contact .col-12 .contact_bt {
  padding-bottom: 3rem;
}

.contact .contact_btn-bg {
  border: 0;
  background: linear-gradient(to right, #db27cc, #cc0ebc);
}

.news ul>li {
  list-style-type: none;
}

.news {
  margin: 3rem 0;
}

.news .item a:hover {
  text-decoration: none;
}

.news .col-12 ul>li {
  margin-bottom: 2rem;
}

.news .item .col-9>h5 {
  color: #333;
  font-weight: 600;
}

.news .item a:hover .col-9>h5 {
  color: #cc0ebc;

}

.news .item .col-9 .news-date {
  color: #999;
  font-size: 1rem;
  margin: 1rem 0;
}

.news .item .col-9 .news-n {
  color: #666;
  font-size: 1rem;
}

.news .h-d-n-m {
  position: relative;
}

.news .item .col-9 .news-m {
  color: #666;
  font-size: 1.2rem;
  position: absolute;
  right: 1rem;
  bottom: 0;
  display: none;
}

.news .item a:hover .col-9 .news-m {
  color: #cc0ebc;
  display: block;

}

.innovation {
  padding: 3rem 0;
}

.innovation .nav-item .active {
  background-color: #cc0ebc;
}

.innovation .nav-item .nav-link {
  font-weight: 600;
}

.innovation .i-n_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.innovation .i-n_center h6 {
  font-weight: 600;
}

.organism_container {
  padding: 3rem 0;
  background-color: #ffffff;
}

.organism_container .sepcontainer {
  background-color: #fff;
  padding: 1rem 2rem;
}

.organism_container .organism_title {
  margin-bottom: 1rem;
}

.organism_container .organism_title h5 {
  font-weight: 600;
}

.organism_container .accordion-9 {
  padding: 2rem 0;
}

.organism_container .btn-link {
  font-size: 0.8rem;
  font-weight: 600;
  color: #666;
  text-decoration: none;
}

.organism_container .card-body {
  font-size: 0.8rem;
}

.card-header {

  background-color: rgba(0, 0, 0, 0.01);

}

.team {
  margin-bottom: 100px;
  margin-top: 60px;
}

.team .team-img-circle {
  margin-bottom: 2rem;
}

.team .team-img-circle>h5 {
  margin-top: 1rem;
}

.material_container .material_title {
  margin: 3rem 0 1rem;
  
}

.material_container .material_title>h5 {
  font-weight: 600;
  border-left: 4px solid #cc0ebc;padding-left: 0.5rem;
}

.material_container .material_item {
  margin: 2rem 0 0rem;
  position: relative;
  overflow: hidden;
}
.material_container .material_li .material_item-one{
  position: absolute;
 top:0;
 left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0px, 86%, 0px);
  transition: all 1s;
 
 
  
}
.material_container .material_li:hover .material_item-one{
  transform:translate3d( 0px, 14%,0px);
}

.material_container .material_li .material_item-two{
  position: absolute;
 top:0;
 left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0px, 100%, 0px);
  transition: all 1s;
  background-color: rgba(204, 14, 188, .8);
 
  
}
.material_container .material_li:hover .material_item-two{
  transform:translate3d( 0px, 28%,0px);
}

.material_container .material_item-one .material_item-n-bt{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #fff;
  padding: 1rem;
  background-color: #cc0ebc;
}
.material_container .material_item-two .material_item-n-all .material_item-n-all-text{
  color: #fff;
  font-size: 0.9rem;
  padding: 1rem 0;

}
.material_container .material_item-n{
  padding: 1rem;
  border: 1px solid #efefef;
  border-top:0 ;
  
  
}
.material_container .material_item-n>h5{
  font-weight: 400;
  margin: 0.8rem 0;
}
.material_container .material_item-n>p{
  font-size: 0.9rem;
}
.material_container .material_li .item-pic{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.material_container .material_li .item-pic3{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(204, 14, 188, .5);
  transform: translate3d(0px, 100%, 0px);
  transition: all 1s;
}
.material_container .material_li:hover .item-pic3{

  transform: translate3d(0px, 0%, 0px);
  
}
.science{
  padding: 2rem 0;
}
.science p{
  margin-top: 1rem;
  font-size: 1rem;
  text-indent: 2em;
}
.introduce{background-color: #f7f7f7;padding: 50px 0; }

/*-------------*/