@font-face {
	font-family: Eurostile Extended Black;
	src: url(/wp-content/themes/salonpas_2025/public/images/fonts/EurostileBlackExtended-font.ttf);
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td,th {
    padding: 0;
}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
    *,:after,:before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        box-shadow: none!important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: "";
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img,tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }

    h2,h3,p {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse!important;
    }

    .table td,.table th {
        background-color: #fff!important;
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important;
    };
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #000e2e;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	color: #000;
}

a {
    color: #249fff;
    text-decoration: none;
}

a:focus,a:hover {
    color: #31708f;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%;
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%;
}

.h1,h1 {
    font-size: 36px;
}

.h2,h2 {
    font-size: 30px;
}

.h3,h3 {
    font-size: 24px;
}

.h4,h4 {
    font-size: 18px;
}

.h5,h5 {
    font-size: 14px;
}

.h6,h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    };
}

.small,small {
    font-size: 85%;
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.initialism,.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:focus,a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #337ab7;
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px;
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd,dt {
    line-height: 1.428571429;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    display: table;
    content: " ";
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    };
}

abbr[data-original-title],abbr[title] {
    cursor: help;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0;
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777;
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0";
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0;
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: "";
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014";
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container:after,.container:before {
    display: table;
    content: " ";
}

.container:after {
    clear: both;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    };
}

@media (min-width:992px) {
    .container {
        width: 970px;
    };
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    };
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid:after,.container-fluid:before {
    display: table;
    content: " ";
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row:after,.row:before {
    display: table;
    content: " ";
}

.row:after {
    clear: both;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width:768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.3333333333%;
    }

    .col-sm-pull-2 {
        right: 16.6666666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.3333333333%;
    }

    .col-sm-pull-5 {
        right: 41.6666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.3333333333%;
    }

    .col-sm-pull-8 {
        right: 66.6666666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.3333333333%;
    }

    .col-sm-pull-11 {
        right: 91.6666666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.3333333333%;
    }

    .col-sm-push-2 {
        left: 16.6666666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.3333333333%;
    }

    .col-sm-push-5 {
        left: 41.6666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.3333333333%;
    }

    .col-sm-push-8 {
        left: 66.6666666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.3333333333%;
    }

    .col-sm-push-11 {
        left: 91.6666666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    };
}

@media (min-width:992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.3333333333%;
    }

    .col-md-pull-2 {
        right: 16.6666666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.3333333333%;
    }

    .col-md-pull-5 {
        right: 41.6666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.3333333333%;
    }

    .col-md-pull-8 {
        right: 66.6666666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.3333333333%;
    }

    .col-md-pull-11 {
        right: 91.6666666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.3333333333%;
    }

    .col-md-push-2 {
        left: 16.6666666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.3333333333%;
    }

    .col-md-push-5 {
        left: 41.6666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.3333333333%;
    }

    .col-md-push-8 {
        left: 66.6666666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.3333333333%;
    }

    .col-md-push-11 {
        left: 91.6666666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    };
}

@media (min-width:1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.3333333333%;
    }

    .col-lg-pull-2 {
        right: 16.6666666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.3333333333%;
    }

    .col-lg-pull-5 {
        right: 41.6666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.3333333333%;
    }

    .col-lg-pull-8 {
        right: 66.6666666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.3333333333%;
    }

    .col-lg-pull-11 {
        right: 91.6666666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.3333333333%;
    }

    .col-lg-push-2 {
        left: 16.6666666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.3333333333%;
    }

    .col-lg-push-5 {
        left: 41.6666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.3333333333%;
    }

    .col-lg-push-8 {
        left: 66.6666666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.3333333333%;
    }

    .col-lg-push-11 {
        left: 91.6666666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    };
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav:after,.nav:before {
    display: table;
    content: " ";
}

.nav:after {
    clear: both;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #777;
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li,.nav-tabs.nav-justified>li {
    float: none;
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    };
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff;
    };
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-body:after,.panel-body:before {
    display: table;
    content: " ";
}

.panel-body:after {
    clear: both;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0;
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0;
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0;
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0;
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: .5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header:after,.modal-header:before {
    display: table;
    content: " ";
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:after,.modal-footer:before {
    display: table;
    content: " ";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    };
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    };
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0;
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0;
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0;
    };
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    opacity: .5;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat: repeat-x;
}

.carousel-control:focus,.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: "\2039";
}

.carousel-control .icon-next:before {
    content: "\203a";
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    };
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none!important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width:device-width;
}

.visible-xs {
    display: none!important;
}

.visible-sm {
    display: none!important;
}

.visible-md {
    display: none!important;
}

.visible-lg {
    display: none!important;
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important;
    }

    table.visible-xs {
        display: table!important;
    }

    tr.visible-xs {
        display: table-row!important;
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important;
    };
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important;
    };
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important;
    };
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important;
    };
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important;
    }

    table.visible-sm {
        display: table!important;
    }

    tr.visible-sm {
        display: table-row!important;
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important;
    };
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important;
    };
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important;
    };
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important;
    };
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important;
    }

    table.visible-md {
        display: table!important;
    }

    tr.visible-md {
        display: table-row!important;
    }

    td.visible-md,th.visible-md {
        display: table-cell!important;
    };
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important;
    };
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important;
    };
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important;
    };
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important;
    }

    table.visible-lg {
        display: table!important;
    }

    tr.visible-lg {
        display: table-row!important;
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important;
    };
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important;
    };
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important;
    };
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important;
    };
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important;
    };
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important;
    };
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important;
    };
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important;
    };
}

.visible-print {
    display: none!important;
}

@media print {
    .visible-print {
        display: block!important;
    }

    table.visible-print {
        display: table!important;
    }

    tr.visible-print {
        display: table-row!important;
    }

    td.visible-print,th.visible-print {
        display: table-cell!important;
    };
}

.visible-print-block {
    display: none!important;
}

@media print {
    .visible-print-block {
        display: block!important;
    };
}

.visible-print-inline {
    display: none!important;
}

@media print {
    .visible-print-inline {
        display: inline!important;
    };
}

.visible-print-inline-block {
    display: none!important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important;
    };
}

@media print {
    .hidden-print {
        display: none!important;
    };
}

@font-face {
    font-family:'Open Sans';src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Bold.eot);src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Bold.eot#iefix) format("embedded-opentype"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Bold.woff2) format("woff2"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Bold.woff) format("woff"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;
}

@font-face {
    font-family:'Open Sans';src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-SemiBold.eot);src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-SemiBold.eot#iefix) format("embedded-opentype"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-SemiBold.woff2) format("woff2"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-SemiBold.woff) format("woff"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;
}

@font-face {
    font-family:'Open Sans';src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Regular.eot);src:url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Regular.eot#iefix) format("embedded-opentype"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Regular.woff2) format("woff2"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Regular.woff) format("woff"),url(/wp-content/themes/salonpas_2025/public/fonts/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;
}

@font-face {
    font-family:Oswald;src:url(/wp-content/themes/salonpas_2025/public/fonts/Oswald-SemiBold.eot);src:url(/wp-content/themes/salonpas_2025/public/fonts/Oswald-SemiBold.eot#iefix) format("embedded-opentype"),url(/wp-content/themes/salonpas_2025/public/fonts/Oswald-SemiBold.woff2) format("woff2"),url(/wp-content/themes/salonpas_2025/public/fonts/Oswald-SemiBold.woff) format("woff"),url(/wp-content/themes/salonpas_2025/public/fonts/Oswald-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;
}

@font-face {
    font-family:Roboto;src:url(/wp-content/themes/salonpas_2025/public/fonts/Roboto-Medium.eot);src:url(/wp-content/themes/salonpas_2025/public/fonts/Roboto-Medium.eot#iefix) format("embedded-opentype"),url(/wp-content/themes/salonpas_2025/public/fonts/Roboto-Medium.woff2) format("woff2"),url(/wp-content/themes/salonpas_2025/public/fonts/Roboto-Medium.woff) format("woff"),url(/wp-content/themes/salonpas_2025/public/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal;
}

body {
    font-family: "Work Sans",sans-serif;
    color: #fff;
}

.main {
    padding-top: 60px;
    overflow: hidden;
}

@media (max-width:480px) {
    .main {
        padding-top: 55px;
    };
}

.section-title {
    text-shadow: 0 0 13px rgba(255,255,255,.5);
    font-weight: 700;
    font-size: 35px;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width:767px) {
    .section-title {
        font-size: 18px;
    };
}

a {
    transition: .3s;
}

@media (min-width:1441px) {
    .container {
        width: 100%;
        max-width: 1420px;
    };
}

.m-auto {
    margin: auto;
}

img {
    max-width: 100%;
}

:focus {
    outline: 0!important;
}

video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.slick-arrow {
    position: absolute;
    z-index: 1;
    max-width: 52px;
    max-height: 52px;
    width: 3vw;
    height: 3vw;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@media (max-width:991px) {
    .slick-arrow {
        width: 6vw;
        height: 6vw;
    };
}

@media (max-width:767px) {
    .slick-arrow {
        top: 63%;
    };
}

.slick-arrow img {
    object-fit: contain;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.slick-prev {
    left: 4%;
}

@media (max-width:767px) {
    .slick-prev {
        left: 30px;
    };
}

.slick-next {
    right: 4%;
    transform: translateY(-50%) rotate(180deg);
}

@media (max-width:767px) {
    .slick-next {
        right: 30px;
    };
}

.slick-dots {
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width:991px) {
    .slick-dots {
        bottom: 20px;
    };
}

.slick-dots li {
    margin: 0 8px;
    width: 8px;
    height: 8px;
}

.slick-dots li.slick-active {
    transform: scale(1.5);
}

.slick-dots li.slick-active button {
    background-color: #fff;
}

.slick-dots li button {
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 50%;
    border: none;
    width: 8px;
    height: 8px;
    padding: 0;
    background-color: rgba(255,255,255,.5);
}

.button-glow {
    border-radius: 40px;
    background-color: #0ff;
    border-color: #0ff;
    color: #fff;
    position: relative;
    padding: 13px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

@media (min-width:1441px) {
    .button-glow {
        font-size: 16px;
    };
}

.button-glow:after {
    content: '';
    background-color: #249fff;
    border-radius: 40px;
    filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
}

.button-glow:hover {
    color: #fff;
    text-decoration: none;
}

.button-glow:hover:after {
    filter: blur(10px);
}

.button-glow span {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.button-outline {
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 2px solid #205a8b;
    background-color: #fff;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    padding: 3px 15px;
    color: #205a8b;
    text-decoration: none;
}

.button-outline:hover {
    color: #fff;
    background-color: #205a8b;
    text-decoration: none;
}

.button-outline .svg-inline--fa {
    width: 6px;
    margin-left: 5px;
    margin-top: -1px;
}

.embed-responsive-4by4 {
    padding-bottom: 100%;
}

.title-border {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 35px;
}

.title-border:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #0ff;
    filter: blur(5px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.title-border:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #0ff;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 50px;
}

.btn-solid {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    background-color: #004e94;
    border-radius: 4px;
    padding: 5px 15px;
}

.pagination {
    list-style: none;
    padding: 60px 0 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:767px) {
    .pagination {
        padding-top: 20px;
    };
}

.pagination li.active a {
    color: rgba(0,255,255,.8);
}

.pagination a {
    display: block;
    color: #fff;
    margin: 10px;
    padding: 10px;
    font-size: 20px;
    text-decoration: none;
}

@media (max-width:767px) {
    .pagination a {
        font-size: 14px;
    };
}

.pagination a:hover {
    color: rgba(0,255,255,.8);
}

.slick-disabled {
    display: none!important;
}

.header {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #004e94;
    box-shadow: 0 15px 43px rgba(0,0,0,.36);
}

.header--inner {
    margin: 0 auto;
    width: 100%;
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:991px) {
    .header .container {
        padding: 0 30px;
    };
}

.header .logo {
    flex: 1;
    padding: 10px 0;
    transition: .3s;
}

@media (max-width:767px) {
    .header .logo {
        padding: 5px 0;
    };
}

.header .logo img {
    width: 130px;
    transition: .3s;
    position: relative;
    z-index: 1000;
}

@media (max-width:480px) {
    .header .logo img {
        width: 200px;
    };
}

body .header .menu-navigation {
	font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .menu-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header .menu-navigation ul li {
    margin: 0;
    padding: 0;
}

.header .menu-navigation ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
}

.header .menu-navigation ul li.active {
    border-color: #fff;
}

.header .menu-navigation ul li.active a {
    font-weight: 700;
}

.header .menu-navigation ul li a {
    text-decoration: none;
    color: #fff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
}

.header .burger,.header .mobile-sosmed {
    display: none;
}

@media (max-width:991px) {
    .header .mobile-burger {
        text-align: right;
    }

    .header .mobile-sosmed {
        /* display: block; */
        display: none;
        text-align: center;
        width: 100%;
        padding-bottom: 15%;
    }

    .header .mobile-sosmed .title {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .header .mobile-sosmed .sosmed-links {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header .mobile-sosmed .sosmed-links a {
        color: #fff;
        display: block;
        margin: 0 10px;
        width: 18px;
        font-size: 20px;
    }

    .header .burger {
        background-color: transparent;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        display: flex;
        height: 60px;
        padding: 0;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 56px;
        z-index: 1000;
        transition: all .3s ease-out;
        outline: 0;
    };
}

@media (max-width:991px) and (max-width:480px) {
    .header .burger {
        width: 20px;
        height: 55px;
    };
}

@media (max-width:991px) {
    .header .x,.header .y,.header .z {
        margin: 3px;
        background: #fff;
        transition: all .2s ease-out;
        width: 38px;
        height: 4px;
        position: relative;
    };
}

@media (max-width:991px) and (max-width:480px) {
    .header .x,.header .y,.header .z {
        width: 20px;
        margin: 2px;
        height: 2px;
    };
}

@media (max-width:991px) {
    .header.bg .x,.header.bg .y,.header.bg .z {
        background-color: #e92425;
    }

    .header .collapse-icon {
        background: #fff;
        top: 5px;
        transition: all 70ms ease-out;
    };
}

@media (max-width:991px) and (max-width:480px) {
    .header .collapse-icon {
        top: 3px;
    };
}

@media (max-width:991px) {
    .header .collapse-icon.z {
        top: auto;
        bottom: 5px;
    };
}

@media (max-width:991px) and (max-width:480px) {
    .header .collapse-icon.z {
        bottom: 3px;
    };
}

@media (max-width:991px) {
    .header .rotate30 {
        transform: rotate(30deg);
        transition: all 50ms ease-out;
    }

    .header .rotate150 {
        transform: rotate(150deg);
        transition: all 50ms ease-out;
    }

    .header .rotate45 {
        transform: rotate(45deg);
        transition: all .1s ease-out;
    }

    .header .rotate135 {
        transform: rotate(135deg);
        transition: all .1s ease-out;
    }

    .header .menu-bg {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #03427b;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: all .3s cubic-bezier(0,.995,.99,1);
    }

    .header .menu-bg.animate {
        opacity: 1;
        visibility: visible;
        transition: all .4s cubic-bezier(0,.995,.99,1);
    }

    .header .menu-navigation {
        width: 100%;
        max-width: 720px;
        padding: 15px;
        opacity: 0;
        visibility: hidden;
        animation-name: zoomOut;
        animation-duration: .3s;
        position: absolute;
        z-index: 102;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        left: 0;
        right: 0;
        margin: auto;
        height: 100vh;
        top: 0;
    }

    .header .menu-navigation ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: auto;
        transform: translateY(0);
        width: 100%;
        flex: 1;
    }

    .header .menu-navigation ul li {
        display: block;
        padding: 0;
        margin: 0;
        border: none;
    }

    .header .menu-navigation ul li.active {
        border-bottom: 2px solid;
    }

    .header .menu-navigation ul li.active a {
        border-color: #fff;
    }

    .header .menu-navigation ul>li>a {
        display: block;
        margin: 0;
        padding: 15px 0;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
    }@    -webkit-keyframes zoomOut {
        from{opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    };
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    };
}

.header .menu-navigation.animate {
    animation-name: zoomIn;
    animation-duration: .4s;
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    };
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    };
}}

@media (max-width:767px) {
    .header .menu-navigation {
        max-width: 540px;
    };
}

.footer {
    background-color: #03427b;
    color: #fff;
    box-shadow: 0 -11px 20px rgba(0,0,0,.27);
    position: relative;
    z-index: 1;
    margin-bottom: -11px;
}

.footer--inner {
    display: flex;
}

@media (max-width:767px) {
    .footer--inner {
        flex-direction: column;
        padding-top: 25px;
    };
}

.footer--inner>div {
    border-right: 1px solid #fff;
    height: 140px;
}

@media (max-width:991px) {
    .footer--inner>div {
        height: auto;
    };
}

@media (max-width:767px) {
    .footer--inner>div {
        border: none;
        padding: 0 35px 25px;
    };
}

.footer--inner>div:last-child {
    border-right: none;
}

.footer--inner a {
    color: #fff;
}

.footer-sosmed {
    flex: 0 0 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 35px;
}

@media (max-width:991px) {
    .footer-sosmed {
        padding: 25px 20px;
    };
}

@media (max-width:767px) {
    .footer-sosmed {
        flex-direction: column;
        align-items: flex-start;
    };
}

.footer-sosmed .title {
    font-weight: 600;
    font-size: 16px;
    margin-right: 25px;
}

@media (max-width:991px) {
    .footer-sosmed .title {
        margin-right: 15px;
    };
}

@media (max-width:767px) {
    .footer-sosmed .title {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 20px;
    };
}

.footer-sosmed .sosmed-links a {
    font-size: 28px;
    margin: 0 15px;
}

@media (max-width:991px) {
    .footer-sosmed .sosmed-links a {
        margin: 0 10px;
    };
}

@media (max-width:767px) {
    .footer-sosmed .sosmed-links a {
        margin-left: 0;
        margin-right: 25px;
    }

    .footer-sosmed .sosmed-links a:last-child {
        margin-right: 0;
    };
}

.footer-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 25px 5%;
    flex: 0 0 35%;
}

@media (max-width:991px) {
    .footer-logo {
        padding: 25px 20px;
    };
}

.footer-logo a {
    text-decoration: none;
    display: block;
}

.footer-logo img {
    max-width: 140px;
    margin-bottom: 10px;
}

@media (max-width:767px) {
    .footer-logo img {
        max-width: 120px;
    };
}

.footer-logo p {
    font-size: 12px;
    color: rgba(255,255,255,.8);
    margin: 0;
}

@media (max-width:767px) {
    .footer-logo p {
        font-size: 10px;
    };
}

.footer .back-to-top {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 35px;
}

@media (max-width:767px) {
    .footer .back-to-top {
        padding-top: 0;
        justify-content: flex-start;
    };
}

.footer .back-to-top a {
    font-size: 16px;
    font-weight: 600;
}

@media (max-width:767px) {
    .footer .back-to-top a {
        font-size: 14px;
        width: 100%;
    };
}

.footer .back-to-top a svg {
    margin-left: 13px;
}

.modal-content {
    padding: 0;
    border-radius: 0;
    border: none;
    max-width: 90vw;
    margin: auto;
    background-color: transparent;
    position: relative;
    box-shadow: none;
}

.modal-content .close {
    outline: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 999;
    font-size: 2rem;
    font-weight: 400;
    color: #a6a6a6;
    opacity: 1;
    background-color: #fff;
    padding: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border: 2px solid #004e94;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content .close span {
    line-height: 27px;
    color: #004e94;
}

.modal-content .close:focus {
    outline: 0;
}

.modal .modal-dialog {
    transition: .2s ease-out;
    margin: 30px auto;
}

.modal.fade .modal-dialog {
    top: 50%;
    transform: scale(.9) translateY(-50%);
}

.modal.fade.in .modal-dialog {
    transform: scale(1) translateY(-50%);
    opacity: 1;
}

.home .header {
    background-color: transparent;
    box-shadow: none;
}

.home .main {
    padding-top: 0;
}

.home .opening {
    width: 100%;
    height: 100%;
    /*min-height: 100vh;*/
    position: relative;
    background-color: #004e94;
}

@media (max-width:991px) {
    .home .opening {
        min-height: auto;
    };
}

@media (max-width:767px) {
    .home .opening {
        height: auto;
    };
}

.home .opening div {
    height: 100%;
}

.home .opening .slide img {
    width: 100%;
    display: inline-flex;
}

.home .video--tabs {
    background-color: #004e94;
    padding: 100px 15px 95px;
    position: relative;
}

@media (max-width:767px) {
    .home .video--tabs {
        padding: 20px 0;
    }

    .home .video--tabs .container {
        padding: 0;
    };
}

.home .video--tabs .tab-content {
    text-align: center;
    position: relative;
}

.home .video--tabs .tab-content .embed-responsive {
    max-width: 970px;
    margin: auto;
    padding-bottom: 65%;
}

@media (max-width:1199px) {
    .home .video--tabs .tab-content .embed-responsive {
        padding-bottom: 60%;
    };
}

@media (max-width:767px) {
    .home .video--tabs .tab-content .embed-responsive {
        padding-bottom: 130%;
    };
}

.home .video--tabs .tab-content .desc {
    font-size: 75px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 18px rgba(255,255,255,.5);
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1.1;
    position: absolute;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width:1199px) {
    .home .video--tabs .tab-content .desc {
        font-size: 60px;
    };
}

@media (max-width:991px) {
    .home .video--tabs .tab-content .desc {
        font-size: 48px;
    };
}

@media (max-width:767px) {
    .home .video--tabs .tab-content .desc {
        width: 100%;
        padding: 0 10vw;
        font-size: 9vw;
        top: 70%;
    };
}

.home .video--tabs .nav-tabs {
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 665px;
    margin: 38px auto 0;
}

@media (max-width:767px) {
    .home .video--tabs .nav-tabs {
        width: calc(100% - 60px);
        padding: 7px;
        margin-top: 0;
    };
}

.home .video--tabs .nav-tabs li {
    float: none;
    margin-left: 8%;
    margin-bottom: 0;
    flex: 0 0 115px;
}

@media (max-width:767px) {
    .home .video--tabs .nav-tabs li {
        flex: 0 0 65px;
    };
}

@media (max-width:375px) {
    .home .video--tabs .nav-tabs li {
        margin-left: 4%;
    };
}

.home .video--tabs .nav-tabs li:first-child {
    margin-left: 0;
}

.home .video--tabs .nav-tabs li.active a {
    border-radius: 40px;
    background-color: #0ff;
    position: relative;
    color: #fff;
    border: none;
}

.home .video--tabs .nav-tabs li.active a:after {
    opacity: 1;
}

.home .video--tabs .nav-tabs li a {
    margin: 0;
    border-radius: 40px;
    padding: 11px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: none;
}

@media (max-width:767px) {
    .home .video--tabs .nav-tabs li a {
        font-size: 8px;
        padding: 6px 10px;
    };
}

.home .video--tabs .nav-tabs li a:after {
    content: '';
    background-color: #249fff;
    border-radius: 40px;
    filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.home .video--tabs .nav-tabs li a:focus,.home .video--tabs .nav-tabs li a:hover {
    background-color: #0ff;
}

.home .video--tabs .nav-tabs li a:focus:after,.home .video--tabs .nav-tabs li a:hover:after {
    opacity: 1;
}

.home .video--tabs .nav-tabs li a span {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.home .video--inner {
    position: relative;
    z-index: 1;
}

.home .video--deco--left {
    background: url(/wp-content/themes/salonpas_2025/public/images/home/video-deco-left.png);
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 7vw;
    height: 8vw;
    left: 0;
    top: 40%;
}

@media (max-width:767px) {
    .home .video--deco--left {
        width: 15vw;
        height: 15vw;
        top: 30%;
    };
}

.home .ss10k-bg {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/bg-image-sponsor.png);
    padding: 13rem;
}

.home .ss10k-wrapper-top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 4rem;
}

.home .ss10k-wrapper-bottom {
    padding-top: 12rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 4rem;
}

.home .ss10k-bg-bottom-first-row {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 4rem;
}

.home .ss10k-bg-bottom-second-row {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 4rem;
}

.home .ss10k-persembahan {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/SS10K-Dipersembahkan.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 16rem;
}

.home .ss10k-byebyefever {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/Kids-Dash-x-Byebye-Fever.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 16rem;
}

.home .ss10k-tmii {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/tmii-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-yakult {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/yakult-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-kahf {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/kahf.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-pocari {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/pocari-sweat.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-crystalin {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/crystalin.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-20fit {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/20fit.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-salonpas {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/salonpas-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-salonpasrelief {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/salonpas-relief-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-meg-cheese {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/meg-cheese.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-sasa {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/sasa.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-tango {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/tango-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .ss10k-aspro {
    background: url(/wp-content/themes/salonpas_2025/public/images/sponsor/aspro.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 8rem;
}

.home .video--deco--bottom {
    background: url(/wp-content/themes/salonpas_2025/public/images/home/video-deco-bottom.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 13vw;
    height: 23vw;
    right: 0;
    bottom: -17%;
    z-index: 1;
}

@media (max-width:767px) {
    .home .video--deco--bottom {
        bottom: -20%;
    };
}

.home .video--deco--top--left {
    background: url(/wp-content/themes/salonpas_2025/public/images/home/video-deco-top-left.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 15vw;
    height: 15vw;
    top: 0;
    left: 22%;
}

@media (max-width:767px) {
    .home .video--deco--top--left {
        width: 30vw;
        height: 30vw;
        top: -5%;
        left: 15%;
    };
}

.home .video--deco--top--right {
    background: url(/wp-content/themes/salonpas_2025/public/images/home/video-deco-top-right.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 17vw;
    height: 13vw;
    top: 0;
    right: 20%;
}

@media (max-width:767px) {
    .home .video--deco--top--right {
        width: 40vw;
        height: 40vw;
        right: -20%;
    };
}

.home .event {
    background-color: #004e94;
    padding: 80px 0;
    position: relative;
}

@media (max-width:767px) {
    .home .event .container {
        padding: 0 10vw;
    };
}

.home .event--inner {
    position: relative;
    z-index: 2;
}

.home .event .section-title {
    margin-bottom: 80px;
}

@media (max-width:767px) {
    .home .event .section-title {
        margin-bottom: 30px;
    };
}

.home .event--wrapper {
    display: flex;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgba(255,255,255,.5);
    margin: auto;
    padding: 0;
    float: none;
}

@media (max-width:767px) {
    .home .event--wrapper {
        flex-direction: column-reverse;
    };
}

.home .event--content {
    padding: 7%;
    padding-right: 18%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

@media (max-width:1199px) {
    .home .event--content {
        padding-right: 7%;
    };
}

.home .event--content .title {
    font-family: Oswald,sans-serif;
    font-size: 35px;
    letter-spacing: .03em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:991px) {
    .home .event--content .title {
        font-size: 30px;
    };
}

@media (max-width:767px) {
    .home .event--content .title {
        width: 100%;
    };
}

.home .event--content .text {
    font-size: 16px;
    color: rgba(255,255,255,.8);
    line-height: 23px;
}

.home .event--content .button-glow {
    margin-top: 25px;
    width: 100%;
    max-width: 250px;
}

@media (max-width:767px) {
    .home .event--content .button-glow {
        margin: 25px auto 0;
        max-width: 140px;
    };
}

.home .event--thumb {
    max-width: 480px;
    flex: 0 0 43%;
}

@media (max-width:1199px) {
    .home .event--thumb {
        flex: 0 0 50%;
        max-width: none;
    };
}

.home .event--thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home .event--deco--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/event-deco-top.png);
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 14vw;
    height: 14vw;
    top: -10%;
    left: 20%;
}

@media (max-width:991px) {
    .home .event--deco--top {
        width: 20vw;
        height: 20vw;
        left: 0;
    };
}

@media (max-width:767px) {
    .home .event--deco--top {
        top: 0;
        width: 30vw;
        height: 30vw;
        left: -6%;
    };
}

.home .event--deco--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/event-deco-bottom.png);
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 14vw;
    height: 14vw;
    z-index: 1;
    bottom: -20%;
    left: 30%;
}

@media (max-width:991px) {
    .home .event--deco--bottom {
        width: 20vw;
        height: 20vw;
        bottom: -12%;
    };
}

@media (max-width:767px) {
    .home .event--deco--bottom {
        bottom: -5%;
        width: 30vw;
        height: 30vw;
        left: 20%;
    };
}

.home .gallery {
    background-color: #004e94;
    padding: 80px 0 120px;
    position: relative;
    background: #004e94 url(/wp-content/themes/salonpas_2025/public/images/home/gallery-home-bg.png);
    background-position: 50% 90px;
    background-repeat: no-repeat;
    background-size: 1270px;
}

@media (max-width:767px) {
    .home .gallery {
        background-size: 180%;
        background-position: 50% 20px;
        padding: 40px 0 60px;
    }

    .home .gallery .container {
        padding: 0 15vw;
    };
}

.home .gallery--home--slider {
    margin-top: 35%;
    position: relative;
    z-index: 1;
}

@media (max-width:1199px) {
    .home .gallery--home--slider {
        margin-top: 40%;
    };
}

@media (max-width:991px) {
    .home .gallery--home--slider {
        padding: 0 25px;
        margin-top: 60%;
    };
}

@media (max-width:767px) {
    .home .gallery--home--slider {
        padding: 0;
        margin-top: 99%;
    };
}

.home .gallery--home--slider .slide {
    padding: 80px 50px;
    display: none;
}

@media (min-width:1441px) {
    .home .gallery--home--slider .slide {
        padding: 100px 58px;
    };
}

@media (max-width:1199px) {
    .home .gallery--home--slider .slide {
        padding: 80px 40px;
    };
}

@media (max-width:991px) {
    .home .gallery--home--slider .slide {
        padding: 50px 30px;
    };
}

@media (max-width:767px) {
    .home .gallery--home--slider .slide {
        padding: 0;
    };
}

.home .gallery--home--slider img {
    width: 100%;
    height: 19vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

@media (min-width:1441px) {
    .home .gallery--home--slider img {
        height: 18vw;
    };
}

@media (max-width:1199px) {
    .home .gallery--home--slider img {
        height: 70vw;
    };
}

@media (max-width:991px) {
    .home .gallery--home--slider img {
        height: 23vw;
    };
}

@media (max-width:767px) {
    .home .gallery--home--slider img {
        height: 70vw;
    };
}

.home .gallery--home--slider .slick-track {
    display: flex;
    align-items: center;
}

.home .gallery--home--slider .slick-prev {
    left: 0;
}

@media (max-width:767px) {
    .home .gallery--home--slider .slick-prev {
        left: -30px;
    };
}

.home .gallery--home--slider .slick-prev img {
    width: 100%;
}

.home .gallery--home--slider .slick-next {
    right: 0;
}

@media (max-width:767px) {
    .home .gallery--home--slider .slick-next {
        right: -30px;
    };
}

.home .gallery--home--slider .slick-next img {
    width: 100%;
}

@media (max-width:767px) {
    .home .gallery--home--slider .slick-arrow {
        top: 50%;
    };
}

.home .gallery--home--slider .slick-arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home .gallery--home--slider .slick-slide,.home .gallery--home--slider .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
    transform: scale(1);
    transition: transform .3s;
}

@media (max-width:767px) {
    .home .gallery--home--slider .slick-slide,.home .gallery--home--slider .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
        transition: none;
    };
}

.home .gallery--home--slider .slick-center,.home .gallery--home--slider .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
    transform: scale(1.6);
}

@media (max-width:767px) {
    .home .gallery--home--slider .slick-center,.home .gallery--home--slider .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
        transform: scale(1);
    };
}

.home .gallery--home--slider .slick-dots {
    bottom: -30px;
}

.home .gallery--home--slider .slick-dots li {
    margin: 0 5px;
}

.home .gallery--home--slider .slick-dots li.slick-active {
    transform: scale(1);
}

.home .gallery .deco-top-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/gallery-right.png) no-repeat;
    background-size: contain;
    background-position: top right;
    width: 260px;
    width: 19vw;
    height: 216px;
    height: 16vw;
    top: -5%;
    right: 0;
}

@media (max-width:767px) {
    .home .gallery .deco-top-right {
        width: 40vw;
        height: 28vw;
        right: -15%;
        top: -2%;
    };
}

.home .gallery .deco-top-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/gallery-left.png) no-repeat 0 0;
    background-size: contain;
    left: 0;
    top: 5%;
    width: 224px;
    width: 14vw;
    height: 200px;
    height: 13vw;
}

@media (max-width:767px) {
    .home .gallery .deco-top-left {
        width: 70vw;
        height: 48vw;
        left: -27%;
        top: -5%;
    };
}

.home .gallery .deco-center-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/event-deco-top.png) no-repeat 0 0;
    background-size: contain;
    width: 13vw;
    height: 13vw;
    top: 20%;
    right: 5%;
    transform: rotate(-35deg);
}

@media (max-width:767px) {
    .home .gallery .deco-center-right {
        display: none;
    };
}

.home .gallery .deco-bottom-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home);
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/event-deco-top.png) no-repeat 0 0;
    background-size: contain;
    width: 13vw;
    height: 13vw;
    bottom: 2%;
    right: 2%;
    transform: rotate(10deg);
    z-index: 1;
}

@media (max-width:991px) {
    .home .gallery .deco-bottom-right {
        width: 50vw;
        height: 50vw;
        right: -23%;
        bottom: -20%;
    };
}

@media (max-width:767px) {
    .home .gallery .deco-bottom-right {
        width: 70vw;
        height: 70vw;
        right: -34%;
        bottom: -24%;
        transform: rotate(0);
    };
}

.home .gallery .deco-bottom-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/gallery-bottom.png) no-repeat 0 0;
    background-size: contain;
    width: 232px;
    width: 17vw;
    height: 144px;
    height: 10vw;
    bottom: -5%;
    left: 10%;
    z-index: 1;
}

@media (max-width:991px) {
    .home .gallery .deco-bottom-left {
        width: 50vw;
        height: 30vw;
        left: -25%;
        bottom: -18%;
    };
}

@media (max-width:767px) {
    .home .gallery .deco-bottom-left {
        width: 93vw;
        height: 60vw;
        left: -60%;
        bottom: -27%;
    };
}

.home .article {
    background-color: #004e94;
    padding: 80px 0 160px;
    position: relative;
}

@media (max-width:767px) {
    .home .article {
        padding: 60px 0;
    }

    .home .article .container {
        padding: 0 15vw;
    };
}

.home .article .section-title {
    margin-bottom: 80px;
}

@media (max-width:767px) {
    .home .article .section-title {
        margin-bottom: 30px;
    };
}

.home .article--inner {
    z-index: 1;
    position: relative;
}

.home .article--home--slider {
    padding: 0 19.5%;
}

@media (min-width:1441px) {
    .home .article--home--slider {
        padding: 0 10%;
    };
}

@media (max-width:1199px) {
    .home .article--home--slider {
        padding: 0 15%;
    };
}

@media (max-width:991px) {
    .home .article--home--slider {
        padding: 0 10%;
    };
}

@media (max-width:767px) {
    .home .article--home--slider {
        padding: 0;
    };
}

.home .article--home--slider .slide {
    padding: 50% 10%;
    display: none;
}

@media (max-width:767px) {
    .home .article--home--slider .slide {
        padding: 0;
    };
}

.home .article--home--slider .slide .thumb {
    height: 220px;
}

@media (max-width:1199px) {
    .home .article--home--slider .slide .thumb {
        height: 200px;
    };
}

@media (max-width:991px) {
    .home .article--home--slider .slide .thumb {
        height: 180px;
    };
}

@media (max-width:767px) {
    .home .article--home--slider .slide .thumb {
        height: 83vw;
    };
}

.home .article--home--slider .slide .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home .article--home--slider .slide .content {
    background-color: #fff;
    color: #004e94;
    padding: 15px;
}

@media (max-width:767px) {
    .home .article--home--slider .slide .content {
        padding: 20px 15px;
    };
}

.home .article--home--slider .slide .content .title {
    font-family: Oswald,sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width:767px) {
    .home .article--home--slider .slide .content .title {
        font-size: 20px;
        margin: 15px 0 40px;
    };
}

.home .article--home--slider .slide .button-outline {
    font-size: 7px;
    padding: 6px 15px;
}

@media (max-width:767px) {
    .home .article--home--slider .slide .button-outline {
        font-size: 12px;
    };
}

.home .article .slick-track {
    display: flex;
    align-items: center;
}

@media (max-width:767px) {
    .home .article .slick-prev {
        left: -30px;
    };
}

@media (max-width:767px) {
    .home .article .slick-next {
        right: -30px;
    };
}

.home .article .slick-slide,.home .article .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
    transform: scale(1,1);
    opacity: .5;
    transition: transform .3s;
    filter: blur(0);
    backface-visibility: hidden;
    perspective: 1000;
}

@media (max-width:767px) {
    .home .article .slick-slide,.home .article .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] {
        transition: none;
        opacity: 1;
    };
}

.home .article .slick-center,.home .article .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
    transform: scale(1.5,1.5);
    opacity: 1;
}

@media (max-width:767px) {
    .home .article .slick-center,.home .article .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] {
        transform: scale(1);
    };
}

.home .article .slick-dots {
    bottom: -30px;
}

.home .article .slick-dots li {
    margin: 0 5px;
}

.home .article .slick-dots li.slick-active {
    transform: scale(1);
}

.home .article .deco-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/latest-article-left.png) no-repeat;
    width: 178px;
    width: 17vw;
    height: 121px;
    height: 12vw;
    top: 35%;
    left: 8%;
    background-size: contain;
}

@media (max-width:1199px) {
    .home .article .deco-left {
        left: 2vw;
    };
}

@media (max-width:991px) {
    .home .article .deco-left {
        left: -2%;
    };
}

@media (max-width:767px) {
    .home .article .deco-left {
        display: none;
    };
}

.home .article .deco-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/latest-article-right.png) no-repeat top right;
    background-size: contain;
    width: 257px;
    width: 17vw;
    height: 265px;
    height: 18vw;
    right: 0;
    top: 15%;
}

@media (max-width:767px) {
    .home .article .deco-right {
        display: none;
    };
}

.home .parallax {
    background-color: #004e94;
    padding: 80px 0;
    position: relative;
}

@media (max-width:767px) {
    .home .parallax {
        padding: 60px 0;
    }

    .home .parallax .container {
        padding: 0 10vw;
    };
}

.home .parallax .section-title img {
    max-width: 170px;
    width: 100%;
}

.home .parallax-content {
    position: relative;
    z-index: 1;
}

.home .parallax-content .image-bg {
    margin-bottom: 20px;
}

.home .parallax-content .image-bg img {
    max-width: none;
    width: 988px;
    height: 100%;
    object-fit: contain;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
}

@media (max-width:991px) {
    .home .parallax-content .image-bg img {
        width: 420px;
    };
}

.home .parallax-content .text {
    max-width: 680px;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
}

@media (max-width:767px) {
    .home .parallax-content .text {
        font-size: 10px;
    };
}

.home .parallax-text-bottom,.home .parallax-text-top {
    font-weight: 700;
    font-size: 155px;
    font-size: 11.4vw;
    transform: rotate(-7deg);
    position: absolute;
    white-space: nowrap;
}

@media (max-width:767px) {
    .home .parallax-text-bottom,.home .parallax-text-top {
        font-size: 10vw;
    };
}

.home .parallax-text-top {
    color: #fff;
    text-shadow: 0 0 25px rgba(255,255,255,.5);
    left: -63%;
    top: 31%;
}

@media (max-width:991px) {
    .home .parallax-text-top {
        top: 37%;
        left: -17%;
    };
}

@media (max-width:767px) {
    .home .parallax-text-top {
        top: 43%;
        left: -16vw;
    };
}

.home .parallax-text-bottom {
    color: #00f2f7;
    text-shadow: 0 0 25px rgba(0,242,247,.5);
    top: 26%;
    right: -68%;
}

@media (max-width:991px) {
    .home .parallax-text-bottom {
        top: 45%;
        right: -37%;
    };
}

@media (max-width:767px) {
    .home .parallax-text-bottom {
        top: 47%;
        right: -30%;
    };
}

.home .parallax .deco-top-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/parallax-top-left.png) no-repeat 0 0;
    background-size: contain;
    left: 0;
    top: 13%;
    width: 247px;
    width: 18vw;
    height: 182px;
    height: 14vw;
}

.home .parallax .deco-top-center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/event-deco-top.png) no-repeat 0 0;
    background-size: contain;
    width: 10vw;
    height: 10vw;
    top: -5%;
    left: 23%;
    transform: rotate(-35deg);
}

@media (max-width:767px) {
    .home .parallax .deco-top-center {
        display: none;
    };
}

.home .parallax .deco-top-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/parallax-top-right.png) no-repeat top right;
    background-size: contain;
    right: 0;
    top: -12%;
    width: 257px;
    width: 18vw;
    height: 300px;
    height: 22vw;
}

@media (max-width:767px) {
    .home .parallax .deco-top-right {
        top: -2%;
    };
}

.home .parallax .deco-bottom-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/parallax-bottom-left.png) no-repeat 0 0;
    background-size: contain;
    left: 5%;
    bottom: 13%;
    width: 145px;
    width: 11vw;
    height: 90px;
    height: 6vw;
    z-index: 1;
}

@media (max-width:991px) {
    .home .parallax .deco-bottom-left {
        bottom: 0;
    };
}

@media (max-width:767px) {
    .home .parallax .deco-bottom-left {
        height: 22vh;
        width: 35vh;
        left: -30%;
        bottom: -10%;
    };
}

.home .parallax .deco-bottom-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/parallax-bottom-right.png) no-repeat 0 0;
    background-size: contain;
    right: 0;
    bottom: -7%;
    width: 220px;
    height: 175px;
    height: 13vw;
    width: 16vw;
    z-index: 1;
}

@media (max-width:767px) {
    .home .parallax .deco-bottom-right {
        height: 22vh;
        width: 35vh;
        right: -30%;
        bottom: -10%;
    };
}

.home .product-home {
    background-color: #004e94;
    position: relative;
}

@media (max-width:767px) {
    .home .product-home {
        padding: 60px 0;
    }

    .home .product-home .container {
        padding: 0 10vw;
    };
}

.home .product-home .section-title {
    margin-bottom: 30px;
    font-size: 50px;
}

@media (max-width:991px) {
    .home .product-home .section-title {
        font-size: 35px;
    };
}

@media (max-width:767px) {
    .home .product-home .section-title {
        margin-bottom: 30px;
        font-size: 22px;
    };
}

.home .product-home-content {
    padding: 0 13%;
}

@media (max-width:767px) {
    .home .product-home-content {
        padding: 0;
    };
}

.home .product-home .deco-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/product-left.png) no-repeat 0 0;
    background-size: contain;
    left: 0;
    top: 15%;
    width: 250px;
    height: 317px;
    width: 18vw;
    height: 23vw;
}

@media (max-width:767px) {
    .home .product-home .deco-left {
        top: 35%;
    };
}

.home .product-home .deco-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/product-right.png) no-repeat top right;
    background-size: contain;
    right: 0;
    bottom: 15%;
    width: 158px;
    width: 12vw;
    height: 224px;
    height: 17vw;
    z-index: 1;
}

@media (max-width:767px) {
    .home .product-home .deco-right {
        bottom: -6%;
        width: 20vw;
        height: 28vw;
    };
}

.home .store {
    background-color: #004e94;
    padding: 0 0 100px;
    position: relative;
}

@media (max-width:767px) {
    .home .store {
        padding: 0 0 60px;
    }

    .home .store .container {
        padding: 0 10vw;
    };
}

.home .store .section-title {
    margin-bottom: 70px;
    font-size: 65px;
}

@media (max-width:991px) {
    .home .store .section-title {
        font-size: 35px;
    };
}

@media (max-width:767px) {
    .home .store .section-title {
        margin-bottom: 30px;
        font-size: 22px;
    };
}

.home .store-list {
    padding: 0 25%;
}

.home .store-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.home .store-list ul li {
    margin: 0;
    padding: 0;
}

@media (max-width:767px) {
    .home .store-list ul {
        flex-direction: column;
    };
}

.home .store-list ul li {
    flex: 1;
    margin: 0 5px;
    border: 2px solid #fff;
    box-shadow: inset 0 0 5px rgba(255,255,255,.5),0 0 5px rgba(255,255,255,.5);
    border-radius: 4px;
}

@media (max-width:767px) {
    .home .store-list ul li {
        margin-bottom: 40px;
    };
}

.home .store-list ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.home .store .deco-left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/store-left.png) no-repeat 0 0;
    background-size: contain;
    top: -30%;
    left: 0;
    width: 300px;
    width: 20vw;
    height: 186px;
    height: 13vw;
}

@media (max-width:767px) {
    .home .store .deco-left {
        top: 20%;
        width: 65vw;
        height: 60vw;
        left: -40%;
    };
}

.home .store .deco-right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/home/product-left.png) no-repeat top right;
    background-size: contain;
    right: 0;
    top: 50%;
    width: 60vw;
    height: 40vw;
    right: -42%;
    transform: scaleX(-1);
    display: none;
}

@media (max-width:767px) {
    .home .store .deco-right {
        display: block;
    };
}

.activity {
    background-color: #004e94;
}

.activity .ongoing {
    padding: 0 0 120px;
    position: relative;
    z-index: 1;
}

@media (max-width:991px) {
    .activity .ongoing {
        padding: 0 0 35px;
    };
}

.activity .ongoing .container {
    padding: 0 50px;
    position: relative;
    z-index: 1;
}

@media (max-width:991px) {
    .activity .ongoing .container {
        padding: 0 15px;
    };
}

@media (max-width:767px) {
    .activity .ongoing .container {
        padding: 0 35px;
    };
}

.activity .ongoing .activity--content {
    padding-right: 5%;
}

@media (max-width:767px) {
    .activity .ongoing .activity--content {
        padding-right: 0;
    };
}

.activity .ongoing .deco--left--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/ongoing/deco-left-bottom.png) no-repeat top left;
    background-size: contain;
    width: 9vw;
    height: 10vw;
    bottom: 0;
    left: 0;
}

.activity .ongoing .deco--right--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/ongoing/deco-right-center.png) no-repeat center center;
    background-size: contain;
    width: 9vw;
    height: 6vw;
    top: 30%;
    right: 10vw;
    z-index: -1;
}

.activity .upcoming {
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

@media (max-width:991px) {
    .activity .upcoming {
        padding: 35px 0;
    };
}

.activity .upcoming .container {
    padding: 0 50px;
    position: relative;
    z-index: 1;
}

@media (max-width:991px) {
    .activity .upcoming .container {
        padding: 0 15px;
    };
}

@media (max-width:767px) {
    .activity .upcoming .container {
        padding: 0 35px;
    };
}

.activity .upcoming .activity--inner {
    flex-direction: row-reverse;
}

.activity .upcoming .activity--inner .activity--content {
    padding-left: 5%;
}

@media (min-width:1441px) {
    .activity .upcoming .activity--inner .activity--content {
        padding-left: 10%;
    };
}

@media (max-width:767px) {
    .activity .upcoming .activity--inner .activity--content {
        padding-left: 0;
    };
}

.activity .upcoming .deco--top--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/upcoming/deco-top-center.png) no-repeat center center;
    background-size: contain;
    width: 14vw;
    height: 14vw;
    top: -10%;
    left: 37%;
}

.activity .upcoming .deco--top--right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/upcoming/deco-top-right.png) no-repeat top right;
    background-size: contain;
    right: 0;
    top: -7%;
    width: 13vw;
    height: 10vw;
}

.activity .upcoming .deco--bottom--left {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/upcoming/deco-bottom-left.png) no-repeat top left;
    background-size: contain;
    bottom: 10%;
    left: 0;
    width: 9vw;
    height: 14vw;
}

.activity .upcoming .deco--bottom--right {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/upcoming/deco-bottom-right.png) no-repeat top right;
    background-size: contain;
    width: 12vw;
    height: 13vw;
    bottom: 15%;
    right: 0;
}

.activity .event-title {
    font-weight: 700;
    font-size: 78px;
    color: #0ff;
    text-shadow: 0 0 40px rgba(0,255,255,.5);
    margin-top: 0;
    text-transform: uppercase;
    flex-grow: 1;
}

@media (min-width:1441px) {
    .activity .event-title {
        font-size: 100px;
    };
}

@media (max-width:1199px) {
    .activity .event-title {
        font-size: 65px;
    };
}

@media (max-width:991px) {
    .activity .event-title {
        font-size: 45px;
    };
}

@media (max-width:767px) {
    .activity .event-title {
        font-size: 39px;
        margin-bottom: 35px;
    };
}

.activity--inner {
    display: flex;
}

@media (max-width:767px) {
    .activity--inner {
        flex-direction: column-reverse!important;
        padding: 0 15px;
    };
}

.activity--inner .content-title {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 30px;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
}

@media (min-width:1441px) {
    .activity--inner .content-title {
        font-size: 52px;
    };
}

@media (max-width:991px) {
    .activity--inner .content-title {
        font-size: 24px;
    };
}

@media (max-width:767px) {
    .activity--inner .content-title {
        font-size: 20px;
        margin-bottom: 20px;
    };
}

.activity--inner .content-text {
    font-size: 16px;
    color: rgba(255,255,255,.8);
    line-height: 25px;
    padding-right: 23%;
    margin-bottom: 30px;
}

@media (min-width:1441px) {
    .activity--inner .content-text {
        font-size: 20px;
        line-height: 1.5;
    };
}

@media (max-width:991px) {
    .activity--inner .content-text {
        font-size: 14px;
    };
}

@media (max-width:767px) {
    .activity--inner .content-text {
        font-size: 12px;
        margin-bottom: 20px;
        padding-right: 0;
    };
}

.activity--inner .button-glow {
    max-width: 250px;
    display: block;
    margin: 30px 0;
}

@media (max-width:767px) {
    .activity--inner .button-glow {
        max-width: 135px;
        margin: 20px auto;
        width: 100%;
    };
}

.activity--content {
    display: flex;
    flex-direction: column;
    max-width: 50%;
}

@media (max-width:767px) {
    .activity--content {
        max-width: none;
    };
}

.activity--thumbnail {
    flex: 1;
}

.activity--thumbnail img {
    box-shadow: 21px 21px 21px rgba(0,0,0,.16);
    border-radius: 4px;
}

@media (min-width:1441px) {
    .activity--thumbnail img {
        width: 100%;
    };
}

.activity .opening {
    min-height: 52vw;
    height: calc(100vh - 60px);
    position: relative;
}

@media (max-width:991px) {
    .activity .opening {
        height: auto;
        overflow: visible;
    };
}

@media (max-width:767px) {
    .activity .opening {
        padding-top: 30px;
    };
}

.activity .opening:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/activity-bg.png) no-repeat top center;
    background-size: cover;
    z-index: -1;
}

.activity .opening .container {
    height: 100%;
}

@media (max-width:767px) {
    .activity .opening .container {
        padding: 0 10vw;
    };
}

.activity .opening--inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.activity .opening h1 {
    font-weight: 700;
    font-size: 189px;
    color: #0ff;
    text-shadow: 0 0 40px rgba(0,255,255,.5);
    text-align: center;
    margin-top: 0;
    width: 100%;
    margin: 8% 0;
    text-transform: uppercase;
}

@media (min-width:1441px) {
    .activity .opening h1 {
        font-size: 250px;
    };
}

@media (max-width:1199px) {
    .activity .opening h1 {
        font-size: 160px;
    };
}

@media (max-width:767px) {
    .activity .opening h1 {
        font-size: 20vw;
        margin-left: -30px;
    };
}

.activity .opening--content {
    display: flex;
    height: 30%;
}

@media (max-width:991px) {
    .activity .opening--content {
        height: auto;
        padding-bottom: 8%;
    };
}

.activity .opening--content .text {
    font-size: 20px;
    color: rgba(255,255,255,.8);
    flex: 0 0 49%;
    line-height: 35px;
    padding-left: 13%;
}

@media (min-width:1441px) {
    .activity .opening--content .text {
        padding-left: 0;
    };
}

@media (max-width:991px) {
    .activity .opening--content .text {
        padding-left: 0;
        padding-right: 4%;
    };
}

@media (max-width:767px) {
    .activity .opening--content .text {
        font-size: 12px;
        line-height: 20px;
    };
}

.activity .opening--content .image {
    flex: 1;
    position: relative;
}

.activity .opening--content .image img {
    transform: scale(1) translateY(-25%);
    position: absolute;
}

@media (min-width:1441px) {
    .activity .opening--content .image img {
        transform: scale(1.5) translate(10%,-10%);
    };
}

@media (max-width:991px) {
    .activity .opening--content .image img {
        transform: scale(1.3) translateY(-15%);
    };
}

.activity .opening .deco--left--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/opening/deco-left-top.png) no-repeat top left;
    background-size: contain;
    width: 13vw;
    height: 15vw;
    top: 8%;
    left: 0;
}

.activity .opening .deco--left--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/opening/deco-left-bottom.png) no-repeat top left;
    background-size: contain;
    width: 6vw;
    height: 8vw;
    bottom: 5%;
    left: 0;
}

.activity .opening .deco--right--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/opening/deco-right-top.png) no-repeat top right;
    background-size: contain;
    width: 8vw;
    height: 10vw;
    top: 10%;
    right: 0;
}

.activity .opening .deco--right--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/activity/opening/deco-right-bottom.png) no-repeat top right;
    background-size: contain;
    width: 22vw;
    height: 15vw;
    bottom: 10%;
    z-index: -1;
    right: 0;
}

.article {
    background-color: #004e94;
}

.article .article--top--slider .slick-slide {
    height: 43vw;
    position: relative;
}

@media (max-width:991px) {
    .article .article--top--slider .slick-slide {
        height: 50vw;
        min-height: 50vh;
    };
}

@media (max-width:767px) {
    .article .article--top--slider .slick-slide {
        height: auto;
    };
}

.article .article--top--slider .slick-slide div {
    height: 100%;
}

.article .article--top--slider .slide {
    display: none;
}

.article .article--top--slider .slide--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

@media (max-width:767px) {
    .article .article--top--slider .slide--img {
        position: relative;
        height: 89vw!important;
    };
}

.article .article--top--slider .slide--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;
}

@media (max-width:767px) {
    .article .article--top--slider .slide--content .container {
        padding: 0 10vw;
    };
}

.article .article--top--slider .slide--content--wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 34%;
}

@media (max-width:991px) {
    .article .article--top--slider .slide--content--wrapper {
        max-width: 45%;
    };
}

@media (max-width:767px) {
    .article .article--top--slider .slide--content--wrapper {
        max-width: none;
        padding-bottom: 50px;
    };
}

.article .article--top--slider .slide--content--wrapper .title {
    font-family: Oswald,sans-serif;
    font-size: 35px;
    margin-bottom: 30px;
    letter-spacing: .03em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0;
}

@media (max-width:991px) {
    .article .article--top--slider .slide--content--wrapper .title {
        font-size: 29px;
    };
}

@media (max-width:767px) {
    .article .article--top--slider .slide--content--wrapper .title {
        width: 100%;
        margin-bottom: 20px;
    };
}

.article .article--top--slider .slide--content--wrapper .text {
    font-size: 16px;
    line-height: 23px;
    color: rgba(255,255,255,.8);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width:767px) {
    .article .article--top--slider .slide--content--wrapper .text {
        font-size: 12px;
    };
}

.article .article--top--slider .slide--content--wrapper .button-glow {
    margin-top: 25px;
    width: 100%;
    max-width: 250px;
    display: block;
}

@media (max-width:767px) {
    .article .article--top--slider .slide--content--wrapper .button-glow {
        margin: 15px auto 0;
        max-width: 140px;
    };
}

.article .article--top--slider .slide--content--wrapper .button-glow span {
    color: #fff;
}

.article .article--top--slider .slick-dots {
    position: relative;
    max-width: 1170px;
    padding: 0 15px;
}

@media (min-width:1441px) {
    .article .article--top--slider .slick-dots {
        max-width: 1420px;
    };
}

@media (max-width:1199px) {
    .article .article--top--slider .slick-dots {
        max-width: 970px;
    };
}

@media (max-width:991px) {
    .article .article--top--slider .slick-dots {
        max-width: 750px;
    };
}

.article .article--top--slider .slick-dots li {
    margin: 0;
    flex: 1;
    width: 100%;
    transform: scale(1);
    height: 3px;
    border-radius: 4px;
}

@media (max-width:767px) {
    .article .article--top--slider .slick-dots li {
        width: 8px;
        height: 8px;
        flex: none;
        margin: 0 5px;
    };
}

.article .article--top--slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #fff;
}

@media (max-width:767px) {
    .article .article--top--slider .slick-dots li button {
        background-color: rgba(255,255,255,.5);
    };
}

.article .article--top--slider .slick-dots li.slick-active button {
    background-color: #249fff;
}

@media (max-width:767px) {
    .article .article--top--slider .slick-dots li.slick-active button {
        background-color: #fff;
    };
}

@media (max-width:767px) {
    .article .article--top--slider .slick-arrow {
        top: 40%;
    };
}

@media (max-width:767px) {
    .article .article--slider--thumb {
        display: none;
    };
}

.article .article--slider--thumb .slide {
    display: none;
}

.article .article--slider--thumb.slick-initialized .slide {
    display: flex!important;
    align-items: flex-start;
    cursor: pointer;
}

.article .article--slider--thumb.slick-initialized .slide--img {
    flex: 0 0 6vw;
}

.article .article--slider--thumb.slick-initialized .slide--img img {
    width: 100%;
    height: 112px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.article .article--slider--thumb.slick-initialized .slide--content {
    flex: 1;
    padding: 0 20px 0 10px;
}

.article .article--slider--thumb.slick-initialized .slide--content .title {
    margin: 0;
    font-family: Oswald,sans-serif;
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

@media (max-width:991px) {
    .article .article--slider--thumb.slick-initialized .slide--content .title {
        font-size: 14px;
    };
}

.article .article--banner {
    padding-top: 60px;
}

@media (max-width:767px) {
    .article .article--banner {
        padding-top: 30px;
    }

    .article .article--banner .container {
        padding: 0 10vw;
    };
}

.article .article--banner--wrapper {
    border: 8px solid #fff;
    box-shadow: 0 0 10px rgba(255,255,255,.5);
    display: flex;
}

@media (max-width:991px) {
    .article .article--banner--wrapper {
        border-width: 3px;
    };
}

@media (max-width:767px) {
    .article .article--banner--wrapper {
        flex-direction: column;
    };
}

.article .article--banner--wrapper .banner--thumb {
    flex: 0 0 58%;
}

@media (max-width:991px) {
    .article .article--banner--wrapper .banner--thumb {
        flex: 0 0 50%;
    };
}

.article .article--banner--wrapper .banner--thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.article .article--banner--wrapper .banner--content {
    flex: 1;
    padding: 5%;
    padding-right: 8%;
}

@media (max-width:1199px) {
    .article .article--banner--wrapper .banner--content {
        padding-right: 5%;
    };
}

.article .article--banner--wrapper .banner--content span {
    color: #fff;
}

.article .article--banner--wrapper .banner--content .title {
    font-family: Oswald,sans-serif;
    font-size: 35px;
    letter-spacing: .03em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:991px) {
    .article .article--banner--wrapper .banner--content .title {
        font-size: 30px;
    };
}

@media (max-width:767px) {
    .article .article--banner--wrapper .banner--content .title {
        width: 100%;
    };
}

.article .article--banner--wrapper .banner--content .text {
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.article .article--banner--wrapper .banner--content .button-glow {
    margin-top: 25px;
    width: 100%;
    max-width: 250px;
    display: block;
}

@media (max-width:767px) {
    .article .article--banner--wrapper .banner--content .button-glow {
        margin: 25px auto 0;
        max-width: 140px;
    };
}

.article .article--banner--wrapper .banner--content .button-glow span {
    color: #fff;
}

.article .article--lists {
    padding: 60px 0;
}

@media (max-width:767px) {
    .article .article--lists {
        padding: 30px 0;
    }

    .article .article--lists .container {
        padding: 0 10vw;
    };
}

.article .article--lists .list {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    transition: .3s;
}

@media (max-width:767px) {
    .article .article--lists .list {
        padding: 20px 0;
    };
}

.article .article--lists .list:after {
    content: '';
    background-color: #0ff;
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    transition: .3s;
    filter: blur(10px);
    opacity: 0;
    z-index: -1;
}

.article .article--lists .list:hover {
    transform: translateY(-5px);
}

.article .article--lists .list:hover:after {
    opacity: .6;
}

.article .article--lists .list-content {
    background-color: #fff;
    padding: 20px 25px;
}

.article .article--lists .list-content .title {
    line-height: 1.4;
    margin-top: 0;
    color: #004e94;
    font-weight: 700;
    font-family: Oswald,sans-serif;
    font-size: 19px;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.article .article--lists .list-content .btn-solid {
    padding: 10px 15px;
}

.article .article--lists .list:hover {
    transform: translateY(-5px);
}

.article .article--lists .list:hover:after {
    opacity: .8;
}

.article .article--detail--top {
    min-height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/wp-content/themes/salonpas_2025/public/images/article/detail-bg.png) no-repeat top center;
    background-size: cover;
}

@media (max-width:991px) {
    .article .article--detail--top {
        min-height: auto;
    };
}

@media (max-width:767px) {
    .article .article--detail--top {
        min-height: calc(100vh - 55px);
        background-size: 1036px;
        background-position: 25% 0;
    }

    .article .article--detail--top .container {
        padding: 0 10vw;
    };
}

.article .article--detail--text {
    padding-bottom: 80px;
    font-size: 16px;
    color: rgba(255,255,255,.8);
    line-height: 1.6;
}

@media (max-width:767px) {
    .article .article--detail--text {
        font-size: 12px;
        line-height: 20px;
    }

    .article .article--detail--text .container {
        padding: 0 10vw;
    };
}

.article .article--detail--text p {
    margin-bottom: 0;
}

.article .article--detail--text img {
    display: block;
}

.article .article--top--wrapper {
    display: flex;
    padding: 6% 0;
}

@media (max-width:767px) {
    .article .article--top--wrapper {
        flex-direction: column-reverse;
    };
}

.article .article--top--wrapper>div {
    flex: 1;
}

.article .article--top--wrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 15%;
    flex: 0 0 50%;
}

@media (max-width:991px) {
    .article .article--top--wrapper .content {
        padding-right: 15px;
    };
}

@media (max-width:767px) {
    .article .article--top--wrapper .content {
        padding-right: 20%;
    };
}

.article .article--top--wrapper .content .title {
    font-size: 50px;
    font-weight: 700;
    font-family: Oswald,sans-serif;
    margin-bottom: 30px;
    margin-top: 0;
}

@media (max-width:991px) {
    .article .article--top--wrapper .content .title {
        font-size: 38px;
    };
}

@media (max-width:767px) {
    .article .article--top--wrapper .content .title {
        font-size: 29px;
        margin-top: 40px;
        line-height: 35px;
    };
}

.article .article--top--wrapper .content p {
    font-size: 20px;
    color: rgba(255,255,255,.8);
    line-height: 1.7;
    margin-bottom: 0;
}

@media (max-width:767px) {
    .article .article--top--wrapper .content p {
        font-size: 12px;
        line-height: 20px;
    };
}

.article .article--top--wrapper .thumb {
    height: 100%;
}

.article .article--top--wrapper .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width:767px) {
    .article .article--widget .container {
        padding: 0 10vw;
    };
}

.article .article--widget--inner {
    border-top: 4px solid #fff;
    padding: 80px 0;
}

@media (max-width:767px) {
    .article .article--widget--inner {
        padding: 60px 0;
    };
}

.article .article--widget .section-title {
    margin-bottom: 60px;
}

@media (max-width:767px) {
    .article .article--widget .section-title {
        margin-bottom: 20px;
    };
}

.article .article--widget .list {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
}

@media (max-width:991px) {
    .article .article--widget .list {
        padding: 10px;
    };
}

.article .article--widget .list:after {
    content: '';
    background-color: #0ff;
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    transition: .3s;
    filter: blur(10px);
    opacity: 0;
    z-index: -1;
}

.article .article--widget .list:hover {
    transform: translateY(-5px);
}

.article .article--widget .list:hover:after {
    opacity: .6;
}

.article .article--widget .list-content {
    background-color: #fff;
    padding: 20px 25px;
}

@media (max-width:991px) {
    .article .article--widget .list-content {
        padding: 15px;
    };
}

.article .article--widget .list-content .title {
    line-height: 1.4;
    margin-top: 0;
    color: #004e94;
    font-weight: 700;
    font-family: Oswald,sans-serif;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:767px) {
    .article .article--widget .list-content .title {
        font-size: 12px;
        margin-bottom: 10px;
    };
}

.article .article--widget .list-content .btn-solid {
    padding: 10px 15px;
}

@media (max-width:767px) {
    .article .article--widget .list-content .btn-solid {
        font-size: 8px;
        padding: 8px 15px;
        line-height: 1;
    };
}

.gallery {
    background-color: #004e94;
}

.gallery .opening {
    position: relative;
}

@media (max-width:767px) {
    .gallery .opening {
        padding-bottom: 70px;
    };
}

.gallery .opening:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/salonpas_2025/public/images/galleries/gallery-opening-bg.png) no-repeat;
    background-size: contain;
    background-position: top center;
}

@media (max-width:767px) {
    .gallery .opening:before {
        background-size: 767px;
        top: 7%;
    };
}

.gallery .opening h1 {
    font-weight: 700;
    font-size: 20vw;
    color: #0ff;
    text-shadow: 0 0 40px rgba(0,255,255,.5);
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 100px 0 80px;
    padding: 7.3% 0 5.9%;
    text-transform: uppercase;
}

.gallery .opening-slider-event {
    height: 29.4vw;
}

@media (max-width:991px) {
    .gallery .opening-slider-event {
        height: 27vw;
    };
}

@media (max-width:767px) {
    .gallery .opening-slider-event {
        height: 61vw;
        margin-top: 28vh;
    };
}

.gallery .opening-slider-event div {
    height: 100%;
}

.gallery .opening-slider-event .slick-slide {
    padding: 5px;
}

.gallery .opening-slider-event .slide {
    border-radius: 4px;
    overflow: hidden;
}

.gallery .opening-slider-event .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.gallery .gallery-tabs {
    padding: 60px 0;
}

@media (max-width:767px) {
    .gallery .gallery-tabs {
        padding: 0 0 40px;
    }

    .gallery .gallery-tabs .container {
        padding: 0 10vw;
    };
}

.gallery .gallery-tabs .nav-tabs {
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 330px;
    margin: 38px auto;
}

@media (max-width:767px) {
    .gallery .gallery-tabs .nav-tabs {
        max-width: 240px;
        padding: 7px;
        margin: 15px auto;
    };
}

.gallery .gallery-tabs .nav-tabs li {
    float: none;
    margin-left: 20%;
    margin-bottom: 0;
    flex: 0 0 115px;
}

@media (max-width:767px) {
    .gallery .gallery-tabs .nav-tabs li {
        flex: 0 0 80px;
    };
}

.gallery .gallery-tabs .nav-tabs li:first-child {
    margin-left: 0;
}

.gallery .gallery-tabs .nav-tabs li.active a {
    border-radius: 40px;
    background-color: #0ff;
    position: relative;
    color: #fff;
    border: none;
}

.gallery .gallery-tabs .nav-tabs li.active a:after {
    opacity: 1;
}

.gallery .gallery-tabs .nav-tabs li a {
    margin: 0;
    border-radius: 40px;
    padding: 13px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: none;
    cursor: pointer;
}

@media (max-width:767px) {
    .gallery .gallery-tabs .nav-tabs li a {
        font-size: 8px;
        padding: 10px;
    };
}

.gallery .gallery-tabs .nav-tabs li a:after {
    content: '';
    background-color: #249fff;
    border-radius: 40px;
    filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.gallery .gallery-tabs .nav-tabs li a:focus,.gallery .gallery-tabs .nav-tabs li a:hover {
    background-color: #0ff;
}

.gallery .gallery-tabs .nav-tabs li a:focus:after,.gallery .gallery-tabs .nav-tabs li a:hover:after {
    opacity: 1;
}

.gallery .gallery-tabs .nav-tabs li a span {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.gallery .gallery-tabs .tab-content {
    padding-top: 30px;
}

.gallery .gallery-tabs .tab-content .list {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
}

.gallery .gallery-tabs .tab-content .list:after {
    content: '';
    background-color: #0ff;
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    transition: .3s;
    filter: blur(10px);
    opacity: 0;
    z-index: -1;
}

.gallery .gallery-tabs .tab-content .list:hover {
    transform: translateY(-5px);
}

.gallery .gallery-tabs .tab-content .list:hover:after {
    opacity: .6;
}

.gallery .gallery-tabs .tab-content .list-content {
    background-color: #fff;
    padding: 15px 25px;
}

.gallery .gallery-tabs .tab-content .list-content .title {
    margin-top: 0;
    color: #004e94;
    font-weight: 700;
    font-family: Oswald,sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.gallery .gallery-tabs .tab-content .list-content .title svg {
    font-size: 20px;
    margin-right: 10px;
    margin-top: 3px;
}

.gallery .gallery-tabs .tab-content .list-content .content {
    font-size: 12px;
    color: rgba(0,0,0,.8);
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gallery .modal-event .modal-dialog {
    width: 100%;
    max-width: 890px;
    padding: 0 60px;
    margin: auto;
}

@media (max-width:991px) {
    .gallery .modal-event .modal-dialog {
        padding: 0 10vw;
    };
}

.gallery .modal-event-slide {
    opacity: 0;
    transition: .3s ease-out;
    transform: scale(.9);
}

.gallery .modal-event-slide.slick-initialized {
    opacity: 1;
    transform: scale(1);
}

.gallery .modal-event-slide .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .modal-event-slide .slick-track .slick-slide {
    height: 34vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:991px) {
    .gallery .modal-event-slide .slick-track .slick-slide {
        height: 51vw;
    };
}

.gallery .modal-event-slide .slick-track .slick-slide div {
    height: 100%;
    width: 100%;
}

.gallery .modal-event-slide .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.gallery .modal-thumbnail-slide {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px;
    margin-top: 15px;
}

@media (max-width:767px) {
    .gallery .modal-thumbnail-slide {
        padding: 0;
    };
}

.gallery .modal-thumbnail-slide .slick-slide {
    height: 79px;
    cursor: pointer;
}

@media (max-width:767px) {
    .gallery .modal-thumbnail-slide .slick-slide {
        height: 54px;
    };
}

.gallery .modal-thumbnail-slide .slick-slide .slide img {
    opacity: .7;
}

.gallery .modal-thumbnail-slide .slick-slide.slick-current .slide img {
    opacity: 1;
}

.gallery .modal-thumbnail-slide .slick-slide div {
    height: 100%;
}

.gallery .modal-thumbnail-slide .slick-slide>div {
    margin: 0 8px;
}

@media (max-width:767px) {
    .gallery .modal-thumbnail-slide .slick-slide>div {
        margin: 0 5px;
    };
}

.gallery .modal-thumbnail-slide .slide {
    background-color: #fff;
}

.gallery .modal-thumbnail-slide .slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: 1px solid #fff;
    margin: auto;
}

.gallery .modal-thumbnail-slide .slick-next {
    right: -22px;
}

@media (max-width:767px) {
    .gallery .modal-thumbnail-slide .slick-next {
        right: -30px;
    };
}

.gallery .modal-thumbnail-slide .slick-prev {
    left: -22px;
}

@media (max-width:767px) {
    .gallery .modal-thumbnail-slide .slick-prev {
        left: -30px;
    };
}

.gallery .modal-thumbnail-slide .slick-arrow {
    top: 0;
    bottom: 0;
    border: none;
    width: auto;
    max-height: none;
    transform: none;
    height: auto;
    color: #004e94;
}

.gallery .modal-sosmed .modal-dialog {
    width: 100%;
    max-width: 890px;
    padding: 0 60px;
    margin: auto;
}

@media (max-width:991px) {
    .gallery .modal-sosmed .modal-dialog {
        padding: 0 10vw;
    };
}

@media (max-width:767px) {
    .gallery .modal-sosmed .modal-dialog {
        top: 5vh;
        transform: scale(1) translateY(0)!important;
        padding-bottom: 10vw;
    };
}

.gallery .modal-sosmed-slide {
    opacity: 0;
    transition: .3s ease-out;
    transform: scale(.9);
}

.gallery .modal-sosmed-slide.slick-initialized {
    opacity: 1;
    transform: scale(1);
}

.gallery .modal-sosmed-slide .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .modal-sosmed-slide .slick-track .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .modal-sosmed-slide .slick-track .slick-slide>div {
    height: 100%;
    width: 100%;
}

.gallery .modal-sosmed-content {
    display: flex!important;
    height: 100%;
}

@media (max-width:767px) {
    .gallery .modal-sosmed-content {
        flex-direction: column;
    };
}

.gallery .modal-sosmed-content>div {
    flex: 0 0 50%;
}

@media (max-width:767px) {
    .gallery .modal-sosmed-content>div {
        flex: none;
    };
}

.gallery .modal-sosmed-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.gallery .modal-sosmed-desc {
    background-color: #fff;
    padding: 45px 35px;
    color: #000;
    display: flex;
    flex-direction: column;
}

@media (max-width:767px) {
    .gallery .modal-sosmed-desc {
        padding: 20px;
    };
}

.gallery .modal-sosmed-desc .title {
    margin-bottom: 30px;
    font-weight: 700;
    margin-top: 0;
    color: #004e94;
    font-weight: 700;
    font-family: Oswald,sans-serif;
    display: flex;
    align-items: center;
}

.gallery .modal-sosmed-desc .title svg {
    font-size: 20px;
    margin-right: 10px;
    margin-top: 3px;
}

.gallery .modal-sosmed-desc .date {
    color: #7d7d7d;
    margin-bottom: 15px;
}

.gallery .modal-sosmed-desc .content {
    flex-grow: 1;
    margin-bottom: 30px;
    min-height: 220px;
}

@media (max-width:767px) {
    .gallery .modal-sosmed-desc .content {
        min-height: auto;
    };
}

.gallery .modal-sosmed-desc .btn-solid {
    padding: 10px 15px;
    width: calc(100% - 10%);
    margin: auto;
}

.gallery .modal-sosmed .slick-next {
    right: -60px;
}

@media (max-width:767px) {
    .gallery .modal-sosmed .slick-next {
        right: -30px;
    };
}

.gallery .modal-sosmed .slick-prev {
    left: -60px;
}

@media (max-width:767px) {
    .gallery .modal-sosmed .slick-prev {
        left: -30px;
    };
}

.product {
    background-color: #004e94;
}

.product .product--slider {
    background-color: #004e94;
    min-height: calc(100vh - 55px);
}

@media (max-width:991px) {
    .product .product--slider {
        min-height: auto;
    };
}

.product .product--slider div {
    height: 100%;
}

@media (max-width:767px) {
    .product .product--slider div {
        height: calc(100vh - 55px);
    };
}

.product .product--slider .slide {
    height: 100%;
    position: relative;
    border-right: 1px solid #fff;
    display: none;
}

@media (max-width:767px) {
    .product .product--slider .slide {
        border: none;
    };
}

.product .product--slider .slide .thumb {
    position: absolute;
    width: 30vw;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width:991px) {
    .product .product--slider .slide .thumb {
        width: 100%;
    };
}

@media (max-width:767px) {
    .product .product--slider .slide .thumb {
        width: 100%;
    };
}

.product .product--slider .slide img {
    width: 25vw;
    max-width: none;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

@media (max-width:991px) {
    .product .product--slider .slide img {
        top: 45%;
    };
}

@media (max-width:767px) {
    .product .product--slider .slide img {
        width: 100%;
    };
}

.product .product--slider .slide p {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    bottom: 10%;
    color: #fff;
    font-weight: 700;
    opacity: 0;
    transition: .3s;
}

@media (min-width:1441px) {
    .product .product--slider .slide p {
        font-size: 20px;
    };
}

@media (max-width:991px) {
    .product .product--slider .slide p {
        opacity: 1;
    };
}

@media (max-width:767px) {
    .product .product--slider .slide p {
        bottom: 30px;
    };
}

.product .product--slider .slick-track {
    display: flex!important;
    align-items: center;
    overflow: hidden;
    position: relative;
    height: calc(100vh - 60px);
    min-height: 51vw;
    flex-wrap: wrap;
}

@media (max-width:991px) {
    .product .product--slider .slick-track {
        height: 51vw;
    };
}

@media (max-width:767px) {
    .product .product--slider .slick-track {
        height: 100%;
    };
}

.product .product--slider .slick-slide {
    flex: 1!important;
    overflow: hidden;
    transition: .3s;
    opacity: .6;
}

@media (max-width:767px) {
    .product .product--slider .slick-slide {
        flex: none!important;
        opacity: 1;
    };
}

.product .product--slider .slick-slide:hover {
    flex: 0 0 28%!important;
    opacity: 1;
}

@media (min-width:1440px) {
    .product .product--slider .slick-slide:hover {
        flex: 0 0 30%!important;
    };
}

.product .product--slider .slick-slide:hover p {
    opacity: 1;
}

@media (max-width:767px) {
    .product .product--slider .slick-slide:hover {
        flex: none!important;
    };
}

.product .product--slider .slick-slide:last-child .slide {
    border-right: none;
}

.product .product--detail {
    padding: 120px 0;
    position: relative;
}

@media (max-width:991px) {
    .product .product--detail {
        padding: 60px 0;
    }

    .product .product--detail .container {
        padding: 0 10vw;
    };
}

.product .product--detail:before {
    content: '';
    width: 285px;
    height: 3px;
    background-color: #0ff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
    margin: auto;
    z-index: 2;
}

.product .product--detail:after {
    content: '';
    width: 285px;
    height: 3px;
    background-color: #0ff;
    filter: blur(10px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.product .product--detail:last-child:after,.product .product--detail:last-child:before {
    display: none;
}

.product .product--detail--inner {
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 1;
}

@media (min-width:1441px) {
    .product .product--detail--inner {
        max-width: 1400px;
    };
}

.product .product--detail .product-content {
    position: relative;
}

.product .product--detail .product-content-top {
    display: flex;
    justify-content: flex-end;
}

@media (max-width:991px) {
    .product .product--detail .product-content-top {
        align-items: center;
    };
}

.product .product--detail .product-thumb {
    position: absolute;
    width: 45%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media (max-width:991px) {
    .product .product--detail .product-thumb {
        position: relative;
        width: auto;
        top: auto!important;
    }

    .product .product--detail .product-thumb img {
        transform: none!important;
    };
}

@media (max-width:767px) {
    .product .product--detail .product-thumb {
        flex: 0 0 45%;
    }

    .product .product--detail .product-thumb img {
        transform: translateY(-10%)!important;
    };
}

.product .product--detail .product-title p {
    font-size: 18px;
    font-family: Oswald,sans-serif;
    color: #0ff;
    text-shadow: 0 0 30px rgba(0,255,255,.5);
    margin-bottom: 0;
}

@media (min-width:1441px) {
    .product .product--detail .product-title p {
        font-size: 45px;
    };
}

@media (min-width:1921px) {
    .product .product--detail .product-title p {
        font-size: 24px;
    };
}

@media (max-width:991px) {
    .product .product--detail .product-title p {
        font-size: 16px;
    };
}

@media (max-width:767px) {
    .product .product--detail .product-title p {
        font-size: 14px;
    };
}

.product .product--detail .product-title h2 {
    font-weight: 700;
    font-size: 128px;
    color: #0ff;
    text-shadow: 0 0 30px rgba(0,255,255,.5);
    text-align: right;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (min-width:1441px) {
    .product .product--detail .product-title h2 {
        font-size: 9.5vw;
    };
}

@media (min-width:1921px) {
    .product .product--detail .product-title h2 {
        font-size: 7vw;
    };
}

@media (max-width:991px) {
    .product .product--detail .product-title h2 {
        font-size: 8vw;
    };
}

@media (max-width:767px) {
    .product .product--detail .product-title h2 {
        font-size: 9vw;
    };
}

.product .product--detail .product-text {
    width: 56%;
    margin-left: auto;
    padding-bottom: 30px;
}

@media (max-width:991px) {
    .product .product--detail .product-text {
        width: 100%;
    };
}

.product .product--detail .product-text p {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
}

@media (min-width:1441px) {
    .product .product--detail .product-text p {
        font-size: 20px;
    };
}

@media (max-width:991px) {
    .product .product--detail .product-text p {
        font-size: 14px;
    };
}

.product .product--detail .product-video .section-title {
    margin: 90px 0 60px;
}

@media (min-width:1441px) {
    .product .product--detail .product-video .section-title {
        margin-top: 15%;
    };
}

@media (max-width:991px) {
    .product .product--detail .product-video .section-title {
        margin: 40px 0 15px;
    };
}

.product #salonpas-gel .product-thumb {
    top: -5%;
}

@media (min-width:1441px) {
    .product #salonpas-gel .product-thumb {
        top: 7%;
    };
}

.product #salonpas-gel .deco--left--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gel/deco-left-top.png) no-repeat top left;
    background-size: contain;
    left: 0;
    top: 4%;
    width: 16vw;
    height: 16vw;
}

.product #salonpas-gel .deco--right--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gel/deco-right-top.png) no-repeat top right;
    background-size: contain;
    right: 0;
    top: 2%;
    width: 10vw;
    height: 9vw;
}

.product #salonpas-gel .deco--right--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gel/deco-right-bottom.png) no-repeat top right;
    background-size: contain;
    width: 15vw;
    height: 15vw;
    top: 36%;
    right: 0;
}

.product #salonpas-gelpatch .product-thumb img {
    transform: translate(5%,20%);
}

@media (min-width:1441px) {
    .product #salonpas-gelpatch .product-thumb img {
        transform: translate(5%,40%);
    };
}

.product #salonpas-gelpatch .deco--left--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gelpatch/deco-left-top.png) no-repeat top left;
    background-size: contain;
    width: 18vw;
    height: 15vw;
    top: 2%;
    left: 0;
}

.product #salonpas-gelpatch .deco--left--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gelpatch/deco-left-bottom.png) no-repeat top left;
    background-size: contain;
    width: 9vw;
    height: 8vw;
    left: 0;
    bottom: -30px;
    z-index: 1;
}

.product #salonpas-gelpatch .deco--right--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gelpatch/deco-right-top.png) no-repeat top right;
    background-size: contain;
    width: 13vw;
    height: 12vw;
    top: 0;
    right: 0;
}

.product #salonpas-gelpatch .deco--right--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gelpatch/deco-right-center.png) no-repeat center center;
    background-size: contain;
    width: 17vw;
    height: 12vw;
    top: 40%;
    right: 18%;
}

@media (max-width:1199px) {
    .product #salonpas-gelpatch .deco--right--center {
        top: 45%;
        right: 0;
    };
}

@media (max-width:991px) {
    .product #salonpas-gelpatch .deco--right--center {
        right: -10%;
        width: 25vw;
        height: 18vw;
    };
}

.product #salonpas-gelpatch .deco--right--bottom {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/gelpatch/deco-right-bottom.png) no-repeat top right;
    background-size: contain;
    width: 12vw;
    height: 19vw;
    bottom: -5%;
    right: 0;
}

.product #salonpas-cream .product-thumb img {
    transform: translate(5%,-30%);
}

@media (min-width:1441px) {
    .product #salonpas-cream .product-thumb img {
        transform: translate(5%,5%);
    };
}

.product #salonpas-cream .deco--left--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/cream/deco-left-center.png) no-repeat center left;
    background-size: contain;
    top: 40%;
    left: 0;
    width: 11vw;
    height: 11vw;
}

@media (max-width:1199px) {
    .product #salonpas-cream .deco--left--center {
        top: 45%;
    };
}

.product #salonpas-cream .deco--right--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/cream/deco-right-center.png) no-repeat center center;
    background-size: contain;
    top: 38%;
    right: 5%;
    width: 15vw;
    height: 8vw;
}

@media (max-width:1199px) {
    .product #salonpas-cream .deco--right--center {
        top: 45%;
        right: 0;
    };
}

@media (max-width:991px) {
    .product #salonpas-cream .deco--right--center {
        right: -10%;
        width: 25vw;
        height: 18vw;
    };
}

.product #salonpas-jetspray .product-thumb {
    justify-content: flex-start;
    align-items: flex-start;
    top: -10%;
}

@media (max-width:767px) {
    .product #salonpas-jetspray .product-thumb {
        justify-content: center;
        align-items: center;
    };
}

.product #salonpas-jetspray .product-thumb img {
    max-width: 300px;
}

@media (min-width:1441px) {
    .product #salonpas-jetspray .product-thumb img {
        max-width: 100%;
    };
}

@media (max-width:991px) {
    .product #salonpas-jetspray .product-thumb img {
        max-width: 85%;
    };
}

.product #salonpas-jetspray .deco--left--top {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/jetspray/deco-left-top.png) no-repeat 0 0;
    background-size: contain;
    width: 18vw;
    height: 13vw;
    left: 0;
    top: 0;
}

@media (max-width:991px) {
    .product #salonpas-jetspray .deco--left--top {
        left: -10%;
        width: 25vw;
        height: 20vw;
    };
}

.product #salonpas-jetspray .deco--right--center {
    position: absolute;
    background: url(/wp-content/themes/salonpas_2025/public/images/products/jetspray/deco-right-center.png) no-repeat 0 0;
    background-size: contain;
    top: 40%;
    right: 20%;
    width: 15vw;
    height: 11vw;
}

@media (max-width:991px) {
    .product #salonpas-jetspray .deco--right--center {
        top: 50%;
        right: -10%;
        width: 25vw;
        height: 21vw;
    };
}

.virtual-run .banner {
    height: calc(100vh - 60px);
    position: relative;
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/section1-slider.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    font-family: Oswald,Arial,sans-serif;
}

@media (max-width:768px) {
    .virtual-run .banner {
        background-image: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/slider-phone.jpg);
    };
}


@media (max-width:1380px) {
    .virtual-run .banner:before {
        bottom: 0;
        left: 5vw;
        right: 5vw;
    };
}

@media (max-width:768px) {
    .virtual-run .banner:before {
        display: none;
    };
}

.virtual-run .banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    height: 180px;
    background-image: linear-gradient(to bottom,transparent 10%,#001534 80%);
}

.virtual-run .banner--inner {
    padding: 60px 0 20px;
    color: #fff;
    height: 100%;
    position: relative;
    z-index: 2;
}

@media (max-width:768px) {
    .virtual-run .banner--inner {
        padding-top: 50px;
    };
}

.virtual-run .banner--main {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.virtual-run .banner--content {
    margin-top: auto;
	padding: 30;
}

.virtual-run .banner--countdown {
    font-size: 150px;
    font-weight: 700;
    line-height: 136px;
    letter-spacing: .01em;
    color: #fff;
    text-align: center;
	text-shadow: 1px 1px 2px lightblue, 0 0 25px #337ab7, 0 0 5px lightblue;
    background-color: #001534;
	background: rgba(0,0,0,0.5);
    border-radius: 20px;
    padding-bottom: 20px;
    padding-left: 20;
    padding-right: 20;
}

@media (min-width:1900px) {
    .virtual-run .banner--countdown {
        font-size: 180px;
        line-height: 176px;
    };
}

@media (max-width:992px) {
    .virtual-run .banner--countdown {
        font-size: 120px;
        line-height: 116px;
    };
}

@media (max-width:768px) {
    .virtual-run .banner--countdown {
        font-size: 90px;
        line-height: 84px;
    };
}

@media (max-width:560px) {
    .virtual-run .banner--countdown {
        font-size: 80px;
        line-height: 74px;
    };
}

@media (max-width:480px) {
    .virtual-run .banner--countdown {
        font-size: 74px;
        line-height: 70px;
    };
}

@media (max-width:420px) {
    .virtual-run .banner--countdown {
        font-size: 64px;
        line-height: 60px;
    };
}

@media (max-width:380px) {
    .virtual-run .banner--countdown {
        font-size: 56px;
        line-height: 52px;
    };
}

.virtual-run .banner .title {
    margin: 0 0 15px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

@media (min-width:1900px) {
    .virtual-run .banner .title {
        font-size: 36px;
    };
}

@media (max-width:992px) {
    .virtual-run .banner .title {
        font-size: 24px;
    };
}

@media (max-width:768px) {
    .virtual-run .banner .title {
        line-height: 32px;
    };
}

.virtual-run .banner .title br {
    display: none;
}

@media (max-width:768px) {
    .virtual-run .banner .title br {
        display: block;
    };
}

.virtual-run .banner .thumbnail {
    padding: 0 15px;
    max-width: 300px;
    width: 30vw;
    margin: 0 auto 90px;
}

@media (max-width:992px) {
    .virtual-run .banner .thumbnail {
        width: 80%;
    };
}

.virtual-run .banner .text p {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width:1900px) {
    .virtual-run .banner .text p {
        font-size: 36px;
    };
}

@media (max-width:992px) {
    .virtual-run .banner .text p {
        font-size: 24px;
    };
}

@media (max-width:768px) {
    .virtual-run .banner .text p {
        line-height: 32px;
    };
}

.virtual-run .banner .text p br {
    display: none;
}

@media (max-width:768px) {
    .virtual-run .banner .text p br {
        display: block;
    };
}

.virtual-run .banner .text a {
    color: #fff;
    text-decoration: none;
}

.virtual-run .banner .scroll-down {
    text-align: center;
}

.virtual-run .banner .scroll-down a {
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.virtual-run .banner .scroll-down a span {
    margin: 0;
    font-size: 14px;
    margin-bottom: 7px;
}

@media (min-width:1900px) {
    .virtual-run .banner .scroll-down a span {
        font-size: 16px;
    };
}

.virtual-run .banner .scroll-down a img {
    width: 30px;
}

@media (min-width:1900px) {
    .virtual-run .banner .scroll-down a img {
        width: 40px;
    };
}

.virtual-run .about {
    position: relative;
    background-color: #000e2e;
    padding-bottom: 80px;
}

@media (max-width:1300px) {
    .virtual-run .about {
        padding-bottom: 6vw;
    };
}

@media (max-width:768px) {
    .virtual-run .about {
        padding-top: 180px;
        padding-bottom: 100px;
    };
}

.virtual-run .about--bg img {
    width: 100%;
}

@media (max-width:768px) {
    .virtual-run .about--bg ._desktop {
        display: none;
    };
}

.virtual-run .about--bg ._mobile {
    display: none;
}

@media (max-width:768px) {
    .virtual-run .about--bg ._mobile {
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
    };
}

.virtual-run .about--header {
    position: absolute;
    top: 25%;
    left: 10vw;
}

@media (max-width:1200px) {
    .virtual-run .about--header {
        top: 10%;
    };
}

@media (max-width:768px) {
    .virtual-run .about--header {
        top: 80px;
        left: 0;
        right: 0;
        padding-left: 40px;
        padding-right: 40px;
    };
}

.virtual-run .about--header h2 {
    margin: 0;
}

.virtual-run .about--header h2 img {
    width: 30vw;
}

@media (max-width:768px) {
    .virtual-run .about--header h2 img {
        width: 100%;
    };
}

.virtual-run .about .container {
    position: relative;
    height: 30%;
}

.virtual-run .about--main {
    margin-top: -30%;
}

@media (max-width:768px) {
    .virtual-run .about--main {
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 75vw;
    };
}

.virtual-run .about--content ._thumb {
    text-align: left;
    margin-bottom: 10px;
}

@media (min-width:1900px) {
    .virtual-run .about--content ._thumb {
        margin-bottom: 16px;
    };
}

.virtual-run .about--content ._thumb img {
    width: 40vw;
}

@media (max-width:768px) {
    .virtual-run .about--content ._thumb img {
        width: 70%;
    };
}

@media (max-width:480px) {
    .virtual-run .about--content ._thumb img {
        width: 90%;
    };
}

.virtual-run .about--content ._info {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

@media (min-width:1900px) {
    .virtual-run .about--content ._info {
        font-size: 24px;
        line-height: 30px;
    };
}

.virtual-run .category {
    position: relative;
    background-color: #000e2e;
    margin-top: -1px;
    padding-top: 5px;
}

@media (max-width:768px) {
    .virtual-run .category {
        padding-bottom: 70px;
        padding-top: 0;
    };
}

@media (max-width:480px) {
    .virtual-run .category {
        padding-bottom: 60px;
    };
}

.virtual-run .category--inner {
    padding: 18% 0 120px;
    position: relative;
}

@media (max-width:991px) {
    .virtual-run .category--inner {
        padding-bottom: 0;
    };
}

.virtual-run .category .top-desc {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

@media (min-width:1900px) {
    .virtual-run .category .top-desc {
        font-size: 24px;
        line-height: 30px;
    };
}

@media (max-width:768px) {
    .virtual-run .category .top-desc {
        padding: 0 20px;
    };
}

@media (max-width:767px) {
    .virtual-run .category .thumbnail {
        margin-bottom: 30px;
    };
}

.virtual-run .category .thumbnail img {
    width: 100%;
}

.virtual-run .category .title {
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-size: 48px;
    letter-spacing: .03em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #249fff;
    margin: 14px 0 15px;
}

@media (min-width:1900px) {
    .virtual-run .category .title {
        font-size: 58px;
    };
}

@media (max-width:991px) {
    .virtual-run .category .title {
        font-size: 30px;
    };
}

@media (max-width:767px) {
    .virtual-run .category .title {
        width: 100%;
        font-size: 42px;
        text-align: center;
        margin-bottom: 25px;
    };
}

.virtual-run .category .text p {
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}

@media (min-width:1900px) {
    .virtual-run .category .text p {
        font-size: 24px;
    };
}

@media (max-width:991px) {
    .virtual-run .category .text p {
        font-size: 16px;
    };
}

@media (max-width:767px) {
    .virtual-run .category .text p {
        font-size: 18px;
        text-align: center;
    };
}

.virtual-run .category .text li {
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}

.virtual-run .category .parallax-text-bottom,.virtual-run .category .parallax-text-top {
    position: absolute;
    white-space: nowrap;
    font-size: 11vw;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
    left: 0;
    top: 5%;
}

@media (max-width:767px) {
    .virtual-run .category .parallax-text-bottom,.virtual-run .category .parallax-text-top {
        top: 0;
        font-size: 18vw;
    };
}

.virtual-run .category .parallax-text-top {
    color: #249fff;
}

.virtual-run .category .parallax-text-bottom {
    color: transparent;
    -webkit-text-stroke: 3px #249fff;
    z-index: 1;
    top: 28%;
    right: 0;
    left: auto;
}

@media (max-width:767px) {
    .virtual-run .category .parallax-text-bottom {
        top: 20vw;
        -webkit-text-stroke: 1px #249fff;
    };
}

@media (max-width:767px) {
    .virtual-run .category--main {
        display: none;
    };
}

.virtual-run .category--slider {
    display: none;
    max-width: 480px;
    margin: 0 auto;
}

@media (max-width:767px) {
    .virtual-run .category--slider {
        display: block;
    };
}

@media (max-width:620px) {
    .virtual-run .category--slider {
        padding-left: 40px;
        padding-right: 40px;
    };
}

.virtual-run .category--slider .slick-arrow {
    top: 30vw;
    width: 10vw;
    height: 10vw;
    max-width: none;
    max-height: none;
}

.virtual-run .category--slider .slick-next {
    transform: translateY(0) rotate(180deg);
    right: -80px;
}

@media (max-width:640px) {
    .virtual-run .category--slider .slick-next {
        right: -50px;
    };
}

@media (max-width:620px) {
    .virtual-run .category--slider .slick-next {
        right: 0;
    };
}

.virtual-run .category--slider .slick-prev {
    transform: translateY(0);
    left: -80px;
}

@media (max-width:640px) {
    .virtual-run .category--slider .slick-prev {
        left: -50px;
    };
}

@media (max-width:620px) {
    .virtual-run .category--slider .slick-prev {
        left: 0;
    };
}

.virtual-run .prize {
    position: relative;
    background: #001534 url(/wp-content/themes/salonpas_2025/public/images/virtual-run/prize--bg.png) no-repeat 0 0;
    background-size: cover;
    font-family: Oswald,Arial,sans-serif;
    padding-bottom: 120px;
    margin-top: -1px;
}

@media (max-width:768px) {
    .virtual-run .prize {
        padding-bottom: 40px;
        background-image: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/prize--bg--mobile.png);
    };
}

@media (max-width:480px) {
    .virtual-run .prize {
        padding-bottom: 30px;
    };
}

.virtual-run .prize--header {
    padding-top: 90px;
    text-align: center;
    margin-bottom: 25px;
}

@media (max-width:768px) {
    .virtual-run .prize--header {
        margin-bottom: 15px;
    };
}

.virtual-run .prize--header h2 {
    font-size: 98px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

@media (min-width:1900px) {
    .virtual-run .prize--header h2 {
        font-size: 120px;
        line-height: 1;
    };
}

@media (max-width:768px) {
    .virtual-run .prize--header h2 {
        font-size: 68px;
    };
}

@media (max-width:420px) {
    .virtual-run .prize--header h2 {
        font-size: 48px;
    };
}

.virtual-run .prize .slick-arrow {
    width: 4vw;
    height: 4vw;
    max-width: none;
    max-height: none;
}

@media (max-width:768px) {
    .virtual-run .prize .slick-arrow {
        width: 12vw;
        height: 12vw;
    };
}

@media (max-width:480px) {
    .virtual-run .prize .slick-arrow.slick-next {
        right: 15px;
    }

    .virtual-run .prize .slick-arrow.slick-prev {
        left: 15px;
    };
}

@media (max-width:768px) {
    .virtual-run .prize--slides {
        display: none;
    };
}

.virtual-run .prize--slides--mobile {
    display: none;
}

@media (max-width:768px) {
    .virtual-run .prize--slides--mobile {
        display: block;
    };
}

.virtual-run .prize--slide ._slide--title {
    margin-bottom: 80px;
    text-align: center;
}

@media (min-width:1900px) {
    .virtual-run .prize--slide ._slide--title {
        margin-bottom: 120px;
    };
}

@media (max-width:768px) {
    .virtual-run .prize--slide ._slide--title {
        margin-bottom: 70px;
    };
}

@media (max-width:480px) {
    .virtual-run .prize--slide ._slide--title {
        margin-bottom: 60px;
    };
}

@media (max-width:420px) {
    .virtual-run .prize--slide ._slide--title {
        margin-bottom: 50px;
    };
}

.virtual-run .prize--slide ._slide--title h3 {
    font-size: 58px;
    line-height: 1;
    color: #249fff;
    margin: 0;
}

@media (max-width:768px) {
    .virtual-run .prize--slide ._slide--title h3 {
        font-size: 36px;
    };
}

@media (max-width:420px) {
    .virtual-run .prize--slide ._slide--title h3 {
        font-size: 30px;
    };
}

.virtual-run .prize--slide ._slide--items {
    margin-left: -40px;
    margin-right: -40px;
    display: flex;
    flex-direction: row;
    align-items: inherit;
    justify-content: center;
}

.virtual-run .prize--slide ._slide--item {
    width: 33.333333%;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}

.virtual-run .prize .prize--slide ._item--thumb img {
    width: 280px;
    margin: 0 auto;
}

@media (min-width:1900px) {
    .virtual-run .prize .prize--slide ._item--thumb img {
        width: 380px;
    };
}

@media (max-width:768px) {
    .virtual-run .prize .prize--slide ._item--thumb img {
        width: 90%;
        max-width: 480px;
    };
}

@media (max-width:768px) {
    .virtual-run .prize .prize--slide ._item--info {
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    };
}

@media (max-width:480px) {
    .virtual-run .prize .prize--slide ._item--info {
        padding-left: 20px;
        padding-right: 20px;
    };
}

.virtual-run .prize .prize--slide ._item--info h4 {
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    color: #249fff;
    margin: 0 0 15px;
}

@media (min-width:1900px) {
    .virtual-run .prize .prize--slide ._item--info h4 {
        font-size: 46px;
        margin-bottom: 20px;
    };
}

.virtual-run .prize .prize--slide ._item--info p {
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

@media (min-width:1900px) {
    .virtual-run .prize .prize--slide ._item--info p {
        font-size: 30px;
    };
}

.virtual-run .tnc {
    padding: 60px 0 120px;
    position: relative;
    background: #020e2e;
}

.virtual-run .tnc .title {
    font-size: 75px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    color: #249fff;
}

@media (max-width:1199px) {
    .virtual-run .tnc .title {
        font-size: 60px;
    };
}

@media (max-width:991px) {
    .virtual-run .tnc .title {
        font-size: 48px;
    };
}

@media (max-width:767px) {
    .virtual-run .tnc .title {
        font-size: 10vw;
    };
}

.virtual-run .tnc .tnc--slider {
    margin: 100px -30px 0;
    position: static;
}

@media (max-width:1280px) {
    .virtual-run .tnc .tnc--slider {
        margin: 60px 0 0;
    };
}

.virtual-run .tnc .tnc--slider .slide {
    padding: 20px 30px;
}

@media (max-width:991px) {
    .virtual-run .tnc .tnc--slider .slide {
        padding: 20px 40px;
    };
}

.virtual-run .tnc .tnc--slider .slide p {
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}

@media (max-width:1440px) {
    .virtual-run .tnc .tnc--slider .slide p {
        font-size: 16px;
    };
}

.virtual-run .tnc .tnc--slider .slick-arrow {
    top: 50%;
}

@media (max-width:1366px) {
    .virtual-run .tnc .tnc--slider .slick-next {
        right: 10px;
    };
}

@media (max-width:1366px) {
    .virtual-run .tnc .tnc--slider .slick-prev {
        left: 10px;
    };
}

.virtual-run .tnc .tnc--slider .slick-dots {
    position: relative;
    max-width: 1170px;
    top: 60px;
    height: 10px;
    background-color: #004e94;
    border-radius: 4px;
}

@media (min-width:1441px) {
    .virtual-run .tnc .tnc--slider .slick-dots {
        max-width: 1420px;
    };
}

@media (max-width:1199px) {
    .virtual-run .tnc .tnc--slider .slick-dots {
        max-width: 970px;
    };
}

@media (max-width:991px) {
    .virtual-run .tnc .tnc--slider .slick-dots {
        max-width: 750px;
        top: 30px;
    };
}

.virtual-run .tnc .tnc--slider .slick-dots li {
    margin: 0;
    flex: 1;
    width: 100%;
    transform: scale(1);
    height: 10px;
    border-radius: 4px;
}

.virtual-run .tnc .tnc--slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #004e94;
}

.virtual-run .tnc .tnc--slider .slick-dots li.slick-active button {
    background-color: #249fff;
}

.virtual-run .tnc .tnc-content {
    text-align: center;
}

.virtual-run .tnc .tnc-content h2 {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 97px;
    text-transform: uppercase;
}

@media (max-width:991px) {
    .virtual-run .tnc .tnc-content h2 {
        font-size: 11vw;
    };
}

.virtual-run .tnc .tnc-content .button-download {
    margin-top: 60px;
}

@media (max-width:767px) {
    .virtual-run .tnc .tnc-content .button-download {
        margin-top: 60px;
    };
}

.virtual-run .tnc .tnc-content .button-download .button-glow {
    text-transform: uppercase;
    padding: 20px 50px;
    font-size: 30px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
}

@media (max-width:1440px) {
    .virtual-run .tnc .tnc-content .button-download .button-glow {
        font-size: 16px;
    };
}

.virtual-run .faq {
    padding: 60px 0 120px;
    position: relative;
    background: #020e2e;
}

@media (max-width:991px) {
    .virtual-run .faq {
        padding-bottom: 60px;
    };
}

.virtual-run .faq .title {
    font-size: 75px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 60px;
    color: #249fff;
    font-family: Oswald,sans-serif;
}

@media (max-width:1199px) {
    .virtual-run .faq .title {
        font-size: 60px;
    };
}

@media (max-width:991px) {
    .virtual-run .faq .title {
        font-size: 48px;
    };
}

@media (max-width:767px) {
    .virtual-run .faq .title {
        font-size: 9vw;
    };
}

.virtual-run .faq .panel--faq {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media (max-width:991px) {
    .virtual-run .faq .panel--faq {
        flex-direction: column;
        margin: 0;
    };
}

.virtual-run .faq .panel--faq>div {
    width: 30%;
}

@media (max-width:991px) {
    .virtual-run .faq .panel--faq>div {
        width: 100%;
        margin: 0;
    };
}

.virtual-run .faq .panel--faq .panel--center {
    width: 40%;
}

@media (max-width:991px) {
    .virtual-run .faq .panel--faq .panel--center {
        width: 100%;
        margin: 0;
    };
}

.virtual-run .faq .panel--faq .content {
    background-color: #004e94;
    color: #fff;
    margin: 0 15px 15px;
	border-radius: 10px;
}

@media (max-width:991px) {
    .virtual-run .faq .panel--faq .content {
        margin: 0 0 15px;
    };
}

.virtual-run .faq .panel--faq .content .heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px;
    cursor: pointer;
}

.virtual-run .faq .panel--faq .content .heading h4 {
    color: #fff;
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 300;
}

@media (max-width:1440px) {
    .virtual-run .faq .panel--faq .content .heading h4 {
        font-size: 18px;
    };
}

.virtual-run .faq .panel--faq .content .heading img {
    width: 35px;
    padding: 10px;
    padding-right: 0;
}

.virtual-run .faq .panel--faq .content .desc {
    display: none;
    line-height: 2;
    font-size: 14px;
    padding: 15px;
}

.virtual-run .faq .call--center .title {
    margin-top: 100px;
}

@media (max-width:767px) {
    .virtual-run .faq .call--center .title {
        margin-bottom: 30px;
    };
}

.virtual-run .faq .call--center ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.virtual-run .faq .call--center ul li {
    margin: 0;
    padding: 0;
}

@media (max-width:991px) {
    .virtual-run .faq .call--center ul {
        flex-direction: column;
    };
}

.virtual-run .faq .call--center ul li {
    font-size: 16px;
    margin: 0 10px 20px;
    display: flex;
    align-items: center;
}

@media (max-width:991px) {
    .virtual-run .faq .call--center ul li {
        justify-content: center;
    };
}

@media (max-width:767px) {
    .virtual-run .faq .call--center ul li {
        font-size: 16px;
    };
}

.virtual-run .faq .call--center ul li img {
    width: 40px;
    margin-right: 10px;
}

@media (max-width:767px) {
    .virtual-run .faq .call--center ul li img {
        width: 20px;
    };
}

.virtual-run .join-us {
    padding: 120px 0;
    background-color: #010f2e;
}

@media (max-width:991px) {
    .virtual-run .join-us {
        padding: 10px 0;
    };
}

.virtual-run .join-us .container {
    height: 100%;
}

.virtual-run .join-us--inner {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.virtual-run .join-us .row {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (max-width:991px) {
    .virtual-run .join-us .row {
        flex-direction: column-reverse;
    };
}

@media (max-width:767px) {
    .virtual-run .join-us .row {
        text-align: center;
    };
}

.virtual-run .join-us .text-bg {
    font-size: 30vw;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100vw;
    line-height: 1;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: 3px #249fff;
    opacity: .2;
}

@media (max-width:991px) {
    .virtual-run .join-us .text-bg {
        top: 0;
    };
}

.virtual-run .join-us .title {
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-size: 56px;
    letter-spacing: .03em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #249fff;
}

@media (max-width:991px) {
    .virtual-run .join-us .title {
        font-size: 33px;
    };
}

@media (max-width:767px) {
    .virtual-run .join-us .title {
        width: 100%;
    };
}

.virtual-run .join-us .text p {
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}

@media (max-width:991px) {
    .virtual-run .join-us .text p {
        font-size: 16px;
    };
}

.virtual-run .join-us .thumbnail {
    position: absolute;
    height: calc(100vh - 60px);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width:991px) {
    .virtual-run .join-us .thumbnail {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
    };
}

.virtual-run .join-us .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width:991px) {
    .virtual-run .join-us .thumbnail img {
        height: 53vw;
        width: 100%;
        object-fit: cover;
        object-position: 150% 0;
    };
}

.virtual-run .join-us .button-register {
    margin-top: 60px;
}

@media (max-width:767px) {
    .virtual-run .join-us .button-register {
        margin-top: 30px;
    };
}

.virtual-run .join-us .button-register .button-glow {
    text-transform: uppercase;
    padding: 20px 50px;
    font-size: 30px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
}

@media (max-width:1440px) {
    .virtual-run .join-us .button-register .button-glow {
        font-size: 16px;
    };
}

.virtual-run .apps {
    background-color: #010e2e;
    min-height: 800px;
    margin-top: -1px;
}

@media (min-width:1900px) {
    .virtual-run .apps {
        min-height: 980px;
    };
}

.virtual-run .apps--inner {
    position: relative;
    background-color: #010e2e;
    height: 100%;
}

.virtual-run .apps--inner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 68%;
    background-color: #0a4cad;
}

.virtual-run .apps--deco--top {
    width: 44px;
    height: 58px;
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/arrow.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 19vh;
    left: 5vw;
    z-index: 1;
}

@media (min-width:1900px) {
    .virtual-run .apps--deco--top {
        width: 60px;
        height: 77px;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--deco--top {
        display: none;
    };
}

.virtual-run .apps--deco--bottom {
    width: 70%;
    height: 75%;
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/section5-bg.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0vw;
    z-index: 1;
}

@media (min-width:1900px) {
    .virtual-run .apps--deco--bottom {
        width: 70%;
        height: 75f%;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--deco--bottom {
        display: none;
    };
}

.virtual-run .apps--main {
    position: relative;
    z-index: 2;
    min-height: 200px;
    padding-bottom: 40px;
}

@media (min-width:1900px) {
    .virtual-run .apps--main {
        min-height: 200px;
    };
}

.virtual-run .apps--main .slick-list {
    overflow: visible;
}

@media (max-width:768px) {
    .virtual-run .apps--main .slick-list {
        overflow: hidden;
    };
}

.virtual-run .apps--main .slick-track {
    display: flex;
    flex-direction: row;
    align-items: inherit;
}

.virtual-run .apps--slider {
    position: relative;
}

@media (max-width:680px) {
    .virtual-run .apps--slider {
        padding-left: 20vw!important;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--slider {
        padding-left: 20px!important;
    };
}

.virtual-run .apps--slider--inner {
    overflow: hidden;
}

.virtual-run .apps--slider--nav button {
    border: 0 none;
    padding: 0;
    background-color: transparent;
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4vw;
    height: 4vw;
    z-index: 2;
}

@media (min-width:1900px) {
    .virtual-run .apps--slider--nav button {
        width: 5vw;
        height: 5vw;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--slider--nav button {
        width: 12vw;
        height: 12vw;
    };
}

.virtual-run .apps--slider--nav button._disable {
    opacity: 0;
    visibility: hidden;
    cursor: not-allowed;
}

.virtual-run .apps--slider--nav button img {
    object-fit: contain;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.virtual-run .apps--slider--nav ._nav--next {
    right: 20px;
    transform: translateY(-50%) rotate(180deg);
}

@media (max-width:768px) {
    .virtual-run .apps--slider--nav ._nav--next {
        right: 5vw;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--slider--nav ._nav--next {
        right: 10px;
    };
}

.virtual-run .apps--slider--nav ._nav--prev {
    left: 40px;
}

@media (max-width:768px) {
    .virtual-run .apps--slider--nav ._nav--prev {
        left: 20px;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--slider--nav ._nav--prev {
        left: 10px;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--slides {
        padding-right: 14vw!important;
    };
}

@media (max-width:680px) {
    .virtual-run .apps--slides {
        padding-right: 60px!important;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--slides {
        padding-right: 40px!important;
    };
}

.virtual-run .apps--slide {
    padding-right: 50px;
}

@media (max-width:680px) {
    .virtual-run .apps--slide {
        padding-right: 0;
    };
}

.virtual-run .apps--slide ._slider--inner {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.virtual-run .apps--slide ._slider--thumb img {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

@media (max-width:768px) {
    .virtual-run .apps--slide ._slider--thumb ._thumb--desktop {
        display: none;
    };
}

.virtual-run .apps--slide ._slider--thumb ._thumb--mobile {
    display: none;
}

@media (max-width:768px) {
    .virtual-run .apps--slide ._slider--thumb ._thumb--mobile {
        display: block;
    };
}

.virtual-run .apps--slide ._slider--info {
    padding: 30px 60px 30px 40px;
}

.virtual-run .apps--slide ._slider--info p {
    font-size: 18px;
    line-height: 24px;
    color: #013e75;
}

@media (min-width:1900px) {
    .virtual-run .apps--slide ._slider--info p {
        font-size: 20px;
        line-height: 28px;
    };
}

.virtual-run .apps--header {
    padding-top: 85px;
    margin-bottom: 50px;
}

@media (min-width:1900px) {
    .virtual-run .apps--header {
        margin-bottom: 60px;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--header .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 16vw;
        padding-right: 16vw;
    };
}

@media (max-width:680px) {
    .virtual-run .apps--header .container {
        padding-right: 20px;
        padding-left: 12vw;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--header .container {
        padding-right: 20px;
        padding-left: 40px;
    };
}

.virtual-run .apps--header h2 {
    font-size: 68px;
    line-height: 72px;
    font-weight: 700;
    color: #fff;
    font-family: Oswald,sans-serif;
    margin: 0;
}

@media (min-width:1900px) {
    .virtual-run .apps--header h2 {
        font-size: 84px;
        line-height: 90px;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--header h2 {
        font-size: 52px;
        line-height: 58px;
        width: calc(100% - 20vw);
    };
}

@media (max-width:680px) {
    .virtual-run .apps--header h2 {
        font-size: 46px;
        line-height: 50px;
        width: calc(100% - 26vw);
    };
}

@media (max-width:480px) {
    .virtual-run .apps--header h2 {
        font-size: 38px;
        line-height: 42px;
        width: calc(100% - 32vw);
    };
}

@media (max-width:420px) {
    .virtual-run .apps--header h2 {
        width: 100%;
    };
}

.virtual-run .apps--thumb {
    width: 543px;
    height: 792px;
    position: absolute;
    top: 0;
    right: 20%;
}

@media (min-width:1900px) {
    .virtual-run .apps--thumb {
        width: 660px;
        height: 963px;
    };
}

@media (max-width:768px) {
    .virtual-run .apps--thumb {
        right: -24vw;
    };
}

@media (max-width:680px) {
    .virtual-run .apps--thumb {
        right: -34vw;
    };
}

@media (max-width:480px) {
    .virtual-run .apps--thumb {
        right: -44vw;
        top: 10vw;
    };
}

@media (max-width:420px) {
    .virtual-run .apps--thumb {
        display: none;
    };
}

.virtual-run .race-pack {
    padding: 60px 0;
    background: #010e2e url(/wp-content/themes/salonpas_2025/public/images/virtual-run/section8-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media (max-width:991px) {
    .virtual-run .race-pack {
        padding-top: 0;
        padding-bottom: 40px;
        flex-direction: column;
    };
}

.virtual-run .race-pack .jersey--content .title {
    font-size: 15vw;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    position: absolute;
    color: #fff;
    top: -5vw;
    left: 0;
    margin: 0;
}

@media (max-width:991px) {
    .virtual-run .race-pack .jersey--content .title {
        font-size: 15vw;
        text-align: center;
        line-height: 1;
        top: 0;
    };
}

.virtual-run .race-pack .jersey--content .title-outline {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .4;
    top: 15vw;
}

@media (max-width:991px) {
    .virtual-run .race-pack .jersey--content .title-outline {
        top: 10vw;
    };
}

.virtual-run .race-pack .jersey--content .thumbnail {
    position: relative;
}

.virtual-run .race-pack .jersey--content .thumbnail img {
    width: 90%;
}

.virtual-run .race-pack .jersey--content .desc p {
    font-size: 24px;
    text-align: center;
}

@media (max-width:1440px) {
    .virtual-run .race-pack .jersey--content .desc p {
        font-size: 18px;
    };
}

.virtual-run .race-pack .finisher--content {
    padding: 30px;
}

@media (max-width:991px) {
    .virtual-run .race-pack .finisher--content {
        padding: 0 15px;
    };
}

.virtual-run .race-pack .finisher--content .title {
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-size: 9vw;
    line-height: 1;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 8%;
    z-index: 1;
}

@media (max-width:991px) {
    .virtual-run .race-pack .finisher--content .title {
        font-size: 20vw;
    };
}

.virtual-run .race-pack .finisher--content .title span {
    position: absolute;
    right: 20px;
    top: 100%;
}

.virtual-run .race-pack .finisher--content .thumbnail {
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/finisher--medal--frame.png) no-repeat 0 0;
    background-size: contain;
    position: relative;
}

.virtual-run .race-pack .finisher--content .thumbnail img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.virtual-run .race-pack .finisher--content .desc {
    padding: 0 30px;
}

@media (max-width:991px) {
    .virtual-run .race-pack .finisher--content .desc {
        padding: 0 15px;
    };
}

@media (max-width:480px) {
    .virtual-run .race-pack .finisher--content .desc {
        padding: 0;
    };
}

.virtual-run .race-pack .finisher--content .desc p {
    font-size: 18px;
    margin: 0;
    padding-left: 10px;
}

@media (max-width:991px) {
    .virtual-run .race-pack .finisher--content .desc p {
        font-size: 12px;
    };
}

.virtual-run .race-pack .finisher--content .desc p:first-child {
    padding-left: 0;
}

.virtual-run .registration {
    position: relative;
    background-color: #020e2e;
    color: #fff;
}

@media (max-width:768px) {
    .virtual-run .registration {
        padding-top: 70px;
    };
}

.virtual-run .registration--header {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 60px;
}

@media (min-width:1900px) {
    .virtual-run .registration--header {
        margin-bottom: 120px;
    };
}

@media (max-width:768px) {
    .virtual-run .registration--header {
        margin-bottom: 60px;
    };
}

.virtual-run .registration--header h2 {
    display: inline-block;
    position: relative;
    text-align: center;
    font-family: Oswald,sans-serif;
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
    color: #249fff;
    margin: 0;
    text-transform: uppercase;
}

@media (min-width:1900px) {
    .virtual-run .registration--header h2 {
        font-size: 124px;
        line-height: 124px;
    };
}

@media (max-width:768px) {
    .virtual-run .registration--header h2 {
        font-size: 90px;
        line-height: 90px;
    };
}

@media (max-width:480px) {
    .virtual-run .registration--header h2 {
        font-size: 80px;
        line-height: 80px;
    };
}

.virtual-run .registration .parallax-text-top {
    position: absolute;
    white-space: nowrap;
    font-family: Oswald,sans-serif;
    font-size: 14vw;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
    top: 90px;
    color: transparent;
    -webkit-text-stroke: 3px #249fff;
    z-index: 1;
    left: 30px;
}

@media (min-width:1900px) {
    .virtual-run .registration .parallax-text-top {
        font-size: 13vw;
        top: 130px;
    };
}

@media (max-width:768px) {
    .virtual-run .registration .parallax-text-top {
        display: none;
    };
}

.virtual-run .registration ._title--mobile {
    white-space: nowrap;
    font-family: Oswald,sans-serif;
    font-size: 120px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    top: 90px;
    color: transparent;
    -webkit-text-stroke: 2px #249fff;
    z-index: 1;
    padding-left: 40px;
    padding-right: 40px;
    display: none;
}

@media (max-width:768px) {
    .virtual-run .registration ._title--mobile {
        display: block;
    };
}

@media (max-width:480px) {
    .virtual-run .registration ._title--mobile {
        font-size: 80px;
        padding-left: 20px;
    };
}

.virtual-run .registration ._deco--top {
    position: absolute;
    top: 52%;
    left: 5vw;
    width: 46px;
    height: 58px;
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/arrow.svg) no-repeat 0 0;
    background-size: contain;
}

@media (min-width:1900px) {
    .virtual-run .registration ._deco--top {
        width: 58px;
        height: 76px;
        top: 56%;
    };
}

@media (max-width:768px) {
    .virtual-run .registration ._deco--top {
        display: none;
    };
}

.virtual-run .registration ._deco--bottom {
    position: absolute;
    top: 50%;
    right: -25px;
    width: 95px;
    height: 120px;
    background: url(/wp-content/themes/salonpas_2025/public/images/virtual-run/arrow.svg) no-repeat 0 0;
    background-size: contain;
}

@media (min-width:1900px) {
    .virtual-run .registration ._deco--bottom {
        width: 128px;
        height: 168px;
        top: 52%;
    };
}

@media (max-width:768px) {
    .virtual-run .registration ._deco--bottom {
        display: none;
    };
}

@media (max-width:768px) {
    .virtual-run .registration .slick-arrow {
        width: 12vw;
        height: 12vw;
        max-width: none;
        max-height: none;
        top: 30vw;
    }

    .virtual-run .registration .slick-arrow.slick-next {
        right: 0;
        transform: translateY(0) rotate(180deg);
    }

    .virtual-run .registration .slick-arrow.slick-prev {
        left: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    };
}

.virtual-run .registration--main {
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
}

@media (min-width:1900px) {
    .virtual-run .registration--main {
        padding-bottom: 120px;
    };
}

@media (max-width:768px) {
    .virtual-run .registration--main {
        padding-bottom: 80px;
        padding-top: 0;
        margin-top: -40px;
    };
}

@media (max-width:480px) {
    .virtual-run .registration--main {
        margin-top: -20px;
    };
}

@media (max-width:420px) {
    .virtual-run .registration--main {
        padding-bottom: 50px;
    };
}

@media (max-width:390px) {
    .virtual-run .registration--main {
        padding-bottom: 0;
    };
}

.virtual-run .registration--main ._items {
    margin-left: -30px;
    margin-right: -30px;
    display: flex;
    flex-direction: row;
    align-items: inherit;
}

@media (max-width:768px) {
    .virtual-run .registration--main ._items {
        margin-left: 0;
        margin-right: 0;
    };
}

@media (max-width:768px) {
    .virtual-run .registration--main ._items .slick-slide {
        text-align: center;
    };
}

.virtual-run .registration--main ._items .slick-slide:last-child ._item--thumb:after {
    display: none;
}

.virtual-run .registration--main ._items ._item {
    width: 33.333333%;
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width:768px) {
    .virtual-run .registration--main ._items ._item {
        padding-left: 60px;
        padding-right: 60px;
        width: 100%;
        max-width: 540px;
        margin: 0 auto;
    };
}

@media (max-width:480px) {
    .virtual-run .registration--main ._items ._item {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 480px;
    };
}

@media (max-width:380px) {
    .virtual-run .registration--main ._items ._item {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 480px;
    };
}

.virtual-run .registration--main ._items ._item--thumb {
    margin-bottom: 50px;
    position: relative;
}

.virtual-run .registration--main ._items ._item--thumb img {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.virtual-run .registration--main ._items ._item--thumb:after {
    content: "";
    width: 5vw;
    height: 5vw;
    background: url(/wp-content/themes/salonpas_2025/public/images/arrow-blue.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%) rotate(180deg);
}

@media (max-width:768px) {
    .virtual-run .registration--main ._items ._item--thumb:after {
        display: none;
    };
}

.virtual-run .registration--main ._items ._item--info h3 {
    font-family: Oswald,sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #249fff;
}

@media (min-width:1900px) {
    .virtual-run .registration--main ._items ._item--info h3 {
        font-size: 32px;
        line-height: 32px;
    };
}

@media (max-width:768px) {
    .virtual-run .registration--main ._items ._item--info h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 25px;
    };
}

@media (max-width:480px) {
    .virtual-run .registration--main ._items ._item--info h3 {
        font-size: 32px;
        line-height: 32px;
    };
}

.virtual-run .registration--main ._items ._item--info p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.virtual-run .schedule {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #020e2e;
    margin-top: -1px;
}

@media (max-width:768px) {
    .virtual-run .schedule {
        padding-top: 60px;
        padding-bottom: 100px;
    };
}

@media (max-width:480px) {
    .virtual-run .schedule {
        padding-top: 50px;
        padding-bottom: 80px;
    };
}

.virtual-run .schedule--header {
    text-align: center;
    margin-bottom: 100px;
}

@media (min-width:1900px) {
    .virtual-run .schedule--header {
        margin-bottom: 120px;
    };
}

@media (max-width:768px) {
    .virtual-run .schedule--header {
        margin-bottom: 60px;
    };
}

.virtual-run .schedule--header h2 {
    display: inline-block;
    position: relative;
    text-align: center;
    font-family: Oswald,sans-serif;
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
    color: #249fff;
    margin: 0;
}

@media (min-width:1900px) {
    .virtual-run .schedule--header h2 {
        font-size: 124px;
        line-height: 124px;
    };
}

@media (max-width:768px) {
    .virtual-run .schedule--header h2 {
        font-size: 90px;
        line-height: 90px;
    };
}

@media (max-width:480px) {
    .virtual-run .schedule--header h2 {
        font-size: 80px;
        line-height: 80px;
    };
}

@media (max-width:420px) {
    .virtual-run .schedule--header h2 {
        font-size: 60px;
        line-height: 60px;
    };
}


.virtual-run .schedule--main {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width:1900px) {
    .virtual-run .schedule--main {
        max-width: 1580px;
    };
}

.virtual-run .schedule--main ._items {
    margin-left: -35px;
    margin-right: -35px;
    display: flex;
    flex-direction: row;
    align-items: inherit;
}

@media (max-width:768px) {
    .virtual-run .schedule--main ._items {
        flex-direction: column;
    };
}

.virtual-run .schedule--main ._item {
    width: 25%;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    position: relative;
}

@media (max-width:768px) {
    .virtual-run .schedule--main ._item {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
        margin-bottom: 100px;
    };
}

@media (max-width:480px) {
    .virtual-run .schedule--main ._item {
        margin-bottom: 70px;
    };
}

@media (max-width:768px) {
    .virtual-run .schedule--main ._item:last-child {
        margin-bottom: 0;
    };
}

.virtual-run .schedule--main ._item:last-child ._item--thumb:after {
    display: none;
}

.virtual-run .schedule--main ._item--thumb {
    margin-bottom: 30px;
    position: relative;
}

@media (max-width:768px) {
    .virtual-run .schedule--main ._item--thumb {
        margin-bottom: 20px;
    };
}

@media (max-width:480px) {
    .virtual-run .schedule--main ._item--thumb {
        margin-bottom: 10px;
    };
}

.virtual-run .schedule--main ._item--thumb:after {
    content: "";
    width: 5vw;
    height: 5vw;
    background: url(/wp-content/themes/salonpas_2025/public/images/arrow-blue.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -45px;
    transform: translateY(-50%) rotate(180deg);
}

@media (max-width:768px) {
    .virtual-run .schedule--main ._item--thumb:after {
        display: none;
    };
}

.virtual-run .schedule--main ._item--thumb img {
    width: 192px;
}

@media (min-width:1900px) {
    .virtual-run .schedule--main ._item--thumb img {
        width: 220px;
    };
}

.virtual-run .schedule--main ._item--info {
    font-family: Oswald,sans-serif;
    text-align: center;
}

.virtual-run .schedule--main ._item--info h3 {
    font-size: 42px;
    line-height: 42px;
    text-transform: uppercase;
    margin: 0 0 15px;
    color: #249fff;
}

@media (min-width:1900px) {
    .virtual-run .schedule--main ._item--info h3 {
        font-size: 58px;
        line-height: 58px;
        margin-bottom: 24px;
    };
}

.virtual-run .schedule--main ._item--info p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width:1900px) {
    .virtual-run .schedule--main ._item--info p {
        font-size: 22px;
        line-height: 22px;
    };
}

.virtual-run .limit {
	background: #000e2e url(/wp-content/themes/salonpas_2025/public/images/virtual-run/section3-bg.jpg) no-repeat center center;
	background-size: contain;
	padding: 120px 0 500px;
	text-align: center
}

@media (max-width:1440px) {
    .virtual-run .limit {
        padding-top: 120px;
    };
}

@media (max-width:991px) {
    .virtual-run .limit {
        padding-bottom: 140px;
    };
}

.virtual-run .limit .top-desc p {
    font-size: 36px;
}

@media (max-width:1440px) {
    .virtual-run .limit .top-desc p {
        font-size: 16px;
		text-shadow: 1px 1px 2px lightblue, 0 0 25px #337ab7, 0 0 5px #001534;
    };
}

@media (max-width:991px) {
    .virtual-run .limit .top-desc p {
        font-size: 16px;
    };
}

.virtual-run .limit .limit--main h1 {
    color: #249fff;
    font-family: Oswald,sans-serif;
    font-size: 132px;
    text-transform: uppercase;
}

@media (max-width:1440px) {
    .virtual-run .limit .limit--main h1 {
        font-size: 70px;
    };
}

@media (max-width:991px) {
    .virtual-run .limit .limit--main h1 {
        font-size: 8vw;
    };
}

.post-password-required .entry-content {
    max-width: 1200px;
    margin: auto;
    padding: 100px 30px;
    text-align: center;
	background-color: #f00;
}
.post-password-form > p {
    margin-bottom: 40px;
}
/* submit button colors */
.post-password-form input[type="submit"] {
    background-color: #2476df;
    color: #fff;
}
/* submit button hover color */
.post-password-form input[type="submit"]:hover {
    background-color: #194eae;
    color: #fff;
}
 
/* gallery vr */


.rowvr {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.columnvr {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.columnvr img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
/* Create Gallery Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {
  opacity: 0.7;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 120px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}

.modal-content {
  margin: auto;
  display: block;
  height: 600px;
  max-height: 600px;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.modal-content,
#caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}

.close {
  position: absolute;
  top: 70px;
  right: 35px;
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}

@media (max-width:991px) {
	.informasi-lomba-header {
		display: none;
	}
}

@media (max-width: 480px) {

}

@media (max-width: 640px) {

}

@media (max-width:767px) {
    .informasi-lomba-daftar-sekarang-wrapper {
		display: none;
	}
    .daftar-sekarang-mobile-wrapper {
		display: flex;
		width: 100vw;
		justify-content: center;
	}
	.daftar-sekarang-mobile {
/* 		position: relative;
		top: -21rem; */
		margin-top: -52rem;
		transform: scale(0.85);
	}
    .biaya-pendaftaran-wrapper {
		display: flex;
		width: 100vw;
		justify-content: center;
	}
    .kategori-lomba {
        margin-top: -2rem;
    }
	.biaya-pendaftaran-klik-untuk-daftar {
/* 		position: relative;
		top: -21rem; */
		margin-top: -9rem;
        transform: scale(0.25);
		cursor: pointer;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}
	.biaya-pendaftaran-klik-untuk-daftar:hover {
		transform: scale(0.25);
	}
}

.informasi-lomba .peraturan-dan-ketentuan-wrapper {
    background: url(/wp-content/themes/salonpas_2025/public/images/Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: -2rem;
}
.informasi-lomba .peraturan-dan-ketentuan-heading-wrapper {
    padding: 4rem;
	font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
}
.informasi-lomba .peraturan-dan-ketentuan-title {
    font-size: 32px;
    padding-top: 2rem;
    font-weight: bold;
}
@media (min-width: 768px) {
    .informasi-lomba .peraturan-dan-ketentuan-heading-wrapper {
        padding: 14rem 10rem;
		font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    }
    .informasi-lomba .peraturan-dan-ketentuan-title {
        font-size: 48px;
        padding-top: 2rem;
        font-weight: bold;
    }
}
.informasi-lomba .peraturan-dan-ketentuan-subtitle {
    text-decoration: underline;
    text-underline-offset: 4px;
    font-size: 20px;
    color: white;
}
.informasi-lomba .peraturan-dan-ketentuan-text-wrapper {
    background: white;
    color: black;
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
    padding: 2rem;
}
@media (min-width: 768px) {
    .informasi-lomba .peraturan-dan-ketentuan-text-wrapper {
        background: white;
        color: black;
/*         font-family: "Work Sans", Arial, Helvetica, sans-serif; */
		font-family: "Work Sans", Arial, Helvetica, sans-serif;
        padding: 2rem 16rem;
    }
}
.informasi-lomba .peraturan-dan-ketentuan-text-top {
    text-align: center;
    padding-top: 4rem;
}
.informasi-lomba .peraturan-dan-ketentuan-text-subheading-wrapper {
    margin-top: 2rem;
}
.informasi-lomba .peraturan-dan-ketentuan-text-subheading {
    padding: 1rem 2rem;
    background: #143b92;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.informasi-lomba .peraturan-dan-ketentuan-text-main {
    margin-top: 4rem;
}
.informasi-lomba .peraturan-dan-ketentuan-text-main > ol > li {
    line-height: 28px;
}
.informasi-lomba .peraturan-dan-ketentuan-text-main > ol {
    padding-top: 2rem;
}

@media (max-width: 767px) {
    .informasi-lomba div > ol {
        padding-inline-start: 2rem;
    }
}

.informasi-lomba div > ol > li {
    text-align: justify;
}

.informasi-lomba .faq-wrapper {
    background: url(/wp-content/themes/salonpas_2025/public/images/Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: -2rem;
}
.informasi-lomba .faq-heading-wrapper {
    padding: 4rem;
	font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
}
.informasi-lomba .faq-title {
    font-size: 32px;
    padding-top: 2rem;
    font-weight: bold;
}
@media (min-width: 768px) {
    .informasi-lomba .faq-heading-wrapper {
        padding: 14rem 10rem;
		font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    }
    .informasi-lomba .faq-title {
        font-size: 48px;
        padding-top: 2rem;
        font-weight: bold;
    }
	.informasi-lomba .faq-title-2 {
        font-size: 48px;
        padding-top: 0rem !important;
        font-weight: bold;
    }
}
.informasi-lomba .faq-subtitle {
    text-decoration: underline;
    text-underline-offset: 4px;
    font-size: 20px;
    color: white;
}
.informasi-lomba .faq-text-wrapper {
    background: white;
    color: black;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    padding: 2rem;
}
@media (min-width: 768px) {
    .informasi-lomba .faq-text-wrapper {
        background: white;
        color: black;
        font-family: "Work Sans", Arial, Helvetica, sans-serif;
        padding: 2rem 16rem;
    }
}
.informasi-lomba .faq-text-top {
    text-align: center;
    padding-top: 4rem;
}
.informasi-lomba .faq-text-subheading-wrapper {
    margin-top: 2rem;
}
.informasi-lomba .faq-text-subheading {
    padding: 1rem 2rem;
    background: #143b92;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.informasi-lomba .faq-text-main {
    margin-top: 4rem;
}
.informasi-lomba .faq-text-main > ol > li {
    line-height: 28px;
}
.informasi-lomba .faq-text-main > ol {
    padding-top: 2rem;
}

.informasi-lomba .registrasi-wrapper {
    background: url(/wp-content/themes/salonpas_2025/public/images/Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: -2rem;
}
.informasi-lomba .registrasi-heading-wrapper {
    padding: 4rem;
	font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
}
.informasi-lomba .registrasi-title {
    display: none;
    text-transform: uppercase;
    font-size: 32px;
    padding-top: 2rem;
    font-weight: bold;
}
.informasi-lomba .registrasi-title-mobile-only {
    text-transform: uppercase;
    font-size: 32px;
    padding-top: 2rem;
    font-weight: bold;
}
@media (min-width: 768px) {
    .informasi-lomba .registrasi-heading-wrapper {
        padding: 14rem 10rem;
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    }
    .informasi-lomba .registrasi-title {
        display: block;
        text-transform: uppercase;
        font-size: 48px;
        padding-top: 2rem;
        font-weight: bold;
    }
    .informasi-lomba .registrasi-title-mobile-only {
        display: none;
        text-transform: uppercase;
        font-size: 32px;
        padding-top: 2rem;
        font-weight: bold;
    }
}
.informasi-lomba .registrasi-subtitle {
    text-decoration: underline;
    text-underline-offset: 4px;
    font-size: 20px;
    color: white;
}
.informasi-lomba .registrasi-text-wrapper {
    background: white;
    color: black;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    padding: 2rem;
}
@media (min-width: 768px) {
    .informasi-lomba .registrasi-text-wrapper {
        background: white;
        color: black;
        font-family: "Work Sans", Arial, Helvetica, sans-serif;
        padding: 2rem 16rem;
    }
}
.informasi-lomba .registrasi-text-top {
    text-align: center;
    padding-top: 4rem;
}
.informasi-lomba .registrasi-text-subheading-wrapper {
    margin-top: 2rem;
}
.informasi-lomba .registrasi-text-subheading {
    padding: 1rem 2rem;
    background: #143b92;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.informasi-lomba .registrasi-text-main {
    margin-top: 4rem;
}
.informasi-lomba .registrasi-text-main > ol > li {
    line-height: 28px;
}
.informasi-lomba .registrasi-text-main > ol {
    padding-top: 2rem;
}

.informasi-lomba .content.registrasi {
    padding: 4rem;
}

.informasi-lomba-nav-button {
    padding: 16px;
    font-size: 22px;
    border: none;
}


@media (min-width: 768px) {
    .informasi-lomba .content.registrasi {
        padding: 4rem 12rem;
    }
    
    .informasi-lomba .content.registrasi .pure-g .fieldGroups {
        padding: 0.5rem 1rem
    }
    
    .informasi-lomba .content.registrasi .pure-g .fieldGroups > legend {
        color: white;
    }
    
    .informasi-lomba .content.registrasi .pure-g .fieldGroups > fieldset > div > small {
        color: white;
    }
    .informasi-lomba-nav-button {
        padding: 16px;
        font-size: 16px;
        border: none;
      }
}
  
.informasi-lomba-nav-wrapper {
    position: relative;
    display: inline-block;
}

.informasi-lomba-nav-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-top: 0.1rem;
    margin-top: 0.5rem;
}

.informasi-lomba-nav-dropdown-content a {
    color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
  
.informasi-lomba-nav-dropdown-content a:hover {
    background-color: #ddd;
}

.informasi-lomba-nav-wrapper:hover .informasi-lomba-nav-dropdown-content {
    display: block;
}

.product .product--inner .container .section-title {
    padding-top: 4rem;
}

.product .product--inner .container .product-content {
    margin-top: -12rem;
}

.store .store--inner .container .store-list .store-list-ul {
    display: flex;
    column-gap: 3rem;
}
.store .store--inner .container .store-list .store-list-li {
    list-style: none;
    border: 2px solid white;
}
.product {
    background-color: #0050b6;
}
.article {
    background-color: #0050b6;
}
.store {
    margin-top: -12rem;
    margin-bottom: 8rem;
}

.frm_forms {
    padding: 4rem 8rem;
}
.frm_form_fields {
	font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 2rem;
}
.frm_fields_container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2rem;
}

.frm_form_field.form-field.frm_required_field.frm_top_container {
    display: flex;
}
.frm_form_field.form-field.frm_required_field.frm_top_container input,
.frm_form_field.form-field.frm_required_field.frm_top_container textarea {
    min-width: 50rem;
}
.frm_form_field.form-field.frm_required_field.frm_top_container label.frm_primary_label {
    min-width: 20rem;
}
.frm_button_submit {
    text-transform: uppercase !important;
}

@media (min-width: 768px) {
    .daftar-sekarang-mobile-wrapper {
        display: none;
    }
/* 	.informasi-lomba-header {
		background: url(/wp-content/themes/salonpas_2025/public/images/informasi-lomba/informasi-lomba-header.png);
    	background-repeat: no-repeat;
    	background-size: contain;
    	background-position: center;
    	width: 100%;
    	height: 8rem;
	} */
     .header-mobile {
        display: none;
     }
	.informasi-lomba-daftar-sekarang-wrapper {
		display: flex;
		width: 100vw;
		justify-content: center;
	}
	.informasi-lomba-daftar-sekarang {
/* 		position: relative;
		top: -21rem; */
		margin-top: -48rem;
        transform: scale(0.9);
		cursor: pointer;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}
	.informasi-lomba-daftar-sekarang:hover {
		transform: scale(1.0);
	}
	.informasi-lomba .kategori-lomba {
		margin-top: -2rem;
	}
/* 	.informasi-lomba .biaya-pendaftaran {
		margin-top: -2rem;
	} */
	

    .biaya-pendaftaran-wrapper {
		display: flex;
		width: 100vw;
		justify-content: center;
	}
	.biaya-pendaftaran-klik-untuk-daftar {
/* 		position: relative;
		top: -21rem; */
		margin-top: -28rem;
		cursor: pointer;
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}
	.biaya-pendaftaran-klik-untuk-daftar:hover {
		transform: scale(1.015);
	}

    .tentang-lomba {
        margin-top: -2rem;
    }
    .total-hadiah {
        margin-top: -2rem;
    }

    .header .logo img {
        margin-top: 16px;
        padding: 0px 16px;
        height: 32px;
        width: auto;
    }

    .menu-navigation.nav > ul {
        padding-top: 20px;
    }
    .logo-sponsor {
        margin-bottom: -4rem;
    }
}
@media (min-width: 992px) {
    .informasi-lomba-daftar-sekarang {
        margin-top: -32rem;
        transform: scale(0.9);
        cursor: pointer;
        padding-left: 6rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .informasi-lomba-daftar-sekarang:hover {
        transform: scale(1.0);
    }
    .biaya-pendaftaran-klik-untuk-daftar {
        margin-top: -28rem;
    }
    .logo-sponsor {
        margin-bottom: -4rem;
    }
}
@media (min-width: 1280px) {
    .informasi-lomba-daftar-sekarang {
        margin-top: -32rem;
        transform: scale(0.9);
        cursor: pointer;
        padding-left: 7rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .informasi-lomba-daftar-sekarang:hover {
        transform: scale(1.0);
    }
    .biaya-pendaftaran-klik-untuk-daftar {
        margin-top: -26rem;
        transform: scale(0.75);
    }
    .biaya-pendaftaran-klik-untuk-daftar:hover {
        transform: scale(0.775);
    }
    .logo-sponsor {
        margin-bottom: -4rem;
    }
}
@media (min-width: 1440px) {
    .informasi-lomba-daftar-sekarang {
        margin-top: -48rem;
        transform: scale(0.9);
        cursor: pointer;
        padding-left: 8rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .informasi-lomba-daftar-sekarang:hover {
        transform: scale(1.0);
    }
    .biaya-pendaftaran-klik-untuk-daftar {
        margin-top: -32rem;
        transform: scale(0.9)
    }
    .biaya-pendaftaran-klik-untuk-daftar:hover {
        transform: scale(0.925)
    }
    .logo-sponsor {
        margin-bottom: -4rem;
    }
}

@media (min-width: 1600px) {
    .informasi-lomba-daftar-sekarang {
        padding-left: 10rem;
    }
} 
@media (min-width: 1920px) {
    .informasi-lomba-daftar-sekarang {
        margin-top: -48rem;
        transform: scale(0.9);
        cursor: pointer;
        padding-left: 10rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .informasi-lomba-daftar-sekarang:hover {
        transform: scale(1.0);
    }
    .biaya-pendaftaran-klik-untuk-daftar {
        margin-top: -36rem;
    }
    .logo-sponsor {
        margin-bottom: -4rem;
    }
}
.informasi-lomba .pure-table-odd td,
.informasi-lomba .pure-table-odd th {
    background-color: slategray;
}
.informasi-lomba .content.registrasi .dueNotify {
    color: white;
}
#steelytoeRegContainer {
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
}
div.steelytoeErrorBox {
    border: solid 1px #fff;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}
#steelytoeRegContainer .pure-form .pure-control-group > small {
    color: white;
}
@media (max-width: 767px) {
    .section-ss10k-mobile {
        padding: 4rem;
        text-align: center;
        background: url(/wp-content/themes/salonpas_2025/public/images/informasi-lomba/bg-normal.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        margin-top: -2rem;
    }
    .section-ss10k-mobile-image {
        padding-bottom: 2rem;
    }
    .section-ss10k-mobile-text {
        font-weight: bold;
        text-align: center;
        font-size: 13px;
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
    }
    .ss10k-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
    .ss10k-grid-item {
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
        -webkit-font-smoothing: antialiased;
    }
    .ss10k-grid-item {
        padding: 1rem 2rem;
        -webkit-font-smoothing: antialiased;
    }
    .ss10k-grid-item-heading {
        padding: 1rem;
        color: #153f98;
        background: white;
    }
    .ss10k-grid-item-heading-h1,
    .ss10k-grid-item-heading-h2 {
        margin: 0;
    }
    .ss10k-grid-item-heading-h1 {
        font-style: italic;
    }
    .ss10k-grid-item-heading-h2 {
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
        font-size: 18px;
    }
    .ss10k-grid-item-body {
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
        padding: 1rem;
        margin-top: 1rem;
        background: #153f98;
        color: white;
    }
    .ss10k-grid-item-body-text-price {
        font-size: 32px;
    }

    .tentang-lomba {
        margin-top: -2rem;
    }
    .total-hadiah {
        margin-top: -2rem;
    }


    .product-image-content {
        width: 296px;
        height: auto;
    }
    .product .product--inner .container .section-title {
        margin-bottom: 10rem;
    }
    .product .product--inner .container .product-content {
        text-align: center;
    }

    .store {
        margin-top: 0rem
    }

    .store .store--inner .container .store-list .store-list-ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-inline-start: 0rem;
        column-gap: 2rem;
        row-gap: 2rem;
    }
    .frm_forms {
        padding: 2rem;
    }
    .frm_form_fields {
        font-family: "Eurostile Extended Black", Arial, Helvetica, sans-serif !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        font-size: 2rem;
    }
    .frm_fields_container {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
    
    .frm_form_field.form-field.frm_required_field.frm_top_container {
        display: grid;
    }
    .frm_form_field.form-field.frm_required_field.frm_top_container input,
    .frm_form_field.form-field.frm_required_field.frm_top_container textarea {
        min-width: 100%;
    }
    .frm_form_field.form-field.frm_required_field.frm_top_container label.frm_primary_label {
        min-width: 20rem;
    }
    .frm_button_submit {
        text-transform: uppercase !important;
    }
}

#loadingBar {
    height: 0px !important;
}

.galleryContainer {
    background-color: #004e94 !important;
}

form.searchForm button {
    border: 2px solid #fff !important;
}

li.select2-results__option.select2-results__option--selectable {
    color: black;
}