@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,800;0,900;1,900&display=swap');
@font-face {
    font-family: 'MetronicProBold';
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_0_0.eot');
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_0_0.eot?#iefix') format('embedded-opentype'),url('https://webfont.loyaltii.com/webfonts/32F6C6_0_0.woff2') format('woff2'),url('https://webfont.loyaltii.com/webfonts/32F6C6_0_0.woff') format('woff'),url('https://webfont.loyaltii.com/webfonts/32F6C6_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MetronicProLight';
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_1_0.eot');
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_1_0.eot?#iefix') format('embedded-opentype'),url('https://webfont.loyaltii.com/webfonts/32F6C6_1_0.woff2') format('woff2'),url('https://webfont.loyaltii.com/webfonts/32F6C6_1_0.woff') format('woff'),url('https://webfont.loyaltii.com/webfonts/32F6C6_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MetronicProRegular';
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_2_0.eot');
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_2_0.eot?#iefix') format('embedded-opentype'),url('https://webfont.loyaltii.com/webfonts/32F6C6_2_0.woff2') format('woff2'),url('https://webfont.loyaltii.com/webfonts/32F6C6_2_0.woff') format('woff'),url('https://webfont.loyaltii.com/webfonts/32F6C6_2_0.ttf') format('truetype');
}

@font-face {
    font-family: 'MetronicProAir';
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_3_0.eot');
    src: url('https://webfont.loyaltii.com/webfonts/32F6C6_3_0.eot?#iefix') format('embedded-opentype'),url('https://webfont.loyaltii.com/webfonts/32F6C6_3_0.woff2') format('woff2'),url('https://webfont.loyaltii.com/webfonts/32F6C6_3_0.woff') format('woff'),url('https://webfont.loyaltii.com/webfonts/32F6C6_3_0.ttf') format('truetype');
}

body {
    font-family: 'Raleway', sans-serif ;;
    margin: 0;
    background-color: transparent;
    overflow: hidden;
}

h2, h3, h4, h5 {
    font-family:'Raleway', sans-serif ;;
}

h1 {
    font-family: 'Raleway', sans-serif ;
 	font-weight: 900 ;
    font-style: italic ;
    font-size: 36px;
    text-align: center;
}

h2 {
    font-size: 16px;
    text-align:center;
}

h3 {
    font-size: 12px;
    text-align: center;
    margin:0;
}

.close-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAh1BMVEUAAABERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERET////a2tpQUFD5+flMTExra2tjY2NWVlbZ2dmzs7PX19dbW1vY2Ni1tbW0tLRFnEKWAAAAHXRSTlMAnPjkiR0K7+HPIeqwRiSMWdBRMAU2AuZSK55ak/7uo7gAAAIGSURBVFjDrdjrcpswEAXgFRJ3bOPEieukRwZ8b/v+z1cybRqpixxg8/2Ux2eEAK0WCipqU+U6BVKdV6YuaJrnhdL4j1aLZxorNhkGaRPTGEsVIShSS/pMYvwAHrJK6K4HjU/pb/emoDCKCk4kzjFSHljWxy1G2z7SgKcUE6RPxOxSTJKyecQaE+mYPEmOyXL/vijMoLwnCrM8OJehMYv+uJQVZlr9ezcjzBQt/bUUrGgcgTkdO/i64wlcFNMbw344/LC2vXRuwK/W2vMBjKHepmQJrX1zbvCu6TN7Lc8oN0S0YMNX+8e+eU84/x25glkMLebJWifDSeidBheU7dZH62c0+4+BI4vIiAo22LVuhpfQdmAKqsFcrJNxcxLsBVxNBkzn/qt18zpwhipwjZvhrwxXUY7BjNEJyCnDcMbYBGypRCBjZAJSihDKYAkBwQjcWve+3BASUSmdRUqZdC0yyqV3JKdK+lxUZKRPp6Fa+o7UVEjf1IIok+0XGREp2a6l2PY7uHfu7+ydC1YE2A7uZVyHiwCZEXXkHKojJlAQD3tWzX72sftDqCCSml9T1VccDuRHFPlBSXxc81qCF8zwQq5kjcnWCXmKEhOVMWslBMd4QTPB7DKMlu2kjdU6poDNd0F7J2gymWQlaHUFDTcXGy1o+yUfH7ji1VRrnSJKs3VlXgsK+Q14lYH8O4hfGQAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.flexContainer {
    display:flex;
    justify-content:space-between
}

.twoButtons {
    width:48%;
}

.page {
    margin: 17px 17px 10px 17px;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0 0 10px 1px grey;
    position: relative;
}

    .page .close-button {
        left: -15px;
        top: -15px;
    }



.border-danger {
    border: solid red 1px !important;
}
.noPad {
    padding-left:0;
    padding-right:0;
}

.myContent {
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 15px;
}

.myContentPurple {
    background-color: #591158;
    border-radius: 6px;
    padding: 15px;
}

    .myContentPurple h1, .myContentPurple h2, .myContentPurple h3, .myContentPurple h4 {
        color: #FFFFFF;
    }

.buttonStyle {
    width: 100%;
    height: 39px; 
    font-size: 16px;
    line-height:17px;
    text-align: center;
    color: #FFF;
    border-radius: 3px;
    padding: 10px; 
    margin-bottom:10px;
    color: #fff ;
    background: #591158 ; 
	font-family: 'Raleway', sans-serif  !important;;
	font-weight: 800  !important;;
	border-radius: 32px !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
}
.button{
    color: #fff !important;;
    background: #591158 !important;; 
	font-family: 'Raleway', sans-serif  !important;;
	font-weight: 800  !important;;
	border-radius: 32px !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
}

.buttonStyleSecondary.button,.buttonStyleSecondary {
    width: 250px;
    height: 39px;
    display: block;
    margin: 0 auto; 
    font-size: 16px;
    line-height: 17px;
    text-align: center;
	
    border-radius: 3px;
    padding: 10px;
    font-family: 'Raleway', sans-serif ;
  	font-weight: 800 !important;
    margin-bottom: 20px;
	color: #591158 !important;
    background: #fff !important;
  	border: solid #591158;
}

.buttonStyleSecondary:hover,.buttonStyleSecondary.button:hover {
    color: #fff !important;
    background: #591158 !important;
  	border: solid #591158;
}
 .buttonStyle:hover, .buttonStyle:focus,.button:hover {
    color: #591158 !important;
    background: #fdd9e2 !important;
}

.emailInput, input[type="email"] {
    padding: 10px;
    border-radius: 2px;
    color: rgb(105, 105, 105);
    border-width: 1px;
    border-color: rgb(173, 173, 173);
    border-style: solid;
    background-color: rgb(232, 232, 232) !important;
    font-family: ''Raleway', sans-serif ;;
    font-size: 13px;
    margin-bottom:20px;
}



.columns {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.columnsRow {
    flex-direction: row;
}

.termsBox {
    flex: 1;
    max-width: 20px;
    padding: 0;
    transform: scale(1.6);
    margin-bottom: 0;
    margin-top: 10px!important;
}

.permissionBox {
    padding: 0 10%;
    margin-bottom: 15px;
}

.permissionText {
    font-size: 11px;
}

.permissionText1 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

/* Microsoft Edge Browser 12+ (All) - one-liner method */

_:-ms-lang(x), _:-webkit-full-screen, .termsBox {
    transform: scale(1.0);
}


@media all and (-ms-high-contrast:none) {
    .termsBox {
        transform: scale(1.0);
    }
}
.text-danger {
    color:red !important;
}
/*# hyperlinks */
a{
	font-family: 'Raleway', sans-serif !important;
	font-weight: 800 !important; 
	color: #9946c1 !important; 
}
/*# hyperlinks hover */
a:hover{ 
	color: #CB91E7 !important; 
}