hr { /*dummy content*/
    height: 6px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
  } 
  #cp-content {background-color:#fff!important;}
  
  hr:last-child {  /*dummy content*/
    margin-right: 60%;
  }
  
  hr.image { /*dummy content*/
    padding-bottom: 50%;
  } 
  
  .page {
    padding: 2em;
   
    background: var(--lightgray);
    max-width: var(--content-width);
    margin:auto;
  }

  .page-back {background: var(--lightgray);}
  
  .archive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 2.5em;
    grid-auto-flow: dense;
  }

 
  .archive h2 { font-size:24px; color:#333; padding-top:10px; padding-bottom:20px;}

  .archive h3 { font-size:22px; color:#333; padding-top:10px; padding-bottom:20px; font-weight:600;}

  .archive p {font-size:15px;}
  
  
  .article:nth-child(1) {
    grid-column: span 2;
  }


  .article:nth-child(3) {
    grid-column: span 2;
  }


  /*page*/


  .ad-page-info-line p {
    color: #fff;
    width: var(--content-width);
    margin: auto;
    transition:color .1s ease;
    
  }

  .ad-page-info-line p:hover {color:var(--verylightgray);}

  .ad-page-info-line {height: 70px;
    display: flex;
    align-items: center;
    cursor:pointer;
  background: var(--ads-blue);}

  .menu-shadow  {    box-shadow: 0 0.125rem 0.625rem rgba(90, 97, 105, .12);
    position: relative;}
    @media screen and (min-width: 1930px) {.menu-shadow {box-shadow:   0 0.625rem 0.625rem -0.625rem rgba(90, 97, 105, .12);
    }}
    .ads-container  {padding-top:0px; padding-bottom:0px; background:var(--dark);
      }
    .ads-info-box {width:100%; height:100%;margin:auto;    padding:40px 30px; 
      box-sizing:border-box;
    /* box-shadow: 0 29px 60px 0 rgb(54 57 73 / 7%);*/
  
    background:white;
border-top:6px solid var(--bordertopblue);


transition: transform 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
/*transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;*/


transform: scale(1.28);
    opacity: 0;
 
    z-index:1110;
    pointer-events: none;
    
-webkit-transform-style: preserve-3d;

    
    
}

.come-on-box {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;

  
}




    .ads-info-box h1 {
      font-size: 26px;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 20px;
    color: var(--ads-blue);
    }

    .ads-info-box p {color:#333; font-size:16px!important; line-height:1.5;}

    .blue-button {
      background: var(--bordertopblue);
    padding: 8px 15px;
    color: white;
    display: block;
    font-size: 15px;
    border-radius: 3px;
    text-decoration: none;
    margin-top:15px;
    line-height:1.5;
    text-align:center;
    width:240px;
   /* width: min-content;*/
    font-weight: 400;
    transition:all .3s ease;
    margin-bottom:8px;
    }

    .blue-button:hover {background:var(--ads-blue);
    color:white;}
    .gray-button {
    border: 1px solid #e1e5eb;
    padding: 8px 15px;
    color: #abb6bf;
    display: block;
    font-size: 15px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 25px;
    width: min-content;
    font-weight: 400;}

    /*@media all and (max-width: 750px) {.ads_mainSection {width:100%;}}*/

    .page-back {position: relative;
    width: 100%;
 padding-bottom: 80px;
    /* top: -507px; */
    transition:transform 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530);
    }


    .ad-page-go-down { transform: translateY(0);}

  

    /*dark*/
   

    .page-title {font-weight:700;}

    .page-ul {text-decoration:underline;}

    


.page-b-container {
  display: grid;
    grid-template-columns: auto;
    grid-gap: 15px;
    margin-top:5px;
}
.close-ad-box {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: opacity .2s ease;
  opacity: 0.6;
  cursor:pointer;
}



.close-ad-box:hover {
  opacity: 1;
}

.dark-box {opacity:0!important; transition-delay:0!important;}

.first-art-img {background-image: url(../img/portal-pic.jpg);
background-size:cover;} 

.second-art-img {background-image: url(../img/portal-img2.jpg);
  background-size:cover;} 

  .third-art-img {background-image: url(../img/portal-img3.jpg);
    background-size:cover;} 


    @media screen and (max-width: 1100px) {
    
      #fileListTwo, #fileList {visibility:hidden; opacity:0; height:0;}

      .article:nth-child(1) {
        grid-column: span 1;
    }
    .archive {grid-template-columns: 1fr 340px;}
    .second-art-img {display:none;}
    
    .page-b-container {grid-gap:0;}
    }

    @media screen and (max-width: 1000px) {.ads-info-box {
      height:auto; min-height:100%; 
    }
  }
    
    @media screen and (max-width: 980px) {
      .page-back {transition:unset;}
    .blue-button {width:unset;}
  
    .ads-info-box {padding: 20px 30px;}
    .ads-info-box h1 {font-size:24px;}}

    
    @media screen and (max-width: 980px) {.article {display:none;} 
    .ads-info-box {
      height:auto;
      min-height:unset;
      
    }

    .article:nth-child(1) {display:block!important;}
  .ads-info-box {position:relative!important;}
  .archive {grid-template-columns: 1fr;}
  .art-two {order:-1;}
.page-back {overflow:hidden;}
.art-two{width:340px; justify-self: center;}
.ads-info-box {transform: scale(1)!important;
  opacity: 1!important;
  pointer-events: auto!important;}
  .ad-page-info-line{display:none;}
.article hr, .article img, .archive h2, p:first-of-type  {display:none}
.page-back {transition:unset;}
.ads-info-box h1 {padding-bottom:4px; padding-top:10px; font-size:24px;}
.page-b-container {padding-bottom:30px;}
.blue-button {    max-width: 80%; margin-left:auto; margin-right:auto;}}

@media screen and (max-width: 460px) {.art-two{width:100%; justify-self: unset; margin-top:30px;}
.page {padding:0;}
.page-back {transition:unset; padding-bottom:60px;}
.ads-info-box h1 {padding-bottom:4px; padding-top:10px; font-size:24px;}
.page-b-container {padding-bottom:25px;}
.blue-button {max-width:100%;}
.ads-info-box {padding:25px 20px;}
.art-two {box-shadow:none;}}

@media screen and (max-width: 350px) {
.ads-info-box {padding:0px; background:transparent; border-top:0px;}
.archive {grid-gap:1.4em;}
.page-back {padding-bottom:40px;}}

.bqu {margin-top:3.5vw;}

@media screen and (min-width: 1922px) {.bqu {margin-top:60px}}