*{
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.header-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header{
  width: 100%;
  position: fixed;
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
  z-index: 999;
}
.linkinbio.minimize .header-content{
  height: 50px;
}
.header .logo-content a{
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
  color: #125687;
  margin-left: 5px;
}
.header .logo-content a:hover{
  text-decoration: underline;
}
.header .logo{
  height: 40px;
  width: 40px;
  border-radius: 20px;
  overflow: hidden;
  padding: 5px;
  display: inline-block;
  float: left;
}
.header .logo img{
  width: 100%
}

.header .link a{
  display: block;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #125687;
  padding: 0 10px;
  text-decoration: none;
  color: #125687;
}
.header .link a:hover{
  color: #000000;
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
}
.content{
  margin-bottom: 60px;
}
.linkbio-info{
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}
.linkinbio-stream{
  display: flex;
  flex-wrap: wrap;
}

.grid-item-linkinbio{
  width: calc(100% / 3);
}
.grid-item-linkinbio a{
  display: block;
  padding: 5px;
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-item-linkinbio a i.fa{
  color: #fff;
  position: absolute;
}
.grid-item-linkinbio a img{
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.overlay-linkinbio{
  background-color: #000000;
  display: block;
  position: absolute;
  opacity: 0;
}
.overlay-linkinbio:hover{
  opacity: .3;
}
.ig_type{
  background-image: url(/web/assets/img/instagram_icon_sprite.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  z-index: 1;
}
.ig_type.type1{
  background-position: 0 -34px;
}
.ig_type.type2{
  background-position: 0 0;
}
.loading{
  width: 32px;
  height: 32px;
  margin: 20px auto;
}
.loading.collapse{
  display: none;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1.2s steps(12) infinite;
  -moz-animation: rotating 1.2s steps(12) infinite;
  -ms-animation: rotating 1.2s steps(12) infinite;
  -o-animation: rotating 1.2s steps(12) infinite;
  animation: rotating 1.2s steps(12) infinite;
}

@media (max-width: 975px){
  .header-content{
    width: 100%;
    margin: 0;
  }
  .header-container{
    margin: 0 20px;
  }
  .linkinbio-container{
    width: 100%;
  }
  .linkinbio-stream{
    margin: 0 5px;
  }
  .grid-item-linkinbio a{
    padding: 1.5px;
  }
  .overlay-linkinbio{
    width: calc(100% - 1px);
    height: calc(100% - 1px);
  }
  .grid-item-linkinbio a i.fa{
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    top: 10px;
  }
  .header .link{
    margin-right: 0;
  }
  .overlay-linkinbio{
    top: 1px;
    left: 1px;
  }
  .ig_type{
    top: 0px;
    right: 0px;
  }
  .header-content{
    height: 50px;
  }
  .content{
    padding-top: 60px;
  }
  .overlay-linkinbio:hover{
    margin: 0;
  }
}
@media (min-width: 975px){
  .header-content{
    width: 975px;
    margin: 0 auto;
  }
  .header-container{
    margin: 0;
  }
  .linkinbio-container{
    width: 975px;
    margin: 0 auto;
  }
  .linkinbio-stream{
    margin: 0;
  }
  .grid-item-linkinbio a{
    padding: 10px;
  }
  .overlay-linkinbio{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  .grid-item-linkinbio a i.fa{
    font: normal normal normal 18px/1 FontAwesome;
    right: 25px;
    top: 20px;
  }
  .header .link{
    margin-right: 20px;
  }
  .overlay-linkinbio{
    top: 0;
    left: 0;
  }
  .ig_type{
    top: 10px;
    right: 10px;
  }
  .header-content{
    height: 77px;
  }
  .content{
    padding-top: 100px;
  }
  .overlay-linkinbio:hover{
    margin: 10px;
  }
}