html,
body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#d9d9d9;
}

body{
    position:relative;
}

#contentIFrame{
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:#d9d9d9;
}

#dummyIFrame{
    display:none !important;
}

.prev,
.next{
    position:fixed;
    top:50%;
    z-index:9999;
    width:50px;
    height:72px;
    margin:0;
    padding:0;
    border:0;
    border-radius:5px;
    background:rgba(40,40,40,.72);
    color:#fff;
    font:400 42px/72px Arial,Helvetica,sans-serif;
    text-align:center;
    cursor:pointer;
    transform:translateY(-50%);
    transition:background .18s ease, opacity .18s ease;
}

.prev:hover,
.next:hover,
.prev:focus,
.next:focus{
    background:rgba(25,25,25,.92);
    outline:none;
}

.prev{
    left:18px;
}

.next{
    right:18px;
}

.prev.is-hidden,
.next.is-hidden{
    opacity:0;
    pointer-events:none;
}

@media (max-width:767px){
    .prev,
    .next{
        width:38px;
        height:58px;
        font-size:32px;
        line-height:58px;
    }

    .prev{
        left:7px;
    }

    .next{
        right:7px;
    }
}