@charset "utf-8";
/* CSS Document */

body{ line-height:1.6em; display:none; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;}
h1{ }
h2{}
h3{}
h4{}
a:link, a:visited, a:active{ text-decoration: none; cursor: pointer; }
a:hover {text-decoration: none; cursor: pointer; }
.pagination span, .pagination span a:hover{cursor: pointer;}
p { margin-bottom:0px; }


.spacer{ background:#000;}
.flag { padding-right:5px;}
.row{ padding-left:15px; padding-right:15px; }


/*** top ***/
#top{ padding-top:10px; padding-bottom:10px; }
#lang{}
#lang a:link, #phone a:visited, #phone a:active{ text-decoration: none;}
#lang a:hover {text-decoration: none; }


/*** head ***/

#head{ padding-bottom:15px;}
#logo{ padding-top:15px;}
#banner{ padding:0px; text-align:right;padding-top:10px;}


/*** menu ***/
#menu{ padding-top:5px; padding-bottom:5px;}
#menu-mobile{  top:0; width:100%; z-index:9999;}
#menutop{ padding:0px;}
#fontsize{ padding:0px; padding-top:15px; text-align:center; padding-bottom:10px;}
.dj-mobile-open-btn{ margin-top:5px !important; margin-right:5px !important; margin-bottom:5px !important;}
.jfontsize-button{ border-radius:35px; padding:8px 15px;}



/*** head-slide  ***/
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.26); }


/*** slide ***/
#slide-body{padding-top:15px; padding-bottom:15px;}
#slide .bt-cs .bt-inner img{ border:none !important;outline:none !important;}
.camera_wrap .camera_pag .camera_pag_ul{ text-align:center;}


.mod-articlesnews__item{ clear:both; }
.btn-secondary, .btn-secondary:hover{ background: none ;}


/*** academic-1 ***/
#academic-1{}
#academic-1-body{ background:#fff; padding-bottom:20px; }
#academic-1-left, #academic-1-right{ padding:0px;}
#academic-1 h3{ padding:10px 13px; margin-bottom:10px;}
#academic-1 ul{}
.bt-row-separate{ border:none !important; margin:0px !important;}


/*** academic-2 ***/
#academic-2{ margin-top:40px;}
#academic-2 a:link, #academic-2 a:visited, #academic-2 a:active{ text-decoration: none;}
#academic-2 a:hover {text-decoration: none; }
#academic-2-left, #academic-2-right{ padding:0px;}
#academic-2-body{  padding-top:20px; padding-bottom:20px;  }
#academic-2 h3{  padding:10px 13px; margin-bottom:10px;}
#academic-2 ul{ }



/*** academic-3 ***/
#academic-3{ margin-top:40px;}
#academic-3-body{ background:#fff;  padding-top:20px; padding-bottom:20px; }
#academic-3-left, #academic-3-right{ padding:0px;}
#academic-3 h3{  padding:10px 13px; margin-bottom:10px;}
#academic-3 ul{ }




/*** academic-4 ***/
#academic-4{ margin-top:40px;}
#academic-4-body{ padding-top:20px; padding-bottom:20px; }
#academic-4 h3{ padding:10px 13px; margin-bottom:10px;}

/*** footer ***/
#footer{ padding-top:3%; padding-bottom:3%; margin-top:40px;}
#footer a:link, #footer a:visited, #footer a:active{ text-decoration: none;}
#footer a:hover {text-decoration: none; }
#footer h3{ padding-bottom:10px; margin-bottom:10px; }

/*** copyright ***/
#copyright{ text-align:center; }
.footer2{ font-size:12px;}
#copyright a:link, #copyright a:visited, #copyright a:active{text-decoration: none;}
#copyright a:hover {text-decoration: none;}

/*** breadcrumbs ***/
#breadcrumbs{ padding-top:30px; padding-bottom:0px;}
#breadcrumbs-body{ padding:0px;}



/*** component ***/
#component{ margin-top:20px;}
#component-body{ background:#fff;}
#component-left{  padding-bottom:20px; padding-top:20px;}
#component-right{line-height:1.6em; margin-top:20px; margin-bottom:20px; padding-top:15px; padding-bottom:15px;}
#component-right-module{ padding:0px;}
#component-right h3{  padding:10px 13px; margin-bottom:10px;}
#component-right .moduletable-author{  padding:10px;}
#component-right .moduletable{ margin-top:20px;}
#component-right ul{}

/*** user ***/
.form-horizontal .control-label{ text-align:left !important;}
.nav-tabs>li>a{ display:block; float:left;}
.nav-tabs, .nav-tabs>li>a{ border:none !important; border-radius:8px !important; }
.control-group{ padding-top:10px;}
label{ font-weight:300 !important;}

input {  padding:3px;}
.add-on{ padding-right:15px;}
.yendif-video-share .input-append input{ padding:14px; }
.copyright-block{ display:none !important;}

.control-label .spacer{ background: none;}
.mfp_default_skin_default .mfp_default_item{ margin-bottom:0.1em;}
.readmore{ margin-top:20px;}

/*** blog ***/
.blog{ padding-top:20px; padding-bottom:20px;}
.category-list{padding-top:20px; padding-bottom:20px;}
.blog h1{padding:10px 13px; margin-bottom:10px;}
.category-list h1{ padding:10px 13px; margin-bottom:10px;}

/*** item-page ***/
.item-page{ line-height:2em; padding-bottom:20px;}
.item-page h1{ padding:10px 13px; margin-bottom:10px;}
.item-page img{ padding-top:15px; padding-bottom:15px;}
.page-header{ margin:0px !important; border:none !important;}
.jdscf-submit-btn{ margin-top:20px;}

/*** table ***/
table td, table th {
  
  padding: 12px;
  
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>thead>tr>th{ }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:15px;}




.list-group{ margin-top:20px; }


@charset "UTF-8";
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


*,
*::before,
*::after {
  box-sizing: border-box;
}
.breadcrumb {
  display: flex !important;
  flex-wrap: wrap ;
  padding: 0 0 !important;
  margin-bottom: 1rem !important;
  list-style: none !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left !important;
  padding-right: 0.5rem !important;
  color: #6d757e !important;
  content: var(--breadcrumb-divider, "/") !important/* rtl: var(--breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #484f56;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}



figure {
  margin: 0 0 2em;
}
figure.float-start {
  margin-right: 1em;
}
figure.float-end {
  margin-left: 1em;
}
[dir=rtl] figure.float-start {
  margin-right: 0;
  margin-left: 1em;
}
[dir=rtl] figure.float-end {
  margin-right: 1em;
  margin-left: 0;
}

figcaption {
  font-size: 0.9em;
  color: #6d757e;
}

.mod-menu {
  flex-direction: column;
}

meter {
  width: 100%;
}




.error_site .page-header {
  margin-top: 1em;
}

[class^=container-] .span-col-2,
[class*=" container-"] .span-col-2 {
  flex: 0 0 50%;
  max-width: calc(50% - 1em);
}
[class^=container-] .span-col-3,
[class*=" container-"] .span-col-3 {
  flex: 0 0 33.333%;
  max-width: calc(33.333% - 1em);
}
[class^=container-] .span-col-4,
[class*=" container-"] .span-col-4 {
  flex: 0 0 25%;
  max-width: calc(25% - 1em);
}

@supports (display: grid) {
  [class^=span-],
[class*=" span-"] {
    grid-column-end: auto;
    grid-row-end: auto;
  }

  @media (min-width: 576px) {
    [class^=span-col],
[class*=" span-col"] {
      grid-column-end: span 2;
    }
  }

  @media (min-width: 768px) {
    .span-col-2 {
      grid-column-end: span 2;
    }

    .span-col-3 {
      grid-column-end: span 3;
    }

    .span-col-4 {
      grid-column-end: span 4;
    }

    .span-row-2 {
      grid-row-end: span 2;
    }

    .span-row-3 {
      grid-row-end: span 3;
    }

    .span-row-4 {
      grid-row-end: span 4;
    }
  }
  [class^=container-] [class^=span-],
[class^=container-] [class*=" span-"],
[class*=" container-"] [class^=span-],
[class*=" container-"] [class*=" span-"] {
    flex: 0 1 auto;
    max-width: none;
  }
}
.blog-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin-right: -0.5em;
  margin-bottom: 1em;
  margin-left: -0.5em;
}
@media (min-width: 768px) {
  .blog-items.columns-2 > div {
    width: 50%;
  }
  .blog-items.columns-3 > div {
    width: 33.33333%;
  }
  .blog-items.columns-4 > div {
    width: 25%;
  }
}

.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 1em;
  margin-bottom:30px;
  
}
.boxed .blog-item {
  background-color: white;
  box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
}
.boxed .blog-item .item-content {
  padding: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: row;
}
.image-left .blog-item .item-image, .image-right .blog-item .item-image {
  flex: 1 0 40%;
}
.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  
}
.boxed .blog-item .item-image {
  margin-bottom: 0;
}
.image-right .blog-item .item-image {
  order: 1;
}
.image-bottom .blog-item .item-image {
  margin-top: -15px;
  order: 1;
}
.image-left .blog-item .item-content {
  padding-left: 25px;
}
.image-right .blog-item .item-content {
  padding-right: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}
@media (min-width: 768px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }
}

.article-info dd {
  padding: 0;
}

@supports (display: grid) {
  .blog-items {
    display: grid;
    margin: 0 0 1em;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-gap: 1em;
	
	padding-bottom:5%;
  }
  .blog-items .blog-item {
    padding: 0;
  }
  .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
  }
  @media (min-width: 768px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}
.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  display: block;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  display: inline-flex;
  margin-bottom: 1em;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}



/**********************
/*PAGINATION GENERAL
**********************/
.pagenav {
text-align: center; 

line-height: 2.1em; 
text-decoration: none;
border: 1px solid #dadada !important;
display: inline-block;
margin-left:5px;
}

.pagenav ul {
display: inline-block;
*display: inline;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
text-align: center;  
}

.pagenav li {
display: inline;
padding:  10px;
}

.pagenav a,span.pagenav {
padding: 20px;
}

.pagination {
float:none;
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:40px;	
}

.pagination ul {
padding: 0;
text-align:center;
width:100%;
margin-bottom:40px;
}

.pagination li {
display: inline;
float:left; 


}

.pagination li a {
padding:5px 10px;
text-decoration: none;
display: inline-block;

}

.pagination .active  {

 background:#252525; 
 font-weight:bold;
} 

.pagination span,.pagination span  a:hover {
padding:5px 10px;
margin-left:5px;



font-weight:bold;
}

.pagination p.pull-right {
float: none;
text-align: center;
margin-bottom:15px;
}

ul.pager.pagenav  {
border:none !important;
text-align:center;
width:100%;
margin-bottom:25px;
}

 ul.pager.pagenav > li.next > a ,ul.pager.pagenav > li.previous > a {
background:#262626;
color:#fff !important;
margin:10px 12px 20px 0 ;

}
.pager li>a{ border-radius:0px !important; }
 
ul.pager.pagenav > li.next > a:hover ,ul.pager.pagenav > li.previous > a:hover {
border:none;
background:#262626;
color:#fff;
}

div.gk-article > ul.pager.pagenav ul li a:before {
content:"";
}

ul.pagination-list {
padding-bottom:40px;
}