@charset "utf-8";
body {margin-top:0px; line-height: 1.4em;}
header {position: relative;}
/** Format table **/
table.format { border-spacing:5px!important; width:100%;}
table.format td { padding:2px!important;}
#container { width: calc(100% - 6px); margin: 0 auto;}
.f__container {margin-left:auto; margin-right:auto;}
header {}
.header__top {
 display:flex;justify-content:space-between;align-items:center;
 margin: 0;height:150px;position: relative;background: #fff; border-top:5px solid #8db5cd;
}
/**.header__top .header__top-logo {display: block;position: absolute;left:20%;top:2%;height:100%;width:auto;}**/
.header__top .header__top-logo {height:80%;width:auto;}
.header__top .header__top-logo img {height:100%;width:auto;}
.header__top .header__top-title {width:auto;}
.header__top .header__top-title-a {font-size:4em;}
.header__top .header__top-title-b {font-size:1em; margin:2% 0; text-align:right; }
.header__top .header__top-weak-sighted {height:100%;width:auto;height:2.5rem;align-self: flex-end;}
.header__top .header__top-weak-sighted .header__top-weak-sighted-icon {height:90%;width:auto;}

.header__menu {height:auto;}
.header__menu .header__menu-top {height:auto;padding:4px 10px;}
.header__menu .header__menu-top ul.nav {display:flex;justify-content:flex-start;}
.header__menu .header__menu-top ul.nav li {
 display:inline-block;
 height:auto;
 list-style:none;
 margin:0;
 padding:0px;
}
.header__menu .header__menu-top ul.nav li a {
 display:block;
 line-height:1em;
 margin:0 8px; padding:6px 10px;
 font-family: var(--body-font-family);
 font-size: 105%;
}
.header__menu .header__menu-top ul.nav li a:hover {}
.header__menu .header__menu-top ul.nav li.active > a {}
.header__menu .header__menu-top ul.nav li.parent {position: relative;}
.header__menu .header__menu-top ul.nav li.parent a {}
.header__menu .header__menu-top ul.nav li.parent:hover {}
.header__menu .header__menu-top ul.nav li.parent:hover a {}
.header__menu .header__menu-top ul.nav li.parent a:hover {}
.header__menu .header__menu-top ul.mod-menu__sub {
 display:none;
 position:absolute;z-index:100;
 top:90%;
 margin-top:0px;
 width:auto;
 padding:0px;
 text-align:left;
}
.header__menu .header__menu-top ul.mod-menu__sub.show-menu {display:block !important;}
.header__menu .header__menu-top ul.mod-menu__sub li {display:block;margin:0px;padding:0;}
.header__menu .header__menu-top ul.mod-menu__sub li a {
 display:block;
 line-height:1em;
 margin:0px; padding:6px 10px;
 font-family: var(--body-font-family);
 font-size: 95%;
}
.header__menu .header__menu-top ul.mod-menu__sub li:first-child a {}
.header__menu .header__menu-top ul.mod-menu__sub li:last-child a {}
.header__menu .header__menu-top ul.mod-menu__sub li a:hover {}
.header__menu .header__menu-top ul.mod-menu__sub li.active a {}

.header__center { display:flex; margin:0; padding:0px 0; position: relative; }
.header__center .header__center-left {width:calc(73%);height:25vw;height:18vw;position: relative;background: url('../images/header350.jpg') no-repeat;background-size: 100% 100%;}
.header__center .header__center-left .header__top-phone {position: absolute; bottom:10px; right:20px;font-size:1.3em;}
.header__center .header__center-left .header__center-left-img {}
.header__center .header__center-right {
 width:calc(27%);height:25vw;height:18vw;
 position: relative;
 background: url('../images/header-fone.png') no-repeat;background-size: 100% 100%;
}
.header__center .header__center-right a {
 display:flex;align-items: center;
 width:calc(100% - 19px);
 height:calc(33% - 4px);
 font-size: calc(2vw - 5px);
 text-align:left;
 padding:0 0 0 15px;
}
.header__center .header__center-right a:hover {}
.header__center .header__center-right a.header__center-bottom1 {margin: 0 0 2px 0;border:2px solid #fff;background: url('../images/big-key-fone-stop.png') no-repeat;background-size: 100% 100%;}
.header__center .header__center-right a.header__center-bottom2 {margin: 0 0 2px 0;border:2px solid #fff;background: url('../images/big-key-fone-at.png') no-repeat;background-size: 100% 100%;}
.header__center .header__center-right a.header__center-bottom3 {margin: 0 0 0 0;border:2px solid #fff;background: url('../images/big-key-fone-post.png') no-repeat;background-size: 100% 100%;}

.breadcrumbs * { }
.breadcrumbs {
 display:block;
 margin:0px 0px 0px 0px;
 padding:5px 10px 5px 20px;
 text-align: left;
 width: auto;
}
.mod-breadcrumbs__wrapper {overflow: hidden;}
.breadcrumbs ol.breadcrumb {
 display: block;
 padding: 0px 7px 7px 7px;
 margin: 0 0 20px 0;
 list-style: none;
}
.breadcrumbs .breadcrumb li {
 display: inline-block;
 font-size: .9rem;
 margin: 0 5px 0 0;
 float: left;
}
.breadcrumbs li .pathway {}
.breadcrumbs li .pathway span {padding:0 5px 0 0;}
.breadcrumbs li.breadcrumb-item {}
.breadcrumbs li.breadcrumb-item:after { content: "\2794";}
.breadcrumbs li.breadcrumb-item:last-child:after { content: "";}

#content { display:flex; flex-wrap: nowrap; justify-content: center; justify-content: space-between; align-items: stretch;margin:0 auto;}
.left  { flex-grow:1;flex-basis:20%; /*float: left;width:20%;*/}
.main  { flex-grow:3;flex-basis:60%; /*float: left;width:60%;*/}
.right { flex-grow:1;flex-basis:20%; /*float: left;width:20%;*/}


aside .moduletable ul.mod-menu { margin: 0 0 5px 0;}
aside .moduletable ul.mod-menu li.nav-item {
 display:block;
 height:auto;
 list-style:none;
 margin:3px 0 0 0;
 padding:0px;
}
aside .moduletable ul.mod-menu li.nav-item a {
 display:block;
 line-height:1em;
 margin:0 8px; padding:6px 10px 6px 10px;
 font-family: var(--body-font-family);
 font-size: 95%;
}
aside .moduletable ul.mod-menu li.nav-item a:before {padding-right:5px;}
aside .moduletable ul.mod-menu li.nav-item a:hover {}
aside .moduletable ul.mod-menu li.nav-item.active > a {}


.moduletable {
 margin: 10px 0;
 padding:0px;
 font-family: 'arial narrow', arial, montserrat, roboto, Helvetica, sans-serif;
}
.moduletable h3 { margin:0; padding:10px 10px;}
.moduletable .mod-custom {padding:20px 20px;}
#mainbox { margin:10px 20px; padding:0px;}
dt.article-info-term {display:none;}

.blog > h1,
.item-page .page-header h1 {
 margin:0;
 padding:10px 10px;
 font-family: 'arial narrow', arial, montserrat, roboto, Helvetica, sans-serif;
 font-size: 1.7rem;
}
.item-page h3 {margin:15px 0 5px 0; padding:5px 10px; background: #eee;}
.item-page .article-info {
 display:block;
 margin:7px 0;
 padding: 0 20px;
 overflow: hidden;
}
.item-page .article-info dt {font-size: 0.9rem;font-weight: 600;}
.item-page .article-info dd { float:left; margin:0 6px 0 0; font-size: 0.9rem;}
.item-page .article-info dd .icon-fw {padding: 0 2px 0 0px;}
.item-page .article-info dd .icon-fw:after { content: "\2746";}
.item-page .article-info dd:first-child .icon-fw:after {content: "";}
.item-page .article-info dd:last-child .icon-fw:after {}
.item-page .article-info a {font-size: 0.9rem;}
.item-page .com-content-article__body { padding: 5px 20px 20px 20px; font-size: 1.1rem;}

p.subheader {margin-top:15px;font-size:120%;font-weight: 700;}


.blog {}
.blog .blog-items {}
.blog .blog-items .blog-item {margin: 3px 0 15px 0;}
.blog .blog-items .blog-item .item-content {
 font-size: 1.1rem;
 padding:0 0 10px 0;
}
.blog .blog-items .blog-item .item-content .page-header {}
.blog .blog-items .blog-item .item-content .page-header h2 {
 margin:0;
 padding:10px 10px;
 font-family: 'arial narrow', arial, montserrat, roboto, Helvetica, sans-serif;
 font-size: 1.5rem;
}
.blog .blog-items .blog-item .item-content .page-header h2 a { font-size: 1.5rem;}
.blog .blog-items .blog-item .item-content dl.article-info {
 display:block;
 margin:7px 0;
 padding: 0 15px;
 overflow: hidden;
}
.blog .blog-items .blog-item .item-content dl.article-info dd { float:left; margin:0 6px 0 0; font-size: 0.9rem;}
.blog .blog-items .blog-item .item-content dl.article-info dd .icon-fw { padding: 0 2px 0 0px;}
.blog .blog-items .blog-item .item-content dl.article-info dd .icon-fw:after { content: "\2746";}
.blog .blog-items .blog-item .item-content dl.article-info dd:first-child .icon-fw:after {content: "";}
.blog .blog-items .blog-item .item-content dl.article-info dd:last-child .icon-fw:after {}
.blog .blog-items .blog-item .item-content p {margin:0 15px 3px 15px;}
.blog .blog-items .blog-item .item-content .readmore {}
.blog .blog-items .blog-item .item-content .readmore a.btn {
 display:inline-block;
 line-height:1em;
 margin:0; padding:5px 8px;
 font-family: var(--body-font-family);
 font-size: 90%;
}
.blog .blog-items .blog-item .item-content .readmore a.btn:hover { line-height:1em; margin:0; padding:5px 8px;}
.blog .blog-items .blog-item .item-content .readmore span.icon-chevron-right {}
.pagination {margin:0 auto;}
.pagination .counter.pull-right {display:block;text-align:center;padding:3px;float:none;}
.pagination ul {
 display:flex;
 justify-content:space-between;
 align-items:stretch;
 list-style:none;
 margin:0;padding:0;
}
.pagination__wrapper {}
ul.pagination {}
ul.pagination li {}
ul.pagination li { display:inline-block; margin:5px;}
ul.pagination li:last-child {}
ul.pagination li.disabled {}
ul.pagination li.hidden-phone {}
ul.pagination li a {
 display: flex;
 justify-content: center;
 width: 2.5em;
 height: 2.5em;
 font-size: 1.2rem;
 line-height: 1;
 align-items: center;
}
ul.pagination li:hover a {}
ul.pagination li.active a {}
ul.pagination li a.pagenav {}
ul.pagination li a.pagenav i:after {display:flex;justify-content: center;width:100%;height:100%;text-align: center;font-style: normal;}
ul.pagination li a i.icon-first:after {content:'\25C4|';}
ul.pagination li a i.icon-previous:after {content:'\25C4';}
ul.pagination li a i.icon-next:after {content:'\25BA';}
ul.pagination li a i.icon-last:after {content:'|\25BA';}

#footer { width:auto; height:auto; padding:10px 2% 0 2%;}
#footer ul {width:auto;height:inherit;display:table;margin:0 auto;}
#footer ul li {
 width:auto;
 height:inherit;
 line-height:25px;
 display:block;
 list-style:none;
 float:left;
 margin:0 7px 0 0;
 padding:0 0 0 0px;
}
#footer ul li:first-child {}
#footer__menu {}
#footer__menu ul.menu {}
#footer__menu ul.menu li {padding:2px 2px;margin:1px 6px;}
#footer__menu ul.menu li:hover {}
#footer__menu ul.menu li a {
 height:inherit;
 padding:2px 5px;
 display:block;
 text-align:center;
}
#footer__menu ul.menu li a:hover {}
#footer__menu ul.menu li:hover a {}
#footer__menu ul.menu li.active {padding:0px 0px;margin:1px 6px;}
#footer__menu ul.menu li.active:hover {}
#footer__menu ul.menu li.active a {padding:2px 5px;cursor: default;}
#footer__menu ul.menu li.active:hover a {}
#footer #footer__bottom {
 display:flex;
 justify-content:space-between;
 align-items:stretch;
 font-size: .9rem;
 padding-bottom: 2em;
}
#footer #footer__bottom #footer__bottom-logo {margin-right: 40px;}
#footer #footer__bottom #footer__bottom-logo #footer__bottom-logo-img {}
#footer #footer__bottom #footer__bottom-logo #footer__bottom-logo-img img {width:70px;height:auto;}
#footer #footer__bottom #footer__bottom-copyright {width:30%;margin-right: 20px;}
#footer #footer__bottom #footer__bottom-copyright #footer__bottom-copyright-text {}
#footer #footer__bottom #footer__bottom-notice {width:30%;margin-right: 20px;}
#footer #footer__bottom #footer__bottom-notice #footer__bottom-notice-text {}
#footer #footer__bottom #footer__bottom-deviloper {}
#footer #footer__bottom #footer__bottom-deviloper #footer__bottom-deviloper-text {}
#footer #footer__bottom #footer__bottom-deviloper #footer__bottom-deviloper-text a {font-size: .8rem;}


/** **/


 .personals {}
 .persona {
  display:flex;
  flex-direction:row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  margin: 0 0 20px 0;
  border:1px solid #ddd;
  border-radius:6px;
  overflow:hidden;
 }
  .boss {
   display:flex;
   flex-direction:row;
   justify-content: flex-start;
   align-items: stretch;
   align-content: flex-start;
   margin: 0 0 20px 0;
   border:1px solid #ddd;
   border-radius:6px;
   overflow:hidden;
 }
 .boss .boss__photo {flex-basis:30%;}
 .boss .boss__photo img {width:100%;height:auto;}
 .boss .boss__description {width:calc(100% - 30px);margin-left:10px;padding:0 10px 10px 10px;background:#fff;}
 .boss .boss__name {font-weight:700;}
 .boss .boss__post {margin-bottom:20px;font-style:italic;}
 .boss .boss__education {}
 .boss .boss__we {}

 .persona .persona__photo {flex-basis:20%;}
 .persona .persona__photo img {width:100%;height:auto;}
 .persona__description {width:calc(100% - 30px);margin-left:10px;padding:0 10px 10px 10px;background:#fff;}
 .persona .persona__name {font-weight:700;}
 .persona .persona__post {margin-bottom:20px;font-style:italic;}
 .persona .persona__education {}
 .persona .persona__we {}

 #cookie-banner {
  position:fixed; bottom:5%; right:10%; left:10%; z-index: 9999;
  display:flex;
  justify-content: center;
  justify-content: space-between;
  align-items: center;
  padding:10px;
  text-align: left;
  background:#e9ecef;
  border-radius:7px;
  border:1px solid green;
}
#cookie-banner__img {width:10%; height: auto;}
#cookie-banner__text {font-family: Arial, Helvetica, sans-serif;width:75%;margin:0 5%; color:#000;}
#cookie-banner__text a {color:#000; text-decoration: underline;}
#accept-cookie {
  width:15%;
  margin-top:10px;
  padding: 15px 15px;
  background: var(--green);
  border-radius: var(--border-radius-lg);
  border-radius: 5px;
  border: none;
  color: var(--white);
  color: #fff;
  font-size: .9rem;
}