@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.bodyMask{
    position:fixed;
    background:rgba(50,50,50, 0.9);
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:16777201;
    font-family: Open Sans;
}
.col-centered{
    float:none;
    margin:auto;
    display: block
}
.col-100{
    width:80%;
}
.col-90{
    width:90%;
}
.col-80{
    width:80%;
}
.col-70{
    width:70%;
}
.col-60{
    width:60%;
}
.col-50{
    width:50%;
    float:none !important;
}
.col-40{
    width:40%;
}
.col-30{
    width:30%;
}
.col-20{
    width:20%;
}
.col-10{
    width:10%;
}
.float-left{
    float:left;
    padding-right:15px;
    padding-left:15px;
}
.popupContent {
    background: #ffffff;
    margin-top: calc(7vh);
    /*display: table;*/
    max-height: calc(96vh - 35px);
    background: url(https://mises.pl/wp-content/plugins/newsletttermises/assets/img/kwadrat.jpg);
    height: 100%;
    display: block;
}
.closeBtn {
    float: right;
    color: #06213f;
    font-size: 26px;
    cursor: pointer;
    position: absolute;
    top: -5px;
    right: 3px;
}
.bodyMask .popupContent form.email-subscribe {
    border:none;
}
.text-center{
    text-align:center;
}

.blueBox{
    padding:30px 45px;
    color:#ffffff;
    height:100%;    
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
}
.newsletterHead{
    font-size: 31px;
    font-family: 'Open Sans', sans-serif;
}
.logoImg{
    max-width: 100%;
    width:200px;
    display:block;
    margin-top:30px;
}
.whiteBox{
    background:#ffffff;
    height:100%;
    color:#06213f;
    padding:40px 60px;
    position:relative;
}
.formLabel{
    font-size:12px;
    font-weight:800;
    text-transform: uppercase;
}
.giodoText{
    font-size:11px;
    font-weight:700;
}
.popupContent form input[type=text].newsletter, .popupContent form input[type=submit].newsletter{
    border:3px solid #06213f !important;
    color:#06213f;
    font-weight:700;
}
.popupContent form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#06213faa;
    font-weight:600;
}

.popupContent form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#06213faa;
    font-weight:600;
}

.popupContent form input::-ms-input-placeholder { /* Microsoft Edge */
    color:#06213faa;
    font-weight:600;
}
.popupContent form input[type=submit].newsletter {
    background-color: #ffffff !important;
    color:#06213f !important;
    transition:all 0.3s ease-in;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    margin-top:30px !important;
    margin-bottom:30px !important;
} 
.popupContent form input[type=submit].newsletter:hover {
    background-color: #06213f!important;
    color:#ffffff !important;

}
.closeBtn.closeMin {
    display: none;
    z-index: 99999999999;
    color: red;
}
@media (min-width: 1600px) {
    .popupContent{
        width:50%;
        overflow-y:scroll;
        overflow-x:hidden;
    }
}
@media (min-width: 1400px) {
    .float-left.col-40.blueBox {
        font-size: 13px;
    }
}
@media (max-width: 1200px) {
    .popupContent{
        margin-top:30px;
        width:95%;
        overflow-y:scroll;
        overflow-x:hidden;
    }
}
@media (max-width: 992px) {
    .popupContent{
        margin-top:30px;
        width:95%;
        overflow-y:scroll;
        overflow-x:hidden;
    }
    .logoImg {
        max-width: 100%;
        width: 162px;
        display: block;
        margin-top: 7px;
    }
    .float-left.col-40.blueBox {
        font-size: 12px;
    }
}

@media (max-width: 772px) {
    .closeBtn.closeMin{
        display:block;
        border:none;
    }
    .closeBtn:not(.closeMin) {
        float: right;
        color: #06213f;
        font-size: 26px;
        cursor: pointer;
        position: absolute;
        top: -5px;
        right: 3px;
        display:none;
    }
    .popupContent {
        margin-top: 28px;
        width:95%;
        overflow-y:scroll;
        overflow-x:hidden;
        display: block;
        height: 95vh !important;
        max-height: 98vh;
    }

    .float-left.col-40.blueBox {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .float-left.col-60.whiteBox {
        width: 100%;padding: 22px;
    }

    img.logoImg {
        display: none;
    }
    .popupContent::-webkit-scrollbar {
        display: none;
    }
    .closeBtn {
        top: -5px;
        right: 5px;
        margin: unset;
        color: #ffffff;
        border:1px solid #06213f;
    }

    h2.newsletterHead {
        font-size: 24px;
        text-align: center;
    }

    .float-left.col-40.blueBox {
        font-size: 13px;
    }
    .whiteBox {
        background: #ffffff;
        height: auto;
        color: #06213f;
        padding: 40px 60px;
        position: relative;
    }
}