/***********************************
####### MODAL ########
***********************************/
.wc_modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.wc_modal-dialog {
    position: relative;
    width: auto;
	height: 100% !important;
    margin: 10px;
    z-index: 99;
    top: -100%;
}



.wc_modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 3px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
overflow-y: auto;
width: 550px !important;
height: 450px;
margin: 30px auto;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}



.wc_modal-header {
    padding: 15px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #FFCF0D;
}

.wc_modal-header .modal-title {
    color: #00454D !important;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-align: center;
    letter-spacing: -0.05em !important;
}

.wc_modal-content p{
font-size: 16px;
line-height: 150%;
font-family: montserrat, sans-serif;
font-style: normal;
font-weight: 300;
color: #00454D;
margin-bottom: 7px;
}

.wc_modal-content h2{
font-size: 1.8em;
line-height: 120%;
font-family: montserrat, sans-serif;
font-style: normal;
font-weight: 300;
color: #00454D;
margin-bottom: 7px;
}

.wc_modal-content a{
font-size: 15px;
line-height: 130%;
font-family: montserrat, sans-serif;
font-style: normal;
font-weight: 300;
color: #00454D;
margin-bottom: 7px;
}

.wc_modal-content p{
    font-size: 15px !important;
    line-height: 135% !important;
    font-weight: 400 !important;
}

.wc_modal-content a:hover{
color: #FFCF0D;
}



.wc_close {
    float: right;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    color: #000;
}

.wc_close:focus, .wc_close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

button.wc_close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.wc_modal-body, .wc_modal-footer {
    position: relative;
    padding: 15px;
    overflow-y: initial !important
}

.wc_modal-footer{
text-align: center !important;
float: left;
width: 100%;
}


@media (min-width: 200px) and (max-width: 767px){ 

.wc_modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 3px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
overflow-y: auto;
width: 90% !important;
height: 400px !important;
margin: 30px auto;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}

.wc_modal-header .modal-title {
    color: #00454D;
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif; font-weight: 600;
    text-align: center;
    letter-spacing: -0.03em;
}

.wc_modal-content p{
font-size: 14px !important;
line-height: 150%;
font-family: montserrat, sans-serif;
font-style: normal;
font-weight: 300;
color: #00454D;
margin-bottom: 7px;
}

}

/*
@media (min-width: 768px){ 
.wc_modal-dialog {
    width: 90%;
    margin: 60px auto;
}

.wc_modal-sm {
    width: 300px;
}

.wc_modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
}*/