:root{--font-family:'Source Sans Pro', sans-serif;--primary-color:#F6B900;--primary-font-color:#ffffff;--secondary-font-color:#000000;--header-height:90px;--max-container-width:1320px}
body *{font-family:var(--font-family)}
*{box-sizing:border-box;margin:0;line-height:1.5;font-family:var(--font-family);outline:none}
.line-top{padding-top:20px;position:relative}
.line-top::after{width:100%;content:"";position:absolute;left:0;top:0;height:20px;background:#f1f1f1}
.row{max-width:87.5rem !important}
a{text-decoration:none;color:var(--primary-color)}
button,
select,
a{cursor:pointer}
img,
input,
select,
button{display:block}
body,
input,
select,
button{font-size:16px;font-family:var(--font-family);color:var(--primary-font-color)}
.container{max-width:var(--max-container-width);padding:0 16px;margin:0 auto;width:100%}
.d-flex{display:flex}
body{padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column;color:#555;font-family:'Source Sans Pro',sans-serif}
.logo{margin-right:10px;max-height:35px}
button{border:none;padding:16px 20px}
.button{text-transform:uppercase;font-size:1rem;font-weight:700;position:relative;min-width:212px;border-radius:100px;padding:1.125rem 5rem;transition:color .1s ease-in-out;}
.button:hover, .button:focus{color:#FEFEFE;text-decoration:none}
.button.default{color:#111;background:#FEFEFE}
.button.default:hover, .button.default:focus{background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);color:#FEFEFE}
.button.gradient{background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);color:#111}
.button.gradient i{color:#111}
.button.gradient:hover{background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);color:#fff}
.button.gradient:hover i{color:#fff}
.button.secondary{background:#111;color:#FEFEFE}
.button.secondary:hover, .button.secondary:focus{background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);color:#111}
.button i{position:absolute;top:19px;right:50px}
.input-field, .select-field{border:1px solid #C4C4C4;border-radius:6px;padding:12px;width:100%;color:#4e4e4e99;margin:16px 0}
.uppercase{text-transform:uppercase}
.main{padding:78px 0 0}
.main .row.expanded{max-width:none !important}
.main .equalize{display:flex;align-items:stretch}
.main-holder{position:relative;z-index:10;padding:3.125rem 0 4.375rem}
.text-section h3{font-weight:700;font-size:1.25rem}
.text-section h4{font-weight:700;font-size:1.25rem}
.text-section ul{list-style:disc;padding:0 1.25rem;margin:0 0 1.25rem}
.text-section ol{list-style:decimal;padding:0 1.25rem;margin:0 0 1.25rem}
.text-section ol.list-privacy{list-style:lower-alpha}
.text-section a{color:#555}
.text-section a:hover{color:#555;text-decoration:underline}
.heading-box{margin:0 0 2.5rem}
.heading-box h2{color:#333;text-transform:none;margin:0 0 .5rem;font-size:1.5625rem}
.heading-box .subtitle{display:block;font-weight:400}
.grey-section{padding:20px 0 0;position:relative}
.grey-section:before{position:absolute;top:0;left:0;right:0;height:20px;content:'';background:#f1f1f1}
.grey-section.dark:before{background:#333}
.signup-section.items{padding:2.125rem 0 4.375rem}
.signup-section.upsell:before{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(20, 20, 22, 0.88);content:''}
.signup-section:before{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(20, 20, 22, 0.75);content:''}
.signup-section .holder{z-index:5;position:relative}
.signup-section .heading-box{color:#f4f4f4;margin:0 0 2rem}
.signup-section .heading-box h2{color:#f4f4f4}
.signup-section .heading-box .subtitle a{color:#FEFEFE}
.signup-section .heading-box .subtitle a:hover,
.signup-section .heading-box .subtitle a:focus{text-decoration:underline}
.signup_section_form .row-form{position:relative}
.signup_section_form .signup_input{padding:0.625rem 0.9375rem 0.625rem 2.5rem;height:3.4375rem;margin:0 0 1.25rem;background-color:#f4f4f4;border:1px solid #f4f4f4;font-size:1.125rem;color:#333;box-shadow:none;border-radius:100px}
.signup_section_form select{padding:0.625rem 2.8125rem 0.625rem 2.5rem;height:3.4375rem;margin:0 0 1.25rem;background-origin:border-box;background-position:90% 50%}
.signup_section_form .row-check{position:relative;padding:0 0 2.5rem}
.signup_section_form .custom-control-input{position:absolute;z-index:-1;opacity:0}
.signup_section_form .custom-control-label{position:relative;margin-bottom:0;vertical-align:top;padding:0 0 0 2rem;font-size:1rem;color:#111;margin:0}
.signup_section_form .custom-control-label a{color:#111}
.signup_section_form .custom-control-label a:hover{color:#111;text-decoration:underline}
.signup_section_form .custom-control-label::before{position:absolute;top:5px;left:0;width:17px;height:17px;pointer-events:none;content:"";background-color:#f4f4f4;border:1px solid #D4D4D4;border-radius:17px}
.signup_section_form input[type="checkbox"].error ~ .custom-control-label::before{border:1px solid #F72B2B!important}
.signup_section_form .custom-control-label::after{position:absolute;top:5px;left:0;cursor:pointer;width:17px;height:17px;content:"";background:no-repeat 50% / 50% 50%}
.signup_section_form .row-check .custom-control-input:checked ~ .custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23111111' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}
.signup_section_form .input_error{font-size:12px;line-height:16px;color:#F72B2B;visibility:hidden;margin-top:-20px;margin-bottom:4px;padding-left:13px}
.signup_section_form .custom-control-label .input_error{margin-top:-20px;top:20px;padding-left:0px;position:relative}
.signup_section_form .input_error.active{visibility:visible}
.signup_section_form input[type="text"].error{border:1px solid #F72B2B!important;color:#F72B2B}
.signup_section_form input[type="password"].error{border:1px solid #F72B2B!important;color:#F72B2B}
.signup_section_form select.error{border:1px solid #F72B2B!important;color:#F72B2B}
.signup_section_form input[type="text"].error::placeholder{color:#F72B2B}
.signup_section_form input[type="password"].error::placeholder{color:#F72B2B}
.signup_section_form input::placeholder{color:#777}
.signup_section_form .row-form i{position:absolute;left:15px;top:20px;color:#333;line-height:1}
.top-section{padding:105px 0 70px;color:white;font-size:20px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:0 0;background-image:url(https://spiral-game.com/assets/bg.jpg)}
.top-section:before{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(27, 27, 29, 0.75);content:''}
.top-section h1{margin:0 0 25px;line-height:1.2}
.top-section p{margin:0 0 5rem}
.top-section .holder{padding:4rem 0;position:relative;z-index:2}
.info-block{background:linear-gradient(to right,#FF2991 0,#FF7147 100%);padding:35px 0 20px;color:#333;font-size:25px}
.info-block .device-icon{float:left;width:97px;text-align:center;margin:0 16px 16px 0}
.info-block .device-title{display:block;overflow:hidden;margin:20px 0 0}
.info{padding:3.125rem 0;font-size:1.25rem;color:#111}
.info h2{font-size:2.5rem;color:#111;margin:0;line-height:1}
.info h2 span{font-weight:700;color:#FF2991}
.info p{margin:0;line-height:1}
.info .btns-block{padding:8px 0 0}
.info .button{padding:1.125rem 3rem;min-width:auto;font-weight:600;border-radius:0}
.info .button svg{fill:#fff;right:7%;position:absolute;top:50%;margin-top:-7px}
.image-section{width:100%;height:500px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-image:url(https://spiral-game.com/assets/img-05.png)}
.info-section{font-size:1.125rem;color:#333}
.info-section .row.expanded{max-width:none !important;display:flex;align-items:stretch}
.info-section .block-image{padding-right:10px !important}
.info-section .image-section{background-size:cover;background-repeat:no-repeat;background-position:50% 100%;position:relative;background-image:url(https://spiral-game.com/assets/img-03.jpg);height:100%}
.info-section .list-info{margin:0;padding:7rem 0 3rem;list-style:none}
.info-section .list-info li{padding:0 0 4rem}
.info-section .list-info h3{font-weight:600;margin:0 0 1rem;font-size:20px;text-transform:uppercase}
.info-section .list-info p{margin:0}
.plates-section{height:15.3vw;overflow:hidden}
.plates-section .image-plate{position:relative;height:100%}
.plates-section .image-plate.left-big{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;position:relative;background-image:url(https://spiral-game.com/assets/waves.png)}
.plates-section .image-plate.small-plate-1, .plates-section .image-plate.small-plate-3{background:#FE4A6F}
.plates-section .image-plate.small-plate-1 img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:90%}
.plates-section .image-plate.small-plate-2 img{position:absolute;left:0;bottom:0;right:0;top:0;margin:auto;max-width:90%;width:50%}
.plates-section .image-plate.small-plate-3 img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:90%;width:70%}
.plates-section .row.expanded{max-width:none !important;display:flex;align-items:stretch;height:100%}
.plates-section .block-image{padding-right:10px !important}
.d-none{display:none}
.info-section-2{font-size:1.125rem;color:#333}
.info-section-2 .button{border-radius:0}
.info-section-content{padding:7rem 0}
.mb-big-7{margin-bottom:7rem}
.mb-2{margin-bottom:2rem}
.info-section-2 .row.expanded{max-width:none !important;display:flex;align-items:stretch}
.info-section-2 .block-image{padding-right:10px !important}
.info-section-2 .image-section{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;position:relative;background-image:url(https://spiral-game.com/assets/ecomm_picture.jpg);height:100%}
.info-section-2 .list-info{margin:0;padding:7rem 0 3rem;list-style:none}
.info-section-2 .list-info li{padding:0 0 4rem}
.info-section-2 .list-info h3{font-weight:600;margin:0 0 1rem;font-size:20px;text-transform:uppercase}
.info-section-2 .list-info p{margin:0}
.homepage-vpn-list p{padding-left:32px;position:relative;margin-bottom:1rem}
.homepage-vpn-list p:before{content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:20px;height:26px;margin-right:12px;background-image:url(https://spiral-game.com/assets/shield_icon_red.svg);background-size:contain;background-repeat:no-repeat}
.homepage-ecom-list p{padding-left:36px;position:relative;margin-bottom:1rem}
.homepage-ecom-list p:before{content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:24px;height:24px;margin-right:12px;background-image:url(https://spiral-game.com/assets/bsket_icon.svg);background-size:contain;background-repeat:no-repeat}
.homepage-vpn-title, .homepage-ecom-title{margin-bottom:1rem;font-weight:600;margin:0 0 1rem;font-size:20px;text-transform:uppercase}
.homepage-vpn-subtitle, .homepage-ecom-subtitle{margin-bottom:1.5rem}
body.geolocation-loaded .body.membership .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.membership .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body.geolocation-loaded .body.homepage .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.homepage .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body.geolocation-loaded .body.signup .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.signup .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body.geolocation-loaded .body.payments .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.payments .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body.geolocation-loaded .body.upsell .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.upsell .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body.geolocation-loaded .body.receipt .loader_overlay{opacity:1;visibility:visible}
body.geolocation-loaded.loaded .body.receipt .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
.top-header{background:#f1f1f1;font-size:.875rem;padding:0.625rem 0.9375rem}
.top-header p{margin:0}
#header{padding:0.625rem 0;z-index:11;background:#111;position:absolute;left:0;right:0;top:0}
#header.is-open{background:#111}
.homepage #header{background-color:transparent}
.homepage #header.is-open{background:#111}
#header .logo{display:inline-block;vertical-align:top;font-size:1.625rem;font-weight:700;max-height:100%}
#header .logo img{display:inline-block;vertical-align:top;margin:0 0.3125rem 0 0;width:50px}
#header .logo p{margin:0.3125rem 0 0;display:inline-block;vertical-align:top;background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#header .logo a{text-decoration:none}
#header .logo a:hover,
#header .logo a:focus{text-decoration:none}
#header .logo a img{display:inline-block;vertical-align:top;width:50px}
.navigation.is-open{display:block}
.navigation{display:none}
.main-nav{margin:0;padding:0;list-style:none;font-size:1rem;line-height:1}
.main-nav li{display:block;margin:0 0 .625rem}
.main-nav li:first-child a{color:#111;background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);border-radius:100px;transition:background-color .25s ease-out, color .25s ease-out}
.main-nav li:first-child a:focus,
.main-nav li:first-child a:hover{color:#FEFEFE;text-decoration:none}
.main-nav a{color:#FEFEFE;text-decoration:none;padding:0.4375rem 1.875rem 0.5625rem;display:inline-block;vertical-align:top}
.main-nav a:hover,
.main-nav a:focus{text-decoration:underline;color:#FEFEFE}
.open-nav{width:25px;position:absolute;right:10px;top:24px}
.open-nav span{display:block;margin:0 0 4px;width:100%;height:4px;background:#FEFEFE;border-radius:1px}
.cookie_overlay{position:fixed;bottom:0;left:0;width:100%;padding:20px;background-color:rgba(0,0,0,.8);color:#fff;font-size:14px;text-align:center}
.cookie_overlay p{text-align:center}
.cookie_overlay .text{width:100%}
.cookie_overlay a{color:#fff;text-decoration:none}
.cookie_overlay a:hover{color:#fff;text-decoration:underline}
.cookie_overlay .accept-cookie{position:absolute;right:15px;top:10px;font-size:20px;cursor:pointer}
.cookie_overlay:not(.active){display:none}
.preloader_overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:rgba(0,0,0,.8)}
.preloader_overlay:not(.active){display:none}
.loader_overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;opacity:0;visibility:hidden;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:rgba(0,0,0,.93)}
.error_modal{position:relative;width:100%;display:flex;flex-direction:column;padding:16px 40px 32px;max-width:480px;background-color:white;text-align:center;border-radius:8px}
.error_modal:before{position:absolute;content:'';left:0;top:0;width:100%;height:60px;background-color:#F62B2B;border-radius:8px 8px 0 0}
.error_modal h5{position:relative;width:100%;z-index:1;margin-bottom:40px;font-weight:bold;color:white}
.error_modal img{z-index:1}
.successful{position:relative;width:100%;display:flex;min-height:185px;flex-direction:column;padding:16px 40px 32px;max-width:480px;background-color:white;text-align:center;border-radius:8px}
.successful:before{position:absolute;content:'';left:0;top:0;width:100%;height:60px;background-color:#52B52F;border-radius:8px 8px 0 0}
.successful h5{position:relative;width:100%;z-index:1;margin-bottom:40px;font-weight:bold;color:white}
.successful img{z-index:1}
.successful_message-text {display:none}
.successful_cancel-text {display:none}
.successful_email-text {display:none}
.successful_password-text {display:none}
.successful_message{display:flex;animation:opacityOne 0.3s linear}
.successful_cancel{display:flex;animation:opacityOne 0.3s linear}
.successful_email{display:flex;animation:opacityOne 0.3s linear}
.successful_password{display:flex;animation:opacityOne 0.3s linear}
.successful_message .successful_message-text {display:block}
.successful_cancel .successful_cancel-text {display:block}
.successful_email .successful_email-text {display:block}
.successful_password .successful_password-text {display:block}
.successful_close{position:absolute;top:10px;right:10px}
.successful_overlay{display:none;position:fixed;top:0;color:#4e4e4e;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);z-index:24;align-items:center;justify-content:center;animation:opacityZero 0.3s linear}
.successful_overlay:hover{opacity:1}
.successful_overlay--opened{display:flex;animation:opacityOne 0.3s linear}
.error_overlay{display:none;position:fixed;top:0;color:#4e4e4e;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);z-index:24;align-items:center;justify-content:center;animation:opacityZero 0.3s linear}
.error_modal .error_modal-text{color:#4e4e4e!important}
.error_overlay.active{display:flex;animation:opacityOne 0.3s linear}
.footer{background-color:#111;padding:4rem 0;position:relative}
.footer:before{content:'';position:absolute;top:0;left:0;right:0;height:20px;background:#333}
hr{border-color:#ffffff33}
.footer-top__section{display:flex;justify-content:space-between;margin-bottom:32px}
.footer-col{flex:0.23}
.footer-title{font-weight:600;text-transform:uppercase;font-size:16px;margin:0 0 28px;color:#666}
.footer-content-text{margin:0 0 1.5rem;color:#D4D4D4}
.footer-content-text ul{list-style:none;padding-inline-start:0;margin:0}
.footer-content-text li:not(:last-child){margin-bottom:12px}
.footer-content-text ul li a{font-size:12px;line-height:1;color:#D4D4D4;cursor:pointer;font-weight:700;text-transform:uppercase}
.footer-content-text .section-link{font-size:12px;line-height:1;color:#D4D4D4;cursor:pointer;font-weight:700;text-transform:uppercase}
.footer-content-text ul li a:hover{text-decoration:underline}
.footer-content-text a{color:#FF2991;font-weight:600}
.footer-content-text a:hover{text-decoration:underline}
.footer-content-text span{font-size:16px;line-height:1.3;margin:5px 0;display:block}
.footer-bottom__section{display:flex;margin-top:50px;justify-content:center;flex-direction:column;font-size:16px;align-items:center;color:#D4D4D4}
.footer-bottom__section img{max-height:32px;padding:0 5px}
.footer-bottom__section--cc-icon-wrapper{display:flex}
.footer .logo{display:inline-block;vertical-align:top;font-size:1.5625rem;font-weight:700;color:#D4D4D4;margin:0 0 1rem;background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer .logo img{display:inline-block;vertical-align:top;width:50px;margin:-0.4375rem 0.3125rem 0 0}
.footer .logo p{display:inline-block;vertical-align:top}
.privacy-section{background-color:#ffffff;position:relative;padding:70px 0}
.privacy-section .row{display:flex;justify-content:center}
.privacy-section ul, ol{margin-bottom:20px}
.privacy-section li{line-height:25px}
.privacy-section__block{color:#555}
.privacy-section h3{text-transform:uppercase;font-size:20px;margin-bottom:12px;font-weight:700}
.privacy-section h4{text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:12px}
.privacy-section p{font-size:16px;line-height:25px;margin-bottom:24px}
.privacy-section a{color:#555}
.privacy-section a:hover, a:focus{color:#333;border-bottom:1px solid #333}
.cookies-section{background-color:#ffffff;position:relative;padding:70px 0}
.cookies-section .row{display:flex;justify-content:center}
.cookies-section ul, ol{margin-bottom:20px}
.cookies-section li{line-height:25px}
.cookies-section__block{color:#555}
.cookies-section h3{text-transform:uppercase;font-size:20px;margin-bottom:12px;font-weight:700}
.cookies-section h4{text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:12px}
.cookies-section p{font-size:16px;line-height:25px;margin-bottom:24px}
.cookies-section a{color:#555}
.cookies-section a:hover, a:focus{color:#333;border-bottom:1px solid #333}
.about-section .image-block{background-size:cover;background-position:50% 100%;background-repeat:no-repeat;height:100%;background-image:url(https://spiral-game.com/assets/about_bg.jpg)}
.about-box{padding:4.375rem 0}
.about-box h3{color:#333;margin:0 0 2.5rem;font-weight:700;font-size:1.25rem;text-transform:uppercase}
.about-box p{margin:0 0 2.5rem}
.about-box p a{color:#555}
.about-box p a:hover{color:#555;text-decoration:underline}
.about-box ul{margin:0 0 1.25rem;line-height:1.6;list-style:none;padding:0}
.about-box ul li{padding:0 0 1.25rem;line-height:1.6}
.about-box ul li:before{content:"• ";color:#FF2991;padding-right:.625rem}
.signup-section{background-image:url(https://spiral-game.com/assets/banner-1.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:0 0;padding:3.125rem 0 5.625rem}
.signup-section .d-none{display:none}
.membership_block{width:33%;max-width:360px;position:relative;background:#FEFEFE;border-radius:20px;border:1px solid #E5E5E5;font-size:1rem;padding:1.125rem 1.125rem 9.375rem;color:#555;margin:0 0 1.25rem;display:flex;flex-direction:column}
.membership_block img{height:24px;width:auto}
.membership-plans .text-center{max-width:780px;margin:0 auto;text-align:center}
.membership-plans .title{color:#f4f4f4;margin:0 auto .5rem;font-size:1.5625rem;font-weight:400}
.membership-plans .subtitle{color:#f4f4f4;font-size:1rem}
.custom-dropdown-wrapper{position:relative;user-select:none;width:100%}
.membership_container{display:flex;align-items:stretch;justify-content:space-between;padding:2rem 8.5% 0}
.membership-head{color:#333;font-size:1.875rem;line-height:1}
.membership-head span{line-height:1}
.membership-head sub{bottom:auto;font-size:1rem}
.membership_title{font-size:1rem;font-weight:700;margin:0 0 1rem;color:#333}
.membership_name{font-weight:700;font-size:1.125rem;margin:0 0 .875rem;color:#333;text-transform:uppercase}
.membership_name h4{font-size:1rem}
.membership_images{margin:0 0 1rem}
.custom-dropdown{position:relative;display:flex;flex-direction:column;margin:0 0 1rem}
.membership-bottom{position:absolute;bottom:0;right:1.25rem;left:1.25rem}
.membership-bottom .button{width:100%}
.membership-bottom .button:hover{color:#fff}
.membership-bottom .button svg{fill:#fff}
.membership-bottom .button.active{background:linear-gradient(to right, #FF2991 0%, #FF7147 100%);color:#111}
.membership-bottom .button.active svg{fill:#111}
.membership-bottom .button.active:hover{color:#fff}
.membership-bottom .button.active:hover svg{fill:#fff }
.membership_desc{display:block ;margin:0 0 0.5rem}
.memberships_subtitle_bottom{font-size:1rem ;color:#333;font-weight:700}
.memberships_item{margin:0 0 1rem }
.custom-dropdown__trigger{position:relative;display:flex;align-items:center;height:50px;padding:0 1.5rem;font-size:1.125rem;font-weight:400;line-height:1.5;color:#333;vertical-align:middle;background:#f4f4f4 url("data:image/svg+xml,%3Csvg width='13' height='6' viewBox='0 0 13 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 6L0.870835 -1.06037e-06L12.1292 -7.61308e-08L6.5 6Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A") no-repeat right 0.75rem center;border-radius:100px;cursor:pointer}
.custom-dropdown__trigger:hover{transition-duration:0.3s}
.custom-dropdown__trigger > span{display:none}
.custom-dropdown__trigger > span.selected{display:block}
.membership_block .after > span{display:none}
.membership_block .after > span.selected{display:block}
.custom-options{position:absolute;display:block;top:100%;left:0;right:0;background:#FEFEFE;opacity:0;visibility:hidden;z-index:2;pointer-events:all;border:1px solid #E5E5E5;overflow:hidden}
.custom-dropdown.open .custom-options{opacity:1;visibility:visible}
.custom-option{position:relative;display:flex;align-items:center;transition-durtion:0.2s;justify-content:space-between;height:44px;padding:0 1rem;font-size:14px;font-weight:400;line-height:1.5;color:#111;cursor:pointer}
.custom-option:hover{color:#111;background:linear-gradient(to right, #FF2991 0%, #FF7147 100%)}
.custom-option.selected{color:#111;background:linear-gradient(to right, #FF2991 0%, #FF7147 100%)}
.custom-option > span{position:absolute;left:0;right:0;top:0;bottom:0;padding:0 6rem 0 1rem;z-index:2;line-height:44px}
.custom-option span:last-child{left:auto;padding:0 1rem 0 0;z-index:1;font-weight:600}
.custom-option span sub{display:inline-block;vertical-align:middle;bottom:0 !important}
.dropdown-image{display:none}
.dropdown-image.selected{display:block}
.dropdown-text{display:none}
.dropdown-text.selected{display:inline}
.dropdown-title{font-weight:bold;margin-bottom:8px;display:none}
.dropdown-title.selected{display:block}
.dropdown-subtitle{display:none}
.dropdown-subtitle.selected{display:inline}
.dropdown-description{display:none;font-style:italic}
.dropdown-description.selected{display:inline}
body:not(.memberships-loaded) .animated-blur{animation:blurAnimation 2s infinite}
.registration-form{background:#FEFEFE;position:relative;padding:1.875rem 0.9375rem;border-radius:20px}
.registration-form .form-text{padding:2rem 0 0;color:#111}
.registration-form .form-text h3{font-weight:700;font-size:1.25rem}
.signup-form h3{font-size:1.875rem;color:#111;text-transform:none}
.signup-form .sub-ttl{display:block;font-size:1rem;color:#111;margin:0 0 2.5rem}
.signup-form .btns-block{margin:0 0 2rem}
.signup-form .custom-control-label a{text-decoration:underline !important}
.signup-form .custom-control-label a:hover, .signup-form .custom-control-label a:focus{text-decoration:none !important}
.signup-form .submit-text{color:#111;font-size:1rem;text-decoration:underline}
.signup-form .submit-text:hover, .signup-form .submit-text:focus{text-decoration:none}
.signup-info{padding:2.5rem 0}
.signup-info h3{color:#333;font-weight:700}
.join-form{background:#FEFEFE;position:relative;padding:1.875rem 0.9375rem;margin:0 0 2.5rem;border-radius:20px}
.join-form .fieldset{padding:0 0 1.5rem;margin:0;border:0}
.signup-info-section{color:#999}
.signup-info-section h3{font-weight:700;color:#FEFEFE;text-transform:uppercase;font-size:1.25rem}
.signup-info-section p{margin:0 0 2rem}
.signup-info-section p a{color:#999;text-decoration:underline}
.signup-info-section p a:hover{color:#999;text-decoration:none}
.signup-area{position:relative;padding:2rem 0 4rem}
.signup-area .holder{position:relative;z-index:5}
.signup-area .heading-box{color:#f4f4f4;margin:0 0 3.125rem}
.signup-area .heading-box h2{color:#f4f4f4}
.signup-area .heading-box .subtitle a{color:#FEFEFE}
.signup-area .heading-box .subtitle a:hover,
.signup-area .heading-box .subtitle a:focus{text-decoration:underline}
.signup-area:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom, rgba(20, 20, 22, 0.88) 0%, #141416 50%, #141416 100%);z-index:3}
.signup-image{position:absolute;top:0;left:0;right:0;height:100%;background-size:cover;background-position:0 0;background-repeat:no-repeat;background-image:url(https://spiral-game.com/assets/banner-1.jpg);z-index:2}
.join-form h3{font-weight:700;color:#111;text-transform:uppercase;font-size:1.25rem}
.join-form h4{text-transform:none;margin:0 0 1rem;color:#111;font-size:1.125rem}
.join-form select{background-color:#f4f4f4;border:1px solid #f4f4f4;color:#333;font-size:1.125rem;border-radius:100px}
.join-form .cvv-holder{display:flex;justify-content:space-between}
.join-form .cvv-box{position:relative;cursor:pointer;color:#111}
.join-form .cvv-box:hover{text-decoration:underline}
.join-form .cvv-box:hover .cvv-modal{display:block}
.join-form .cvv-modal{display:none;position:absolute;left:0;top:100%}
.join-form .row-check-text{margin:2rem 0 3rem;color:#111}
.join-form .row-check-text .text-holder{margin:0 0 2rem}
.join-form .row-check-text p{margin:0}
.join-form .row-check-text strong{text-decoration:underline}
.join-form .row-check-text p a{color:#111}
.join-form .row-check-text p a:hover{text-decoration:underline}
.join-form .d-none{display:none}
.join-form .filtered-country-list{float:left;position:absolute;left:0;right:0;top:50px;background:#f4f4f4;color:#333;border:1px solid #f4f4f4;border-radius:0;border-width:1px;z-index:51;max-height:270px;overflow-y:auto;padding:.875rem 0}
.join-form .filtered-country-list:before{position:absolute;left:0;right:0;top:0;background:#f4f4f4;z-index:2;height:.875rem;content-y:''}
.join-form .filtered-country-list span{display:block;padding:12px 10px}
.join-form .filtered-country-list span:hover{cursor:pointer;color:#FF2991}
.join-form .select_input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-position:95% 50%;background-repeat:no-repeat;background-size:9px 6px;padding:0.625rem 2.5rem 0.625rem 2.5rem}
.join-form .select_input:hover{cursor:pointer}
.amount-wrap{padding:1.75rem 1rem;border:1px solid #e5e5e5;border-radius:20px;margin:0 0 2rem}
.amount-wrap .small-text{font-size:0.75rem;font-weight:700;vertical-align:top}
.amount-wrap .membership-header{display:block;font-weight:700;font-size:1.25rem;text-transform:uppercase;margin:0 0 .875rem;color:#f4f4f4}
.amount-wrap .membership-fee{display:block;line-height:1;font-size:2.5rem;text-transform:uppercase;margin:0 0 .875rem;color:#f4f4f4}
.amount-wrap .plan-description{display:block}
.all-total, .all-total strong{font-weight:600}
.all-total{font-size:1.25rem;color:#f4f4f4;display:block;text-transform:uppercase}
.receipt-column{margin:0 0 2rem}
.receipt-column h4{color:#f4f4f4;font-weight:700;font-size:1rem;text-transform:uppercase}
.receipt-column ul{margin:0;padding:0;list-style:none}
.receipt-column .total, .receipt-column .total strong{font-weight:600}
.section-receipt{padding:0 0 3.75rem;color:#f4f4f4}
.section-receipt .d-none{display:none}
.section-receipt p a{color:#f4f4f4;text-decoration:underline}
.section-receipt .prices_holder{padding:1rem 0 0;font-size:0.875rem}
.section-receipt p a:hover{text-decoration:none}
.receipt_btns .button{padding:1.125rem 1rem;margin:0 0 1rem}
.receipt_btns .button i{right:30px}
.receipt-description{padding:3rem 0 0}
.upsell-main{color:#fefefe;font-size:0.875rem}
.upsell-main .signup-section{background-image:url(https://spiral-game.com/assets/img-upsell.jpg)}
.upsell-main h1{font-size:1.875rem}
.upsell-main .small-text{font-size:0.75rem}
.upsell-head{padding:0 0 2rem;position:relative}
.upsell-title{display:block;font-size:1.25rem;margin:0 0 2rem;font-weight:400}
.upsell-subtitle{display:block;font-size:1rem;margin:0 0 2rem}
.extend-form{padding:2.5rem 0}
.upsell-main .equalize{display:block}
.upsell-box{background:#ebebeb;color:#111;padding:1.5625rem 1rem 5rem;margin:0 0 1.25rem;border-radius:6px;height:100%;position:relative}
.upsell-box .row-button{position:absolute;left:0;right:0;bottom:1.75rem}
.upsell-box .button{margin:0}
.upsell-box h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-transform:uppercase}
.upsell-box .block{padding:0 0 1px}
.upsell-membership-icons{position:relative;display:flex;justify-content:center;margin:0 0 1rem}
.offers-block .sweeps-image-holder{margin-top:2rem}
.offers-block .sweeps-image-holder img{display:inline-block}
.general-content-sweeps h3{font-size:2.75rem}
.general-content-sweeps h3 span{display:block;font-size:1.5rem}
.general-content-sweeps h3 span.sweeps-prize-name{display:inline;font-size:2.75rem}
.general-content-sweeps .button{margin:1rem 0 3rem}
.general-content-sweeps .strong{font-weight:700}
.general-content-sweeps .small{font-size:0.75rem;display:block}
.sweeps-description h4{font-size:1.25rem;margin:0 0 1.25rem}
.sweeps-description ol, .sweeps-description ol li{list-style:decimal}
@media (max-width: 639px){.button{padding:1.125rem 3rem}
.button i{right:25px}
.heading-box{margin:0 0 1.25rem}
.info-block{font-size:16px}
.info-block .device-icon{float:none}
.info-block .device-icon{display:block}
.info-block .device-icon{margin:0 auto}
.info-block .device-title{margin:16px 0 16px}
.info{font-size:1rem}
.info p{margin:0 0 1.5rem}
.info p{line-height:1.6}
.info-section{font-size:16px}
.info-section .list-info{padding:4rem 0 1rem}
.info-section .list-info li{padding:0 0 2rem}
.plates-section{height:32.3vw}
.plates-section{margin-right:-10px}
.info-section-2{font-size:16px}
.info-section-content{padding:4rem 1rem}
.mb-big-7{margin-bottom:4rem}
.info-section-2 .list-info{padding:4rem 0 1rem}
.info-section-2 .list-info li{padding:0 0 2rem}
.footer-top__section{flex-direction:column-reverse}
.footer-col{margin-bottom:32px}
.footer-bottom__section{flex-direction:column}
.footer-bottom__section div:not(:last-child){margin-bottom:16px}
.privacy-section h3{font-size:19px}
.privacy-section h4{font-size:15px}
.cookies-section h3{font-size:19px}
.cookies-section h4{font-size:15px}
.about-box{padding:2.5rem 0}
.about-box h3{margin:0 0 1.25rem}
.about-box p{margin:0 0 1.25rem}
.about-box ul li{padding:0 0 .875rem}}
@media (max-width: 1023px){.main{padding:70px 0 0}
.navigation{position:absolute}
.navigation{left:0}
.navigation{right:0}
.navigation{top:70px}
.navigation{padding:0.9375rem}
.navigation{background:#111}
.membership_block{width:100%}
.membership_block{margin:0 auto 1.25rem}
.membership_block{display:block}
.membership_container{padding:2rem 0 0}
.membership_container{display:block}}
@media (min-width: 1024px){.top-section .holder{padding:9rem 0}
.info .button{width:55%}
.info .button{padding:1.125rem 5rem}
.navigation{display:block !important}
.navigation{padding:0.5625rem 0}
.main-nav li{display:inline-block}
.main-nav li{vertical-align:top}
.main-nav li{margin:0}
.main-nav li:first-child{margin:0 1.25rem 0 0}
.open-nav{display:none !important}
.registration-form{padding:3.75rem}
.join-form{padding:3.75rem}
.amount-wrap{padding:3rem 2.1875rem}}
@media (min-width: 640px){.info-section .grey-section:after{position:absolute}
.info-section .grey-section:after{top:0}
.info-section .grey-section:after{left:-10px}
.info-section .grey-section:after{width:10px}
.info-section .grey-section:after{height:20px}
.info-section .grey-section:after{content:''}
.info-section .grey-section:after{background:#f1f1f1}
.amount-wrap{padding:3rem 0.9375rem}
.upsell-main .equalize{display:flex}
.upsell-main .equalize{align-items:stretch}}
@keyframes opacityOne{0%{opacity:0}
100%{opacity:1}}
@keyframes opacityZero{0%{opacity:1}
100%{opacity:0}}
@keyframes blurAnimation{0%{filter:blur(10px)}
50%{filter:blur(7px)}
100%{filter:blur(10px)}}