header:before {
    transform: translateY(0)
}

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
}

.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 {
    color: var(--primary-text);
    text-decoration: none;
}

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

*,
verified {
    vertical-align: middle
}

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

:root {
    --uicolor: #825cff;
    --uicolor2: #262deb;
    --secondaryui: #000C60;
    --lheight: 1.5;
    --transition-timing-out: out:cubic-bezier(0, 0, 1, 1);
    --transition-timing-in: cubic-bezier(0, 0, 1, 1);
    --largeradius: 20px;
    --miniradius: 10px;
    --margin-v2: 7px;
    --padding: 30px;
    --bg-gr: linear-gradient(-45deg, #f6f6ff, white);
    --ffamily: Alexandria;
    --fsize: 14px;
    --ffamilyen: Rubik;
    --f-number: Plus Jakarta Sans;
    --f-logo: Rubik;
}

body[mode=light] {
    --textcolor: #041c36;
    --primary-text: #021972;
    --secondarytext: #64698E;
    --logo-color: #1f1e87;
    --bgcolor: #00040b;
    --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 #fff;
    --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: #ffffff;
    --primary-text: #ffffff;
    --secondarytext: #e9e8f3;
    --logo-color: #ffffff;
    --bgcolor: #041c36;
    --diver: #ffffff14
}

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

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

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

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

.facebook {
    --sociaColor: #3b5998
}

.linkedin {
    --sociaColor: #007AB5
}

.googleplus {
    --sociaColor: #DD4C39
}

.email {
    --sociaColor: #444
}

.whatsapp {
    --sociaColor: #4DC247
}

.telegram {
    --sociaColor: #34ADE1
}

.viber {
    --sociaColor: #7C529E
}

.pinterest {
    --sociaColor: #CB2029
}

.tumblr {
    --sociaColor: #32506d
}

.hackernews {
    --sociaColor: #FF6700
}

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

.vk {
    --sociaColor: #45668E
}

.buffer {
    --sociaColor: #46ABED
}

.xing {
    --sociaColor: #006464
}

.line {
    --sociaColor: #1DCD00
}

.digg {
    --sociaColor: #1B568E
}

.pocket {
    --sociaColor: #EE4056
}

.stumbleupon {
    --sociaColor: #EB4924
}

.flipboard {
    --sociaColor: #E02828
}

.weibo {
    --sociaColor: #E6162D
}

.renren {
    --sociaColor: #005EAC
}

.myspace {
    --sociaColor: #111
}

.blogger {
    --sociaColor: #EB8104
}

.baidu {
    --sociaColor: #2319DC
}

.okru {
    --sociaColor: #EE8208
}

.youtube {
    --sociaColor: #FF0000
}

.evernote {
    --sociaColor: #5ba525
}

.skype {
    --sociaColor: #00aff0
}

body {
    font-family: var(--ffamily);
    line-height: 1.2;
    font-size: var(--fsize);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

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

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

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

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

:focus::placeholder {
    opacity: .4
}

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

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

root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* padding: 95px 0 0;
     */
    position: relative;
}

.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;
    transition: all 0.2s ease;
}

header {
    align-items: center;
    align-content: center;
    display: flex
}

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

header {
    position: absolute;
    top: 0;
    z-index: 101;
    justify-content: space-between;
    right: 0;
    left: 0;
    flex-wrap: wrap;
    background: white;
    box-shadow: 0 5px 20px -6px rgb(94 134 255 / 20%);
}

header {
    --intro-primary-text: var(--primary-text);
    --header-padding: 20px 0px;
    --hover-overlay: #6280ad1c;
    --header-bg: radial-gradient(circle, var(--primary-text), #000102);
    --button-color-text: var(--primary-text);
    --button-color-bg: #ffffff08;
    --user-bg-icon: #ffffff1f;
    --user-button-color-text: var(--primary-text);
    --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: #131212cc;
    --count-border: var(--primary-text);
    --bars-background: white;
    --primary-text: #000;
    --primary-key: 254 100% 68%;
}

header:before {
    content: '';
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: transparent;
    box-shadow: 0 4px 30px rgba(255, 255, 255, .1);
    /* backdrop-filter: blur(5px);
     */
    -webkit-backdrop-filter: blur(5px);
}

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

header.fixedintro:before {
    box-shadow: 0 0 0;
    background: 0 0;
    backdrop-filter: inherit;
}

header.fixedintro .--Site--left_header{
    padding: 12px 20px;
    background: white;
    border-radius: 20px;
    transition: all 0.2s ease;
}

.--Site--Menu>ul {
    display: flex;
    list-style: none;
    flex: 1;
    justify-content: center;
    max-width: max-content;
    border-radius: 17px;
    align-items: center;
}

.--Site--Menu>ul>li {
    display: flex;
    margin-inline-end: 0;
    flex-wrap: wrap
}
.--Site--Menu>ul>li:first-child a {
    
padding-inline-start: 0;
}
.--Site--Menu>ul>li>a {
    padding: 3px 15px;
    font-weight: 500;
    position: relative;
    font-size: 17px;
    height: 45px;
    border-radius: var(--largeradius);
    display: flex;
    align-content: center;
    color: var(--intro-secondarytext);
    flex-wrap: wrap;
    min-width: max-content;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

.--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 {
    opacity: 1;
    --primary-text: white;
    color: var(--primary-text)
}

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

.--Site--Menu>ul>li>ul.sub-menu,
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    padding: 28px 28px;
    transition: 130ms;
    box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
    border-radius: var(--largeradius);
    position: absolute;
    background: var(--bgcolor);
    top: 100%;
    top: calc(100% + 0px);
    display: block;
    transform: translateY(10px);
    min-width: 260px;
    transition: all 0.3s ease;
}

.--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: 27px;
    max-width: 350px;
    min-width: 210px;
}

.-site-logo img {
    width: auto;
    height: auto;
}

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

.--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% + 29px);
    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 {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.2s ease;
    color: #e6e1e1;
    padding-bottom: 19px;
}

.--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-items: center;
    border-radius: var(--miniradius);
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.2s ease;
    color: #e6e1e1;
    padding-bottom: 19px;
}

.--Site--Menu>ul>li>ul.sub-menu>li:last-child a {
    padding-bottom: 0;
}

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

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

.-Show-SubMenu-Icon,
.-YC-Icon-Buttons,
.-Yc-TopBar,
.GotoTop>a {
    position: relative;
}

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

.-Btn-Header:before {
    display: none !important;
}

.header--Tools {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
    min-width: max-content;
    max-width: max-content;
    border-radius: 10px;
}

.header--Tools>* {
    margin-inline-end: 14px;
}

.header--Tools>*:last-child {
    margin-inline-end: 0;
}

.header--Tools:before {}

.header--Tools>.header--buttons-single-item {
    position: relative;
    display: flex;
    align-items: center;
}

.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 all ease;
    color: var(--button-color-text);
    text-align: center;
    position: relative;
    overflow: visible;
    background: #faf8fe;
}

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

.header--Tools>.header--buttons-single-item count {}

.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;
    padding-inline-start: 0 !important;
}

.User--MainArea:before {
    display: none !important;
}

.UserLogo--ControllerMain {
    display: block;
    min-width: 100px;
    max-width: 129px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
}

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

.UserLogo--ControllerMain>.vs-user>.ProfileUse {
    min-width: 30px;
    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: 320px;
    position: absolute;
    list-style: none;
    left: -4px;
    top: 65px;
    background: var(--bgcolor);
    box-shadow: var(--PopoverShadow);
    transform: translateY(20px);
    transition: .35s;
    z-index: 1000;
    line-height: initial;
    text-align: right;
    border-radius: var(--largeradius);
    padding: 20px
}

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

.LinksBox,
.MenuHr,
.header--Tools>.whatsapp-button-header>a>i {
    display: block;
    position: relative;
    padding-inline-start: 14px;
}

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

.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 #35394a;
}

.-Radio-Box-Item,  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: #ffffff;
    top: 1px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    font-style: normal;
    font-weight: 300;
    margin-top: 5px;
}

.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: 15px 0;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    color: #e6e1e1;
    font-weight: 400;
}

.LinksBox>li>a:hover {
    color: white;
}

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

.LinksBox>li>a>i {
    color: #e6e1e1;
    font-size: 18px;
    margin-inline-end: 10px;
    width: 28px;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.MenuHr {
    width: 100%;
    height: 1px;
    background: var(--diver);
    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: 13px 25px;
    position: relative;
    text-align: right;
    color: white;
    z-index: 1;
    transition: 180ms;
    overflow: hidden;
    font-size: 15px;
    --bg-opacity: 1;
    flex-wrap: wrap;
    background: hsl(var(--primary-key)/var(--bg-opacity));
}

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



canvas,
switchfield {
    display: block;
    position: relative
}

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

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_grid:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--bg-Boxes);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-attachment: fixed;
    opacity: 0.4;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v1 .-YC-Widgets-Inner-Row {
    overflow: visible;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_grid .-YC-Widgets-Inner-Row {
    overflow: visible;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-sticky__features {
    background: #fbfaff;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-products_posts {
    /* background: linear-gradient(180deg, #f8f6fd 66.67%, #f3f0fb 85.86%, #f4f1fb 100%);
     */
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-afterintro {
    background-color: linear-gradient(180deg, #faf8fe 0%, #f4f0fd 100%);
}

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

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

input {
    display: block;
    min-height: 54px;
    border-radius: 15px;
    border: 1px solid var(--diver);
    outline: 0;
    padding: 5px 11px;
    width: 100%;
    flex: 1;
    font-size: 15px;
    text-transform: capitalize;
    color: #000;
    margin-inline-end: 10px;
}

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

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

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

textarea {
    display: block;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 12px;
    border: 1px solid var(--diver);
    flex: 1;
    min-height: 100px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 200
}

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

.-card-select-CreateFields .-fix-inputs-area {
    min-width: 47%;
    flex: 1;
    max-width: 50%;
    margin: 10px;
}

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

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

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

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

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

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

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

.-fix-forms-field-title>h3 {
    font-size: 17px;
    font-weight: 400;
    margin-inline-end: 10px;
    line-height: 1.5
}

.-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: #fff;
    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: #fff;
    border-radius: var(--miniradius);
    min-width: 240px;
    right: 0;
    padding: 10px;
    max-height: 391px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

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

.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-Cuntryes-Item .Select-Options-Items .Lists-Select-Items>li:before,
.dis {
    display: none
}

.Select-Options-Items .Lists-Select-Items>li.active {
    background: #f9f9f9;
    border-color: #1f1e8705;
    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: #858497;
    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 {
    width: 70px;
    height: 70px;
    z-index: 10998;
    color: var(--secondarytext);
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    transform-origin: center bottom;
    transform: translate(0, 200%);
    transition: .2s cubic-bezier(.21, .12, .02, .99);
    border-radius: 50%;
    right: 40px;
    display: flex;
    place-content: center;
    align-items: center;
    background: var(--whatsapp);
    --bx-item: -4px -2px 16px 0px #00000000, 4px 2px 16px 0px rgb(0 0 0 / 3%);
    box-shadow: var(--bx-item);
    border: 2px solid var(--whatsapp)
}

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

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

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

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

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

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

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

    50% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }

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

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

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

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

.-Yc-TopBar {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 8px 0;
    box-shadow: 0 10px 25px -20px var(--top-bat-shadow);
    border-bottom: 1px solid var(--top-header-border);
    display: none;
}

.-Yc-TopBar .container {
    /* flex: 1;
     */
}

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

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

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

.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-duration: var(--animation-duration);
    animation-delay: var(--animation-delay)
}

.-YC-Widgets-Inner-Row {
    padding: 70px 0;
    position: relative;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-panner .-YC-Widgets-Inner-Row {
    padding-top: 30px;
}

.owl-item {
    vertical-align: top
}

title--tooltip {
    position: fixed;
    background: var(--uicolor);
    padding: 5px 10px;
    border-radius: var(--miniradius);
    color: #fff;
    font-size: 14px;
    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,
.YC-BreadCrumb,
.YC-BreadCrumb>ol>li,
.container-pages-head .YC-BreadCrumb>ol>i:last-of-type {
    display: block
}

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

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

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

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

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

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

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

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

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

@keyframes is-necessary {

    0%,
    60%,
    80% {
        border-color: var(--diver)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes loaderbg {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

.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: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.YC-defult-widgets-title-sticky .-defult-widgets-title-style-1 .-widgets-h1-title {
    align-items: self-start;
    text-align: right;
    font-size: 40px;
}

.YC-Gallery-widgets-intro .-defult-widgets-title-style-1 {
    position: relative;
    min-width: 470px;
    top: 0;
    margin-bottom: 15px;
    margin-inline: auto;
}

.-defult-widgets-title-style-1 h4 {
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 25px;
    display: flex;
    width: max-content;
    position: relative;
    color: #ABECD6;
    border: 1px solid var(--border-color);
    padding: 11px;
    border-radius: 70px;
    padding: 12px 24px 12px 24px;
}

.-defult-widgets-title-style-1 .defult-widgets-h1,
.-defult-widgets-title-style-2 h1 {
    font-size: 37px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: var(--primary-text)
}

.-defult-widgets-title-style-1 .defult-widgets-h4,
.-defult-widgets-title-style-2 h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--uicolor)
}

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

.-widgets-counter-items-container .-defult-widgets-title-style-1 .P-content {
    text-align: right;
    margin-inline-start: 0;
}

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

.-defult-widgets-title-style-1 .defult-widgets-h1 c--color,
.-defult-widgets-title-style-2 h1 c--color,
.-steps-cart-items>ul>li.active>.icon-cart-step-item>i,
.likes--and--addtocard>.product-item-info-ux-button>i,
.likes--and--addtocard>.product-item-like-Button.active>i {
    font-weight: 600
}

.-defult-widgets-title-style-1 .defult-widgets-h4 {
    line-height: 1.4
}

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

.zigzag {
    display: block;
    height: 23px;
    position: relative;
    z-index: 1;
    --zigaz-uicolor: #fff;
    --zigzag-width: 70px
}

.-Post-box-single-item {
    flex: 1;
    flex-direction: column;
    height: max-content;
    margin: 10px;
    position: relative;
    --box-width: 435px;
    min-width: var(--box-width);
    max-width: var(--box-width);
    display: flex;
    border-radius: var(--largeradius);
    overflow: hidden;
    background: white;
    align-items: end;
    border: 1px solid var(--border-color);
    padding: 20px;
}

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

.-Post-box-item-Thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 281px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #000;
    border-radius: var(--largeradius);
    margin-inline: auto;
}

.-Post-box-item-Thumb>img {
    position: relative;
    width: auto;
    height: auto;
}

.-Post-box-item-Info {
    display: flex;
    flex-direction: column;
    flex: 1;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    z-index: 1;
    position: relative;
    border-radius: var(--largeradius);
    margin-inline: auto;
}

.-sidebar-related-title-posts-items .-Post-box-item-Info {
    padding: 0 5px;
}

.-Post-box-item-Info>.-P-content {
    font-size: 15px;
    line-height: 1.9;
    overflow: hidden;
    text-align: right;
}

.-sidebar-related-title-posts-items .-Post-box-single-item .-Post-box-item-Info>.-P-content {
    display: none;
}

.-Post-box-item-Info>.-P-content>a {
    position: relative;
    z-index: 2;
    color: var(--alphabg);
    font-weight: 500;
}

.-Post-box-item-Info>p>a {
    display: block;
    font-size: 21px;
    line-height: 1.7;
    font-weight: 600;
    color: var(--bgcolor);
    opacity: 0.8;
    margin-bottom: 10px;
}

.-Post-box-item-Info>p>a:hover {
    opacity: 1;
}

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

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

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

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

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

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

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

footer {
    --secondarytext: #fcfcfce6;
    --primary-text: white;
    display: block;
    position: relative;
    z-index: 2;
    background: hsl(0 0% 0% / 1);
    padding: 70px 40px 40px;
}

footer>.container {}

footer:before {
    content: "";
    position: absolute;
    width: 490px;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: var(--bg-Boxe);
    z-index: 0;
}

footer:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: var(--bg-Boxes);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

footer-body {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.-footer-widgets-single {
    min-width: 250px;
    display: block;
    position: relative;
    max-width: 294px;
    flex: 1;
}

.-footer-widgets-single.-current-widgets-contact {
    min-width: 380px;
    box-shadow: var(--box-shadow-hover)
}

.-footer-widgets-single.-current-widgets-logo {
    max-width: 320px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 320px;
    margin-inline-end: 30px;
}

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

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

.-company-contact-minibox {
    display: block;
    list-style: none;
    margin: 20px 0 0;
}

.-company-contact-minibox>li {
    padding: 10px 0;
    position: relative
}

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

.-company-contact-minibox>li>a:hover {
    opacity: 1;
}

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

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

.-company-contact-minibox>li:before {
    content: '';
    width: 22px;
    height: 36px;
    background: #ffffff00;
    border-radius: 13px;
    position: absolute;
    transform: rotate(5deg);
    top: 2px;
    right: -5px
}

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

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

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

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

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

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

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

.-row-shares-items>a {
    display: flex;
    margin: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 16px;
    transition: 180ms;
    flex-wrap: wrap;
    background: hsl(0deg 0.82% 17.97%);
}

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

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

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

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

.-footer-p-content {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    max-width: 320px;
    font-weight: 400;
    color: var(--secondarytext);
}

footer-bottom {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0;
    border-radius: var(--largeradius);
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    box-shadow: var(--box-shadow-hover);
    color: var(--primary-text);
    background: #131212;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.-footer-payment-item {
    max-width: 40px;
    margin-inline-end: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    border: 1px solid #2c2c2c;
    border-radius: 50%;
    min-width: 40px;
    height: 40px;
    background: hsl(0 0% 11%/1);
    overflow: hidden;
    align-items: center;
}

.-footer-payment-item:last-child {
    margin-inline-end: 0;
}

.-footer-payment-item img {
    width: auto;
    height: auto;
}

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

.-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;
    justify-content: center
}

.-Product-Post-Box {
    margin: 1px;
    position: relative;
    --box-width: 435px;
    min-width: var(--box-width);
    max-width: var(--box-width);
    display: flex;
    border-radius: var(--largeradius);
    overflow: hidden;
    background: white;
    height: 450px;
    align-items: end;
    border: 1px solid var(--border-color);
    padding: 8px;
    flex: 1;
    cursor: pointer;
}

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

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

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

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

.-product-box-poster {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--largeradius);
    overflow: hidden;
    padding: 14px;
}

.-Product-rowpost-Info {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0px;
    padding: 26px 15px 21px;
    width: 85%;
    box-shadow: 0px 0px 8px -3px #0408481c;
    height: auto;
    background: white;
    border-radius: 32px 0 0 0;
    /* overflow: hidden;
     */
}

.-Product-rowpost-Info:before {
    content: "";
    content: "";
    position: absolute;
    width: 60px;
    height: 50px;
    top: -55px;
    --radius-value: 19px;
    --border-color: #ffffff;
    border-style: solid;
    --border-radius: 55px;
    right: -10px;
    border-width: var(--radius-value) var(--radius-value) 0 0;
    border-color: var(--border-color) var(--border-color) transparent transparent;
    border-radius: 0 var(--border-radius) 0 0;
    transform: rotate(90deg);
}

.YC-Product-Box-poster:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 50px;
    bottom: -49px;
    --radius-value: 24px;
    --border-color: #ffffff;
    border-style: solid;
    --border-radius: 60px;
    right: 0;
    border-width: var(--radius-value) var(--radius-value) 0 0;
    border-color: var(--border-color) var(--border-color) transparent transparent;
    border-radius: 0 var(--border-radius) 0 0;
}

.-Product-rowpost-Info:after {
    display: block;
    content: "";
    --border-val: 45px;
    --chevron--bg: #ffffff;
    --after-before-width: 7px;
    --after-before-height: 129px;
    --after-before-inline: -11px;
    --after-before-block: -27px;
    --after-before-radius: calc(var(--largeradius) + 16px);
    position: absolute;
    background-color: transparent;
    height: var(--after-before-height);
    width: var(--after-before-width);
    overflow: hidden;
    top: initial;
    left: var(--after-before-inline);
    bottom: var(--after-before-block);
    z-index: 0;
    border-radius: var(--after-before-radius) 0 0 20px;
    border-width: var(--border-val) 0px 0px var(--border-val);
    border-color: var(--chevron--bg) transparent transparent var(--chevron--bg);
    border-style: solid;
    transform: rotate(9deg);
}

.-Product-post-Info {
    display: flex;
    margin-bottom: 20px;
    flex: 1;
    flex-direction: column;
}

.-Product-rowpost-Info .-Product-post-Info {
    flex-direction: initial;
    align-items: center;
}

.-Product-post-Info>.-Product-title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px
}

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

.-larger-product-poster:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    /* background: linear-gradient(360deg, #030127f5 0%, #190e0e00 22%);
     */
}

.-larger-product-poster:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--image-product);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--largeradius);
}

.-larger-product-poster>img {
    height: auto;
    width: auto;
    transition: all 0.2s ease;
}

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

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

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

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

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

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

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

.-productBox-rate-bar-average>span {
    font-family: var(--f-number);
    font-weight: 600;
    margin-inline-start: 4px;
    font-size: 15px;
    color: var(--secondarytext);
}

.-productBox-rate-bar-average>i {
    color: #ffc107;
    font-weight: 600 !important;
    font-size: 15px;
}

.-Product-Box-FooterBar {
    display: flex;
    align-items: center;
    padding-top: 18px;
    border-top: 1px solid var(--diver)
}

.-Product-Box-CenterBar {
    flex: 1;
    min-width: max-content;
    margin-bottom: 30px;
}

.-Product-Box-Price {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    line-height: 1;
    flex: 1
}

.-product-box-poster .-Product-Box-Price {}

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

.-Product-Box-Price>strong>em {
    font-size: 32px;
    margin-inline-end: 5px;
    font-family: var(--ffamily)
}

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

.-Product-rowpost-Info .-Product-post-Info strong.--price-now {
    font-size: 40px;
}

.-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;
    /* margin: 0 -3px;
     */
}

.likes--and--addtocard>div {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--border-color);
    margin: 0 3px;
    border-radius: var(--miniradius);
    font-size: 17px;
    color: var(--secondarytext);
    z-index: 1;
    cursor: pointer;
    transition: 180ms;
    background: white;
}

.likes--and--addtocard>div:hover {
    color: var(--primary-text);
    border-color: var(--primary-text)
}

.likes--and--addtocard>.product-item-info-ux-button {
    color: var(--secondarytext);
    margin-bottom: 0;
}

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

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

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

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

.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;
    margin: 0 -15px;
    align-content: flex-start;
    flex-wrap: wrap
}

.-Posts-grid .-Post-box-single-item {
    min-width: 360px;
    margin-bottom: 40px;
    flex: 1;
}

.container-pages-head {
    margin-top: 20px;
}

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

.container-pages-head>h1 {
    max-width: var(--width-heads);
    line-height: 1.5;
    position: relative;
    color: var(--primary-text);
    margin-bottom: 10px;
    text-align: center;
    font-size: 72px;
    font-weight: 700;
    transition: all 0.3s ease;
}

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

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

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

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

.-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;
    border-radius: var(--miniradius);
    flex-wrap: wrap;
    cursor: pointer
}

.-change-currency>.ul--by-currency>ul>li>strong {
    font-size: 11px;
    color: var(--secondarytext);
    width: 40px;
    height: 25px;
    border-radius: var(--miniradius);
    background: #fbfbfb;
    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 {
    background: 0 0;
    color: var(--primary-text);
    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;
    color: var(--secondarytext);
    font-size: 13px;
    transition: 180ms
}

.-change-currency>.ul--by-currency>ul>li:hover>p>em {
    color: var(--primary-text)
}

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

.-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;
    margin: 60px 0 40px;
    border-radius: var(--largeradius);
    padding: 30px 20px;
    /* border: 1px solid var(--diver); */
    background: white;
}

.-steps-cart-items>ul {
    display: flex;
    justify-content: center
}

.-steps-cart-items>ul>li {
    display: flex;
    align-items: center;
    font-size: 19px;
    color: var(--secondarytext);
    padding: 0 20px;
    justify-content: flex-start;
    flex: 1;
    min-width: max-content
}

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

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

.-steps-cart-items>ul>li:after {
    content: '';
    flex: 1;
    height: 5px;
    background: #8584970a;
    margin-inline-start: 25px;
    border-radius: var(--largeradius)
}

.-steps-cart-items>ul>li.active:after {
    background: #39a15254
}

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

.icon-cart-step-item {
    display: flex;
    width: 70px;
    height: 70px;
    font-size: 28px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-inline-end: 25px;
    background: 0 0;
    color: var(--disable-text);
    border: 1px solid var(--disable-button)
}

.-steps-cart-items>ul>li.active>.icon-cart-step-item {
    background: var(--positive);
    color: #fff;
    border-color: var(--positive)
}

.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% - 460px)
}

.-cart-context-single-bars {
    display: block;
    min-width: 420px;
    position: sticky;
    top: 110px;
    background: #fff;
    border-radius: var(--largeradius);
    padding: 40px;
    box-shadow: var(--box-shadow-hover);
    border: 1px solid var(--border-defult-hover)
}

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

.-single-product-incart-item {
    display: flex;
    margin-bottom: 30px;
    border-radius: var(--largeradius);
    border: var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    transition: 80ms;
    padding: 40px;
    cursor: pointer;
    background: white;
}

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

.-single-product-incart-item:hover {
    transform: translateY(-1px);
    box-shadow: var(--box-shadow-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);
    display: flex;
    align-items: center;
    justify-content: center;
}

.-single-product-incart-thumb img {width: auto;height: auto;}

.--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-bold);
    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: center;
    margin: 30px 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: 500;
    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)
}

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

.-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: 500;
    color: var(--primary-text)
}

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

.-products-order-options-area {
    display: block;
    padding: 20px;
    background: #fbfbfb;
    border-radius: var(--miniradius);
    margin-bottom: 15px
}

.-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(--border-color);
    display: flex;
    padding: 13px 20px;
    align-items: center;
    min-width: 110px;
    border-radius: var(--miniradius);
    background: #fff
}

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

.-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;
    background: linear-gradient(180deg, #fcfbfe 0%, #f2ecff 100%);
}

.-primary-body.page-favourite {
    padding-top: 89px;
}

.-primary-body .-YC-Widgets-Inner-Row {
    /* padding: 50px 0; */
}

.-primary-body.author-page {
    padding-top: 90px;
}

.-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,
whatsapp--box>a>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: 15px;
    border-radius: var(--miniradius);
    box-shadow: var(--box-shadow-defult);
    transition: 80ms;
    margin-bottom: 15px;
    cursor: pointer;
    border: var(--border-defult);
    background: #fff;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.-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: 10px;
    background: #f1f1f1;
    padding: 6px 10px;
    border-radius: var(--miniradius);
    font-size: 12px;
    font-weight: 300;
    color: var(--secondarytext);
    transition: 180ms
}

.-single-product-thankyou-item:hover .-element-Quantity {
    background: #fff;
    color: var(--primary-text)
}

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

.-order-single-page-conatiner {
    display: flex;
    align-items: flex-start;
    padding: 40px 0
}

.-user-sidebar {
    --elemnt-width: 360px;
    min-width: var(--elemnt-width);
    max-width: var(--elemnt-width);
    margin-inline-end: 30px;
    position: sticky;
    top: 110px;
    transition: 180ms;
    padding: 40px;
    border: 1px solid var(--border-defult-hover);
    border-radius: var(--largeradius);
    background: white;
}

.hidemenu .-order-single-page-details,
.hidemenu .-order-single-page-favourites,
.hidemenu .-user-sidebar {
    top: 30px
}

.user-sidebar-thumb {
    display: flex;
    width: 150px;
    height: 150px;
    border: 1px solid var(--border-defult-hover);
    border-radius: 50%;
    margin: 0 auto 30px;
    position: relative
}

.user-sidebar-info-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

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

.user-sidebar-info-area>p {
    color: var(--secondarytext);
    font-weight: 200;
    text-transform: capitalize
}

.user-sidebar-links {
    display: block;
    margin-top: 30px
}

.user-sidebar-links>ul>li {
    display: block;
    margin-bottom: 5px
}

.-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: 6px 15px;
    font-size: 15px;
    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 {
    color: var(--secondarytext-bold);
    font-size: 22px;
    margin-inline-end: 15px;
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: 180ms
}

.-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: block;
    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;
    background: white;
}

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

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

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

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

.-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 {
    border-radius: var(--miniradius);
    display: flex;
    align-items: center;
    padding: 20px 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: 60px;
    margin-inline-end: 20px
}

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

.whatsapp--bunner-info>h2 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 2px;
    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
}

.-order-single-page-favourites .-order-single-page-posts {flex-direction: inherit;}

.-not-fount-style-element {
    max-width: 450px;
    text-align: center;
    line-height: 1.5;
    margin: auto;
    color: var(--secondarytext);
    margin-top: 60px;
}

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

.-not-fount-style-element>h2 {
    font-size: 33px;
    font-weight: 500;
}

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

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

.-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: 12px 16px;
    border-radius: var(--largeradius);
    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(--uicolor2);
    border: 2px solid var(--uicolor2);
    color: #fff;
    font-size: 15px;
    align-items: center;
    transition: 180ms
}

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

.custom-comment-submit button:hover {
    background: #fff;
    color: var(--uicolor2)
}

.-order-item-blogbox {
    display: flex;
    padding: 15px 20px;
    border-radius: 20px;
    border: var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    margin: 0 0 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: var(--uicolor);
    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: 300;
    line-height: 1.5;
    margin-top: -34px;
    margin-bottom: 35px;
    font-size: 14px
}

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

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

.-mobile-menu-button .bars {
    width: 100%;
    height: 4px;
    background-color: var(--uicolor);
    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)
}

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
}

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: 50%;
    overflow: hidden;
    --elemnt-width: 100%;
    --element-height: 100%;
    --element-radius: 50%
}

.-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: 3px;
    left: 5px;
    z-index: 2
}

.-change-image-profile>a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 4px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #ffffffd6
}

.-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(--positive);
    border-radius: var(--largeradius);
    color: var(--positive)
}

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

.-image-preview-item {
    display: block;
    max-width: 250px;
    margin: 30px 0;
    border-radius: var(--largeradius);
    overflow: hidden
}

.iti.iti--container {
    z-index: 100000008
}

.-img-overlay-backdrop {}

.-site-logo>a {
    display: flex;
    font-size: 40px;
    font-family: var(--f-logo);
    flex-direction: row-reverse;
    letter-spacing: 2px;
    justify-content: flex-end;
    font-weight: 700;
    transition: 180ms
}

.-footer-site-logo.--logo-Image {
    margin-bottom: 26px;
}

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

.-DropChevrons-UL,
button.YC-BTN-Forms-Plugin.SubmitButton.activable.-odrer-button-cart-Step {
    margin-bottom: 20px;
}

.-odrer-button-cart-Step {
}

.--YC-author-page--be-content {
    display: block;
    font-size: 13px
}

.--socialheader, .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;
    transform: translate(0);
}

.-DropChevrons-UL {
    justify-content: center
}

.-DropChevrons-UL ul li.-Products-Filter-LI.active a {
    color: #fff;
}

.OnboxedElem>* {
    margin: revert;
    padding: revert;
    max-width: 100%
}

.--open--searching {
    --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 all ease;
    color: var(--button-color-text);
    text-align: center;
    position: relative;
    overflow: visible;
    background: #faf8fe;
    cursor: pointer;
}

.--open--searching i {
    font-weight: 400;
}

.--open--searching:hover,
.search_closse:hover {
    color: var(--uicolor);
}

.YC-panner-header-container:after,
.YC-panner-header-container:before {
    top: 0;
    position: absolute;
    height: 100%;
    right: 0
}

.search_overlay {
}

.counnter_closse {
    justify-content: center;
    transition: 180ms
}

.search_body>h2 {
    text-align: right;
    /* margin-bottom: 30px; */
    line-height: 1.5;
    font-weight: 500;
    font-size: 27px;
    color: white;
}

.Final-app-image-src img {
    width: 100%
}

.search_closse {
}

.search_closse>i {
    font-weight: inherit
}

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

.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--overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #05034e54;
}

.order-services--body {
    animation: 1s ease 0s 1 normal none zoomInUp;
    position: absolute;
    --el-w-h: 720px;
    width: var(--el-w-h);
    left: 0;
    height: 370px;
    bottom: 0;
    margin: auto;
    right: 0;
    background: white;
    top: 0;
    border-radius: var(--miniradius);
    overflow: hidden;
}

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

.order-services--closse {
    left: 13px;
    top: 13px;
    font-size: 20px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: 180ms;
    width: 33px;
    height: 33px;
    position: absolute;
    border: 1px solid white;
}

.order-services--closse i {
    position: relative;
    transition: 80ms
}

.order-services--closse:hover {
    background: #ff7d7d;
    color: #fff;
    border-color: #ff7d7d;
}

.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>span {
    font-size: 19px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf1ff;
    width: max-content;
    margin-inline: auto;
    padding: 8px 12px;
    border-radius: var(--largeradius);
}

.order-services--info-context>span>i {
    margin-inline-end: 10px;
    font-weight: 500;
    font-size: 20px
}

.order-services--info-context>p {
    color: var(--secondarytext);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    text-align: center
}

.popup-boxnumber {}

.--map--items--list,
.links--sitemap-items-lists {
    display: block
}

.popup-boxnumber>a {
    --uicolor: #041c36;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--uicolor);
    padding: 15px 20px;
    border: 2px solid var(--uicolor);
    border-radius: var(--largeradius);
    background: 0 0;
    font-weight: 400;
    justify-content: center;
    margin-inline-end: 13px;
    transition: .1s
}

.popup-boxnumber>a:last-child {
    margin-bottom: 0
}

.popup-boxnumber>a:hover {
    background: var(--uicolor);
    color: var(--uicolor)
}

.-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: #009688;
    border-color: #009688;
    margin-inline-end: 0
}

.popup-boxnumber>a>i {
    margin-inline-start: 10px;
    font-weight: 500;
    font-size: 18px
}

.-YC-Forms-LoginActions {
    flex-wrap: wrap;
    flex-direction: column-reverse
}

.-cart-context-single-bars .-YC-Forms-LoginActions {
}

.Switch-LoginButton {
    margin-top: 10px;
    margin-bottom: 10px
}

.-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: #3f51b5
}

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

body.-topBar-open:not(.before-start) header {}

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
}

.error__log--area>span {
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    color: var(--primary-text);
    font-weight: 400;
    color: #db1133;
    display: flex;
    flex-direction: column
}

.error__log--area>span>i {
    font-size: 30px;
    margin-bottom: 11px;
    font-weight: 500
}

.error__log--area ul li p {
    font-size: 13px;
    margin-bottom: 9px
}

.error__log--area ul li span {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px
}

.error__log--area ul li span>* {
    margin-inline: 4px;
    font-size: 16px
}

.error__log--area ul li span strong {
    font-weight: 500;
    color: #000;
    font-size: 18px;
    display: flex;
    direction: ltr
}

.error__log--area ul li span>a {
    color: var(--uicolor);
    font-size: 20px;
    font-weight: 600
}

.alert.element-alert-danger {
    margin-bottom: 16px;
    transition: .2s;
    position: relative;
    display: block;
    text-align: right
}

.error__log--area ul {
    list-style: none
}

.error__log--area ul li {
    font-size: 15px;
    font-weight: 400;
    display: block
}

.tubelight {
    transition: 350ms;
    z-index: 10;
    display: block;
    position: absolute;
    background: linear-gradient(178deg, #fff, #ededed);
    border-radius: var(--largeradius);
    top: -3px;
    bottom: 0;
    height: 7px;
    box-shadow: -1px 2px 10px #585a5e36, 0 5px 10px #3c3945;
    width: 100px
}

.-order-order_devices-Taps ul:has(li.active)~.tubelight {
    background-color: #fff;
    display: inline-block
}

.-order-order_devices-Taps ul li:first-child:has(li:active)~.selection {
    transform: translateX(calc(var(--container_width) * 0/3))
}

.radio-input label:nth-child(2):has(input:checked)~.selection {
    transform: translateX(calc(var(--container_width) * 1/3))
}

.radio-input label:nth-child(3):has(input:checked)~.selection {
    transform: translateX(calc(var(--container_width) * 2/3))
}

.-order-order_devices-Taps ul {
    list-style: none;
    position: relative;
    display: flex;
    border-radius: 20px;
    padding: 10px 15px;
    background: #1a1625;
    margin: 0 auto;
    border: 2px solid #fff
}

device_logo {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    cursor: pointer
}

.-order-order_devices-Taps ul li.active device_logo {
    -webkit-box-reflect: below -10px linear-gradient(transparent, transparent, rgb(245 190 190 / 12%))
}

.YC-counnter--up-boxed {
    font-size: 17px;
    color: #fff
}

#countdown {
    width: 100%;
    padding: 5px
}

.countdown-nested {
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: 21px
}

.contents {
    position: absolute;
    align-items: center;
    flex-direction: column;
    height: auto;
    justify-content: center;
    margin-top: 22px
}

.contents>div {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    color: #2e2e2e;
    margin-top: 38px
}

.contents>span {
    font-size: 17px;
    color: #2e2e2e;
    font-weight: 300
}

@media only screen and (max-device-width:568px) {
    .contents>div {
        font-size: 20px;
        margin-bottom: -4px
    }

    .contents>span {
        font-size: 14px
    }
}

img {
    max-width: 100%;
}

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

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

    25% {
        opacity: 0.25
    }

    75% {
        opacity: 0.75
    }

    100% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

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

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

    50%,
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    50%,
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

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

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

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

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

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

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

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

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

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

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

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

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

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

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

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

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

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

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

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.countdown-nested-boxed {
    display: flex;
    align-items: center;
    margin: 24px;
    padding: 21px
}

.YC-counnterup-boxed {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto
}

.items-boxed {
    min-width: 83px
}

.YC-counnterup-boxed p {
    display: flex;
    justify-content: center;
    align-items: center
}

.itemscountdown {
    background: #eaebff;
    margin: 6px;
    padding: 10px;
    border-radius: 10px;
    color: #000
}

.itemscountdown>strong {
    color: #000;
    font-weight: 400;
    font-size: 29px
}

.-YC-button-counnterup a,
.loadmore-comment:hover {
    background: var(--uicolor);
    color: #fff
}

.itemscountdown strong {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1
}

.YCcounnterup--boxed .items-boxed {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    align-items: center;
    justify-content: center
}

.YCcounnterup-title {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 34px;
    color: var(--primary-text)
}

.YC-counnterup-boxed p {
    font-size: 18px
}

.YCcounnterup--boxed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: max-content;
    margin: 40px auto
}

.-YC-button-counnterup {
    display: flex;
    align-items: center;
    margin-top: 40px
}

.-YC-button-counnterup a,
ol.BreadcrumbsFilters>li>span {
    font-weight: 400;
    align-content: center;
    align-items: center;
    display: flex
}

.-YC-button-counnterup a {
    padding: 12px 30px;
    border-radius: var(--miniradius);
    font-size: 18px;
    margin-left: 10px;
    border: 1px solid var(--uicolor);
    flex-wrap: wrap
}

.-YC-button-counnterup a:hover {
    background: 0 0;
    color: var(--uicolor)
}

.-YC-button-counnterup a.button_url_2 {
    background: var(--primary-text)
}

.-YC-button-counnterup a.button_url_2:hover {
    background: 0 0;
    border-color: var(--primary-text);
    color: var(--primary-text)
}

.-YC-button-counnterup a i {
    margin-inline-start: 6px
}

.YC-subscription-alert {
    display: flex;
    background: #d72c2c14;
    max-width: 790px;
    padding: 14px;
    border-radius: var(--miniradius)
}

.YC-subscription-alert p {
    font-size: 15px;
    color: var(--secondarytext);
    font-weight: 400
}

.YC-subscription-alert i {
    font-size: 27px;
    margin-inline-end: 13px;
    color: var(--uicolor);
    font-weight: 500
}

ol.BreadcrumbsFilters>li>span {
    font-size: 19px;
    padding: 0;
    color: var(--secondarytext);
    text-transform: uppercase
}

.loadmore-comment {
    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
}

.--card--info-copon_button,
.-card--info-copon-filed {
    display: flex;
    align-items: center
}

.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_button {
    width: 50px;
    height: 50px;
    justify-content: center;
    background: var(--uicolor);
    border-radius: 10px;
    margin-inline-start: 5px;
    color: #fff;
    cursor: pointer
}

.--card--info-copon-title {
    font-size: 19px;
    margin-block-end: 20px;
}

.--card--info-copon-title i {
    margin-inline-end: 10px
}

.-Loading {
    opacity: .5;
    pointer-events: none
}

.--card--info-copon error {
    margin-top: 8px;
    display: block;
    color: red;
    font-weight: 200
}

del.-inner-price-boxed.-del {
    font-size: 15px;
    opacity: .7
}

del.-inner-price-boxed.-del span.price-value {
    font-size: 30px;
    color: #687485;
    font-weight: 300
}

.-order-item-infos {
    display: flex;
    align-items: center;
    flex: 1
}

.-order-item-infos_item {
    display: flex;
    flex-direction: column-reverse;
    flex: 1;
    padding: 0 7px
}

.-order-item-infos_item strong {
    font-size: 16px;
    margin-bottom: 7px;
    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;
    margin-bottom: 7px;
}

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

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

.-order-item-infos_item_status.-active {
    background: var(--uicolor2);
    color: #fff;
}

.-order-item-name-meta {
    font-size: 15px;
    color: var(--secondarytext)
}

.-order-item-name-meta em {
    font-weight: 200;
    margin: 0 5px
}

a.-order-item-blogbox-link.-whatsapp {
    background: #009688
}

.YC-BreadCrumb {}

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

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer {
    display: flex;
    padding: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .04);
    align-content: center;
    align-items: center
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ContentAlert--Popvoer {
    margin: 0;
    padding: 30px;
    font-weight: 300;
    color: #222;
    font-size: 17px
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 15px;
    padding: 0 15px
}

.Popver--CoursesAlert.error>.PopverInnerElemnt>.ALertConroller--Popvoer {
    justify-content: center;
    align-items: center;
    align-content: center
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a {
    display: flex;
    padding: 13px 22px;
    border-radius: var(--miniradius);
    font-weight: 500;
    font-size: 16px;
    margin-inline-start: 5px;
    position: relative;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: var(--secondarytext);
    text-decoration: unset;
    overflow: hidden
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays {
    position: relative;
    width: 24px;
    height: 24px;
    margin-inline-start: 10px
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a>.InnerLoaderBoxed--Context---overlays .loader {
    width: 100%
}

.Popver--CoursesAlert>.PopverInnerElemnt>.ALertConroller--Popvoer>a.AlertIsConfirm {
    background: var(--positive);
    color: #fff
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>h2 {
    flex: 1;
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

.Popver--CoursesAlert>.PopverInnerElemnt>.HeadAlert--Popvoer>span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eee;
    text-align: center;
    display: flex;
    place-content: center;
    align-items: center;
    font-size: 17px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.-archivePage-Posts-Grid {
    display: flex;
    flex-wrap: wrap
}

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
}

.-freetrial-widgets-title-s1 h2,
.-freetrial-widgets-title-s2 h2 {
    font-size: 40px;
    margin: 13px 0;
    font-weight: 500;
    color: var(--primary-text);
    line-height: 1.5
}

p.defult-widgets-h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--uicolor);
    max-width: var(--max-context-width)
}

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

.-Yc-intor--YourColor-IntroBoxes-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #360A7D00 66.67%, #fbf9fe 85.86%, #f9f7fe 100%);
     */
    bottom: 0;
    right: 0;
    left: 0;
    color: #f3f0fd;
}

.-tabcom--left-description {
    display: flex;
    align-items: center;
    margin-top: 20px;
    padding-inline-start: 12px;
    flex-direction: row-reverse;
}

.-tabcom--left-description {}

.--Parent-URL-BTN>a:hover {
    color: white !important;
    transform: scale(1.06);
    background-position: right;
}

.--Parent-URL-BTN>a {
    overflow: hidden;
    font-size: 20px;
    padding: 15px 24px;
    display: flex;
    align-items: center;
    color: white;
    transition: all 150ms ease-in-out;
    border-radius: var(--miniradius);
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
}

.--Parent-URL-BTN>a i {
    margin-inline-start: 11px;
    font-size: 18px;
}

c--color {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: baseline;
    margin: -1px 0;
    margin-inline: 5px;
    display: inline;
    padding-bottom: 21px;
    background-size: 150%;
}

.-YC-Price-Us-container h2.-widgets-h1-title {
    text-align: right;
}

.product-top--boed {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}

.YC-widgets-button-URLArea>.-YC-owl-navs-items {
    display: flex;
    align-items: center;
}

.YC-widgets-button-URLArea>.-YC-owl-navs-items i {
    font-weight: 300;
}

.YC-widgets-button-URLArea>.-YC-owl-navs-items .-YC-owl-Slides-prev,
.YC-widgets-button-URLArea>.-YC-owl-navs-items .-YC-owl-Slides-next {
    width: 65px;
    height: 65px;
    font-size: 39px;
    color: white;
    display: flex;
    z-index: 1;
    transition: all 0.2s ease;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.YC-animation-crilce {
    inset: var(--lqd-outline-glow-w, -1);
    padding: var(--lqd-outline-glow-w, 1px);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    border-radius: 555px 555px 555px 555px;
    /* overflow: hidden;
     */
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

@keyframes lqd-outline-glow-2 {
    0% {
        transform: translate(-88%, -50%) rotate(0deg)
    }

    33% {
        transform: translate(-12%, -50%) rotate(0deg)
    }

    50% {
        transform: translate(-12%, -50%) rotate(180deg)
    }

    83% {
        transform: translate(-88%, -50%) rotate(180deg);
    }

    to {
        transform: translate(-88%, -20%) rotate(360deg);
    }
}

.YC-animation-crilce:before {
    --lqd-outline-glow-color: #ABECD6;
    background: conic-gradient(from 290deg at 50%, var(--lqd-outline-glow-color-secondary, transparent) 0%, var(--lqd-outline-glow-color, #fff) 20%, var(--lqd-outline-glow-color-secondary, transparent) 25%);
    animation: lqd-outline-glow-2 var(--lqd-outline-glow-duration, 3s) linear infinite;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    content: "";
    /* left: 0;
     */
    top: 50%;
    aspect-ratio: 1 / 1;
    inset-inline-end: 50%;
    display: inline-block;
}

canvas {
    display: block;
    vertical-align: bottom;
}

/* ---- tsparticles container ---- */
#tsparticles {}

.-widget-after-intro-h1 c--color {}

.tab-items>div {
    opacity: 0;
}

.tab-items>div.active {
    display: flex;
    opacity: 1;
}

@keyframes moveInCircle {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

@keyframes moveVertical {
    0% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(-50%) translateY(-10%);
    }

    50% {
        transform: translateX(50%) translateY(10%);
    }

    100% {
        transform: translateX(-50%) translateY(-10%);
    }
}

.gradients-container {
    filter: url(#goo) blur(40px);
    width: 100%;
    height: 100%;
    position: fixed;
    --color-bg1: rgb(8, 10, 15);
    --color-bg2: rgb(0, 17, 32);
    --color1: 18, 113, 255;
    --color2: 107, 74, 255;
    --color3: 100, 100, 255;
    --color4: 50, 160, 220;
    --color5: 80, 47, 122;
    --color-interactive: 140, 100, 255;
    --circle-size: 20%;
    --blending: hard-light;
    z-index: -1;
    /* opacity: 0.2;
     */
    display: none;
}

.g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    animation: moveVertical 30s ease infinite;
    opacity: 1;
}

.g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
    opacity: 1;
}

.g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;
    opacity: 1;
}

.g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;
    opacity: 0.7;
}

.g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
    opacity: 1;
}

.interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgb(171 236 214 / 24%) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    opacity: 1;
}

div#lqd-particles-4cd62da {
    height: 100vh;
    min-height: inherit;
    color: white;
    position: fixed;
    z-index: 22;
}

div#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 122222;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.1;
    color: white;
    z-index: -1;
}

.YC_after__intro-Gallery-SecondHalf>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 2s ease;
    filter: url(#displacementFilter);
}

.img {
    opacity: 1;
}

.imgReveal {
    opacity: 0;
}

#logo-codepen {
    --dim: 30px;
    position: absolute;
    bottom: var(--dim);
    right: var(--dim);
    height: var(--dim);
    width: var(--dim);

    & svg path {
        transition: all 2s ease;
        stroke: tomato;
    }

    &:hover svg path {
        stroke: #fff;
    }
}

.intro-svg {
    width: 640px;
    height: 450px;
    bottom: 0px;
    z-index: 0;
    position: absolute;
    left: 0;
    /* top: 0;
     */
    bottom: 0;
}

.intro-svg.svg_two {
    width: 200px;
    height: 250px;
    bottom: 30%;
    z-index: 0;
    right: 20%;
}

.intro-svg svg {
    --glow-blur-value: 75px;
    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));
    height: 100%;
    width: 100%;
    opacity: 0.6;
}

.custom-cursor div {
    position: absolute;
    top: 18.75rem;
    left: 18.75rem;
    width: 20px;
    --primary-key: 254 100% 68%;
    height: 20px;
    border: 1px solid hsl(var(--primary-key));
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.custom-cursor div span {
    position: absolute;
    top: 2.75rem;
    left: 3.4375rem;
    width: 18.75rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    color: hsl(var(--white));
    opacity: 0;
    transition: opacity .5s;
    z-index: 1;
}

.custom-cursor__img {
    position: absolute;
    top: 1.25rem;
    left: 2rem;
    opacity: 0;
    transition: opacity .5s;
}

.custom-cursor div:nth-child(2) {
    position: absolute;
    top: 18.75rem;
    left: 18.75rem;
    width: 8px;
    height: 8px;
    background-color: hsl(var(--primary-key));
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.custom-cursor {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.YC-blog-Product-post-Info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
}

.YC-blog-Product-Price {
    padding: 6px 18px;
    color: var(--alphabg);
    position: relative;
    z-index: 1;
    border: 2px solid var(--positive);
    border-radius: var(--miniradius);
}

.YC-blog-Product-Price>p {
    position: absolute;
    top: -13px;
    font-size: 15px;
    background: white;
    padding-inline: 10px;
    font-weight: 300;
    border-radius: var(--miniradius);
    color: var(--positive);
}

strong.YC-blog-price {
    font-size: 19px;
    font-weight: 600;
    color: var(--positive);
    display: flex;
    margin-right: auto;
    direction: ltr;
    font-family: var(--f-number);
    align-items: center;
    padding-top: 6px;
}

strong.YC-blog-price em {
    font-size: 16px;
    margin-inline-end: 6px;
    color: var(--positive);
    font-family: var(--ffamily);
    font-weight: 500;
    font-style: normal;
}

.-Product-rowpost-Info .-Product-title a {
    color: var(--bgcolor);
    font-weight: 500;
    width: 100%;
    display: block;
    font-size: 21px;
    opacity: 0.8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    font-weight: 500;
}

.-Product-rowpost-Info .-Product-title a:hover {
    color: #000;
}

.-Product-title {
    display: block;
    margin-bottom: 25px;
    z-index: 2;
    flex: 1;
}

.-Product-Box-Prices {
    display: flex;
    flex-direction: column;
    align-items: self-start;
}

.-widgets-products-posts-container {
    display: block;
}
.-defult-widgets-content-boxed .P-content {
    font-size: 18px;
    line-height: 1.7;
    color: var(--secondarytext);
    font-weight: 400;
    display: block;
    text-align: center;
}
.YC-defult-widgets-title-boxed {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    flex-direction: column;
    max-width: 750px;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.-bouquet-logos-Section .YC-defult-widgets-title-boxed {
    max-width: 690px;
}

.YC-panner-widgets-box-second .YC-defult-widgets-title-boxed {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 680px;
    margin-inline: auto;
    text-align: center;
}

.-P-content {
    font-size: 19px;
    line-height: 1.7;
    color: var(--secondarytext);
    font-weight: 400;
    display: block;
    text-align: center;
}

.-defult-widgets-content-boxed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.YC-Gallery-widgets-intro {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    max-width: 765px;
    min-width: 724px;
    margin-top: -220px;
}

.YC-Gallery-widgets-intro .-P-content {
    margin-inline: auto;
    text-align: center;
}

.YC-Gallery-widgets-intro .-defult-widgets-title-style-1 .-widgets-h1-title {
    text-align: center;
    font-size: 42px;
    line-height: 1.6;
    font-weight: 700;
}

.YC-Gallery-widgets-intro .-defult-widgets-title-style-1 {
    text-align: center;
}

.YC-blog-Product-post-Info a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--secondarytext);
    border-radius: var(--largeradius);
    font-size: 18px;
    height: 48px;
    text-transform: capitalize;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 49px;
    max-width: 49px;
    border: 2px solid var(--secondarytext);
}

.YC-blog-Product-post-Info a.active {
    background: var(--primary-text);
    color: white;
    border-color: var(--primary-text);
}

.YC-blog-Product-post-Info a i {
    font-weight: 400;
    margin-inline-start: 0;
}

.Product-Box-likes--and-- {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-direction: row-reverse;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    justify-content: center;
    height: 100%;
    width: 89%;
    bottom: 0px;
}

.Product-Box-likes--and-->div {
    width: 40px;
    height: 41px;
    border-radius: var(--largeradius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondarytext);
    margin-inline-end: 20px;
    font-size: 17px;
    z-index: 1;
    border: 2px solid #0219721f;
    z-index: 22;
    transition: all 0.3s ease;
}

.yc-Product-TotalRate:hover {
    background: #faf8fe;
    border-color: #faf8fe;
}

.product-item-like-Button {
    min-width: 40px;
    max-width: 40px;
}

.product-item-like-Button.active {
    background: #ef4685;
    color: white;
    border-color: #ef4685;
}

.product-item-like-Button.active i {
    font-weight: 800;
}
.product-item-like-Button:hover {
    background: #ef4685;
    color: white !important;
    border-color: #ef4685 !important;
}

.yc-Product-TotalRate {
    min-width: 58px;
    height: 35px !important;
    border-radius: var(--miniradius) !important;
}

.Product-Box-likes--and-->div i {
    font-weight: 500;
}

.-bouquet-logos-Section .-defult-widgets-title-style-1 h1 {/* color: white; */}

.-widgets-blog-posts-container {
    display: flex;
    flex-direction: column;
    align-items: self-start;
}

.YC-fiexed-image {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.-YourColor-Widgets-Sections {
    position: relative;
}

.YC-widght-grids-h2 {
    color: var(--uicolor);
    font-size: 19px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 500;
    width: max-content;
    display: flex;
    padding: 8px 34px;
    border-radius: 20px;
    border: 1px solid #eee9fa;
    background: white;
}

.YourColor-IntroBoxes-intro-boxed {
    position: relative;
    overflow: hidden;
}

.-Post-box-item-Info .-single-bottom-list-category-terms>a {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-text);
    border-radius: var(--miniradius);
    padding: 6px 15px;
    margin-inline-end: 16px;
    background: #fbf9ff;
}

.-Post-box-item-DayDate {
    font-size: 16px;
    border-radius: var(--miniradius);
    overflow: hidden;
    font-weight: 400;
    color: var(--secondarytext);
    margin-inline-end: 20px;
}

.-Product-post-title {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    flex: 1;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.Yc-FaqsSimple-bk {
    position: absolute;
    width: 100%;
    height: 250px;
    right: 0;
    left: 0;
    background: var(--image-shaps);
    background-repeat: no-repeat;
    bottom: 0;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-bouquet_Logos {
    min-height: auto;
}

.-YC-contianer-widgets-continer-items-boxed {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.-YC-contianer-widgets-continer-boxed-list {
    display: flex;
    align-items: self-start;
    flex-wrap: wrap;
}

.YC-widght-image-background {
    height: 80px;
    width: 80px;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--largeradius);
    overflow: hidden;
    background: #0a141e;
}

.YC-widght-image-background img {
    height: auto;
    width: auto;
}

.-YC-contianer-widgets-list-items.grid_all {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -12px;
    margin-top: 10px;
}

.-YC-contianer-widgets-list-items.grid_all .-YC-widght-grids-h1 {
    margin-inline-start: 0;
    margin-bottom: 10px;
}

.-YC-contianer-widgets-list-items.grid_all .YC-widght-image-background {
    min-width: 240px;
    height: 170px;
    max-width: 210px;
    margin-inline-end: 25px;
}

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

.YC-panner-widgets-box-container {
    padding: 50px;
    background: var(--bgcolor);
    border-radius: var(--largeradius);
    overflow: hidden;
    position: relative;
}

.YC-panner-widgets-box-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--bg-Boxes);
    background-size: cover;
    opacity: 0.1;
    background-position: center center;
    background-attachment: fixed;
}

.YC-panner-widgets-box-container:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    top: -150px;
    z-index: 0;
    filter: blur(120px);
    background-image: radial-gradient(circle, rgba(189, 0, 255, .5), rgba(97, 0, 255, .5) 60%);
    border-radius: 1000px;
    justify-content: center;
    align-items: flex-start;
    width: 450px;
    height: 450px;
    opacity: 0.4;
}

.YC-panner-widgets-box-second {
    display: flex;
    flex-direction: column;
}

.YC-panner-widgets-box-second .--Parent-URL-BTN>a:hover {
    background-position: right !important;
    transition: all .4s ease-in-out;
    transform: scale(1);
}

.YC-panner-widgets-box-second .--Parent-URL-BTN>a {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
}

.YC-panner-widgets-box-second .-P-content {
    color: #f9f9f9;
}

.YC-panner-widgets-box-second .YC-widgets-button-URLArea {
    justify-content: center;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 25px;
}

.YC-panner-widgets-box-second .-defult-widgets-content-boxed {
    position: relative;
    top: 0;
}

.YC-panner-widgets-box-second .-defult-widgets-title--URLArea-v1 {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    margin-inline: auto;
    text-align: center;
}

.YC-panner-widgets-box-second .-defult-widgets-title-style-1 {
    margin-inline-end: 0;
    position: relative;
    top: 0;
    margin-bottom: 10px;
}

.YC-panner-widgets-box-second .-defult-widgets-title-style-1 .-widgets-h1-title {
    text-align: center;
    color: white;
    line-height: 1.7;
}

.-defult-widgets-title.--SB-button--id {
    margin-top: 23px;
}

.-single-features-step-item:hover {
    transform: translate(0px, -10px) scale(1.01);
}

.-footer-widgets-list-box {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    min-width: 100%;
}

.-footer-widgets-links>li {
    margin: 9px;
    flex: 1;
    min-width: max-content;
    max-width: max-content;
}

.--Parent-URL-BTN>a:hover:before {
    transform: scale(1);
}

.-YourColor-Intro-URL-BTN a:hover {
    background-position: right !important;
    transition: all .4s ease-in-out;
}

.YC-widght-chunk-1 {
    display: flex;
    margin-inline: -15px;
    flex: 1;
    flex-wrap: wrap;
}

.YC-widght-chunk-2 .WidghT-3 {
    flex-direction: inherit;
    align-items: center;
    margin-inline: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.YC-widght-grid-container .--Parent-URL-BTN .-BTN-two-hoverable {
    color: white;
    margin-inline-start: 20px;
    background: var(--primary-text);
    border: 1px solid var(--primary-text);
}

.YC-widght-grid-container .--Parent-URL-BTN .-BTN-two-hoverable:hover {
    background: white;
    color: var(--primary-text) !important;
}
.YC-widght-grid-container .--Parent-URL-BTN {
    display: flex;
    margin-top: 32px;
}

.Gallery-slide-boxed {
    border-radius: var(--largeradius);
    overflow: hidden;
}

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

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

.more-btn-blog-posts {
    margin-top: 30px;
    display: flex;
    width: max-content;
    margin-inline: auto;
}

.more-btn-blog-posts>a {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
    display: flex;
    font-size: 18px;
    padding: 17px 20px;
    border-radius: var(--miniradius);
    color: white;
    font-weight: 500;
    align-items: center;
}


.YC-Parent-URL-BTN {
    display: flex;
    margin-top: 10px;
}

.more-btn-blog-posts>a:hover {
    background-position: right;
    color: #fff;
    transform: scale(1.08);
}

.more-btn-blog-posts>a>i {
    transform: rotate(45deg);
    display: block;
    margin-inline-start: 8px;font-size: 18px;
    font-weight: 600;
}


.more-btn-blog-posts>a>i {
    transform: rotate(45deg);
    display: block;
    margin-inline-start: 8px;
    font-size: 18px;
    font-weight: 600;
}

.-freetrial-widgets-title-s1 .--Parent-URL-BTN {
    display: flex;
    margin-top: 30px;
}

.YC-free-Product-title-Info .likes--and--addtocard>div>i {
    margin-inline-end: 10px;
    font-weight: 500;
}

.-YC-owl-Slides-prev,
.-YC-owl-Slides-next {
    position: absolute;
    top: 50%;
    transform: translateY(-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: white;
    cursor: pointer;
    background: var(--uicolor);
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.-YC-owl-Slides-next {
    left: 1px;
}

.-YC-owl-Slides-prev {
    right: 4px;
}

.-sidebar-related-title-posts-items .-Post-box-single-item {
    margin: 0 0 20px;
    padding: 0 0 30px;
    border: 0;
    box-shadow: 0 0 0;
    border-bottom: 1px solid var(--diver);
    border-radius: 0;
    max-width: 100%;
    min-width: 100%;
}

.-sidebar-related-title-posts-items .-Post-box-single-item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.-sidebar-related-title-posts-items .-Post-box-single-item:hover {
    box-shadow: 0 0 0;
    transform: translate(0, 0);
    border-color: var(--diver)
}

.-Post-sidebar-box-single-item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--diver);
    transition: 250ms;
    margin-bottom: 15px;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden
}

.-Post-sidebar-box-single-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.-Post-sidebar-box-item-Thumb {
    display: flex;
    --el-w: 64px;
    min-width: var(--el-w);
    max-width: var(--el-w);
    height: var(--el-w);
    margin-inline-end: 15px;
    position: relative;
    border-radius: var(--largeradius);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: #000;
}

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

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

.-sidebar-related-title-section>p {
    display: block;
    margin-inline-start: 5px
}

.-sidebar-related-title-section>p>a {
    display: block;
    color: var(--uicolor);
    font-weight: 400
}

.-sidebar-related-Single {
    margin-bottom: 40px;
    padding: 30px;
    border-radius: var(--largeradius);
    background: white;
    border: var(--border-defult);
}

.--Single--page--widget-item.-YC-WidgetType-single__blog {
    border: 0;
    padding: 0;
    box-shadow: 0 0;
    border-radius: 0;
    margin-bottom: 0
}

.YC-post-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: var(--image-post);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 0;
}

.YC-post-context-boxed {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

h2.--widget--sidebar--title {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    flex-wrap: wrap;
    line-height: 1.5;
}

svg.text-white {
    position: absolute;
    color: white;
    top: 2px;
    width: 100%;
    right: 0px;
    bottom: 0px;
}

.-Product-rowpost-Info svg.text-white {
    transform: rotateY(190deg);
    bottom: 0;
    top: inherit;
    width: 127%;
}

.YC-Product-Box-poster {
    position: absolute;
    top: 11px;
    width: 240px;
    display: flex;
    height: 70px;
    /* border-radius: var(--largeradius) var(--largeradius) 0 0;
     */
    /* overflow: hidden;
     */
    right: -10px;
}

.-Post-box-item-Info .-single-bottom-list-category-terms {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

header .--Site--left_header{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

header.fixedintro {
    background: transparent;
    box-shadow: none;
    transition: all 0.2s ease;
}

.--empty-attchment-area {
    display: flex;
    padding: 50px 0;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px
}

.--empty-attchment-area>h1 {
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.7;
    max-width: 500px;
    margin: 0 auto 5px;
    text-transform: capitalize
}

.--empty-attchment-area>p {
    text-align: center;
    font-size: 17px;
    max-width: 400px;
    margin: 0 auto;
    color: var(--secondarytext);
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.--empty-attchment-area>p>a {
    text-decoration: underline;
    color: #fff
}

.--empty-attchment-area>p>* {
    margin-inline: 4px
}

.--empty-attchment-svg-v1 {
    font-size: 120px;
    margin-bottom: 40px;
    color: #141b27
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

svg.animate-spin circle {
    width: 25px;
    margin-inline-end: 11px;
    opacity: 0.3;
}

svg.animate-spin {
    width: 25px;
    margin-inline-end: 14px;
    animation: spin 1s linear infinite;
    color: white;
    display: none;
}

svg.animate-spin path {
    opacity: .75;
}

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(--primary-text);
    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: 40px;
    margin-bottom: 15px;
}

.order-services--body h2 {
    font-size: 27px;
    color: var(--primary-text);
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
}

.order-services--body p {
    color: var(--secondarytext);
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;
    text-align: center;
}

.order-services--body>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--body>p {
    color: var(--secondarytext);
    font-size: 22px;
    line-height: 1.8;
    font-weight: 300;
}

.--popup-URL-BTN a {
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
    display: flex;
    padding: 15px 25px;
    border-radius: var(--largeradius);
    font-size: 18px;
    color: white;
    font-weight: 400;
}

.YC-popover-image {
    position: absolute;
    width: 340px;
    height: 320px;
    right: 0;
    left: 0;
    top: 0;
    background-image: var(--imageUrl);
}

.order-services--info-context {
    display: flex;
    flex: 1;
    z-index: 1;
    max-width: 100%;
    position: relative;
    /* height: 100%;
     */
    /* border-radius: var(--largeradius);
     */
    justify-content: space-between;
}

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

.YC-popup-URL-BTN {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 26px;
}

.YC-popup-URL-BTN a {
    padding: 15px 33px;
    font-size: 19px;
    font-weight: 400;
    border-radius: var(--miniradius);
    color: white;
    flex: 1;
    text-align: center;
    background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
    background-size: 150%;
    transition: all .4s ease-in-out;
    background-position: left;
}

.YC-popup-URL-BTN a:hover {
    background-position: right;
}

.order-services--info-context .popup-boxnumber a {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #000;
    padding: 20px;
}

.order-services--info-context-boxed {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-inline: 41px;
    justify-content: center;
}

.services-image {
    position: relative;
    display: flex;
    position: relative;
    color: white;
    padding: 8px 17px;
    border-radius: var(--largeradius);
    margin-top: 30px;
    text-align: center;
}

.services-image span {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 500;
}

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

.order-services--info-context-boxed p {}

.--ribbon-context {
    font-weight: 700;
    margin-top: 0px;
    display: flex;
    direction: ltr;
    align-items: center;
    flex-direction: column-reverse;
    position: relative;
    padding-bottom: 30px;
    color: white;
}

.--ribbon-context>span {
    font-size: 70px;
    font-family: var(--f-number);
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
}

.--ribbon-context>strong {
    font-size: 24px;
    font-weight: 300;
}

.-product-feer-poster {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 20px;
}

.-product-feer-poster img {
    width: auto;
    height: auto;
}

.preloader {
    display: grid;
    place-items: center;
    height: 100vh;
    background: #000107;
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.preloader__img {
    width: 240px;
    height: 240px;
    animation: imageBeat 2s infinite ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader__img img {}

.bq--poster img {
    width: auto;
    height: auto;
}

@keyframes imageBeat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.7);
    }

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

.circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    border: 8px solid transparent;
}

.circle:nth-child(1) {
    border-top-color: #a37ae9;
    animation: spin 1s ease-in-out infinite;
}

.circle:nth-child(2) {
    border-right-color: #a482fd;
    animation: spin 1s ease-in-out infinite;
    animation-delay: -0.75s;
}

.circle:nth-child(3) {
    border-bottom-color: #e56bc4;
    animation: spin 1s ease-in-out infinite;
    animation-delay: -0.5s;
}

.circle:nth-child(4) {
    border-left-color: #d2389c;
    animation: spin 1s ease-in-out infinite;
    animation-delay: -0.25s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.YC-widgets-button-URLArea {
    margin-top: 30px;
}

.-defult-widgets-title-style-1 .-widgets-h1-title {
    width: 100%;
    font-weight: 700;
    line-height: 1.6;
    color: var(--primary-text);
    /* white-space: break-spaces;
     */
    text-align: center;
    font-size: 45px;
    position: relative;
    z-index: 1;
}

.animate-line-3d,
.animate-text-from-right {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.animate-text {
    color: var(--uicolor);
    font-size: 19px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 500;
    width: max-content;
    display: flex;
    padding: 8px 34px;
    border-radius: 20px;
    border: 1px solid #eee9fa;
    background: white;
}
.-YourColor-SingleWidget-Section.-YC-WidgetType-bouquet_Logos>.Yc-bouqets-bg {
    content: "";
    display: block;
    transform: rotate(45deg);
    width: 450px;
    height: 480px;
    position: absolute;
    right: 0;
    top: -340px;
    right: inherit;
    bottom: inherit;
    border-radius: 50%;
    filter: blur(150px);
    background-color: var(--uicolor);
    opacity: 0.3;
}

.YC-widgets-container-secondary-element-list {
    justify-content: space-between;
    display: none;
    align-items: self-start;
    transition: all 0.3s ease;
}

.YC-widgets-container-secondary-element-list.active {
    display: flex !important;
}

.YC-order-services-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -2px;
    top: 0;
    bottom: 0;
    background-image: var(--popup);
    background-repeat: no-repeat;
    
    background-size: 100% 100%;
    transform: rotateY(180deg);
}

.YC-order-services-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #010114;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.YC-order-services-image-box {
    padding: 0;
    position: relative;
    min-width: 230px;
    height: 370px;
    max-width: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.-card-select-CreateFields {
    display: flex;
    flex-wrap: wrap;
}

.YC-prodct-poster-src-slider-container {}

.YC-prodct-poster-src-slider {}

.YC-prodct-poster-src-slider-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* تأكد من أن الحاوية تستخدم عرض 100% */
    position: relative;
    border-radius: var(--largeradius);
}

.YC-prodct-poster-src-slider {
    width: 100%;
    /* تأكد من أن الSwiper يستخدم العرض الكامل للحاوية */
    /* ضبط الارتفاع حسب الحاجة */
    height: 100%;
    display: flex;
}

.swiper-slide {
    /* عرض كل شريحة ليظهر 5 عناصر في وقت واحد */
    box-sizing: border-box;
    /* لضمان عدم تداخل العناصر */
}

.inner--media-sliders--item img {
    width: auto;
    /* تأكد من أن الصور تأخذ العرض الكامل للعنصر */
    height: auto;
    /* الحفاظ على نسبة العرض إلى الارتفاع */
}

.YC-prodct-poster-image img {
    width: 100%;
    /* التأكد من أن الصورة الكبيرة تأخذ العرض الكامل */
    height: auto;
    /* الحفاظ على نسبة العرض إلى الارتفاع */
    display: block;
    /* opacity: 1;
     */
    /* transition: opacity 0.4s ease-in-out;
     */
    /* تأثير الانتقال */
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    padding: 11px 40px;
    background: white;
    width: max-content;
    right: 0;
    margin-inline: auto;
    margin-bottom: -10px;
    display: flex;
    position: absolute;
    bottom: 0;
    z-index: 2;
    box-shadow: 0px 0px 17px 0px #cddfff40;
    border-radius: var(--largeradius) var(--largeradius) 0 0;
    background: white;
    padding: 23px;
    justify-content: center;
    align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 10;
}

.swiper-button-next {
    right: 10px;
}

.swiper-button-next.swiper-button-lock {
    display: none;
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-prev.swiper-button-lock {
    display: none;
}

.swiper-pagination {
}

.swiper-pagination-bullet {
    /* background: #fff;
     */
    opacity: 0.7;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    background: #007aff;
    width: 70px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.search_header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20000;
    align-items: center;
    justify-content: center;
    align-items: center;
}

.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: 1000px;
    transition: 180ms all ease;
    visibility: hidden;
    opacity: 0;
    visibility: visible;
    opacity: 1;
    max-width: 1100px;
    margin-inline: auto;
    flex-direction: column;
    
: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: max-content;
    right: 0;
    height: auto;
    justify-content: center;
}

.search_header.shows--in-searching .search_body {
    /* transform: translate(50%, 100%); */
    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: #cd2d2d;
    font-weight: 400;
    cursor: pointer;
    transition: 180ms;
    z-index: 1;
    position: absolute !important;
    top: 30px;
    left: 20px;
    background: white;
}

.search_closse:hover {
    color: var(--negative);
}

.search_closse>i {
    font-weight: inherit
}

.search_body>form {
    position: relative;
    max-width: 100px;
    display: flex;
    align-items: center;
    height: 190px;
    z-index: 1;
    transition: all 0.5s;
    margin-inline: auto;
    opacity: 0;
    box-shadow: var(--box-shadow-hover);
}

.shows--input-searching .search_body>form {
    transition: all 0.5s ease 0.5s;
    max-width: 1050px;
    width: 100%;
    opacity: 1;
}

.search_body>form>label {
    display: none;
}

.search_body-input:before {
    content: "";
}

.shows--input-searching .search_body-input:before {
}

.search_body-input {
    position: relative;
    display: flex;
    flex: 1;
}
.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;
    position: absolute;
    left: 0;
}
.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;
    border: 1px solid #f4d5d5;
    border-inline: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

.-widgets-blog-posts-container .-defult-widgets-title--URLArea-v1 {
    margin-top: 20px;
}

.YC-widgets-features-item {
    display: flex;
    align-items: center;
}

.YC-defult-widgets-title-sticky {
    display: flex;
    align-items: self-start;
    margin-bottom: 40px;
    max-width: 100%;
    justify-content: space-between;
    min-width: 100%;
}
.swiper-pagination-lock {display: none !important;}
.YC-defult-widgets-title-sticky .-defult-widgets-title-style-1 {
    max-width: 620px;
    position: sticky;
    top: 11px;
}

.YC-defult-widgets-title-sticky .-defult-widgets-content-boxed {
    max-width: 620px;
    position: sticky;
    top: 31px;
}

.YC-defult-widgets-title-sticky>.-defult-widgets-content-boxed .P-content {
    text-align: right;
}

.YC-bouquet-list {
    display: flex;
    flex-wrap: wrap;
}

.YC-bouqets-brand-btn {
    min-width: 140px;
    max-width: 160px;
    flex: 1;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    filter: grayscale(1);
    transition: all 0.2s ease;
}

.YC-bouqets-brand-btn:hover {
    filter: none;
}

.YC-bouqets-brand-btn:hover .YC-bq--poster {
    filter: none;
    transform: translate(0px, -5px) scale(1.09);
    background: #ffffff;
}

.YC-Post-box-item-Thumb {
    margin-bottom: 26px;
}

.-YC-WidgetType-Faqs__simple2 .-defult-widgets-title--URLArea-v1 {
    margin-top: 25px;
}

.top-singular-post-cover {
    position: relative;
    z-index: 1;
}

.-primary-body.pagemyorders {
    padding-top: 110px;
}

.-primary-body.page-cart {
    padding-top: 80px;
}

a.-order-item-blogbox-link i {
    margin-inline-start: 6px;
}