@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);
}

.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;}

.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: 1200px){
  .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;}



 @keyframes scaleToggleOne {
0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo {
0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree {
0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.livechat-girl {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: fixed;
  bottom: 70px;
  right: 70px;
  opacity: 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
  box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
  z-index: 9;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  cursor: pointer;
  -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
  transition: all 1s cubic-bezier(.86, 0, .07, 1)
}
.livechat-girl:focus {
  outline: 0
}
.livechat-girl.animated {
  opacity: 1;
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px)
}
.livechat-girl:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #ed4c78, #ed4c78);
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 50
}
.livechat-girl .girl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50;
  border-radius: 50%
}
.livechat-girl .animated-circles .circle {
  background: rgba(237,76,120,.25);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  z-index: 49;
  transform: scale(1);
  -webkit-transform: scale(1)
}
.livechat-girl .animated-circles.animated .c-1 {
  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}
.livechat-girl .animated-circles.animated .c-2 {
  animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}
.livechat-girl .animated-circles.animated .c-3 {
  animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}
.livechat-girl.animation-stopped .circle {
  opacity: 0!important
}
.livechat-girl.animation-stopped .circle {
  opacity: 0!important
}
.livechat-girl .livechat-hint {
  position: absolute;
  right: 52px;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
  transition: all .3s cubic-bezier(.86, 0, .07, 1)
}
.livechat-girl .livechat-hint.show_hint {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  opacity: 1
}
.livechat-girl .livechat-hint.hide_hint {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.livechat-girl .livechat-hint.rd-notice-tooltip {
  max-width: 1296px!important
}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis
}
.rd-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;
  opacity: 1
}
.rd-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
}
.rd-notice-tooltip .rd-notice-content {
  background: 0;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 60;
  padding: 20px;
  font-weight: 400;
  line-height: 1.45
}
.rd-notice-type-success {

  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.rd-notice-type-success .rd-notice-content {
  background-color: #ed4c78
}
.rd-notice-type-success:after {
  background-color: #ed4c78;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.rd-notice-position-left {
  margin-left: -20px
}
.rd-notice-position-left:after {
  right: -6px;
  top: 50%;
  margin-top: -10px
}
.rd-notice-tooltip.single-line .rd-notice-content {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  white-space: nowrap
}

.image-circle{border-radius:50%;max-width: 100%}

.icon-lg{
    font-size: 1.7rem!important}


  .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
}
.footer-fixed{position: fixed;bottom:20%;right:40px;z-index:99}
.map-top{font-size:12px;position:absolute;top:24px;right:6%;}