:root {
  --fb:'Helvetica-7-Bold';
  --fn:'Helvetica-5-Normal';
  
  --fs-normal:18px;
  --fs-small:16px;
  
  --shadow: 0 0 20px #e0e0e0;
  
  --border-color:#dbdbdb;
  --border:1px solid var(--border-color);
  --border-radius:3px;
  
  --heading-color:#4b4c4d;
  --link-color:#1b97d5;
  --text-color:#66686d;

}

/*-------*/
.ta-c {
    text-align:center;
}

.heading {
    font-family:'Helvetica-7-Bold';
    font-family:var(--fb);
    font-size:20px;
    color:#4b4c4d;;
    color:var(--heading-color);
    line-height: normal;
}

.heading-text{
    font-family:'Helvetica-5-Normal';
    font-size:16px;
    color: #66686d;
    margin: 0em auto 10px auto;
    text-align: center;
    line-height: 1.5em;
}

.heading.padding {
    padding: 2em 0 2em 0;
}

.normal{
    font-size: 18px;
    font-size: var(--fs-normal);
    line-height: normal;
}

.small{
    font-size: 16px;
    font-size: var(--fs-small);
    line-height: normal;
}

.text{
    font-family: 'Helvetica-5-Normal';
    font-family: var(--fn);
    color: #66686d;
    color: var(--text-color);
}


/*-------*/

/*--=== begin new ===--*/
*, p{
    margin:0;
    padding:0;
}

html, body{
    width:100%;
    height:100%;
}

.body{
    width: 1200px;
    min-width:1200px;
    margin: 0 auto;
    /*flex: 1;*/
}

.main-image{
    margin-left:-1px;
    background-image: url('/assets/images/mainpage/campaing-banner.png');
    width: 1200px;
    height: 500px;
}

.title{
    font-family: 'Helvetica-7-Bold';
    font-size:44px;
    padding: 90px 100px 0;
    text-align: center;
    line-height: 1.5em;
    color: white;
}

.sub-title{
    font-family: 'Helvetica-5-Normal';
    font-size:15px;
    padding: 30px 200px;
    text-align: center;
    line-height: 1.5em;
    color: white;
}

.link{
    color:#1b97d5;
    color:var(--link-color);
}
.link:visited{
    color:#1b97d5;
    color:var(--link-color);
}
.link:hover{
    color:#1b97d5;
    color:var(--link-color);
}

.details{
    font-family: 'Helvetica-5-Normal'; 
    font-size:13px;
    width: 10em;
    margin: 0 auto;
    color: white;
    text-align:center;
    padding: 10px;
    border: 1px solid white;
    border-radius:3px;
    border-radius:var(--border-radius);
    text-decoration:none;
    line-height: normal;
}

.details:hover{
    cursor:pointer;
    color: #60caff;
    border-color:#60caff;
    text-decoration:none;
}

.product-header-description{
    font-family: 'Helvetica-5-Normal';
    font-size:18px;
    line-height:1.5em;
    padding:0 20px 2em 20px;
    text-align:center;
}
.products-site{
    display: flex;
    flex-direction: row;
    padding: 0 30px;
}
.product-site{
    display: flex;
    flex-direction: column;
    border:1px solid #dbdbdb;
    border:var(--border);
    border-radius:3px;
    border-radius:var(--border-radius);
    flex-grow:1;
    width:33%;
    padding:30px;
    margin-left:10px;
    margin-right:10px;
}

.first{
    margin-left:0 !important;
}

.last{
    margin-right:0 !important;
}

.img-classic{
    width:192px;
    height:60px;
    align-self:center;
}
.img-business{
    width:228px;
    height:60px;
    align-self:center;
}
.img-portal{
    width:216px;
    height:60px;
    align-self:center;
}
.product-header{
    font-family: 'Helvetica-5-Normal'; 
    font-size:13px;
    text-align:center;
    height: 3em;
    line-height: 1.5em;    
    padding-top: 1em;
    padding-bottom: 5em;
    color:#acacac;
}
.product-header > p{
    margin:0;
}

.product-description{
    font-family: 'Helvetica-5-Normal'; 
    font-size:15px;
    text-align:center;
    line-height:1.5em;
    flex-grow:1;
    padding-bottom: 1.5em;
}

.request{
    cursor:pointer;
    align-self:center;
    background-color:#1b97d5;
    border:1px solid #1b97d5;
    border-radius:3px;
    border-radius:var(--border-radius);
    padding:10px 30px;
    font-family: 'Helvetica-5-Normal'; 
    font-size:13px;
    color:#ffffff;
    text-decoration:none;
    margin-bottom: 0.7em;
    line-height: normal;
}

.disabled {
    background-color: gray;
    border-color: gray;
}

.request:link{
    color:#ffffff;
    text-decoration:none;
}

.request:hover:not(.disabled){
    background-color:#1553af;
    border:1px solid #1553af;
    color:#ffffff;
    text-decoration:none;
}

.request:visited{
    color:#ffffff;
    text-decoration:none;
}
.request:active{
    color:#ffffff;
    text-decoration:none;
}

.f-space{
    height: 50px;
    min-height: 50px;
}

.footer-site{
    flex:none;
    background-color:#f2f2f4;
}

.footer-background{
    display:flex;
    width: 1200px;
    min-width:1200px;
    margin: 0 auto;
    flex-direction:row;
    padding: 0 30px 30px 30px;
    background-color: #f2f2f4;
}
.footer-contacts{
    width: 33.3%;
}
.footer-phone{
    display: flex;
    font-family: 'Helvetica-7-Bold';
    font-size:18px;
    height:7rem;
    color:#87878a;
    /*color:#4b4c4d;*/
    line-height:7rem;
}
.footer-address{
    font-family: 'Helvetica-5-Normal'; 
    font-size:15px;
    color:#797a78;
    line-height:1.5em;
    margin:0;
}
.footer-links{
    display: flex;
    flex-direction: column;
}
.footer-links-site{
    display: flex;
    height:7rem;
    list-style:none;
    padding:0;
    margin: 0;
}
.footer-link{
    align-self: center;
    font-family: 'Helvetica-7-Bold';
    font-size:12px;
    text-transform: uppercase;
    padding-left:30px;
    padding-right:30px;
    position: relative;
    letter-spacing: 2px;
    line-height: normal;
}
.footer-link.last::after{
    content:none;
}
.footer-link::after{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
}
.footer-link-a:link{
    color:#5e5e5e;
    text-decoration:none;
}
.footer-link-a:visited{
    color:#5e5e5e;
    text-decoration:none;
}
.footer-link-a:active{
    color:#4b4c4d;
    text-decoration:none;
}
.footer-link-a:hover{
    color:#009bde;
    text-decoration:none;
}

.copyright{
    font-family: 'Helvetica-5-Normal'; 
    font-size:13px;
    flex-grow: 1;
    color:#acacac;
    border-top: 1px solid #dbdbdb;
    display:flex;
    line-height: normal;
}

.copyright-p{
    align-self: flex-end;
    padding:0;
    margin:0 auto;
}

.client-logo-site{
    display:flex;
}
.client-logo-site > a{
    margin: auto;    
}
.client-logo{
    opacity:0.4;
    filter: opacity(0.4) grayscale(1);
    width:unset !important;
    height:unset !important;
}
.client-logo:hover{
    opacity: 1;
    filter: none;
}
/*--=== end new ===--*/

/*--=== start header ===--*/

.header {
    display: block;
    width: 1200px;
    min-width:1200px;
    margin: 0 auto;
    flex:none;
}

.header-container {
  display: flex;
  padding: 12px 30px;
}

.header-logo {
  height: 64px;
  width: 203px;
}

.header-nav {
  align-self: center;
  flex-grow: 1;
  display: flex;
}

.menu {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0 auto;
}

.menu-item {
  padding: 0 30px;
  position: relative;
  font-size: 12px;
  font-family: 'Helvetica-7-Bold';
  color:#4b4c4d;
  text-transform:uppercase;
  letter-spacing: 2px;
  line-height: normal;
}

.menu-item > a:link{
    color:#87878a;
    text-decoration:none;
}
.menu-item > a:visited{
    color:#87878a;
    text-decoration:none;
}
.menu-item > a:active{
    color:#4b4c4d;
    text-decoration:none;
}
.menu-item > a:hover{
    color:#009bde;
    text-decoration:none;
}
  
  .menu-item.last::after {
    background-color: #ffffff;
  }

  .menu-item::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
  }

.header-contacts {
  display: flex;
}

.header-phone {
  margin: 0;
  align-self: center;
  padding-right:16px;
  color:#87878a;
  font-size:18px;
  font-family: 'Helvetica-7-Bold';
  line-height: normal;
}

.header-mail {
  align-self: center;
}

/*--=== end header ===--*/

.flex-control-paging li a {
    background: initial;
}

.flex-control-paging li a.flex-active {
    background: #dbdbdb;
}

/*begin product menu*/

.product-menu-site {
    position:relative;
    height: 4em;
    display:flex;
    flex-direction:row;
    min-width: 1200px;
    flex:none;
}

.product-menu-gradient{
    position:absolute;
    background-image: linear-gradient(to top, #ffffff, #f0f0f0); 
    height:50px;
    left: 0;
    right: 0;
    z-index: -1;
    min-width:1200px;
}

.product-menu-filler{
    flex-grow:1;
    /*border-bottom:1px solid #dbdbdb;*/
}

.product-menu-nav{
    flex-grow: 1;
    display: flex;
    padding: 0 40px;
}

.product-menu {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0 auto;
}

.product-menu-item {
  padding: 0 30px;
  position: relative;
  font-size: 13px;
  font-family: 'Helvetica-7-Bold';
  color:#4b4c4d;
  text-transform:none;
  letter-spacing: 1.5px;
  display:flex;
  border-bottom:1px solid #dbdbdb;
  line-height: normal;
}

.product-menu-item > a{
    align-self: center;
}

.product-menu-item > a:link{
    color:#4b4c4d;
    text-decoration:none;
}
.product-menu-item > a:visited{
    color:#4b4c4d;
    text-decoration:none;
}
.product-menu-item > a:active{
    color:#4b4c4d;
    text-decoration:none;
}
.product-menu-item > a:hover{
    color:#009bde;
    text-decoration:none;
}
.product-menu-item.active{
    border-bottom:1px solid #009bde;
}

/*end product menu*/

/*begin common*/
.flex-column{
    display:flex;
    flex-direction:column;
}
.flex-row{
    display:flex;
    flex-direction:row;
}

.as-center{
    align-self:center;
}


.expandable-block{
    display: flex;
    flex-direction: column;
    border:1px solid #dbdbdb;
    border: var(--border);
    border-radius: 3px;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
}

.expandable-block-header{
    display: flex;
    flex-direction: row;
    font-family:'Helvetica-7-Bold';
    font-size:18px;
    color:#4b4c4d;
    cursor: pointer;
    line-height: normal;
}
.expandable-block-header-title{
    padding:1em;
    flex-grow:1;
    align-self:center;
}
.expandable-block-expander{
    width:3em;
    height:3em;
    flex:none;
    display:flex;
}
.expandable-block-header-img{
    width:20px;
    height:20px;
    margin:auto;
}
.expandable-block-content{
    padding:0 2em 1em 2em;
}

.expanded{
    display: block;
}
.collapsed{
    display: none;
}
.header-collapsed {
    color:#009bde;
}

.lnk,
.btn-lnk,
.lnk:link,
.lnk:visited,
.lnk:active,
.lnk:hover,
.btn-lnk:link,
.btn-lnk:visited,
.btn-lnk:active,
.btn-lnk:hover {
    color:#009bde;
    text-decoration:none;
}
.btn-lnk{
    cursor:pointer;
    font-family: 'Helvetica-5-Normal'; 
    font-size:13px;
    text-align:center;
    padding: 10px 20px;
    border:1px solid #dbdbdb;
    border: var(--border);
    border-radius: 3px;
    border-radius:var(--border-radius);
    display:flex;
    flex-direction:row;
    margin: 30px 0;
    line-height: 24px;
}
.btn-lnk > img{
    margin-right: 10px;
    width:24px;
    height:24px;
}

/*end common*/

/*begin product page*/
.pp-body{
    padding:0 40px;
    min-height:50px;
}

.pp-logo {
    display:block;
    margin: 2em auto;
}
.pp-title{
    font-family: 'Helvetica-7-Bold';
    font-size: 36px;
    line-height: 36px;
    color:#4b4c4d;
    width: 15em;
    margin: 0 auto;
    text-align: center;
}
.pp-description{
    font-family: 'Helvetica-5-Normal'; 
    font-size: 18px;
    color:#66686d;
    width: 45em;
    margin: 2em auto 0 auto;
    text-align: center;
    line-height: 1.5em;
}
.pp-desc-name{
    font-family: 'Helvetica-7-Bold';
}
.pp-bd-nums-site{
    display:flex;
    flex-direction:row;
    padding-top:10px;
}
.pp-bd-num-site{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:0 1em;
}
.pp-bd-num{
    font-family:'Helvetica-7-Bold';
    font-size:112px;
    color:#009bde;
    line-height: normal;
}
.pp-bd-num-title{
    font-family:'Helvetica-7-Bold';
    font-size:18px;
    color:#009bde;
    line-height: normal;
}
.pp-bd-num-desc{
    font-family:'Helvetica-5-Normal';
    font-size:14px;
    color:#acacac;
    line-height: normal;
}
.pp-sub-title{
    font-family:'Helvetica-5-normal';
    font-size:22px;
    color:#87878a;
    text-align: center;
    padding: 50px 0 0px 0;
    text-transform:none;
    line-height: normal;
}

.pp-sub-title>em{
    font-style:normal;
    border-bottom:1px solid #dbdbdb;
    letter-spacing: 1px;
    padding-bottom: 14px;
}

.pp-sub-desc{
    font-family:'Helvetica-5-Normal';
    font-size:16px;
    color:#66686d;
    width:46em;
    margin:0 auto;
    text-align: center;
    line-height: 1.5em;
    padding-top:20px;
}
.pp-func-site{
    padding: 20px 0 40px 0;
}
.pp-func{
    display:flex;
    flex-direction:row;
    width:21em;
}
.pp-func.start{
    margin-left:auto;
}
.pp-func.end{
    margin-right:auto;
}
.pp-func-img{
    width:88px;
    height:88px;
}
.pp-func-title{
    font-family:'Helvetica-5-Normal';
    font-size:15px;
    color:#66686d;
    align-self:center;
    padding-left:20px;
    line-height: normal;
}
.pp-func-title>p{
    margin:0;
    padding:0;
}
.pp-exp-block-text{
    font-family:'Helvetica-5-Normal';
    font-size:16px;
    color:#4b4c4d;
    line-height: normal;
}
.pp-exp-block-text-list{
    font-family:'Helvetica-5-Normal';
    font-size:16px;
    color:#4b4c4d;
    margin-left:0;
    padding-left:1em;
    line-height: normal;
}
.pp-exp-block-text-list > li {
    padding-top: 1em;
}
.pp-exp-block-text-list > li > span {
    padding-left: 1em;
    display: block;
}
.pp-bd-price1-site,
.pp-bd-price2-site,
.pp-bd-price-site{
    position:relative;
    display: flex;
    flex-direction: column;
    border:1px solid #efefef;
    border-radius: 3px;
    border-radius:var(--border-radius);
    width:350px;
    padding:40px; 
}

.pp-bd-price1-site{
    margin-left:auto;
    margin-right:10px;
}
.pp-bd-price2-site{
    margin-left:20px;
    margin-right:auto;
}
.pp-bd-price-img{
    margin-bottom:20px;
}
.pp-bd-price-title{
    font-family:'Helvetica-5-Normal';
    font-size:15px;
    color:#797a78;
    text-align: center;
    line-height: normal;
}
.pp-bd-price-value-site{
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    margin: 20px 0;
    padding: 20px 0;
}
.pp-bd-price-value{
    text-align: center;
    color:#1b97d5;
}
.pp-bd-price-value-num{
    font-family:'Helvetica-7-Bold';
    font-size:44px;
    line-height: normal;
}
.pp-bd-price-value-currency{
    font-family:'Helvetica-5-Normal';
    font-size:18px;
    line-height: normal;
}
.pp-bd-price-desc{
    font-family:'Helvetica-5-Normal';
    font-size:13px;
    color:#acacac;
    text-align: center;
    margin-bottom:20px;
    line-height: normal;
}
.pp-bd-price-desc > p {
    margin:0;
}
.pp-question {
    font-family:'Helvetica-7-Bold';
    font-size:22px;
    color:#4b4c4d;
    text-align:center;
    margin:60px 0 10px 0;
    line-height: normal;
}
.pp-answer{
    font-family:'Helvetica-5-Normal';
    font-size:18px;
    color:#66686d;
    text-align:center;
    width: 750px;
    margin: 0 auto;
    line-height: normal;
}
/*end product page*/
/* -----------------------------------------------------*/
.fc{
    display:flex;
    flex-direction:column;
}
.fr{
    display:flex;
    flex-direction:row;
}
.ff{
    /*display: flex;*/
    /*flex: 1;*/
    /*flex-grow:1;*/
    flex: 1 0 auto;
}
.fn{
    flex:none;
}
.sh{
    box-shadow: 0 0 20px #e0e0e0; /* Параметры тени */
}
.p0{
    padding:0;
}
.pl10{
    padding-left:10px;
}
.p20{
    padding:20px;
}
.pl20{
    padding-left:20px;
}
.p40{
    padding:40px;
}
.mla{
    margin-left:auto;
}
.ml10{
    margin-left:10px;
}
.ml20{
    margin-left:20px;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px;
}
.mt40{
    margin-top:40px;
}
.mt50{
    margin-top:50px;
}
.mb0{
    margin-bottom:0px;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.mb30{
    margin-bottom:30px;
}
.mb40{
    margin-bottom:40px;
}
.mb50{
    margin-bottom:50px;
}
.mra{
    margin-right:auto;
}
.mr10{
    margin-right:10px;
}
.fb{
   font-family:'Helvetica-7-Bold'; 
}
.fn{
   font-family:'Helvetica-5-Normal';
}
.fs13{
    font-size:13px;
}
.fs14{
    font-size:14px;
}
.fs15{
    font-size:15px;
}
.fs16{
    font-size:16px;
}
.fs18{
    font-size:18px;
}
.fs20{
    font-size:20px;
}
.fs22{
    font-size:22px;
}
.tac{
    text-align:center;
}
.tal{
    text-align:left;
}
.asc {
    align-self:center;
}
.b{
    font-weight:bold;
}
.bordered{
    border: 1px solid #f29300;
}
.w8{
    width:8em;
}
.w10{
    width:10em;
}
.w20{
    width:20em;
}
.w30{
    width:30em;
}
.w40{
    width:40em;
}
.w50{
    width:50em;
}
.lh15{
    line-height:1.5em;
}

.sale {
    position: absolute;
    left: -30px;
    top: -30px;
}

/* -----------------------------------------------------*/
.slide {
    display:flex;
    flex-direction:row;   
    position:relative;
    padding: 20px;
}
.slide-text-site {
    flex:1;
}
.slide-title {
    font-family:'Helvetica-7-Bold';
    font-size:22px;
    color:#4b4c4d;
    line-height: normal;
}

.slide-text{
    font-family:'Helvetica-5-Normal';
    font-size:16px;
    color:#66686d;
    line-height:1.5em;
}

.slide-info {
    font-family:'Helvetica-5-Normal';
    font-size:15px;
    color:#66686d;
    list-style-image: url('/assets/images/products/check.svg');
    margin-left: -2em;
    padding-left: 0;
    line-height: normal;
}

.slide-info > li{
    padding-top:2em;
}
.slide-info > li > p{
    margin-left: 2em;
}
.slide-image{
    flex:2;
    display: flex;
}
.slide-image > img{
    margin: auto 0 auto auto;
}

/*begin product - business doc*/
.bd-logo-size {
    width:228px;
    height:60px;
}
/*end product - business doc*/
/*begin product - classic doc*/
.cd-logo-size {
    width:192px;
    height:60px;
}

.cd-pp-sublist{
    list-style-type: '\2013\a0';
    margin-left:1em;
    padding-left: 1em;
}
.cd-pp-sublist > li {
    padding-top: 1em;
}

/*end product - classic doc*/
/*begin product - portal doc*/
.pd-logo-size {
    width:216px;
    height:60px;
}
/*end product - portal doc*/
/*begin product - archive doc*/
.ad-logo-size {
    width:207px;
    height:60px;
}
/*end product - archive doc*/
/*begin about*/
.story-year{
    font-family:'Helvetica-7-Bold';
    font-size:48px;
    color:#009bde;
    line-height: normal;
}
.story-separator{
    margin:6px 0 10px;
    display:flex;
    flex-direction:row;
}
.story-separator-circle{
    width: 12px;
    height: 12px;
    border: 2px solid #009bde;
    border-radius: 50%;
}
.story-separator-line{
    border-top: 1px solid #dbdbdb;
    height: 1px;
    margin: auto 0;
    flex:1;
    align-self:center;
}
.story-text{
    font-family:'Helvetica-5-Normal';
    font-size:14px;
    padding-right:40px;
    line-height:normal;
}

.pa-activity {
    width: 330px;
    text-align:center;
    margin-left:20px;
    margin-right:20px;
}
.pa-activity.start{
    margin-left:auto;
}
.pa-activity.end{
    margin-right:auto;
}
.pa-activity>img{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}
.pa-doc-site{
    width:340px;
    margin: 0 10px;
    display:flex;
    flex-direction:column;
}
.pa-doc-site>a{
    align-self:center;
}
.pa-doc-site>a>img{
    width:300px;
}
.pa-doc-site>div{
    font-family:'Helvetica-5-Normal';
    font-size:13px;
    text-align:center;
    margin-top:10px;
    line-height:normal;
}
.pa-doc-site.start{
    margin-left:auto;
}
.pa-doc-site.end{
    margin-right:auto;
}
.pa-block{
    display: flex;
    flex-direction:column;
    flex: 1;
    margin-left:10px;
    margin-right:10px;
    padding:30px 0;
    font-family:'Helvetica-5-Normal';
}
.pa-block.start{
    margin-left:0!important;
}
.pa-block.end{
    margin-right:0!important;
}
.pa-block > div:first-child{
    padding:20px 30px;
    background-color:#1b97d5;
    text-align:center;
    font-size:22px;
    color:#ffffff;
    line-height:normal;
}
.pa-block > ul{
    padding:30px;
    font-size:13px;
    /*flex:1;*/
}

.pa-block > ul > li{
    line-height:1.5em;
    margin:10px 0;
}

.pa-block > a{
    margin-top: auto;
}
/*end about*/
/*begin contacts*/
.c-txt-width{
    width:400px;
    flex:none;
}

.map-site {
    width:680px;
    height:450px;
    position:relative;
}
.map-mount{
    position:absolute;
    background:#f2f2f4;
    top:0;
    bottom:0;
    left:0;
    width:300px;
    
}
.map{
    position:absolute;
    top:40px;
    right:0;
    bottom:40px;
    width:600px;
}
/*end contacts*/
/*begin clients*/
.cp-description{
    font-family: 'Helvetica-5-Normal'; 
    font-size: 18px;
    color:#66686d;
    margin: 0em auto 50px auto;
    text-align: center;
    line-height: 1.5em;
}

.cp-row{
    display:flex;
    flex-direction:row;
    margin: 40px 0;
}

.cp-row.end{
    margin-bottom:0;    
}
.cp-row > *{
    margin:0 20px;
    border:1px solid #dbdbdb;
    border: var(--border);
    border-radius: 3px;
    border-radius:var(--border-radius);
    padding:20px;
}
.cp-row > *:hover{
    border-color: transparent;
    box-shadow: 0 0 20px #e0e0e0;;
    box-shadow: var(--shadow);
}
.cp-row > :first-child{
    margin-left:auto;
}
.cp-row > :last-child{
    margin-right:auto;
}
.cl-p.padding {
    padding: 0 90px;
}

/*end clients*/

.header-gradient{
    position:absolute;
    background-image: linear-gradient(to top, #ffffff, #f0f0f0); 
    height:50px;
    left: 0;
    right: 0;    
    z-index:-1;
    min-width:1200px;
}

.cl-back{
    padding:40px 0 0;
    font-family: 'Helvetica-5-Normal';
    font-family: var(--fn);
    font-size: 16px;
    font-size: var(--fs-small);
}
.cl-back > a > * {
    margin: 0 10px;
}
.cl-content{
    font-family: 'Helvetica-5-Normal';
    font-family:var(--fn);
    font-size:18px;
    color:#66686d;
    padding:0 5em;
}

.cl-p{
    font-family: 'Helvetica-5-Normal'; 
    font-size: 16px;
    color:#66686d;
    margin-bottom: 0.5em;
    line-height: 1.5em;
    text-align:justify;
}
.cl-base-list {
    list-style-type:disc;
    list-style-image:initial;
    padding-left: 1em;
}
.cl-base-list > li{
    font-family: 'Helvetica-5-Normal'; 
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-align:justify;
}

.cl-list {
    list-style-image: url('/assets/images/products/check.svg');
    padding-left: 2em;
}

.cl-list > li{
    font-family: 'Helvetica-5-Normal'; 
    font-size: 16px;
    padding-left: 2em;
    line-height:1.5em;
    text-align:justify;
    margin-bottom: 0.5em;
}
.cl-list > li > p{
    line-height: 1.5em;
    text-align:justify;
    margin-bottom: 0.5em;
}

.cl-feedback{
    border:1px solid #dbdbdb;
    border:var(--border);
    border-radius: 3px;
    border-radius:var(--border-radius);
    padding: 0 40px 40px 40px;
    margin-top:40px;
}
.cl-feedback-text{
    padding: 20px 0;
    font-size:15px;
    color:#797a78;
}
.cl-feedback-text > p {
    line-height:1.5em;
    text-align:justify;
}
.cl-feedback-sign{
    background-color:#f2f2f4;    
    padding:20px;
    font-size:13px;
}
.cl-feedback-sign-name {
    color: #4b4c4d;
}
.cl-feedback-sign-position {
    color: #acacac;
}
.cl-top-slide {
    display:flex;
    flex-direction: row;
    position:relative;
}
.sl-top-slide-mount-text{
    flex:none;
    margin:auto 0;
}

.pa-text{
    font-family: 'Helvetica-5-Normal';
    font-family: var(--fn);
    font-size: 15px;
    color: #4b4c4d;
    color: var(--heading-color);   
}
.pa-text p{
    line-height:1.5em;
    padding-top:1em;
}
.pa-text ul ~ p,
.pa-text ol ~ p
{
    padding-top:0em;
}
.pa-text ul,
.pa-text ol{
    padding: 1em 0;
    margin-left: 1em;
}
.pa-text ul > li,
.pa-text ol > li
{
    line-height: 1.5em;
}
.pa-text h1,
.pa-text h2,
.pa-text h3,
.pa-text h4,
.pa-text h5,
.pa-text h6{
    font-family: 'Helvetica-7-Bold';
    font-family: var(--fb);
    font-size: 16px;
    color: #4b4c4d;
    color: var(--heading-color);   
}

/*---glossary---*/
.gl-site{
    display:flex;
    flex-direction:column;
    /*margin-bottom: 40px;*/
}
.gl-header{
    font-family: 'Helvetica-5-Normal';
    font-family:var(--fn);
    font-size: 15px;
    border-top: 1px solid #dbdbdb;
    border-top:var(--border);
    border-bottom: 1px solid #dbdbdb;
    border-bottom:var(--border);
    padding: 1.5em 0;
    margin-bottom: 2em;
}
.gl-header-row{
    display:flex;
    flex-direction:row;
}
.gl-header-row > *{
    width:2em;
    height:2em;
    text-align:center;
    line-height:2em;
}
.gl-site .row{
    margin:0;
    padding:0;
    display:flex;
    flex-direction:row;
    margin-bottom:30px;
}

.gl-site .row.end,
.gl-site .row.end > .g-l-item > ul{
    margin-bottom:0px;
}


.g-l-item{
    flex:1;
    font-family: 'Helvetica-5-Normal';
    font-family:var(--fn);
    font-size: 15px;
    padding:0 10px;
    line-height: normal;
}
.g-l-item > div{
    font-family: 'Helvetica-7-Bold';
    font-family:var(--fb);
    font-size: 44px;
    
    width: 2em;
    height: 2em;
    
    border: 2px solid #dbdbdb;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    text-align:center;
    margin-bottom:30px;
    line-height: normal;
}
.g-l-item > div > span{
    line-height:2em;
}
.g-l-item > ul {
    list-style-type: none;
}
.g-l-item > ul > li {
    line-height: 1.5em;
}

/*---*/
.gl-article{
    font-family: 'Helvetica-5-Normal';
    font-family:var(--fn);
    font-size: 16px;  
    line-height:1.5em;
}
.gl-article *{
    line-height:1.5em;
    margin-bottom:0.5em;
    text-align:justify;
}

.gl-article ol,
.gl-article ul {
    padding-left:1em;
}

.gl-article h1,
.gl-article h2,
.gl-article h3{
    font-family:'Helvetica-7-Bold' !important;
    font-family:var(--fb) !important;
    font-size:20px !important;
    color:#4b4c4d  !important;
    color:var(--heading-color)  !important;
    line-height: normal;
}

.pc-header{
    padding: 20px;
}

.custom-navigation{
    position:relative;
}

.custom-navigation.c-mb{
    margin-bottom:30px;
}

.flexslider{
    margin:0 40px;
}

.nav-site{
    position:absolute;
    top:0;
    bottom:0;
    width:40px;
    display:flex;
}

.nav-site.p{
    left:0;
}
.nav-site.n{
    right:0;
}

.flex-next,
.flex-prev {
    display: inline-block;
    margin:auto;
    font-family: "flexslider-icon";
    font-size: 32px;
    line-height: 171px;
    color: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-next:link,
.flex-prev:link,
.flex-next:visited,
.flex-prev:visited,
.flex-next:active,
.flex-prev:active,
.flex-next:hover,
.flex-prev:hover{
    color: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration:none;
}
.flex-next:hover,
.flex-prev:hover{
    color: rgba(0, 0, 0, 0.8);
}

.img-wrapper {
    display:flex;
    margin: auto 0 auto auto;
}
.img-wrapper > img {
    align-self: center;
}

.modal-body {
    font-family: 'Helvetica-5-Normal';
    font-family: var(--fn);
    font-size: 18px;
    font-family: var(--fs-normal);
    line-height: normal;
}
.btn-primary,
.form-control,
.form-control-question{
    font-family: 'Helvetica-5-Normal';
    font-family: var(--fn);
    font-size: 15px;
    line-height: normal;
}

.btn-primary{
    background-color:#1b97d5;
    border:1px solid #1b97d5;
    border-radius:3px;
    border-radius:var(--border-radius);
    padding:10px 30px;
}

.btn-primary:hover{
    background-color:#1553af;
    border:1px solid #1553af;
}

.btn-primary[disabled]{
    background-color:#1b97d5 !important;
    border:1px solid #1b97d5 !important;
}
.to-a{
    font-size:13px;
    line-height: normal;
    float:right;
    margin-top:5px;
}