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

.tgray{
	filter: grayscale(85%) saturate(80%);
    -webkit-filter: grayscale(85%) saturate(80%);
    -moz-filter: grayscale(85%) saturate(80%);
    -ms-filter: grayscale(85%) saturate(80%);
    -o-filter: grayscale(85%) saturate(80%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.85);
    -webkit-filter: grayscale(.85) saturate(.8);
}


.nav-bar .nav-item .nav-link.active{background:#F1B980;color:#51596C!important;border-radius:3px}

.navbar{padding-top:1rem;padding-bottom:1rem;}
.navbar-brand-logo{max-width:100%;height:60px;overflow: hidden;}
.navbar-brand-logo .logo-main{height:60px}
.navbar-brand-logo .logo-attached{height:54px;}

.nav-item{margin-right:0!important;}

.navbar.navbar-light{background-color:#fff;box-shadow: 0 0.375rem 1.5rem 0 rgba(140,152,164,.125)}
.bg-img-start{margin-top:93px;}

@media (max-width: 575.98px){
  .navbar-brand-logo{height:45px;width:auto;}
  .navbar-brand-logo .logo-main{height:45px}
  .navbar-brand-logo .logo-attached{display: none}
  .cases-landing .col-lg-3{width:50%;}
  .bg-img-start{margin-top:61px;}
  .article-content, .article-content p{font-size:16px!important;}
}
.card>.shape-container{max-height: 250px;overflow: hidden;}
.card-stretched-vertical .shape-container{max-height:300px;}


.step .step-item{flex:0 0 50%;}
@media (min-width: 768px){
.step-md .step-item {flex:1;}
}
@media (max-width: 575.98px){
  .h1, .h2{font-size:24px;}
}

@media (max-width: 1900px){
  .d-m-none{display:none;}
}

@media (max-width: 1400px){
  .d-s-none{display:none;}
}

.pager {padding-left: 0;text-align: center;margin:10px 0;list-style: none;font-size:14px}
.pager li {  display: inline;margin-left:3px;}
.pager li > a,.pager li > span {color:#677788;display: inline-block;padding: 6px 11px;background-color: #fff;border: 1px solid #fff;border-radius:.3125rem;}
.pager li > a:hover,.pager li > a:focus {text-decoration: none;background-color: #eee;border-color:#eee;}
.pager .next > a,.pager .next > span {float: right;}
.pager .previous > a,.pager .previous > span {float: left;}
.pager li.selected a{z-index: 3;color: #fff;background-color: #ed4c78;border-color: #ed4c78}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span {color: #777;cursor: not-allowed;background-color: #fff;}
.pager .next, .pager .previous{display:none;}
.yiiPager{padding-left:0;}

.article-content, .article-content p{font-size:18px;color:#333;line-height:1.8rem;margin-bottom:2rem;margin-top:2rem;}
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5{margin-bottom:2rem;margin-top:2rem;}
.article-content img{max-width: 100%;}

.card-body a.media-viewer{width:120px;height:120px;overflow:hidden;float:left;margin-right:1rem;margin-bottom:1rem;border:1px solid #e8e8e8;}
.card-body a.media-viewer img{object-fit:cover;min-height: 100%}

.video-bg{min-height: 100%}
.video-wrapper video{width:101%;object-fit:cover;}

.main-logo{margin:0;padding:0;line-height:normal;font-weight:normal}
.main-logo .navbar-brand{display: block;}

.empty-info{text-align: center;padding:5rem 0;border:1px dashed #eee;border-radius:4px;}

.popover-body{padding:1rem}

.text-regions p{min-height:125px;}
.text-regions p a{float:left;width:8.7rem;line-height: 28px;}

.image-circle{border-radius:50%;max-width: 100%}

.icon-lg{
    font-size: 1.7rem!important}


.footer-fixed{position: fixed;bottom:20%;right:40px;z-index:99}
  .btn-notice-tooltip {
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  font-size: 16px;

  line-height: 1.25;
  position: absolute;
  z-index: 65;
  max-width: 350px;
  background-color: #333;
  left:-167px;
  top:26px;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  white-space: nowrap
}
.btn-notice-tooltip:after {
  position: absolute;
  display: block;
  content: '';
  height: 20px;
  width: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 50;
    background-color: #333;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  right: -6px;
  top: 50%;
  margin-top: -10px
}

.map-top{font-size:12px;position:absolute;top:24px;right:6%;}