#shadowbox {
    z-index:2147483647;
    transition: opacity .3s ease-out;
}

#shadowbox.hidden{
    opacity:0;
    visibility: hidden;
    transition: opacity .3s ease-out;
}

#shadowbox-wrap.shadowbox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index:2147483647;
    border: solid 20px transparent;
    box-sizing: border-box;
}

.shadowbox-body {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: center;
    border: solid 1px #fff;
}

.shadowbox-body {
    width:800px;
    height:600px;
    border: none;
}

.shadowbox-content {
    overflow:hidden;
    display:block;
}

#shadowbox-wrap .shadowbox-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    padding: 6px;
    z-index: 10;
    cursor: pointer;
    background:#fff;
    transition: background .3s ease-in ;
}

#shadowbox-wrap .shadowbox-close:hover {
    background:#333;
}

.shadowbox-close {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.shadowbox-close:hover::before,
.shadowbox-close:hover::after {
    background:#fff;
}

.shadowbox-close::before,
.shadowbox-close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 50%;
    margin-left: 8px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}

.shadowbox-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shadowbox-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (max-width: 1025px) {
  #shadowbox {
      visibility: hidden;
      opacity:0;
  }
}