/* ==========================================================================
 * main md over
========================================================================== */
/* md */
@media(min-width:768px){
  .fz-tl{font-size:calc(2rem + 6vw);}

  /* box-link */
  .box-link:hover {background: #000; color: #FFF;}
  .box-link:hover * {color: #FFF;}

  /* list */
  #wrapper[class*="bg-"] [class*="it-"] picture {opacity: 0.3; position: relative; z-index: 0;}
  #page-entry #wrapper[class*="bg-"] main,#wrapper[class*="bg-"] footer {opacity: 0.2; position: relative; z-index: 0;}
  #page-entry #wrapper[class*="bg-"] #mv {background: none;}

  [class*="it-"].active picture {opacity: 1!important; position: relative; z-index: 2!important;}

  .ent-title {color: #FFF; opacity: 0; transition: 1.4s cubic-bezier(.165,.84,.44,1);transition-duration: 1s;transform: translateY(-3rem);}
  .ent-title.active {transform: translateY(0rem);}
  [class*="it-"] {position: relative;}
  [class*="it-"].active .ent-title {opacity: 1;}

  .clr-md-wht {color: #FFF;}
  .h-md-20vh {height: 20vh;}
  .h-md-80vh {height: 80vh;}
  .h-md-90vh {height: 90vh;}
  .h-md-95 {height: 95%;}
  .h-md-7rem {height:7rem!important;}
  .bg-loop-l {animation: loop-l 100s linear infinite;} @keyframes loop-l {from {background-position: 0 0;} to {background-position: 1000rem 0;} }
  .mt-md-305 {margin-top: calc(var(--g-def)*1.3);}

  .w-md-10rem {width: 10rem;}
  .w-md-8rem {width: 8rem;}
  .w-md-30rem {width: 30rem;}
  .w-md-auto {width: auto;}

  .h-md-30rem {height: 30rem;}
  .h-md-32rem {height: 32rem;}
  .h-md-100 {height: 100%;}
}
/* lg */
@media(min-width:992px){
  .h-lg-80vh {height: 80vh;}
  .h-lg-90vh {height: 90vh;}
  .h-lg-95 {height: 95%;}
  .img-link {display: block;}
  .img-link img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .8s ease-in-out;transition: .8s cubic-bezier(.165,.84,.44,1); -webkit-backface-visibility:hidden;}
  .img-link:hover img,.img-link.hover img {-webkit-transform: scale(1.05)!important; transform: scale(1.05)!important;}
}
/*xl*/
@media(min-width:1200px){
  .h-xl-80vh {height: 80vh;}
  .h-xl-90vh {height: 90vh;}
  .h-xl-95 {height: 95%;}
}