device_logo,device_logo>* {
    list-style:none;
    width:var(--icon-size);
    height:var(--icon-size)
}

.-select-Code-number-title>span,.-select-Code-number-title>span>span,.-single-product-incart-context>h2,.-single-product-thankyou-context>h2,.HeaderCard>.vs-user>em,.HeaderCard>.vs-user>span,.Select-Options-Items>h2>span,.UserLogo--ControllerMain>.vs-user,.UserLogo--ControllerMain>.vs-user>span {
    white-space:nowrap;
    text-overflow:ellipsis
}

body[mode=dark],body[mode=light] {
    --secondarytext-bold:#687485;
    --alinks:#1f1e87;
    --tooltip:#070734d6;
    --bghover:#0505050a;
    --overlaycolor:#181864ab;
    --uioverlaycolor:#2144f00a;
    --shadow-2:#0003;
    --shadow-1:#0000001a;
    --placeholder:#8a8d91;
    --disable-text:#606060;
    --disable-button:#202020;
    --positive:#117d49;
    --negative:#f0284a;
    --hover-overlay:#06063205;
    --focused-shadow:0px 1px 80px var(--shadow-1),0px 9px 10px -10px var(--shadow-2)
}

.baidu,.blogger,.buffer,.digg,.email,.evernote,.facebook,.flipboard,.googleplus,.hackernews,.line,.linkedin,.messenger,.myspace,.okru,.pinterest,.pocket,.renren,.skype,.stumbleupon,.telegram,.trello,.tumblr,.twitter,.viber,.vk,.weibo,.whatsapp,.xing,.youtube {
    --sociaTextColor:white
}

*,body {
    -webkit-font-smoothing:antialiased;
}

a,body {
    color:var(--primary-text)
}

header,header.fixedintro {
    --count-bg:var(--negative);
    --count-text:white
}

a,header {
    transition:180ms
}

.GotoTop,.owl-rtl .owl-item {
    float:right
}

*,verified {
    vertical-align:middle
}

*,.-select-Code-number-title,necessary {
    box-sizing:border-box
}

:root {
    --uicolor:#ddf247;
    --uicolor2:#010322;
    --secondaryui:#ffde28;
    --ratingColor:#ffa700;
    --ffamily:Alexandria;
    --fsize:14px;
    --ffamilyen:Plus Jakarta Sans;
    --f-number:Plus Jakarta Sans;
    --f-logo:Plus Jakarta Sans;
    --lheight:1.5;
    --transition-timing-out:out:cubic-bezier(0,0,1,1);
    --transition-timing-in:cubic-bezier(0,0,1,1);
    --largeradius:30px;
    --very-largeradius:120px;
    --miniradius:13px;
    --margin-v2:7px;
    --padding:30px;
    --bg-gr:linear-gradient(-45deg,#f6f6ff,white)
}

body[mode=light] {
    --textcolor:#000000;
    --primary-text:#e2e4e4;
    --secondarytext:#c5c5c5;
    --logo-color:#1f1e87;
    --bgcolor:#101010;
    --logo-bgcolor:#3a3a3a;
    --diver:#1a1d1e;
    --title-size:20px;
    --logoitems-bg:#fff;
    --header-primary-text:#041c36;
    --intro-primary-text:var(--primary-text);
    --logoitems-bg:#ffffff;
    --intro-primary-text:var(--primary-text);
    --intro-ui-ovelay:#0000000f;
    --intro-hover-overlay:#00000005;
    --intro-uicolor:#1f1e87;
    --offer-text-color:white;
    --top-separator-color:rebeccapurple;
    --bottom-separator-color:#fff;
    --alphabg:#0b0b0bcc;
    --overlay:#121212;
    --container-width:1440px;
    --padding-value:40px;
    --container-padding:0 var(--padding-value);
    --box-shadow-defult:var(--diver) 0px 0px 0px 1px,0px 4px 2px -3px #09234012;
    --box-shadow-hover:#dbdce700 0px 0px 0px 1px,0px 15px 32px -14px #09234012,0px 4px 2px -3px #09234012;
    --border-defult-hover:#e5eaef52;
    --border-defult:1px solid var(--diver);
    --PopoverShadow:0 12px 20px 0 rgb(0 0 0 / 4%),0 2px 4px 0 rgb(0 0 0 / 2%),inset 0 0 0 1px rgb(255 255 255 / 60%);
    --whatsapp:#27ae60;
    --transtionValue:1s;
    --chevron:'\f053';
    --plus-icon:'\e59e';
    --check-icon:"\f00c"
}

body[mode=dark] {
    --textcolor:#ffffff;
    --primary-text:#ffffff;
    --secondarytext:#e9e8f3;
    --logo-color:#ffffff;
    --bgcolor:#041c36;
    --diver:#ffffff14
}

* {
    margin:0;
    padding:0;
    outline:0;
    font-family:inherit;
    word-break:break-word;
}

.mail {
    --sociaColor:rgb(136,136,136)
}

.messenger {
    --sociaColor:rgb(0,153,255)
}

.trello,.twitter {
    --sociaColor:#00aced
}

.facebook {
    --sociaColor:#3b5998
}

.linkedin {
    --sociaColor:#007AB5
}

.googleplus {
    --sociaColor:#DD4C39
}

.email {
    --sociaColor:#444
}

.whatsapp {
    --sociaColor:#4DC247
}

.telegram {
    --sociaColor:#34ADE1
}

.viber {
    --sociaColor:#7C529E
}

.pinterest {
    --sociaColor:#CB2029
}

.tumblr {
    --sociaColor:#32506d
}

.hackernews {
    --sociaColor:#FF6700
}

.reddit {
    --sociaColor:#CEE3F8;
    --sociaTextColor:#445e7e
}

.vk {
    --sociaColor:#45668E
}

.buffer {
    --sociaColor:#46ABED
}

.xing {
    --sociaColor:#006464
}

.line {
    --sociaColor:#1DCD00
}

.digg {
    --sociaColor:#1B568E
}

.pocket {
    --sociaColor:#EE4056
}

.stumbleupon {
    --sociaColor:#EB4924
}

.flipboard {
    --sociaColor:#E02828
}

.weibo {
    --sociaColor:#E6162D
}

.renren {
    --sociaColor:#005EAC
}

.myspace {
    --sociaColor:#111
}

.blogger {
    --sociaColor:#EB8104
}

.baidu {
    --sociaColor:#2319DC
}

.okru {
    --sociaColor:#EE8208
}

.youtube {
    --sociaColor:#FF0000
}

.evernote {
    --sociaColor:#5ba525
}

.skype {
    --sociaColor:#00aff0
}

body {
    font-family:var(--ffamily);
    line-height:1.2;
    background-color:var(--bgcolor);
    font-size:var(--fsize);
}


body::-webkit-scrollbar {
    width:6px
}

body::-webkit-scrollbar-thumb {
    background:#0a172a;
    border-radius:50px
}

body::-webkit-scrollbar-track {
    background:#f9f9f9
}

a {
    text-decoration:none
}

::placeholder {
    color:var(--secondarytext);
    font-weight:200
}

:focus::placeholder {
    opacity:.4
}

.container {
    padding:var(--container-padding);
    max-width:var(--container-width);
    margin:0 auto
}

.container.largerContainer {
    max-width:1700px
}

root {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    padding:135px 0 0
}

.fixedintro root {
    padding-top:0
}

root.mobile-page .animation-hidden {
}

header .container {
    display:flex;
    align-content:center;
    align-items:center;
    position:relative;
    flex-wrap:wrap
}

.--Site--Menu>ul>li>a,header {
    align-items:center;
    align-content:center;
    display:flex
}

header {
    position:absolute;
    top:0;
    z-index:102;
    justify-content:space-between;
    right:0;
    left:0;
    flex-wrap:wrap;
    --header-padding:15px 0px;
    --hover-overlay:#6280ad08;
    --header-bg:white;
    --button-color-text:var(--primary-text);
    --button-color-bg:#f9f9f91f;
    --user-bg-icon:#00000008;
    --user-button-color-text:var(--secondarytext);
    --top-bat-shadow:#00091200;
    --top-header-bg:#e9e9e900;
    --top-header-icon-color:#d3d2d6;
    --text-top-header-color:#dddde7;
    --text-top-header-color-hover:var(--primary-text);
    --top-h-bg:#fdfdfd;
    --top-header-border:#0000000a;
    --intro-secondarytext:#c3c6c6;
    --count-border:white;
    --bars-background:var(--primary-text);
}

header.fixedintro {
    --intro-primary-text:white;
    --header-padding:0px 0px;
    --hover-overlay:#6280ad1c;
    --header-bg:transparent;
    --button-color-text:white;
    --button-color-bg:#ffffff08;
    --user-bg-icon:#ffffff1f;
    --user-button-color-text:white;
    --top-bat-shadow:#0000008f;
    --top-header-bg:radial-gradient(circle,var(--primary-text),transparent);
    --top-h-bg:transparent;
    --text-top-header-color-hover:white;
    --top-header-border:#ffffff08;
    --intro-secondarytext:#ffffffcc;
    --count-border:var(--primary-text);
    --bars-background:white
}

header:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:rgb(16 16 16 / 80%);
    right:0;
    transition:280ms;
    transform:translateY(0);
    box-shadow:0 4px 30px rgb(0 0 0 / 46%);
    backdrop-filter:blur(15px);
}

.-Btn-Header>a,.-CheckBox-Box-Item input[type=checkbox]:checked+span:before,.-Radio-Box-Item input[type=radio]:checked+span:before {
    background:var(--uicolor)
}

body.before-start header:not(.fixedintro):before {
    --bx:rgb(14 67 181 / 3%) 0 2px 4px,rgb(149 168 207 / 4%) 0 8px 15px;
    box-shadow:var(--bx)
}

header.fixedintro:before {
    box-shadow:0 4px 30px rgb(0 0 0 / 0%);
    background:transparent;
    transform:translateY(-150%);
}

.--Site--Menu {
    display:flex;
    padding:0 30px;
    justify-content:center;
    flex:1;
}

.--Site--Menu>ul {
    display:flex;
    list-style:none;
    justify-content:flex-start;
    margin:0 auto;
    gap:5px;
}

.--Site--Menu>ul>li {
    display:flex;
    padding:5px 0;
    flex-wrap:wrap
}

.--Site--Menu>ul>li:hover ul.sub-menu,.--Site--Menu>ul>li>ul.sub-menu>li:hover ul.sub-menu {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}

.--Site--Menu>ul>li>a {
    padding:3px 15px;
    font-weight:400;
    position:relative;
    font-size:16px;
    height:45px;
    border-radius:var(--largeradius);
    color:var(--intro-secondarytext);
    flex-wrap:wrap;
    min-width:max-content
}

.--Site--Menu>ul>li.current-menu-item>a,.--Site--Menu>ul>li.current_page_item>a,.--Site--Menu>ul>li:hover>a>i,.--Site--Menu>ul>li>a:hover {
    color:var(--intro-primary-text)
}

.--Site--Menu>ul>li>ul.sub-menu>li:hover>a,.--Site--Menu>ul>li>ul.sub-menu>li:hover>a:before,.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li:hover>a:before,.-footer-widgets-links>li:hover>a,.LinksBox>li>a:hover>i {
    color:var(--primary-text)
}

.--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
    padding:20px 20px 20px 43px
}

.--Site--Menu>ul>li>ul.sub-menu,.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
    visibility:hidden;
    opacity:0;
    transition:130ms;
    box-shadow:0 2px 3px #00000014, 0 17px 30px 10px #0000000d;
    border-radius:var(--miniradius);
    position:absolute;
    background:#1a1d1e;
}

.--Site--Menu>ul>li>a>em,.-Post-sidebar-box-single-item>a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0
}

.--Site--Menu>ul>li>a>i {
    margin-left:7px;
    font-weight:500;
    transition:180ms;
    font-size:18px
}

.-site-logo {
}

.-site-logo>a {
    display:block
}

.--Site--Menu>ul>li>ul.sub-menu {
    top:100%;
    top:calc(100% + 0px);
    display:block;
    transform:translateY(10px);
    min-width:220px;
}

.--Site--Menu>ul>li>:hover ul.sub-menu {
    opacity:1;
    visibility:visible;
    transform:translate(0)
}

.--Site--Menu>ul>li>ul.sub-menu>li {
    display:flex;
    position:relative;
    align-content:center;
    align-items:center
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
    top:5px;
    right:calc(100% + 0px);
    list-style:none;
    min-width:200px;
    transform:translateX(10px)
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li {
    display:flex;
    min-width:max-content
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a {
    display:flex;
    position:relative;
    padding:15px;
    flex:1;
    border-radius:var(--miniradius)
}

.--Site--Menu>ul>li>ul.sub-menu>li:hover>ul.sub-menu {
    visibility:visible;
    opacity:1;
    transition:280ms;
    transform:translateX(0)
}

.--Site--Menu>ul>li>ul.sub-menu>li .-Show-SubMenu-Icon>i {
    transform:rotate(90deg) translateX(-50%);
    color:#fff;
}

.--Site--Menu>ul>li>ul.sub-menu>li>a {
    display:flex;
    align-content:center;
    align-items:center;
    padding:17px 15px;
    flex:1;
    flex-wrap:wrap;
    line-height:1.5;
}

.--Site--Menu>ul>li>ul.sub-menu>li>a:before,.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a:before {
    position:relative;
    display:block;
    font-family:'Font Awesome 6 Pro';
    margin-left:6px;
    height:12px;
    color:var(--secondarytext);
    transition:180ms;
    content:'\f323';
    font-size:14px;
    font-weight:300
}

.--Site--Menu>ul>li:hover > ul.sub-menu {
    visibility:visible;
    opacity:1;
    transition:280ms;
    transform:translateY(0)
}

.UserBoxLinks,.header--Tools>.header--buttons-single-item count:empty,switchfield>input[type=checkbox]:checked~.Switch>span {
    visibility:hidden;
    opacity:0
}

.-Header-Fix,.-Post-box-item-Thumb>img,.-Post-sidebar-box-item-Thumb>img,.-Show-SubMenu-Icon,.-YC-Icon-Buttons,.-Yc-TopBar,.GotoTop>a {
    position:relative
}

.-Show-SubMenu-Icon>i {
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    left:15px;
    font-size:13px;
    color:var(--intro-secondarytext)
}

.header--Tools {
    display:flex;
    align-content:center;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end
}

.header--Tools>.header--buttons-single-item {
    margin-inline-end:10px;position:relative
}

.header--Tools>.header--buttons-single-item>a {
    --element-width:48px;
    display:flex;
    flex-wrap:wrap;
    height:var(--element-width);
    width:var(--element-width);
    border-radius:var(--largeradius);
    align-content:center;
    justify-content:center;
    align-items:center;
    font-size:18px;
    transition:280ms;
    color:var(--button-color-text);
    background:var(--button-color-bg);
    text-align:center;
    position:relative;
    overflow:visible
}

.header--Tools>.header--buttons-single-item>a:after {
    border-radius:50%
}

.header--Tools>.header--buttons-single-item count {
    position:absolute;
    top:-7px;
    right:-10px;
    background:var(--count-bg);
    z-index:1;
    width:25px;
    height:25px;
    border-radius:50%;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    align-content:center;
    font-size:12px;
    color:var(--count-text);
    font-weight:700;
    font-family:var(--f-number);
    transition:180ms
}

.header--Tools>.header--buttons-single-item>a>i {
    font-weight:500
}

.header--Tools>.whatsapp-button-header>a {
    color:var(--whatsapp-text);
    background:var(--whatsapp-bg)
}

header.fixedintro .header--Tools>.whatsapp-button-header>a>i {
    transform:scale(1.3)
}

.User--MainArea {
    display:flex;
    align-content:center;
    align-items:center;
    flex-wrap:wrap;
    position:relative
}

.UserLogo--ControllerMain {
    display:block;
    min-width:100px;
    max-width:140px;
    overflow:hidden;
    cursor:pointer
}

.UserLogo--ControllerMain>.vs-user {
    display:flex;
    align-content:center;
    align-items:center;
    flex-wrap:nowrap;
    overflow:hidden;
    user-select:none;
    font-weight:600;
    padding:7px 7px 7px 12px;
    border-radius:28px;
    transition:.35s;
    color:var(--user-button-color-text);
    background:var(--button-color-bg)
}

.UserLogo--ControllerMain>.vs-user>.ProfileUse {
    min-width:34px;
    height:34px;
    max-width:34px;
    margin-inline-end:8px;display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    font-size:16px;
    color:var(--user-button-color-text);
    background:var(--user-bg-icon);
    border-radius:50%;
    --elemnt-width:100%;
    --element-height:100%;
    --element-radius:50%;
    overflow:hidden
}

.UserLogo--ControllerMain>.vs-user>span {
    display:block;
    flex:1;
    max-width:calc(100% - 30px);
    overflow:hidden;
    user-select:none;
    text-transform:capitalize;
    font-weight:300
}

.UserBoxLinks {
    display:inline-block;
    width:340px;
    position:absolute;
    list-style:none;
    left:-4px;
    top:65px;
    background:#000000e0;
    transform:translateY(20px);
    transition:.35s;
    z-index:1000;
    line-height:initial;
    text-align:right;
    border-radius:var(--largeradius);
    padding:30px;
    backdrop-filter:blur(10px);
}

.-Select-DropDown,.-Select-DropDown-PoneNumber {
    box-shadow:0 2px 3px #1f1e8705,0 8px 35px #4847ed0f;
    z-index:90;
    top:calc(100% - -8px);
    visibility:hidden
}

.HeaderCard {
    display:flex;
    width:100%;
    position:relative;
    height:65px;
    flex-wrap:wrap;
    border-radius:8px;
    transition:.35s;
    margin-bottom:20px;
}

.-Btn-Header,.LinksBox,.MenuHr,.header--Tools>.whatsapp-button-header>a>i {
    display:block
}

.HeaderCard>.vs-user,.HeaderCard>.vs-user>.ImageRight {
    display:flex;
    align-items:center;
    align-content:center;
    overflow:hidden
}

.HeaderCard>.vs-user {
    padding-right:60px;
    height:100%;
    flex-wrap:wrap
}

.HeaderCard:hover>a {
    color:#2e414b
}

.HeaderCard>.vs-user>.ImageRight {
    width:48px;
    height:48px;
    border-radius:50%;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    justify-content:center;
    flex-wrap:wrap;
    font-size:20px;
    border:1px solid var(--diver)
}

.-Radio-Box-Item,.LinksBox>li>a,necessary,textarea {
    border-radius:var(--miniradius)
}

.LinksBox>li>a,.LinksBox>li>a>i {
    align-items:center;
    display:flex;
    transition:180ms
}

.HeaderCard>.vs-user>span {
    display:block;
    font-size:20px;
    min-width:100%;
    position:relative;
    text-transform:capitalize;
    overflow:hidden;
    font-weight:400
}

.HeaderCard>.vs-user>em {
    display:inline-block;
    font-size:13px;
    min-width:100%;
    color:var(--secondarytext);
    top:1px;
    position:relative;
    overflow:hidden;
    max-width:100%;
    font-style:normal;
    font-weight:200
}

.LinksBox>li {
    width:100%;
    position:relative;
    list-style:none
}

.LinksBox>li.Logout>a:hover,.LinksBox>li.Logout>a:hover>i {
    color:var(--negative)
}

.LinksBox>li>a {
    padding:20px;
    font-size:15px;
    width:100%;
    margin-bottom:5px
}

.LinksBox>li.Logout>a {
    padding-bottom:0
}

.LinksBox>li>a>i {
    color:var(--secondarytext);
    font-size:20px;
    margin-inline-end:10px;
    width:28px;
    text-align:center;
    justify-content:center;
    align-content:center;
    flex-wrap:wrap;
}

.MenuHr {
    width:100%;
    height:1px;
    background:#ffffff00;
    margin:10px auto;
    position:relative;
    opacity:.5
}

.-change-currency:hover .ul--by-currency,.User--MainArea.active .UserBoxLinks {
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}

.-Btn-Header>a {
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:flex-start;
    border-radius:var(--largeradius);
    padding:15px 25px;
    position:relative;
    text-align:right;
    color:var(--textcolor);
    z-index:1;
    transition:180ms;
    overflow:hidden;
    font-size:15px;
    flex-wrap:wrap
}

.-Btn-Header>a>strong {
    font-weight:400
}

@keyframes placeholder {
    0% {
        background-position:600px 0
    }

    100% {
        background-position:-600px 0
    }
}

.-YourColor-Widgets-Sections,canvas,switchfield {
    display:block;
    position:relative
}

.-YourColor-SingleWidget-Section {
    display:block;
    width:100%;
    position:relative
}

.-bottom-separator-shows__in {
    margin-bottom:60px
}

.-Top-separator-shows__in {
    margin-top:60px
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    display:block;
    min-height:68px;
    border-radius:var(--miniradius);
    border:1px solid #1a1d1eab;
    outline:0;
    padding:5px 19px;
    width:100%;
    flex:1;
    font-size:16px;
    text-transform:capitalize;
    background:var(--bgcolor);
    color:var(--secondarytext);
    line-height:1.8;
    font-weight:400;
}

.-CheckBox-Box-Item span,.-Radio-Box-Item span {
    width:18px;
    height:18px;
    background:#a1a5a8;
    transform:translate(0,-50%)
}

.-PhoneNumber-Field-YC input[type=number] {
    text-align:left;
    direction:ltr
}

.-is-necessary input[type=text] {
    border:1px solid #991229
}

textarea {
    display:block;
    width:100%;
    border:0;
    outline:0;
    padding:12px;
    border:1px solid #1a1d1e87;
    flex:1;
    min-height:100px;
    line-height:1.5;
    font-size:16px;
    font-weight:200;
    background:var(--bgcolor);
    color:var(--primary-text);
    min-height:120px;
}

.-fix-inputs-area {
    margin:0 0 30px;
    flex-wrap:wrap;
    position:relative;
    display:flex;
    flex-direction:column;
    align-content:flex-start;
    align-items:flex-start;
}

.-fix-inputs-area .iti__flag {
    margin-inline-end:7px}

.-fix-inputs-area .iti--separate-dial-code input[type=tel] {
    padding-inline-start:15px;direction:ltr
}

.-fix-inputs-area .iti--separate-dial-code .iti__selected-flag {
    background:0 0;
    border-inline-start:1px solid var(--diver);padding-inline-start:20px;
    border-radius:var(--miniradius) 0 0 var(--miniradius)
}

.-fix-inputs-area .iti--allow-dropdown {
    width:100%;
    direction:ltr;
    flex:1
}

.-fix-inputs-area.-for-date-field {
    flex-wrap:wrap;
    flex-direction:row;
    align-content:center;
    align-items:center
}

.-fix-forms-field-title {
    display:flex;
    align-content:center;
    align-items:center;
    margin-bottom:20px;
    flex-wrap:wrap;
    position:relative;
    padding-inline-start:20px;
    }

.-fix-forms-field-title:before {
    content:'';
    position:absolute;
    width:6px;
    display:block;
    margin-inline-end:20px;
    background:#ffffff14;
    border-radius:10px;
    height:12px;
    right:0;
    top:50%;
    transform:translateY(-50%)
}

.-fix-forms-field-title>h3 {
    font-size:16px;
    font-weight:400;
    margin-inline-end:10px;
    line-height:1.5;
    color:var(--secondarytext);
}

.-CheckBox-Box-Item em,.-Radio-Box-Item em {
    font-weight:400;
    font-size:14px;
    font-style:normal;
    transition:180ms;
    white-space:nowrap
}

.-fix-forms-field-title>descor {
    position:relative;
    color:#858497;
    cursor:pointer;
    display:flex;
    align-content:center;
    align-items:center
}

.-fix-forms-field-title>descor>i,.-productBox-rate-bar-average>.stars-avg>.stars-avg-back>i,.Usersarea>.-PhoneNumber>span {
    font-weight:300
}

necessary {
    display:block;
    min-width:100%;
    margin-bottom:10px;
    font-size:12px;
    color:#991229
}

.-Radio-Box-InnerArea {
    display:flex;
    flex-wrap:wrap;
    margin:0 -5px;
    flex:1
}

.-Radio-Box-Item {
    display:flex;
    padding:17px 50px 17px 20px;
    align-content:center;
    align-items:center;
    margin:0 5px 10px;
    flex:1;
    min-width:max-content;
    position:relative;
    overflow:hidden;
    background:#fff
}

.-Radio-Box-Item input[type=radio] {
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    margin:0!important;
    z-index:1;
    border-radius:var(--miniradius);
    transition:180ms;
    background:#fff;
    -webkit-appearance:none;
    cursor:pointer
}

.-CheckBox-Box-Item input[type=checkbox]:checked,.-Radio-Box-Item input[type=radio]:checked {
    background:#1f1e8705;
    border-color:#1f1e8733
}

.-Radio-Box-Item input[type=radio]:checked+span {
    transform:scale(1.2) translate(0,-39%);
    background:#1f1e872e;
    box-shadow:0 0 0 3px #1f1e8705
}

.-Radio-Box-Item em {
    display:block;
    position:relative;
    z-index:1;
    color:#8c9093
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span+em,.-CheckBox-Box-Item:hover em,.-Radio-Box-Item:hover em {
    color:#041c36
}

.-Radio-Box-Item input[type=radio]:checked+span+em {
    color:#363636
}

.-Radio-Box-Item span {
    display:block;
    border-radius:50%;
    position:absolute;
    right:17px;
    transition:180ms;
    box-shadow:0 0 0 3px #db2b4800;
    top:50%
}

.-CheckBox-Box-Item:hover>span,.-Radio-Box-Item:hover>span {
    background:#041c36
}

.-Radio-Box-Item span:before {
    content:'';
    position:absolute;
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    background:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    box-shadow:1px 1px 2px #00000030;
    transition:180ms
}

.-Radio-Box-Item input[type=radio i] {
    border:1px solid var(--diver);
    background:0 0;
    outline:0;
    box-shadow:0 0;
    z-index:2;
    display:block
}

.-Radio-Box-Item input[type=radio]:before,.-Radio-Box-Item input[type=radio]:checked::before {
    content:'';
    display:none
}

.-CheckBox-Box-InnerArea {
    display:flex;
    flex-wrap:wrap;
    margin:0 -5px
}

.-CheckBox-Box-Item {
    display:flex;
    padding:13px 45px 13px 15px;
    align-content:center;
    align-items:center;
    margin:0 5px 10px;
    border-radius:var(--largeradius);
    flex:1;
    min-width:max-content;
    position:relative;
    background:#fff
}

.-CheckBox-Box-Item input[type=checkbox] {
    position:absolute;
    width:100%!important;
    height:100%!important;
    right:0;
    top:0;
    margin:0!important;
    z-index:2;
    border-radius:var(--largeradius);
    transition:180ms;
    background:#fff0;
    border:1px solid var(--diver)!important;
    box-shadow:0 0 0;
    display:block;
    -webkit-appearance:none;
    cursor:pointer
}

.-CheckBox-Box-Item.Has-ParentChilds {
    min-width:320px
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    outline:0!important;
    box-shadow:0 0 0!important
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span {
    transform:scale(1.2) translate(0,-39%);
    background:#1f1e8729;
    box-shadow:0 0 0 3px #1f1e870a
}

.-CheckBox-Box-Item em {
    display:block;
    position:relative;
    z-index:1;
    color:#858497;
    flex:1
}

.-CheckBox-Box-Item span {
    display:block;
    border-radius:30%;
    position:absolute;
    right:15px;
    transition:180ms;
    box-shadow:0 0 0 3px #db2b4800;
    top:50%
}

.-CheckBox-Box-Item span:before {
    content:'';
    position:absolute;
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    background:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:30%;
    transition:180ms
}

.-CheckBox-Box-Item span:after {
    content:'\f00c';
    position:absolute;
    font-family:'Font Awesome 6 Duotone';
    color:#fff;
    font-size:18px;
    right:-1px;
    z-index:1;
    visibility:hidden;
    opacity:0;
    transition:180ms;
    top:50%;
    transform:translateY(-50%)
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span:after,.-Select-Field-Code.active .-Select-DropDown-PoneNumber,.Select-Options-Items.active .-Select-DropDown,switchfield>input[type=checkbox]:checked~.Switch>strong {
    visibility:visible;
    opacity:1
}

.-CheckBox-Box-Item input[type=radio i] {
    border:1px solid var(--diver);
    background:0 0;
    outline:0;
    box-shadow:0 0;
    z-index:2
}

.-CheckBox-Box-Item input[type=checkbox]:before {
    display:none!important
}

.-YC-Forms-button {
    display:flex;
    justify-content:flex-end;
    margin:10px 0 0
}

.-YC-Forms-button>.YC-BTN-Forms-Plugin {
    display:block;
    background:var(--positive);
    border:0;
    padding:13px 16px;
    border-radius:var(--largeradius);
    color:#ffff;
    cursor:pointer;
    margin-right:5px;
    font-size:16px;
    font-weight:300
}

.-YC-Forms-button>.YC-BTN-Forms-Plugin>i {
    margin:0 5px
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin>i,verified {
    margin-inline-start:5px}

.-YC-Forms-button>.YC-BTN-Forms-Plugin.Next-Step-Action {
    background:0 0;
    color:#1a1a64
}

.Select-Options-Items {
    display:block;
    min-width:170px;
    position:relative;
    flex:1
}

.Select-Options-Items>h2 {
    display:flex;
    padding:20px 15px;
    justify-content:space-between;
    width:100%;
    border:1px solid var(--diver);
    border-radius:var(--miniradius);
    cursor:pointer;
    font-weight:500;
    height:60px;
    font-size:14px;
    align-items:center;
    background:#ffffff17;
    overflow:hidden
}

.Select-Options-Items>h2>span {
    margin-inline-end:10px;display:block;
    flex:1;
    overflow:hidden
}

.Select-Options-Items>h2>span>.-field-select-image {
    margin-left:10px;
    height:32px;
    max-width:32px;
    position:relative;
    overflow:hidden;
    border-radius:var(--miniradius);
    box-shadow:0 2px 3px #1f1e8705,0 3px 10px #4847ed0f;
    min-width:32px;
    max-height:32px
}

.-select-Code-number-title>span>.-field-select-image>img,.Select-Options-Items>h2>span>.-field-select-image>img {
    position:absolute;
    min-width:100%;
    max-width:unset;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-height:100%;
    max-height:100%
}

.-Select-DropDown {
    position:absolute;
    opacity:0;
    background:#000000e8;
    border-radius:var(--miniradius);
    min-width:240px;
    right:0;
    padding:10px;
    max-height:391px;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    backdrop-filter:blur(15px);
}

.-Select-DropDown-PoneNumber .Lists-Select-Items-PoneNumber,.Select-Options-Items .Lists-Select-Items {
    position:relative;
    min-width:100%;
    overflow:auto;
    margin:0;
    max-height:265px
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar {
    width:4px;
    height:4px
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-thumb {
    background:linear-gradient(0deg,transparent 10%,transparent 0,transparent 90%,transparent 0)
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-track {
    background:0 0
}

.Select-Options-Items .Lists-Select-Items:hover::-webkit-scrollbar-thumb {
    background:linear-gradient(0deg,transparent 10%,#00000008 0,#00000008 90%,transparent 0)
}

.Lists-Select-Items-PoneNumber>li,.Select-Options-Items .Lists-Select-Items>li {
    display:flex;
    padding:12px 13px;
    border-radius:var(--miniradius);
    cursor:pointer;
    transition:180ms;
    align-content:center;
    align-items:center;
    font-weight:400;
    font-size:14px;
    margin-bottom:5px;
    color:var(--secondarytext);
}

.Select-Options-Items .Lists-Select-Items>li:hover {
    background:#f4f4f4
}

.Select-Options-Items .Lists-Select-Items>li:before {
    content:'\e59e';
    font-family:"Font Awesome 6 Pro";
    font-size:14px;
    color:var(--secondarytext);
    position:relative;
    margin-left:10px;
    font-weight:900;
    display:flex;
    align-content:center;
    align-items:center;
    line-height:1.6
}

.Select-Options-Items .Lists-Select-Items>li.active:before {
    color:var(--primary-text);
}

.-Select-Cuntryes-Item .Select-Options-Items .Lists-Select-Items>li:before,.dis {
    display:none
}

.Select-Options-Items .Lists-Select-Items>li.active {
    color:var(--primary-text);
}

.Lists-Select-Items-PoneNumber>li .-field-select-image,.Select-Options-Items .Lists-Select-Items>li .-field-select-image {
    display:block;
    max-width:32px;
    min-width:32px;
    overflow:hidden;
    margin-left:10px;
    border-radius:50%;
    height:32px;
    position:relative;
    border:1px solid #0000001f;
    box-shadow:0 2px 3px #00000012,0 3px 14px #0000000d
}

.Select-Options-Items .Lists-Select-Items>li .-field-select-image>img {
    max-height:100%;
    min-height:100%;
    min-width:100%;
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
    top:50%;
    max-width:unset
}

.Select-Options-Items .Lists-Select-Items>li>em {
    font-size:11px;
    color:var(--secondarytext);
    margin-right:5px
}

switchfield>.Switch {
    display:block;
    width:130px;
    position:relative;
    background:var(--disable-button);
    height:50px;
    border-radius:40px;
    color:var(--secondarytext);
    cursor:pointer;
    transition:180ms
}

switchfield>.Switch>span,switchfield>.Switch>strong {
    position:absolute;
    width:max-content;
    top:50%;
    transform:translateY(-50%);
    left:15px;
    font-size:17px;
    font-weight:300;
    transition:180ms
}

switchfield>.Switch>strong {
    right:15px;
    left:0;
    visibility:hidden;
    opacity:0
}

switchfield>.Switch>em {
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    transform:translateY(-50%);
    right:5px;
    background:var(--disable-text);
    top:50%;
    transition:180ms
}

switchfield>input[type=checkbox]:checked~.Switch>em {
    transform:translate(-80px,-50%);
    background:#fff
}

switchfield>input[type=checkbox]:checked~.Switch {
    background:var(--uicolor);
    color:#fff
}

switchfield>input[type=checkbox] {
    position:absolute;
    width:100%;
    height:100%;
    background:0 0;
    border:0!important;
    box-shadow:0 0 0;
    z-index:1;
    top:0;
    right:0;
    left:0;
    display:block;
    -webkit-appearance:none;
    cursor:pointer;
}

.-PhoneNumber-Field-YC {
    flex:1;
    display:flex;
    flex-wrap:wrap;
    width:100%
}

.-Select-Field-Code {
    display:block;
    position:relative;
    margin-left:15px;
    max-width:180px;
    min-width:180px
}

.-select-Code-number-title {
    display:flex;
    padding:20px 15px!important;
    justify-content:space-between;
    width:100%;
    border:1px solid var(--diver);
    border-radius:var(--miniradius);
    cursor:pointer;
    font-weight:500!important;
    height:60px;
    font-size:14px!important;
    align-content:center;
    align-items:center;
    background:#fff;
    line-height:unset!important;
    margin:0;
    overflow:hidden
}

.-select-Code-number-title>span,.AjaxSearchCenter {
    align-items:center;
    display:flex;
    align-content:center
}

.-select-Code-number-title>span {
    margin-left:10px;
    flex:1;
    overflow:hidden;
    justify-content:flex-start;
    max-width:100%
}

.-select-Code-number-title>span>span {
    overflow:hidden;
    justify-content:flex-start;
    display:block
}

.-select-Code-number-title>span em {
    font-style:unset;
    font-size:11px
}

.-select-Code-number-title>span>.-field-select-image {
    margin-left:10px;
    height:32px;
    min-width:32px;
    position:relative;
    overflow:hidden;
    border-radius:var(--miniradius);
    box-shadow:0 2px 3px #1f1e8705,0 3px 10px #4847ed0f
}

.-Select-DropDown-PoneNumber {
    position:absolute;
    opacity:0;
    background:#fff;
    border-radius:var(--largeradius);
    min-width:250px;
    right:0;
    padding:10px;
    max-height:390px;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}

.Lists-Select-Items-PoneNumber>li:hover {
    background:#f4f4f4;
    color:#041c36
}

.Lists-Select-Items-PoneNumber>li.active {
    background:#f3f3ff;
    border-color:#1f1e8705;
    color:var(--uicolor)
}

.Lists-Select-Items-PoneNumber>li em {
    color:#464646;
    font-style:normal
}

.Lists-Select-Items-PoneNumber>li .-field-select-image>img {
    max-width:unset;
    max-height:100%;
    min-height:100%;
    position:absolute
}

.Lists-Select-Items-PoneNumber:hover::-webkit-scrollbar-thumb {
    background:linear-gradient(0deg,transparent 10%,#00000008 0,#00000008 90%,transparent 0)
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar-thumb {
    background:linear-gradient(0deg,transparent 10%,transparent 0,transparent 90%,transparent 0)
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar-track {
    background:0 0
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar {
    width:4px;
    height:4px
}

.AjaxSearchCenter {
    border-bottom:1px solid var(--diver);
    margin-bottom:10px;
    padding:0 10px
}

.-fix-inputs-area .AjaxSearchCenter input[type=text] {
    border:0!important;
    border-bottom:0 solid var(--diver)!important;
    border-radius:0!important;
    min-height:50px;
    padding:0 10px!important
}
.-YC-owl-navs-items > .-YC-owl-Slides-next {
  left:0;
}
:hover > .-YC-owl-navs-items > .-YC-owl-Slides-next.--shows-in-hoverable,
:hover > .-YC-owl-navs-items > .-YC-owl-Slides-prev.--shows-in-hoverable {
  visibility:visible;
  opacity:1;
  transform:translate(0, -50%);
}
* > .-YC-owl-navs-items > .-YC-owl-Slides-next.--shows-in-hoverable {
  transform:translate(10px, -50%);
  visibility:hidden;
  opacity:0;
}
* > .-YC-owl-navs-items > .-YC-owl-Slides-prev.--shows-in-hoverable {
  transform:translate(-10px, -50%);
  visibility:hidden;
  opacity:0;
}
.-YC-owl-navs-items > .-YC-owl-Slides-next,
.-YC-owl-navs-items > .-YC-owl-Slides-prev {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:white;
  --chev-w:50px;
  width:var(--chev-w);
  height:var(--chev-w);
  z-index:101;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  font-size:20px;
  color:var(--bgcolor);
  cursor:pointer;
  transition:180ms;
}

.-YC-owl-navs-items.--relative--mode > .-YC-owl-Slides-next, .-YC-owl-navs-items.--relative--mode > .-YC-owl-Slides-prev {
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    transform:translateY(0);
    --chev-w:55px;
    background:var(--bgcolor);
    color:var(--secondarytext);
    border:3px solid var(--diver);
}

.-YC-owl-navs-items.--relative--mode > .-YC-owl-Slides-next:hover, .-YC-owl-navs-items.--relative--mode > .-YC-owl-Slides-prev:hover {
    color:var(--bgcolor);
    border-color:var(--uicolor);
}

.-YC-owl-navs-items.--relative--mode {
    display:flex;
    gap:15px;
}
.-YC-owl-navs-items > .-YC-owl-Slides-next > i,
.-YC-owl-navs-items > .-YC-owl-Slides-prev > i {
  font-weight:600;
}
.-YC-owl-navs-items > .-YC-owl-Slides-next:hover,
.-YC-owl-navs-items > .-YC-owl-Slides-prev:hover {
  background:var(--uicolor);
  opacity:1;
}
.-YC-owl-navs-items > .-YC-owl-Slides-prev {
  right:0;
}
.AjaxSearchCenter:before {
    content:'\f002';
    position:relative;
    display:block;
    font-size:25px;
    font-family:"Font Awesome 6 Pro";
    font-weight:300;
    margin-left:4px
}

.GotoTop {
    width:70px;
    height:70px;
    z-index:10998;
    color:var(--secondarytext);
    cursor:pointer;
    position:fixed;
    bottom:40px;
    transform-origin:center bottom;
    transform:translate(0,200%);
    transition:.2s cubic-bezier(.21,.12,.02,.99);
    border-radius:50%;
    right:40px;
    display:flex;
    place-content:center;
    align-items:center;
    background:var(--whatsapp);
    --bx-item:-4px -2px 16px 0px #00000000,4px 2px 16px 0px rgb(0 0 0 / 3%);
    box-shadow:var(--bx-item);
    border:2px solid var(--whatsapp)
}

.GotoTop>a {
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:39px
}

.GotoTop:hover>a {
    color:var(--whatsapp)
}

.Usersarea>.-PhoneNumber>a,verified {
    color:#fff
}

.GotoTop>a:after,.GotoTop>a:before {
    content:'';
    display:block;
    position:absolute;
    border:2px solid var(--whatsapp);
    left:-20px;
    right:-20px;
    top:-20px;
    bottom:-20px;
    border-radius:50%;
    animation:1.5s linear infinite animate;
    opacity:0
}

.GotoTop:hover>a:after,.GotoTop:hover>a:before {
    animation:unset
}

.GotoTop>a:after {
    animation-delay:.5s
}

@-moz-keyframes animate {
    0% {
        transform:scale(.5);
        opacity:0
    }

    50% {
        opacity:1
    }

    100% {
        transform:scale(1.2);
        opacity:0
    }
}

@-webkit-keyframes animate {
    0% {
        transform:scale(.5);
        opacity:0
    }

    50% {
        opacity:1
    }

    100% {
        transform:scale(1.2);
        opacity:0
    }
}

@keyframes animate {
    0% {
        transform:scale(.5);
        opacity:0
    }

    50% {
        opacity:1
    }

    100% {
        transform:scale(1.2);
        opacity:0
    }
}

.GotoTop>a>i {
    height:42px
}

.GotoTop.visible {
    transform:translate(0,0)
}

.GotoTop:hover {
    opacity:1;
    --bx-item:-4px -2px 16px 0px #00000000,4px 10px 23px 6px rgb(0 0 0 / 2%);
    transform:translate(0,-1px);
    background:#fff
}

.-Yc-TopBar {
    display:flex;
    width:100%;
    justify-content:center;
    padding:20px 0;
}

.-Yc-TopBar .container {
    flex:1
}

.-Header-Fix {
    width:100%;
    padding:var(--header-padding);
    display:block
}

header.fixedintro .-Header-Fix > .container {
    padding:25px calc(var(--padding-value) + 35px);
    position:relative;
}

.-Header-Fix > .container {
    padding:var(--container-padding);
    transition:280ms all ease;
}

.-Header-Fix > .container:before {
    content:'';
    position:absolute;
    width:calc( 100% - (var(--padding-value) * 2 ));
    height:100%;
    border-radius:var(--largeradius);
    left:50%;
    top:0;
    background:#ffffff0f;
    transform:translateX(-50%);
    z-index:-1;
}

.-footer-payment-items,.Usersarea {
    display:flex;
    align-items:center;
}

.Usersarea>.-PhoneNumber {
    margin:0 10px 0 0;
    color:#25d366;
    font-size:20px
}

.Usersarea>.-PhoneNumber>i {
    margin-left:10px;
    font-size:25px;
    font-weight:100
}

.Usersarea>a {
    display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    padding:10px 15px;
    border-radius:var(--largeradius);
    color:var(--secondarytext)
}

.-row-shares-items,.Bar-Left-InTOpBar {
    display:flex;
    align-content:center;
    align-items:center
}

.YourColor-IntroBoxes {
    display:flex;
    position:relative;
    margin:0;
    z-index:1;
}

.owl-item,verified {
    display:inline-block
}

.animation-hidden {
    visibility:hidden
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    to {
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    to {
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity:1
    }

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

    to {
        opacity:0
    }
}

@keyframes zoomOut {
    0% {
        opacity:1
    }

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

    to {
        opacity:0
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(800px);
        transform:translateY(800px)
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }

    100%,80% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(800px);
        -ms-transform:translateY(800px);
        transform:translateY(800px)
    }

    60% {
        opacity:1;
        -webkit-transform:translateY(800px);
        -ms-transform:translateY(800px);
        transform:translateY(800px)
    }

    80% {
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }

    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        transform:translateX(800px)
    }

    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        -ms-transform:translateX(800px);
        transform:translateX(800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        transform:translateX(-800px)
    }

    100% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        -ms-transform:translateX(-800px);
        transform:translateX(-800px)
    }

    100% {
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(-800px);
        transform:translateY(-800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(-800px);
        -ms-transform:translateY(-800px);
        transform:translateY(-800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(800px);
        transform:translateY(800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translateY(800px);
        -ms-transform:translateY(800px);
        transform:translateY(800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        transform:translateX(-800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        -ms-transform:translateX(-800px);
        transform:translateX(-800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        transform:translateX(800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        -ms-transform:translateX(800px);
        transform:translateX(800px)
    }

    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}

.YC-Animation-Item {
    -webkit-animation-name:var(--animation-name);
    animation-name:var(--animation-name);
    animation-duration:var(--animation-duration);
    animation-delay:var(--animation-delay)
}

.-YC-Widgets-Inner-Row {
    padding:120px 0;
}

.owl-item {
    vertical-align:top
}

title--tooltip {
    position:fixed;
    background:#000000c7;
    padding:5px 10px;
    border-radius:var(--miniradius);
    color:#fff;
    font-size:13px;
    max-width:250px;
    font-weight:400;
    line-height:1.6;
    z-index:20000
}

title--tooltip.social-tooltip {
    min-width:max-content;
    padding:15px
}

.-YC-Icon-Buttons {
    display:flex;
    max-width:max-content;
    align-content:center;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 15px;
    height:20px;
    --inset-uicolor:var(--uicolor2)
}

:hover>btn-icon.-YC-Icon-Buttons>em {
    opacity:0
}

:hover>btn-icon.-YC-Icon-Buttons>span {
    width:50px
}

verified {
    width:16px;
    height:16px;
    background:#2c86fd;
    border-radius:50%;
    font-size:8px;
    text-align:center;
    line-height:18px
}

.-Post-box-item-Info,.-Post-box-item-context,.-currency-title-selected>span,.-footer-widgets-links>li,.-footer-widgets-title,.YC-BreadCrumb,.YC-BreadCrumb>ol>li,.container-pages-head .YC-BreadCrumb>ol>i:last-of-type {
    display:block
}

.-footer-widgets-title {
    margin-bottom:20px;
}

.-footer-widgets-title > p {
    font-weight:500;
    font-size:18px;
}

ol.BreadcrumbsFilters>li {
    list-style:none;
    margin-inline-end:10px;align-items:center;
    display:flex
}

ol.BreadcrumbsFilters>li+li:before {
    content:var(--chevron);
    font-family:'Font Awesome 5 Pro';
    font-weight:700;
    position:relative;
    margin-inline-end:10px;line-height:0;
    color:var(--secondarytext)
}

.YC-BreadCrumb>ol {
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    align-content:center;
    align-items:center;
    flex:1;
}

.YC-BreadCrumb>ol>i {
    margin:0 10px;
    font-size:14px;
    font-weight:300;
    color:var(--secondarytext);
    height:11px
}

.-Post-sidebar-box-item-context,.-cloned--product.-Product-Post-Box .-Product-Box-FooterBar,.-cloned--product.-Product-Post-Box .-productBox-rate-bar-average,.-sidebar-related-title-posts-items .-Post-box-single-item .-Post-box-item-Info>.-P-content,.YC-BreadCrumb>ol>i:last-of-type {
    display:none
}

.YC-BreadCrumb>ol>li>a {
    display:flex;
    font-size:19px;
    padding:0;
    color:var(--secondarytext);
    font-weight:400;
    text-transform:uppercase;
    align-content:center;
    align-items:center;
    flex-wrap:wrap
}

.YC-BreadCrumb>ol>li:hover>a {
    color:white;
}

.YC-BreadCrumb>ol>li>a>span {
    display:flex;
    flex-wrap:wrap
}

.YC-BreadCrumb>ol>li>a>span>i {
    margin-inline-end:5px}

.-fix-inputs-area.-is-necessary input,.-fix-inputs-area.-is-necessary textarea {
    animation:1.5s is-necessary
}

@keyframes is-necessary {
    0%,60%,80% {
        border-color:var(--diver)
    }

    100%,40%,70% {
        border-color:var(--negative)
    }
}

.Context--overlays {
    position:fixed;
    top:0;
    right:0;
    width:100%;
    perspective:1000px;
    z-index:10999;
    height:100%
}

.Context--overlays.loading>.Boxed--Context---overlays {
    width:100%
}

.Backdrop--Context---overlays {
    height:100%;
    background:var(--alphabg);
    position:fixed;
    top:0;
    width:100%;
    right:0;
    overflow:hidden;
    z-index:-1
}

.inner--Context---overlays::-webkit-scrollbar {
    width:8px;
    height:4px
}

.inner--Context---overlays::-webkit-scrollbar-thumb {
    background:radial-gradient(circle,#031e3540,#01010100);
    border-radius:3px
}

.inner--Context---overlays::-webkit-scrollbar-track {
    background:0 0
}

.Parent-Boxed--Context---overlays {
    position:relative;
    background:var(--overlay);
    box-shadow:0 12px 28px 0 var(--shadow-2),0 2px 4px 0 var(--shadow-1),inset 0 0 0 1px var(--shadow-inset);
    border-radius:var(--largeradius);
    transition:.2s all var(--transition-timing-in);
    display:flex
}

.Parent-Boxed--Context---overlays.--ActionType--Login {
    width:480px
}

.Parent-Boxed--Context---overlays.-Current-popover-item {
    animation:popover-out-animation var(--animation-duration);
    opacity:0
}

@keyframes popover-out-animation {
    to {
        opacity:0;
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7)
    }

    20% {
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }

    0% {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

@keyframes popover-in-animation {
    to {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }

    20% {
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }

    0% {
        opacity:.7;
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7)
    }
}

.Boxed--Context---overlays {
    min-width:400px;
    position:relative;
    transition:.3s;
    direction:rtl;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    flex:1
}

.OverParent-Boxed--Context---overlays {
    padding:0 40px;
    position:absolute;
    top:0;
    right:50%;
    height:100%;
    transform:translate(50%,0)
}

.title--Context---overlays {
    position:relative;
    padding:40px 40px 30px;
    display:flex;
    align-content:center;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between;
    border-radius:var(--largeradius) var(--largeradius) 0 0;
    margin-top:-3px
}

.Close--title---Context----overlays {
    width:30px;
    border-radius:50%;
    color:var(--secondarytext);
    text-align:center;
    display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    cursor:pointer;
    z-index:1;
    font-size:20px;
    transition:180ms
}

.-Post-box-single-item,.-Post-sidebar-box-single-item,.-Product-Post-Box {
    transition:250ms
}

.Close--title---Context----overlays.absolute--closse {
    position:absolute;
    left:25px;
    top:25px
}

.Close--title---Context----overlays:hover,.remover--bt-oreder-item:hover,.user-sidebar-links>ul>li.Logout>a:hover,.user-sidebar-links>ul>li.Logout>a:hover>i {
    color:var(--negative)
}

.title--Context---overlays>strong {
    font-size:25px;
    flex:1;
    font-weight:500
}

.title--Context---overlays>strong.center {
    display:block;
    text-align:center;
    margin-left:-44px;
    font-size:20px
}

@keyframes loaderbg {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

.title--Context---overlays>loader:after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    width:100%;
    height:100%;
    background:var(--hover-overlay);
    border-radius:50px;
    animation:2s infinite loaderbg;
    background:#ffffff14
}

.title--Context---overlays>loader {
    display:block;
    height:22px;
    background:var(--bghover);
    border-radius:50px;
    width:120px;
    position:relative;
    flex:1;
    margin-inline-end:30px}

span.Close--title---Context----overlays:after {
    background:var(--hover-overlay);
    position:absolute;
    top:0;
    right:0;
    width:100%;
    opacity:0;
    content:'';
    height:100%;
    border-radius:50%;
    transition:.2s all var(--transition-timing-in)
}

.inner--Context---overlays {
    padding:40px;
    position:relative;
    min-height:140px;
    flex:1;
    display:flex;
    justify-content:center
}

.inner--Context---overlays>form {
    display:block;
    flex:1;
    margin:-40px;
    padding:40px
}

.Loading--Context---overlays>em:after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    width:100%;
    height:100%;
    background:var(--hover-overlay);
    border-radius:50px;
    animation:2s .4s infinite loaderbg
}

.Loading--Context---overlays>em:last-child:after {
    animation:2s .4s infinite loaderbg
}

.Loading--Context---overlays {
    width:100%
}

.Loading--Context---overlays>em {
    display:block;
    height:22px;
    background:var(--bghover);
    border-radius:50px;
    margin-bottom:15px;
    position:relative
}

.-Post-box-item-Thumb>img,.-Post-sidebar-box-item-Thumb>img,.zigzag:after {
    position:absolute;
    height:auto
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em {
    width:210px;
    margin:0 auto 15px;
    height:28px
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em:nth-child(2),.Context--overlays.loading-popover-for--Login .Loading--Context---overlays>em:nth-child(3) {
    width:auto;
    height:20px
}

.Loading--Context---overlays>em:last-child {
    width:190px;
    margin-bottom:0
}

.OverParent-Innet--Context {
    max-height:calc(100% - 50px);
    top:50%;
    transform:translate(0,-50%);
    display:flex;
    position:relative
}

.-defult-widgets-title-style-1 {
    display:flex;
    max-width:750px;
    margin:0 auto 60px;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center
}



.-defult-widgets-title-style-1 .P-content {
    max-width:500px;
    text-align:center;
    margin:10px auto 0;
    color:var(--secondarytext);
    font-weight:300;
    font-size:17px;
    line-height:1.7
}

.-Post-box-single-item {
    display:flex;
    position:relative;
    flex-direction:column;
    border:var(--border-defult);
    margin:0 20px;
    border-radius:var(--largeradius);
    max-width:430px;
    flex:1;
    background:#ffffff0a;
    overflow:hidden;
}

.-Product-Post-Box {
    border-radius:var(--largeradius);
    overflow:hidden
}

.-inner-widgets-blog-posts-center .-Post-box-single-item {
    min-width:420px;
    margin-bottom:40px
}

.-Post-box-single-item:hover,.-Post-sidebar-box-single-item:hover,.-Product-Post-Box:hover {
    background:#121517;
}

.-Post-box-single-item>a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    z-index:1
}

.-Post-box-item-Thumb {
    position:relative;
    height:255px;
    justify-content:center;
    display:flex;
    background:#000;
    overflow:hidden;
    align-items:center;
}

.-Post-box-item-Info {
    padding:30px;
    flex:1;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
}

#countdown [class^=col],.-sidebar-related-title-posts-items .-Post-box-item-Info {
    padding:0 5px
}

.-Post-box-item-Info>.-P-content {
    font-size:16px;
    line-height:1.6;
    color:var(--secondarytext);
    font-weight:300;
    margin-bottom:30px;
    flex:1;
    display:block;
}

.-Post-box-item-Info>.-P-content>a {
    position:relative;
    z-index:2;
    color:var(--secondarytext-bold)
}

.-change-currency>.ul--by-currency>ul>li.active,.-current-widgets-contact .-footer-widgets-title>.-footer-widgets-title-h3 {
    color:var(--primary-text);
}

.-Post-box-item-Info>p {
    display:block;
    font-size:20px;
    line-height:1.7;
    margin-bottom:10px;
    font-weight:400;
}

.-sidebar-related-title-posts-items .-Post-box-item-Info>p {
    font-size:20px;
    margin-bottom:30px
}

.-Post-box-item-context>ul {
    display:flex;
    list-style:none
}

.-Post-box-item-context>ul>li {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    align-content:center;
    margin-inline-start:20px;font-size:14px
}

.-Post-box-item-context>ul>li>i {
    margin-inline-end:10px;color:var(--secondarytext)
}

.-Post-box-item-context>ul>li>strong,.-productBox-rate-bar-average>p {
    font-weight:200
}

.-Post-box-item-context>ul>li:first-child {
    flex:1;
    margin-inline-start:0}

footer {
    display:block;
    --top-separator-color:var(--uicolor);
    position:relative
}

footer>.container {
    display:block;
    flex-direction:column
}

footer-body {
    display:flex;
    align-items:flex-start;
    align-content:flex-start;
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between;
    position:relative;
    padding:40px;
    background:#ffffff0d;
    border-radius:var(--largeradius);
}
.-footer-widgets-single {
    margin:0 40px;
    min-width:max-content;
    display:block;
    overflow:hidden;
    position:relative
}

.-footer-widgets-single.-current-widgets-contact {
    padding:40px;
    border:4px solid #fff;
    border-radius:var(--largeradius);
    min-width:360px;
    box-shadow:var(--box-shadow-hover)
}

.-footer-widgets-single.-current-widgets-logo {
    max-width:320px;
    display:flex;
    flex-direction:column
}

.-footer__logo {
    display:block;
    margin-bottom:20px;
    height:70px
}

.-footer__logo>a,.-footer__logo>a img {
    height:100%
}

.-company-contact-minibox {
    display:flex;
    list-style:none;
    flex-wrap:wrap;
    gap:30px;
}

.-company-contact-minibox>div {
    position:relative;
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:max-content;
}

.-company-contact-minibox>div.phonenumber > a {
    --ffamily:var(--f-number);
    font-weight:700;
    font-size:17px;
    letter-spacing:2px;
}

.-company-contact-minibox>div>a {
    display:flex;
    align-content:flex-start;
    align-items:center;
    color:var(--primary-text);
    flex-wrap:wrap;
    font-weight:400;
    font-size:16px;
    gap:20px;
}

.-footer-p-content,.-row-shares-items>a,.send--code-again,.timer-count-time {
    color:var(--secondarytext)
}

.-company-contact-minibox>div>a>svg {
    width:auto;
    height:24px;
    fill:#85aeed;
    margin-inline-end:13px}

.-company-contact-minibox>div:before {
    content:'';
    width:7px;
    height:27px;
    background:#ffffff08;
    border-radius:13px;
    position:absolute;
    transform:rotate(19deg) translateY(-50%);
    top:50%;
    left:-5px;
}

.-company-contact-minibox>div:last-child:before {
    display:none;
}

.-company-contact-minibox>div>a>i {
    font-size:30px;
    color:var(--sociaColor);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:400;
    z-index:1;
    width:30px;
}

.-company-contact-minibox>div>a>span {
    flex:1;
    font-family:var(--ffamily);
    color:var(--sociaColor);
    min-width:max-content;
}

.-footer-widgets-title>.-footer-widgets-title-h3 {
    color:var(--primary-text);
    font-weight:500;
    font-size:20px;
    margin-bottom:10px;
    line-height:1.4
}

.-footer-widgets-links {
    list-style:none;
    display:block
}

.-footer-widgets-links>li>a {
    display:flex;
    align-content:center;
    align-items:center;
    color:var(--secondarytext);
    font-weight: 400;
    padding:7px 0;
    transition:180ms;
    position:relative;
    font-size: 17px;
    flex-wrap:wrap
}

.-Product-Box-Price>strong>em,.-ul-payement-action-items>ul>li>strong>em {
    font-weight:300;
    font-style:normal
}

.-footer-shares-items {
    display:flex;
    align-items:center;
    justify-content:space-between
}

.-row-shares-items>a {
    display:flex;
    margin:0 2px;
    border-radius:50%;
    width:36px;
    height:36px;
    justify-content:center;
    align-items:center;
    align-content:center;
    font-size:20px;
    transition:180ms;
    flex-wrap:wrap
}

.-Post-sidebar-box-item-Thumb img,.-Product-Post-Box>a,device_logo img {
    height:100%;
    width:100%
}

.-row-shares-items>a>svg {
    height:21px;
    fill:var(--secondarytext);
    transition:.2s
}

.-row-shares-items>a:hover svg {
    fill:white
}

.-row-shares-items>a:hover {
    background:var(--sociaColor);
    color:#fff;
    border-color:var(--sociaColor)
}

.-footer-p-content {
    font-size: 16px;
    line-height:1.9;
    margin-bottom:15px;
    max-width:340px;
    font-weight: 400;
}

footer-bottom {
    display:flex;
    justify-content:space-between;
    border:var(--border-defult-hover);
    padding:30px;
    border-radius:var(--largeradius);
    align-items:center;
    flex-wrap:wrap;
    align-content:center;
    box-shadow:var(--box-shadow-hover);
    color:var(--primary-text)
}

.-footer-payment-item {
    max-width:26px;
    min-width:26px;
    margin-inline-end:5px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--diver);
    border-radius:50%;
    height:26px;
}

.-Post-sidebar-box-single-item {
    display:flex;
    flex-wrap:wrap;
    padding:15px;
    border:var(--border-defult);
    border-radius:var(--largeradius);
    margin-bottom:15px;
    align-items:center;
    align-content:center;
    position:relative;
    overflow:hidden
}

.-Post-sidebar-box-item-Thumb {
    display:block;
    min-width:110px;
    max-width:110px;
    margin-inline-end:15px;position:relative;
    border-radius:var(--miniradius);
    overflow:hidden;
    height:110px
}

.-Post-sidebar-box-item-Info {
    display:flex;
    flex:1
}

.-Post-sidebar-box-item-Info>h2 {
    font-size:17px;
    line-height:1.6;
    color:var(--primary-text);
    font-weight:300
}

.login--icon--lord {
    margin:0 auto;
    display:block;
    max-width:max-content
}

.loading-popover-for--Login .login--icon--lord {
    max-width:180px;
    height:180px;
    min-width:180px;
    background:var(--bghover);
    border-radius:50%;
    margin:60px auto 0;
    position:relative
}

.loading-popover-for--Login .login--icon--lord:after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    width:100%;
    height:100%;
    background:var(--hover-overlay);
    border-radius:50%;
    animation:2s .4s infinite loaderbg
}

.-login-popover-field-title {
    max-width:280px;
    text-align:center;
    margin:0 auto 60px
}

.-login-popover-field-title>h2 {
    line-height:1.6;
    font-size:30px
}

.-YC-Forms-LoginActions {
    display:flex;
    justify-content:flex-end;
    margin:10px 0 0;
}

.-YC-Forms-LoginActions>.-form-countdown {
    display:flex;
    flex:1;
    align-items:center
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin {
    display:block;
    background:var(--uicolor);
    border:0;
    padding:12px 20px;
    border-radius:var(--largeradius);
    color:var(--textcolor);
    cursor:pointer;
    margin-inline-start:15px;
    font-size:16px;
    font-weight:400;
    border:2px solid var(--uicolor);
    transition:180ms
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin:hover {
    background:#fff;
    color:var(--uicolor)
}

.timer-count-time {
    font-size:18px;
    font-family:cursive;
    font-weight:400
}

.send--code-again {
    margin-inline-start:10px;font-size:13px;
    cursor:pointer
}

.send--code-again:hover {
    text-decoration:underline;
    color:var(--primary-text)
}

.alert {
    display:block;
    width:100%;
    padding:15px;
    border-radius:var(--miniradius);
    line-height:1.7;
    text-align:center;
    font-size:15px;
    font-weight:400
}

.alert.element-alert-success {
    background:#e8f5e9
}

.element-alert-danger {
    background:#fce4ec;
    color:#3c0618;
    margin:20px 0 0
}

.-Taps-AppendCenter {
    display:flex;
    margin:0 -20px;
    flex-wrap:wrap;
    min-height:500px;
    justify-content:center;
    align-items:flex-start;
}

.-Product-Post-Box {
    margin:0 20px 40px;
    position:relative;
    --box-width:426px;
    flex:1;
    min-width:var(--box-width);
    max-width:var(--box-width);
    display:flex;
    flex-direction:column;
    background:rgba(16,20,21,.5);
    cursor: pointer;
}

.-Product-Post-Box.active-element-animation {
    animation-name:products-animation;
    animation-duration:1.5s
}

@keyframes products-animation {
    0% {
        transform:scale(.96);
        opacity:.85
    }

    100% {
        transform:scale(1);
        opacity:1
    }
}

.-Product-Post-Box>a {
    position:absolute;
    right:0;
    top:0;
    z-index:1;
}

.-product-box-poster {
    display:block;
    border-radius:var(--largeradius) var(--largeradius) 0 0;
    overflow:hidden;
    height:320px;
    position:relative;
    border-bottom:0;
    background:var(--bgcolor);
    border:3px solid var(--diver);
}

.-Product-Post-Box:hover .-product-box-poster {
}

.-Product-rowpost-Info {
    display:flex;
    flex-direction:column;
    padding:30px 30px 30px;
    flex:1;
    position:relative;
    background:var(--diver);
}

.-Product-Post-Box:hover .-Product-rowpost-Info {
}
.--Fav--icon--box {
    position:absolute;
    bottom:-22px;
    left:calc(50% - 2px);
    transform:translateX(-50%);
    background:#191c1f;
    width:var(--m-elw);
    height:var(--m-elw);
    z-index:1;
    border-radius:50% 50% 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:0;
}

.-Product-rowpost-Info > svg {
}

.-Product-post-Info {
    display:flex;
    margin-bottom:20px;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.-Product-post-Info > a {
    font-size:20px;
    line-height:1.6;
}

.-Product-post-Info>.-Product-title {
    font-size:21px;
    line-height:1.5;
    font-weight:500;
}

.-cloned--product.-Product-Post-Box .-Product-post-Info>h1 {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}

.-larger-product-poster {
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    height:100%;
    background:var(--bgcolor);
}

.-larger-product-poster>img {
    min-height:100%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    position:absolute
}

.-productBox-rate-bar-average {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    align-content:center;
    color:var(--secondarytext);
    font-size:15px
}

.-productBox-rate-bar-average>.stars-avg {
    display:block;
    font-size:15px;
    position:relative;
    color:#e1e1e1;
    margin-inline-end:5px}

.-productBox-rate-bar-average>.stars-avg>.stars-avg-back,.-productBox-rate-bar-average>.stars-avg>.stars-avg-front {
    display:flex;
    justify-content:center;
    direction:ltr
}

.-productBox-rate-bar-average .stars-avg i {
    padding:0 1px
}

.-comments-head-area .-productBox-rate-bar-average>.stars-avg {
    font-size:23px
}

.-productBox-rate-bar-average .stars-avg>.stars-avg-front {
    position:absolute;
    top:0;
    left:0;
    color:#ffa700;
    width:var(--percent);
    flex-wrap:inherit;
    overflow:hidden;
    justify-content:start
}

.-productBox-rate-bar-average>p>em {
    font-style:normal
}

.-productBox-rate-bar-average>span {
    font-size:16px;
    font-family:var(--f-number);
    font-weight:500;
    margin-inline-end:5px;color:var(--primary-text);
    display:none
}

.-productBox-rate-bar-average>i {
    font-size:16px;
    color:#ffc107;
    margin-inline-end:5px;font-weight:600
}

.-Product-Box-FooterBar {
    display:flex;
    align-items:center;
}

.-Product-Box-CenterBar {
    flex:1;
    min-width:max-content
}

.-Product-Box-Price {
    display:flex;
    flex-direction:column;
    font-family:Arial;
    position:relative;
    align-content:end;
    align-items:end;
    line-height:1;
    flex:1
}

.-Product-Box-Price>strong {
    display:flex;
    margin-right:auto;
    direction:ltr;
    font-family:var(--f-number);
    align-items:center
}

.-Product-Box-Price>strong>em {
    font-size:20px;
    margin-inline-end:10px;
    color:var(--secondarytext);
    font-family:var(--ffamily)
}

.-Product-Box-Price>.--price-now {
    font-size:27px;
    font-weight:600;
    color:var(--primary-text)
}

.-Product-Box-Price>.--price-was {
    font-size:16px;
    color:#aaa;
    padding:0;
    position:relative;
    margin-right:0;
    font-weight:700;
    margin-top:2px
}

.-Product-Box-Price .--price-was::after {
    content:"";
    position:absolute;
    width:100%;
    top:50%;
    right:50%;
    height:1px;
    background:var(--textcolor);
    transform:translate(50%,-50%) rotate(5deg)
}

.likes--and--addtocard {
    display:flex;
}

.likes--and--addtocard>div {
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    align-items:center;
    padding:7px;
    margin-inline-start:7px;
    border-radius:var(--miniradius);
    font-size:23px;
    color:var(--secondarytext);
    z-index:1;
    cursor:pointer;
    transition:180ms;
}

.likes--and--addtocard>div > i {
    font-weight:inherit;
}

.likes--and--addtocard>div:hover {
}

.likes--and--addtocard>.product-item-info-ux-button {
}

.likes--and--addtocard>.product-item-info-ux-button.active {
    color:var(--uicolor);
}

.-Product-Post-Box:hover .likes--and--addtocard>.product-item-info-ux-button {
}

.-Product-Post-Box .likes--and--addtocard>.product-item-info-ux-button:hover {
    background:0 0;
    color:var(--primary-text);
    border-color:var(--primary-text)
}

.likes--and--addtocard>.product-item-info-ux-button:hover {
}

.likes--and--addtocard>.product-item-like-Button.active {color:white;font-weight:700;}

.three-body {
    --uib-size:100px;
    --uib-speed:0.8s;
    --uib-color:var(--uicolor);
    position:relative;
    display:inline-block;
    height:var(--uib-size);
    width:var(--uib-size);
    animation:spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
    margin:100px auto
}

.three-body__dot {
    position:absolute;
    height:100%;
    width:30%
}

.three-body__dot:after {
    content:'';
    position:absolute;
    height:0%;
    width:100%;
    padding-bottom:100%;
    background-color:var(--uib-color);
    border-radius:50%
}

.three-body__dot:first-child {
    bottom:5%;
    left:0;
    transform:rotate(60deg);
    transform-origin:50% 85%
}

.three-body__dot:first-child::after {
    bottom:0;
    left:0;
    animation:wobble1 var(--uib-speed) infinite ease-in-out;
    animation-delay:calc(var(--uib-speed) * -.3)
}

.three-body__dot:nth-child(2) {
    bottom:5%;
    right:0;
    transform:rotate(-60deg);
    transform-origin:50% 85%
}

.three-body__dot:nth-child(2)::after {
    bottom:0;
    left:0;
    animation:wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -.15) ease-in-out
}

.three-body__dot:nth-child(3) {
    bottom:-5%;
    left:0;
    transform:translateX(116.666%)
}

.three-body__dot:nth-child(3)::after {
    top:0;
    left:0;
    animation:wobble2 var(--uib-speed) infinite ease-in-out
}

@keyframes spin78236 {
    0% {
        transform:rotate(0)
    }

    100% {
        transform:rotate(360deg)
    }
}

@keyframes wobble1 {
    0%,100% {
        transform:translateY(0) scale(1);
        opacity:1
    }

    50% {
        transform:translateY(-66%) scale(.65);
        opacity:.8
    }
}

@keyframes wobble2 {
    0%,100% {
        transform:translateY(0) scale(1);
        opacity:1
    }

    50% {
        transform:translateY(66%) scale(.65);
        opacity:.8
    }
}

ul.top-header-ul-links {
    display:flex;
    flex:1;
    justify-content:flex-start
}

ul.top-header-ul-links>li {
    display:block;
    margin-inline-end:10px}

ul.top-header-ul-links>li>a {
    display:flex;
    align-items:center
}

header.fixedintro ul.top-header-ul-links>li>a {
    color:var(--text-top-header-color)
}

ul.top-header-ul-links>li>a:hover {
    color:var(--text-top-header-color-hover)
}

ul.top-header-ul-links>li>a>i {
    margin-inline-end:10px;font-size:17px
}

.-chevron-down-user {
    margin-inline-start:10px}

.-Posts-grid {
    display:flex;
    margin:0 -20px;
    align-content:flex-start;
    flex-wrap:wrap
}

.-Posts-grid .-Post-box-single-item {
    min-width:350px;
    margin-bottom:10px
}

.container-pages-head {
    display:flex;
    text-align:center;
    --width-heads:100%;
    flex-direction:column;
    align-content:center;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    border-radius:var(--largeradius);
    padding:50px;
    min-height:180px;
    margin:40px 0;
}

.OnboxedElem:empty,.container-pages-top-info .container-pages-head {
    margin:0
}

.container-pages-head>h1 {
    font-size:45px;
    font-weight:500;
    line-height:1.4;
    text-align:center;
    color:var(--primary-text);
    max-width:var(--width-heads);
    margin-top:20px;
}

.container-pages-head .YC-BreadCrumb {
    display:flex;
    justify-content:center
}

.OnboxedElem {
    text-align:right;
    margin:20px auto 0;
    color:var(--secondarytext);
    font-weight:300;
    font-size:17px;
    line-height:1.7
}

.-change-currency {
    display:block;
    position:relative;
    font-size:19px
}

.-change-currency>.ul--by-currency {
    max-height:250px;
    background:#1a1d1e;
    border-radius:var(--miniradius);
    list-style:none;
    z-index:1;
    box-shadow:0 2px 3px #0c3b7414,0 17px 30px 10px #0f61c70d;
    transform:translateY(10px);
    min-width:210px;
    top:100%;
    visibility:hidden;
    opacity:0;
    position:absolute;
    transition:130ms;
    overflow:hidden;
}

.-change-currency>.ul--by-currency>ul {
    display:block;
    list-style:none;
}

.-change-currency>.ul--by-currency>ul>li {
    display:flex;
    align-content:center;
    align-items:center;
    padding:12px;
    flex-wrap:wrap;
    cursor:pointer;
    color:var(--secondarytext);
    font-weight:600;
}

.-change-currency>.ul--by-currency>ul>li>strong {
    font-size:11px;
    color:var(--primary-text);
    width:40px;
    height:25px;
    border-radius:var(--miniradius);
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content:center;
    padding:5px;
    text-align:center;
    margin-inline-start:10px;
    transition:180ms
}

.-change-currency>.ul--by-currency>ul>li:hover>strong {
    transform:scale(1.3)
}

.-change-currency>.ul--by-currency>ul>li>p {
    font-size:16px;
    display:flex;
    align-items:center;
    flex:1
}

.-change-currency>.ul--by-currency>ul>li>p>span {
    margin-inline-end:5px}

.-change-currency>.ul--by-currency>ul>li>p>em {
    font-style:normal;
    font-size:12px;
    transition:180ms
}

.-change-currency>.ul--by-currency>ul>li:hover>p>em {
}

.-currency-title-selected {
    display:flex;
    position:relative;
    align-items:center;
    font-size:16px;
    cursor:pointer;
    font-weight:400;
    padding:9px 14px;
    border-radius:var(--largeradius);
    padding-inline-end:30px;flex-wrap:wrap;
    align-content:center;
    color:#5c5c5e
}

header.fixedintro .-currency-title-selected {
    color:#f4f4f4
}

.-currency-title-selected>i {
    margin-inline-end:5px;color:var(--secondarytext-bold);
    font-size:18px;
    font-weight:400
}

.-change-currency:hover .-currency-title-selected:before {
    transform:translateY(-50%) rotate(-90deg)
}

.-currency-title-selected:before {
    content:'\f053';
    position:absolute;
    font-family:"Font Awesome 6 Pro";
    font-weight:900;
    margin-inline-start:10px;font-size:12px;
    color:var(--secondarytext);
    left:12px;
    top:50%;
    transform:translateY(-50%);
    transition:180ms
}

.hidemenu .-ThankYou-Head-element,.hidemenu .-cart-context-single-bars,.hidemenu .-cart-context-single-page {
    top:30px
}

.container-pages-top-info {
    display:block;
    padding:230px 0 80px;
    margin-bottom:50px;
    position:relative;
}

.container-pages-top-info:before {
    position:absolute;
    content:'';
    width:100%;
    height:514px;
    bottom:0px;
    left:0;
    background-image:var(--iurl);
    background-repeat:no-repeat;
    z-index:-1;
    transform:rotateY(180deg);
}

.container-pages-top-info:after {
    content:'';
    position:absolute;
    bottom:0;
    height:150px;
    background:linear-gradient(0deg, var(--bgcolor), transparent);
    right:0;
    width:100%;
    z-index:-1;
}

.-cloned--product.-Product-Post-Box {
    position:absolute;
    opacity:.5;
    z-index:1005;
    min-width:unset;
    max-width:unset
}

.Done__loggn__pleasse__wait {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}

.--sucsses--icon--item {
    display:block;
    margin-bottom:10px;
    background:#fbfffb;
    padding:20px;
    border-radius:50%
}

.--sucsses--title--items {
    max-width:310px;
    text-align:center;
    margin:0 auto 20px
}

.--sucsses--title--items>h1 {
    line-height:1.6;
    font-size:35px;
    margin-bottom:15px
}

.--sucsses--title--items>p {
    display:block;
    font-size:17px;
    line-height:1.5;
    color:var(--secondarytext);
    font-weight:300
}

.iti__country-list {
    background-color:var(--bgcolor) !important;
    box-shadow:0 0px 0px;
    border-radius:var(--miniradius);
    padding:10px;
    max-width:400px;
    z-index:119999999;
    border-color:var(--diver) !important;
}

.iti__country {
    display:flex;
    padding:14px;
    border:1px solid transparent;
    border-radius:var(--miniradius);
    cursor:pointer;
    transition:180ms;
    align-content:center;
    align-items:center;
    font-weight:400;
    font-size:14px;
    margin-bottom:5px;
    text-align:right;
    overflow:hidden
}

.iti__country-name,.iti__flag-box {
    margin-inline-end:10px}

.-steps-cart-items {
    display:block;
    border-radius:var(--largeradius);
    margin-bottom:40px;
}

.-steps-cart-items>ul {
    display:flex;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
    border-radius:var(--largeradius);
}

.-steps-cart-items>ul:before {
    content:'';
    position:absolute;
    width:100%;
    height:4px;
    /* background:var(--diver); */
    top:0;
}

.-steps-cart-items>ul>li {
    display:flex;
    align-items:center;
    font-size:20px;
    color:var(--disable-text);
    justify-content:center;
    flex:1;
    position:relative;
    padding:40px 0px;
    padding-inline-end:30px;
}

.-steps-cart-items>ul>li.active {
    color:var(--uicolor);
}

.-steps-cart-items>ul>li:last-child {
}

.-steps-cart-items>ul>li:after,.-steps-cart-items>ul>li:before {
    content:'';
    flex:1;
    height:calc(50% + 0px);
    background:#f7f7f70f;
    position:absolute;
    right:0;
    width:calc(100% - 30px);
    top:-1px;
    transform:skew(-40deg, 0deg);
    z-index:-1;
    border-radius:8px  8px 0 0;
    backdrop-filter:blur(130px);
}

.-steps-cart-items>ul>li:first-child:after, .-steps-cart-items>ul>li:first-child:before {
    right:-30px;
    width:calc(100% + 0px);
}

.-steps-cart-items>ul>li:before {
    top:auto;
    bottom:0px;
    transform:skew(40deg, 0deg);
    border-radius:0 0 8px  8px;
    z-index:0;
}

.-steps-cart-items>ul>li.active:after,.-steps-cart-items>ul>li.active:before {
    background:#9747ff21;
}

.-steps-cart-items>ul>li:last-child:after,.-steps-cart-items>ul>li:last-child:before {
    left:-30px;
    right:auto;
    width:calc(100% + 30px);
}

.icon-cart-step-item {
    display:flex;
    font-size:35px;
    border-radius:50%;
    justify-content:center;
    align-items:center;
    margin-inline-end:20px;
    background:0 0;
    position:relative;
}

.-steps-cart-items>ul>li.active>.icon-cart-step-item {
}

.icon-cart-step-item>i {
    font-weight:300
}

.-cart-conatiner-page {
    display:flex;
    align-items:flex-start;
    padding:0 0 40px;
    max-width:100%;
    flex-wrap:wrap;
}

.-cart-context-single-page {
    flex:1;
    margin-inline-end:40px;
    position:sticky;
    top:110px;
    display:block;
    max-width:calc(100% - 480px);
}

.-cart-context-single-bars {
    display:block;
    min-width:430px;
    max-width:430px;
    position:sticky;
    top:110px;
    border-radius:var(--largeradius);
    padding:40px;
    backdrop-filter:blur(30px);
    background:#ffffff0d;
}

.-cart-context-single-bars iframe {
    width:unset!important;
    flex:1;
}

.-cart-products-list {
    display:block;
}

.-single-product-incart-item {
    display:flex;
    margin-bottom:30px;
    border-radius:var(--largeradius);
    transition:80ms;
    padding:40px;
    cursor:pointer;
    backdrop-filter:blur(30px);
    background:#ffffff0d;
}

.-single-product-incart-item:last-child {
    margin-bottom:0
}

.-single-product-incart-item:hover {
    transform:translateY(-1px);
    box-shadow:var(--box-shadow-hover);
    border-color:var(--border-defult-hover);
    transition:250ms
}

.-single-product-incart-right-info {
    display:flex;
    flex:1;
    align-items:center;
    max-width:calc(100% - 220px)
}

.-single-product-incart-thumb {
    width:80px;
    height:80px;
    margin-inline-end:25px;border-radius:var(--miniradius);
    overflow:hidden;
    border:1px solid var(--border-defult-hover);
    box-shadow:var(--box-shadow-hover)
}

.--card--info-price,.-card-select-device,.h-title {
    padding-bottom:30px;
    border-bottom:1px solid var(--diver)
}

.-single-product-incart-context {
    flex:1;
    overflow:hidden
}

.-single-product-incart-context>h2 {
    font-size:21px;
    line-height:1.6;
    margin-bottom:10px;
    font-weight:400;
    color:var(--secondarytext);
    transition:80ms;
    display:block;
    overflow:hidden;
    position:relative;
    max-width:max-content;
    padding-inline-end:30px
    }

.-single-product-incart-item:hover .-single-product-incart-context>h2 {
    color:var(--primary-text);
    transition:250ms
}

.--card--final-price {
    display:block;
    margin:0 0 40px
}

.--card--info-price {
    display:flex;
    align-items:flex-end;
    margin:40px 0;
    flex-wrap:wrap
}

.-card-select-device,.h-title {
    margin-bottom:30px
}

.--card--info-price>span {
    flex:1;
    font-size:20px;
    display:block;
    min-width:max-content;
    line-height:1.5
}

.-inner-price-boxed {
    display:flex;
    align-items:flex-end;
    font-size:20px;
    color:var(--secondarytext)
}

.-inner-price-boxed>span.price-value {
    font-size:50px;
    font-family:var(--f-number);
    font-weight:600;
    line-height:.8;
    margin-inline-end:7px;
    color:var(--primary-text)
}

.h-title {
    font-size:20px;
    font-weight:400;
    color:var(--primary-text);
    line-height:1.5
}

.h-title>i {
    margin-inline-end:15px;color:var(--secondarytext);
    font-size:30px;
    font-weight:400
}

.-card-select-device,.-show-my-device-items,.-ul-payement-action-items {
    display:block
}

.-card-select-device .-fix-inputs-area {
    margin-bottom:20px;
    flex-direction:unset;
    align-items:center
}

.-card-select-device .-fix-inputs-area:last-child,.-prive--selected--items .-fix-inputs-area,.-single-product-thankyou-item:last-child {
    margin-bottom:0
}

.-card-select-device switchname,.-prive--selected--items .-fix-forms-field-title {
    display:none
}

.-card-select-device .-fix-forms-field-title {
    flex:1;
    margin-bottom:0
}

.-card-select-device .-fix-forms-field-title>h3 {
    font-size:16px
}

.-card-select-device switchfield>.Switch {
    width:95px;
    height:40px
}

.-card-select-device switchfield>.Switch>span,.-card-select-device switchfield>.Switch>strong {
    font-size:13px
}

.-card-select-device switchfield>.Switch>em {
    width:28px;
    height:28px
}

.-card-select-device switchfield>input[type=checkbox]:checked~.Switch>em {
    transform:translate(-57px,-50%)
}

.-YC-Forms-LoginActions .-footer-payment-items {
    flex:1
}

.-single-product-incart-left,.price-bx {
    display:flex;
    align-items:center
}

.-singular-product-after-buttons {
    display:flex
}

.-show-my-device-items>ul,.-singular-product-after-buttons>ul,.-ul-payement-action-items>ul {
    display:block;
    list-style:none
}

.-singular-product-after-buttons>ul>li {
    display:block;
    color:var(--secondarytext);
    font-size:16px;
}

.-singular-product-after-buttons>ul>li:not(:last-child) {
    margin-bottom:20px;
}

.-singular-product-after-buttons>ul>li>i {
    margin-inline-end:15px;font-size:20px;
    color:var(--positive)
}

.price-bx {
    font-family:var(--f-number);
    font-size:30px;
    font-weight:700;
    color:var(--primary-text)
}

.price-bx>span:not(.price-value) {
    font-style:normal;
    font-size:23px;
    margin-inline-start:5px;
    color:var(--secondarytext);
    font-family:var(--ffamily);
    font-weight:400;
}

.-products-order-options-area {
    display:flex;
    align-items:center;
    margin-inline-end:30px;
}

.-single-product-incart-left .-products-order-options-area {
    padding:0;
    background:0 0;
    margin-bottom:0
}

.-products-order-options-area .pnumbers {
    border:1px solid var(--diver);
    display:flex;
    padding:13px 20px;
    align-items:center;
    min-width:130px;
    border-radius:var(--miniradius);
}

.-single-product-incart-left .-products-order-options-area .pnumbers {
    padding:13px 15px;
    min-width:170px;
    box-shadow:var(--box-shadow-defult);
    transition:80ms;
    border:var(--border-defult)
}

.-single-product-incart-left .-products-order-options-area .pnumbers:hover {
    box-shadow:var(--box-shadow-hover);
    transition:250ms;
    border-color:var(--border-defult-hover);
    transform:translateY(-1px)
}

.-products-order-options-area .pnumbers span {
    flex:1;
    text-align:center;
    font-weight:500;
    font-family:var(--f-number);
    font-size:22px;
    user-select:none
}

.-single-product-incart-left .-products-order-options-area .pnumbers span {
    color:var(--secondarytext);
    transition:80ms
}

.-single-product-incart-left .-products-order-options-area .pnumbers:hover span {
    color:var(--primary-text);
    transition:250ms
}

.-products-order-options-area .pnumbers>i {
    cursor:pointer;
    border-radius:4px;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a3a3a3;
    transition:180ms
}

.-in-link-product:hover>a,.-products-order-options-area .pnumbers>i:hover,.-products-order-options-area>i:hover,.-single-product-thankyou-item:hover .-single-product-thankyou-context>h2,.-ul-payement-action-items>ul>li:hover>strong {
    color:var(--primary-text)
}

.-primary-body {
    position:relative;
    z-index:1
}

.-prive--selected--items .-fix-inputs-area .Select-Options-Items {
    min-width:100%
}

.-prive--selected--items .Select-Options-Items>h2 {
    border-radius:var(--miniradius);
    padding:18px 25px;
    height:54px;
    line-height:1.5
}

.-single-product-incart-left .-prive--selected--items .Select-Options-Items>h2 {
    box-shadow:var(--box-shadow-defult);
    transition:80ms;
    border:var(--border-defult);
    color:var(--secondarytext)
}

.-single-product-incart-left .-prive--selected--items .Select-Options-Items>h2:hover {
    box-shadow:var(--box-shadow-hover);
    transition:250ms;
    border-color:var(--border-defult-hover);
    transform:translateY(-1px);
    color:var(--primary-text)
}

.-prive--selected--items .-Select-DropDown {
    min-width:220px
}

.-single-product-incart-left .Select-Options-Items {
    max-width:170px
}

.remover--bt-oreder-item {
    display:flex;
    font-size:30px;
    justify-content:flex-end;
    align-items:center;
    margin-inline-start:30px;color:var(--secondarytext);
    transition:180ms
}

.-element-Quantity, .-in-link-product, .custom-comment-submit button>i {
    margin-inline-start:10px}

.for-price-info-cart {
    display:flex;
    min-width:max-content
}

.-in-link-product {
    display:flex;
    visibility:visible;
    opacity:0;
    transition:180ms;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%) scale(.85)
}

.-single-product-incart-item:hover .-in-link-product,.-single-product-thankyou-item:hover .-in-link-product {
    transform:translateY(-50%) scale(1);
    opacity:1;
    visibility:visible
}

.-in-link-product>a {
    font-size:19px;
    color:var(--disable-text);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center
}

.-single-product-thankyou-context .-in-link-product>a {
    font-size:14px;
    width:32px;
    height:32px;
    background:#0000007a;
    color:#fff
}

.-single-product-thankyou-context .-in-link-product:hover>a,.-single-product-thankyou-context .-in-link-product>a:hover {
    color:#fff
}

.-thank-you-conatin-page {
    display:flex;
    width:100%;
    position:relative;
    align-items:flex-start;
    margin-bottom:30px;
    justify-content:space-between
}

.-ThankYou-Head-element {
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    margin-inline-end:40px;position:sticky;
    top:110px;
    transition:180ms;
    --max-width-content:550px;
    padding:40px;
    border:1px solid var(--diver);
    flex:1;
    border-radius:var(--largeradius)
}

.-ThankYou-Head-element>p {
    max-width:calc(var(--max-width-content) - 100px);
    color:var(--secondarytext);
    line-height:1.7;
    font-size:17px;
    margin-bottom:30px
}

.-ThankYou-Head-element>h2 {
    font-size:50px;
    line-height:1.7;
    margin-bottom:10px;
    max-width:var(--max-width-content);
    text-transform:capitalize;
    font-weight:400
}

.-ThankYou-Head-element>h2>.em-cname {
    color:var(--uicolor);
    font-weight:500
}

.-cart-context-thankyou-page {
    display:flex;
    margin-bottom:30px
}

.-thankyou-products-list {
    display:flex;
    flex-direction:column;
    flex:1;
    max-width:100%
}

.-single-product-thankyou-item {
    display:flex;
    flex:1;
    align-items:center;
    padding:30px;
    border-radius:var(--miniradius);
    transition:80ms;
    margin-bottom:15px;
    cursor:pointer;
    background:#fff;
    max-width:100%;
    flex-wrap:wrap;
    justify-content:space-between;
    backdrop-filter:blur(30px);
    background:#ffffff0d;
}

.-ThankYou-left-element,.-single-product-thankyou-thumb,.-user-sidebar,.notifications--tempo {
    box-shadow:var(--box-shadow-hover)
}

.-single-product-thankyou-item:hover {
    box-shadow:var(--box-shadow-hover);
    border-color:var(--border-defult-hover);
    transition:250ms
}

.thank-thumbs-up {
    display:block;
    font-size:130px;
    margin-bottom:20px;
    line-height:.1
}

.-single-product-thankyou-right-info {
    display:flex;
    align-items:center;
    flex:1;
    overflow:hidden;
    min-width:160px;
    position:relative
}

.-single-product-thankyou-thumb {
    --elem-px:32px;
    max-width:var(--elem-px);
    min-width:var(--elem-px);
    height:var(--elem-px);
    overflow:hidden;
    display:block;
    margin-inline-end:10px;border-radius:50%;
    border:1px solid var(--border-defult-hover)
}

.-ThankYou-left-element {
    padding:40px;
    background:#fff;
    border-radius:var(--largeradius);
    --element-width:480px;
    min-width:var(--element-width);
    border:1px solid var(--border-defult-hover);
    max-width:var(--element-width)
}

.-single-product-thankyou-context {
    display:flex;
    text-overflow:ellipsis;
    overflow:hidden;
    padding:3px 0
}

.-single-product-thankyou-context .-in-link-product {
    position:absolute;
    right:0;
    margin:0;
    top:16px;
    width:max-content
}

.-single-product-thankyou-context>h2 {
    font-size:17px;
    font-weight:400;
    color:var(--secondarytext);
    overflow:hidden;
    transition:180ms
}

.price-bx-thankyou {
    display:flex;
    font-family:var(--f-number);
    align-items:center;
    font-size:24px;
    font-weight:500;
    color:var(--primary-text);
    flex-direction:row-reverse
}

.price-bx-thankyou>span:not(.price-value) {
    font-style:normal;
    font-size:15px;
    margin-inline-end:5px;color:var(--secondarytext);
    font-family:var(--ffamily);
    font-weight:300
}

.-show-my-device-items>ul>li {
    display:flex;
    margin-bottom:20px;
    font-size:16px
}

.-show-my-device-items>ul>li:before {
    content:"\f00c";
    font-family:"Font Awesome 6 Pro";
    display:block;
    position:relative;
    margin-inline-end:10px;color:var(--positive);
    font-weight:900
}

.-show-my-device-items>h2 {
    font-size:15px;
    line-height:1.5
}

.-thank-sidbar-title {
    display:block;
    font-size:20px;
    margin-bottom:30px;
    font-weight:500
}

.-thank-sidbar-title>em {
    font-style:normal;
    color:var(--secondarytext);
    margin-inline-start:5px;font-family:var(--f-number)
}

.-ThankYou-left-element .MenuHr {
    margin:40px auto
}

.-ul-payement-action-items>ul>li {
    margin-bottom:25px;
    display:flex;
    align-items:center;
    position:relative
}

.-ul-payement-action-items>ul>li>strong {
    font-weight:400;
    color:var(--secondarytext);
    font-family:var(--f-number);
    font-size:17px;
    cursor:pointer;
    transition:180ms;
    line-height:1.5
}

.-ul-payement-action-items>ul>li>strong.is--text {
    font-family:var(--ffamily)
}

.-ul-payement-action-items>ul>li>i {
    margin-inline-start:10px;visibility:hidden;
    opacity:0;
    transform:scale(.5);
    transition:180ms;
    cursor:pointer;
    color:var(--secondarytext)
}

.-ul-payement-action-items>ul>li:hover>i {
    transform:scale(1);
    opacity:1;
    visibility:visible
}

.-ul-payement-action-items>ul>li>i:hover {
    color:var(--primarytext)
}

.-ul-payement-action-items>ul>li:before {
    content:'#';
    position:relative;
    margin-inline-end:5px;line-height:.8;
    font-size:20px;
    font-weight:400;
    color:var(--secondarytext);
    font-family:var(--f-number)
}

.-ul-payement-action-items>ul>li>span {
    font-weight:400;
    font-size:17px;
    margin-inline-end:7px;line-height:1.5;
    min-width:max-content
}

.-ThankYou-Head-items-URLArea-s1 {
    display:flex;
    align-items:center;
    justify-content:flex-start
}

.-ThankYou-Head-items-URLArea-s1:empty {
    margin:0
}

.-ThankYou-Head-items-URLArea-s1>a {
    display:flex;
    padding:18px 30px;
    border-radius:var(--miniradius);
    font-size:17px;
    font-weight:400;
    align-content:center;
    align-items:center;
    margin-inline-end:15px;background:var(--primary-text);
    color:#fff;
    border:2px solid var(--primary-text);
    flex-wrap:wrap;
    min-width:max-content;
    flex:1;
    text-align:center;
    justify-content:center
}

.-ThankYou-Head-items-URLArea-s1>a:last-child {
    margin-inline-end:0}

.-ThankYou-Head-items-URLArea-s1>a:hover {
    background:#fff;
    color:var(--primary-text);
    border-color:var(--primary-text)
}

.-ThankYou-Head-items-URLArea-s1>a>i {
    margin-inline-end:10px;font-weight:300;
    font-size:20px
}

.-ThankYou-Head-items-URLArea-s1>a.button_whatsapp_2 {
    background:var(--whatsapp);
    color:#fff;
    border-color:var(--whatsapp)
}

.-ThankYou-Head-items-URLArea-s1>a.button_whatsapp_2:hover {
    background:#fff;
    color:var(--whatsapp);
    border-color:var(--whatsapp)
}

notifications {
    position:fixed;
    bottom:15px;
    left:20px;
    z-index:20089
}

.notifications--tempo {
    background:#fff;
    border-radius:var(--miniradius);
    transform:translate(0,150%);
    transition:transform 150ms cubic-bezier(0,0,1,1);
    padding:30px;
    min-width:350px;
    color:var(--primary-text);
    display:flex;
    align-items:center;
    margin-bottom:5px;
    position:relative;
    max-width:350px
}

.notifications--tempo>em {
    position:absolute;
    width:26px;
    height:26px;
    left:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    align-content:center;
    top:10px;
    border-radius:50%;
    transition:180ms;
    cursor:pointer
}

.notifications--tempo>em:hover {
    background:#0000001a
}

.notifications--tempo>i {
    margin-inline-end:15px;font-size:25px;
    width:50px;
    text-align:center;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--positive);
    color:#fff
}

.notifications--tempo>span {
    display:flex;
    justify-content:space-between;
    font-size:17px;
    align-items:center;
    font-weight:400;
    flex:1;
    line-height:1.5
}

.notifications--tempo>span>i {
    display:flex;
    float:left;
    height:26px;
    width:26px;
    border-radius:36px;
    background:rgb(139 139 139 / 13%);
    text-align:center;
    line-height:30px;
    color:var(--secondarytext);
    place-content:center;
    align-items:center;
    transition:180ms
}

.-single-order-whatsapp>a,.-single-order-whatsapp>a:hover {
    background:var(--whatsapp);
    color:#fff
}

.notifications--tempo>span>i:hover {
    background:#dbdbdb
}

.--thankyou--info-price {
    display:flex;
    align-items:center;
    justify-content:center
}

.--thankyou--info-price>span {
    flex:1;
    font-size:20px
}

.-inner-price-thankyou-boxed {
    display:flex;
    align-items:flex-end;
    font-size:22px;
    color:var(--secondarytext)
}

.-inner-price-thankyou-boxed>span.price-value {
    font-size:50px;
    font-family:var(--f-number);
    font-weight:500;
    line-height:.8;
    margin-inline-end:7px;color:var(--primary-text)
}

.-element-Quantity {
    min-width:max-content;
    margin-inline-end:15px;
    background:#9747ff33;
    padding:5px 10px;
    border-radius:var(--miniradius);
    font-size:12px;
    font-weight:300;
    color:var(--secondarytext);
    transition:180ms
}

.-single-product-thankyou-item:hover .-element-Quantity {
    color:var(--uicolor);
}

.-element-Quantity>strong {
    font-weight:300
}

.-order-single-page-conatiner {
    display:flex;
    flex-direction:column;
}

.-user-sidebar {
    --elemnt-width:360px;
    /* min-width:var(--elemnt-width); */
    /* max-width:var(--elemnt-width); */
    /* margin-inline-end:40px; */
    /* position:sticky; */
    /* top:110px; */
    transition:180ms;
    /* padding:40px; */
    border-radius:var(--largeradius);
    /* backdrop-filter:blur(30px); */
    /* background:#ffffff0d; */
    flex:1;
    display:flex;
    position:relative;
    margin-bottom:80px;
    align-items:center;
}

.-user-sidebar:before {
    content:'';
    position:absolute;
    bottom:-40px;
    top:90px;
    background:linear-gradient(0deg, #ffffff0d, transparent);
    left:0;
    right:10px;
    border-radius:var(--largeradius);
    backdrop-filter:blur(30px);
    z-index:-1;
}

.hidemenu .-order-single-page-details,.hidemenu .-order-single-page-favourites,.hidemenu .-user-sidebar {
}

.user-sidebar-thumb {
    display:flex;
    width:170px;
    height:170px;
    /* border:8px solid #ffffff1c; */
    border-radius:var(--largeradius);
    /* margin:0 auto 30px; */
    position:relative;
    margin-inline-end:40px;
    box-shadow:0 0 0 8px #ffffff1c;
}

.user-sidebar-info-area {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:30px;
}

.user-sidebar-info-area>h2 {
    font-size:42px;
    text-transform:capitalize;
    line-height:1.5;
    text-align:center;
    font-weight:400;
}

.user-sidebar-info-area>p {
    color:var(--secondarytext);
    font-weight:500;
    text-transform:capitalize;
    margin-inline-start:15px;
    position:relative;
    border-radius:var(--miniradius);
    display:block;
    padding:8px 15px;
    font-size:17px;
    letter-spacing:1px;
    font-family:var(--f-number);
}

.user-sidebar-info-area>p:before {
    content:'';
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    background:currentColor;
    border-radius:inherit;
    opacity:0.1;
}

.user-sidebar-links {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.user-sidebar-links>ul>li {
    display:block;
    margin-inline-end:10px;
}

.-notification-ul-list>ul>li:last-child,.-order-item-blogbox-element .-ul-payement-action-items>ul>li:last-child,.user-sidebar-links>ul>li:last-child {
    margin-bottom:0
}

.user-sidebar-links>ul>li>a {
    padding:15px 20px;
    font-size:17px;
    width:100%;
    display:flex;
    border-radius:var(--miniradius);
    transition:180ms;
    align-items:center;
    color:var(--secondarytext)
}

.-notification-ul-list>ul>li>a:not(.is_not__seen):hover,.user-sidebar-links>ul>li>a:hover,.user-sidebar-links>ul>li>a:hover>i,whatsapp--box>a {
    color:var(--primary-text)
}

.user-sidebar-links>ul>li>a>span>em {
    font-style:normal;
    color:#ffc107;
    font-weight:300;
    margin-inline-start:5px}

.user-sidebar-links>ul>li>a.active {
    background:var(--uicolor);
    color:#fff
}

.user-sidebar-links>ul>li>a>i {
    margin-inline-end:15px;
    font-weight:700;
}

.-change-image-profile>a:hover,.user-sidebar-links>ul>li>a.active>i {
    color:#fff
}

.-notification-ul-list>ul>li>a,.-notification-ul-list>ul>li>a.is_not__seen>span {
    color:var(--secondarytext);
}

.user-sidebar-links>ul {
    display:flex;
    list-style:none
}

.-order-single-page-details {
    display:block;
    flex:1;
    padding:40px;
    border:1px solid var(--diver);
    border-radius:var(--largeradius);
    position:sticky;
    top:110px;
    backdrop-filter:blur(10px);
}

.-order-single-page-details .-fix-inputs-area {
    margin-bottom:50px
}

.-user-sidebar .MenuHr {
    margin:30px auto
}

.-orders-sidbar-title {
    display:block;
    padding:0 0 40px;
    border-bottom:1px solid var(--diver);
    margin-bottom:40px;
    font-size:22px
}

.-favourites-sidbar-title>em,.-orders-sidbar-title>em {
    font-style:normal;
    font-weight:200;
    color:var(--secondarytext);
    margin-inline-start:10px;
}

.-single-order-widgets-element {
    display:block;
    margin-bottom:30px
}

.-single-order-whatsapp {
    display:block;
    margin:0 0 40px
}

.-single-order-whatsapp>a {
    padding:20px;
    display:flex;
    align-items:center;
    font-size:20px
}

.-single-order-whatsapp>a>i {
    font-size:60px;
    margin-inline-end:30px}

whatsapp--box {
    display:flex;
    align-items:center;
    padding:0px 45px;
    border-radius:0 0 var(--miniradius) 0;
}

.-order-single-page-details whatsapp--box {
    padding:20px;
    border:2px solid var(--whatsapp);
    margin-bottom:20px
}

whatsapp--box a {
    display:flex;
    align-items:center
}

.-order-single-page-details whatsapp--box>a {
    border-color:var(--whatsapp);
    color:#fff;
    background:var(--whatsapp)
}

.-order-single-page-details whatsapp--box>a:hover {
    background:#fff;
    color:var(--whatsapp)
}

@keyframes fly-1 {
    from {
        transform:translateY(.1em)
    }

    to {
        transform:translateY(-.1em)
    }
}

whatsapp--box i {
    color:#27ae60;
    font-size:65px;
    margin-inline-end:30px;
    }

.whatsapp--bunner-info {
    display:block;
    flex:1;
    text-align:start;
}

.whatsapp--bunner-info>h2 {
    font-size:15px;
    line-height:1.5;
    font-weight:400;
    margin-bottom:5px;
    color:var(--secondarytext)
}

.whatsapp--bunner-info>wh-number {
    font-family:var(--f-number);
    font-size:29px;
    font-weight:500
}

.-order-single-page-details .MenuHr {
    margin:40px auto
}

.notifications-icon.active .-notification-ul-list {
    visibility:visible;
    opacity:1;
    transform:translate(-50%,0)
}

.-notification-ul-list {
    display:flex;
    width:350px;
    position:absolute;
    list-style:none;
    visibility:hidden;
    left:50%;
    top:55px;
    background:#000000d6;
    transform:translate(-50%,20px);
    opacity:0;
    transition:.35s;
    z-index:1000;
    line-height:initial;
    text-align:right;
    border-radius:var(--largeradius);
    padding:20px;
    max-height:480px;
    flex-direction:column;
    min-height:420px;
    border-radius:var(--largeradius);
    padding:30px;
    backdrop-filter:blur(10px);
}

.-notification-title {
    display:block;
    margin-bottom:15px
}

.-notification-title>h2 {
    display:block;
    font-size:16px;
    line-height:1.5;
    font-weight:400
}

.-notification-ul-list>ul {
    display:flex;
    list-style:none;
    flex:1;
    overflow:hidden;
    overflow-y:auto;
    padding:0 10px 0 5px;
    margin:0 -10px;
    flex-direction:column
}

.-notification-ul-list>ul::-webkit-scrollbar {
    width:5px;
    height:5px
}

.-notification-ul-list>ul::-webkit-scrollbar-thumb {
    background:#031e3505;
    border-radius:3px
}

.-notification-ul-list>ul::-webkit-scrollbar-track {
    background:0 0
}

.-notification-ul-list>ul>li {
    display:block;
    margin-bottom:10px
}

.-notification-ul-list>ul>li>a {
    display:block;
    background:#ffffff12;
    padding:20px;
    border-radius:var(--miniradius)
}

.-notification-ul-list>ul>li>a.is_not__seen {
    background:#ffffff2e;
    color:var(--primary-text);
}

.-notification-ul-list>ul>li>a>span {
    color:var(--secondarytext);
    font-weight:300;
    font-size:12px
}

.-notification-ul-list>ul>li>a>h2 {
    font-size:15px;
    font-weight:400;
    line-height:1.78;
    margin-bottom:6px;
    max-height:54px;
    overflow:hidden
}

.-order-single-page-posts {
    display:flex;
    margin:0 -10px;
    flex-wrap:wrap;
    flex-direction:column;
}

.-not-fount-style-element {
    max-width:370px;
    text-align:center;
    line-height:1.5;
    margin:auto;
    color:#ebebeb
}

.-not-fount-style-element>i {
    font-size:100px;
    margin-bottom:20px;
    font-weight:600
}

.-not-fount-style-element>h2 {
    font-size:35px
}

.-order-single-page-posts .-Product-Post-Box {
    --box-width:306px
}

.-order-single-page-favourites {
    display:block;
    flex:1;
    border-radius:var(--largeradius);
}

.-favourites-sidbar-title {
    display:block;
    margin-bottom:30px;
    font-size:26px
}

.-notification-ul-list .loader-body {
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center
}

.-card-select-CreateFields .-fix-forms-field-title {
    margin-bottom:30px
}

.-card-select-CreateFields .-fix-inputs-area.-for-date-field {
    display:flex;
    align-items:flex-start;
    flex-direction:column
}

.-order-single-page-form .YC-BTN-Forms-Plugin {
    display:block;
    background:var(--uicolor);
    border:0;
    padding:15px 25px;
    border-radius:var(--miniradius);
    color:#ffff;
    cursor:pointer;
    margin-right:5px;
    font-size:17px;
    font-weight:300;
    border:2px solid var(--uicolor);
    transition:180ms
}

.-order-single-page-form .YC-BTN-Forms-Plugin:hover {
    background:0 0;
    color:var(--uicolor)
}

.-order-single-page-form .YC-BTN-Forms-Plugin>i {
    margin-inline-start:5px}

.ve--menu {
    display:flex;
    justify-content:flex-end;
    margin-top:30px;
    padding-top:30px;
    border-top:1px solid var(--diver)
}

.custom-comment-submit button {
    display:flex;
    justify-content:space-between;
    padding:13px;
    border-radius:var(--miniradius);
    background:var(--uicolor);
    border:2px solid var(--uicolor);
    color:var(--textcolor);
    font-size:15px;
    align-items:center;
    transition:180ms
}

ul.DeletionAlert--buttons>li {
    background:var(--primary-text);
    align-content:center;
    transition:180ms
}

.custom-comment-submit button:hover {
    background:var(--bgcolor);
    color:var(--uicolor);
}

.-order-item-blogbox {
    display:flex;
    padding:10px 20px;
    border-radius:20px;
    border:var(--border-defult);
    box-shadow:var(--box-shadow-defult);
    margin:0 0px 20px;
    flex:1;
    min-width:320px;
    transition:80ms;
    align-items:center;
    background:#161b16;
    position:relative
}

.-YC-author-page-parent-header, .-image-preview-item, .-order-item-blogbox:hover {
    box-shadow:var(--box-shadow-hover)
}

.-order-item-blogbox>.-order-item-blogbox-link {width:max-content;max-width:max-content;background:#b9133a;padding:10px 15px;border-radius:10px;color:#fff;}

.-order-item-blogbox:hover {
    border-color:var(--border-defult-hover);
    transition:250ms
}

.-order-item-blogbox-head {
    display:flex;
    margin-bottom:30px;
    align-items:center
}

.-order-item-blogbox-title {
    display:block;
    flex:1;
    font-size:23px
}

.-order-item-blogbox-title>em {
    font-style:normal;
    font-family:var(--f-number);
    color:var(--secondarytext-bold)
}

.-order-item-blogbox-head .-inner-price-thankyou-boxed {
    font-size:17px
}

.-order-item-blogbox-head .-inner-price-thankyou-boxed span.price-value {
    font-size:30px
}

.-for-my-orders.-order-single-page-posts {margin:0px;}

.-field-upload-image,.-order-item-blogbox-element {
    display:block
}

.-order-item-blogbox-element .-ul-payement-action-items>ul>li {
    margin-bottom:20px
}

.-order-item-blogbox-element .-ul-payement-action-items>ul>li span,.-order-item-blogbox-element .-ul-payement-action-items>ul>li>strong {
    font-size:15px
}

.-alert-confie {
    display:block;
    color:var(--positive);
    font-weight:300;
    line-height:1.5;
    margin-top:0px;
    margin-bottom:35px;
    font-size:14px
}

.-mobile-menu-button #checkbox,.croppie-container .cr-original-image {
    display:none
}

.-mobile-menu-button .toggle {
    position:relative;
    width:40px;
    height:40px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    transition-duration:.5s
}

.-mobile-menu-button .bars {
    width:100%;
    height:4px;
    background-color:var(--bars-background);
    border-radius:4px
}

.-mobile-menu-button #bar2 {
    transition-duration:.8s
}

.-mobile-menu-button #bar1,.-mobile-menu-button #bar3 {
    width:70%
}

.-mobile-menu-button #checkbox:checked+.toggle .bars {
    position:absolute;
    transition-duration:.5s
}

.-mobile-menu-button #checkbox:checked+.toggle #bar2 {
    transform:scaleX(0);
    transition-duration:.5s
}

.-mobile-menu-button #checkbox:checked+.toggle #bar1 {
    width:80%;
    transform:rotate(45deg);
    transition-duration:.5s
}

.-mobile-menu-button #checkbox:checked+.toggle #bar3 {
    width:80%;
    transform:rotate(-45deg);
    transition-duration:.5s
}

.-mobile-menu-button #checkbox:checked+.toggle {
    transition-duration:.5s;
    transform:rotate(180deg)
}

.-mobile-menu-button {
    display:none;
    }

.cropping--inner---Context----overlays {
    margin:-40px -40px 90px;
    background:#fbfbfb
}

.picturecropping--inner--Context---overlays {
    display:block;
    flex:1;
    margin:-40px;
    padding:40px;
    overflow:auto;
    min-width:580px
}

.picturecropping--inner--Context---overlays>divider {
    margin:0 -16px 16px
}

.croppie-container {
    width:100%;
    height:460px
}

.croppie-container .cr-image {
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    transform-origin:0 0;
    max-height:none;
    max-width:none
}

.croppie-container .cr-boundary,.croppie-result {
    position:relative;
    overflow:hidden
}

.croppie-container .cr-boundary {
    margin:0 auto;
    z-index:1;
    width:100%;
    height:100%
}

.croppie-container .cr-resizer,.croppie-container .cr-viewport {
    position:absolute;
    margin:auto;
    top:0;
    --elem-color:#000000b8;
    box-shadow:0 0 0 330px var(--elem-color);
    bottom:0;
    right:0;
    left:0;
    border-radius:50%;
    z-index:0
}

.croppie-container .cr-resizer {
    z-index:2;
    box-shadow:none;
    pointer-events:none
}

.croppie-container .cr-resizer-horisontal,.croppie-container .cr-resizer-vertical {
    position:absolute;
    pointer-events:all
}

.croppie-container .cr-resizer-horisontal::after,.croppie-container .cr-resizer-vertical::after {
    display:block;
    position:absolute;
    box-sizing:border-box;
    border:1px solid #000;
    background:#fff;
    width:10px;
    height:10px;
    content:''
}

.croppie-container .cr-resizer-vertical {
    bottom:-5px;
    cursor:row-resize;
    width:100%;
    height:10px
}

.croppie-container .cr-resizer-vertical::after {
    left:50%;
    margin-left:-5px
}

.croppie-container .cr-resizer-horisontal {
    right:-5px;
    cursor:col-resize;
    width:10px;
    height:100%
}

.croppie-container .cr-resizer-horisontal::after {
    top:50%;
    margin-top:-5px
}

.croppie-container .cr-vp-circle {
    border-radius:50%
}

.croppie-container .cr-overlay {
    z-index:1;
    position:absolute;
    cursor:move;
    touch-action:none
}

.croppie-container .cr-slider-wrap {
    margin:20px 40px;
    text-align:center
}

.croppie-result img {
    position:absolute
}

.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport {
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}

.-img-overlay-backdrop, .order-services--body {
    transform:translate(-50%,-50%)
}

input[type=range].cr-slider {
    -webkit-appearance:none;
    width:100%;
    height:20px;
    margin:10px 0;
    background-color:#ededed;
    border-radius:10px
}

input[type=range].cr-slider:focus {
    outline:0
}

input[type=range].cr-slider::-webkit-slider-thumb {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background-color:var(--uicolor);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 5px var(--uicolor)
}

input[type=range].cr-slider::-moz-range-thumb {
    width:20px;
    height:20px;
    background-color:var(--uicolor);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 5px var(--uicolor)
}

input[type=range].cr-slider::-ms-thumb {
    width:20px;
    height:20px;
    background-color:var(--uicolor);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 5px var(--uicolor)
}

ul.DeletionAlert--buttons {
    display:flex;
    margin:-10px;
    justify-content:flex-end
}

ul.DeletionAlert--buttons>li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:var(--miniradius);
    flex-wrap:wrap;
    padding:14px 30px;
    font-size:15px;
    color:#fff;
    border:2px solid var(--primary-text);
    flex-direction:row-reverse;
    margin:6px
}

ul.DeletionAlert--buttons>li.close--confirmation {
    background:var(--negative);
    border-color:var(--negative)
}

ul.DeletionAlert--buttons>li.close--confirmation:hover {
    color:var(--negative);
    background:#fff
}

.--open--searching:hover,.-DropChevrons-UL ul li.-Products-Filter-LI.active {
    background:var(--uicolor)
}

ul.DeletionAlert--buttons>li.apply--confirmation {
    background:var(--positive);
    border-color:var(--positive);
    color:#fff
}

ul.DeletionAlert--buttons>li:hover {
    color:var(--positive);
    background:0 0
}

.-insert-avatar-thumb {
    position:absolute;
    width:100%;
    height:100%;
    border-radius:var(--largeradius);
    overflow:hidden;
    --elemnt-width:100%;
    --element-height:100%;
    --element-radius:var(--largeradius);
}

.-avatar-append-image {
    width:var(--elemnt-width);
    height:var(--element-height);
    border-radius:var(--element-radius);
    display:flex;
    align-items:center;
    justify-content:center
}

.-avatar-append-image>img {
    max-width:100%;
    object-fit:contain;
    border-radius:var(--largeradius);
}

.-change-image-profile {
    position:absolute;
    bottom:19px;
    left:-18px;
    z-index:2
}

.-change-image-profile>a {
    width:42px;
    height:42px;
    border-radius:50%;
    border:5px solid #ffffff26;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    color:#ffffffd6;
    background:#000000;
    align-content:center;
    transition:180ms;
}

.-change-image-profile>a>i {
    font-weight:800
}

switchname {
    display:block;
    font-size:17px;
    color:var(--secondarytext);
    font-weight:200;
    margin-top:10px
}

.-field-upload-image>a {
    display:block;
    padding:15px 20px;
    font-size:16px;
    border:2px solid var(--primary-text);
    border-radius:var(--largeradius);
    color:var(--primary-text);
}

.-field-upload-image>a>i {
    margin-inline-end:10px;font-size:21px
}

.-image-preview-item {
    display:block;
    max-width:250px;
    margin:30px 0;
    border-radius:var(--largeradius);
    overflow:hidden
}

.iti.iti--container {
    z-index:100000008
}

.-img-overlay-backdrop {
    position:absolute;
    width:100%;
    height:100%;
    background-image:var(--imgURL);
    background-position:center center;
    top:50%;
    left:50%;
    filter:blur(20px)
}

.-site-logo>a {
    display:flex;
    font-size:40px;
    font-family:var(--f-logo);
    flex-direction:row-reverse;
    letter-spacing:2px;
    justify-content:flex-end;
    font-weight:700;
    transition:180ms
}

.-footer-site-logo.--logo-Image {
    margin-bottom:20px;
}

.YC-author-page--container {
    display:flex;
    align-items:self-start;
    padding:70px 0
}

.-YC-author-page-parent-header {
    min-width:300px;
    max-width:280px;
    flex:1;
    margin-inline-end:36px;position:sticky;
    top:104px;
    transition:180ms;
    padding:40px;
    border:1px solid var(--border-defult-hover);
    border-radius:var(--largeradius)
}

.hidemenu .-YC-author-page-parent-header {
    top:21px
}

.-YC-author-page-parent-header em {
    color:var(--secondarytext);
    font-weight:300;
    text-transform:capitalize;
    margin:0 auto 20px;
    display:flex;
    justify-content:center
}

.-YC-author-page-parent-header h1 {
    margin-bottom:4px;
    font-size:30px;
    text-transform:capitalize;
    line-height:1.5;
    text-align:center
}

.-YC-author-page-avatar-thumb {
    overflow:hidden;
    --elemnt-width:100%;
    --element-height:100%;
    --element-radius:50%;
    display:flex;
    width:150px;
    height:150px;
    border:1px solid var(--border-defult-hover);
    border-radius:50%;
    margin:0 auto 30px;
    position:relative
}

.--YC-author-page--be-content {
    display:block;
    font-size:13px
}

.--open--searching, .--socialheader, .-DropChevrons-UL, .-DropChevrons-UL ul, .-DropChevrons-UL ul li, .search_header {display:flex;}

.-YC-author-page-Posts-Grid .-Post-box-single-item {
    min-width:296px;
    margin-bottom:20px;
    margin-inline:10px;max-width:330px
}

.-YC-author-page-Posts-Grid .-Posts-grid {
    margin-inline:0}

.--Site--Menu>ul>li:hover ul.sub-menu,.--Site--Menu>ul>li>ul.sub-menu>li:hover ul.sub-menu,.mobile-page .animation-hidden {
}

.-DropChevrons-UL {
    justify-content:center;
    max-width:max-content;
}

.-DropChevrons-UL:before,.-DropChevrons-UL:after {
}

.-DropChevrons-UL ul {
    list-style:none;
    align-items:center;
    background:var(--bgcolor);
    display:flex;
    position:relative;
    overflow:scroll;
}

.-DropChevrons-UL ul li a {
    font-size:19px;
    background:var(--diver);
    border-radius:var(--miniradius);
    overflow:hidden;
}

.-DropChevrons-UL ul li {
    margin-inline-end:15px;
    position:relative;
    border-radius:var(--miniradius);
    overflow:hidden;
    min-width:max-content;
}

.-DropChevrons-UL ul li:last-child {
    margin-inline-end:0;
}

.-DropChevrons-UL ul li.-Products-Filter-LI.active a {
    color:var(--bgcolor);
    background:var(--uicolor)
}

.OnboxedElem>* {
    margin:revert;
    padding:revert;
    max-width:100%
}

.--open--searching {
    --element-width:48px;
    flex-wrap:wrap;
    height:var(--element-width);
    width:var(--element-width);
    border-radius:var(--largeradius);
    align-content:center;
    justify-content:center;
    align-items:center;
    font-size:18px;
    transition:280ms;
    color:var(--button-color-text);
    background:var(--button-color-bg);
    text-align:center;
    position:relative;
    overflow:visible;
    margin-inline-end:10px;cursor:pointer
}

.--open--searching:hover {
    color:#fff
}

#countdown .container:nth-child(2),.--Site--Menu .-Yc-TopBar {
    display:none
}

.YC-panner-header-container:after,.YC-panner-header-container:before {
    top:0;
    position:absolute;
    height:100%;
    right:0
}

.counnter_closse,.search_closse {
    justify-content:center;
    transition:180ms
}
.Final-app-image-src img {
    width:100%
}
.YC-panner-header-container {
    z-index:2222;
    background:var(--uicolor);
    padding:20px 0;
    position:relative;
    overflow:hidden
}

.YC-panner-header-container:after {
    content:"";
    width:100%;
    left:10px;
    z-index:-1;
    bottom:0;
    border-radius:0;
    background-image:url(./img/shape.png);
    opacity:.09;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}

.YC-panner-header-container:before {
    content:"";
    width:90%;
    left:0;
    bottom:0;
    background:linear-gradient(274deg,#120303c2,transparent);
    z-index:-1
}

.-Product-selled-boxed,.YC-panner-header_Second-box {
    display:flex;
    align-items:center;
    justify-content:space-between;
    display:none;
}

.YC-panner-header-left {
    display:flex
}

.YC-panner-boxed-copy.active>button {
    background:var(--success-color);
    border-color:var(--success-color);
    background:var(--positive);
    border-color:var(--positive)
}

.YC-panner-boxed-copy>button>span {
    position:absolute;
    padding:5px 10px;
    visibility:hidden;
    opacity:0;
    transition:180ms;
    color:#fff;
    transform:translateX(-100px)
}

.YC-panner-boxed-copy.active>button>span,.YC-panner-boxed-copy>button>em {
    visibility:visible;
    opacity:1;
    transform:translateX(0)
}

.YC-panner-boxed-copy:not(.active)>button:hover {
    color:#fff;
    background:var(--uicolor);
    border-color:var(--uicolor)
}

.YC-panner-boxed-copy {
    flex:1;
    position:relative;
    min-width:280px;
    max-width:390px;
    border-radius:20px;
    overflow:hidden;
    border-radius:var(--largeradius)
}

.YC-panner-boxed-copy button,.counnter_closse {
    position:absolute;
    display:flex;
    cursor:pointer
}

.YC-panner-boxed-copy input {
    min-height:30px
}

.YC-panner-boxed-copy>button>em {
    position:relative;
    display:block;
    transition:180ms;
    font-style:normal;
    color:#fff
}

.YC-panner-boxed-copy.active>button>em {
    visibility:hidden;
    opacity:0;
    transform:translateX(100px)
}

.YC-panner-boxed-copy button {
    bottom:0;
    left:0;
    background:#b9133a;
    border:1px solid #a01132;
    font-size:14px;
    margin-inline-start:15px;font-weight:300;
    text-align:center;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    overflow:hidden;
    height:100%;
    font-style:normal;
    padding-inline:21px}

.YC-panner-header-boxed-copy {
    align-items:center;
    min-width:460px;
    overflow:hidden
}

.YC-panner-header-boxed-copy>p {
    margin-bottom:10px
}

.YC-panner-header-boxed-copy p {
    font-size:12px;
    display:flex;
    font-weight:400;
    color:#fff
}

.right_YC-panner-header span {
    font-size:22px;
    color:#fff;
    font-weight:700
}

.right_YC-panner-header {
    display:flex;
    align-items:center;
    max-width:450px
}

.YC-counnter-up-boxed {
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#0000001a;
    border-radius:20px;
    direction:ltr
}

.YC-counnter-up-boxed>* {
    margin:3px;
    border-radius:15px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:max-content
}

.YC-counnter-up-boxed span {
    margin-inline:12px}

.YC-counnter-up-boxed div {
    font-size:18px;
    color:#fff;
    padding:0;
    background:var(--primary-text)
}

.right_YC-panner-header span c--color {
    color:var(--cword-color);
    font-size:26px;
    font-weight:500
}

.counnter_closse {
    overflow:auto;
    left:10px;
    top:10px;
    --el-width:32px;
    width:var(--el-width);
    height:var(--el-width);
    align-items:center;
    border:2px solid #ff7171;
    border-radius:50%;
    font-size:16px;
    color:#ffe9e9;
    font-weight:400;
    z-index:99999
}

.-order-services--single--popoover {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    right:0;
    left:0;
    z-index:20005
}

.order-services--body,.order-services--icon {
    display:flex;
    align-items:center;
}

.order-services--overlay {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    background:#000000a3;
    backdrop-filter:blur(8px);
}

.order-services--body {
    position:absolute;
    --el-w-h:830px;
    width:var(--el-w-h);
    top:50%;
    left:50%;
    border-radius:var(--largeradius);
    justify-content:center;
    height:515px;
    animation:1s ease 0s 1 normal none running bounceIn-popover;
}

.order-services--closse {
    left:-20px;
    top:-20px;
    font-size:28px;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    cursor:pointer;
    transition:180ms;
    width:44px;
    height:44px;
    position:absolute;
    z-index:4;
    background:#282828;
}

.order-services--closse i {
    position:relative;
    transition:80ms
}

.order-services--closse:hover {
    background:var(--negative);
    color:#fff
}

.order-services--closse:hover i,.share-mobile {
    color:#fff
}

.order-services--icon {
    font-size:175px;
    color:var(--secondarytext);
    position:absolute;
    box-shadow:none;
    background:0 0;
    opacity:.02;
    z-index:0;
    top:11px;
    left:118px
}

.-input-password-ivid>.-show-password-item,.-password-status {
    top:50%;
    transform:translateY(-50%);
    text-align:center;
    position:absolute
}

.order-services--icon>i {
    font-weight:200
}

.order-services--info-context {
    display:flex;
    flex-direction:column;
    padding:80px;
    flex:1;
    align-items:center;
    z-index:1;
    height:100%;
}

.order-services--info-context>span {
    font-size:18px;
    text-align:center;
    margin-bottom:20px;
    font-weight:400;
    color:var(--primary-text);
    display:flex;
    align-items:center;
    justify-content:center
}

.order-services--info-context>span>em {
}

.order-services--info-context>p {
    color:var(--secondarytext);
    font-size:18px;
    line-height:1.8;
    font-weight:300;
    text-align:center;
}

.order-services--info-context>h2 {
    font-size:38px;
    color:var(--primary-text);
    margin-bottom:20px;
    font-weight:600;
    line-height:1.7;
    text-align:center;
}

.order-services--info-context .popup-boxnumber {
    display:flex;
    margin-top:40px;
    width:100%;
    justify-content:center;
}

.--map--items--list,.links--sitemap-items-lists {
    display:block
}
.-order-order_devices-Taps ul li.active,a.order-services-button.order-services-phonenumber:hover {
    /* color:#fff; */
}

.popup-boxnumber>a.order-services-whatsapp {
    color:#fff;
    background:transparent;
    border-color:#ffffff;
    margin-inline-end:0
    }

.popup-boxnumber>a.order-services-whatsapp:hover {
    background:var(--uicolor);
    color:white;
    border-color:var(--uicolor);
}

.popup-boxnumber>a>i {
    margin-inline-start:10px;font-weight:500;
    font-size:18px
}

.-YC-Forms-LoginActions {
    flex-wrap:wrap;
}

.Switch-LoginButton {
    display:flex;
    display\:f;
    align-items:center;
}

.-input-password-ivid>.-show-password-item {
    left:auto;
    color:var(--secondarytext);
    border-radius:var(--miniradius);
    cursor:pointer;
    width:25px;
    transition:180ms;
    font-size:20px;
    margin-inline-start:calc(100% - 40px);line-height:0
}

.-password-status {
    border-radius:var(--largeradius);
    font-size:13px;
    font-weight:400;
    left:55px;
    color:var(--item-uicolor)
}

.-input-password-ivid {
    width:100%;
    position:relative
}

button.YC-BTN-Forms-Plugin.-PayButton.activable {
    display:block;
    background:var(--uicolor);
    border:0;
    padding:12px 16px;
    border-radius:var(--largeradius);
    color:#ffff;
    cursor:pointer;
    font-size:17px;
    font-weight:300;
    border:2px solid var(--uicolor);
    transition:180ms;
    margin:0 auto;
    width:100%
}

.tubelight .light-ray {
    position:absolute;
    left:50%;
    transform:translate(-50%);
    top:5px;
    width:120%;
    height:80px;
    clip-path:polygon(5% 100%,25% 0px,75% 0px,95% 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,.4) -50%,rgba(255,255,255,0) 90%);
    pointer-events:none
}

@keyframes lisht {
    0% {
        height:0
    }

    ,100% {
        height:100%
    }
}

.-order-order_devices-Taps ul li {
    cursor:pointer;
    flex-direction:column;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:50px;
    opacity:.5;
    fill:#fff;
    width:100px;
    height:80px;
    transition:opacity .1s;
    position:relative
}

.-order-order_devices-Taps ul li:hover {
    opacity:1
}

.-order-order_devices-Taps ul li:hover i {
    transition:.3s;
    transform:scale(1.1)
}

.-order-order_devices-Taps ul li.active {
    opacity:1;
    color:#fff
}

.-order-order_devices-Taps ul li span {
    font-size:13px;
    color:#fff
}

.-order-order_devices-Taps ul li a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

device_logo>* {
    font-size:32px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    transition:.3s;
    color:#fff;
    font-weight:300!important
}

.-order-order_devices-Taps {
    margin:20px auto;
    position:relative;
    display:flex;
    max-width:max-content;
    --background:#cecece;
    --scale:1;
    --icon-size:41px
}

.order_devices_content {
    border:1px solid #f5f5f5;
    padding:50px 50px 31px;
    box-shadow:var(--box-shadow-hover);
    border-radius:20px;
    white-space:break-spaces;
    font-size:21px;
    line-height:1.6
}

.-widgets-aboutus-svg img,.order_devices_content img {
    height:auto
}

.order_devices_content_cnva {
    width:max-content;
    border-radius:20px;
    overflow:hidden;
    margin:0 auto;
    display:flex;
    flex-flow:column;
    justify-content:center;
    align-items:center
}

.order_devices_content_cnva strong {
    font-size:15px;
    margin-top:20px;
    color:#828181;
    font-family:YourColor;
    display:block;
    font-weight:300
}

.order_devices_content_cnva canvas {
    border-radius:20px
}

.OrderData_button {
    transition:80ms;
    display:flex;
    flex:1;
    align-items:center;
    padding:15px;
    border-radius:var(--miniradius);
    box-shadow:var(--box-shadow-defult);
    margin-bottom:15px;
    cursor:pointer;
    border:1px solid var(--uicolor);
    background:var(--uicolor);
    color:#fff;
    max-width:100%;
    flex-wrap:wrap;
    font-size:25px;
    justify-content:space-between
}

.OrderData_button:hover {
    background:#fff;
    color:var(--uicolor)
}

.OrderData_button a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    color:inherit
}

.OrderData_button a span i {
    margin-inline-end:8px}

.Switch-LoginButton a {
    color:var(--uicolor);
}

body.-topBar-open header.hidemenu {
    transform:translateY(-160px)
}

body.-topBar-open:not(.before-start) header {
    transform:translateY(-75px);
    transition:80ms all ease;    80ms
    all animation-timing-function:ease;
}

header.hidemenu {
    transform:translateY(-100px)
}

.-Product-selled-Info {
    display:flex;
    align-items:center;
    font-size:13px;
    font-weight:300;
    color:var(--secondarytext)
}

.Nameposition {
    position:absolute
}

.Final-app-image-src {
    border-radius:20px;
    overflow:hidden
}

.order-services-popover_image {
    min-width:270px;
    max-width:250px;
    position:relative;
    height:297px;
    border-radius:0 0 var(--largeradius);
    overflow:hidden
}

.order-services-popover_image img {
    width:100%;
    height:100%;
    position:relative
}

.alet_phone .-alert-confie {
    opacity:0;
    visibility:hidden;
    transform:translate(0,10px);
    display:none
}

.-alert-alet_phone {
    position:relative;
    display:block;
    color:#7d1126;
    font-weight:400;
    line-height:1.5;
    opacity:0;
    transform:translate(0,11px);
    visibility:hidden;
    transition:.1s;
    margin-bottom:18px
}

.Expeser_code,.error__log--area ul li span,.error__log--area ul li span>* {
    font-weight:300;
    color:var(--secondarytext)
}

.alet_phone .-alert-alet_phone {
    opacity:1;
    transform:translate(0,-30px);
    visibility:visible
}

.Expeser_code {
    font-size:14px
}

.-form-countdown {
    margin-top:-18px;
    margin-bottom:18px;
    display:flex;
    justify-content:space-between;
    align-items:center
}

.-YC-WidgetType-Productspage .-posts-fix-boxes-items .-Product-Post-Box {
    max-width:100%!important
}

.Final-app-image {
    position:relative
}

.-Post-box-item-context>ul>li>strong>i {
    margin-inline-end:7px}

.-primary-body .-YC-Widgets-Inner-Row {
    padding-top:0
}

.error__log--area>span {
    margin-bottom:10px;
    display:block;
    font-size:20px;
    color:var(--primary-text);
    font-weight:400;
    color:#db1133;
    display:flex;
    flex-direction:column
}

.error__log--area>span>i {
    font-size:30px;
    margin-bottom:11px;
    font-weight:500
}

.error__log--area ul li p {
    font-size:13px;
    margin-bottom:9px
}

.error__log--area ul li span {
    display:flex;
    flex-wrap:wrap;
    font-size:18px
}

.error__log--area ul li span>* {
    margin-inline:4px;font-size:16px
}

.error__log--area ul li span strong {
    font-weight:500;
    color:#000;
    font-size:18px;
    display:flex;
    direction:ltr
}

.error__log--area ul li span>a {
    color:var(--uicolor);
    font-size:20px;
    font-weight:600
}

.alert.element-alert-danger {
    margin-bottom:16px;
    transition:.2s;
    position:relative;
    display:block;
    text-align:right
}

.error__log--area ul {
    list-style:none
}

.error__log--area ul li {
    font-size:15px;
    font-weight:400;
    display:block
}

.tubelight {
    transition:350ms;
    z-index:10;
    display:block;
    position:absolute;
    background:linear-gradient(178deg,#fff,#ededed);
    border-radius:var(--largeradius);
    top:-3px;
    bottom:0;
    height:7px;
    box-shadow:-1px 2px 10px #585a5e36,0 5px 10px #3c3945;
    width:100px
}

.-order-order_devices-Taps ul:has(li.active)~.tubelight {
    background-color:#fff;
    display:inline-block
}

.-order-order_devices-Taps ul li:first-child:has(li:active)~.selection {
    transform:translateX(calc(var(--container_width) * 0/3))
}

.radio-input label:nth-child(2):has(input:checked)~.selection {
    transform:translateX(calc(var(--container_width) * 1/3))
}

.radio-input label:nth-child(3):has(input:checked)~.selection {
    transform:translateX(calc(var(--container_width) * 2/3))
}

.-order-order_devices-Taps ul {
    list-style:none;
    position:relative;
    display:flex;
    border-radius:20px;
    padding:10px 15px;
    background:#1a1625;
    margin:0 auto;
    border:2px solid #fff
}

device_logo {
    display:flex;
    justify-content:center;
    margin-bottom:8px;
    cursor:pointer
}

.-order-order_devices-Taps ul li.active device_logo {
    -webkit-box-reflect:below -10px linear-gradient(transparent,transparent,rgb(245 190 190 / 12%))
}

.YC-counnter--up-boxed {
    font-size:17px;
    color:#fff
}

#countdown {
    width:100%;
    padding:5px
}

.countdown-nested {
    position:relative;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-inline:21px}

.contents {
    position:absolute;
    align-items:center;
    flex-direction:column;
    height:auto;
    justify-content:center;
    margin-top:22px
}

.contents>div {
    margin-bottom:0;
    font-size:24px;
    font-weight:700;
    color:#2e2e2e;
    margin-top:38px
}

.contents>span {
    font-size:17px;
    color:#2e2e2e;
    font-weight:300
}

@media only screen and (max-device-width:568px) {
    .contents>div {
        font-size:20px;
        margin-bottom:-4px
    }

    .contents>span {
        font-size:14px
    }
}

img {
    max-width:100%;
    display:block;
}

animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}

.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    40%,43% {
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    40%,43% {
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity:1
    }

    25%,75% {
        opacity:0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity:1
    }

    25%,75% {
        opacity:0
    }
}

.flash {
    -webkit-animation-name:flash;
    animation-name:flash
}

@-webkit-keyframes pulse {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse
}

@-webkit-keyframes rubberBand {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
}

.rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name:shake;
    animation-name:shake
}

@-webkit-keyframes headShake {
    0%,50% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

    6.5% {
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
}

@keyframes headShake {
    0%,50% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }

    6.5% {
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
}

.headShake {
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }

    40% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }

    60% {
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }

    80% {
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }

    to {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }

    40% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }

    60% {
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }

    80% {
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }

    to {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}

.swing {
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}

@-webkit-keyframes tada {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    10%,20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

@keyframes tada {
    0%,to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }

    10%,20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

.tada {
    -webkit-animation-name:tada;
    animation-name:tada
}

@-webkit-keyframes wobble {
    0%,to {
        -webkit-transform:none;
        transform:none
    }

    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        -webkit-transform:none;
        transform:none
    }

    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform:none;
        transform:none
    }

    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform:none;
        transform:none
    }

    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

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

    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }

    to {
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

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

    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }

    to {
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }

    75% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }

    75% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }

    75% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }

    75% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }

    90% {
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }

    90% {
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }

    to {
        -webkit-transform:none;
        transform:none
    }
}

.bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }

    90% {
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }

    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }

    90% {
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }

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

@keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }

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

.bounceOut {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }

    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }

    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }

    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }

    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

.fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform:perspective(400px) rotateY(-1turn);
        transform:perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }

    40% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform:perspective(400px) rotateY(-1turn);
        transform:perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }

    40% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }

    0%,40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }

    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }

    0%,40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }

    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}

.flipInY,.flipOutX {
    -webkit-backface-visibility:visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }

    0%,40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    40% {
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }

    80% {
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }

    0%,40% {
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }

    40% {
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }

    80% {
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}

.flipInY {
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }

    to {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }

    to {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}

.flipOutX {
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    backface-visibility:visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }

    to {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }

    30% {
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }

    to {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}

.flipOutY {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }

    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }

    60%,80% {
        opacity:1
    }

    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }

    to {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }

    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }

    60%,80% {
        opacity:1
    }

    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }

    to {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity:1
    }

    to {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity:1
    }

    to {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}

.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:center
    }

    to {
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:center
    }

    to {
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin:right bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin:right bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}

.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin:center;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:center
    }

    to {
        transform-origin:center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin:center;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:center
    }

    to {
        transform-origin:center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}

.rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin:left bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin:left bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin:right bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin:right bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}

.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin:left bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin:left bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:left bottom
    }

    to {
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin:right bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin:right bottom;
        opacity:1
    }

    0%,to {
        -webkit-transform-origin:right bottom
    }

    to {
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}

.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin:top left
    }

    0%,20%,60% {
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }

    20%,60% {
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        transform-origin:top left
    }

    40%,80% {
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }

    to {
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}

@keyframes hinge {
    0% {
        transform-origin:top left
    }

    0%,20%,60% {
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }

    20%,60% {
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        transform-origin:top left
    }

    40%,80% {
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }

    to {
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}

.hinge {
    -webkit-animation-name:hinge;
    animation-name:hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

.rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity:1
    }

    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}

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

    50% {
        opacity:1
    }
}

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

    50% {
        opacity:1
    }
}

.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity:1
    }

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

    50%,to {
        opacity:0
    }
}

@keyframes zoomOut {
    0% {
        opacity:1
    }

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

    50%,to {
        opacity:0
    }
}

.zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}

.zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}

.zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }

    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }

    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}

.countdown-nested-boxed {
    display:flex;
    align-items:center;
    margin:24px;
    padding:21px
}

.YC-counnterup-boxed {
    display:flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    margin:0 auto
}

.items-boxed {
    min-width:83px
}

.YC-counnterup-boxed p {
    display:flex;
    justify-content:center;
    align-items:center
}

.itemscountdown {
    background:#eaebff;
    margin:6px;
    padding:10px;
    border-radius:10px;
    color:#000
}

.itemscountdown>strong {
    color:#000;
    font-weight:400;
    font-size:29px
}

.-YC-button-counnterup a,.loadmore-comment:hover {
    background:var(--uicolor);
    color:#fff
}

.itemscountdown strong {
    margin-top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1
}

.YCcounnterup--boxed .items-boxed {
    display:flex;
    flex-direction:column;
    margin:20px auto;
    align-items:center;
    justify-content:center
}

.YCcounnterup-title {
    margin-bottom:0;
    font-weight:400;
    font-size:34px;
    color:var(--primary-text)
}

.YC-counnterup-boxed p {
    font-size:18px
}

.YCcounnterup--boxed {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    max-width:max-content;
    margin:40px auto
}

.-YC-button-counnterup {
    display:flex;
    align-items:center;
    margin-top:40px
}

.-YC-button-counnterup a,ol.BreadcrumbsFilters>li>span {
    font-weight:400;
    align-content:center;
    align-items:center;
    display:flex
}

.-YC-button-counnterup a {
    padding:12px 30px;
    border-radius:var(--miniradius);
    font-size:18px;
    margin-left:10px;
    border:1px solid var(--uicolor);
    flex-wrap:wrap
}

.-YC-button-counnterup a:hover {
    background:0 0;
    color:var(--uicolor)
}

.-YC-button-counnterup a.button_url_2 {
    background:var(--primary-text)
}

.-YC-button-counnterup a.button_url_2:hover {
    background:0 0;
    border-color:var(--primary-text);
    color:var(--primary-text)
}

.-YC-button-counnterup a i {
    margin-inline-start:6px}

.YC-subscription-alert {
    display:flex;
    background:#d72c2c14;
    max-width:790px;
    padding:14px;
    border-radius:var(--miniradius)
}

.YC-subscription-alert p {
    font-size:15px;
    color:var(--secondarytext);
    font-weight:400
}

.YC-subscription-alert i {
    font-size:27px;
    margin-inline-end:13px;color:var(--uicolor);
    font-weight:500
}

ol.BreadcrumbsFilters>li>span {
    font-size:19px;
    padding:0;
    color:var(--secondarytext);
    text-transform:uppercase
}


.loadmore-comment {
    display:flex;
    font-size:17px;
    padding:17px 20px;
    border:2px solid var(--uicolor);
    border-radius:var(--largeradius);
    color:var(--uicolor);
    font-weight:500;
    align-items:center;
    width:max-content;
    margin-top:25px;
    margin-inline:auto;transition:.2s;
    cursor:pointer
}

.loadmore-comment i {
    margin-inline-start:9px}

.Final-app-image.Create_Canve_by {
    min-width:640px
}

.--Site--Menu>ul>li>ul.sub-menu>li:hover ul.sub-menu {
    opacity:1;
    visibility:visible
}

.-card--info-copon-filed {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.-card--info-copon-filed > input[type="text"] {
    flex:1;
}

.--card--info-copon_button {
    min-width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--uicolor2);
    border-radius:var(--miniradius);
    margin-inline-start:15px;
    color:#fff;
    cursor:pointer;
}

.--card--info-copon_button > i {
    font-weight:800;
}

.--card--info-copon-title {
    font-size:19px;
    margin-block-end:40px;
    display:block;
    }

.--card--info-copon-title i {
    margin-inline-end:10px;
}

.-Loading {
    opacity:.5;
    pointer-events:none;
}

error {
}

.--card--info-copon error {
    margin-top:8px;
    display:block;
    color:red;
    font-weight:200;
}

error {
}

.--card--info-copon error {
    margin-top:8px;
    display:block;
    color:red;
    font-weight:200;
}

del.-inner-price-boxed.-del {
    font-size:15px;
    opacity:0.7;
}

del.-inner-price-boxed.-del span.price-value {
    font-size:30px;
    color:#687485;
    font-weight:300;
}

error {
}

.--card--info-copon error {
    margin-top:8px;
    display:block;
    color:red;
    font-weight:200;
}

del.-inner-price-boxed.-del {
    font-size:15px;
    opacity:0.7;
}

del.-inner-price-boxed.-del span.price-value {
    font-size:30px;
    color:#687485;
    font-weight:300;
}

button.YC-BTN-Forms-Plugin.SubmitButton.activable.-odrer-button-cart-Step {
    margin-bottom:20px;
}

.-order-item-infos {
    display:flex;
    align-items:center;
    flex:1;
}

.-order-item-infos_item {
    display:flex;
    flex-direction:column-reverse;
    flex:1;
    padding:0px 7px;
}

.-order-item-infos_item strong {
    font-size:16px;
    margin-bottom:9px;
    font-weight:400;
}

.-order-item-infos_item span {
    font-size:14px;
    color:var(--secondarytext);
}

.-order-item-title {
    display:flex;
    align-items:center;
    margin-inline-end:50px; }

.-order-item-name {
    font-size:21px;
}

.-order-item-name h2 {
    margin-bottom:7px;
    font-size:18px;
}


.-single-product-orderitem-thumb {
    width:50px;
    border-radius:8px;
    overflow:hidden;
    margin-inline-end:10px;
}

.-order-item-infos_item_status {
    background:#ffe7e7;
    width:max-content;
    padding:4px 10px;
    border-radius:20px;
    color:red;
    font-weight:300;
    margin-bottom:10px;
}

.-order-item-infos_item_status.-active {
    background:#c5ffd8;
    color:#009688;
}

.-order-item-name-meta {
    font-size:15px;
    color:var(--secondarytext);
}

.-order-item-name-meta em {
    font-weight:200;
    margin:0px 5px;
}
a.-order-item-blogbox-link.-whatsapp {
    background:#009688;
}
.cursor {
    z-index:999999999999999999999999999999999;
    position:fixed;
    --el--w:40px;
    width:var(--el--w);
    height:var(--el--w);
    border:2px solid var(--uicolor);
    border-radius:50%;
    left:0;
    top:0;
    pointer-events:none;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-transition:0.15s;
    transition:180ms all ease;
    font-family:'FontAwesome';
    opacity:0.3;
}

.cursor.hover {
    opacity:0.2;
    --el--w:70px;
    background:var(--uicolor);
    transition:380ms all ease;
}

.cursor-follower {
  width:10px;
  height:10px;
  border-radius:100%;
  background:var(--uicolor);
  position:fixed;
  transform:translate(-50%, -50%);
  pointer-events:none;
  transition:width .3s, height .3s, opacity .3s;
  z-index:999999999999999999;
  /* mix-blend-mode:multiply; */
}

.cursorinnerhover {
  width:50px;
  height:50px;
  opacity:.5;    
}

.--SB-button--id {
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    margin:30px 0 0;
    gap:15px;
}

.--SB-button--id a {
    display:flex;
    padding:20px 30px;
    font-size:17px;
    font-weight:400;
    align-content:center;
    align-items:center;
    color:var(--textcolor);
    flex-wrap:wrap;
    position:relative;
    border-radius:var(--miniradius);
    overflow:hidden;
    --border-effect:1.5px;
    background:var(--uicolor);
}

.--SB-button--id a:hover {
    background:white;
}

.--SB-button--id a:hover > i {
    transform:rotate(-45deg) translate(-2px, 1px);
}

.--SB-button--id a > i {
    margin-inline-start:10px;
    font-size:19px;
    transition:180ms all ease;
}

.--SB-button--id a.button_url_2 {
    background:white;
}

.--SB-button--id a.button_url_2:hover {
    background:var(--uicolor);
}
.--SB-button--id .--buttonType-watshapp a.button_url_2 {
    --background-effect:linear-gradient(90deg, var(--whatsapp), var(--whatsapp), #18924b);
    font-family:var(--f-number);
    font-weight:600;
}

@keyframes borderRotate {
    100% {
        transform:rotate(1turn);
    }
}
.preloader {
    display:grid;
    place-items:center;
    height:100vh;
    background:var(--logo-bgcolor);
    position:fixed;
    inset:0;
    z-index:9999;
}
.preloader__img {
    width:150px;
    height:150px;
    animation:imageBeat 2s infinite ease;
    display:flex;
    justify-content:center;
    align-items:center;
}
@keyframes imageBeat {
    0% {
        transform:scale(1);
    }

    50% {
        transform:scale(0.7);
    }

    100% {
        transform:scale(1);
    }
}
.scroller-x[data-speed=slow] {
    --_animation-duration:120s;
    direction:ltr;
}
.scroller-x[data-direction=right] {
    --_animation-direction:reverse;
}
.scroller-x[data-direction=left] {
    --_animation-direction:forwards;
}
.scroller-x {
    overflow:hidden;
}
@keyframes scroll {
    to {
        transform:translate(calc(-50% - 0.5rem));
    }
}

.c--color {
    background:linear-gradient(90deg, #FFECB3 30%, #FFFDE7 70%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    vertical-align:baseline;
    margin:-1px 0;
    margin-inline:5px;
    display:inline;
     /* Ensure the background covers the entire element */
     /* Adjust the position as needed */
    padding-bottom:15px;
}

.-defult-widgets-title-stiky {
    position:relative;
    display:flex;
    align-items:flex-start;
    padding-inline-end:40px;
    border-top:1px solid var(--diver);
    padding-top:40px;
}

.-defult-widgets-title-stiky:before {
    content:'';
    position:absolute;
    width:1px;
    height:60px;
    left:0;
    background:var(--diver);
    top:0;
}

.-defult-widgets-title-stiky > .P-content {
    text-align:start;
    color:var(--secondarytext);
    font-weight:300;
    font-size:19px;
    line-height:1.7;
    position:sticky;
    top:90px;
    max-width:600px;
}

.start--wedget--title {
    max-width:650px;
    text-align:start;
    margin-inline-end:40px;
    position:sticky;
    top:90px;
    flex:1;
}


.-defult-widgets-title.--SB-button--id {
    display:flex;
    justify-content:flex-start;
}

.affro--save-icon .product-item-like-Button {
    position:absolute;
    top:-47px;
    left:calc(50% - 1px);
    transform:translateX(-50%);
    z-index:1;
    color:var(--primary-text);
    font-weight:400;
    width:var(--m-elw);
    height:var(--m-elw);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50% 50% 0 0;
    font-size:22px;
}
.affro--save-icon .product-item-like-Button.active > i {
    font-weight:800;
}
.product-item-rate-Button {
    display:flex;
    background:#ffffff12;
    padding:10px 20px;
    border-radius:var(--miniradius);
    padding-inline-start:15px;
    font-family:var(--f-number);
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:17px;
}

.product-item-rate-Button > i {
    margin-inline-start:6px;
    color:#ffa700;
}
.--contact--footer--box {
    display:block;
    border-radius:var(--largeradius);
    margin:0 0 30px 0;
}

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

.-YC-contact--forms-container-s1 {
    display:block;
    padding-inline-start:60px;
    padding-top:40px;
    border-inline-start:2px solid #e2e4e41a;
}

.-YC-contact--forms-title-s1 .--parent--welcome-title {
    margin-bottom:20px;
    display:flex;
    align-items:center;
    width:100%;
}
.title-cart-step-item {
    position:relative;
}

.-cart-context-single-bars div#card-element {
    display:flex;
}

.-cart-context-single-bars > div {
    width:100% !important;
}

.--popover--offer--items {
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    transform:translateY(-50%);
    right:0;
    border-radius:var(--largeradius);
    overflow:hidden;
}

.--prestyle--bottom {
    position:absolute;
    transform:scale(0.4);
    bottom:-30px;
    right:-50px;
    animation-name:bounceY--popover-v2;
    animation-delay:0s;
    animation-duration:6s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-fill-mode:both;
}
.--popover--offer--items > svg {
    width:100%;
    height:100%;
    z-index:1;
}
.--ribbon-context > span > em {
    font-style:normal;
    font-weight:400;
    font-size:42px;
    margin-inline-start:10px;
}

.--inner-popover-SVG {
    position:absolute;
    left:-120px;
    transform:scale(0.6);
    top:-40px;
    animation-name:bounceY--popover;
    animation-delay:0s;
    animation-duration:6s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-fill-mode:both;
}

.--inner-popover-SVG>svg {}

@keyframes bounceY--popover {
    0% {
        -webkit-transform:translate3d(0,0,0) scale(0.6);
        transform:translate3d(0,0,0) scale(0.6);
    }

    25% {
        -webkit-transform:translate3d(0,10px,0) scale(0.6);
        transform:translate3d(0,10px,0) scale(0.6);
    }

    50% {
        -webkit-transform:translate3d(0,0,0) scale(0.6);
        transform:translate3d(0,0,0) scale(0.6);
    }

    75% {
        -webkit-transform:translate3d(0,-10px,0) scale(0.6);
        transform:translate3d(0,-10px,0) scale(0.6);
    }

    100% {
        -webkit-transform:translate3d(0,0,0) scale(0.6);
        transform:translate3d(0,0,0) scale(0.6);
    }
}

@keyframes bounceY--popover-v2 {
    0% {
        -webkit-transform:translate3d(0,0,0) scale(0.4);
        transform:translate3d(0,0,0) scale(0.4);
    }

    25% {
        -webkit-transform:translate3d(0,10px,0) scale(0.4);
        transform:translate3d(0,10px,0) scale(0.4);
    }

    50% {
        -webkit-transform:translate3d(0,0,0) scale(0.4);
        transform:translate3d(0,0,0) scale(0.4);
    }

    75% {
        -webkit-transform:translate3d(0,-10px,0) scale(0.4);
        transform:translate3d(0,-10px,0) scale(0.4);
    }

    100% {
        -webkit-transform:translate3d(0,0,0) scale(0.4);
        transform:translate3d(0,0,0) scale(0.4);
    }
}


@keyframes bounceX-popover {
    0% {
        -webkit-transform:translate3d(0,0,0) rotateY(180deg);
        transform:translate3d(0,0,0) rotateY(180deg);
    }

    25% {
        -webkit-transform:translate3d(10px,0,0) rotateY(180deg);
        transform:translate3d(10px,0,0) rotateY(180deg);
    }

    50% {
        -webkit-transform:translate3d(0,0,0) rotateY(180deg);
        transform:translate3d(0,0,0) rotateY(180deg);
    }

    75% {
        -webkit-transform:translate3d(10px,0,0) rotateY(180deg);
        transform:translate3d(10px,0,0) rotateY(180deg);
    }

    100% {
        -webkit-transform:translate3d(0,0,0) rotateY(180deg);
        transform:translate3d(0,0,0) rotateY(180deg);
    }
}

@keyframes bounceIn-popover {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }

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

    20% {
        -webkit-transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);
        transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform:translate(-50%,-50%) scale3d(.9,.9,.9);
        transform:translate(-50%,-50%) scale3d(.9,.9,.9)
    }

    60% {
        opacity:1;
        -webkit-transform:translate(-50%,-50%) scale3d(1.03,1.03,1.03);
        transform:translate(-50%,-50%) scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform:translate(-50%,-50%) scale3d(.97,.97,.97);
        transform:translate(-50%,-50%) scale3d(.97,.97,.97)
    }

    to {
        opacity:1;
        -webkit-transform:translate(-50%,-50%) scaleX(1);
        transform:translate(-50%,-50%) scaleX(1)
    }
}
.search_header {
    display:flex;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    right:0;
    left:0;
    z-index:20000;
    align-items:flex-start;
}

.search_header .search_overlay {
    position:fixed;
    height:100%;
    width:100%;
    background:#000000d4;
    top:0;
    right:0;
    transform:translateY(-100%);
    transition:180ms all ease;
    visibility:hidden;
    opacity:0;
    transition-delay:0.1s;
    backdrop-filter:blur(7px);
}

.search_header.shows--in-searching .search_overlay {
    transform:translateY(0);
    visibility:visible;
    opacity:1;
}
.search_body {
    display:flex;
    overflow:hidden;
    width:100%;
    transform:translateY(-100%);
    transition:180ms all ease;
    visibility:hidden;
    opacity:0;
}

.search_header.shows--in-searching .search_body {transform:translateY(0);visibility:visible;opacity:1;}
.search_closse {
    --el-width:60px;
    width:var(--el-width);
    height:var(--el-width);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    font-size:28px;
    color:var(--uicolor);
    font-weight:400;
    cursor:pointer;
    transition:180ms;
    z-index:1;
}
.search_closse:hover {
    color:var(--negative);
}
.search_closse>i {
    font-weight:inherit 
}
.search_body>form {
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    padding-inline:40px;
    background:linear-gradient(180deg, var(--bgcolor), transparent);
    height:190px;
    z-index:1;
}
.search_body>form>label {
    display:none 
}
.search_body>form>input[type=search] {
    border:0;
    padding:20px 0;
    font-size:25px;
    box-shadow:0 0 0;
    border:0;
    font-weight:400;
    line-height:1.7;
    flex:1;
    background:transparent;
    color:var(--secondarytext);
    position:relative;
}
.search_body>form>input[type=search]::placeholder{
    font-weight:inherit;
    line-height:inherit;
    font-size:inherit;
    padding:inherit;
    opacity:0.6;
}
.search_body>form>input[type=search]:focus::placeholder {
    opacity:.3
}
.search_body>form>button {
    border:0;
    background:0 0;
    width:60px;
    height:60px;
    font-size:28px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    border-radius:50%;
    color:var(--secondarytext)
}

.search_body>form>button > i {
    font-weight:400;
}

.--input-holder {
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    color:transparent;
    font-size:25px;
    display:flex;
    align-items:center;
    z-index:-1;
}

.search_body>form>input[type=search]:focus + .--input-holder {
    opacity:0;
}
.--input-holder:after{
    content:'';
    width:2px;
    height:40px;
    background:var(--secondarytext);
    animation:1.5s linear infinite input-holder;
    margin-inline-start:10px;
}
@keyframes input-holder {
    0% {
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        opacity:0
    }
}

.--empty-attchment-area {
    opacity:0.3;
    text-align:center;
    display:flex;
    justify-content:center;
    margin:0 auto;
    padding:100px 0;
    max-width:700px;
    text-align:center;
    line-height:2;
    font-size:20px;
    color:var(--secondarytext);
}

.--remove-insert--post {
    width:100%;
}

.owl-nav {
    display:none;
}
.line-overlay {
    position:absolute;
    top:0%;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.line-overlay svg path {
    stroke:#353535;
}
.-widgets-counter-items-title {
    display:flex;
    margin:0 auto 70px;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
}
.-widgets-counter-items-title:empty {
    margin-bottom:0
}
.defult-widgets-h1 {
    font-size:35px;
    font-weight:400;
    line-height:1.7;
    text-align:start;
    color:var(--primary-text);
    white-space:break-spaces;
}

.defult-widgets-h4 {
    font-weight:400;
    font-size:22px;
    margin-bottom:40px;
    border-radius:var(--miniradius);
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex:1;
    width:100%;
    color:var(--secondarytext);
}

.--title--row--widgets {
    display:flex;
    padding-inline-end:40px;
    padding-top:40px;
    border-top:1px solid var(--diver);
    position:relative;
    flex:1;
    width:100%;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

.--title--row--widgets:before {
    content:'';
    position:absolute;
    width:1px;
    height:60px;
    left:0;
    background:var(--diver);
    top:0;
}

.--title--row--widgets .--SB-button--id {
    min-width:max-content;
    margin-top:0;
}

[customscroller]::-webkit-scrollbar {
    width:0px;
    height:4px
}

[customscroller]::-webkit-scrollbar-thumb {
    background:0 0;
    border-radius:23px
}

[customscroller]:hover::-webkit-scrollbar-thumb {
    background:var(--scroll-thumb)
}

[customscroller]::-webkit-scrollbar-track {
    background:0 0
}
postsscrollloader{
    position:relative;
    display:flex;
    padding:15px 25px;
    border-radius:var(--largeradius);
    font-size:20px;
    font-weight:500;
    align-content:center;
    align-items:center;
    margin-left:10px;
    border:1px solid var(--primary-text);
    flex-wrap:wrap
}
postsscrollloader i{
    margin-inline-end:10px;
    font-weight:300!important;
    font-size:19px
}
postsscrollloader:hover{
    background:var(--uicolor);
    color:#fff;
    animation:.7s ease-in-out both rotate624;
    transition:.3s cubic-bezier(.02,.01,.47,1);
    border-color:var(--uicolor);
}
.-DropChevrons-UL>ul>li:hover>a,.-RowSpan-category>ul>li.active>a{
    background:var(--primary-text);
    color:#fff
}
loadmore--inpuarea{
    display:flex;
    justify-content:center;
    width:max-content;
    margin-inline:auto;
    margin-top:30px
}
postsscrollloader{
    color:#fff;
    cursor:pointer
}
.-archivePage-Posts-Grid {
    margin-bottom: 70px;
}