/* CSS Document */

.spxPopUpModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);font:inherit;z-index:1002;display:flex;flex-direction:row;justify-content:center}
.spxPopUpDialog{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 21px 20px;

    /*position: absolute;*/
    width: 588px;
/*    height: 500px;*/
	height: min-content;
	max-width: 90%;
    
    /*left: 295px;
    top: 219px;*/
    background-color: #E7E2DE;
    /*font:inherit;display:table;*/
	/*background-image: url("../img/popup/popup_bk.png");*/
}
.spxPopUpDialog{padding:1rem;margin-top:10%}
.spxPopUpContent{
    width: 98%;
    text-align: center;
    margin: auto 0;
}
.spxPopUpHeader,.spxPopUpParagraph,.spxPopUpSubHeader{text-align:center}
.spxPopUpHeader{
    font-family: SpanRegular;
    font-size: 38px;
    line-height: 60px;
    text-transform: capitalize;
   /* border-bottom: 2px solid #C8B2A8; */
	padding-bottom: 14px;
    margin: 24px 0;
}
.spxPopUpParagraph{
    font-family: SulphurPoint;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
	
	color: #33383B;
    
    margin: 24px 0 40px 0;
}
.spxPopUpCloseImg { 
	cursor: pointer;
	height: 40px;
}
.spxPopUpContent a.button{
    padding: 12px 50px;

    width: 262px;
    height: 38px;
	letter-spacing: 4px;
}
.spxPopUpContent a.new-btn:hover {
	background-color: #394C52 !important;
	color: white !important;
}
.spxPopUpContent a{
    font-family: SulphurPoint;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;

    /* identical to box height */
    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* Palm Green */
    color: #28231b;
    text-decoration: none;
	
}
.spxPopUpClose{background-color:rgba(0,0,0,0);border:.0625rem solid #000;cursor:pointer}

@media (min-width: 751px) {
	.spxPopUpDialog {
		padding-bottom: 44px;
	}
}

@media (max-width:600px){
    .spxPopUpHeader{
        font-size: 35px;
		margin-top: 0 !important;
    }
	.spxPopUpDialog {
		padding: 1rem 1rem 2rem;
	}
}

@media (max-width:400px){
    .spxPopUpHeader{
        font-size: 30px;
    }
}

@media (max-width:400px){
    .spxPopUpContent a.button{
        font-size: 12px;
    }
}
/*@media (min-width:601px){
    .spxPopUpDialog{padding:2rem;margin-top:10%}
    .spxPopUpHeader{font-size:2rem;margin-bottom:1rem}
    .spxPopUpSubHeader{font-size:1.25rem;margin-bottom:.5rem 0}
    .spxPopUpParagraph{font-size:.85rem;margin-bottom:.5rem}
    .spxPopUpClose{font-size:2rem;margin-top:.5rem;padding:1rem}
}
@media (max-width:600px){
    .spxPopUpDialog{padding:.5rem;margin-top:2rem}
    .spxPopUpHeader{font-size:1.5rem;margin-bottom:.75rem}
    .spxPopUpSubHeader{font-size:1rem;margin-bottom:.25rem}
    .spxPopUpParagraph{font-size:.85rem;margin-bottom:.25rem}
    .spxPopUpClose{font-size:1.5rem;margin-top:.25rem;padding:.5rem}
}*/