.iti__flag {background-image: url("https://web.archive.org/web/20210103221311im_/https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.2/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("https://web.archive.org/web/20210103221311im_/https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.2/img/flags@2x.png");}
}

.mdc-text-field,
.mdc-select,
.mdc-checkbox__background {
    --mdc-theme-primary: #14C4FF;
    --mdc-theme-secondary: #14C4FF;
}

/* RESET STYLES BEGIN */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

body {
	line-height: 1;
}

html, 
body {
    /* height: 100%; */
}
    
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

a:focus {
    outline: thin dotted;
}


a:active,
a:hover {
    outline: 0;
}

form {
    margin: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* RESET STYLES END */

/* COMMON STYLES OPEN */
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

h1, 
h2, 
h3, 
h4, 
h5, 
p, 
a {
  opacity: 0;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active p,
.wf-active a,
.wf-inactive h1,
.wf-inactive h2,
.wf-inactive h3,
.wf-inactive h4,
.wf-inactive a,
.wf-inactive p {
    opacity: 1;
}

h3,
label {
    font-family: 'Roboto',palatino,serif;
}

label {
    text-align: right;
}

.lazy {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter .4s ease-in;
    transition: -webkit-filter .4s ease-in;
    transition: filter .4s ease-in;
    transition: filter .4s ease-in, -webkit-filter .4s ease-in;
}

.lazy.loaded {
    -webkit-filter: blur(0px);
            filter: blur(0px);
}

.footer-logo > img {
    width: 250px;
}

footer {
    background: #fff;
    border-top: 1px solid #dcdcdc;
}

section.footer-content-wrapper.main-content-row {
    padding: 15px 0;
    max-width: 1200px;
}

.footer-text {
    text-align: right;
}

a.footer-link {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #447ecf;
    margin-top: 5px;
}

a.footer-link:hover,
a.footer-link:focus {
    color: #3667ac;
}
/* COMMON STYLES CLOSE */


/* FORM STYLES OPEN */
.form-wrapper {
    width: 70%;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
}

.form-image {
    position: absolute;
    top: -20px;
    background: #fafafa;
    left: -15px;
    padding-left: 40px;
}

.form-image img {
    width: 60%;
}


h3.form-title {
    font-size: 20px;
}

.form-component {
    margin-top: 25px;
    padding: 90px;
    padding-top: 100px;
    position: relative;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(255, 255, 255, 0.12)!important;
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(255, 255, 255, 0.12)!important;
}

.form-component form {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
}

.form-component label {
    margin-right: 20px;
    width: 330px;
}

.form-component1 {
    padding-bottom: 40px;
}

.form-component-mod {
    padding-top: 40px;
}


.label-main {
    font-weight: 500;
    font-size: 16px;
}

.label-description {
    display: block;
    color: #9e9e9e;
    font-size: 14px;
    line-height: 16px;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 25px;
    padding-bottom: 25px;
}

.form-row-addr,
.form-row-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.form-row:first-child {
    padding-top: unset;
}

.form-row:last-of-type {
    border-bottom: none;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
}

.input-wrapper {
    width: 100%;
    height: 45px!important;
    background: #fafafa!important;
    padding-top: 10px;
}

.mdc-text-field::before,
.mdc-text-field::after,
.mdc-select::before,
.mdc-select::after {
    background: #ffffff!important;
}

.mdc-select--outlined .mdc-select__selected-text {
    padding: 14px 52px 12px 16px;
}

.mdc-select__anchor {
    height: 50px;
}

.phone-field .mdc-select__anchor {
    align-items: normal;
    overflow: visible;
}

.form-row .input-wrp-password,
.form-row .input-wrp-password-confirm {
    position: relative;
}

.form-row .password-btn {
    position: absolute;
    right: 0;
    top: 0px;
}

.error-msg {
    position: absolute;
    bottom: 5px;
    left: 250px;
    font-family: 'Roboto',palatino,serif;
    font-size: 14px;
    color: #b00020;
}

.btn-next,
.btn-submit,
.btn-login {
    background: #00bfff!important;
}

.btn-register,
.btn-contact {
    margin-right: 15px;
}

.passwd-err-message {
    opacity: 0;
    position: absolute;
    color: #f44336;
    font-family: 'Roboto',palatino,serif;
    font-size: 12px;
    font-weight: 400;
    top: 75px;
    left: 280px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.mdc-text-field--invalid + .passwd-err-message {
    opacity: 1;
}

.form-row input:invalid:not(:focus) + label {
    opacity: 0!important;
}



.form-row-mod {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.label-column {
    text-align: left;
    width: unset!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}

.icon-info {
    margin-left: 15px;
    color: #757575;
}

.icon-info:hover,
.icon-info:focus,
.icon-info:active {
    cursor: pointer;
}

.icon-info:hover {
    color: #939393;
}

.select-type {
    background-color: #ffffff!important;
    width: 150px;
}

.select-type select,
.select-region select {
    padding-top: 10px;
    height: 50px;
}

.input-wrp-name,
.input-wrp-address1,
.input-wrp-address2,
.input-wrp-city,
.region-wrapper {
    margin-bottom: 40px;
}

.region-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.region-wrapper .input-wrp-postal-code {
    height: 50px!important;
}

.region-wrapper .select-region {
    background-color: #ffffff!important;
    margin-right: 25px;
    width: 50%;
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #00bfff!important;
}

.mdc-text-field--focused {
    border-color: #00bfff!important;
}

.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label,
.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label::after {
    color: #00bfff!important;
}

.mdc-text-field .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)!important;
}
/* FORM STYLES CLOSE */


/* SECOND FORM STYLES OPEN */
.form-component2 {
    position: absolute;
    top: 0px;
    display: none;
    margin-bottom: 40px;
    padding-bottom: 50px;
}

.form-component2.fade-in-right {
    display: block;
}

.hide-component {
    display: none;
}

.show-component {
    display: block;
}

.label-second-form,
.agreement-label,
.subscribe-label {
    font-weight: 400;
    font-size: 16px;
}

.form-component2 form {
    border-top: none!important;
    padding-top: 0px;
    margin-top: 0px;
}

.checkbox-row label,
.agreement-label,
.subscribe-label {
    text-align: left;
    width: unset;
    margin-right: 30px!important;
}

.form-row-mod {
    padding-bottom: 20px;
}

.form-title-contact {
    margin-bottom: 20px;
}

.company-name,
.country-field,
.city-field,
.lname-field,
.fname-field,
.email-field,
.password-field,
.phone-field,
.nickname-field,
.website-name {
    height: 50px!important;
}

.country-field,
.city-field,
.lname-field,
.fname-field,
.email-field,
.password-field,
.phone-field,
.messengers-field,
.nickname-field,
.website-name  {
    width: 100%;
}

.phone-field {
    padding-left: 0;
}

.nickname-field,
.messengers-field {
    z-index: 1;
}

.nickname-field.hide-field,
.messengers-field.hide-field,
.website-name.hide-field {
    z-index: -1;
}

.country-wrapper,
.fname-wrapper,
.email-wrapper,
.messenger-wrapper {
    margin-right: 40px;
}

.form-row-contact .messenger-wrapper {
    width: 20%;
}

.form-row-contact .nickname-wrapper {
    width: 80%;
}

.website-wrapper {
    width: 47%!important;
}

.label-company {
    margin-bottom: 10px;
}

.form-row-addr>div,
.form-row-contact>div {
    width: 50%;
}

.address-name {
    width: 100%;
    height: 50px!important;
}

.form-row-padding {
    padding-bottom: 40px;
}

.agreement-wrapper,
.subscribe-wrapper {
    position: relative;
    right: 10px!important;
}

.subscribe-wrapper .mdc-checkbox {
    vertical-align: middle;
    position: relative;
    bottom: 20px;
}

.agreement-label .toggle-modal-agreement {
    text-decoration: none;
    color: #51B4CE;
}

.agreement-label .toggle-modal-agreement:hover,
.agreement-label .toggle-modal-agreement:focus {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    color: rgb(68, 155, 177);
}

label.subscribe-label {
    width: 85%;

}

.form-row-agreement {
    margin-bottom: 25px;
}

.form-row-subscribe {
    border-bottom: 1px solid #E0E2E5;
    margin-bottom: 10px!important;
    padding-bottom: 15px;
}

.agreement-sub {
    color: #949494;
    font-size: 14px;
    display: block;
}

.iti__flag-container {
    border-right: 1px solid #9e9e9e;
}

#phone-field {
    padding-left: 93px!important;
}

.phone-helper-wrapper {
    position: relative;
    padding-left: 0px!important;
}

.phone-wrapper {
    width: calc(50% - 20px)!important;
}

.iti--allow-dropdown {
    height: 50px;
}

#error-msg {
    opacity: 1!important;
    color: red;
}

#valid-msg {
    opacity: 1!important;
    color: #02ab22;
    position: absolute;
    left: 0;
}

#valid-msg.hide {
    opacity: 0!important;
}
/* SECOND FORM STYLES CLOSE */



/* RECOVER FORM OPEN */
.recover-wrapper {
    width: 60%!important;
}

.recover-wrapper .form-component {
    padding-top: 150px!important;
    padding-bottom: 150px!important;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
                0px 2px 2px 0px rgba(0, 0, 0, 0.14),
                0px 1px 5px 0px rgba(0,0,0,.12)!important;
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
                0px 2px 2px 0px rgba(0, 0, 0, 0.14),
                0px 1px 5px 0px rgba(0,0,0,.12)!important;
}

.recover-wrapper .form-component form {
    border-top: none;
}

.recover-wrapper .form-recover-image {
    width: 50%;
    top: -10px;
    text-align: right;
}

.recover-wrapper .form-recover-image img {
    width: 100%;
}

.recover-form .form-recover-image img {
    width: 170px;
}

.align-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.recover-form h3 {
    margin-bottom: 45px;
    font-size: 25px;
    font-weight: 500;
}

.recover-form p {
    font-family: 'Roboto',palatino,serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.recover-form label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.recover-form .mdc-text-field {
    width: 100%;
    height: 40px;
}

.recover-form .recover-btn-wrapp {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.recover-btn-wrapp .btn-next:disabled {
    background: #F8F8F8!important;
    font-weight: 400;
}

.recover-btn-wrapp .btn-cancel {
    border-color: #a8a8a8!important;
    color: #a8a8a8!important;
}
/* RECOVER FORM CLOSE */

.fade-out-left {
	-webkit-animation: fade-out-left 0.7s ease-out 0.3s both;
	        animation: fade-out-left 0.7s ease-out 0.3s both;
}

.fade-in-right {
	-webkit-animation: fade-in-right 0.6s ease-in 0.3s both;
	        animation: fade-in-right 0.6s ease-in 0.3s both;
}


/* LOGIN FORM OPEN */
.login-wrapper {
    width: 50%;
}
.login-wrapper .form-component {
    padding-bottom: 50px;
    padding-top: 70px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
                0px 2px 2px 0px rgba(0, 0, 0, 0.14),
                0px 1px 5px 0px rgba(0,0,0,.12)!important;
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
                0px 2px 2px 0px rgba(0, 0, 0, 0.14),
                0px 1px 5px 0px rgba(0,0,0,.12)!important;
}

.login-wrapper div {
    margin-bottom: 20px;
}

.login-wrapper .form-image {
    width: 50%;
    top: -10px;
    text-align: right;
}

.login-wrapper .form-image img {
    width: 100%;
}

.login-wrapper .email-wrapper {
    margin-right: 0;
}

.login-wrapper .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.login-wrapper .password-btn {
    position: absolute;
    right: 0px;
    z-index: 100;
}

.login-wrapper .forgot-pass,
.login-wrapper .additional-wrapper a {
    color: deepskyblue;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto',palatino,serif;
}

.login-wrapper .forgot-pass:hover,
.login-wrapper .additional-wrapper a:hover {
    color: #008bba;
}

.login-wrapper .forgot-pass:focus,
.login-wrapper .forgot-pass:active,
.login-wrapper .additional-wrapper a:focus,
.login-wrapper .additional-wrapper a:active {
    outline: none;
}

.login-wrapper .additional-wrapper {
    text-align: center;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    pointer-events: none;
    transition: opacity .5s ease;
}

.login-wrapper .additional-wrapper a {
    font-size: 18px;
    text-align: center;
}

.guest-login .additional-wrapper {
    opacity: 1;    
    pointer-events: initial;
}

.password-wrapper {
    position: relative;
}

.login-error {
    position: absolute;
    top: 85px;
}

.login-error p {
    font-family: 'Roboto',palatino,serif;
    font-size: 15px;
    color: #b00020;
}

/* LOGIN FORM CLOSE */


/* MAIN PAGE OPEN */
body {
    background: #fafafa;
}

header {
    padding-top: 20px;
    font-family: 'Roboto',palatino,serif;
    border-bottom: 1px solid #dcdcdc;
}

.menu-trigger,
#mobile-menu {
    display: none;
} 

img.logo {
    max-width: 500px;
}

.logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 20px;
}

.logo-row a:hover,
.logo-row a:focus {
    outline: none;
}

.sign-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sign-wrapper a {
    display: inline;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #3088d1;
    padding: 15px 25px;
    border-radius: 4px;
    margin-right: 15px;
}

.sign-wrapper a:hover,
.sign-wrapper a:focus,
.sign-wrapper a:active {
    background: #24679d;
    outline: none;
}

.sign-wrapper p,
.signin-wrapper p {
    color: #5e6061;
}

.sign-wrapper {
    font-size: 18px;
}

header nav {
    padding: 0 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

header nav li {
    /* background: #fff; */
    padding: 15px 20px;
    display: inline-block;
    margin: 0;
    color: #444;
    font-weight: 400;
    list-style-type: none;
}

.main-menu li a {
    font-size: 15px;
    text-decoration: none;
    color: #848484;
}

.main-menu li a:hover,
.main-menu li a:focus,
.main-menu li a:active {
    color: #448aff;
    outline: none;
}

.main-menu li.active {
    border-bottom: 2px solid #448aff;
    color: #444;
    font-weight: 500;
}

.main-menu li.active a:hover,
.main-menu li.active a:focus {
    cursor: default;
}

.signin-wrapper p {
    display: inline;
}

.signin-wrapper a {
    text-decoration: none;
    color: #055875;
}

.signin-wrapper a:hover,
.signin-wrapper a:focus,
.signin-wrapper a:active {
    color: #04435a;
}



/* MAIN IMAGE SECTION OPEN */
.main-image-wrapper {
    height: 570px;
    padding: 0 20px;
    position: relative;
    background-image: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/main-page/main-section-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    font-family: 'Roboto',palatino,serif;
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main-image-text {
    position: absolute;
    top: 50px;
    left: 50px;
    padding-top: 40px;
}

h1.main-image-caption {
    margin-bottom: 50px;
}

h1.main-image-caption p {
    font-size: 38px;
    font-weight: 800;
    max-width: 752px;
    line-height: 80px;
    color: #000;
}

.main-image-caption p:nth-child(2) {
    padding-left: 245px;
}

.red {
    color: #ff523d;
}

.blue {
    color: #0cbcff;
}

.main-image-text p {
    color: #5f727a;
    font-weight: 700;
    font-size: 25px;
    line-height: 50px;
}
/* MAIN IMAGE SECTION CLOSE */


/* MAIN CONTENT ROW OPEN */
section.main-content-row {
    font-family: 'Roboto',palatino,serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 70px 0;

    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
}

section.main-content-row.even {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

section.main-content-row.ctr-row {
    padding-top: 0px;
}

section.main-content-row div {
    width: 50%;
}

.main-content-img img {
    width: 300px;
}

.main-content-img-computer img {
    width: 450px;
}

.main-content-text {
    color: #3e4548;
}

.main-content-text h3 {
    font-size: 35px;
    color: #3e4548;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
}

.main-content-text h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: -60px;
    background: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/shared/logo-part.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
}

.main-content-text p {
    font-size: 20px;
    line-height: 40px;
}

section.main-content-row.even .main-content-img {
    text-align: right;
    margin-right: 5%;
}

.white-stipe section.main-content-row .main-content-img {
    margin-left: 5%;
}

section.main-content-row.even .main-content-img img {
    margin-left: unset!important;
    margin-right: 5%;
}

.white-stipe {
    background: #fff;
}

.demand-row .main-content-img img {
    width: 370px;
}

.transparency-row .main-content-img {
    margin-left: 0!important;
}

.transparency-row .main-content-img img {
    width: 450px;
}

.main-content-inline p {
    width: 700px;
    margin-bottom: 40px;
}

.full-width {
    width: 100%;
}

.main-content-modified {
    padding: 30px 0!important;
}

.main-content-modified .main-content-img {
    width: 30%;
}

.main-content-modified .main-content-text {
    width: 60%;
}

/* MAIN CONTENT ROW CLOSE */


/* SIGNUP ROW OPEN */
section.signup-row {
    font-family: 'Roboto',palatino,serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 0;
}

.signup-text a {
    display: inline;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #3088d1;
    padding: 13px 20px;
    border-radius: 4px;
    margin-right: 20px;
    margin-left: 20px;
}

.signup-text a:hover,
.signup-text a:focus {
    background: #24679d;
    outline: none;
}

.signup-text .signup-highlight {
    color: #387ecf;
    font-size: 30px;
    vertical-align: middle;
}

.signup-text>p {
    font-size: 18px;
    color: #5e6061;
    display: inline;

}

.overlay-success {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.success-tick {
    opacity: 0;
    display: none;
}

.form-component2::before {
    opacity: 0;
    transition: all 0.8s;
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 20px);
    top: -20px;
    right: 0px;
    position: absolute;
    background: #14C4FF;
}

.form-submitted::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 20px);
    top: -20px;
    right: 0px;
    position: absolute;
    background: #14C4FF;
    opacity: 0.8;
    z-index: 2;
    -webkit-filter: drop-shadow(2px 4px 6px #14C4FF);
            filter: drop-shadow(2px 4px 6px #14C4FF);
}


.form-submitted .success-tick {
    top: 15%;
    display: block;
    opacity: 1;
    width: 300px;
    margin: 50px auto;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-submitted .svg-success {
    display: inline-block;
    vertical-align: top;
    height: 250px;
    width: 250px;
    opacity: 1;
    overflow: visible;
}

.form-submitted .success-msg {
    margin-top: 20px;
    -webkit-box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.2);
    background: #F4F4F4;
    padding: 20px;
    border-radius: 4px;
    border: 1;
    text-align: center;
    animation: success-circle-fill 1.8s;
}

.form-submitted .success-msg p {
    animation: success-circle-fill 2s;
    font-family: 'Roboto',palatino,serif;
    color: #494949;
    font-size: 20px;
    line-height: 30px;
}

.terms-conditions h4 {
    font-weight: 600;
    margin-top: 15px;
}

@-webkit-keyframes success-tick {
    0% {
      stroke-dashoffset: 16px;
      opacity: 1;
    }
    100% {
      stroke-dashoffset: 31px;
      opacity: 1;
    }
}
@keyframes success-tick {
    0% {
      stroke-dashoffset: 16px;
      opacity: 1;
    }
    100% {
      stroke-dashoffset: 31px;
      opacity: 1;
    }
}
@-webkit-keyframes success-circle-outline {
    0% {
      stroke-dashoffset: 72px;
      opacity: 1;
    }
    100% {
      stroke-dashoffset: 0px;
      opacity: 1;
    }
}
@keyframes success-circle-outline {
    0% {
      stroke-dashoffset: 72px;
      opacity: 1;
    }
    100% {
      stroke-dashoffset: 0px;
      opacity: 1;
    }
}
@-webkit-keyframes success-circle-fill {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes success-circle-fill {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
.form-submitted .svg-success .success-tick {
    fill: none;
    stroke-width: 1px;
    stroke: #ffffff;
    stroke-dasharray: 15px, 15px;
    stroke-dashoffset: -14px;
    -webkit-animation: success-tick 450ms ease 1400ms forwards;
            animation: success-tick 450ms ease 1400ms forwards;
    opacity: 0;
}
.form-submitted .svg-success .success-circle-outline {
    fill: none;
    stroke-width: 1px;
    stroke: #81c038;
    stroke-dasharray: 72px, 72px;
    stroke-dashoffset: 72px;
    -webkit-animation: success-circle-outline 300ms ease-in-out 800ms forwards;
            animation: success-circle-outline 300ms ease-in-out 800ms forwards;
    opacity: 0;
}
.form-submitted .svg-success .success-circle-fill {
    fill: #81c038;
    stroke: none;
    opacity: 0;
    -webkit-animation: success-circle-fill 300ms ease-out 1100ms forwards;
            animation: success-circle-fill 300ms ease-out 1100ms forwards;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .form-submitted .success-tick {
      stroke-dasharray: 0;
      stroke-dashoffset: 0;
      -webkit-animation: none;
              animation: none;
      opacity: 1;
    }
    .form-submitted .success-circle-outline {
      stroke-dasharray: 0;
      stroke-dashoffset: 0;
      -webkit-animation: none;
              animation: none;
      opacity: 1;
    }
    .form-submitted .success-circle-fill {
      -webkit-animation: none;
              animation: none;
      opacity: 1;
    }
}

/* SIGNUP ROW CLOSE */


/* MAIN PAGE CLOSE */



/* PUBLISHER PAGE OPEN */

.white-bg {
    width: 99vw;
    text-align: center;
    background: white;
    padding: 10px 0;
    margin-bottom: 30px;
}

section.publisher-content-row {
    font-family: 'Roboto',palatino,serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 70px 0;
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
}

section.publisher-content-row-mod {
    max-width: 1250px;
}

.publisher-content-row h2 {
    font-size: 40px;
    display: inline-block;
    position: relative;
}

.publisher-content-row h2::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: -60px;
    background: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/shared/logo-part.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
}

.publisher-image-wrapper {
    height: 570px;
    position: relative;
    background-image: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/publisher/publisher-bg-min.png);
    background-size: 600px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    font-family: 'Roboto',palatino,serif;
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.publisher-image-text {
    position: absolute;
    top: 100px;
    left: 50px;
    padding-top: 40px;
}

.publisher-image-caption {
    margin-bottom: 50px;
}

h1.publisher-image-caption p {
    font-size: 50px;
    font-weight: 700;
    max-width: 630px;
    margin-bottom: 70px;
    line-height: 80px;
    color: #000;
}

.publisher-image-text p {
    font-weight: 500;
    font-size: 25px;
    max-width: 550px;
    line-height: 50px;
}

#publisher-moto {
    padding: 20px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#publisher-moto h2 {
    margin-bottom: 0;
}

#publisher-moto h2::after {
    display: none;
    background: none;
}

.sign-link {
    display: inline;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #3088d1;
    padding: 13px 20px;
    border-radius: 4px;
    margin-right: 20px;
    margin-left: 30px;
}


/* PUBLISHER TOOLS OPEN */

p.publisher-tools-desc {
    font-size: 19px;
    line-height: 40px;
}

.publisher-tools-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
}

.publisher-tools-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3%;
    flex: 0 1 33.3%;
    margin-bottom: 70px;
    font-size: 17px;
}

.publisher-tools-item:nth-child(n+3) {
    margin-bottom: 0px;
}

.publisher-tools-item h4 {
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
}

.publisher-tools-item h4::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;
    left: 0px;
    background: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/shared/logo-part.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
}

.publisher-tools-sub {
    color: #474646;
    margin-bottom: 15px;
}

p.publisher-tools-text {
    width: 400px;
    line-height: 35px;
}

/* PUBLISHER TOOLS CLOSE */


#native-ad {
    padding-top: 10px;
    padding-bottom: 30px;
}

.native-ad-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.native-ad-image img {
    width: 600px;
}

.native-ad-text {
    padding-top: 10px;
}

.native-ad-text p {
    font-size: 17px;
    line-height: 40px;
    width: 80%;
}

.native-ad-text p {
    margin-bottom: 40px;
}

.native-ad-text p:last-of-type {
    margin-bottom: 60px;
}

.native-ad-text .signup-text a {
    margin-left: 0;
}

.native-ad-text .signup-text span {
    font-size: 18px;
    color: #5e6061;
}


/* WIDGETS OPEN */
p.widgets-desc {
    font-size: 19px;
    line-height: 40px;
}

.widgets-items {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.widget-item {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 31%;
    flex: 0 1 31%;
    margin-right: 33px;
    margin-bottom: 40px;
}

.widgets-items .widget-item:nth-child(3n) {
    margin-right: 0px;
}

div[class^="widgetwidget"] {
    height: 230px;
    max-width: 300px;
    width: 100%;
    margin-bottom: 20px;
}

.widgetwidget-1, .widgetwidget-2, .widgetwidget-3, .widgetwidget-4, .widgetwidget-5, 
.widgetwidget-6, .widgetwidget-7, .widgetwidget-8, .widgetwidget-9
{ 
    max-width: 100%;
    background-size: 100%;
    background-image: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/publisher/publisher-sprites-min.png);
}

.widgetwidget-1 { 
    background-position: 0 0%;
    background-size: 100%;
}

.widgetwidget-2 { background-position: 0 12.488796%; background-size: 100%; }
.widgetwidget-3 { background-position: 0 24.977592%; background-size: 100%; }
.widgetwidget-4 { background-position: 0 37.477585%; background-size: 100%; }
.widgetwidget-5 { background-position: 0 50%; background-size: 100%; }
.widgetwidget-6 { background-position: 0 62.522415%; background-size: 100%; }
.widgetwidget-7 { background-position: 0 75.022408%; background-size: 100%; }
.widgetwidget-8 { background-position: 0 87.511204%; background-size: 100%; }
.widgetwidget-9 { background-position: 0 100%; background-size: 100%; }

.widget-item p:first-of-type {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

.widget-item .widget-type {
    color: #0cbcff;   
    font-weight: 300;
}

/* WIDGETS CLOSE */

.publisher-content-wrapper.full-width div {
    width: 50%;
}

.publisher-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.publisher-content-text {
    padding-top: 30px;
}

.publisher-content-text p {
    font-size: 18px;
    line-height: 35px;
    width: 70%;
}

.publisher-content-image {
    text-align: right;
}

.publisher-content-image img {
    width: 500px;
}

.publisher-content-text ul li {
    font-size: 19px;
    line-height: 60px;
    color: #5f5e5e;
}

#revenue-row .white-bg {
    margin-bottom: 50px;
}

#revenue-row .publisher-content-text p {
    margin-bottom: 40px;
}

#payment-row {
    width: 100%;
}

#payment-row .publisher-content-image img {
    width: 350px;
}

#count-row .publisher-content-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* PUBLISHER PAGE CLOSE */


/* RESOURCES PAGE OPEN */
.resources-wrapper {
    padding: 40px 0;
    margin-bottom: 40px;
}

.resources-content {
    position: relative;
}

.resources-wrapper,
.single-resource-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.resource-center {
    height: 400px;
}

.single-resource-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.single-resource-info p {
    font-family: 'Roboto',palatino,serif;
    font-weight: 300;
    text-align: center;
    width: 330px;
    line-height: 25px;
    font-size: 15px;
    color: #42484c;
}

.single-resource-info .title {
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

.google-ads-wrapp {
    margin-bottom: 20px;
}

.wordpress-wrapp {
    margin-top: 20px;
}

.google-ads-manager {
    position: absolute;
    left: 410px;
    top: 160px; 
}

.all-networks {
    position: absolute;
    right: 410px;
    top: 160px;  
}

.ecommerce-wrapp {
    position: absolute;
    right: 410px;
    bottom: 170px;
}

.social-wrapp {
    position: absolute;
    left: 410px;
    bottom: 170px;
}

.block-with-image,
.profit-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.resources-info-wrapp {
    font-family: 'Roboto',palatino,serif;
}

.resource-text-block {
    width: 70%;
}

.resources-info-wrapp h2 {
    font-size: 35px;
    display: inline-block;
    position: relative;
}

.resources-info-wrapp h2::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: -60px;
    background: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/shared/logo-part.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
}

.resources-info-text {
    padding-top: 50px;
}

.resources-info-block {
    width: 100%;
    margin-bottom: 50px;
}

.resources-info-block pre {
    line-height: 36px;
    font-size: 17px;
    position: relative;
    white-space: pre-line;
}

.resources-info-block pre::before,
.profit-steps li::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: -70px;
    background: url(/web/20210103221311im_/http://www.megavast.com/assets/img/landing-page/shared/logo-part.png) no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
}

.resource-image-block {
    width: 30%;
    text-align: right;
}

.resource-image-block img {
    width: 220px;
}

.profit-steps {
    max-width: 1100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    list-style: inside;
    list-style-type: decimal;
}

.profit-steps li {
    position: relative;
    width: 100%;
}

.profit-steps li::first-line {
    font-weight: 500;
}

.profit-step {
    display: inline;
    white-space: pre-line;
    font-size: 17px;
    line-height: 36px;
}

.steps-divider {
    display: block;
    height: 40px;
}

.profit-steps .block-with-image {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


/* RESOURCES PAGE CLOSE */



/* FAQ PAGE OPEN */

section.faq-wrapper {
    font-family: 'Roboto',palatino,serif;
    display: flex;
    background: #fff;
        -webkit-box-shadow: 1px 4px 15px 2px #c5c5c5;
    box-shadow: 1px 4px 15px 2px #c5c5c5;
    width: 90%;
    align-self: flex-end;
    justify-content: space-between;
    padding: 60px 40px;
    margin-top: 70px;
    margin-bottom: 70px;
}

h1.faq-title {
    font-size: 35px;
    font-weight: 300;
    color: #3088d1;
}

.faq-content-wrapper {
    width: 100%;
    max-width: 900px;
}

.faq-questions {
    margin: auto;
    margin-top: 30px;
    padding-right: 20px;
}

.faq-questions .content {
    height: 0;
    opacity: 0;
}

.faq-questions .open .content {
    height: 100%;
    opacity: 1;
    margin-top: 15px;
    padding-left: 10px;
    color: #848484;
    font-size: 17px;
}

.faq-questions ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.faq-questions li {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 20px;
    padding-left: 50px;
    overflow: hidden;
    max-height: 50px;
}

.faq-questions li:hover,
.faq-questions li:focus {
    background: #efefef;
    cursor: pointer!important;
}

.faq-questions li.open {
    padding-bottom: 20px;
    cursor: default;
}

.faq-questions li:hover {
    background: #ededed;
}

.faq-questions li.open:hover {
    background: none;
}

.faq-questions li h1 {
    display: inline;
    font-size: 20px;
    font-weight: 300;
}

.faq-questions li .content {
    pointer-events: none;
}

.faq-questions li,
.faq-questions .content {
  transition: all .3s ease-in-out;
}

.faq-questions .plus-to-minus {
    display: block;
    position: absolute;
    top: 30px;
    left: 10px;
    width: 18px;
    height: 2px;
    transition: background-color .3s;
    background-color: rgb(48, 136, 209);
}

.faq-questions .plus-to-minus::after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    transform: rotate(90deg);
    transition: background-color .3s, transform .3s;
    background-color: rgb(48, 136, 209);
}
  

.faq-questions .open .plus-to-minus,
.faq-questions .open .plus-to-minus::after {
    background-color: #cccccc;
}

.faq-questions .open .plus-to-minus::after {
    transform: translateY(0) rotate(0);
}
/* FAQ PAGE CLOSE */


/* TEMS CONDITIONS OPEN */
.terms-content {
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 80px;
}

.terms-content h2 {
	font-size: 28px;
	font-weight: 700;
    color: #132938;
    margin-bottom: 40px;
}

.terms-content p {
	color: #132938;
	font-size: 20px;
	line-height: 1.8;
}

p.terms-item {
	margin-top: 50px;
}

.list-items {
    margin-top: 50px;
}

.list-items span {
    display: block;
}

.disclaimer-heading {
    margin-top: 50px;
}
/* TERMS CONDITIONS CLOSE */

/**
 * ----------------------------------------
 * animation fade-out-left
 * ----------------------------------------
 */
 @-webkit-keyframes fade-out-left {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
      opacity: 0;
    }
  }
  @keyframes fade-out-left {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
      opacity: 0;
    }
  }

 /**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
    0% {
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-right {
    0% {
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  
/*
     FILE ARCHIVED ON 22:13:11 Jan 03, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:35:47 Nov 25, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 111.031
  exclusion.robots: 0.063
  exclusion.robots.policy: 0.056
  RedisCDXSource: 3.475
  esindex: 0.005
  LoadShardBlock: 90.557 (3)
  PetaboxLoader3.datanode: 65.596 (4)
  CDXLines.iter: 15.134 (3)
  load_resource: 173.643
  PetaboxLoader3.resolve: 113.657
*/