.bold{font-weight:bold}
body{padding:0;margin:0;color:#000000;background-color:#ffffff;font-family:'Raleway', sans-serif}
.header{position:relative}
.section{position:relative}
.section .container{position:relative;z-index:4}
.hide{display:none}
.btn{border:0;box-shadow:none;border-radius:8px;font-size:16px;font-weight:500;transition:0.3s;padding:10px 25px}
.btn.btn-success{background:#fb5a59;color:#fefefe;box-shadow:none}
.btn.btn-success:hover, .btn.btn-success:focus{box-shadow:0 0 8px 2px #fb5a59}
.btn.btn-outline-success{background:transparent;color:#fefefe;border:1px solid #fb5a59}
.btn.btn-outline-success-accent{background:transparent;color:#fb5a59;border:1px solid #fb5a59}
.btn.btn-outline-success-accent:hover{background:#fb5a59;color:white}
.btn.btn-outline-success:hover, .btn.btn-outline-success:focus{background:#fb5a59}
h1.with-dot, h2.with-dot{position:relative;font-weight:600;font-size:38px;line-height:52px}
h1.with-dot:before, h2.with-dot:before{content:'';display:block;width:7px;height:7px;background:#fb5a59;position:absolute;left:-20px;top:20px}
.colored-link, .colored_text{color:#fb5a59}
.colored-link:hover{color:#fb5a59;text-decoration:none}
.colored{background:#fb5a59}
.complementary_dark{background:hsl(148, 49%, 58%)}
.sweeps-image{max-width:100%}
.main-header{padding:255px 0;color:#fefefe;text-align:center}
.main-header h1{font-weight:600;font-size:35px;line-height:130%;color:#fefefe;margin-bottom:30px}
.main-header .back-image{position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(https://fillplay.com/assets/4ZZHWgAXNmU.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:1;opacity:0.5}
.main-header .back-image:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0;background:rgba(0, 0, 0, 0.3)}
.main-header .text{font-size:18px;line-height:30px;color:#fefefe;margin-bottom:50px}
.main-header .container{position:relative;z-index:1}
section.play-all{padding:60px 0;color:#000000}
section.play-all .image_block{padding:0}
.our-story{padding:69px 0;color:#fefefe;background:#70cfa1}
.our-story .back-image{position:absolute;right:0;top:0;height:100%;width:calc(50% + 150px);background-image:url(https://fillplay.com/assets/GUPqey7k7b4.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:1}
.our-story .back-image:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0;background:rgba(0, 0, 0, 0.3)}
.our-story h2{margin-bottom:30px}
.our-story .text{font-weight:300;font-size:16px;line-height:26px;margin-bottom:30px}
.we-love{padding:90px 0;color:#000000}
.we-love h2{margin-bottom:20px}
.we-love .back-image{position:absolute;left:0;top:0;height:100%;width:calc(50% - 150px);background-image:url(https://fillplay.com/assets/FuAY8UmLZnc.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:1}
.we-love .back-image:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0;background:rgba(0, 0, 0, 0.3)}
.we-love .text{font-weight:300;font-size:16px;line-height:26px;margin-bottom:30px}
.homepage-vpn-section{padding:69px 0;color:#fefefe;background:#000307}
.homepage-vpn-section .back-image{position:absolute;right:0;top:0;height:100%;width:calc(50% + 150px);background-image:url(https://fillplay.com/assets/vpn_background.png);background-size:cover;background-repeat:no-repeat;background-position:80% 50%;z-index:1}
.homepage-vpn-section .back-image:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0;background:rgba(0, 0, 0, 0.3)}
.homepage-vpn-section h2{margin-bottom:30px}
.homepage-vpn-section .text{font-weight:300;font-size:16px;line-height:26px;margin-bottom:30px}
.homepage-vpn-list p{padding-left:32px;position:relative}
.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://fillplay.com/assets/vpn_shield_icon.svg);background-size:contain;background-repeat:no-repeat}
.homepage-vpb-imageblock{position:relative;max-height:426px;height:100%;text-align:center}
.homepage-vpb-imageblock img{position:relative;height:140%;margin-left:-55px;margin-top:-12%;top:0;z-index:-1}
.homapge-ecom{padding:90px 0;color:#fefefe;background:#70cfa1}
.homapge-ecom h2{margin-bottom:20px}
.homapge-ecom .back-image{position:absolute;right:0;top:0;height:100%;width:calc(50% - 150px);background-image:url(https://fillplay.com/assets/ecommerce_banner_image.png);background-size:contain;background-repeat:no-repeat;background-position:20% 50%;z-index:1}
.homapge-ecom .back-image:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0}
.homepage-ecom-list p{padding-left:36px;position:relative}
.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://fillplay.com/assets/basket_icon.svg);background-size:contain;background-repeat:no-repeat}
.homapge-ecom .text{font-weight:300;font-size:16px;line-height:26px;margin-bottom:30px}
.signup_section{background-image:url(https://fillplay.com/assets/iEtGYte9VvU.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;padding:185px 0;color:#fefefe;text-align:center;position:relative}
.signup_section h2{margin-bottom:32px;font-weight:600;font-size:38px;line-height:52px;text-align:center;color:#fefefe}
.signup_section:before{position:absolute;content:'';left:0;top:0;z-index:1;right:0;bottom:0;background:rgba(0, 0, 0, 0.3)}
.header_section{position:relative}
.main-nav{position:absolute;top:0;left:0;width:100%;z-index:5}
.logo{display:flex;align-items:center;flex-direction:row;text-decoration:none;height:50px}
.logo:hover{color:#fb5a59}
.logo img{height:100%;margin-right:22px}
.logo span.name{font-weight:bold;font-size:20px;line-height:26px;text-transform:uppercase;color:#fefefe}
.main-nav .main-menu{list-style:none;display:flex;align-items:center;justify-content:end;margin:0;padding:0}
.main-nav .main-menu li{margin:0;padding:0}
.main-nav .main-menu li a{display:block;text-decoration:none;font-weight:bold;font-size:14px;line-height:18px;text-transform:uppercase;color:#fefefe;padding:28px 20px;transition: 0.3s}
.main-nav .main-menu li.accent_link a{background:#fb5a59;box-shadow:none;transition:0.3s}
.main-nav .main-menu li a.with-icon img{height:18px}
.main-nav .main-menu li a:hover{background:#fb5a59;opacity:0.9}
.main-nav .main-menu li.accent_link a:hover{background:#fb5a59;box-shadow:0 0 8px 2px #fb5a59;opacity:1}
.mobile-nav{display:none}
.mobile-nav ul.mobile-menu{list-style:none;margin:0;padding:0}
.mobile-nav ul.mobile-menu li{margin:15px 0;padding:0;text-align:center}
.mobile-nav ul.mobile-menu li a{color:#fefefe;text-decoration:none;font-size:18px}
button.openmenu{position:relative;background:none;width:30px;height:30px;border:none;border-radius:0;box-shadow:none;z-index:10}
button.openmenu span{width:100%;height:2px;background:#fefefe;border-radius:5px;position:absolute;left:0;transform:rotate(0deg);transition:0.3s}
button.openmenu span:nth-of-type(1){top:0}
button.openmenu span:nth-of-type(2){top:14px}
button.openmenu span:nth-of-type(3){top:28px}
body.opened button.openmenu span{top:14px}
body.opened button.openmenu span:nth-of-type(1){transform:rotate(-45deg)}
body.opened button.openmenu span:nth-of-type(2){transform:rotate(-135deg)}
body.opened button.openmenu span:nth-of-type(3){transform:rotate(-225deg)}
.cookie_overlay{position:fixed;bottom:0;left:0;right:0;padding:20px;font-size:.875rem;background-color:rgba(0, 0, 0, 0.8);text-align:center;z-index:100;color:#fff}
.cookie_overlay .accept-cookie{position:absolute;right:15px;top:10px;font-size:20px;cursor:pointer;line-height:1}
.cookie_overlay:not(.active){display:none}
.cookie_overlay .text a{text-decoration:underline;color:#fff}
.cookie_overlay .text a:hover, .cookie_overlay .text a:focus{text-decoration: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);z-index:200}
.preloader_overlay:not(.active){display:none}
.loader_overlay{position:fixed;top:0;left:0;display:flex;opacity:0;visibility:hidden;width:100%;height:100%;padding:20px;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:rgba(0,0,0,.8);z-index:1000}
body .body.membership .loader_overlay{opacity:1;visibility:visible}
body.loaded .body.membership .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body .body.signup .loader_overlay{opacity:1;visibility:visible}
body.loaded .body.signup .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body .body.payments .loader_overlay{opacity:1;visibility:visible}
body.loaded .body.payments .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
body .body.upsell .loader_overlay{opacity:1;visibility:visible}
body.loaded .body.upsell .loader_overlay{opacity:0;visibility:hidden}
body .body.receipt .loader_overlay{opacity:1;visibility:visible}
body.loaded .body.receipt .loader_overlay{opacity:0;visibility:hidden;transition:all 0.8s ease-out}
.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;z-index:200}
.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;z-index:200}
.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);align-items:center;justify-content:center;animation:opacityZero 0.3s linear;z-index:200}
.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);align-items:center;justify-content:center;animation:opacityZero 0.3s linear;z-index:200}
.error_modal .error_modal-text{color:#4e4e4e!important}
.error_overlay.active{display:flex;animation:opacityOne 0.3s linear}
.pointer{cursor:pointer}
.footer{color:#fefefe;background:#70cfa1}
.footer .top{padding:100px 0}
.footer .top .title{font-weight:600;font-size:20px;line-height:52px;color:#fefefe}
.footer .top .title img{width:20px;margin-right:20px;vertical-align:middle}
.footer .top .contacts{font-weight:300;font-size:16px;line-height:30px;color:#fefefe}
.footer .top .contacts a{font-weight:500;text-decoration:none;color:#fefefe}
.footer .top .email_block{font-weight:500;font-size:16px;line-height:30px}
.footer .top .email_block a:hover{color:#fb5a59;text-decoration:none}
.footer .bottom{padding:40px 0}
.footer .bottom ul.footer-menu{list-style:none;margin:0 0 22px 0;padding:0;text-align:center}
.footer .bottom ul.footer-menu li{display:inline-block;vertical-align:middle;margin:0 8px}
.footer .bottom ul.footer-menu li a{font-weight:500;font-size:16px;line-height:26px;color:hsl(0, -10%, 90%);text-decoration:none;transition:0.3s}
.footer .bottom ul.footer-menu li a:hover{color:#fefefe}
.footer .bottom .payments{text-align:center}
.footer .bottom .payments img{vertical-align:middle;margin:10px}
.footer .bottom .copy{font-weight:300;font-size:14px;line-height:21px;text-align:center;letter-spacing:0.005em;color:hsl(0, -10%, 90%);margin-top:20px}
.about-header{padding:150px 0 50px 0;color:#fefefe;background:#70cfa1}
.about-header h1{margin-bottom:28px}
.about-header .text{font-weight:300;font-size:16px;line-height:150%;color:#fefefe;margin-bottom:18px}
.about-header .tel{font-weight:500;font-size:16px;line-height:200%;color:#fefefe;text-decoration:none}
.about-header .tel img{width:7px;vertical-align:middle;margin-right:7px}
.feature{padding:100px 0;color:#000000}
.feature img{width:40px;margin-bottom:40px}
.feature h3{font-size:20px;line-height:150%;color:#000000}
.feature .text{font-weight:300;font-size:16px;line-height:26px;color:#000000}
.feature .text a.tel{font-weight:500;text-decoration:none;color:#000000}
.feature .text a{font-weight:500}
.terms_section{padding:160px 0 50px 0;color:#000000;font-weight:300;font-size:16px;line-height:26px}
.terms_section h3:first-child{font-weight:600;font-size:38px;color:#000000;margin:0 0 60px}
.terms_section h3{font-size:30px;line-height:52px;margin:30px 0 30px}
.terms_section h4{font-size:20px;line-height:52px;margin-bottom:30px}
.terms_section p a, .terms_section ul a, .terms_section ol a{color:#000000;text-decoration:none}
.terms_section p a:hover, .terms_section ol a:hover, .terms_section ul a:hover{text-decoration:underline}
section.signup-title{padding:140px 0 30px 0;background:#FEFEFE}
section.signup{padding:30px 0 60px 0;background:#FEFEFE}
.custom-dropdown-wrapper{position:relative;user-select:none;width:100%}
.custom-dropdown{position:relative;display:flex;flex-direction:column;border:none;background:#F2F2F2;border-radius:5px}
.custom-dropdown__trigger{position:relative;display:flex;align-items:center;height:44px;padding:0 12px;border:none;border-radius:5px;line-height:1.5;color:#333333;vertical-align:middle;background: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;background-color:#F2F2F2;cursor:pointer;font-weight:600;font-size:16px;text-transform:uppercase}
.custom-dropdown__trigger:hover{border:1px solid #A6A6A6;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:#fff;opacity:0;visibility:hidden;z-index:2;pointer-events:all;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1);overflow:hidden;border-radius:5px}
.custom-dropdown.open .custom-options{opacity:1;visibility:visible}
.custom-option{position:relative;display:flex;align-items:center;transition-duration:0.2s;justify-content:space-between;height:44px;font-size:14px;font-weight:400;line-height:1.5;color:#4e4e4e;cursor:pointer}
.custom-option > span{padding:0 12px;display:flex;height:100%;align-items:center}
.custom-option > span:first-child{flex-basis:100%;padding-right:0}
.custom-option:hover{color:white;background-color:#fb5a59}
.custom-option.selected{color:white;background-color:#fb5a59}
.dropdown-image{display:none}
.dropdown-image.selected{display:inline-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}
.dropdown-description.selected{display:inline}
.card.card-plan{margin-bottom:30px;border-radius:20px;border:none;box-shadow:0px 4px 50px rgba(0, 0, 0, 0.1);height:100%}
.card.card-plan .card-header{background:#000000;color:#fff;border-radius:20px 20px 0 0;border:none;padding:30px}
.card.card-plan .card-body{padding:30px}
.card.card-plan .card-body .card-main{min-height:355px}
.card.card-plan .card-footer{background:white;border-radius:0 0 20px 20px;border:none;padding:0 30px 30px 30px}
.card.card-plan .card-header .amount{font-size:25px;font-weight:700}
.card.card-plan .icons{margin-bottom:30px}
.card.card-plan .icons img{margin-right:15px}
.card.card-plan .dropdown-title{margin-bottom:30px}
.card.card-plan .trial{font-weight:700;font-size:20px}
.card.card-plan ul{margin:30px 0;padding:0;list-style:none;font-weight:300}
.card.card-plan ul li{margin-bottom:30px}
.card.card-plan ul li:last-of-type{margin-bottom:0}
body:not(.memberships-loaded) .animated-blur{animation:blurAnimation 2s infinite}
.offers-block{background:#F5F6F7;padding:100px 0}
.offers-block p a, .offers-block .small a{color:#fb5a59}
.offers-block .sweeps-image-holder{margin-top:0}
.general-content-sweeps h3{line-height:2.25rem}
.general-content-sweeps h3 span{display:block;font-size:1.125rem}
.general-content-sweeps .btn{margin:2rem 0}
.general-content-sweeps .strong{font-weight:700}
.general-content-sweeps .small{font-size:0.75rem}
.sweeps-description h4{font-size:1.25rem;margin:0 0 1.5rem;line-height:2.25rem}
.sweeps-description ol, .sweeps-description ol li{list-style:decimal}
@media (max-width: 991px){h1.with-dot, h2.with-dot{text-align:center}
h1.with-dot, h2.with-dot{margin-bottom:30px}
h1.with-dot, h2.with-dot{font-size:24px}
h1.with-dot, h2.with-dot{line-height:1}
h1.with-dot:before, h2.with-dot:before{display:none}
.main-header{padding:150px 0 100px}
section.play-all{padding:30px 0}
.mb-mobile-30{margin-bottom:30px}
.our-story{text-align:center}
.our-story .back-image{width:100%}
.our-story .back-image{opacity:0.3}
.we-love{text-align:center}
.we-love .back-image{width:100%}
.we-love .back-image{opacity:0.3}
.homepage-vpn-section{text-align:center}
.homepage-vpn-section .back-image{width:100%}
.homepage-vpn-section .back-image{opacity:0.3}
.homepage-vpb-imageblock{min-height:auto}
.homepage-vpb-imageblock{max-height:auto}
.homepage-vpb-imageblock img{margin-top:-10%}
.homapge-ecom{text-align:center}
.homapge-ecom .back-image{width:100%}
.homapge-ecom .back-image{opacity:0.3}
.signup_section{padding:130px 0}
.main-nav{position:fixed}
.main-nav{top:0}
.main-nav{left:0}
.main-nav{background:rgba(0, 0, 0, 0.3)}
.main-nav{padding:15px 0}
.main-nav{z-index:103}
.mobile-nav{display:block}
.mobile-nav{position:fixed}
.mobile-nav{top:0}
.mobile-nav{left:-100%}
.mobile-nav{width:100%}
.mobile-nav{height:100%}
.mobile-nav{background:rgba(0, 0, 0, 0.9)}
.mobile-nav{padding:120px 15px 15px 15px}
.mobile-nav{transition:0.3s}
.mobile-nav{z-index:102}
body.opened .mobile-nav{left:0}
.footer{text-align:center}
.footer .top{padding:50px 0}
.footer .top .contacts{margin-bottom:30px}
.about-header{padding:100px 0 30px 0}
.about-header{text-align:center}
.about-header img.w-100{margin-top:30px}
.feature{padding:50px 0}
.terms_section h3:first-child{font-size:30px}
.offers-block{padding:50px 0}
.offers-block .sweeps-image-holder{margin-top:2rem}}
@media (min-width: 1200px){.main-header{text-align:left}
.main-header .back-image{width:50%}
.main-header .back-image{opacity:1}}
@media (min-width: 768px){.main-header h1{font-size:50px}}
@media (min-width: 1400px){.main-header h1{font-size:55px}
section.play-all .image_block{padding:0 0 0 6.5%}
.lg-padding-right-70{padding-right:70px}}
@keyframes blurAnimation{0%{filter:blur(10px)}
50%{filter:blur(7px)}
100%{filter:blur(10px)}}