@charset "utf-8";
/*-----------------------------------------------------------------------------------
	assets/css/sections.css
	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 6.3
  background-image:url("../img/background/divider.png");
  background-repeat: repeat;
  box-shadow: none;
-----------------------------------------------------------------------------------*/

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

সূচীপত্র 	href="sitemap.html"
পরিচিতি 	href="introduction.html"
ভাষা 	href="language.html"
সাহিত্য 	href="literature.html"
সংস্কৃতি 	href="culture.html"
অধিবেশন 	href="conference.html"
নথিপত্র 	href="documents.html"
গ্রন্থাগার      href="library.html"
বাংলা-পাঠ 	href="banmgla-learning.html"
দূর-শিক্ষাকেন্দ্র 	href="dec.html"
আলোকচিত্র 		href="gallery.html"
বিজ্ঞপ্তি 		href="notices.html"
যোগাযোগ 		href="contacts.html"
বরাকের...

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

/*--------------------------------------------------------------
Page-title
--------------------------------------------------------------*/
.para-bg{
background-image: url("../../dcbl-textbooks/para-bg-1.png");
background-repeat: no-repeat;
background-position: center;
	
	
}


#dec{
background-image:url("../img/background/bg-1.png");
background-repeat: repeat;
box-shadow: none;
}

.dec{
background-image:url("../img/background/bg-1.png");
background-repeat: repeat;
box-shadow: none;
}



.dec .playfair {font-family: "playfair-display"; font-size: 18px; font-weight: 500; color: rgba(0,0,0,1.0);}
.dec .nunito-18-700 {font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 700; color:rgba(0,0,0,1.0);}
.dec .nunito-14-700 {font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; color:rgba(0,0,0,1.0);}



#30th-1 {
  background-image:url("../../assets/img/background/pattern7.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}

#page-title{
	margin-top:-7px;
    background-repeat: repeat;
  background-image: url("../img/background/1-page-title.png");
    }
#page-title2{
	margin-top:0;
    background-repeat: repeat;
  background-image: url("../img/background/page-title.png");
    
    }
.page-title{
    text-align: center;
    display: block;
    font-size: 44px;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color:#660000;}
#page-title .container {
	position: relative;
}
#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
	color: #333;
	font-size: 2.5rem;
}
#page-title span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
	font-size: 18px;
}
/*--------------------------------------------------------------
page-title-underline
--------------------------------------------------------------*/
.page-title-underline{
  margin: 30px 0;    
  padding: -10px 0 10px 0;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url("../img/background/page-title-underline.png");
  }
/*--------------------------------------------------------------
1. Index
--------------------------------------------------------------*/
.index{
  background-image:url("../img/background/3-index.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:transparent;
}

.featured {
  background-image:url("../img/background/3-index.png");
  background-repeat: repeat;
  box-shadow: none;
}
.index .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden; 
}
.index h3, .index h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.index h3{padding-top:0}
.index h4 {padding-top:30px}
.index h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}
.index h4 span {
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 300;
}
.index ul {
  padding: 0;
  list-style: disc;
  color: #2e2f3e;
  text-align: justify;
  line-height: 1.5;
}
.index ul li {
  padding-bottom: 10px;
}
.index ul .na {
  color: #ccc;
  text-decoration: line-through;
}
.index .featured h3, .index .featured h4, .index .featured h4 span, .index .featured ul, .index .featured ul .na {
 }

/*--------------------------------------------------------------
2 Sitemap
--------------------------------------------------------------*/
#sitemap{
  background-image:url("../img/background/2-sitemap.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
#sitemap-footer{
  background-image:url("../img/background/2-sitemap.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.sitemap{
  background-image:url("../img/background/2-sitemap.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}

.sitemap .featured {
  background-image:url("../img/background/2-sitemap.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.sitemap .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.sitemap h3, .sitemap h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.sitemap h3{padding-top:0}

.sitemap h4 {padding-top:30px}
.sitemap h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}
.sitemap h4 span {
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 300;
}
.sitemap .featured h3, .sitemap .featured h4, .sitemap .featured h4 span, .sitemap .featured ul, .sitemap .featured ul .na {
 }


/*--------------------------------------------------------------
3. introduction
--------------------------------------------------------------*/
#introduction {
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
#introduction-copyrights{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.introduction{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.introduction .featured {
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.introduction .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.introduction h3, .introduction h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.introduction h3{padding-top:0}

.introduction h4 {padding-top:30px}
.introduction h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}
.introduction h4 span {
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 300;
}
.introduction .featured h3, .introduction .featured h4, .introduction .featured h4 span, .introduction .featured ul, .sitemap .featured ul .na {
 }
.introduction-bg{background-image:url("../img/icon/committee-icon.png");
  background-repeat:no-repeat; box-shadow: none; background-color:transparent;}
#constitution{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}
#constitution-copyrights{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}
.constitution{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}

#committees{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}
#committees-copyrights{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}
.committees{
  background-image:url("../img/background/3-introduction.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;
}



#about{
  background-image:url("../img/background/3-about-us.jpg");
  background-repeat: repeat;
  box-shadow: none;
}


.about{
  background-image:url("../img/background/3-about-us.jpg");
  background-repeat: repeat;
  box-shadow: none;
}


.handmadepaper{
  background-image:url("../img/background/handmadepaper.png");
  background-repeat: repeat;
  box-shadow: none;
}

.others-section-shadow {
   font-size: 3.5rem;
  text-shadow: 5px 5px 0 #ccc;
}


/*--------------------------------------------------------------
# serach
--------------------------------------------------------------*/
.search .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
 
}

.search h3, .search h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.search h3{padding-top:0}

.search h4 {padding-top:30px}


.search h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}

.search h4 span {
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 300;
}

.search ul {
  padding: 0;
  list-style: disc;
  color: #2e2f3e;
  text-align: justify;
  line-height: 1.5;
}

.search ul li {
  padding-bottom: 10px;
}

.search ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.search{
  background-image:url("../img/background/search.png");
  background-repeat: repeat;
  box-shadow: none;
}

.search .featured {
  background-image:url("../img/background/search.png");
  background-repeat: repeat;
  box-shadow: none;
}

.search .featured h3, .search .featured h4, .search .featured h4 span, .search .featured ul, .search .featured ul .na {
 }






/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about-us .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
 
}

.about-us h3, .about-us h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.about-us h3{padding-top:0}

.about-us h4 {padding-top:30px}


.about-us h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}

.about-us h4 span {
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 300;
}

.about-us ul {
  padding: 0;
  list-style: disc;
  color: #2e2f3e;
  text-align: justify;
  line-height: 1.5;
}

.about-us ul li {
  padding-bottom: 10px;
}

.about-us ul .na {
  color: #ccc;
  text-decoration: line-through;
}


.about-us {
  background-image:url("../img/background/29.png");
  background-repeat: repeat;
  box-shadow: none;
}

#about-us {
  background-image:url("../img/background/29.png");
  background-repeat: repeat;
	box-shadow: none;}

.about-us .featured h3, .about-us .featured h4, .about-us .featured h4 span, .about-us .featured ul, .about-us .featured ul .na {
 }


.pl-30{padding-left: 30px;}

.pr-30{padding-right: 30px;}





.bg101{background-color: rgba(111, 90, 89, 1.0)}
.bg102{background-color: rgba(179, 150, 152, 1.0)}
.bg103{background-color: rgba(253, 211, 197, 1.0)}
.bg104{background-color: rgba(252, 246, 184, 1.0)}

.bubsoss-divider {
  height: 0;
  margin: 0.01rem 0;
  overflow: hidden;
  border-top: 3px solid rgba(0, 0, 0, 0.5);box-shadow:0 8px 6px -6px black;
}


.search-bg{background-color: #fcfcfc;
opacity: 0.8;
background-image: radial-gradient(circle at center center, #f6f6f6, #fcfcfc), repeating-radial-gradient(circle at center center, #f6f6f6, #f6f6f6, 10px, transparent 20px, transparent 10px);
background-blend-mode: multiply;
                        }


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------
section {
  padding: 0;
  overflow: hidden;
}

.section-bg {
  background-color: #FFFAEB;
}

.section-title {
  padding-bottom: 30px;
  text-align: center;
}

.section-title h2 {
  font-size: 2.8rem;
  font-weight: 300;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #2E2F3E;
}

.section-title h2 strong {
  font-weight: 700;
}

.section-title p {
  margin-bottom: 0;
}
*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  position: relative;
  padding: 0;
}

#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  bottom: 0;
  top: 80vh;
  left: 50px;
  right: 50px;
}

#hero .carousel-content {
  background: rgba(28, 23, 21, 0.7);
  padding: 20px;
  color: #fff;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-top: 5px solid #298CF4;
}

#hero .carousel-content h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: 100;
}

#hero .btn-get-started {
  font-family: 'Tiro Bangla', serif;
  font-weight: 100;
  font-size: 1.4rem;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #298CF4;
}

#hero .btn-get-started:hover {
  background: #298CF4;
  color: #fff;
  text-decoration: none;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 4.8rem;
  line-height: 1;
  width: auto;
  height: auto;
}

#hero .carousel-indicators li {
  cursor: pointer;
}

@media (min-width: 1024px) {
  #hero .carousel-content {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-width: 992px) {
  #hero {
    height: calc(100vh - 70px);
  }
  #hero .carousel-content h2 {
    margin-bottom: 15px;
    font-size: 2.2rem;
  }
  #hero .carousel-content p {
    font-size: 15px;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}


.dec1{
  background-image:url("../img/background/pattern21.png");
  background-repeat: repeat;
  box-shadow: none;
}
.dec2{
  background-image:url("../img/background/pattern18.png");
  background-repeat: repeat;
  box-shadow: none;
}

.report{
  background-image:url("../img/background/pattern18.png");
  background-repeat: repeat;
  box-shadow: none;
  }
.report a {color: #212427;}
.report a:link{color: #212427;}
.report a:hover{color: #00f;;}

.reports{
  background-image:url("../img/background/handmadepaper.webp");
  background-repeat: repeat;
  box-shadow: none;
}
.reports a {color: #212427;}
.reports a:link{color: #212427;}
.reports a:hover{color: #00f;}


.dec1 .playfair {font-family: "playfair-display"; font-size: 18px; font-weight: 500; color: rgba(0,0,0,1.0);}
.dec1 .nunito-18-700 {font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 700; color:rgba(0,0,0,1.0);}
.dec1 .nunito-14-700 {font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; color:rgba(0,0,0,1.0);}



.gallery1{
  background-image:url("../img/background/regal.png");
  background-repeat: repeat;
  box-shadow: none;
}



/*--------------------------------------------------------------
# Home Page NRC
--------------------------------------------------------------*/
#home-page-nrc{
  background-image:url("../img/background/dust_scratches.png");
  background-repeat: repeat;
  box-shadow: none;
}


.home-page-nrc{
  background-image:url("../img/background/dust_scratches.png");
  background-repeat: repeat;
  box-shadow: none;
}

/*-----
.bg-nrc{background:url("../img/background/greyfloral.png");
  background-repeat: repeat;
  box-shadow: none;
border:none;}
-----*/
.bg-nrc{background-color: transparent;}


.home-page-nrc .box {
  padding: 30px 20px;
  background-color:transparent;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden
}

.home-page-nrc p {
  padding: 15px 0 0 60px
}


.home-page-nrc a, .home-page-nrc a:visited, .home-page-nrc a:link, .home-page-nrc a:active, .home-page-nrc a:hover, .home-page-nrc a:focus{
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
vertical-align: baseline;	
}
.home-page-nrc a, .home-page-nrc a:visited, .home-page-nrc a:link, .home-page-nrc a:active{
color: #2e2f3e;
text-decoration: none	
}
.home-page-nrc a:hover, .home-page-nrc a:focus {
color: #6699FF;
text-decoration: underline solid #6699FF;
text-decoration-skip-ink: none	
}
.home-page-nrc h3, .home-page-nrc h4 {
  font-weight: 700;	
  letter-spacing: 1px;
  color:#2E2F3E;
  text-decoration: none
}
.home-page-nrc h3{padding-top:0}
.home-page-nrc h4 {padding-top:30px}
.home-page-nrc h4 sup {
  font-size: 2.0rem;
  top: -15px;
  left: -3px;
}
.home-page-nrc h4 span {
  color: #BABABA;
  font-size: 1.6rem;
  font-weight: 300;
}
.home-page-nrc ul {
  padding: 0; color: #6699FF; list-style: none; 
  text-decoration: none;
  text-align: left;
  line-height: 1.0;
}
.home-page-nrc ul li {
  padding-bottom: 0; color: #6699FF; list-style: none; 
  text-decoration: none
}
.home-page-nrc ul .na {
  color: #6699FF; list-style: none; 
  text-decoration: none
}
.home-page-nrc .featured {
  background-image:url("../img/background/dust_scratches.png");
  background-repeat: repeat;
  box-shadow: none;
}
.home-page-nrc .featured h3, .home-page-nrc .featured h4, .home-page-nrc .featured h4 span, .home-page-nrc .featured ul, .home-page-nrc .featured ul .na {
 }


/*--------------------------------------------------------------
# NRC Portfolio
--------------------------------------------------------------*/
.nrc-portfolio #nrc-portfolio-flters {
  padding: 0;
  margin: 0 auto 5px auto;
  list-style: none;
  text-align: center;
}

.nrc-portfolio #nrc-portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px 10px 20px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  color: #4d4643;
  transition: all 0.3s;
  border-radius: 50px;
}

.nrc-portfolio #portfolio-flters li:hover, .nrc-portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #6699FF;
}

.nrc-portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.nrc-portfolio .nrc-portfolio-item {
  margin-bottom: 30px;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 7;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info h4 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #2b2320;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info p {
  color: #65534c;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info .nrc-preview-link, .nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info .nrc-details-link {
  position: absolute;
  right: 40px;
  font-size: 2.4rem;
  top: calc(50% - 18px);
  color: #483b36;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info .nrc-preview-link:hover, .nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info .nrc-details-link:hover {
  color: #6699FF;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-info .nrc-details-link {
  right: 10px;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 8;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.nrc-portfolio .nrc-portfolio-item .nrc-portfolio-links a:hover {
  color: #fe825a;
}

.nrc-portfolio .nrc-portfolio-item:hover .nrc-portfolio-info {
  opacity: 1;
  bottom: 20px;
}

/*--------------------------------------------------------------
# section-language
--------------------------------------------------------------*/
#language {
  background-image:url("../img/background/pattern3.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
#language-copyrights{
  background-image:url("../img/background/pattern3.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.language{
  background-image:url("../img/background/pattern3.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}
.language.featured {
  background-image:url("../img/background/pattern3.png");
  background-repeat: repeat; box-shadow: none; background-color:transparent;	
}



/*--------------------------------------------------------------
# home-page-language
--------------------------------------------------------------background-image:url("../img/background/brick-wall.png");
  background-repeat: repeat;
  box-shadow: none;*/
.home-page-language{

	background-color:transparent;
}



.home-page-language .icon-box {
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
  border-radius: 0 0 15px 15px;	
  border: 3px solid #ffffff;
  height: 200px;
  position: relative;
	background-color: transparent;
  
}

.home-page-language .icon {
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  transition: 0.2s;
  border-radius: 50%;
  border: 6px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 72px;
  height: 72px;
  background: #58aaff;
}

.home-page-language .icon i {
  color: #fff;
  font-size: 2.4rem;
}

.home-page-language .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.8rem;
}

.home-page-language .title a {
  color: #343a40;
}

.home-page-language .icon-box:hover .icon {
  background: #fff;
  border: 2px solid #f03c02;
}

.home-page-language .icon-box:hover .icon i {
  color: #0066ff;
}

.home-page-language .icon-box:hover .title a {
  color: #0066ff;
}

.home-page-language .description {
  
}



/*--------------------------------------------------------------
# home-page-literature
--------------------------------------------------------------background-image:url("../img/background/brick-wall.png");
  background-repeat: repeat;
  box-shadow: none;*/
.home-page-literature{
  background-image:url("../img/background/full-bloom.png");
  background-repeat: repeat;
  box-shadow: none;
	background-color:#fff;
}



.home-page-literature .icon-box {
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
  border-radius: 0 0 15px 15px;	
  border: 3px solid #ffffff;
  height: 200px;
  position: relative;
	background-color: transparent;
  
}

.home-page-literature .icon {
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  transition: 0.2s;
  border-radius: 50%;
  border: 6px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 72px;
  height: 72px;
  background: #58aaff;
}

.home-page-literature .icon i {
  color: #fff;
  font-size: 2.4rem;
}

.home-page-literature .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.8rem;
}

.home-page-literature .title a {
  color: #343a40;
}

.home-page-literature .icon-box:hover .icon {
  background: #fff;
  border: 2px solid #f03c02;
}

.home-page-literature .icon-box:hover .icon i {
  color: #0066ff;
}

.home-page-literature .icon-box:hover .title a {
  color: #0066ff;
}

.home-page-literature .description {
  
}




/*--------------------------------------------------------------
# previous
--------------------------------------------------------------*/

.previous{
  background-image:url("../img/background/6-previous.png");
  background-repeat: repeat;
  box-shadow: none;
}
/*--------------------------------------------------------------
a:link - a normal, unvisited link.
a:visited - a link the user has visited.
a:hover - a link when the user mouses over it.
a:active - a link the moment it is clicked.


# About Us

about-us {
  padding: 60px 0;
  overflow: hidden;
}

.about-us .content {
  padding: 30px 0;
}

.about-us .content h3 {
  font-weight: 700;
  font-size: 34px;
}

.about-us .content p {
  margin-bottom: 0;
}

.about-us .content .icon-box {
  margin-top: 25px;
}

.about-us .content .icon-box h4 {
  font-size: 2.0rem;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.about-us .content .icon-box i {
  font-size: 4.8rem;
  float: left;
  color: #0066FF;
}

.about-us .content .icon-box p {
  font-size: 15px;
  color: #90847f;
  margin-left: 60px;
}

.about-us .image {
  background: url("../img/about.jpg") center center no-repeat;
  background-size: cover;
  min-height: 400px;
}

@media (max-width: 991px) {
  .about-us .image {
    text-align: center;
  }
  .about-us .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .about-us .image img {
    max-width: 100%;
  }
}
--------------------------------------------------------------*/
/* PAGE TITLE BACKGROUND */
.page-title-DEC{
  background-image:url("../img/background/pattern28.jpg");
  background-repeat: repeat;
  box-shadow: none;
	background-color:transparent;
}

.natural-paper{
  background-image:url("../img/background/sakura.webp");
  background-repeat: repeat;
  box-shadow: none;
	background-color:#e6e7ee;
}
.pipes{
  background-image:url("../img/background/pipes.webp");
  background-repeat: repeat;
  box-shadow: none;
  background-color:transparent;
}
.stripes-light{
  background-image:url("../img/background/stripes-light.webp");
  background-repeat: repeat;
  box-shadow: none;
  background-color:transparent;
}
/*SITEMAP ID : BACKGROUND: lined_paper.png*/
.lined_paper{
  background-image:url("../img/textbooks/lined_paper.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:transparent;
}
.library{
  background-image:url("../img/background/library.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:#e6e7ee;
}
.publications{
  background-image:url("../img/background/paper.webp");
  background-repeat: repeat;
  box-shadow: none;
  background-color:#e6e7ee;
}
.dcbl-books-editorial{
  background-image:url("../img/background/pattern10.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:#e6e7ee;
}


.reports-bg{
  background-image:url("../img/background/media.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:#e6e7ee;

}
.bb-bg{
  background-image:url("../img/background/bb-bg.png");
  background-repeat: repeat;
  box-shadow: none;
  background-color:#e6e7ee;

}