/*--

	==
	== 
	

	==============================================
	* MaxsFramework | Version: 3.4 Lite | Beta |**
	* By: (hozefamaxs) 2023-2024 | MaxsFramework**
	* Email me:     ("hozefamaxs@bk.ru")*
	==============================================

	==============================================
	تجري الرياح كما تجري سفينتنا    نحن الرياح ونحن البحر والسـفـن
	إن الذي يرتجي شيئاً بهمتــــــه    يلقاه لو حاربتــــــه الإنس والجـــن
	فاقصد إلى قمــم الأشياء تدركها    تجري الرياح كما رادت لها السفن
	==============================================


	==
	==


--*/
/*@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');*/
html {
    font-size: 100%;
    scroll-behavior: smooth;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@-o-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
.left-div,
.left-page,
[type="url"]{
    direction: ltr !important;
}
body {
    margin: 0;
    clear: none;
    overflow-x: hidden;
    background: #f5f5f5;
    box-sizing: border-box;
    -o-background-size: cover;
    -moz-box-sizing: border-box;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -webkit-box-sizing: border-box;
    -o-font-smoothing: antialiased;
    background-size: cover !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-osx-font-smoothing: grayscale;
}
*,
::after,
::before {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
}
img {
    width: 100%;
    border: none;
    height: auto;
    max-width: 100%;
    display: inline-block;
    float: none !important;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
hr {
    border: solid 0.12em;
    width: 100%;
    height: 0;
    display: block;
    margin: 0.5em 0;
    background: #222;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer summary,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}
[hidden],
template {
    display: none;
}
progress {
    vertical-align: baseline;
}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
button,
input,
select,
textarea {
    color: #222;
    width: 100%;
    outline: 0;
    font: inherit;
    padding: 0.5em;
    font-size: 1em;
    display: block;
    max-width: 100%;
    overflow: visible;
    margin: 0.25em auto;
    text-transform: none;
    box-sizing: border-box;
    border: solid 1px #ccc;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: maxs04, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    cursor: url(files/cur/Text.cur), default;
}
button{
    -webkit-user-select: none;
    user-select: none;
}

[type="datetime"],
[type="email"],
[type="month"],
[type="tel"],
[type="number"],
[type="password"]{
    direction: ltr;
    text-align: right}

[type="date"],
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    appearance: button;
    line-height: normal;
    -webkit-appearance: button;
}
select {
    height: auto;
    padding-left: 30px !important;
    line-height: normal;
    background-size: 0.5625em 0.375em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: left -14px center;
}
select[multiple] {
    height: auto;
    background-image: none;
}
select option {
    padding: 0 1em;
}
textarea {
    height: auto;
    min-height: 10em;
    resize: vertical;
    text-align: justify;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    height: auto;
    width: auto;
    appearance: radio;
    -moz-appearance: radio;
    -webkit-appearance: radio;
    display: inline-block;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
}
input[type="checkbox"] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}
[type="color"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="datetime"]:focus,
[type="email"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
input:focus,
textarea:focus {
    outline: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText;
}
button,
input [type="radio"],
input [type="submit"],
input[type="checkbox"],
select {
    cursor: pointer !important;
}
button {
    height: auto;
    line-height: 1;
    text-align: center;
    padding: 0.65em 3em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0.2em solid;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
    outline: ButtonText dotted 0;
}
@media all and (max-width: 640px) {
    [type="color"],
    [type="date"],
    [type="datetime-local"],
    [type="datetime"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    button,
    input,
    select,
    textarea {
        font-size: 0.85em;
    }
}
button[disabled],
html input[disabled] {
    cursor: not-allowed;
}
a,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
}
a,
img {
    cursor: url(files/cur/Normal.cur), default;
}
.bold,
.strong,
b,
strong {
    font-weight: 700;
}
::selection {
    background: var(--light-blue);
}
::-moz-selection {
    background: var(--light-blue);
}
::-webkit-selection {
    background: var(--light-blue);
}
::-webkit-scrollbar {
    width: 5px;
    display: none;

}
::-webkit-scrollbar-track {
    background: #f5f5f5;
}
::-webkit-scrollbar-track:window-inactive{
    background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    background: var(--color-Ex);
    /*background: linear-gradient(180deg, var(--color-Ex) 0%, var(--color-Ex) 100%);*/
    background: var(--color-Ex);
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
iframe {
    border: none;
    height: 100%;
}
[class*="alert-"],
[class*="alert-"] > *,
[class*="bm-w-x-"],
[class*="bm-w-x-"] > *,
[class*="mb-w-"],
[class*="pc-w-"],
[class*="pc-w-x-"],
[class*="pc-w-x-"] > *,
[class*="ph-w-"],
[class*="ph-w-x-"],
[class*="ph-w-x-"] > *,
[class*="tb-w-"],
[class*="tb-w-x-"],
[class*="tb-w-x-"] > *,
a,
.trans-25,
.-trans-25 > *,
button,
img,
input,
nav ul li,
select,
textarea {
    transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    -moz-transition: 0.25s;
    -webkit-transition: 0.25s;
}
*,
[disabled] {
    cursor: default;
    cursor: url(files/cur/Link.cur), default;
}
@font-face {
    font-display: swap;
    font-family: maxs001;
    src: url(files/fonts/maxs001.otf) format("embedded-opentype"), url(files/fonts/maxs001.otf) format("opentype");
}

@font-face {
    font-display: swap;
    font-family: maxs002;
    src: url(files/fonts/maxs002.otf) format("embedded-opentype"), url(files/fonts/maxs002.otf) format("opentype");
}
@font-face {
    font-family: maxs04;
    font-display: swap;
    src: url(files/fonts/maxs04.otf) format("embedded-opentype"), url(files/fonts/maxs04.otf) format("opentype");
}
.dfn,
.em,
dfn,
em,
i {
    font-style: italic;
}
.mark,
mark {
    color: #a0071b;
    background: #fae132;
}
.small,
small {
    font-size: 80%;
}
.sub,
.sup,
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    font-weight: 400;
}
.sup,
sup {
    top: -0.5em;
}
.sub,
sub {
    bottom: -0.25em;
}
pre {
    margin: 0.5em 0;
    display: block;
    white-space: pre-wrap;
    font-family: monospace;
}
fieldset {
    margin: 0 0.15em;
    border: 0.1em solid #999;
    padding: 0.35em 0.625em 0.75em;
}
.-text-rig > * *,
.text-rig,
[type="url"],
ul {
    text-align: right !important;
}

.-text-left > * *,
.text-left,
ul {
    text-align: left !important;
}
.left-page ul {
    text-align: left !important;
}
li {
    font-weight: 100;
}
.left-page li {
    margin-right: 0;
    margin-left: 2em;
}
.dfn,
.mark,
.small {
    display: inline;
}
* table,
a,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend,
li,
p,
td,
th,
tr,
ul {
    font-family: maxs04, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}
.nowrap {
    white-space: nowrap;
}
.nowrap,
.nowrap a,
.nowrap h1,
.nowrap h2,
.nowrap h3,
.nowrap h4,
.nowrap h5,
.nowrap h6,
.nowrap p,
.nowrap span {
    overflow: hidden;
    text-overflow: ellipsis;
}
h1 {
    font-size: 2.8em;
}
h2 {
    font-size: 2.4em;
}
h3 {
    font-size: 2em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 0.8em;
}
p,
ul {
    margin: 0 0 0.1em;
    line-height: 1.58;
    font-size: 1em;
}
@media all and (min-width: 1920px) {
    h1 {
        font-size: 2.8em;
    }
    h2 {
        font-size: 2.4em;
    }
    h3 {
        font-size: 2em;
    }
    h4 {
        font-size: 1.4em;
    }
    h5,
    p,
    ul {
        font-size: 1em;
    }
    h6 {
        font-size: 0.8em;
    }
}
@media all and (min-width: 2400px) {
    h1 {
        font-size: 4.5em;
    }
    h2 {
        font-size: 4.0625em;
    }
    h3 {
        font-size: 3.75em;
    }
    h4 {
        font-size: 3.375em;
    }
    h5 {
        font-size: 3em;
    }
    h6,
    p,
    ul {
        font-size: 2.5em;
    }
}
@media all and (max-width: 960px) {
    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 2.1875em;
    }
    h3 {
        font-size: 1.875em;
    }
    h4 {
        font-size: 1.5625em;
    }
    h5 {
        font-size: 1.25em;
    }
    h6,
    p,
    ul {
        font-size: 1.125em;
    }
}
@media all and (max-width: 480px) {
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.75em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.3125em;
    }
    h5 {
        font-size: 1.1875em;
    }
    h6,
    p,
    ul {
        font-size: 1.0625em;
    }
}
[class*="input-eft"] *,
[class*="input-eft"] :after,
[class*="input-eft"] :before {
    transition: 0.35s;
    -moz-transition: 0.35s;
    -webkit-transition: 0.35s;
}
[class*="input-eft"] {
    color: #222;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
}
[class*="input-eft"] > :nth-child(1) {
    margin: 0;
    border: none;
    color: #222;
}
[class*="input-eft"] > span,
[class*="input-eft"] > span:after,
[class*="input-eft"] > span:before {
    width: 0;
    content: "";
    position: absolute;
    bottom: -0.1px;
    right: 0;
    border-top: 3px solid;
}
.input-eft-02 span {
    right: 50%;
}
.input-eft-03 span,
.input-eft-06 span,
[class*="input-eft"] > span:after {
    left: 0;
    right: auto;
}
.input-eft-04 span,
.input-eft-05 span,
.input-eft-06 span {
    border: none;
}
.input-eft-05 span,
[class*="input-eft"] > :first-child:focus ~ span {
    width: 100%;
}
.input-eft-02 :first-child:focus ~ span {
    right: 0;
}
[class*="input-eft"] > :first-child:focus ~ span:after,
[class*="input-eft"] > :first-child:focus ~ span:before {
    width: 50%;
}
footer > a {
    margin: 0;
    line-height: 2;
}
.-one-div-cen > ::after,
.-row > ::after,
.one-div-cen::after,
.row::after,
.time-line li::after,
[class*="pc-w-x-"]::after {
    content: "" !important;
    clear: both !important;
    display: table !important;
}
[class*="-mb-w-"] > *,
[class*="-pc-w-"] > *,
[class*="-ph-w-"] > *,
[class*="-tb-w-"] > *,
[class*="bm-w-x-"] > *,
[class*="mb-w-"],
[class*="pc-w-"],
[class*="pc-w-x-"] > *,
[class*="ph-w-"],
[class*="ph-w-x-"] > *,
[class*="tb-w-"],
[class*="tb-w-x-"] > * {
    margin: 0 auto;
    overflow: visible;
    width: 100% !important;
    float: right;
    word-wrap: break-word !important;
}
[class*="pc-w-x-"] {
    padding: 8px !important;
}
[class*="pc-w-x-"] > * {
    margin: 8px !important;
    padding: 12px !important;
}
[class*="pc-w-x-1"] {
    padding: 4px !important;
}
[class*="pc-w-x-1"] > * {
    margin: 4px !important;
    padding: 5px !important;
}
.mb-w-04,
.pc-w-24,
.ph-w-08,
.tb-w-12 {
    margin: 0;
    display: block;
}
.-one-div-cen > *,
.one-div-cen {
    float: none;
    margin: auto;
    display: block;
    position: relative;
}
.one-div-test {
    float: none;
    display: inline-table;
}
.div-left {
    float: left;
}
[class*="-mb-w-"] > * img,
[class*="-pc-w-"] > * img,
[class*="-ph-w-"] > * img,
[class*="-tb-w-"] > * img,
[class*="mb-w-"] img,
[class*="pc-w-"] img,
[class*="ph-w-"] img,
[class*="tb-w-"] img {
    width: 100%;
    max-width: 100% !important;
}
.-pc-none > *,
.none,
.pc-none {
    display: none !important;
}
.-pc-show > *,
.pc-show {
    display: inline-block !important;
}
.-pc-w-01 > *,
.pc-w-01 {
    width: 4.166666666666667% !important;
}
.-pc-w-02 > *,
.pc-w-02 {
    width: 8.333333333333333% !important;
}
.-pc-w-03 > *,
.pc-w-03 {
    width: 12.5% !important;
}
.-pc-w-04 > *,
.pc-w-04 {
    width: 16.66666666666667% !important;
}
.-pc-w-05 > *,
.pc-w-05 {
    width: 20.83333333333334% !important;
}
.-pc-w-06 > *,
.pc-w-06 {
    width: 25% !important;
}
.-pc-w-07 > *,
.pc-w-07 {
    width: 29.16666666666666% !important;
}
.-pc-w-08 > *,
.pc-w-08 {
    width: 33.33333333333333% !important;
}
.-pc-w-09 > *,
.pc-w-09 {
    width: 37.5% !important;
}
.-pc-w-10 > *,
.pc-w-10 {
    width: 41.66666666666667% !important;
}
.-pc-w-11 > *,
.pc-w-11 {
    width: 45.83333333333333% !important;
}
.-pc-w-12 > *,
.pc-w-12 {
    width: 50% !important;
}
.-pc-w-13 > *,
.pc-w-13 {
    width: 54.16666666666667% !important;
}
.-pc-w-14 > *,
.pc-w-14 {
    width: 58.33333333333334% !important;
}
.-pc-w-15 > *,
.pc-w-15 {
    width: 62.5% !important;
}
.-pc-w-16 > *,
.pc-w-16 {
    width: 66.66666666666667% !important;
}
.-pc-w-17 > *,
.pc-w-17 {
    width: 70.83333333333333% !important;
}
.-pc-w-18 > *,
.pc-w-18 {
    width: 75.00000000000002% !important;
}
.-pc-w-19 > *,
.pc-w-19 {
    width: 79.16666666666667% !important;
}
.-pc-w-20 > *,
.pc-w-20 {
    width: 83.33333333333333% !important;
}
.-pc-w-21 > *,
.pc-w-21 {
    width: 87.49999999999999% !important;
}
.-pc-w-22 > *,
.pc-w-22 {
    width: 91.66666666666666% !important;
}
.-pc-w-23 > *,
.pc-w-23 {
    width: 95.83333333333335% !important;
}
.-pc-w-24 > *,
.pc-w-24 {
    width: 100% !important;
    float: none;
}

.-cen-vh, .-cen-vh-vw{
    position: relative}

.cen-vh,.-cen-vh > *,
.cen-vh-vw, .-cen-vh-vw > *{
    top: 50%;
    overflow-y: auto;
    max-height: 100%;
    position: absolute}
.cen-vh-vw,
.-cen-vh-vw > *{
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%)}

.cen-vh,
.-cen-vh > *{
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)}

    .pc-auto, .-pc-auto > *{
        top: auto;
        right: auto;
        transform: none;
        position: relative;
        height: auto !important;
        -webkit-transform: none;
    }

    .radius-06,.-radius-06 > *{
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    
    .radius-08,.-radius-08 > *{
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .radius-12,.-radius-12 > *{
        border-radius: 12px;
        -webkit-border-radius: 12px;
    }
    .radius-16,.-radius-16 > *{
        border-radius: 16px;
        -webkit-border-radius: 16px;
    }
    .radius-24,.-radius-24 > *{
        border-radius: 24px;
        -webkit-border-radius: 24px;
    }
    .radius-50,.-radius-50 > *{
        border-radius: 50px;
        -webkit-border-radius: 50px;
    }
    .radius--50,.-radius--50 > *{
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    
@media all and (max-width: 960px) {
    .-tb-one-div-cen > *,
    .tb-one-div-cen {
        float: none;
        margin: auto;
        display: block;
        position: relative;
    }
    .-tb-w-01 > *,
    .tb-w-01 {
        width: 8.333333333333333% !important;
    }
    .-tb-w-02 > *,
    .tb-w-02 {
        width: 16.66666666666667% !important;
    }
    .-tb-w-03 > *,
    .tb-w-03 {
        width: 25% !important;
    }
    .-tb-w-04 > *,
    .tb-w-04 {
        width: 33.33333333333333% !important;
    }
    .-tb-w-05 > *,
    .tb-w-05 {
        width: 41.66666666666667% !important;
    }
    .-tb-w-06 > *,
    .tb-w-06 {
        width: 50% !important;
    }
    .-tb-w-07 > *,
    .tb-w-07 {
        width: 58.33333333333334% !important;
    }
    .-tb-w-08 > *,
    .tb-w-08 {
        width: 66.66666666666667% !important;
    }
    .-tb-w-09 > *,
    .tb-w-09 {
        width: 75.00000000000002% !important;
    }
    .-tb-w-10 > *,
    .tb-w-10 {
        width: 83.33333333333333% !important;
    }
    .-tb-w-11 > *,
    .tb-w-11 {
        width: 91.66666666666667% !important;
    }
    .-tb-w-12 > *,
    .tb-w-12 {
        width: 100% !important;
        float: none;
    }
    
    .-tb-cen-vh, .-tb-cen-vh-vw{
        position: relative}

    .tb-cen-vh,.-tb-cen-vh > *,
    .tb-cen-vh-vw, .-tb-cen-vh-vw > *{
        top: 50%;
        overflow-y: auto;
        max-height: 100%;
        position: absolute}
    .tb-cen-vh-vw,
    .-tb-cen-vh-vw > *{
        right: 50%;
        transform: translate(50%, -50%);
        -webkit-transform: translate(50%, -50%)}

    .tb-cen-vh,
    .-tb-cen-vh > *{
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)}

    .tb-auto, .-tb-auto > *{
        top: auto;
        right: auto;
        height: auto;
        transform: none;
        position: relative;
        -webkit-transform: none;
    }

    .tb-radius-06,.-tb-radius-06 > *{
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    
    .tb-radius-08,.-tb-radius-08 > *{
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .tb-radius-12,.-tb-radius-12 > *{
        border-radius: 12px;
        -webkit-border-radius: 12px;
    }
    .tb-radius-16,.-tb-radius-16 > *{
        border-radius: 16px;
        -webkit-border-radius: 16px;
    }
    .tb-radius-24,.-tb-radius-24 > *{
        border-radius: 24px;
        -webkit-border-radius: 24px;
    }
    .tb-radius-50,.-tb-radius-50 > *{
        border-radius: 50px;
        -webkit-border-radius: 50px;
    }
    
    
}
@media all and (max-width: 640px) {
    [class*="input-eft"] > span,
    [class*="input-eft"] > span:after,
    [class*="input-eft"] > span:before {
        border-top: 2px solid;
    }
    .-ph-none > *,
    .ph-none {
    display: none !important}

    .-ph-block > *,
    .ph-block {
    display: block !important}

    .-ph-inline > *,
    .ph-inline {
    display: inline !important}

    .-ph-inline-block > *,
    .ph-inline-block {
    display: inline-block !important}

    .-ph-one-div-cen > *,
    .ph-one-div-cen {
        float: none;
        margin: auto;
        display: block;
        position: relative;
    }
    .-ph-w-01 > *,
    .ph-w-01 {
        min-width: 12.5%;
        max-width: 12.5%;
        width: 12.5%;
    }
    .-ph-w-02 > *,
    .ph-w-02 {
        min-width: 25%;
        max-width: 25%;
        width: 25%;
    }
    .-ph-w-03 > *,
    .ph-w-03 {
        min-width: 37.5%;
        max-width: 37.5%;
        width: 37.5%;
    }
    .-ph-w-04 > *,
    .ph-w-04 {
        min-width: 50%;
        max-width: 50%;
        width: 50%;
    }
    .-ph-w-05 > *,
    .ph-w-05 {
        min-width: 62.5%;
        max-width: 62.5%;
        width: 62.5%;
    }
    .-ph-w-06 > *,
    .ph-w-06 {
        min-width: 75%;
        max-width: 75%;
        width: 75%;
    }
    .-ph-w-07 > *,
    .ph-w-07 {
        min-width: 87.5%;
        max-width: 87.5%;
        width: 87.5%;
    }
    .-ph-w-08 > *,
    .ph-w-08 {
        min-width: 100%;
        max-width: 100%;
        width: 100% !important;
        float: none;
    }
    .pc-w-x--01-11 > *,
    .pc-w-x--11-01 > :nth-child(even) {
        padding: 12px 0.15em !important;
    }

    .-ph-cen-vh, .-ph-cen-vh-vw{
        position: relative}

    .ph-cen-vh,.-ph-cen-vh > *,
    .ph-cen-vh-vw, .-ph-cen-vh-vw > *{
        top: 50%;
        overflow-y: auto;
        max-height: 100%;
        position: absolute}
    .ph-cen-vh-vw,
    .-ph-cen-vh-vw > *{
        right: 50%;
        transform: translate(50%, -50%);
        -webkit-transform: translate(50%, -50%)}

    .ph-cen-vh,
    .-ph-cen-vh > *{
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)}

    .ph-auto, .-ph-auto > *{
        top: auto;
        right: auto;
        height: auto;
        transform: none;
        position: relative;
        -webkit-transform: none;
    }

    .ph-radius-06,.-ph-radius-06 > *{
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    
    .ph-radius-08,.-ph-radius-08 > *{
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .ph-radius-12,.-ph-radius-12 > *{
        border-radius: 12px;
        -webkit-border-radius: 12px;
    }
    .ph-radius-16,.-ph-radius-16 > *{
        border-radius: 16px;
        -webkit-border-radius: 16px;
    }
    .ph-radius-24,.-ph-radius-24 > *{
        border-radius: 24px;
        -webkit-border-radius: 24px;
    }
    .ph-radius-50,.-ph-radius-50 > *{
        border-radius: 50px;
        -webkit-border-radius: 50px;
    }
}
@media all and (max-width: 22.5em) {
    .-mb-one-div-cen > *,
    .mb-one-div-cen {
        float: none;
        margin: auto;
        display: block;
        position: relative;
    }
    .-mb-w-01 > *,
    .mb-w-01 {
        min-width: 25%;
        max-width: 25%;
        width: 25%;
    }
    .-mb-w-02 > *,
    .mb-w-02 {
        min-width: 50%;
        max-width: 50%;
        width: 50%;
    }
    .-mb-w-03 > *,
    .mb-w-03 {
        min-width: 75%;
        max-width: 75%;
        width: 75%;
    }
    .-mb-w-04 > *,
    .mb-w-04 {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        float: none;
    }
}
.cen,
.text-cen,
.-cen > *,
.--cen > * *{
    text-align: center !important;
}

.-text-jus > * *,
.text-jus {
    text-align: justify !important;
}
button,
input,
select,
textarea {
    border: none !important;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
[class*="ico-"] {
    font-family: maxs001}



.block,
.-block > *{
    display: block !important}

.in-block,
.-in-block > *{
    display: inline-block !important}

.x-cont,
.-x-cont > *{
    padding: 1em;
}

::placeholder{
    opacity: 1;
    -webkit-opacity: 1;
    color: var(--wh3-bl3)}

.relative{position: relative}
.absolute{position: absolute}


.pd-01{
    padding: 0 calc((100% / 24 / 2));
}