/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-06-25, 09:48:48
    Author     : michal
*/

.box-width {
    width:75%;
    margin:0 auto;
}
iframe {
    width:100%;
    margin:0 auto;
    border:none;
    height:300px;
}
.iframeControl{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
}
#overlay {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-top:250px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background:rgba(0, 0, 0, 0.8);
}
#overlay .overlay-div {
    width:700px;
    margin:0 auto;
    background-color: #fff;
    padding:10px 0 10px 0 ;
    text-align:center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 420px;
}
.close-button {
    background: #c20000;
    color:#fff;
    font-weight:700;
    font-size:12px;
    width:125px;
    padding:10px 30px 10px 30px;
    margin:15px auto 15px auto;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    border:none;
}
.close-button:hover{
    background:#f92c2c;
    color:#fff;
    text-decoration:none;
}
.close-button:active{
    background:#c20000;
    color:#fff;
    text-decoration:none;
}

@media (max-width:740px) {
    .box-width {
        width:90%;
        margin:0 auto;
    }
    #overlay {
        display: none;
        position: absolute;
        left: 0px;
        top: 0px;
        padding-top:170px;
        width:100%;
        height:100%;
        text-align:center;
        z-index: 1000;
        background:rgba(0, 0, 0, 0.8);
    }
    #overlay .overlay-div {
        width:90%;
        margin:0 auto;
        background-color: #fff;
        padding: 10px 0 10px 0 ;
        text-align: center;
        -webkit-border-radius: 8px; 
        -moz-border-radius: 8px; 
        border-radius: 8px; 
        max-height:350px!important;
    }
    iframe {
        width:95%;
        overflow:hidden;
        border:none;
        margin:0 auto;
        height:250px;
    }
    .iframeControl{
        max-height:250px!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }
}