/*
	Modal En and De
*/

.modalPointer{
    cursor: pointer;
}
.modal {
    width:100%;
    height:100%;
    background-color: #182A58;
}

.close-modal{
    float:right;
    font-size: 40px;
    color: #fff !important;
    margin-right: 3%;
    margin-top: 1.5%;
    position:relative;
    border-radius: 50%;
	width: 60px;
	height: 60px; 
    background-color: #88B241;
    padding-bottom: 5px;
}

.close-modal:hover{
    cursor:pointer;
    text-decoration: none;
    background-color: #8FB545;
    
}
.subscribeEn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%); 
}

.modalHeader{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
}

.modal h2{
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 35px;
    display: block;
    padding: 10px 10px 10px 10px;
}

.modal h3{
    color: #1373A3 !important;
}

.btn-pdf, .btn-epub{
    display:none;
}

.subscriptionForm{
    margin-top: 40px;
}

input[type=text], 
input[type=email],
textarea{
    color: #fff !important;
    font-weight: 700;
    width: 100%;
    padding: 20px;
    margin: 10px auto;
    background-color: #88B241 !important;
    border-color: #88B241 !important;
}

textarea{
    overflow: hidden;
}

.btn-modal{
    float: left;
    color: #fff;
    margin-top: 0px;
    padding: 12px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    background-color: rgba(0,0,0,0);
    border: 1px solid white;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 10px 20px 0 0;
}

.success,
.error{
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: 700;
    background-color: #fff;
    padding: 10px;
    opacity
}

.success {
    color: #182A58;
}

.error {
    color: #772020;
}

#btn-pdf, #btn-epub, #btn-pdf:hover, #btn-epub:hover{
 text-decoration: none;
}


/*
	Modal placeholder compatibility
*/

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #fff !important;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder
{
    color: #fff !important;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #fff !important;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #fff !important;
}

