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] {
    --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
}

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

*,verified {
    vertical-align: middle
}

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

.yourcolor--copyright {
    display: none;
}

:root {
    --uicolor: #e7cd1b;
    --uicolor2: #373629;
    --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;
    --miniradius: 13px;
    --margin-v2: 7px;
    --padding: 30px;
    --bg-gr: linear-gradient(-45deg,#f6f6ff,white)
}
body[mode=light] {
    --secondarytext: #64698E;
    --primary-text:#000;
    --logo-color: #1f1e87;
    --bgcolor: #ffffff;
    --diver: #e5eaef;
    --title-size: 20px;
    --intro-uicolor: #1f1e87;
    --offer-text-color: var(--primary-text);
    --top-separator-color: rebeccapurple;
    --bottom-separator-color: #fff;
    --alphabg: #0b0b0bcc;
    --overlay: #ffffff;
    --container-width: 1440px;
    --container-padding: 0 40px;
    --box-shadow-defult: 0 5px 35px -6px rgb(94 134 255 / 20%);
    --box-shadow-hover: #dbdce700 0px 0px 0px 1px, 0px 15px 32px -14px #09234012, 0px 4px 2px -3px #09234012;
    --border-color: #f8f5ff;
    --border-defult: 1px solid #e4dcf6;
    --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";
    --white: 0 0% 100%;
    --primary-90: 253 100% 94%;
    --outline: 264 4% 48%;
    --negative: #f0284a;
    --hover-overlay: #06063205;
    --focused-shadow: 0px 1px 80px var(--shadow-1), 0px 9px 10px -10px var(--shadow-2);
    --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;
    --positive: #31a24c;
    --negative: #ef4685;
    --title-size: 20px;
    --placeholder: #8a8d91;
    --disable-text: #bcc0c4;
    --disable-button: #e4e6eb;
    --positive: #31a24c;
    --border-defult-hover: var(--border-color);
}
body[mode=dark] {
    --textcolor: #041c36;
    --primary-text: #ffffff;
    --secondarytext: #c3c6c6;
    --logo-color: #1f1e87;
    --bgcolor: #000000;
    --logo-bgcolor: #000000;
    --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: #ffffff1f;
    --overlay: #141414;
    --container-width: 1440px;
    --container-padding: 0 40px;
    --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";
    --textcolor: #ffffff;
    --primary-text: #ffffff;
    --secondarytext: #e9e8f3;
    --logo-color: #ffffff;
    --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);
    overflow-x: hidden;
    direction: ltr;
}

body,html {
    /* height: 100%; */
}

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: block;
    padding: 135px 0 0;
    min-height: 100vh;
}

.fixedintro root {
    padding-top: 0
}

root.mobile-page .animation-hidden {
    opacity: 1;
    visibility: visible
}

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: fixed;
    top: 0;
    z-index: 101;
    justify-content: space-between;
    right: 0;
    left: 0;
    flex-wrap: wrap;
    --header-padding: 10px 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: 20px 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: rgba(0,0,0,.5);
    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;
}

.--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(--primary-text);
    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 43px 20px 20px;
}

.--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: var(--bgcolor);
    overflow: hidden;
}

.--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 {
    margin-left: 0;
    max-width: 260px
}

.-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% + 20px);
    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: #000
}

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

body[mode=light] .--Site--Menu>ul>li>ul.sub-menu>li>a {
    /* color: #fff; */
}

.--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%);
    right: 17px;
    font-size: 13px;
    color: var(--primary-text);
}

.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(--offer-text-color);
    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
}

body[mode=light] .-YC-WidgetType-kick__sections {
    background: var(--bgcolor);
}

body[mode=light]  .-YourColor-SingleWidget-Section.-YC-WidgetType-widght_grid {
    background: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-team .-defult-widgets-title.--SB-button--id {
    justify-content: center;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-team .-defult-widgets-title-style-1 .defult-widgets-h1 {
    text-align: center;
    align-items: center;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-special_text__image:after {content: "";}

.-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: var(--border-defult);
    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: var(--border-defult);
    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-end: 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);
}

body[mode=light] .-fix-forms-field-title>h3 {
    color: var(--primary-text);
}

.-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: #ffffff;
    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(11px);
}

.-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: black;
}

.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(--uicolor);
}

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

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

.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
}

.AjaxSearchCenter:before {
    content: '\f002';
    position: relative;
    display: block;
    font-size: 25px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    margin-left: 4px
}
.GotoTop:before {
    content: "";
    position: absolute;
    left: var(--extra-shape, -6px);
    top: var(--extra-shape, -6px);
    right: var(--extra-shape, -6px);
    bottom: var(--extra-shape, -6px);
    background-color: #fff0;
    border-radius: inherit;
    z-index: 1;
    border: 2px dashed var(--uicolor);
    transition: 180ms;
}
.GotoTop {
    z-index: 3;
    background: var(--uicolor);
    --elwh: 48px;
    width: var(--elwh);
    height: var(--elwh);
    left: 40px;
    color: #000;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    transition: 180ms;
    border: 2px solid var(--uicolor);
    transform: scale(0);
    display: flex;
    align-items: center;
    border-radius: 50%;
}



.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: scale(1);
}

.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: 8px 0;
    box-shadow: 0 10px 25px -20px var(--top-bat-shadow);
    border-bottom: 1px solid var(--top-header-border);
}

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

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

.-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
}
.YC-Intro-Container-boxed {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    display: flex;
    justify-content: space-between;
}
.-YourColor-IntroBoxInfo {
    margin-bottom: 50px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: self-start;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    position:relative;
    max-width: 680px;
}
.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: 60px 0;
}

.owl-item {
    vertical-align: top
}

title--tooltip {
    position: fixed;
    background: var(--bgcolor);
    padding: 5px 10px;
    border-radius: var(--miniradius);
    color: var(--primary-text);
    font-size: 15px;
    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: 35px;
    position: relative;
    width: max-content;
}

.-footer-widgets-title:before {
    content: "";
    position: absolute;
    width: 100%;
    width: 100%;
    border-bottom: 2px solid var(--uicolor);
    bottom: -10px;
    right: 0;
    left: 0;
}

.-footer-widgets-title > h3 {
    font-weight: 600;
    font-size: 20px;
}

body[mode=light] .-footer-widgets-title > h3 {
    color: var(--primary-text);
}

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);
    transform: rotate(180deg);
}

.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
}

body[mode=light] .YC-BreadCrumb>ol>li>a {
    color: white;
}
body[mode=light] .YC-post-context-boxed .YC-BreadCrumb>ol>li>a {
    color: #000;
}

body[mode=light] ol.BreadcrumbsFilters>li+li:before {
    color: white;
}

body[mode=light] .-secodary-single-post-bar ol.BreadcrumbsFilters>li+li:before {
    color: #000;
}
body[mode=light] .YC-post-context-boxed ol.BreadcrumbsFilters>li+li:before {
    color: #000;
}
.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;
    backdrop-filter: blur(11px);
}

.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: 520px;
}

.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;
}

.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-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;
}

.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 {
    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;
    overflow: hidden;
}

.boxed-defult-widgets-title-style .-defult-widgets-title-style-1 {
    margin-bottom: 10px;
}

.defult-widgets-h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.6;
    text-align: start;
    color: var(--primary-text);
    white-space: break-spaces;
}

.defult-widgets-h4 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 15px;
    color: var(--uicolor);
    padding: 13px;
    border-radius: var(--miniradius);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.defult-widgets-h4:before {
    content: '';
    background: var(--secondarytext);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0.2;
}
.-defult-widgets-title-style-1 .P-content {
    max-width: 500px;
    text-align: left;
    margin: 10px 0 0;
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 17px;
    line-height: 1.7
}

body[mode=light] .-defult-widgets-title-style-1 .P-content {
    --secondarytext: #feffff;
}

.-Post-box-single-item {
    display: flex;
    position: relative;
    flex-direction: column;
    margin: 0 20px;
    max-width: 430px;
    flex: 1;
    transition: 250ms;
}

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

.-Post-box-single-item {
    min-width: 310px;
    margin-bottom: 40px;
    height: 476px;
    margin: 0;
}

.-Posts-RelatedBoxes .-Post-box-single-item {
    max-width: 322px;
}

.-Post-box-single-item:hover .-inner-widgets-blog-posts-center {
    transform: perspective(2000px) rotateY(-180deg);
}

.-Post-box-single-item .-Post-box-item-Info {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.-Post-box-item-Info:before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #0b0505 60%, transparent);
    width: 100%;
    display: flex;
    align-items: end;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    inset: 0;
}

.-Post-box-single-item .-Post-box-item-Thumb {
    height: 100%;
}

.-Post-box-single-item .-Post-box-item-Thumb img {
    height: 100%;
    object-fit: cover;
}

.-Post-sidebar-box-single-item:hover, .-Product-Post-Box:hover {
    background: var(--bgcolor);
}

.-Post-box-single-item:hover .-Post-box-single-item {
    transform: perspective(2000px) rotateY(-180deg);
}

.-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;
}

.-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>h2 {
    display: block;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 10px;
    font-weight: 400;
    z-index: 1;
}

body[mode=light] .-Post-box-item-Info>h2 a {
    color: white;
}

.-sidebar-related-title-posts-items .-Post-box-item-Info>h2 {
    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;
    padding: 80px 0 0px;
    --top-separator-color: var(--uicolor);
    position: relative;
    background: var(--bgcolor);
    /* --secondarytext: #feffff; */
}

body[mode=light]  footer {
    padding-top: 50px;
    margin-top: 52px;
    background: white;
}

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;
    padding-top: 60px;
    position: relative;
    /* padding-inline-start: 30px; */
}

footer-body:before {content: '';position: absolute;width: calc(100% - 0px);background: linear-gradient(270deg, #ffffff14, #ffffff03);height: 5px;top: 0;left: 50%;transform: translateX(-50%);}

footer-body:after {
    content: '';
    position: absolute;
    height: calc(100% - 0px);
    background: linear-gradient(178deg, #ffffff14, transparent);
    width: 5px;
    top: 0px;
    right: 0;
}

.-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;
    margin-inline-start: 0;
}



.-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;
}

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

.-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;
}

.-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: 100%;
    height: 1px;
    background: #fce8e817;
    border-radius: 13px;
    position: absolute;
    /* transform: rotate(19deg) translateY(-50%); */
    bottom: -6px;
    right: 0;
}

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

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

body[mode=light] .-company-contact-minibox>div>a>i {
    font-size: 23px;
}

.-company-contact-minibox>div>a>span {
    flex: 1;
    font-family: var(--ffamily);
    color: var(--secondarytext);
}

body[mode=light] .-company-contact-minibox>div>a>span {
    color: var(--primary-text);
}

.-company-contact-minibox>div>a>span:hover {
    color: var(--primary-text);
}

.-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: 300;
    padding: 7px 0;
    transition: 180ms;
    position: relative;
    font-size: 18px;
    flex-wrap: wrap
}

body[mode=light] .-footer-widgets-links>li>a {
    color: var(--primary-text);
}

.-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: 17px;
    line-height: 1.9;
    margin-bottom: 15px;
    max-width: 340px;
    font-weight: 300;
}

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

.-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: 80px;
    max-width: 80px;
    margin-inline-end:15px;
    position: relative;
    border-radius: var(--miniradius);
    overflow: hidden;
    height: 80px;
}

.-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: 400;
}

.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;
    align-items: center;
}

.-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: #ffff;
    cursor: pointer;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 300;
    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 -15px; */
    flex-wrap: wrap;
    min-height: 500px;
    justify-content: center;
    align-items: flex-start;
    gap: 22px;
}

.-Product-Post-Box {
    position: relative;
    --box-width: 438px;
    flex: 1;
    min-width: var(--box-width);
    max-width: var(--box-width);
    display: flex;
    flex-direction: column;
    height: 340px;
}

.-archivePage-Posts-Grid .-Product-Post-Box {
    margin: 0;
    /* --box-width: 253px; */
}

.-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;
    --sh--color: #00000005;
    box-shadow: #dbdce700 0 0 0 1px,0 15px 26px -14px #09234012,0 4px 2px -3px #09234012;
    height: 100%;
    position: relative;
    border: 1px solid rgba(72,69,78,.5);
    border-bottom: 0;
}

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

.-Product-rowpost-Info {
    display: flex;
    flex-direction: column;
    padding: 40px 20px 30px;
    flex: 1;
    position: relative;
    background: linear-gradient(360deg, #000000d9, transparent);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.-Product-rowpost-Info a {
    font-size: 21px;
    font-weight: 800;
}

body[mode=light]  .-Product-rowpost-Info a {
    color: #fff;
}

.-Product-Post-Box:hover .-Product-rowpost-Info {
}

.affro--save-icon {
    position: relative;
    font-size: 25px;
    --m-elw: 64px;
}
.--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;
    flex-direction: column;
}

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

.-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: #080a0b;
}

.-larger-product-poster>img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}

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

.-productBox-rate-bar-average>.stars-avg {
    display: block;
    font-size: 15px;
    position: relative;
    color: #563d3d;
    margin-inline-start: 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: 6px;
    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:hover {
    color: var(--primary-text);
    border-color: var(--primary-text)
}

.likes--and--addtocard>.product-item-info-ux-button {
    border-color: #c3c6c600;
    color: #fff;
}

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

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

.-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.active:hover {
    background: 0 0;
    color: var(--positive);
    border-color: var(--positive)
}

.likes--and--addtocard>.product-item-like-Button.active {
    border-color: var(--negative);
    background: var(--negative);
    color: #fff
}

.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;
    color: #000;
    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;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 23px;
}

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

.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;
    /* backdrop-filter: blur(30px); */
    /* background: #12151700; */
    position: relative;
    z-index: 1;
}

.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(--bgcolor);
    max-width: var(--width-heads);
    margin-top: 20px;
}

body[mode=dark] .container-pages-head>h1 {
    color: var(--primary-text);
}

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

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

body[mode=light]  .OnboxedElem {
    color: white;
}

body[mode=light] .OnboxedElem a {
    color: var(--uicolor);
}

.-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: 140px 0 60px;
    margin-bottom: 50px;
    position: relative;
}

.container-pages-top-info:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, black, #02031a00);
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.container-pages-top-info:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--bg-page);
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    pointer-events: none;
}

.-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: #fff;
    box-shadow: 0 2px 3px #1f1e8705,0 8px 35px #4847ed0f;
    border-radius: var(--miniradius);
    padding: 10px;
    max-width: 400px;
    z-index: 119999999
}

.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;
    min-height: 300px
}

.-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;
}

.-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: 140px;
    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-bold)
}

.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: 35px 45px;
    width: 100%;
    background: linear-gradient(-90deg, #e2e4e41a, transparent);
    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
}

.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: #fff;
    box-shadow: var(--PopoverShadow);
    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: 450px;
    flex-direction: column;
    min-height: 420px
}

.-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: #fbfbfb;
    padding: 20px;
    border-radius: var(--miniradius)
}

.-notification-ul-list>ul>li>a.is_not__seen {
    background: #e8f5e9;
    color: #085c0b
}

.-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: 16px;
    font-weight: 400;
    line-height: 1.6;
    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: #fff;
    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: #fff;
    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 10px;
    flex: 1;
    min-width: 320px;
    transition: 80ms;
    align-items: center;
    background: #fff;
    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: 0 -15px
}

.-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: 400;
    line-height: 1.5;
    margin-top: -14px;
    margin-bottom: 35px;
    font-size: 16px;
}

.-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(--primary-text);
    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;
    margin-inline-end:20px}

.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 {
    width: 100%;
    object-fit: contain
}

.-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;
    min-width: 250px;
    margin: 30px 0;
    border: 1px solid #ffe5e5;
    padding: 10px;
    max-width: 360px;
    font-weight: 500;
    border-radius: 11px;
}

.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
}

body[mode=light] a.logo_dark {
    display: none;
}

.-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 {
    opacity:1;
    visibility: visible
}

.-DropChevrons-UL {
    justify-content: center;
    position: relative;
    max-width: max-content;
    margin: 0 auto 20px;
}

.-DropChevrons-UL:before,.-DropChevrons-UL:after {
}

.-DropChevrons-UL ul {
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
    background: #101415;
    border-radius: var(--miniradius);
    padding: 10px;
    display: flex;
    position: relative;
    gap: 10px;
}

body[mode=light]  .-DropChevrons-UL ul {
    background: #feffff;
    box-shadow: 0px 2px 5px #00000033;
}

.-DropChevrons-UL ul:before, .-DropChevrons-UL ul:after {
    content: '';
    position: absolute;
    width: 317px;
    height: 31px;
    border-top: 1px solid var(--diver);
    --w-margin: 20px;
    --border-size: 11px;
    top: calc(50% + 15px);
    transform: translateY(-50%);
    z-index: -1;
}

.-DropChevrons-UL ul:before {
    right: calc(97%  + var(--w-margin));
    border-radius: var(--border-size) 0 0 0;
    border-inline-end: 1px solid var(--diver);
}

.-DropChevrons-UL ul:after {
    left: calc(97%  + var(--w-margin));
    border-radius: 0 var(--border-size) 0 0;    border-var(
    --border-size) 0 0 CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    border-inline-start: 1px solid var(--diver);
}

.-DropChevrons-UL ul li a {
    font-size: 18px;
    background: var(--border-defult-hover);
    border-radius: var(--miniradius);
    overflow: hidden;
    font-weight: 400;
}

body[mode=light] .-DropChevrons-UL>ul>li>a:hover {
    color: var(--primary-text);
}

.-DropChevrons-UL ul li {
    position: relative;
    border-radius: var(--miniradius);
    overflow: hidden
}

.-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)
}

body[mode=light]  .-DropChevrons-UL ul li.-Products-Filter-LI.active a {
    color: var(--primary-text);
}

.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: 700px;
    width: var(--el-w-h);
    top: 50%;
    left: 50%;
    border-radius: var(--largeradius);
    justify-content: center;
    height: var(--el-w-h);
    animation: 1s ease 0s 1 normal none running bounceIn-popover;
}

.order-services--closse {
    left: 90px;
    top: 90px;
    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: 9999;
}

.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-inline-start: 70px;
    flex: 1;
    align-items: flex-start;
    z-index: 1;
    padding-inline-end: 240px;
    padding-top: 30px;
}

.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 {
    font-size: 20px;
    width: 50px;
    height: 2px;
    background: #ffffff8f;
    margin-inline-end: 10px;
}

.order-services--info-context>p {
    color: var(--secondarytext);
    font-size: 22px;
    line-height: 1.8;
    font-weight: 300;
}

.order-services--info-context>h2 {
    font-size: 36px;
    color: var(--primary-text);
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.7;
    text-align: right
}

.order-services--info-context .popup-boxnumber {
    display: flex;
    margin-top: 40px;
    width: 100%;
    justify-content: flex-start;
}

.--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;
    /* flex-direction: column-reverse; */
}

.Switch-LoginButton {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-inline-end: 10px;
    color: var(--secondarytext-bold);
    display: flex;
    flex: 1;
}

.-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: #ffffff;
    display: block;
    margin-inline-start: 4px;
}

body.-topBar-open header.hidemenu {
    transform: translateY(-160px)
}

body.-topBar-open:not(.before-start) header {
    /* transform: translateY(-54px); */
}

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
}

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

.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
}

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

.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: 4px;
    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 {
    font-size: 18px;
}


.-single-product-orderitem-thumb {
    width: 50px;
    border-radius: 8px;
    overflow: hidden;
    margin-inline-end: 8px;
}

.-order-item-infos_item_status {
    background: #ffe7e7;
    width: max-content;
    padding: 4px 10px;
    border-radius: 20px;
    color: red;
    font-weight: 300;
    margin-bottom: 4px;
}

.-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(--primary-text);
    flex-wrap: wrap;
    position: relative;
    border-radius: var(--miniradius);
    overflow: hidden;
    --border-effect: 1.5px;
    --background-effect: var(--uicolor);
    /* background: var(--uicolor); */
    color: #000;
    gap: 10px;
}

.--SB-button--id a > i {
    margin-inline-start: 10px;
    font-size: 19px;
}

.--SB-button--id a:hover::before {
    background-position: right;
    transition: all .4s ease-in-out;
}

.--SB-button--id a.button_url_2:hover::before {
    background-position: bottom left;
    --border-effect: 2px;
}

.--SB-button--id a.button_url_2 {
    --background-effect: linear-gradient(360deg, #212324, #323536, #424546);
    color: #fff;
}

.--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;
}

.--SB-button--id a:not(.button_url_2 ):after {
    content: "";
}

.--SB-button--id a.button_url_2:after {
    content: "";
    position: absolute;
    right: -50%;
    top: -50%;
    width: 190%;
    height: 190%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: radial-gradient(circle, rgba(184, 228, 253, .911) 0, rgba(252, 70, 107, 0) 71%), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
    animation: borderRotate 5s linear infinite;
    z-index: -2;
    pointer-events: none;
}
@keyframes borderRotate {
    100% {
        transform: rotate(1turn);
    }
}
.--SB-button--id a:not(.button_url_2 ):before {
}

.--SB-button--id a:before {
    content: '';
    position: absolute;
    width: calc(100% - var(--border-effect)*2);
    height: calc(100% - var(--border-effect)*2);
    background: var(--background-effect);
    border-radius: inherit;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    background-size: 200%;
    transition: all .4s ease-in-out;
    background-position: left;
}


.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 {
    display: inline;
     /* Ensure the background covers the entire element */
     /* Adjust the position as needed */
    padding-bottom: 15px;
    color: var(--secondarytext);
}

.-defult-widgets-title-stiky {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.-defult-widgets-title-stiky > .P-content {
    text-align: start;
    color: var(--secondarytext);
    font-weight: 500;
    font-size: 19px;
    line-height: 1.7;
    position: sticky;
    top: 90px;
    max-width: 600px;
}

.start--wedget--title {
    max-width: 740px;
    text-align: start;
    margin-inline-end: 40px;
    position: sticky;
    top: 90px;
    flex: 1;
}

.-YC-WidgetType-kick__sections .defult-widgets-h1 {
    text-align: center;
}

body[mode=light] .-YC-WidgetType-kick__sections .defult-widgets-h1 {
    color: var(--primary-text);
}

.-defult-widgets-title.--SB-button--id {
    display: flex;
    justify-content: flex-start;
}

.-widgets-blog-posts-container .-defult-widgets-title.--SB-button--id {
    margin-inline: auto;
    justify-content: center;
}

.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 {
    color: var(--negative);
    text-shadow: 0 0 20px var(--negative);
}

.affro--save-icon .product-item-like-Button.active > i {
    font-weight: 800;
}

.affro--save-icon .product-item-like-Button.active + .--Fav--icon--box {}

.-Product-Post-Box:hover .--Fav--icon--box {
    /* background: var(--uicolor); */
}

.product-item-rate-Button {
    display: flex;
    background: #ffffff12;
    padding: 7px 10px;
    border-radius: var(--miniradius);
    padding-inline-start: 15px;
    font-family: var(--f-number);
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.product-item-rate-Button > i {
    margin-inline-start: 6px;
    color: #ffa700;
}

.--footer--intro {
    display: block;
    padding: 70px;
    position: relative;
    overflow: hidden;
    min-height: 560px;
    background: #000000;
    box-shadow: inset 0px 230px 60px -190px #ffffff30;
    margin-bottom: 0;
    padding-bottom: 40px;
}

.footer-shape-top {
    position: absolute;
    top: -1px;
    width: 100%;
    fill: black;
    right: 0;
    transform: rotate(180deg);
    z-index: 1;
    direction: ltr;
}

.footer-shape-top > svg {
    width: calc(120% + 1.3px);
    height: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    position: relative;
}

.footer-shape-animation {
    height: 100vw;
    position: absolute;
    width: 100vw;
    left: 50%;
    top: -100%;
    mix-blend-mode: hard-light;
    z-index: 0;
    --glow-blur-value: 150px;
    transform: translate(-50%,-50%);
}

.footer-shape-animation > svg {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: blur(var(--glow-blur-value));
    isolation: isolate;
    pointer-events: none;
    transform: perspective(var(--e-transform-perspective, 0)) rotateZ(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate3d(var(--e-transform-translateX, 0), var(--e-transform-translateY, 0), 0) scaleX(calc(var(--e-transform-flipX, 1)* var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1)* var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
}

.--footer-intro-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 700px;
    font-size: 17px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    position: relative;
}

.--footer--title-H2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 15px;
    width: 100%;
    color: var(--primary-text);
}

.--footer--title-H4 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--primary-text);
    padding: 13px;
    border-radius: var(
    --miniradius);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

[mode=light] .--footer--title-H4 {
    /* color: white; */
}

.--footer--title-H4:before,.--footer--title-H4:after {
    content: '';
    background: currentColor;
    position: absolute;
    width: 90px;
    height: 4px;
    border-radius: inherit;
    opacity: 0.2;
    --mg: 15px;
}

.--footer--title-H4:before {
    left: calc(100% + var(--mg) );
}

.--footer--title-H4:after {
    right: calc(100% + var(--mg) );
}

.--footer--content-P {
    line-height: 1.8;
    font-size: 18px;
    max-width: calc(100% - 100px);
}
[mode=light] .--footer--content-P {
  color: var(--secondarytext);
}

.--contact--footer--box {
    min-width: 190px;
    display: block;
    position: relative;
    max-width: 280px;
    height: 100%;
}

.img-intro-fluid {
    max-width: 100%;
    height: auto;
}
.breadcrumb-shape {
    position: absolute;
    z-index: -1;
}
.breadcrumb-shape-top {
    top: 0;
    right: 0;
    left: 0;
}
.breadcrumb-shape-left {
    top: 0;
    left: 0;
}
.breadcrumb-shape-right {
    right: 0;
    top: 0;
}
.breadcrumb-shape-line-left {
    top: 0;
    left: 0;
    opacity: .05;
}
.breadcrumb-shape-line-right {
    top: 0;
    right: 0;
    opacity: .05;
}

.-YC-contact--forms-container-s1 {
    display: block;
    padding-inline-start: 60px;
    padding-top: 40px;
    border-inline-start: 2px solid #e2e4e41a;
}

body[mode=light] .-YC-contact--forms-container-s1 {
    border-color: #f1f5ff;
}

.-YC-contact--forms-title-s1 .--parent--welcome-title {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    width: max-content;
    flex-direction: column-reverse;
}
.single-welcome--line-dash {
    width: 90px;
    border-bottom: 2px solid var(--secondarytext);
    width: 100%;
    border-bottom: 2px solid var(--uicolor);
    margin-top: 10px;
}

.kb-container {
}

.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: rotateY(180deg) translateY(-50%);
}

.--second--bg--st.--popover--offer--items {
    right: 0;
}

.--first--bg--st.--popover--offer--items {
    right: 0px;
}

.--popover--offer--items.--x-first--bg--st {
    right: -20px;
    top: calc(50% + 15px);
    width: calc(100% + 5px);
    transform: rotateY(180deg) translateY(-50%) rotate(-2deg) skew(0deg, 3deg);
}

.--popover--offer--items > svg {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.----popover--ribbon {
    position: absolute;
    z-index: 1;
    top: -65px;
    right: -60px;
    transform: scale(0.85);
}

.----popover--ribbon > svg {}

.----popover--ribbon > svg {
    transform: rotateY(180deg);
    animation-name: bounceX-popover;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    --el-w-h: 220px;
    width: calc( var(--el-w-h) + 62px);
    height: var(--el-w-h);
}

.--ribbon-context {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 51px;
    transform: rotate(25deg);
    right: 55px;
}

.--ribbon-context > strong {
    font-size: 29px;
    font-weight: 400;
    color: #e3cefe;
}

.--ribbon-context > span {
    font-size: 60px;
    font-family: var(--f-number);
    font-weight: 700;
    direction: ltr;
    display: flex;
    align-items: center;
}

.--ribbon-context > span > em {
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    margin-inline-start: 10px;
}

.--inner-popover-SVG {
    position: absolute;
    left: 2px;
    transform: rotateY(180deg);
    top: 220px;
    animation-name: bounceY--popover;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

@keyframes bounceY--popover {
    0% {
        -webkit-transform: translate3d(0,0,0) rotateY(180deg);
        transform: translate3d(0,0,0) rotateY(180deg);
    }

    25% {
        -webkit-transform: translate3d(0,10px,0) rotateY(180deg);
        transform: translate3d(0,10px,0) rotateY(180deg);
    }

    50% {
        -webkit-transform: translate3d(0,0,0) rotateY(180deg);
        transform: translate3d(0,0,0) rotateY(180deg);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) rotateY(180deg);
        transform: translate3d(0,-10px,0) rotateY(180deg);
    }

    100% {
        -webkit-transform: translate3d(0,0,0) rotateY(180deg);
        transform: translate3d(0,0,0) rotateY(180deg);
    }
}

@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_header.shows--in-searching .search_body {
    transform: translate(0%, 100%);
    visibility: visible;
    opacity: 1;
}
.search_body {
    display: flex;
    overflow: hidden;
    width: 100%;
    transition: 180ms all ease;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -100%);
    visibility: visible;
    opacity: 1;
    max-width: 1101px;
    margin-inline: auto;
}
.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 > 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%;
}postsscrollloader {
    font-size: 20px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    color: white;
    transition: all 150ms ease-in-out;
    border-radius: var(--largeradius);
    background: var(--uicolor);
    cursor: pointer;
}

postsscrollloader.isloader svg {
    display: block;
}

postsscrollloader:hover {
    background: var(--uicolor2);
    color: white;
    animation: .7s ease-in-out both rotate624;
    transition: .3s cubic-bezier(.02, .01, .47, 1)
}

loadmore--inpuarea {
    margin: auto;
    display: flex;
    justify-content: center;
    width: max-content;
    margin-inline: auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

.hero-three {
      width: 100%;
      height: 100vh;
      position: absolute;
      z-index: 1;
      opacity: 0.3;
      inset: 0;
    }
    canvas {
      display: block;
    }

.-Post-box-item-sldier {
    display: flex;
    transform: perspective(2000px) rotateY(180deg);
    transition: transform .3s ease;
    aspect-ratio: 2 / 3;
    backface-visibility: hidden;
    background-color: #121517;
    /* display: none; */
    left: 0;
    position: absolute;
    /* top: 50px; */
    width: 100%;
    z-index: 100;
    padding: 29px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.-Post-box-single-item:hover .-Post-box-item-sldier {
    transform: perspective(2000px) rotateY(0deg);
    /* display: block; */
}

.-Post-box-item-boxed {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transform: perspective(2000px) rotateY(0deg);
    transform-style: preserve-3d;
    transition: transform .3s ease;
    will-change: transform;
    backface-visibility: hidden;
    border: var(--border-defult);
    border-radius: var(--largeradius);
    flex: 1;
    background: #ffffff0a;
    overflow: hidden;
    border-radius: 10px;
    background: #121517;
}

.-Post-box-single-item:hover .-Post-box-item-boxed {
    transform: perspective(2000px) rotateY(-180deg);
}

.-Post-box-item-Info-two {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    position: relative;
}

.-Post-box-item-Info-two h2 {
    display: block;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: 800;
}

body[mode=light] .-Post-box-item-Info-two h2 a {
    color: white;
}

.-P-content {
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
}

body[mode=light] .-Post-box-item-Info-two .-P-content {
    color: #feffff;
}

.content-PermaLink a {font-size: 17px;padding: 10px 25px;background: var(--uicolor);border-radius: 10px;color: #000;gap: 10px;display: flex;width: max-content;align-items: center;}

.owl-nav {
    display: none;
}

.-widgets-blog-posts-container .defult-widgets-h1 {
    text-align: center;
}

.YC-widght-grids-h2:before {
    content: '';
    background: var(--secondarytext);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0.2;
}

.YC-widght-grids-h2 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 15px;
    color: var(--uicolor);
    padding: 13px;
    border-radius: var(--miniradius);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}


.video--popover {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000f0;
    z-index: 1200;
    right: 0;
    top: 0
}

.video--popover .video--popover--overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.video--popover--body {
    position: absolute;
    width: 810px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

.video--popover-iframe {
    width: 100%;
    position: relative;
    padding-bottom: 59%;
    overflow: hidden
}

#loader-1,
.video--popover--closse {
    width: var(--el-w);
    height: var(--el-w)
}

.video--popover-iframe>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0
}

.video--popover--closse {
    position: absolute;
    --el-w: 36px;
    border-radius: 50%;
    background: #fff;
    color: var(--secondarytext);
    left: -18px;
    top: -18px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    transition: 180ms
}

.video--popover--closse:hover {
    color: var(--negative);
    background: #fff
}



.--contact--footer--box .-company-contact-minibox {
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
}

.CommentsList {
    margin-top: 30px;
}

.YC--join-us-boxarea {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    min-width: 540px;
    max-width: 100%;
    padding: 40px;
    border-radius: var(--largeradius);
    flex-direction: column;
    background: #ffffff0d;
    position: sticky;
    top: 125px;
    backdrop-filter: blur(30px);
    margin-inline: auto;
}

.YC--join-us-boxarea.YC-Animation-Item form {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}

.YC--join-us-boxarea.YC-Animation-Item form .-YC-Forms-contact-form {
    margin-top: 0;
}

.YC--join-us-boxarea.YC-Animation-Item form .-fix-inputs-area {
    min-width: 310px;
    max-width: 100%;
    flex: 1;
}

.YC--join-us-boxarea.YC-Animation-Item form .-fix-inputs-area[data-field-id="cv_upload"] {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 15px !important;
}

.YC--join-us-boxarea.YC-Animation-Item form > .-fix-inputs-area[data-field-id="experience"] {
    min-width: 50%;
}

.-YC-join-us-container-UIFields {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

body[mode=light] .-YourColor-Intro-Info>.-p-content {--secondarytext: #e9e8f3;}

body[mode=light] .-YourColor-Intro-Info>h1 {
    color: white;
}

body[mode=light] .-YourColor-Intro-Info>.widget__before_title {
    color: white;
}

body[mode=light] header {
    background: white;
}

.boxed-defult-widgets-title-style {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    overflow: hidden;
}

.boxed-defult-widgets-title-style .-YC-owl-navs-items>.-YC-owl-Slides-next,.boxed-defult-widgets-title-style .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    position: relative;
    top: 50%;
    border: 2px solid var(--uicolor);
    --chev-w: 45px;
    width: var(--chev-w);
    height: var(--chev-w);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 21px;
    color: #000;
    transition: 180ms;
    cursor: pointer;
    background: var(--uicolor);
    transition: all 0.5s ease;
}

.boxed-defult-widgets-title-style .-YC-owl-navs-items {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}

.yourcolor--copyright p {
    color: #fff;
}

.yourcolor--copyright p {
    display: flex;
    align-items: center;
    color: var(--primary-text);
}

.yourcolor--copyright img {
}

body[mode=light] .yourcolor--copyright img {
    filter: invert(1);
}

.yourcolor--copyright a {
    margin-inline-start: 10px;
}

.-BOX__URL {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    inset: 0;
    cursor: pointer;
    /* pointer-events: none; */
}

div#theme-toggle {
    --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;
    cursor: pointer;
}

body[mode=light] .-widgets-Special-LI>span {
    -webkit-text-stroke-width: 2px;
}

body[mode=light] .--SB-button--id a.button_url_2:after {
    background-image: radial-gradient(circle, rgb(0 0 0 / 44%) 0, rgb(0 0 0) 71%), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
}

body[mode=light] .-widgets-counter-items-container .-defult-widgets-title-style-1 .defult-widgets-h1 {
    color: #fff;
}

body[mode=light]  .YC-widght-grids-h2 {
    color: var(--primary-text);
}

body[mode=light] .-bouquet-logos-Section > div > ul > li > div {
    background: var(--diver);
}

body[mode=light] .-bouquet-logos-Section > div > ul > li > div .bq--poster {
    box-shadow: none;
    border: 1px solid #ffd7d7;
}

body[mode=light] .-footer-widgets-links>li:hover>a {
    color: var(--uicolor);
}

[mode=light] .faqs--widget-container {
    background: #f8f8ff;
    padding: 40px;
    box-shadow: 0px 2px 5px #00000042;
}

[mode=light] .faqs--widget-container .-YC-Question-Item-v1 {
    background: white;
    box-shadow: var(--box-shadow-hover);
}

[mode=light] .-YC-Question-Title>h3>a {
    color: var(--primary-text);
}

body[mode=light] .defult-widgets-h4 {color: #000;}

body[mode=light] .-YC-WidgetType-kick__sections .defult-widgets-h4 {
    /* color: white; */
}

body[mode=light] .-widgets-counter-items-container .defult-widgets-h4 {
    color: var(--uicolor);
}

body[mode=light] .project-card {
    background: white;
    position: relative;
    box-shadow: 0 0 0;
    border-radius: 20px;
    border-radius: var(--largeradius);
    border: 1px solid #e4dcf6;
    color: var(--primary-text);
}

body[mode=light] .project-card .project-field i {
    color: var(--secondarytext);
}

body[mode=light] .-sidebar-related-Single {
    border: var(--border-defult);
}

body[mode=light] .-Post-sidebar-box-single-item {
    border: var(--border-defult);
}

body[mode=light] .-secodary-single-post-bar {
    border: var(--border-defult);
}

body[mode=light]  .YC-widght-grid-container-boxed .YC_widght_grid-h1 {
}

body[mode=light] .YC--join-us-boxarea {
    border: var(--border-defult);
}

body[mode=light] .YC-BTN-Forms-contact-us {
    color: #000;
}

body[mode=light] .preloader {
    --logo-bgcolor: #000;
}

body[mode=light] .-YourColor-SingleWidget-Section.-YC-WidgetType-text_mini_images .-Text-Mini-Image-widgets-title-s1 h1 {
    color: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v1 {
    overflow: hidden;
}

.-site-logo>a.logo_light {
    display: none;
}

body[mode=light] .-site-logo>a.logo_light {
    display: block;
}

body[mode=light] div#theme-toggle {
    color: var(--primary-text);
    background: #f1f0ff;
    box-shadow: 0px 2px 5px #0000003b;
}

body[mode=light] .--open--searching {
    color: #ffffff;
    background: var(--secondarytext);
}

body[mode=light] header {
    --intro-primary-text: var(--primary-text););
    box-shadow: var(--box-shadow-defult);
}

body[mode=light] .team-style1 {
    background: white;
    box-shadow: 0px 2px 5px #00000036;
}

.team-style1 .team-social a:hover {
    color: var(--sociaColor);
}
.search_body>form {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: 190px;
    z-index: 1;
}
.search_body-input {
    position: relative;
    display: flex;
    flex: 1;
}
.shows--input-searching .search_body-input:before {
    transform: scale3d(1, 1, 1);
    transition-duration: 1s;
    width: 100%;
    left: 0;
}
.search_body-input:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    border-bottom: 2px solid white;
    transform: scale3d(1, 1, 0);
    transform-origin: 50% 0%;
    transition: all 0.3s ease;
}
.search_body>form .search_body-input input[type=search] {
    padding: 20px 0;
    font-size: 25px;
    box-shadow: 0 0 0;
    border: 0;
    font-weight: 400;
    line-height: 1.9;
    flex: 1;
    background: transparent;
    color: white;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    border-radius: 0;
}
.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: white;
}

body[mode=light] .-company-contact-minibox>div>a {
    color: var(--secondarytext);
}

body[mode=light] footer-bottom {
    /* color: white; */
}

body[mode=light] .--footer--intro {
    background: linear-gradient(180deg, #f1f0ff, transparent);
}

body[mode=light] .footer-shape-top {
    fill: white;
}


a.logo_light {
    display: none;
}

body[mode=light] a.logo_light {
    display: block;
}

body[mode=light] .YC-Faq-TabItems ul li {
    background: var(--border-defult-hover);
}

body[mode=light] .-YC-owl-navs-trailer .-YC-owl-trailer-next, .-YC-owl-navs-trailer .-YC-owl-trailer-prev {
    border-color: #ffffff;
}
.btn-fixed-bh {
    display: flex;
    flex-direction: column;
    right: 40px;
    z-index: 1200;
}
.GotoTop, .btn-fixed-bh {
    bottom: 23px;
    position: fixed;
}
.--yourcolor--button--phones {
    display: flex;
    align-items: center;
    --el--w: 50px;
    width: var(--el--w);
    height: var(--el--w);
    border-radius: var(--largeradius);
    z-index: 55;
    margin-bottom: 15px;
    justify-content: center;
    color: #fff;
    background: var(--uicolor);
}
.--YourColor--whatsapp-button {
    background: var(--whatsapp);
    margin-bottom: 0;
}

.--YourColor--whatsapp-button a {
    color: white !important;
}
.--yourcolor--button--phones>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 27px;
    position: relative;
}

.--yourcolor--button--phones>a > i {
    font-weight: 500;
}
.Popver--CoursesAlert{--overlay-alpha-80:rgba(244, 244, 244, 0.8);width:100%;height:100vh;position:fixed;z-index:1000000000;background:var(--overlay-alpha-80);top:0;right:0;font-family:var(--pluginff)}
.Popver--CoursesAlert>.PopverInnerElemnt{position:absolute;min-width:528px;top:50%;transform:translate(-50%,-50%);left:50%;background:#fff;box-shadow:rgba(0,0,0,.2) 0 12px 28px 0,rgba(0,0,0,.1) 0 2px 4px 0,rgba(255,255,255,.5) 0 0 0 1px inset;border-radius:var(--miniradius);z-index:1;padding:50px;display:flex;flex-direction:column;align-items:center}
p.-submit-ContentAlert--Popvoer{display:flex;flex-direction:column;align-items:center}p.-submit-ContentAlert--Popvoer i{font-size:52px;font-weight:500;color:#20bc25;margin-bottom:11px}.Popver--CoursesAlert>.PopverAlertOverlay{position:absolute;width:100%;height:100%}.Alert-Subs--Popvoer{margin:0 auto;font-size:22px;max-width:300px;text-align:center;line-height:1.5;font-weight:500}

body[mode=dark] .YC-Faq-TabItems>ul>li.active {
    background: #0a0a0a !important;
}