@import url('var.css');
@import url('common/index.css');
@import url('content/index.css?v=1.1');

.modal-new {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 101; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.65); /* Black w/ opacity */
}
.modal-box-new{
    background: #001F4C no-repeat padding-box;
    opacity: 1;
    width: 640px;
    height: 390px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal-close{
    width:100%;
    text-align: right;
    padding-top:11px;
    padding-right:16.5px;
}
.modal-x-new{
    width: 14px;
    height: 14px;
    background: transparent url('../../../assets/img/modalx.svg') no-repeat padding-box 50% 50%;
}
.modal-container{
    padding-top:8px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom: 30px;
}
.modal-title{
    text-align: left;
    letter-spacing: 0px;
    color: #0085CA;
    opacity: 1;
    font-family: "Effra-Medium", sans-serif;
    font-size: 43px;
    line-height: 36px;
}
.modal-text-content{
    font-family: "Effra Light", sans-serif;
    font-size: 26px;
    line-height: 28px;
    color:#fff;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    padding-top:30px;
}
.modal-here{
    text-decoration: underline;
    font-family: "Effra Regular", sans-serif;
    letter-spacing: 0px;
    color: #7ED3F7;
}
.modal-button-proceed{
    margin-top:30px;
    border: #fff 2px solid;
    width:206px;
    height: 55px;
    font-family: "Effra-Medium", sans-serif;
    font-size:21px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.new-text{
    font-family: "Effra Light", sans-serif;
    font-size:14px;
    color: #e35205;
    position: absolute;
    top:0px;
    left:40px;
}
.new-text-menu{
    font-family: "Effra Light", sans-serif;
    font-size:14px;
    color: #e35205;
    position: absolute;
    top:-5px;
    right:-30px;
}
.new-text-menu-about{
    font-family: "Effra Light", sans-serif;
    font-size:14px;
    color: #e35205;
    position: absolute;
    top:-10px;
    right:-10px;
    background: #004b87;
    padding-left:3px;
}
.new-text-menu-about-item{
    font-family: "Effra Light", sans-serif;
    font-size:14px;
    color: #e35205;
    position: absolute;
    top:8px;
    right:-15px;
}
.material-right{
    max-width: 420px;
}

@media screen and (max-width: 730px) {
    .modal-new {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 101; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.65); /* Black w/ opacity */
    }
    .modal-box-new{
        background: #001F4C no-repeat padding-box;
        opacity: 1;
        width: 95%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .modal-close{
        width:100%;
        text-align: right;
        padding-top:11px;
        padding-right:16.5px;
    }
    .modal-x-new{
        width: 14px;
        height: 14px;
        background: transparent url('../../../assets/img/modalx.svg') no-repeat padding-box 50% 50%;
    }
    .modal-container{
        padding-top:8px;
        padding-left:30px;
        padding-right:30px;
        padding-bottom: 30px;
    }
    .modal-title{
        text-align: left;
        letter-spacing: 0px;
        color: #0085CA;
        opacity: 1;
        font-family: "Effra-Medium", sans-serif;
        font-size: 33px;
        line-height: 26px;
    }
    .modal-text-content{
        font-family: "Effra Light", sans-serif;
        font-size: 16px;
        line-height: 18px;
        color:#fff;
        text-align: left;
        letter-spacing: 0px;
        opacity: 1;
        padding-top:30px;
    }
    .modal-here{
        text-decoration: underline;
        font-family: "Effra Regular", sans-serif;
        letter-spacing: 0px;
        color: #7ED3F7;
    }
    .modal-button-proceed{
        margin-top:30px;
        border: #fff 2px solid;
        width:206px;
        height: 55px;
        font-family: "Effra-Medium", sans-serif;
        font-size:11px;
        line-height: 15px;
        text-align: center;
        letter-spacing: 0.84px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }
}