/*

Theme Name: RestartiX

Text Domain: restartix

Version: 1.3.52

Requires at least: 4.7

Requires PHP: 5.2.4

Description: Custom Wordpress Theme for RestartiX

Tags: restartix

Author: RestartiX

Author URI: https://restartix.com/

Theme URI: https://restartix.com/

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



:root {

    --primary-color: #2f80ed;

    --secondary-color: #eb5757;

    --accent-color: #603598;

    --faded-color: #f9f9f9;

}



/* -------------------------------------------------------------------------- */

/*	0. CSS Reset

/* -------------------------------------------------------------------------- */



html,

body {

    border: none;

    margin: 0;

    padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

address,

big,

cite,

code,

em,

font,

img,

small,

strike,

sub,

sup,

li,

ol,

ul,

fieldset,

form,

label,

legend,

button,

table,

caption,

tr,

th,

td {

    border: none;



    font-size: inherit;



    line-height: inherit;



    margin: 0;



    padding: 0;



    text-align: inherit;

}



blockquote::before,

blockquote::after {

    content: "";

}



/* -------------------------------------------------------------------------- */



/*	1. Document Setup



/* -------------------------------------------------------------------------- */



html {

    font-size: 62.5%; /* 1rem = 10px */



    scroll-behavior: smooth;

}



/* @media (prefers-reduced-motion: reduce) {



  html {



    scroll-behavior: auto;



  }



} */



@media (max-width: 799px) {

    html {

        font-size: 58.5%;

    }

}



body {

    background: #fff;



    box-sizing: border-box;



    color: #1f1f1f;



    font-family: "Montserrat";



    font-size: 1.6rem;



    letter-spacing: -0.015em;



    text-align: left;

}



*,

*::before,

*::after {

    box-sizing: inherit;



    -webkit-font-smoothing: antialiased;



    word-break: break-word;



    word-wrap: break-word;

}



#site-content {

    overflow: hidden;

}



/* ::-webkit-scrollbar {



  width: 0.4rem;



}







::-webkit-scrollbar-track {



  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);



}







::-webkit-scrollbar-thumb {



  background-color: darkgrey;



} */



input,

select,

textarea {

    font-family: "Montserrat";

}



a,

.vr-link {

    color: #2f80ed;



    cursor: pointer;

}



a:hover,

a.vr-link:hover {

    color: #eb5757;



    cursor: pointer;

}



::-moz-selection {

    /* Code for Firefox */



    color: #fff !important;



    background: #2f80ed !important;

}



::selection {

    color: #fff !important;



    background: #2f80ed !important;

}



ul {

    /* list-style-type: none; */



    margin: 1rem 0 1rem 2rem;

}



ul li {

    line-height: 140%;

}



p {

    margin: 1rem 0;



    line-height: 140%;

}



.material-icons {

    font-size: 2.3rem;

}



.entry-content img {

    width: auto;



    height: auto;



    max-width: 100%;



    display: block;

}



/* Clearing ---------------------------------- */



.group::after,

.entry-content::after {

    clear: both;



    content: "";



    display: block;

}



/* Base Transitions -------------------------- */



a,

path {

    transition: all 0.15s linear;

}



.vr-image {

    max-width: 100%;



    display: block;

}



.vr-is-round {

    border-radius: 2.4rem 2.4rem 0 2.4rem;

}



.entry-content hr,

hr.styled-separator {

    background: linear-gradient(

        to left,

        currentColor calc(50% - 16px),

        transparent calc(50% - 16px),

        transparent calc(50% + 16px),

        currentColor calc(50% + 16px)

    );



    background-color: transparent !important;



    border: none;



    height: 0.1rem;



    overflow: visible;



    position: relative;

}



.entry-content hr:not(.has-background),

hr.styled-separator {

    color: #6d6d6d;

}



.entry-content hr::before,

.entry-content hr::after,

hr.styled-separator::before,

hr.styled-separator::after {

    background: currentColor;



    content: "";



    display: block;



    height: 1.6rem;



    position: absolute;



    top: calc(50% - 0.8rem);



    transform: rotate(22.5deg);



    width: 0.1rem;

}



.entry-content hr::before,

hr.styled-separator::before {

    left: calc(50% - 0.5rem);

}



.entry-content hr::after,

hr.styled-separator::after {

    right: calc(50% - 0.5rem);

}



/* -------------------------------------------------------------------------- */



/*	12. Comments



/* -------------------------------------------------------------------------- */



/* Comment Headers ----------------------------- */



.comments-wrapper {

    margin-top: 5rem;

}



.comment-reply-title {

    margin: 0 0 4rem 0;



    text-align: center;

}



/* Comment Item ----------------------------- */



/* COMMENT HEADER */



.comments .comment,

.comments .pingback,

.comments .trackback,

.comments .review {

    padding-top: 3.5rem;

}



div.comment:first-of-type {

    margin-top: 3.5rem;



    padding-top: 0;

}



.comments .comments-header + div {

    margin-top: 0;



    padding-top: 0;

}



.comment-body {

    position: relative;

}



.comment .comment {

    padding-left: 5%;

}



.comment-meta {

    line-height: 1.1;



    margin-bottom: 1.5rem;



    min-height: 5rem;



    padding-left: 5rem;



    position: relative;

}



.hide-avatars .comment-meta {

    min-height: 0;



    padding-left: 0;

}



.comment-meta a {

    color: inherit;

}



.comment-author {

    font-size: 1.8rem;



    font-weight: 700;



    letter-spacing: -0.027777778em;

}



.comment-author a {

    text-decoration: underline;
}



.comment-author a:hover,

.comment-author a:focus {

    text-decoration: none;

}



.comment-meta .avatar {

    height: 4rem;



    position: absolute;



    left: 0;



    top: 0;



    width: 4rem;

}



.comment-author .url {

    text-decoration: underline;

}



.comment-metadata {

    color: #6d6d6d;



    font-size: 1.4rem;



    font-weight: 500;



    margin-top: 0.6rem;

}



.comment-metadata a {

    text-decoration: none;

}



.comment-metadata a:focus,

.comment-metadata a:hover {

    text-decoration: underline;

}



/* COMMENT CONTENT */



.comment-content.entry-content

    > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(

        .is-style-wide

    ) {

    width: 100%;

}



.comment-content.entry-content .alignleft {

    /*rtl:ignore*/



    margin-left: 0;

}



.comment-content.entry-content .alignright {

    /*rtl:ignore*/



    margin-right: 0;

}



/* COMMENT FOOTER */



.comment-footer-meta {

    align-items: center;



    display: flex;



    flex-wrap: wrap;



    font-size: 1.2rem;



    font-weight: 600;



    justify-content: flex-start;



    letter-spacing: 0.030833333em;



    line-height: 1;



    margin: 1.5rem 0 -1rem -1.5rem;



    text-transform: uppercase;

}



.comment-footer-meta > * {

    margin: 0 0 1rem 1.5rem;

}



.comment-reply-link {

    background-color: #2f80ed;



    color: #fff;



    display: block;



    padding: 0.7rem;

}



.bypostauthor .comment-footer-meta .by-post-author {

    display: block;

}



.comment-footer-meta a {

    text-decoration: none;

}



.comment-footer-meta a:focus,

.comment-footer-meta a:hover {

    text-decoration: underline;

}



/* Pingbacks & Trackbacks ------------------------- */



.pingback .comment-meta,

.trackback .comment-meta {

    padding-left: 0;

}



/* Comments Pagination ---------------------------- */



.comments-pagination {

    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



    margin-top: 6rem;



    text-align: center;

}



.comments-pagination.only-next {

    justify-content: flex-end;

}



.comments-pagination .page-numbers {

    display: none;



    text-decoration: none;

}



.comments-pagination .page-numbers:focus,

.comments-pagination .page-numbers:hover {

    text-decoration: underline;

}



.comments-pagination .prev,

.comments-pagination .next {

    display: block;

}



.comments-pagination .prev {

    left: 0;

}



.comments-pagination .next {

    right: 0;



    text-align: right;

}



/* Comment Respond ---------------------------- */



.comment-respond::after {

    clear: both;



    content: "";



    display: block;

}



.comment-respond .comment-notes,

.comment-respond .logged-in-as {

    color: #6d6d6d;



    font-size: 1.6rem;



    line-height: 1.4;



    margin: -3rem 0 4rem 0;



    text-align: center;

}



.comment-respond .comment-notes a,

.comment-respond .logged-in-as a {

    color: inherit;



    text-decoration: none;

}



.comment-respond .comment-notes a:focus,

.comment-respond .comment-notes a:hover,

.comment-respond .logged-in-as a:focus,

.comment-respond .logged-in-as a:hover {

    text-decoration: underline;

}



.comment-respond p {

    line-height: 1.1;



    margin-bottom: 2rem;



    margin-left: auto;



    margin-right: auto;

}



.comment-respond p:not(.comment-notes) {

    max-width: 58rem;

}



.comment-form-cookies-consent {

    align-items: baseline;



    display: flex;

}



.comment-respond > p:last-of-type {

    margin-bottom: 0;

}



.comment-respond label {

    display: block;

}



.comment-respond input[type="checkbox"] + label {

    font-size: 1.5rem;



    line-height: 1.25;

}



.comment-respond input[type="text"],

.comment-respond input[type="email"],

.comment-respond textarea {

    margin-bottom: 0;

}



.comment-respond textarea {

    height: 15rem;

}



.comment-respond #submit {

    display: block;

}



.comment-respond .comments-closed {

    text-align: center;

}



/* Reply Respond ---------------------------- */



.comments .comment-respond {

    padding: 3rem 0 0;

}



.comments .comment-respond .comment-reply-title,

.comments .comment-respond .comment-notes,

.comments .comment-respond .logged-in-as {

    text-align: left;

}



.comment-reply-title small {

    display: block;



    font-size: 1.6rem;



    font-weight: 600;



    letter-spacing: -0.0277em;



    margin: 0.5rem 0 0 0;



    white-space: nowrap;

}



.comment-reply-title small a {

    text-decoration: none;

}



.comment-reply-title small a:focus,

.comment-reply-title small a:hover {

    text-decoration: underline;

}



/* Single Pagination ------------------------- */



.pagination-single {

    font-size: 1.8rem;



    margin-top: 5rem;

}



.pagination-single-inner {

    display: flex;



    flex-direction: column;

}



.pagination-single hr:first-child {

    margin: 0 0 2.8rem 0;

}



.pagination-single hr:last-child {

    margin: 2.8rem 0 0.8rem 0;

}



.pagination-single a {

    align-items: baseline;



    display: flex;



    font-weight: 600;



    letter-spacing: -0.0275em;



    text-decoration: none;



    flex: 1;

}



.pagination-single a + a {

    margin-top: 1rem;

}



.pagination-single a .arrow {

    margin-right: 1rem;

}



.pagination-single a:focus .title,

.pagination-single a:hover .title {

    text-decoration: underline;

}



/* Lists ------------------------------------- */



.reset-list-style,

.reset-list-style ul,

.reset-list-style ol {

    list-style: none;



    margin: 0;

}



.reset-list-style li {

    margin: 0;

}



dt,

dd {

    line-height: 1.5;

}



dt {

    font-weight: 700;

}


dt + dd {

    margin-top: 0.5rem;

}



dd + dt {

    margin-top: 1.5rem;

}



/* Quotes ------------------------------------ */



blockquote {

    border-color: #2f80ed;



    border-style: solid;



    /*rtl:ignore*/



    border-width: 0 0 0 0.2rem;



    color: inherit;



    font-size: 1em;



    margin: 4rem 0;



    /*rtl:ignore*/



    padding: 0.5rem 0 0.5rem 2rem;

}



cite {

    color: #6d6d6d;



    font-size: 1.4rem;



    font-style: normal;



    font-weight: 600;



    line-height: 1.25;

}



blockquote cite {

    display: block;



    margin: 2rem 0 0 0;

}



blockquote p:last-child {

    margin: 0;

}



/* Code -------------------------------------- */



code,

kbd,

pre,

samp {

    font-family: monospace;



    font-size: 0.9em;



    padding: 0.4rem 0.6rem;

}



code,

kbd,

samp {

    background: rgba(0, 0, 0, 0.075);



    border-radius: 0.2rem;

}



pre {

    border: 0.1rem solid #dcd7ca;



    line-height: 1.5;



    margin: 4rem 0;



    overflow: auto;



    padding: 3rem 2rem;



    text-align: left;

}



pre code {

    background: transparent;



    padding: 0;

}



/* Media ------------------------------------- */



figure {

    display: block;



    margin: 0;

}



iframe {

    display: block;



    max-width: 100%;

}



video {

    display: block;

}



svg,

img,

embed,

object {

    display: block;



    height: auto;



    max-width: 100%;

}



figcaption,

.wp-caption-text {

    color: #6d6d6d;



    display: block;



    font-size: 1.5rem;



    font-weight: 500;



    line-height: 1.2;



    margin-top: 1.5rem;

}



figcaption a,

.wp-caption-text a {

    color: inherit;

}



blockquote.instagram-media,

iframe.instagram-media {

    margin: auto !important;

}



/* GALLERIES */



.gallery {

    display: flex;



    flex-wrap: wrap;



    margin: 3em 0 3em -0.8em;



    width: calc(100% + 1.6em);

}



.gallery-item {

    margin: 0.8em 0;



    padding: 0 0.8em;



    width: 100%;

}



.gallery-caption {

    display: block;



    margin-top: 0.8em;

}



/* Inputs ------------------------------------ */



fieldset {

    border: 0.2rem solid #dcd7ca;



    padding: 2rem;

}



legend {

    font-size: 0.85em;



    font-weight: 700;



    padding: 0 1rem;

}



label {

    display: block;



    font-size: 1.6rem;



    font-weight: 400;



    margin: 0 0 0.5rem 0;

}



label.inline,

input[type="checkbox"] + label {

    display: inline;



    font-weight: 400;



    margin-left: 0.5rem;

}



input[type="checkbox"] {

    -webkit-appearance: none;



    -moz-appearance: none;



    position: relative;



    top: 2px;



    display: inline-block;



    margin: 0;



    width: 1.5rem;



    min-width: 1.5rem;



    height: 1.5rem;



    background: #fff;



    border-radius: 0;



    border-style: solid;



    border-width: 0.1rem;



    border-color: #dcd7ca;



    box-shadow: none;



    cursor: pointer;

}



input,

textarea {

    border-color: #dcd7ca;



    color: #000;

}



code,

input[type="url"],

input[type="email"],

input[type="tel"] {

    /*rtl:ignore*/



    direction: ltr;

}



input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="week"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="color"],

textarea {

    -webkit-appearance: none;



    -moz-appearance: none;



    background: #fff;



    border-radius: 0;



    border-style: solid;



    border-width: 0.1rem;



    box-shadow: none;



    display: block;



    font-size: 1.6rem;



    letter-spacing: -0.015em;



    margin: 0;



    max-width: 100%;



    padding: 1.5rem 1.8rem;



    width: 100%;

}



select {

    font-size: 1em;

}



textarea {

    height: 12rem;



    line-height: 1.5;



    width: 100%;

}



input::-webkit-input-placeholder {

    line-height: normal;

}



input:-ms-input-placeholder {

    line-height: normal;

}



input::-moz-placeholder {

    line-height: revert; /* Reset to the value from the user-agent stylesheet. */

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none;

}



button,

.button,

.faux-button,

.wp-block-button__link,

.wp-block-file .wp-block-file__button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: none;



    -moz-appearance: none;



    background: #2f80ed;



    border: none;



    border-radius: 0;



    color: #fff;



    cursor: pointer;



    display: inline-block;



    font-size: 1.5rem;



    font-weight: 600;



    letter-spacing: 0.0333em;



    line-height: 1.25;



    margin: 0;



    opacity: 1;



    padding: 1.1em 1.44em;



    text-align: center;



    text-decoration: none;



    text-transform: uppercase;



    transition: opacity 0.15s linear;

}



button:focus,

button:hover,

.button:focus,

.button:hover,

.faux-button:focus,

.faux-button:hover,

.wp-block-button .wp-block-button__link:focus,

.wp-block-button .wp-block-button__link:hover,

.wp-block-file .wp-block-file__button:focus,

.wp-block-file .wp-block-file__button:hover,

input[type="button"]:focus,

input[type="button"]:hover,

input[type="reset"]:focus,

input[type="reset"]:hover,

input[type="submit"]:focus,

input[type="submit"]:hover {

    text-decoration: underline;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

    border-color: currentColor;

}



input[type="search"]:focus {

    outline: thin dotted;



    outline-offset: -4px;

}



/* Tables ------------------------------------ */



table {

    border: 0.1rem solid #dcd7ca;



    border-collapse: collapse;



    border-spacing: 0;



    empty-cells: show;



    font-size: 1.6rem;



    margin: 4rem 0;



    max-width: 100%;



    overflow: hidden;



    width: 100%;

}



.alignleft > table {

    margin: 0;

}



.alignright > table {

    margin: 0;

}



th,

td {

    border: 0.1rem solid #dcd7ca;



    line-height: 1.4;



    margin: 0;



    overflow: visible;



    padding: 0.5em;

}



caption {

    background: #dcd7ca;



    font-weight: 600;



    padding: 0.5em;



    text-align: center;

}



thead {

    vertical-align: bottom;



    white-space: nowrap;

}



th {

    font-weight: 700;

}



/* -------------------------------------------------------------------------- */



/*	13. Site Pagination



/* -------------------------------------------------------------------------- */



.pagination .nav-links {

    align-items: baseline;



    display: flex;



    flex-wrap: wrap;



    font-size: 1.8rem;



    font-weight: 600;



    margin: -1.5rem 0 0 -2.5rem;



    width: calc(100% + 2.5rem);

}



.pagination-separator {

    margin: 5rem 0;

}



.nav-links > * {

    margin: 1.5rem 0 0 2.5rem;

}



.nav-links .placeholder {

    display: none;



    visibility: hidden;

}



.pagination a {

    text-decoration: none;

}


.pagination a:focus,

.pagination a:hover {

    text-decoration: underline;

}



.pagination .dots {

    transform: translateY(-0.3em);



    color: #6d6d6d;

}



.nav-short {

    display: none;

}



/* Screen Reader Text ------------------------ */



.screen-reader-text {

    border: 0;



    clip: rect(1px, 1px, 1px, 1px);



    -webkit-clip-path: inset(50%);



    clip-path: inset(50%);



    height: 1px;



    margin: -1px;



    overflow: hidden;



    padding: 0;



    position: absolute !important;



    width: 1px;



    word-wrap: normal !important;



    word-break: normal;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;



    border-radius: 3px;



    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);



    clip: auto !important;



    -webkit-clip-path: none;



    clip-path: none;



    color: #21759b;



    display: block;



    font-size: 0.875rem;



    font-weight: 700;



    height: auto;



    right: 5px;



    line-height: normal;



    padding: 15px 23px 14px;



    text-decoration: none;



    top: 5px;



    width: auto;



    z-index: 100000;

}



.vr-platform-page {

    transition: 0.2s;

}



.vr-loading {

    animation: blink 1s infinite;

}



.vr-loading > div {

    animation: grow 10s forwards;

}



.vr-loading img {

    max-width: 10rem;



    display: block;

}



@keyframes blink {

    0%,

    100% {

        opacity: 0;

    }



    50% {

        opacity: 1;

    }

}



@keyframes grow {

    from {

        /* transform: scale(1); */



        transform: scale(1);

    }



    to {

        /* transform: scale(2); */



        transform: scale(2);

    }

}



.vr-logo-full {

    background: url(https://restartix.com/wp-content/uploads/2020/05/Restartix-source-file-01.png)

        center center no-repeat;



    background-size: cover;



    padding-bottom: 17%;



    max-width: 30rem;



    margin: -10rem auto 0;

}



.vr-logo a {

    display: block;



    background: url(https://restartix.com/wp-content/uploads/2020/05/Restartix-source-file-01.png)

        center center no-repeat;



    background-size: cover;



    width: 20rem;



    height: 6rem;



    margin-left: -1.2rem;



    position: relative;

}



.vr-logo-text {

    display: none;

}



.vr-logo-slogan {

    color: #1f1f1f;



    position: absolute;



    top: 4.5rem;



    left: 1.2rem;



    font-size: 1.4rem;



    user-select: none;

}



.vr-logo.vr-is-white a {

    background-image: url(https://restartix.com/wp-content/uploads/2020/06/Restartix-source-file-05.png);

}



.vr-logo.vr-is-white .vr-logo-slogan {

    color: #fff;

}



.page-logo {

    position: fixed;



    top: 0;



    left: 0;



    z-index: 1001;

}



.page-logo a {

    display: block;



    background-color: #2f80ed;



    text-indent: -9999px;



    font-size: 1px;



    width: 6rem;



    height: 6rem;



    background-image: url(./assets/images/logo.png);



    background-size: 80%;



    background-repeat: no-repeat;



    background-position: center center;



    border-radius: 0 0 2.4rem;

}



.page-logo.vr-is-full a {

    width: 22rem;



    background-image: url(https://restartix.com/wp-content/uploads/2020/06/Restartix-source-file-05.png);



    background-position: 1rem -6.2rem;

}



.page-navigation {

    position: fixed;



    top: 0;



    right: 0;



    z-index: 1000;

}



.page-navigation ul {

    list-style-type: none;



    display: flex;



    margin: 0;

}



.page-navigation ul li {

    line-height: 100%;

}



.page-navigation ul li a {

    display: block;



    text-transform: uppercase;



    font-size: 1.4rem;



    font-weight: 600;



    text-decoration: none;



    color: #fff !important;



    background-color: #2f80ed;



    padding: 1.7rem 2rem 1.6rem;

}



.page-navigation ul li:first-child a {

    border-radius: 0 0 0 2.4rem;

}



.page-navigation ul li a:hover {

    background-color: #2678e5;

}



.page-navigation ul li.cta-enroll a {

    background-color: #eb5757;



    margin-left: 0.2rem;



    padding-left: 3rem;



    padding-right: 3rem;

}



.page-navigation ul li.cta-enroll a:hover {

    background-color: #e35252;

}



.dashboard-navigation,

.mobile-navigation {

    position: fixed;

    top: 0;

    right: 0;

    z-index: 1000;

    font-size: 1.4rem;

    font-weight: 600;

    color: #fff !important;

    background-color: #2f80ed;

    padding: 1.3rem 1.4rem 1rem;

}



.dashboard-navigation {

    position: absolute;



    background-color: transparent;



    color: #1f1f1f !important;



    /* animation: slideDown 0.5s forwards; */

}



/* @keyframes slideDown {



  from {



    transform: translate3d(0, -1rem, 0);



  }



  to {



    transform: translate3d(0, 0, 0);



  }



} */



.dashboard-navigation > div {

    display: flex;



    align-items: center;



    text-transform: uppercase;

}



.dashboard-navigation > div .material-icons {

    margin-left: 0.5rem;

}



.dashboard-navigation,

.mobile-navigation > span {

    display: block;

}



@media (max-width: 799px) {

    .page-navigation ul li:not(.cta-enroll) {

        display: none;

    }



    .page-navigation ul li.cta-enroll {

        margin-right: 5.4rem;

    }



    .page-navigation ul li.cta-enroll a {

        border-radius: 0 0 0 2.4rem;

    }



    .vr-dashboard-sidebar {

        display: none;

    }

}



@media (min-width: 800px) {

    .dashboard-navigation,

    .mobile-navigation {

        display: none;

    }

}



@media (max-width: 799px) {

    .menu-open .page-navigation {

        left: 0;



        bottom: 0;



        background-color: #2f80ed;



        text-align: center;



        padding: 8rem 4rem 0;

    }



    .menu-open .page-navigation ul {

        display: block;

    }



    .menu-open .page-navigation ul li {

        display: block;



        margin-right: 0;

    }



    .menu-open .page-navigation ul li a {

        margin: 0;



        border-radius: 0;

    }



    .menu-open .vr-dashboard-sidebar {

        display: block;

    }

}



/* -------------------------------------------------------------------------- */



.vr-separator {

    margin: 2rem 0;



    background: url(./assets/images/separator.svg) center center no-repeat;



    height: 0.5rem;

}



.vr-separator.vr-is-short {

    margin: 1rem 0;

}



.vr-separator.vr-is-top {

    margin-top: 1rem;



    margin-bottom: 3rem;

}



.vr-separator.vr-is-bottom {

    margin-bottom: 1rem;



    margin-top: 3rem;

}



@media (min-width: 800px) {

    .vr-separator {

        margin: 4rem 0;

    }



    .vr-separator.vr-is-short {

        margin: 2rem 0;

    }



    .vr-separator.vr-is-top {

        margin-top: 2rem;



        margin-bottom: 6rem;

    }



    .vr-separator.vr-is-bottom {

        margin-bottom: 2rem;



        margin-top: 6rem;

    }

}



.vr-separator.vr-is-left {

    background-position: center left;

}



.vr-separator.vr-is-right {

    background-position: center right;

}



/* -------------------------------------------------------------------------- */



.vr-align-center {

    text-align: center;

}



.vr-width-half {

    max-width: 64rem;



    margin: 0 auto;

}



.vr-display-flex {

    display: flex;



    justify-content: center;

}



.vr-display-flex > div {

    margin: 0 2rem;

}



.vr-full-height {

    min-height: 100vh;



    display: flex;



    flex-direction: column;



    justify-content: center;

}



/* -------------------------------------------------------------------------- */



.vr-style-list {

    list-style-type: none;



    font-size: 1.6rem;

}



.vr-style-list li {

    margin: 0.5rem 0;

}



/* -------------------------------------------------------------------------- */



.vr-style-title {

    font-size: 2.6rem;



    font-weight: 900;

}



.vr-style-title-normal {

    font-size: 2.6rem;



    font-weight: 600;

}



@media (min-width: 800px) {

    .vr-style-title-normal {

        font-size: 3.2rem;



        font-weight: 600;

    }

}



.vr-style-subtitle {

    font-size: 2rem;



    font-weight: normal;

}



.vr-style-item {

    font-size: 2rem;



    font-weight: bold;

}



.vr-style-intro {

    font-weight: bold;

}



.vr-style-em {

    text-transform: uppercase;



    font-weight: 700;



    font-size: 1.4rem;

}



.vr-style-good {

    font-weight: bold;



    color: #21c521;

}



.vr-style-small {

    font-size: 1.4rem;

}



.vr-style-desc {

    font-size: 1.6rem;

}



@media (min-width: 800px) {

    body {

        font-size: 1.8rem;

    }



    .vr-style-title {

        font-size: 3.6rem;



        font-weight: 900;

    }



    .vr-style-subtitle {

        font-size: 2.4rem;



        font-weight: normal;

    }



    .vr-style-item {

        font-size: 2.4rem;



        font-weight: bold;

    }



    .vr-style-intro {

        font-weight: bold;

    }



    .vr-style-em {

        text-transform: uppercase;



        font-weight: 700;



        font-size: 1.4rem;

    }



    .vr-style-small {

        font-size: 1.4rem;

    }

}



.vr-style-important {

    background-color: #fff0f0;



    font-weight: bold;



    padding: 1rem;



    color: red;

}



/* -------------------------------------------------------------------------- */



.vr-button {

    display: inline-block;



    border: 0;



    text-transform: uppercase;



    font-size: 1.4rem;



    font-weight: 600;



    text-decoration: none;



    background-color: #fff;



    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);



    padding: 1.4rem 4rem;



    border-radius: 2.4rem;



    text-align: center;



    cursor: pointer;



    color: #1f1f1f;

}



.vr-button:hover {

    color: #eb5757;

}



.vr-button.vr-is-block {

    display: block;

}



.vr-button.vr-is-primary:hover {

    background-color: #2678e5;

}



/* .vr-button.vr-is-third {



  background-color: transparent;



  border-color: 



} */



/* -------------------------------------------------------------------------- */



.vr-section {

    padding: 4rem 0;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center center;



    position: relative;

}



.vr-section-tint {

    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background-color: #2f1241;



    opacity: 0.8;

}



.vr-section-video {

    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    /* z-index: -1; */



    pointer-events: none;



    overflow: hidden;

}



.vr-section-video iframe {

    width: 100vw;



    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */



    min-height: 100vh;



    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);

}



@media (min-width: 800px) {

    .vr-section {

        padding: 10rem 0;

    }

}



.vr-section-container {

    max-width: 1060px;



    margin: 0 auto;



    padding: 0 2rem;



    position: relative;

}



.vr-section-container.vr-is-small {

    max-width: 800px;

}



.vr-section-container.vr-is-general {

    max-width: 1366px;

}



.vr-section-container.vr-is-wide {

    max-width: 1440px;

}



.vr-section.vr-is-hero {

    text-align: center;



    background-color: #f9f9f9;



    color: #fff;



    padding-top: 4rem;



    /* min-height: 100vh; */

}



.vr-hero-play {

    margin: 8rem 0;

}



.vr-hero-play a {

    display: inline-block;



    cursor: pointer;



    background-color: rgba(255, 255, 255, 0.2);



    border-radius: 50%;



    width: 8rem;



    height: 8rem;



    user-select: none;

}



.vr-hero-play .material-icons {

    line-height: 8rem;



    font-size: 6rem;



    color: #fff;



    transition: all 0.15s linear;

}



.vr-hero-play a:hover .material-icons {

    color: #eb5757;

}



@media (max-width: 799px) {

    .vr-section.vr-is-hero .vr-logo {

        margin: 2rem;

    }

}



@media (min-width: 800px) {

    .vr-hero-play {

        margin: 16rem 0;

    }

}



@media (min-width: 800px) {

    .vr-grid {

        display: flex;

    }



    .vr-grid > div {

        flex: 1;

    }



    .vr-grid._-__ > div + div {

        margin-top: 0 !important;

    }



    .vr-grid._-__ > div:nth-child(1) {

        flex: 1 1 40%;

    }



    .vr-grid._-__ > div:nth-child(2) {

        flex: 1 1 60%;

    }

}



/* -------------------------------------------------------------------------- */



.vr-programs-list {

}



.vr-programs-list > div {

    margin: 6rem 2rem;



    background-color: #f9f9f9;



    border-radius: 1rem;



    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

}



.vr-programs-list > div.is-pricing {

    position: relative;



    padding-bottom: 20rem;

}



.vr-programs-item-price {

    position: absolute;



    left: 0;



    width: 100%;



    bottom: 4rem;



    text-align: center;

}



@media (min-width: 800px) {

    .vr-programs-list {

        display: flex;



        flex-flow: row wrap;



        justify-content: center;

    }



    .vr-programs-list > div {

        flex: 1 1 calc(50% - 4rem);



        margin: 4rem 2rem;

    }

}



.vr-programs-item {

    text-align: center;



    position: relative;



    text-shadow: 0 1px 7px rgba(255, 255, 255, 1);

}



.vr-programs-item.is-horizontal {

}



.vr-programs-item-side {

}



.vr-programs-item-side .is-cover {

    max-width: 20rem;



    margin: 4rem 0 -4rem;

}



@media (min-width: 800px) {

    .vr-programs-item.is-horizontal {

        text-align: left;



        display: flex;

    }



    .vr-programs-item-side .is-cover {

        max-width: 26rem;



        position: absolute;



        bottom: 0;



        right: 0;

    }

}



/* .vr-programs-item .vr-button {



  color: #603598;



}



.vr-programs-item .vr-button:hover {



  background-color: #603598;



  color: #fff;



  text-shadow: none;



} */



.vr-programs-item-cover {

    position: relative;



    top: -4rem;



    display: block;

}



.vr-programs-item-cover img {

    width: 14rem;



    height: 14rem;



    border-radius: 50%;



    overflow: hidden;



    margin: 0 auto;



    display: block;

}



.vr-programs-item-info {

    padding: 4rem;

}



.vr-programs-item-cover + .vr-programs-item-info {

    padding-top: 0;

}



.vr-programs-list > div.vr-programs-focused {

    background-color: #ecf1ff;

}



.vr-programs-list.vr-all-programs .vr-programs-item {

    border-radius: 1rem;



    background-color: #fff;



    background-size: cover;



    background-position: center bottom;



    background-repeat: no-repeat;

}



/* .vr-programs-list.vr-all-programs > div:nth-child(1) .vr-programs-item {



  background: url(https://restartix.com/wp-content/uploads/2020/07/cervicala-02.png)



    center bottom no-repeat;



  background-size: cover;



}



.vr-programs-list.vr-all-programs > div:nth-child(2) .vr-programs-item {



  background: url(https://restartix.com/wp-content/uploads/2020/07/lombara-01.png)



    center bottom no-repeat;



  background-size: cover;



}



.vr-programs-list.vr-all-programs > div:nth-child(3) .vr-programs-item {



  background: url(https://restartix.com/wp-content/uploads/2020/07/toracala-02.png)



    center bottom no-repeat;



  background-size: cover;



}



.vr-programs-list.vr-all-programs > div:nth-child(4) .vr-programs-item {



  background: url(https://restartix.com/wp-content/uploads/2020/07/vertebrala-02.png)



    center bottom no-repeat;



  background-size: cover;



} */



.vr-programs-list.vr-all-programs .vr-programs-item:after {

    content: "";



    display: block;



    width: 100%;



    height: 1rem;



    background-color: #603598;



    border-radius: 0 0 1rem 1rem;



    position: absolute;



    bottom: 0;



    left: 0;

}



/* -------------------------------------------------------------------------- */



.vr-card {

}



.vr-cardH {

    opacity: 0.6;

}



.vr-cardH.vr-is-focused {

    opacity: 1;

}



.vr-card-cover {

    background-color: #f9f9f9;



    padding-bottom: 90%;



    background-size: cover;



    background-position: center center;



    background-repeat: no-repeat;

}



.vr-cardH-cover {

    background-color: #f9f9f9;



    padding-bottom: 150%;



    background-size: cover;



    background-position: center center;



    background-repeat: no-repeat;

}



.vr-card-content {

}



.vr-card-content-description {

}



/* -------------------------------------------------------------------------- */



.vr-article-content {

    padding: 2rem;

}



@media (min-width: 800px) {

    .vr-article-content {

        padding: 4rem;

    }

}



.vr-article-cover {

    background-size: cover;



    background-position: center center;



    background-repeat: no-repeat;



    padding-bottom: 62%;



    /* background-color: #f9f9f9; */

}



@media (min-width: 1200px) {

    .vr-article-cover {

        flex: 1 1 50%;



        background-size: contain;



        order: 1;



        padding-bottom: 0;

    }

}



@media (min-width: 1400px) {

    .vr-article-cover {

        background-size: cover;

    }

}



@media (min-width: 1200px) {

    .vr-article {

        display: flex;

    }



    .vr-article-content {

        flex: 1 1 50%;



        padding: 10rem;



        order: 2;

    }



    .vr-article.vr-is-odd .vr-article-cover {

        order: 2;

    }



    .vr-article.vr-is-odd .vr-article-content {

        order: 1;

    }

}



/* -------------------------------------------------------------------------- */



@media (max-width: 799px) {

    .vr-pricing {

        text-align: center;

    }

}



@media (min-width: 800px) {

    .vr-pricing {

        display: flex;



        align-items: center;

    }



    .vr-pricing > div {

        flex: 1;

    }

}



/* -------------------------------------------------------------------------- */



.vr-posts {

    display: flex;

}



.vr-post {

}



/* -------------------------------------------------------------------------- */



.vr-testimonials {

}



.vr-testimonial-cover-inner {

    padding-bottom: 100%;



    background-color: #f9f9f9;



    border-radius: 2.4rem 2.4rem 2.4rem 0;



    background-position: center center;



    background-size: cover;



    background-repeat: no-repeat;

}



.vr-testimonial {

    margin: 4rem 2rem;



    text-align: center;

}



.vr-testimonial-cover {

    max-width: 18rem;



    margin: 0 auto 2rem auto;

}



@media (min-width: 800px) {

    .vr-testimonial {

        margin: 0;



        text-align: left;



        display: flex;



        align-items: center;

    }



    .vr-testimonial-cover {

        flex: 1 1 20%;



        order: 1;



        max-width: auto;



        margin: 0;

    }



    .vr-testimonial-content {

        flex: 1 1 80%;



        padding: 6rem;



        order: 2;

    }



    /* .vr-testimonial:nth-child(even) .vr-testimonial-cover {



    order: 2;



  }



  .vr-testimonial:nth-child(even) .vr-testimonial-content {



    order: 1;



  } */

}



/* -------------------------------------------------------------------------- */



.vr-grid {

    margin: 0 -0.8rem;

}



.vr-grid > div {

    margin: 0 0.8rem;

}



.vr-grid._-__ > div + div {

    margin-top: 3rem;

}



@media (max-width: 799px) {

    .vr-grid > div .vr-card,

    .vr-grid > div .vr-cardH {

        margin: 2rem 0;

    }

}



@media (min-width: 800px) {

    .vr-grid > div:nth-child(odd) .vr-card {

        margin-top: 6rem;

    }

}



.vr-card-cover,

.vr-cardH-cover {

    border-radius: 2.4rem 2.4rem 2.4rem 0;



    background-color: #603598;

}



.vr-card-content,

.vr-cardH-content {

    padding: 3rem;



    background-color: #f9f9f9;



    border-radius: 0 2.4rem 2.4rem 2.4rem;

}



.vr-card.vr-is-focused .vr-card-content,

.vr-cardH.vr-is-focused .vr-card-content {

    background-color: #ecf1ff;

}



.vr-card .vr-style-em,

.vr-cardH .vr-style-em,

.vr-post .vr-style-em {

    color: #603598;

}



.vr-card-content-description {

    height: 12.2rem;



    overflow: hidden;



    margin-bottom: 2rem;

}



.vr-button.vr-is-primary {

    background-color: #2f80ed;



    color: #fff;

}



.vr-pricing .vr-button {

    margin: 1rem 0;

}



/* -------------------------------------------------------------------------- */



.vr-mailchimp .mc-field-group {

    width: 100%;



    max-width: 40rem;



    margin: 1rem auto;

}



.vr-mailchimp .mc-field-group input {

    border: 0;



    background-color: #ecf1ff;



    padding: 1.4rem 2rem;



    border-radius: 2.4rem;



    font-size: 1.6rem;



    display: block;



    width: 100%;

}



.vr-mailchimp .mc-field-group input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */



    color: #1f1f1f;

}



.vr-mailchimp .mc-field-group input::-moz-placeholder {

    /* Firefox 19+ */



    color: #1f1f1f;

}



.vr-mailchimp .mc-field-group input:-ms-input-placeholder {

    /* IE 10+ */



    color: #1f1f1f;

}



.vr-mailchimp .mc-field-group input:-moz-placeholder {

    /* Firefox 18- */



    color: #1f1f1f;

}



@media (min-width: 800px) {

    .vr-mailchimp .mc-field-group {

        margin: 0;

    }



    .vr-mailchimp .mc-field-group input {

        padding-right: 6rem;

    }



    .vr-mailchimp .vr-button {

        margin-left: -4rem;

    }



    .vr-mailchimp #mc_embed_signup_scroll {

        display: flex;



        justify-content: center;

    }

}



@media (min-width: 1100px) {

    .vr-bg-x {

        background: url(https://restartix.com/wp-content/uploads/2020/05/bgX-e1590851546271.png)

            left bottom no-repeat;

    }

}



.vr-wall {

    background: url(https://restartix.com/wp-content/uploads/2020/05/banner.jpg)

        top center repeat-x;



    height: 13.6rem;



    margin: 2rem 0;



    left: 0;

}



/* -------------------------------------------------------------------------- */



.vr-page-header {

    background-color: #f9f9f9;



    padding: 0;

}



/* .vr-section.vr-is-footer {

  background-color: #f9f9f9;

} */



.vr-section.vr-is-footer ul {

    margin: 0;



    margin-top: 1rem;

}



@media (max-width: 799px) {

    .vr-page-header {

        padding-top: 6rem;



        padding-bottom: 2rem;

    }



    .vr-section.vr-is-footer .vr-grid {

        display: flex;



        flex-direction: column;



        text-align: center;

    }



    .vr-section.vr-is-footer .vr-grid > div {

        margin-bottom: 2rem;

    }



    .vr-section.vr-is-footer .vr-grid > div:first-child {

        order: 10;

    }

}



@media (min-width: 800px) {

    .vr-page-header {

        padding: 4rem;

    }

}



.vr-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.9);

    background-image: url(./assets/images/loader.svg);

    background-position: center center;

    background-repeat: no-repeat;

    z-index: 1005;

}



.vr-overlay.vr-overlay-white {

    background-color: #fff;



    display: flex;

    align-items: center;

    justify-content: center;

}



.vr-modal {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1010;

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: none;

}



.vr-modal-inner {

    background-color: #000;

    max-width: 1280px;

    width: 100%;

    box-shadow: 0 10px 100px rgba(0, 0, 0, 0.4);

    pointer-events: auto;

}



@media (max-width: 800px) {

    .vr-modal-inner {

        width: 100%;

    }

}



.vr-modal iframe {

    display: block;

}



.vr-modal.vr-modal-white .vr-modal-inner {

    background-color: #fff;



    box-shadow: none;

}



.vr-modal-footer {

    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    padding: 2rem;



    text-align: center;

}



.vr-modal-footer .vr-button {

    margin: 1rem;

}



.vr-modal-scroller {

    padding: 2rem;



    margin: 2rem;



    border: 0.1rem solid #ccc;



    max-height: 46vh;



    overflow: auto;

}



.vr-modal-header {

    margin: 2rem;

}



.vr-faq-item {

    margin: 2rem 0;

}



.vr-dashboard {

    height: 100%;

}



.vr-dashboard-chat iframe {

    width: 100%;

    height: 40rem;

    margin-bottom: 10rem;

}



.vr-dashboard-content {

    padding-top: 6rem;

}



.vr-dashboard-sidebar {

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

    padding-top: 8rem;

    background-color: #f9f9f9;

}



@media (min-width: 800px) {

    .vr-dashboard-sidebar {

        overflow: auto;



        position: fixed;



        top: 0;



        left: 0;



        width: 24rem;



        height: 100%;

    }



    .vr-dashboard-sidebar::-webkit-scrollbar {

        width: 0.4rem;

    }



    .vr-dashboard-sidebar::-webkit-scrollbar-track {

        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    }



    .vr-dashboard-sidebar::-webkit-scrollbar-thumb {

        background-color: darkgrey;

    }



    .vr-dashboard-content {

        padding-top: 0;



        margin-left: 24rem;



        position: relative;

    }



    .vr-dashboard-content.no-sidebar {

        margin-left: 0;

    }



    .vr-dashboard-chat {

        padding: 2rem;

    }

}



@media (min-width: 1200px) {

    .vr-dashboard-main {

        margin-right: 32rem;

    }



    .vr-dashboard-chat {

        position: fixed;

        right: 0;

        top: 0;

        height: 100%;

        width: 32rem;

        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

        padding: 0;

    }



    .vr-dashboard-chat iframe {

        height: 100%;

        width: 32rem;

        margin-bottom: 0;

    }

}



.vr-nav {

    border-bottom: 0.1rem solid #efefef;

}



.vr-nav h2 {

    margin: 2rem 0 1rem 2rem;

}



.vr-nav a {

    display: block;



    font-size: 1.6rem;



    padding: 1.4rem 2rem;



    cursor: pointer;



    text-decoration: none;



    color: inherit;

}



@media (min-width: 800px) {

    .vr-nav a {

        font-size: 1.4rem;



        padding: 1.2rem 2rem;

    }

}



.vr-nav a:hover {

    background-color: #f1f1f1;

}



.vr-nav a.is-active {

    background-color: #fff;



    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);



    font-weight: bold;

}



/* .vr-nav a.is-active:before {



  content: "→ ";



} */



.with-icon {

    display: flex;



    align-items: center;



    pointer-events: none;

}



.with-icon .material-icons {

    margin-right: 0.6rem;



    color: #2f80ed;

}



.vr-nav-child {

    margin-left: 2rem;

}



/* .vr-dashboard .inplayer-paywall header, */



.vr-dashboard .inplayer-paywall section,

.vr-session {

    padding: 2rem;

}



.vr-session-article {

    max-width: 60rem;



    margin: 0 auto;

}



@media (min-width: 800px) {

    /* .vr-dashboard .inplayer-paywall header, */



    .vr-dashboard .inplayer-paywall section,

    .vr-session {

        padding: 4rem;

    }

}



.vr-session-title {

    margin-top: 2rem;



    max-width: 60rem;

}



.vr-is-disabled {

    pointer-events: none;



    opacity: 0.6;

}



.vr-badge-live {

    text-transform: uppercase;



    font-size: 1.2rem;



    background-color: #eb5757;



    color: #fff;



    padding: 0.2rem 0.6rem;



    border-radius: 0.5rem;



    display: inline-block;

}



/* ---------------------------------------------- */



.vr-dashboard .inplayer-paywall {

    font-family: inherit !important;

}



.vr-dashboard .inplayer-paywall h1,

.vr-dashboard .inplayer-paywall h2,

.vr-dashboard .inplayer-paywall h3,

.vr-dashboard .inplayer-paywall h4,

.vr-dashboard .inplayer-paywall h5,

.vr-dashboard .inplayer-paywall h6 {

    color: inherit !important;



    text-align: left !important;



    font-weight: bold;

}



.vr-dashboard .inplayer-paywall p {

    text-align: left !important;

}



/* .vr-dashboard-content a:not(.vr-button) {



  color: #2f80ed;



  text-decoration: underline;



}



.vr-dashboard-content a:not(.vr-button):hover {



  color: #eb5757;



} */



/* ---------------------------------------------- */



.vr-disclaimer-footer {

    /* position: fixed;



  bottom: 0;



  left: 0;



  right: 0; */



    background-color: #fff;



    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);

}



.vr-disclaimer-footer > div {

    max-width: 1060px;



    margin: 0 auto;



    padding: 2rem;



    text-align: center;

}



.vr-disclaimer-footer .vr-button {

    margin: 1rem;

}



.vr-section.vr-is-disclaimer {

    /* margin-bottom: 8rem; */

}



#custom-preview .vr-section-container {

    margin-top: 4rem;

}



#custom-preview li {

    margin: 0.6rem 0;

}



.vr-founder-image {

    text-align: right;

}



.vr-founder-price {

    text-align: left;



    margin-top: 6rem;

}



.vr-founder-price .vr-button {

    margin-top: 1rem;

}



@media (max-width: 799px) {

    .vr-founder-price {

        text-align: center;



        margin-top: 4rem;

    }



    .vr-founder-image {

        text-align: center;

    }



    .vr-founder-image img {

        margin: 2rem auto;



        display: block;



        max-width: 100%;

    }

}



#inplayer-menu-content .inplayer-user {

    left: 23rem !important;



    right: auto !important;



    bottom: auto !important;



    top: 0.8rem !important;

}



#inplayer-menu-content .inplayer-menu {

    left: 17rem !important;



    right: auto !important;



    top: 6rem !important;



    bottom: auto !important;

}



@media (min-width: 800px) {

    #inplayer-menu-content .inplayer-user {

        left: 2rem !important;



        right: auto !important;



        bottom: 2rem !important;



        top: auto !important;

    }



    #inplayer-menu-content .inplayer-menu {

        left: 6rem !important;



        right: auto !important;



        top: auto !important;



        bottom: 6rem !important;

    }

}



#inplayer-menu-content .inplayer-menu:after {

    content: none !important;

}



.vr-founder-pack {

    background: #2f1241

        url(https://restartix.com/wp-content/uploads/2020/06/restartix.jpg)

        center center no-repeat;



    background-size: cover;



    margin: -3rem -2rem 0;

}



.vr-founder-pack p,

.vr-founder-pack span,

.vr-founder-pack h1,

.vr-founder-pack li {

    color: #fff;

}



.vr-founder-tint {

    padding: 2rem;



    background: rgba(47, 18, 65, 0.9);

}



@media (min-width: 800px) {

    .vr-founder-pack {

        margin: 0;



        border-radius: 2.4rem 2.4rem 2.4rem 0;



        border-bottom: 0.3rem solid #eb5757;



        overflow: hidden;

    }



    .vr-founder-pack p,

    .vr-founder-pack li {

        font-size: 1.6rem;

    }



    .vr-founder-tint {

        padding: 4rem 8rem;

    }

}



.vr-session-container {

    max-width: 60rem;



    /* margin: 0 auto; */

}



.vr-cards-list a.vr-card {

    margin: 2rem 0;



    display: flex;



    text-decoration: none;



    color: inherit;

}



.vr-cards-list .vr-card-cover {

    padding-bottom: 0;



    flex: 0 0 20%;



    border-radius: 1.2rem 0 0 1.2rem;



    text-align: center;

}



.vr-cards-list .vr-card-cover > div {

    display: flex;



    flex-flow: column wrap;



    align-items: center;



    justify-content: center;



    height: 100%;



    color: #fff;

}



.vr-cards-list .vr-card-cover .vr-style-em {

    color: #fff;

}



.vr-cards-list .vr-style-em {

    font-size: 1.2rem;

}



.vr-cards-list .vr-card-cover span {

    display: block;



    font-size: 3.6rem;

}



.vr-cards-list .vr-card-content {

    flex: 0 0 80%;



    border-radius: 0 1.2rem 1.2rem 0;

}



@media (min-width: 800px) {

    .vr-cards-list .vr-card-content {

        /* height: 14rem; */



        /* overflow: hidden; */

    }

}



.vr-dahsboard-list {

    padding: 0 2rem;

}



.vr-dahsboard-list .vr-cards-list a.vr-card {

    /* display: block; */

}



.vr-dahsboard-list .vr-cards-list .vr-card-cover {

    /* padding-bottom: 56.25%; */

}



.vr-dahsboard-list .vr-cards-list .vr-card-content {

    padding: 2rem;



    font-size: 80%;



    height: auto;



    overflow: auto;

}



/* ---------------------------------- */



.vr-dashboard-cards {

    margin: 0 -1rem;

}



.vr-dashboard-cards-wide {

    margin: 0 -1rem;

}



.vr-dashboard-cards-item {

    margin: 1rem;



    position: relative;



    display: block;

}



@media (min-width: 800px) {

    .vr-dashboard-cards {

        display: flex;



        flex-flow: row wrap;

    }



    .vr-dashboard-cards-wide {

        display: flex;



        flex-flow: row wrap;

    }



    .vr-dashboard-cards-item {

        flex: 1 1 calc(33.33% - 2rem);



        max-width: calc(33.33% - 2rem);

    }



    .vr-panel .vr-dashboard-cards-item {

        flex: 1 1 calc(50% - 2rem);



        max-width: calc(50% - 2rem);

    }



    .vr-dashboard-cards-wide .vr-dashboard-cards-item {

        flex: 1 1 calc(50% - 2rem);



        max-width: calc(50% - 2rem);

    }

}



@media (min-width: 1200px) {

    .vr-dashboard-cards-item {

        flex: 1 1 calc(25% - 2rem);



        max-width: calc(25% - 2rem);

    }



    .vr-panel .vr-dashboard-cards-item {

        flex: 1 1 calc(50% - 2rem);



        max-width: calc(50% - 2rem);

    }

}



.vr-dashboard-cards-item-cover {

    background-color: #ccc;



    /* padding-bottom: 56.25%; */



    padding-bottom: 100%;



    position: relative;



    overflow: hidden;



    border-radius: 1rem;

}



.vr-dashboard-cards-wide .vr-dashboard-cards-item-cover {

    padding-bottom: 50%;

}



.vr-dashboard-cards-item-cover img {

    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



    transition: 0.2s;

}



.vr-dashboard-cards-item-cover:hover img {

    transform: scale(1.06);

}



.vr-dashboard-cards-item-info {

    background-color: rgba(255, 255, 255, 0.95);



    padding: 2rem;



    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    border-radius: 0 0 1rem 1rem;

}



.vr-dashboard-cards.vr-is-wide .vr-dashboard-cards-item {

    /* box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),



    0 3px 1px 0 rgba(20, 23, 28, 0.1); */



    border-radius: 1rem;

}



.vr-dashboard-cards.vr-is-wide .vr-dashboard-cards-item-cover {

    padding-bottom: 56.25%;



    /* border-radius: 1rem 1rem 0 0; */



    border-radius: 1rem;

}



.vr-dashboard-cards.vr-is-wide .vr-dashboard-cards-item-info {

    position: static;

}



/* ---------------------------------- */



.vr-program-detail {

    font-size: 1.8rem;

}



.vr-program-detail-cover img {

    max-width: 100%;



    display: block;

}



.vr-program-detail-info {

    padding-top: 4rem;

}



@media (min-width: 980px) {

    .vr-program-detail {

        display: flex;

    }



    .vr-program-detail-cover {

        flex: 0 0 350px;

    }



    .vr-program-detail-info {

        flex-grow: 1;



        padding: 4rem;

        padding-right: 0;

    }



    .vr-program-detail-title {

        max-width: 60rem;

    }

}



@media (min-width: 1440px) {

    .vr-program-detail-cover {

        flex: 0 0 350px;

    }



    .vr-program-detail-info {

        flex-grow: 1;

    }

}



.vr-program-detail-cover-between {

    display: none;

}



@media (min-width: 980px) and (max-width: 1239px) {

    .vr-program-detail-cover {

        display: none;

    }



    .vr-program-detail-info {

        flex: 1 1 100%;



        padding: 0;

    }



    .vr-program-detail-cover-between {

        display: block;



        float: left;



        max-width: 30rem;

    }



    .vr-program-detail-cover-between img {

        max-width: 100%;



        display: block;

    }



    .vr-program-detail-title {

        margin-left: 34rem;

    }

}



/* ---------------------------------- */



.vr-program-custom {

    font-size: 1.8rem;

}



.vr-program-custom-cover img {

    max-width: 100%;

    display: block;

}



.vr-program-custom-info {

    padding-top: 2rem;

}



@media (min-width: 800px) {

    .vr-program-custom-info {

        flex: 1 1 100%;

    }

}



@media (min-width: 1240px) {

    .vr-program-custom {

        display: flex;

    }



    .vr-program-custom-cover {

        flex: 0 0 350px;

    }



    .vr-program-custom-info {

        flex-grow: 1;

        padding-left: 4rem;

        padding-top: 0;

    }

}



/* ---------------------------------- */



.vr-program-table {

}



.vr-program-table table {

    width: 100%;



    border-collapse: collapse;

}



.vr-program-table table th,

.vr-program-table table td {

    padding: 1rem;



    border-bottom: 0.2rem solid #efefef;

}



.vr-program-table table th {

    background-color: #f9f9f9;

}



.vr-program-table a {

    font-weight: bold;

}



.vr-program-table p {

    margin-bottom: 0;

}



.vr-program-comments {

    margin-top: 4rem;

}



.vr-program-comments iframe {

    width: 100% !important;

}



.vr-program-table table th {

}



.vr-program-table .table-row {

    display: flex;

    align-items: center;

    padding: 1rem 0;

    border-bottom: 0.2rem solid #efefef;

}



.vr-program-table .table-row.table-row-head {

    background-color: #f9f9f9;

    font-weight: bold;

}



.vr-program-table .table-row.can-play {

    cursor: pointer;

}



.vr-program-table .table-row.can-play [data-el="title"] {

}



.vr-program-table .table-row.can-play:hover {

    background-color: #fdfff0;

}



.vr-program-table .table-row.vr-seen {

    background-color: #fafafa;

}



.vr-program-table .table-row.vr-current {

    background-color: #f2f7ff;

}



.vr-program-table .table-row.free-to-play [data-el="title"],

.vr-program-table .table-row.vr-current [data-el="title"] {

    font-weight: bold;

}



.vr-program-table .table-cell {

}



/* .vr-program-table table tr:last-child td {



  border-bottom: 0;



} */



.vr-video-play {

    position: relative;

    max-width: 6rem;

    margin: 0 auto;

}



.vr-video-play img {

    display: block;

    max-width: 100%;

}



.vr-video-play-tint {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: rgba(47, 18, 65, 0.6);

}



.vr-video-play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -15px 0 0 -15px;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    z-index: 2;

    background-color: #2f80ed;

    border-radius: 50%;

}

.vr-seen .vr-video-play-icon {

    background-color: #2f80ed;

}

.vr-current .vr-video-play-icon {

    background-color: #eb5757;

}



.vr-program-tabs {

    display: flex;

}



.vr-program-tabs a {

    padding: 2rem;

    font-weight: bold;

    transition: none;

    text-decoration: none;

}



.vr-program-tabs a.is-selected {

    border-bottom: 0.2rem solid #eb5757;

    pointer-events: none;

}



/* ---------------------------------- */



.wp-block-image {

    /* padding: 2rem; */



    margin: 2rem 0;

}



.wp-block-image img {

    border: 0.2rem solid #000;

}



#brandheader img {

    max-width: 50% !important;

}



.inplayer-paywall section.register {

    max-height: none !important;

}



.ReactModal__Content.ReactModal__Content--after-open {

    max-width: 38rem !important;

}



#inplayer-menu-content .inplayer-username,

#inplayer-menu-content .inplayer-toggle-menu {

    display: none !important;

}



@media (max-width: 799px) {

    #inplayer-menu-content .inplayer-user .inplayer-avatar-toggle {

        box-shadow: none !important;



        height: 27px !important;



        width: 27px !important;

    }

}



.gdpr-complience {

    position: fixed;



    bottom: 0;



    left: 0;



    max-width: 42rem;



    background-color: #fff;



    padding: 2rem;



    margin: 2rem;



    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);



    border-radius: 0.4rem;

}



.gdpr-complience p {

    font-size: 1.4rem;

}



.gdpr-complience-close {

    position: absolute;



    top: 1rem;



    right: 1rem;



    cursor: pointer;

}



.hide-mobile-cell {

    display: none;

}



.show-mobile {

    display: block;

}



@media (min-width: 800px) {

    .hide-mobile-cell {

        display: table-cell;

    }



    .show-mobile {

        display: none;

    }

}



.vr-package {

    background-color: #fff;

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

    border-radius: 4px;

    padding: 3px;

}



.vr-package-header {

    text-align: center;



    padding: 2rem;

}



.vr-package-info {

    padding: 2rem;

}



.vr-package-access {

    background-color: #f9f9f9;



    margin-top: 2rem;

}



.vr-package-access p {

    /* color: #fff; */

}



.vr-package-access h2 {

    /* color: #fff; */



    margin-bottom: 2rem;

}



.vr-package-simple {

    margin-top: 2rem;



    text-align: center;

}



.vr-package-simple img {

    margin: 0 auto;

}



.vr-week-view-head {

    cursor: pointer;

    padding: 2rem;

    background-color: #fafafa;

    border-bottom: 0.2rem solid #efefef;

    transition: 0.2s;

}



.vr-week-view-head:hover {

    background-color: #fafafa;

    color: #eb5757;

}



.vr-week-view > h3 {

}



.vr-day-view-head {

    padding: 1.4rem 2rem;

    border-bottom: 0.2rem solid #efefef;

    cursor: pointer;

    transition: 0.2s;

}

.vr-day-view-head[data-type="pause"] {

    cursor: default;

}



.vr-day-view-head:hover:not([data-type="pause"]) {

    background-color: #fafafa;

    color: #eb5757;

}



.vr-day-view h3 {

    display: flex;

    justify-content: space-between;

    padding-right: 1rem;

}



.vr-day-view h3 span:nth-child(2) {

    min-width: 7rem;

    text-align: right;

}



.vr-session-view-head {

    padding: 1.4rem 2rem;

    border-bottom: 0.2rem solid #efefef;

    transition: 0.2s;

}



.vr-program-exercies {

    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

}



.vr-vimeo-player {

    padding: 56.25% 0 0 0;



    position: relative;

}



.vr-vimeo-player > div,

.vr-vimeo-player iframe {

    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;

}



.vr-vimeo-player iframe {

    background: url(./assets/images/loader.svg) center center no-repeat;

}



.vr-video-menu {

    display: flex;



    align-items: center;



    justify-content: center;



    color: #fff;

    background-color: rgba(96, 53, 152, 0.8);



    animation: fadeIn 1s forwards;

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



.vr-video-menu > div {

    width: 100%;



    max-width: 44rem;



    text-align: center;

}



.vr-video-menu p {

    max-width: 36rem;



    margin: 0 auto;

}



.vr-video-menu .vr-progressbar {

    margin: 2rem 0;

}



.vr-video-menu.vr-is-full > div,

.vr-video-menu.vr-is-full p {

    max-width: 60rem;

}



.vr-progressbar {

    width: 100%;

    background-color: rgba(0, 0, 0, 0.2);

    border-radius: 0.6rem;

}



.vr-progressbar-value {

    height: 0.6rem;

    background-color: #fff;

    transition: 0.1s linear;

    border-radius: 0.6rem;

}



.vr-progressbar.vr-is-primary {

    background-color: rgba(0, 0, 0, 0.1);

}

.vr-progressbar.vr-is-primary .vr-progressbar-value {

    height: 1rem;

    background-color: #38c73e;

}



.footer-disclaimer {

    margin-top: 6rem;

    font-size: 1.4rem;

    /* background-color: #efefef; */

    padding: 1rem 2rem;

}



.vr-dashboard-footer .footer-disclaimer {

    margin: 2rem;



    background-color: #f9f9f9;

}



.rx-lm-trigger {

    position: fixed;



    width: 100%;



    right: 0;



    bottom: 0;



    z-index: 99;



    display: none;



    color: #fff;



    background-color: #603598;



    padding: 1rem 2rem;



    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);



    border-radius: 1rem 1rem 0 0;



    font-weight: bold;



    cursor: pointer;



    transition: 0.2s;

}



.rx-lm-trigger .material-icons {

    margin-left: 1rem;

}



.rx-lm-trigger:hover {

    padding-bottom: 2.2rem;

}



.rx-lm-popup {

    position: fixed;



    width: 100%;



    max-height: 100%;



    right: 0;



    bottom: 0;



    z-index: 9999;



    overflow-y: auto;



    display: flex;



    background-color: #fff;



    padding: 3rem;



    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);



    font-size: 1.6rem;



    border-radius: 1rem 1rem 0 0;



    transform: translate3d(0, 100%, 0);



    transition: 0.8s;

}



.rx-lm-popup-image {

    display: none;

}



.rx-lm-popup-content {

    flex: 1 1 60%;

}



.rx-visible-flex {

    display: flex;

}



.rx-anim-up {

    transform: translate3d(0, 0, 0);

}



.rx-anim-down {

    transform: translate3d(0, 100%, 0);

}



.rx-lm-popup img {

    max-width: 100%;



    display: block;

}



.rx-lm-close {

    position: absolute;



    top: 0;



    right: 0;



    z-index: 1;



    cursor: pointer;



    padding: 1rem;

}



.vr-subscribe-form input[type="text"],

.vr-subscribe-form input[type="email"],

.rx-lm-popup input[type="text"],

.rx-lm-popup input[type="email"] {

    padding: 1rem;



    font-size: 1.6rem;



    border: 0.1rem solid #ccc;



    border-radius: 0.4rem;



    margin-bottom: 1rem;



    display: block;



    width: 100%;

}



.rx-lm-popup input[type="submit"] {

    margin-bottom: 3rem;



    width: 100%;

}



@media (min-width: 800px) {

    .rx-lm-trigger {

        right: 10rem;



        width: auto;

    }



    .rx-lm-popup {

        width: 72rem;



        right: 10rem;

    }



    .rx-lm-popup-image {

        display: block;



        flex: 1 1 40%;



        margin-right: 2rem;

    }



    .rx-lm-popup input[type="submit"] {

        margin-bottom: 0;



        width: auto;

    }

}



.vr-subscribe-form {

    max-width: 43rem;

}



.post-meta {

    list-style-type: none;



    margin: 0;

}



.post-meta li {

    display: inline-block;

}



.featured-media {

    margin: 0;

}



.featured-media img {

    max-width: 100%;



    display: block;



    width: auto !important;



    height: auto !important;

}



@media (min-width: 800px) {

    .vr-blog-page {

        display: flex;

    }



    .vr-blog-page > article {

        flex: 1 1 80%;

    }



    .vr-blog-page > aside {

        flex: 0 0 30rem;



        margin-left: 4rem;

    }

}



.vr-sidebar-box {

    margin: 2rem 0;

}



.vr-sidebar-box img {

    max-width: 100%;



    width: auto !important;



    height: auto !important;

}



.vr-subscribe-form {

    margin-top: 4rem;

}



@media (min-width: 800px) {

    .vr-subscribe-container {

        display: flex;

    }



    .vr-subscribe-form {

        margin-left: 4rem;

    }

}



.vr-subscribe-container img {

    max-width: 100%;



    width: 60rem;



    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1),

        0 3px 1px 0 rgba(20, 23, 28, 0.1);

}



.rx-post > article {

    border-bottom: 0.1rem solid #efefef;



    padding-bottom: 4rem;



    margin-bottom: 4rem;

}



.rx-post > article .post-inner {

    margin-top: 0;

}



.rx-post .post-meta-wrapper {

    font-size: 1.4rem;

}



@media (min-width: 800px) {

    .rx-post > article {

        display: flex;

    }



    .rx-post > article .post-media {

        flex: 0 0 32rem;

    }



    .rx-post > article .post-inner {

        margin-left: 4rem;

    }

}



.search-form {

    display: flex;

}



.search-form label {

    flex: 1 1 100%;

}



.search-form input[type="search"] {

    padding: 1rem;



    font-size: 1.6rem;



    border: 0.1rem solid #ccc;



    border-radius: 0.4rem;



    margin-bottom: 1rem;



    display: block;



    width: 100%;

}



.search-form button {

    background-color: transparent;



    border: 0;



    cursor: pointer;



    padding: 0 1rem;

}



.widget {

    margin: 2rem 0;

}



.widget:first-child {

    margin-top: 0;

}



/* ezra */



img.alignleft,

.alignleft {

    float: left;



    padding-right: 15px;



    padding-bottom: 15px;

}



.category-blog .entry-content ul {

    padding-left: 25px;

}



/* ------------------ */



.is-center {

    text-align: center;

}



.vr-panel {

    padding: 2rem;



    max-width: 84rem;



    margin: 4rem auto;

}



@media (min-width: 800px) {

    .vr-panel {

        padding: 4rem;

    }



    .vr-panel-short {

        max-width: 60rem;



        margin: 2rem auto;

    }

}



.vr-program-item {

    background-color: #603598;



    color: #fff;



    border-radius: 1rem;



    padding: 2rem 2.5rem;



    margin: 1rem 0;

}



@media (min-width: 800px) {

    .vr-program-item {

        display: flex;



        justify-content: space-between;



        align-items: center;



        text-align: left;

    }

}



.vr-program-item:nth-child(2) {

    background-color: #3e1c6b;

}



.vr-program-item:nth-child(3) {

    background-color: #ffffff;



    color: inherit;



    border: 0.2rem solid #603598;

}



.vr-program-item p {

    margin: 0.5rem 0;



    line-height: 100%;

}



.vr-panel-form {

}



.vr-panel-field {

    margin: 1rem;

}



.vr-panel-field input {

    border-radius: 1rem;



    text-align: center;



    border-width: 0.2rem;



    border-color: #efefef;



    font-weight: bold;



    background-color: #f7f7f7;



    padding: 2rem;

}



.alert {

    padding: 2rem;



    text-align: center;



    margin: 2rem 0;



    color: red;



    background-color: #f9e9e9;



    border-radius: 1rem;

}



.alert-success {

    padding: 2rem;

    text-align: center;

    margin: 2rem 0;

    color: #133b00;

    background-color: #eef9e9;

    font-weight: bold;

    border-radius: 1rem;

}



.vr-cip {

    text-transform: uppercase;



    font-size: 1rem;



    font-weight: bold;



    background-color: #2f80ed;



    color: #fff;



    padding: 0.2rem 0.4rem;



    border-radius: 1rem;

}



.vr-grid-half,

.vr-grid-fourth,

.vr-grid-fifth,

.vr-grid-third {

    margin: -1rem;

}



.vr-grid-half > div,

.vr-grid-fourth > div,

.vr-grid-fifth > div,

.vr-grid-third > div {

    margin: 1rem;

}



.vr-grid-one {

    margin: 2rem 0;

}



@media (min-width: 800px) {

    .vr-grid-half,

    .vr-grid-fourth,

    .vr-grid-fifth,

    .vr-grid-third {

        display: flex;



        flex-flow: row wrap;

    }



    .vr-grid-half > div {

        flex: 1 1 calc(50% - 2rem);

        max-width: calc(50% - 2rem);

    }



    .vr-grid-fourth > div {

        flex: 1 1 calc(25% - 2rem);

        max-width: calc(25% - 2rem);

    }



    .vr-grid-third > div {

        flex: 1 1 calc(33.33% - 2rem);

        max-width: calc(33.33% - 2rem);

    }



    .vr-grid-fifth > div {

        flex: 1 1 calc(20% - 2rem);

        max-width: calc(20% - 2rem);

    }



    .vr-grid-one {

        display: flex;

        flex-flow: row wrap;

        margin: 0;

    }



    .vr-grid-one > div {

        flex: 1 1 100%;

    }

}



/* @media (min-width: 1200px) {



  .vr-dashboard-cards-item {



    flex: 1 1 calc(25% - 4rem);



    max-width: calc(25% - 4rem);



  }







  .vr-panel .vr-dashboard-cards-item {



    flex: 1 1 calc(50% - 4rem);



    max-width: calc(50% - 4rem);



  }



} */



.vr-my-programs {

    margin: 2rem -2rem;

    display: flex;

    flex-flow: row wrap;

}



.vr-my-program-view {

    flex: 1 1 calc(100% - 4rem);

    max-width: calc(100% - 4rem);

    display: flex;

    flex-direction: column;

    background-color: #fff;

    box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

    border-radius: 4px;

    margin: 2rem;

    text-align: center;

}



@media (min-width: 980px) {

    .vr-my-program-view {

        flex: 1 1 calc(50% - 4rem);

        max-width: calc(50% - 4rem);

    }

}



@media (min-width: 1440px) {

    .vr-my-program-view {

        flex: 1 1 calc(33.33% - 4rem);

        max-width: calc(33.33% - 4rem);

    }

}



.vr-my-program-head {

    position: relative;

    margin: 2rem;

    flex-grow: 1;

}

.vr-my-program-head-title {

    margin-bottom: 4rem;

}



.vr-my-programs .vr-my-program-includes {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

}

.vr-my-programs .vr-my-program-includes > div {

    flex: 1 1 25%;

    max-width: 25%;

}



.vr-my-program-actions {

    background-color: #f9f9f9;

    padding: 2rem;

    border-radius: 4px;

}



.vr-my-program-progressbar {

    margin: 2rem 0;

}



.vr-no-programs {

    background-color: #fff;

    box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

    border-radius: 4px;

    text-align: center;

    padding: 2rem;

}



.vr-info-section {

    text-align: center;

    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);

    padding: 4rem 2rem;

    border-radius: 10px;

}



.vr-info-section > div {

    max-width: 600px;

    margin: 0 auto;

}



.vr-notice {

    font-size: 1.8rem;

    padding: 1rem 2rem;

    background-color: #fff6d4;

    color: #524100;

}


.vr-program-custom .vr-my-program-includes {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    margin-bottom: 2rem;

}

.vr-program-custom .vr-my-program-includes > div {

    flex: 1 1 25%;

    max-width: 25%;

}



.vr-blog-page .post h2 {

    font-size: 2.4rem;

    margin: 2rem 0 1rem;

}