/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    GLOBAL Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
}

*,
:before,
:after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
}

html, body,
blockquote, code, pre,
fieldset, legend, form, input, textarea, select, button,
h1, h2, h3, h4, h5, h6,
ul, p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
}
a * {
    cursor: pointer;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

input,
textarea {
    font-family: inherit;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    GLOBAL Class
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.vr-clear {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    position: static !important;
}

.vr-paragraph img {
    margin: 20px 0;
}
.vr-paragraph p,
.vr-paragraph h1 {
    margin: 1.5em 0;
}
.vr-paragraph h2,
.vr-paragraph h3 {
    margin: 1em 0
}
.vr-paragraph h4,
.vr-paragraph h5,
.vr-paragraph h6 {
    margin: .5rem 0
}
.vr-paragraph ul {
    margin: 1em 0;
    padding-left: 2em;
    list-style: disc;
}
.vr-paragraph li {
    margin: .5em 0;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    FLEX BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.vr-flex {
    display: flex;
    display: -webkit-flex;
}

.vr-flex-inline {
    display: inline-flex;
    display: -webkit-inline-flex;
}

.vr-flex-important {
    display: flex !important;
    display: -webkit-flex !important;
}

.vr-flex-inline-important {
    display: inline-flex !important;
    display: -webkit-inline-flex !important;
}

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

.vr-flex-row {
    flex-direction: row;
    -webkit-flex-direction: row;
}
.vr-flex-row-reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}
.vr-flex-cololumn {
    flex-direction: column;
    -webkit-flex-direction: column;
}
.vr-flex-cololumn-reverse {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
}

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

.vr-flex-nowrap {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.vr-flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.vr-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
}

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

.vr-flex-jc-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.vr-flex-jc-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.vr-flex-jc-center {
    justify-content: center;
    -webkit-justify-content: center;
}
.vr-flex-jc-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.vr-flex-jc-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

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

.vr-flex-ac-start {
    align-content: flex-start;
    -webkit-align-content: flex-start;
}
.vr-flex-ac-end {
    align-content: flex-end;
    -webkit-align-content: flex-end;
}
.vr-flex-ac-center {
    align-content: center;
    -webkit-align-content: center;
}
.vr-flex-ac-between {
    align-content: space-between;
    -webkit-align-content: space-between;
}
.vr-flex-ac-around {
    align-content: space-around;
    -webkit-align-content: space-around;
}

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

.vr-flex-ai-start {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
.vr-flex-ai-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
}
.vr-flex-ai-center {
    align-items: center;
    -webkit-align-items: center;
}
.vr-flex-ai-baseline {
    align-items: baseline;
    -webkit-align-items: baseline;
}
.vr-flex-ai-stretch {
    align-items: stretch;
    -webkit-align-items: stretch;
}

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

.vr-flex-as-start {
    align-self: flex-start;
    -webkit-align-self: flex-start;
}
.vr-flex-as-end {
    align-self: flex-end;
    -webkit-align-self: flex-end;
}
.vr-flex-as-center {
    align-self: center;
    -webkit-align-self: center;
}
.vr-flex-as-baseline {
    align-self: baseline;
    -webkit-align-self: baseline;
}
.vr-flex-as-stretch {
    align-self: stretch;
    -webkit-align-self: stretch;
}

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

.vr-flex-col-1 {
    width: calc(100%/12);
    width: -webkit-calc(100%/12);
}
.vr-flex-col-2 {
    width: calc((100%/12)*2);
    width: -webkit-calc((100%/12)*2);
}
.vr-flex-col-5 {
    width: 25%;
}
.vr-flex-col-4 {
    width: calc((100%/12)*4);
    width: -webkit-calc((100%/12)*4);
}
.vr-flex-col-5 {
    width: calc((100%/12)*5);
    width: -webkit-calc((100%/12)*5);
}
.vr-flex-col-6 {
    width: 50%;
}
.vr-flex-col-7 {
    width: calc((100%/12)*7);
    width: -webkit-calc((100%/12)*7);
}
.vr-flex-col-8 {
    width: calc((100%/12)*8);
    width: -webkit-calc((100%/12)*8);
}
.vr-flex-col-9 {
    width: 75%;
}
.vr-flex-col-10 {
    width: calc((100%/12)*10);
    width: -webkit-calc((100%/12)*10);
}
.vr-flex-col-11 {
    width: calc((100%/12)*11);
    width: -webkit-calc((100%/12)*11);
}
.vr-flex-col-12 {
    width: 100%;
}

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

.vr-flex-w-1   {width: 1%}
.vr-flex-w-2   {width: 2%}
.vr-flex-w-3   {width: 3%}
.vr-flex-w-4   {width: 4%}
.vr-flex-w-5   {width: 5%}
.vr-flex-w-6   {width: 6%}
.vr-flex-w-7   {width: 7%}
.vr-flex-w-8   {width: 8%}
.vr-flex-w-9   {width: 9%}
.vr-flex-w-10  {width: 10%}
.vr-flex-w-11  {width: 11%}
.vr-flex-w-12  {width: 12%}
.vr-flex-w-13  {width: 13%}
.vr-flex-w-14  {width: 14%}
.vr-flex-w-15  {width: 15%}
.vr-flex-w-16  {width: 16%}
.vr-flex-w-17  {width: 17%}
.vr-flex-w-18  {width: 18%}
.vr-flex-w-19  {width: 19%}
.vr-flex-w-20  {width: 20%}
.vr-flex-w-21  {width: 21%}
.vr-flex-w-22  {width: 22%}
.vr-flex-w-23  {width: 23%}
.vr-flex-w-24  {width: 24%}
.vr-flex-w-25  {width: 25%}
.vr-flex-w-26  {width: 26%}
.vr-flex-w-27  {width: 27%}
.vr-flex-w-28  {width: 28%}
.vr-flex-w-29  {width: 29%}
.vr-flex-w-30  {width: 30%}
.vr-flex-w-31  {width: 31%}
.vr-flex-w-32  {width: 32%}
.vr-flex-w-33  {width: 33%}
.vr-flex-w-34  {width: 34%}
.vr-flex-w-35  {width: 35%}
.vr-flex-w-36  {width: 36%}
.vr-flex-w-37  {width: 37%}
.vr-flex-w-38  {width: 38%}
.vr-flex-w-39  {width: 39%}
.vr-flex-w-40  {width: 40%}
.vr-flex-w-41  {width: 41%}
.vr-flex-w-42  {width: 42%}
.vr-flex-w-43  {width: 43%}
.vr-flex-w-44  {width: 44%}
.vr-flex-w-45  {width: 45%}
.vr-flex-w-46  {width: 46%}
.vr-flex-w-47  {width: 47%}
.vr-flex-w-48  {width: 48%}
.vr-flex-w-49  {width: 49%}
.vr-flex-w-50  {width: 50%}
.vr-flex-w-51  {width: 51%}
.vr-flex-w-52  {width: 52%}
.vr-flex-w-53  {width: 53%}
.vr-flex-w-54  {width: 54%}
.vr-flex-w-55  {width: 55%}
.vr-flex-w-56  {width: 56%}
.vr-flex-w-57  {width: 57%}
.vr-flex-w-58  {width: 58%}
.vr-flex-w-59  {width: 59%}
.vr-flex-w-60  {width: 60%}
.vr-flex-w-61  {width: 61%}
.vr-flex-w-62  {width: 62%}
.vr-flex-w-63  {width: 63%}
.vr-flex-w-64  {width: 64%}
.vr-flex-w-65  {width: 65%}
.vr-flex-w-66  {width: 66%}
.vr-flex-w-67  {width: 67%}
.vr-flex-w-68  {width: 68%}
.vr-flex-w-69  {width: 69%}
.vr-flex-w-70  {width: 70%}
.vr-flex-w-71  {width: 71%}
.vr-flex-w-72  {width: 72%}
.vr-flex-w-73  {width: 73%}
.vr-flex-w-74  {width: 74%}
.vr-flex-w-75  {width: 75%}
.vr-flex-w-76  {width: 76%}
.vr-flex-w-77  {width: 77%}
.vr-flex-w-78  {width: 78%}
.vr-flex-w-79  {width: 79%}
.vr-flex-w-80  {width: 80%}
.vr-flex-w-81  {width: 81%}
.vr-flex-w-82  {width: 82%}
.vr-flex-w-83  {width: 83%}
.vr-flex-w-84  {width: 84%}
.vr-flex-w-85  {width: 85%}
.vr-flex-w-86  {width: 86%}
.vr-flex-w-87  {width: 87%}
.vr-flex-w-88  {width: 88%}
.vr-flex-w-89  {width: 89%}
.vr-flex-w-90  {width: 90%}
.vr-flex-w-91  {width: 91%}
.vr-flex-w-92  {width: 92%}
.vr-flex-w-93  {width: 93%}
.vr-flex-w-94  {width: 94%}
.vr-flex-w-95  {width: 95%}
.vr-flex-w-96  {width: 96%}
.vr-flex-w-97  {width: 97%}
.vr-flex-w-98  {width: 98%}
.vr-flex-w-99  {width: 99%}
.vr-flex-w-100 {width: 100%}

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

.vr-flex-h-1   {height: 1%}
.vr-flex-h-2   {height: 2%}
.vr-flex-h-3   {height: 3%}
.vr-flex-h-4   {height: 4%}
.vr-flex-h-5   {height: 5%}
.vr-flex-h-6   {height: 6%}
.vr-flex-h-7   {height: 7%}
.vr-flex-h-8   {height: 8%}
.vr-flex-h-9   {height: 9%}
.vr-flex-h-10  {height: 10%}
.vr-flex-h-11  {height: 11%}
.vr-flex-h-12  {height: 12%}
.vr-flex-h-13  {height: 13%}
.vr-flex-h-14  {height: 14%}
.vr-flex-h-15  {height: 15%}
.vr-flex-h-16  {height: 16%}
.vr-flex-h-17  {height: 17%}
.vr-flex-h-18  {height: 18%}
.vr-flex-h-19  {height: 19%}
.vr-flex-h-20  {height: 20%}
.vr-flex-h-21  {height: 21%}
.vr-flex-h-22  {height: 22%}
.vr-flex-h-23  {height: 23%}
.vr-flex-h-24  {height: 24%}
.vr-flex-h-25  {height: 25%}
.vr-flex-h-26  {height: 26%}
.vr-flex-h-27  {height: 27%}
.vr-flex-h-28  {height: 28%}
.vr-flex-h-29  {height: 29%}
.vr-flex-h-30  {height: 30%}
.vr-flex-h-31  {height: 31%}
.vr-flex-h-32  {height: 32%}
.vr-flex-h-33  {height: 33%}
.vr-flex-h-34  {height: 34%}
.vr-flex-h-35  {height: 35%}
.vr-flex-h-36  {height: 36%}
.vr-flex-h-37  {height: 37%}
.vr-flex-h-38  {height: 38%}
.vr-flex-h-39  {height: 39%}
.vr-flex-h-40  {height: 40%}
.vr-flex-h-41  {height: 41%}
.vr-flex-h-42  {height: 42%}
.vr-flex-h-43  {height: 43%}
.vr-flex-h-44  {height: 44%}
.vr-flex-h-45  {height: 45%}
.vr-flex-h-46  {height: 46%}
.vr-flex-h-47  {height: 47%}
.vr-flex-h-48  {height: 48%}
.vr-flex-h-49  {height: 49%}
.vr-flex-h-50  {height: 50%}
.vr-flex-h-51  {height: 51%}
.vr-flex-h-52  {height: 52%}
.vr-flex-h-53  {height: 53%}
.vr-flex-h-54  {height: 54%}
.vr-flex-h-55  {height: 55%}
.vr-flex-h-56  {height: 56%}
.vr-flex-h-57  {height: 57%}
.vr-flex-h-58  {height: 58%}
.vr-flex-h-59  {height: 59%}
.vr-flex-h-60  {height: 60%}
.vr-flex-h-61  {height: 61%}
.vr-flex-h-62  {height: 62%}
.vr-flex-h-63  {height: 63%}
.vr-flex-h-64  {height: 64%}
.vr-flex-h-65  {height: 65%}
.vr-flex-h-66  {height: 66%}
.vr-flex-h-67  {height: 67%}
.vr-flex-h-68  {height: 68%}
.vr-flex-h-69  {height: 69%}
.vr-flex-h-70  {height: 70%}
.vr-flex-h-71  {height: 71%}
.vr-flex-h-72  {height: 72%}
.vr-flex-h-73  {height: 73%}
.vr-flex-h-74  {height: 74%}
.vr-flex-h-75  {height: 75%}
.vr-flex-h-76  {height: 76%}
.vr-flex-h-77  {height: 77%}
.vr-flex-h-78  {height: 78%}
.vr-flex-h-79  {height: 79%}
.vr-flex-h-80  {height: 80%}
.vr-flex-h-81  {height: 81%}
.vr-flex-h-82  {height: 82%}
.vr-flex-h-83  {height: 83%}
.vr-flex-h-84  {height: 84%}
.vr-flex-h-85  {height: 85%}
.vr-flex-h-86  {height: 86%}
.vr-flex-h-87  {height: 87%}
.vr-flex-h-88  {height: 88%}
.vr-flex-h-89  {height: 89%}
.vr-flex-h-90  {height: 90%}
.vr-flex-h-91  {height: 91%}
.vr-flex-h-92  {height: 92%}
.vr-flex-h-93  {height: 93%}
.vr-flex-h-94  {height: 94%}
.vr-flex-h-95  {height: 95%}
.vr-flex-h-96  {height: 96%}
.vr-flex-h-97  {height: 97%}
.vr-flex-h-98  {height: 98%}
.vr-flex-h-99  {height: 99%}
.vr-flex-h-100 {height: 100%}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ICONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.vr-icon-plus,
.vr-icon-close,
[class*=vr-icon-arrow] {
    position: relative;
    box-sizing: border-box;
}

.vr-icon-plus:before,
.vr-icon-plus:after,
.vr-icon-close:before,
.vr-icon-close:after,
[class*=vr-icon-arrow]:before,
[class*=vr-icon-arrow]:after {
    content: '';
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s ease-out;
}


.vr-icon-plus:before,
.vr-icon-plus:after,
.vr-icon-close:before,
.vr-icon-close:after,
.vr-icon-arrow-up:before,
.vr-icon-arrow-up:after,
.vr-icon-arrow-down:before,
.vr-icon-arrow-down:after {
    width: 1px;
    height: 30%;
}

.vr-icon-close:hover:before,
.vr-icon-close:hover:after,
.vr-icon-arrow-up:hover:before,
.vr-icon-arrow-up:hover:after,
.vr-icon-arrow-down:hover:before,
.vr-icon-arrow-down:hover:after {
    width: 2px;
}


.vr-icon-arrow-left:before,
.vr-icon-arrow-left:after,
.vr-icon-arrow-right:before,
.vr-icon-arrow-right:after {
    width: 30%;
    height: 1px;
}

.vr-icon-arrow-left:hover:before,
.vr-icon-arrow-left:hover:after,
.vr-icon-arrow-right:hover:before,
.vr-icon-arrow-right:hover:after {
    height: 2px;
}


.vr-icon-plus:before,
.vr-icon-plus:after,
.vr-icon-close:before,
.vr-icon-close:after {
    transform-origin: center;
    -webkit-transform-origin: center;
}

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

.vr-icon-plus:before {
    transform: translate3d(-50%,-50%,0) rotate(90deg);
    -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg);
}
.vr-icon-plus:after {
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
}

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

.vr-icon-close:before {
    transform: translate3d(-50%,-50%,0) rotate(45deg);
    -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.vr-icon-close:after {
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
    -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

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

.vr-icon-arrow-up:before {
    transform-origin: top left;
    -webkit-transform-origin: top left;
    transform: translate3d(0,-50%,0) rotate(45deg);
    -webkit-transform: translate3d(0,-50%,0) rotate(45deg);
}
.vr-icon-arrow-up:after {
    transform-origin: top right;
    -webkit-transform-origin: top right;
    transform: translate3d(-100%,-50%,0) rotate(-45deg);
    -webkit-transform: translate3d(-100%,-50%,0) rotate(-45deg);
}

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

.vr-icon-arrow-down:before {
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform: translate3d(0,-50%,0) rotate(-45deg);
    -webkit-transform: translate3d(0,-50%,0) rotate(-45deg);
}
.vr-icon-arrow-down:after {
    transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform: translate3d(-100%,-50%,0) rotate(45deg);
    -webkit-transform: translate3d(-100%,-50%,0) rotate(45deg);
}

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

.vr-icon-arrow-left:before {
    transform-origin: left top;
    -webkit-transform-origin: left top;
    transform: translate3d(-50%,0,0) rotate(-45deg);
    -webkit-transform: translate3d(-50%,0,0) rotate(-45deg);
}
.vr-icon-arrow-left:after {
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform: translate3d(-50%,-100%,0) rotate(45deg);
    -webkit-transform: translate3d(-50%,-100%,0) rotate(45deg);
}

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

.vr-icon-arrow-right:before {
    transform-origin: right top;
    -webkit-transform-origin: right top;
    transform: translate3d(-50%,0,0) rotate(45deg);
    -webkit-transform: translate3d(-50%,0,0) rotate(45deg);
}
.vr-icon-arrow-right:after {
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform: translate3d(-50%,-100%,0) rotate(-45deg);
    -webkit-transform: translate3d(-50%,-100%,0) rotate(-45deg);
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
--------------------------------
    TAG Properties
--------------------------------
*/
.vr-tag-require:after {
    content: "*";
    color: #ff9933;
    margin-left: 5px;
    display: inline-block;
}


/*
--------------------------------
    TABLE Tag
--------------------------------
*/
.vr-tag-table {
    display: table
}
.vr-tag-table.important {
    display: table !important;
}
.vr-tag-table > .vr-tag-table-caption {
    display: table-caption;
}
.vr-tag-table > .vr-tag-table-head {
    display: table-header-group;
}
.vr-tag-table > .vr-tag-table-body {
    display: table-row-group
}
.vr-tag-table > .vr-tag-table-foot {
    display: table-footer-group;
}
.vr-tag-table > [class*="vr-tag-table-"] > *,
.vr-tag-table > :not([class*="vr-tag-table-"]) {
    display: table-row
}
.vr-tag-table > [class*="vr-tag-table-"] > * > *,
.vr-tag-table > :not([class*="vr-tag-table-"]) > * {
    display: table-cell;
    vertical-align: middle
}

/*
--------------------------------
    SELECT Tag
--------------------------------
*/
.vr-tag-select {
    width: auto;
    border: solid 1px #000;
    box-sizing: border-box;
    display: inline-block;
    transition: .3s ease-in-out;
}
.vr-tag-select:hover {
    background: #fff;
}
.vr-tag-select > * {
    height: 100%;
    min-height: 3rem;
    position: relative;

    display: inline-flex;
    align-items: center;

    display: -webkit-inline-flex;
    -webkit-align-items: center;
}

.vr-tag-select > :before,
.vr-tag-select > :after {
    content: '';
    height: 20%;
    min-height: 1rem;
    border-left-style: solid;
    border-left-width: .1rem;
    border-left-color: #333332;
    position: absolute;
    right: 1.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
}

.vr-tag-select > :before {
    transform: translate3d(-25%,0,0) rotate(45deg);
    -webkit-transform: translate3d(-25%,0,0) rotate(45deg);
}

.vr-tag-select > :after {
    transform: translate3d(25%,0,0) rotate(-45deg);
    -webkit-transform: translate3d(25%,0,0) rotate(-45deg);
}

.vr-tag-select > :hover:before,
.vr-tag-select > :hover:after {
    background: #f230d2
}

.vr-tag-select select {
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
    font-size: inherit;
    background: transparent;
    padding-right: 1.5rem;
    padding-left: 0 !important;
    box-shadow: none !important;
    transition: none !important;

    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vr-tag-select option {
    padding: 1rem;
}


/*
--------------------------------
    RADIO Tag
--------------------------------
*/
.vr-tag-radio {
    height: 4rem;
    line-height: 4rem;
}

.vr-tag-radio > input {
	display: none
}

.vr-tag-radio > label {
    position: relative;
    padding-left: 2.8rem;
}

.vr-tag-radio > label:before,
.vr-tag-radio > label:after {
    content: '';
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.vr-tag-radio > label:before {
    width: 2rem;
    height: 2rem;
    border: solid 1px #e5d5d5;
}

.vr-tag-radio > label:after {
    width: 1rem;
    height: 1rem;
    background: #999;
    left: .5rem;
    display: none;
}

.vr-tag-radio > input:checked ~ label:after {
	display: block
}


/*
--------------------------------
    SWITCH Tag
--------------------------------
*/
.vr-tag-switch {
    height: 5rem;
    min-width: 10rem;
    border-radius: 2.5rem;
    border: solid 1px #E5E5E5;
    position: relative;
    display: inline-block !important;
}

.vr-tag-switch > input {
    display: none;
}

.vr-tag-switch > :last-child,
.vr-tag-switch > :last-child:before {
    border-radius: inherit;
    position: absolute;
    transition: .3s ease-in;
}

.vr-tag-switch > :last-child {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #fafafa;
    top: 0;
    left: 0;
}

.vr-tag-switch > :last-child:before {
    content: '';
    width: calc(50% - 1rem);
    width: -webkit-calc(50% - 1rem);
    height: calc(100% - 1rem);
    height: -webkit-calc(100% - 1rem);
    background: #fff;
    top: .5rem;
    left: .5rem;
    box-shadow: .1rem 0 .3rem rgba(0,0,0,.3);
}

.vr-tag-switch > input:checked + * {
    background: #ff8f40;
}

.vr-tag-switch > input:checked + *:before {
    left: calc(50% + .4rem);
    left: -webkit-calc(50% + .4rem);
    box-shadow: -.1rem 0 .3rem rgba(0,0,0,.3);
}

/*
--------------------------------
    COVER Tag
--------------------------------
*/
[class *= "vr-tag-cover-"] {
    width: 100%;
    position: relative;
}
[class *= "vr-tag-cover-"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}
[class *= "vr-tag-cover-1-1"] {
    padding-bottom: 100%
}
[class *= "vr-tag-cover-2-3"] {
    padding-bottom: 150%
}
[class *= "vr-tag-cover-3-1"] {
    padding-bottom: 33.333%
}
[class *= "vr-tag-cover-3-2"] {
    padding-bottom: 66.667%
}
[class *= "vr-tag-cover-4-3"] {
    padding-bottom: 75%
}
[class *= "vr-tag-cover-16-9"] {
    padding-bottom: 56.25%
}
[class *= "vr-tag-cover-screen"] {
    padding-bottom: 100vh;
}